/* Customer editor: keep controls and captions together within the existing form. */
.account-site .customer-edit { min-width: 0; padding: 0; }
.account-site .customer-edit fieldset { min-width: 0; max-width: 100%; }
.account-site .customer-edit .form-group { width: 100%; clear: both; }
.account-site .customer-edit label,
.account-site .customer-edit b,
.account-site .customer-edit .formuzenet { overflow-wrap: anywhere; }
.account-site .customer-edit .form-control { width: 100%; min-width: 0; max-width: 100%; }
.account-site .customer-edit .customer-radio-option {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 36px;
    margin: 0 16px 4px 0;
    padding: 0;
    cursor: pointer;
    vertical-align: middle;
}
.account-site .customer-edit .customer-radio-option input[type="radio"] {
    flex: 0 0 20px;
    margin: 0;
    vertical-align: middle;
}
.account-site .customer-edit .customer-tax-check { padding: 0 8px; }
.account-site .customer-edit .btn { max-width: 100%; white-space: normal; }
@media (max-width: 1199px) {
    .account-site .customer-edit #id_sheet > [class*="col-"] { width: 100%; }
}
@media (max-width: 767px) {
    .account-site .customer-edit #id_sheet > [class*="col-"] { padding-left: 0; padding-right: 0; }
    .account-site .customer-edit .form-group > [class*="col-"] { padding-left: 0; padding-right: 0; }
    .account-site .customer-edit .customer-tax-check { margin-top: 8px; }
    .account-site .customer-edit fieldset { padding: 12px; }
}

/* Authenticated interface refresh. Navigation order and application markup stay intact. */
:root {
    --account-navy: #123d59;
    --account-dark: #0b2f46;
    --account-blue: #0877b5;
    --account-ink: #20384a;
    --account-muted: #657887;
    --account-line: #d7e2e9;
    --account-surface: #f4f7f9;
    --account-shadow: 0 10px 30px rgba(18, 55, 79, .10);
}

body.account-site {
    min-height: 100vh;
    background-color: #eaf0f4;
    color: var(--account-ink);
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    text-align: left;
}

.account-site .account-shell {
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 40px);
    min-height: calc(100dvh - 40px);
    width: calc(100% - 40px);
    max-width: 1440px;
    float: none;
    margin: 20px auto !important;
    padding: 0 24px 18px;
    background: #fff;
    border: 1px solid var(--account-line);
    border-radius: 14px;
    box-shadow: var(--account-shadow);
}
.account-site .account-shell::before,
.account-site .account-shell::after { display: none; }
.account-site .account-shell > * { flex-shrink: 0; min-width: 0; }
.account-site .account-shell > .row:last-child { margin-top: auto; }
.account-site .account-shell > .row:first-child { margin: 0 -24px; }
.account-site .account-shell > .row:first-child > div { padding: 0; }
.account-site .top_menu { overflow: hidden; border-radius: 13px 13px 0 0; }
.account-site header {
    position: relative;
    min-height: 84px;
    background: linear-gradient(115deg, var(--account-dark), var(--account-navy));
}
.account-site .top_menu_left { max-width: calc(100% - 230px); margin: 25px 0 0 24px; }
.account-site .top_menu_right {
    position: absolute;
    z-index: 2;
    top: 18px;
    right: 24px;
    float: none;
    margin: 0;
}
.account-site .top_menu_left > div:first-child { display: inline-flex; align-items: center; gap: 7px; }
.account-site .top_menu_left > div:first-child img { width: 18px; height: 18px; filter: brightness(0) invert(1); opacity: .9; }
.account-site a.header { color: #fff; font-size: 14px; text-decoration: none; }
.account-site a.header:hover { color: #d8eefb; }
.account-site .nyelvvaltas { display: inline-flex; gap: 6px; margin-left: 18px; padding-top: 0; vertical-align: middle; }
.account-site .nyelvvaltas img { width: 25px; border: 1px solid rgba(255,255,255,.45); border-radius: 3px; }
.account-site .top_menu_right a { display: block; }
.account-site .szamlakozpont_kep {
    display: block !important;
    visibility: visible !important;
    width: 167px;
    max-width: 100%;
    height: 41px;
    max-height: 48px;
    opacity: 1 !important;
    filter: none !important;
}

/* Preserve the familiar two navigation rows, with clearer spacing and states. */
.account-site .down_menu1,
.account-site .down_menu2 {
    width: auto;
    margin: 0;
    border-right: 1px solid var(--account-line);
    border-bottom: 1px solid var(--account-line);
    border-left: 1px solid var(--account-line);
}
.account-site .down_menu1 { background: #f5f8fa; }
.account-site .down_menu2 { background: #e8f0f5; }
.account-site .szurke1, .account-site .szurke2 { height: auto; min-height: 42px; background: transparent; }
.account-site .szurke3 { height: auto; background: transparent; }
.account-site .down_menu1 .margin_top_10, .account-site .down_menu2 .margin_top_15 { margin-top: 0; }
.account-site .down_menu1 ul, .account-site .down_menu2 ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 8px;
    padding: 7px 13px;
    font-size: 0;
}
.account-site .down_menu1 li, .account-site .down_menu2 li,
.account-site .fomenu_also, .account-site .fomenu_felso { float: none !important; margin: 0 !important; }
.account-site .down_menu1 a, .account-site .down_menu2 a {
    display: inline-block;
    padding: 7px 10px;
    color: #38566a;
    border-radius: 6px;
    font-size: 13px;
    text-decoration: none;
}
.account-site .down_menu1 li, .account-site .down_menu2 li,
.account-site .down_menu1 .right, .account-site .down_menu2 .right { font-size: 13px; }
.account-site .down_menu1 a:hover, .account-site .down_menu2 a:hover { color: var(--account-dark); background: #d8e9f3; }
.account-site .down_menu1 .right { margin-left: auto; padding: 3px 5px; color: var(--account-muted); text-align: right; }
.account-site .down_menu1 .right a { color: #8b2630; }

.account-site .dropdown .custom_button {
    width: 42px;
    height: 42px;
    color: var(--account-navy);
    background: #fff !important;
    border: 1px solid var(--account-line);
    border-radius: 8px;
}
.account-site .dropdown-menu {
    min-width: 250px;
    max-height: 75vh;
    padding: 8px;
    overflow-y: auto;
    background: #fff;
    border: 1px solid var(--account-line);
    border-radius: 10px;
    box-shadow: var(--account-shadow);
}
.account-site .dropdown-menu > li > a { padding: 9px 11px; color: var(--account-ink) !important; border-radius: 6px; text-decoration: none; }
.account-site .dropdown-menu > li > a:hover { background: #eaf4fa !important; }

/* Compact monthly statistics: override the old inline height that let the select escape below its panel. */
.account-site .bg-info:has(> table) {
    max-height: none !important;
    margin: 18px 0 24px;
    padding: 8px 12px !important;
    overflow: hidden;
    background: #e5f2f8;
    border: 1px solid #b8d4e2 !important;
    border-radius: 9px;
}
.account-site .bg-info > table {
    width: 100% !important;
    table-layout: fixed;
    border-collapse: collapse;
}
.account-site .bg-info > table td {
    height: auto;
    padding: 4px 8px;
    color: var(--account-ink);
    line-height: 1.25;
    vertical-align: middle;
}
.account-site .bg-info > table thead tr:first-child td {
    padding-top: 0;
    padding-bottom: 5px;
    color: var(--account-navy);
    font-size: 14px;
    font-weight: 700;
}
.account-site .bg-info > table .text-danger { color: #b84349; }
.account-site #stat_honap {
    display: block;
    width: 100%;
    max-width: 170px;
    min-height: 36px;
    margin: 0;
    padding: 6px 28px 6px 9px;
}

.account-site .account-shell > .row:nth-last-child(2) { padding-top: 24px; }
.account-site h1 {
    margin: 0 0 22px;
    padding: 0 0 12px;
    color: var(--account-dark);
    border-bottom: 2px solid var(--account-line);
    font-size: 25px;
    font-weight: 650;
    line-height: 1.25;
}
.account-site h2 { color: var(--account-navy); font-size: 18px; line-height: 1.35; }
.account-site h3 { color: var(--account-ink); font-size: 15px; line-height: 1.35; }
.account-site a { color: #086ea7; text-decoration: none; }
.account-site a:hover { color: var(--account-dark); text-decoration: underline; }

.account-site fieldset, .account-site fieldset.kek, .account-site fieldset.fekete {
    margin-bottom: 18px;
    padding: 18px;
    background: #fbfcfd;
    border: 1px solid var(--account-line);
    border-radius: 10px;
}
.account-site legend {
    width: auto;
    margin: 0 0 0 4px;
    padding: 0 8px;
    color: var(--account-navy);
    border: 0;
    font-size: 15px;
    font-weight: 650;
}
.account-site .adminkereso, .account-site .adminkeresodetail {
    padding: 14px;
    background: var(--account-surface);
    border: 1px solid var(--account-line);
    border-radius: 0 0 9px 9px;
}
.account-site .adminkereso_keret { margin-bottom: 18px; border-radius: 9px; box-shadow: 0 4px 12px rgba(27,61,84,.05); }
.account-site .adminkereso_fejlec, .account-site .adminkeresodetail_fejlec {
    padding: 10px 14px;
    color: var(--account-dark);
    background: #dce8ef;
    border-radius: 9px 9px 0 0;
}

.account-site input.text, .account-site input.text_small, .account-site input.text_tiny,
.account-site input.text_big, .account-site input.form-control, .account-site select,
.account-site select.form-control, .account-site textarea, .account-site textarea.form-control {
    min-height: 36px;
    padding: 7px 9px;
    color: var(--account-ink);
    background: #fff;
    border: 1px solid #bacbd6;
    border-radius: 6px;
    box-shadow: none;
    line-height: 1.35;
}
.account-site textarea, .account-site textarea.form-control { min-height: 90px; }
.account-site input:focus, .account-site select:focus, .account-site textarea:focus {
    border-color: var(--account-blue);
    box-shadow: 0 0 0 3px rgba(8,119,181,.12);
    outline: none;
}
.account-site label { color: #40596b; font-weight: 600; }

.account-site button, .account-site input.submit, .account-site .btn {
    min-height: 36px;
    padding: 7px 13px;
    color: var(--account-ink);
    background: #e8eef2;
    border: 1px solid #c5d3dc;
    border-radius: 6px;
    font-weight: 600;
    line-height: 1.35;
}
.account-site .btn-info, .account-site .btn-primary, .account-site input.submit {
    color: #fff;
    background: var(--account-blue);
    border-color: var(--account-blue);
}
.account-site .btn-success { color: #fff; background: #5d9f3b; border-color: #5d9f3b; }
.account-site .btn-danger { color: #fff; background: #b5484e; border-color: #b5484e; }
.account-site button:hover, .account-site .btn:hover, .account-site input.submit:hover { filter: brightness(.94); text-decoration: none; }

.account-site .table-responsive { margin-bottom: 18px; border: 1px solid var(--account-line); border-radius: 9px; }
.account-site table { color: var(--account-ink); }
.account-site table.felsorolas, .account-site table.felsorolas2, .account-site table.table {
    width: 100%;
    background: #fff;
    border-collapse: separate;
    border-spacing: 0;
}
.account-site table.felsorolas th, .account-site table.felsorolas2 th,
.account-site table.table > thead > tr > th, .account-site .fejlec_hatterszin {
    padding: 10px 8px;
    color: #fff;
    background: var(--account-navy);
    border-color: #365e76;
    font-weight: 650;
    text-align: left;
    vertical-align: middle;
}
.account-site .fejlec_hatterszin {
    display: flex;
    min-height: 68px;
    align-items: stretch;
    border-color: #315b73;
    border-radius: 8px 8px 0 0;
}
.account-site .fejlec_hatterszin > div {
    min-width: 0;
    padding-top: 10px;
    padding-bottom: 8px;
    color: #fff;
    line-height: 1.25;
    text-align: left;
}
.account-site .fejlec_hatterszin,
.account-site .fejlec_hatterszin label,
.account-site .fejlec_hatterszin b,
.account-site .fejlec_hatterszin span,
.account-site .fejlec_hatterszin a {
    color: #fff !important;
}
.account-site .fejlec_hatterszin label { margin-bottom: 2px; font-weight: 650; }
.account-site .fejlec_hatterszin .kimeno_szamla_betu { color: #cfe4ef !important; }
.account-site .fejlec_hatterszin a { display: inline-block; }
.account-site .fejlec_hatterszin img { flex: none; }
.account-site .invoice-header-label {
    display: flex;
    min-height: 38px;
    flex-direction: column;
    justify-content: flex-start;
    line-height: 1.2;
}
.account-site .invoice-header-label label,
.account-site .invoice-header-label b { display: block; margin: 0; }
.account-site .invoice-sort-arrows {
    display: flex;
    height: 25px;
    align-items: center;
    gap: 7px;
    margin-top: 3px;
    white-space: nowrap;
}
.account-site .invoice-sort-arrows a {
    display: inline-flex;
    width: 23px;
    height: 23px;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
}
.account-site .invoice-sort-arrows a:hover,
.account-site .invoice-sort-arrows a:focus { background: rgba(255, 255, 255, .16); }
.account-site .invoice-sort-arrows img { display: none; }
.account-site .invoice-sort-arrows a::before {
    display: block;
    width: 0;
    height: 0;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: "";
}
.account-site .invoice-sort-arrows a:first-child::before { border-bottom: 6px solid #d9edf7; }
.account-site .invoice-sort-arrows a:last-child::before { border-top: 6px solid #d9edf7; }
.account-site .invoice-sort-arrows a { width: 18px; height: 18px; }
.account-site .invoice-sort-arrows { height: 20px; gap: 3px; }

/* Grid-backed lists used by the authenticated interface. */
@media (min-width: 1200px) {
    .account-site .invoice-list-header,
    .account-site .invoice-list-row {
        display: grid;
        grid-template-columns: 6% 10% 16% 8% 8% 9% 8% 14% 9% 12%;
        width: 100%;
    }
    .account-site .invoice-list-header { min-height: 76px; }
    .account-site .invoice-list-header > div,
    .account-site .invoice-list-row > div {
        float: none;
        width: auto;
        min-width: 0;
        padding-right: 10px;
        padding-left: 10px;
    }
    .account-site .invoice-list-row {
        min-height: 122px;
        align-items: start;
        padding: 9px 0;
        background: #fff;
    }
    .account-site .invoice-list-row:nth-of-type(even) { background: #f7f9fb; }
    .account-site .invoice-list-row > div { overflow-wrap: anywhere; word-break: normal; }
    .account-site .invoice-list-row > .col-lg-12 { display: none; }

    .account-site .bounce-email-header,
    .account-site .bounce-email-row {
        display: grid;
        grid-template-columns: 16% 34% 20% 30%;
        width: 100%;
        align-items: center;
    }
    .account-site .bounce-email-header > div,
    .account-site .bounce-email-row > div {
        float: none;
        width: auto;
        min-width: 0;
        margin: 0;
        padding: 14px 20px;
        overflow-wrap: anywhere;
    }
    .account-site .bounce-email-row {
        min-height: 68px;
        background: #fff;
        transition: background-color .15s ease;
    }
    .account-site .bounce-email-row:nth-of-type(even) { background: #f7f9fb; }
    .account-site .bounce-email-row:hover { background: #eef6fa; }
    .account-site .bounce-email-row .btn { min-width: 98px; }
    .account-site .bounce-email-admin-header,
    .account-site .bounce-email-admin-row {
        grid-template-columns: 7% 12% 18% minmax(260px, 1fr) 12% 12% 10%;
    }
    .account-site .bounce-email-admin-row > div:nth-child(4) { max-height: 9em; overflow: auto; }
}

.account-site .invoice-statistics {
    max-height: none !important;
    margin-bottom: 14px;
    padding: 10px 16px !important;
    color: var(--account-dark);
    background: linear-gradient(135deg, #eef8fc, #e3f0f7) !important;
    border-color: #bfd8e5 !important;
    box-shadow: 0 3px 10px rgba(15, 75, 105, .08);
}
.account-site .invoice-statistics-table { table-layout: fixed; }
.account-site .invoice-statistics-table td { padding: 3px 8px; text-align: center; }
.account-site .invoice-statistics-title td {
    padding-bottom: 7px;
    color: var(--account-dark);
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .2px;
}
.account-site .invoice-statistics-labels td {
    color: #496778;
    font-size: 12px;
    font-weight: 600;
}
.account-site .invoice-statistics #statitabla td {
    color: var(--account-dark);
    font-size: 15px;
    font-weight: 700;
}
.account-site .invoice-statistics #stat_honap {
    width: 100%;
    max-width: 150px;
    height: 32px;
    padding: 4px 9px;
    font-size: 13px;
    font-weight: 500;
    background: #fff;
    border: 1px solid #b8ceda;
    border-radius: 5px;
}
.account-site .invoice-settlement-column {
    padding-right: 15px !important;
    padding-left: 15px !important;
}
.account-site .invoice-settlement-cell {
    min-width: 0;
    text-align: left;
}
.account-site .invoice-settlement-cell > div { width: 100%; }
.account-site .invoice-settlement-cell .col-lg-12,
.account-site .invoice-settlement-cell .col-md-6,
.account-site .invoice-settlement-cell .col-sm-6,
.account-site .invoice-settlement-cell .col-sm-12 {
    float: none;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
}
.account-site .invoice-settlement-cell .kimenobox_max_width,
.account-site .invoice-settlement-cell input.form-control,
.account-site .invoice-settlement-cell button {
    width: 100% !important;
    max-width: 170px;
}
.account-site .invoice-settlement-cell button { margin-top: 6px; }
.account-site .invoice-customer-cell,
.account-site .invoice-number-cell {
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
}
.account-site .invoice-customer-cell {
    overflow-wrap: break-word;
    word-break: normal;
    hyphens: none;
}
.account-site .invoice-customer-cell b,
.account-site .invoice-number-cell a { max-width: 100%; }

.account-site table.felsorolas td, .account-site table.felsorolas2 td,
.account-site table.table > tbody > tr > td {
    padding: 9px 8px;
    color: var(--account-ink);
    background: #fff;
    border-color: #e1e8ed;
    vertical-align: middle;
}
.account-site table.felsorolas tr:nth-child(even) td,
.account-site table.felsorolas2 tr:nth-child(even) td,
.account-site table.table-striped > tbody > tr:nth-of-type(odd) > td { background: #f6f9fb; }
.account-site table.felsorolas tr:hover td, .account-site table.felsorolas2 tr:hover td,
.account-site table.table-hover > tbody > tr:hover > td { background: #eaf4fa; }
.account-site table.felsorolas td.szamlahonap, .account-site table.felsorolas2 td.inaktiv { color: var(--account-dark); background: #dce8ef; }

.account-site .pagination > li > a, .account-site .pagination > li > span { color: var(--account-blue); border-color: var(--account-line); }
.account-site .pagination > .active > a, .account-site .pagination > .active > span { color: #fff; background: var(--account-blue); border-color: var(--account-blue); }
.account-site .alert, .account-site .bg-info, .account-site .bg-danger { padding: 13px 15px; border: 1px solid var(--account-line); border-radius: 8px; line-height: 1.5; }
.account-site .mt10 { padding: 10px; background: var(--account-surface); border-color: var(--account-line); border-radius: 7px; }

.account-site #footer {
    /* Legacy bootstrap.css sets fixed mobile heights with !important. */
    height: auto !important;
    min-height: 48px;
    margin: 28px -24px -18px;
    padding: 0;
    background: var(--account-dark);
    border-radius: 0 0 13px 13px;
}
.account-site #footer_content { display: flex; flex-wrap: wrap; align-items: center; min-height: 48px; padding: 10px 22px; color: #d8e7f0; }
.account-site #footer_content > span { float: none; min-width: 0; max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
.account-site #footer_content span, .account-site #footer_content a { color: #d8e7f0; line-height: 1.5; }

@media (max-width: 991px) {
    .account-site .account-shell { width: calc(100% - 20px); padding-right: 16px; padding-left: 16px; }
    .account-site .account-shell > .row:first-child { margin-right: -16px; margin-left: -16px; }
    .account-site #footer { margin-right: -16px; margin-left: -16px; }
    .account-site .top_menu_left { margin-left: 16px; }
    .account-site .top_menu_right { right: 16px; }
    .account-site .dropdown { padding: 8px 0; }
    .account-site .dropdown-menu { left: 0; }
    .account-site .w50, .account-site .w45 { width: 100%; }
}

@media (max-width: 767px) {
    body.account-site { background: #fff; }
    .account-site .account-shell {
        min-height: 100vh;
        min-height: 100dvh;
        width: 100%;
        margin: 0 !important;
        border: 0;
        border-radius: 0;
        box-shadow: none;
    }
    .account-site .top_menu { border-radius: 0; }
    .account-site header { min-height: 70px; }
    .account-site .top_menu_left { margin-top: 20px; }
    .account-site .top_menu_right { top: 14px; }
    .account-site .szamlakozpont_kep { max-width: 150px; max-height: 42px; }
    .account-site .nyelvvaltas { display: none; }
    .account-site h1 { font-size: 21px; }
    .account-site .bg-info:has(> table) { overflow-x: auto; }
    .account-site .bg-info > table { min-width: 620px; }
    .account-site .fejlec_hatterszin { display: block; min-height: 0; }
    .account-site .fejlec_hatterszin > div { min-height: 48px; padding-top: 7px; padding-bottom: 7px; }
    .account-site fieldset { padding: 13px; }
    .account-site input.text, .account-site input.text_small, .account-site input.text_big,
    .account-site textarea.big { max-width: 100%; }
    .account-site #footer { border-radius: 0; }
    .account-site #footer_content { display: flex; flex-direction: column; align-items: stretch; }
    .account-site #footer_content > span { display: block; width: 100%; padding: 0; margin-bottom: 5px; text-align: left; }
    .account-site #footer_content > span:last-child { margin-bottom: 0; }
}

@media (prefers-reduced-motion: reduce) {
    .account-site *, .account-site *::before, .account-site *::after { transition: none !important; }
}

/* ==========================================================================
   KIMENO SZAMLAK — consolidated visual refresh v7
   Full replacement for the earlier iterative v1-v6 invoice-list overrides.
   Existing PHP conditions, IDs, form fields, routes and JS actions stay intact.
   ========================================================================== */

.account-site #id_szamlak {
    --invoice-ref-blue: #006a9f;
    --invoice-ref-blue-dark: #00557f;
    --invoice-ref-ink: #101b2c;
    --invoice-ref-muted: #8a98b3;
    --invoice-ref-head: #7c89a4;
    --invoice-ref-line: #dfe7f0;
    --invoice-ref-head-bg: #f5f8fb;
    --invoice-ref-hover: #f9fcfe;

    --invoice-action-blue: #087fb8;
    --invoice-action-blue-hover-bg: #eef8fc;
    --invoice-action-green: #5bac2f;
    --invoice-action-green-hover-bg: #f1f8ed;
    --invoice-action-purple: #7467a8;
    --invoice-action-purple-hover-bg: #f5f2fb;
    --invoice-action-red: #c23b4a;
    --invoice-action-red-hover-bg: #fdf1f3;
}

/* Existing monthly statistics, kept compact and light. */
.account-site .invoice-statistics {
    max-height: none !important;
    margin: 0 0 18px;
    padding: 13px 16px !important;
    color: #172033;
    background: #f5f9fc !important;
    border: 1px solid #dfe8f0 !important;
    border-radius: 10px;
    box-shadow: none !important;
}
.account-site .invoice-statistics-table {
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
}
.account-site .invoice-statistics-table td {
    padding: 4px 10px;
    border: 0;
    text-align: center;
    vertical-align: middle;
}
.account-site .invoice-statistics-title td {
    padding: 0 8px 9px;
    color: #172033;
    font-size: 15px;
    font-weight: 750;
}
.account-site .invoice-statistics-labels td {
    color: #7c89a4;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .025em;
    text-transform: uppercase;
}
.account-site .invoice-statistics #statitabla td {
    padding-top: 7px;
    color: #172033;
    font-size: 15px;
    font-weight: 750;
}
.account-site .invoice-statistics #statitabla .text-danger,
.account-site .invoice-statistics .text-danger { color: #c23b4a; }
.account-site .invoice-statistics #stat_honap {
    width: 100%;
    max-width: 155px;
    min-height: 36px;
    height: 36px;
    margin: 0 auto;
    padding: 6px 30px 6px 10px;
    color: #172033;
    font-size: 12px;
    font-weight: 600;
    background: #fff;
    border: 1px solid #d9e3ed;
    border-radius: 9px;
    box-shadow: none;
}

/* Flat, light list heading. */
.account-site #id_szamlak > .invoice-list-header,
.account-site #id_szamlak > .invoice-list-header.fejlec_hatterszin {
    min-height: 58px;
    padding: 0;
    align-items: center;
    color: var(--invoice-ref-head) !important;
    background: var(--invoice-ref-head-bg) !important;
    border: 1px solid var(--invoice-ref-line) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
.account-site #id_szamlak > .invoice-list-header > div {
    display: flex;
    min-height: 58px;
    margin: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    align-items: center;
    color: var(--invoice-ref-head) !important;
    line-height: 1.2;
}
.account-site #id_szamlak > .invoice-list-header label,
.account-site #id_szamlak > .invoice-list-header b,
.account-site #id_szamlak > .invoice-list-header span,
.account-site #id_szamlak > .invoice-list-header a {
    color: var(--invoice-ref-head) !important;
}
.account-site #id_szamlak > .invoice-list-header label,
.account-site #id_szamlak > .invoice-list-header b {
    margin: 0;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .055em;
    text-transform: uppercase;
}
.account-site #id_szamlak > .invoice-list-header .kimeno_szamla_betu {
    margin-top: 2px;
    color: #9aa6bc !important;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .01em;
    text-transform: none;
}
.account-site #id_szamlak .invoice-header-label { justify-content: center; }

.account-site #id_szamlak .invoice-sort-arrows {
    height: 16px;
    gap: 2px;
    margin-top: 2px;
}
.account-site #id_szamlak .invoice-sort-arrows a {
    width: 15px;
    height: 15px;
    padding: 0;
    border-radius: 4px;
}
.account-site #id_szamlak .invoice-sort-arrows a:hover,
.account-site #id_szamlak .invoice-sort-arrows a:focus { background: #e8f2f8; }
.account-site #id_szamlak .invoice-sort-arrows a:first-child::before { border-bottom-color: var(--invoice-ref-blue); }
.account-site #id_szamlak .invoice-sort-arrows a:last-child::before { border-top-color: var(--invoice-ref-blue); }

/* Month/customer grouping strips. */
.account-site #id_szamlak > .bgcolor_ccc,
.account-site #id_szamlak .szamlahonap,
.account-site #id_szamlak .invoice-month-separator {
    min-height: 36px;
    padding: 8px 16px !important;
    color: #063a62 !important;
    background: #e8f5fb !important;
    border-right: 1px solid var(--invoice-ref-line) !important;
    border-bottom: 1px solid var(--invoice-ref-line) !important;
    border-left: 1px solid var(--invoice-ref-line) !important;
    font-size: 12px;
    font-weight: 800;
}
.account-site #id_szamlak > .bgcolor_ccc .datum_fontsize,
.account-site #id_szamlak > .bgcolor_ccc label {
    margin: 0;
    color: #063a62;
    font-size: 12px;
    font-weight: 800;
}

/* Invoice cards/rows. */
.account-site #id_szamlak > .invoice-list-row {
    position: relative !important;
    min-height: 126px;
    padding-top: 0;
    padding-bottom: 48px;
    align-items: center !important;
    color: var(--invoice-ref-ink);
    background: #fff !important;
    border-top: 0 !important;
    border-right: 1px solid var(--invoice-ref-line) !important;
    border-bottom: 1px solid var(--invoice-ref-line) !important;
    border-left: 1px solid var(--invoice-ref-line) !important;
    box-shadow: none !important;
    transition: background-color .14s ease;
}
.account-site #id_szamlak > .invoice-list-row:nth-of-type(even) { background: #fff !important; }
.account-site #id_szamlak > .invoice-list-row:hover,
.account-site #id_szamlak > .invoice-list-row-overdue:hover {
    background: var(--invoice-ref-hover) !important;
    box-shadow: none !important;
}
.account-site #id_szamlak > .invoice-list-row-overdue {
    border-bottom-color: var(--invoice-ref-line) !important;
    border-left-color: var(--invoice-ref-line) !important;
    box-shadow: none !important;
}
/* Explicitly remove the old overdue underline decoration. */
.account-site #id_szamlak > .invoice-list-row-overdue .invoice-due-date-cell::after {
    display: none !important;
    content: none !important;
}

.account-site #id_szamlak > .invoice-list-row > div {
    align-self: center !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    color: var(--invoice-ref-ink);
    font-size: 12.5px;
    line-height: 1.32;
}

.account-site #id_szamlak .invoice-customer-cell {
    min-width: 0;
    color: var(--invoice-ref-ink);
    font-size: 12.5px;
    line-height: 1.35;
    overflow-wrap: break-word;
    word-break: normal;
    hyphens: none;
}
.account-site #id_szamlak .invoice-customer-cell b {
    display: block;
    margin-bottom: 2px;
    color: var(--invoice-ref-ink);
    font-size: 13.5px;
    font-weight: 750;
    line-height: 1.25;
}
.account-site #id_szamlak .invoice-customer-cell .kimeno_szamla_betu,
.account-site #id_szamlak .invoice-customer-cell small,
.account-site #id_szamlak .invoice-customer-cell .text-muted {
    color: var(--invoice-ref-muted) !important;
    font-size: 11px;
    font-weight: 500;
}

.account-site #id_szamlak .invoice-number-cell {
    min-width: 0;
    font-size: 12.5px;
    font-weight: 700;
}
.account-site #id_szamlak .invoice-number-cell a {
    display: inline-block;
    max-width: none;
    color: var(--invoice-ref-blue) !important;
    font-size: 13.5px;
    font-weight: 800;
    line-height: 1.25;
    text-decoration: none !important;
    white-space: nowrap;
    overflow-wrap: normal;
    word-break: normal;
}
.account-site #id_szamlak .invoice-number-cell a:hover,
.account-site #id_szamlak .invoice-number-cell a:focus {
    color: var(--invoice-ref-blue-dark) !important;
    text-decoration: underline !important;
}

.account-site #id_szamlak > .invoice-list-row > .col-lg-1:not(:first-child) {
    white-space: nowrap;
    overflow-wrap: normal;
    word-break: normal;
}
.account-site #id_szamlak > .invoice-list-row .szoveg_jobbra,
.account-site #id_szamlak > .invoice-list-row .text_align_r {
    color: var(--invoice-ref-ink);
    font-size: 13px;
}
.account-site #id_szamlak > .invoice-list-row > .szoveg_jobbra.hidden-sm.hidden-xs {
    font-size: 13.5px;
    font-weight: 800;
    line-height: 1.25;
    white-space: nowrap;
}

/* Overdue status is shown only by the due-date value, not by row lines. */
.account-site #id_szamlak .invoice-due-date-cell.invoice-due-date-overdue {
    color: #bf3d4e !important;
    background: transparent !important;
    border-radius: 0 !important;
    font-weight: 750;
}

.account-site #id_szamlak .kimeno_szamla_tipus {
    display: inline-flex;
    min-height: 27px;
    margin-top: 5px;
    padding: 4px 10px;
    align-items: center;
    color: #b83b4b;
    background: #fdecef;
    border: 0;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 750;
    line-height: 1;
}

/* Settlement cell / date input. */
.account-site #id_szamlak .invoice-settlement-cell {
    min-width: 0;
    padding-bottom: 4px !important;
    text-align: left;
}
.account-site #id_szamlak .invoice-settlement-cell > div.kimeno_szamla_box_check { display: none; }
.account-site #id_szamlak .invoice-settlement-cell > div[id^="box_check_"][style*="display: none"] { display: none !important; }
.account-site #id_szamlak .invoice-settlement-cell > div[id^="box_check_"]:not(.kimeno_szamla_box_check) {
    display: flex;
    min-height: 30px;
    align-items: center;
    justify-content: center;
}
.account-site #id_szamlak .invoice-settlement-cell .kimenobox_max_width,
.account-site #id_szamlak .invoice-settlement-cell #sandbox-container {
    min-height: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
.account-site #id_szamlak .invoice-settlement-cell > div[id^="box_check_"],
.account-site #id_szamlak .invoice-settlement-cell > div[id^="box_check_"] > div,
.account-site #id_szamlak .invoice-settlement-cell > div[id^="box_check_"] > div > div {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
.account-site #id_szamlak .invoice-settlement-cell input.form-control {
    width: 125px !important;
    max-width: 125px !important;
    min-height: 30px !important;
    height: 30px !important;
    margin: 0 auto !important;
    padding: 4px 8px !important;
    color: var(--invoice-ref-ink);
    text-align: center;
    background: #fff !important;
    border: 1px solid #d7e2ec !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    font-size: 11.5px !important;
    line-height: 20px !important;
}
.account-site #id_szamlak .invoice-settlement-cell input:focus {
    border-color: #8fc3de !important;
    box-shadow: 0 0 0 3px rgba(0, 106, 159, .08) !important;
}
.account-site #id_szamlak .invoice-settlement-cell > .margin_top_10 {
    position: static !important;
    margin-top: 3px !important;
    padding: 0 !important;
    font-size: 10.5px;
    line-height: 1.2;
}
.account-site #id_szamlak .invoice-settlement-cell br { display: none; }

/* Internetes fizetes: the template wraps this existing translation in
   .invoice-online-payment-label. Keep it centered at the bottom of the row. */
.account-site #id_szamlak > .invoice-list-row:has(.invoice-online-payment-label) {
    padding-bottom: 48px;
}
.account-site #id_szamlak > .invoice-list-row:has(.invoice-online-payment-label) .invoice-settlement-cell,
.account-site #id_szamlak > .invoice-list-row:has(.invoice-online-payment-label) .invoice-settlement-cell > [id^="box_check_visszavon_"] {
    position: static !important;
}
.account-site #id_szamlak .invoice-online-payment-label {
    position: absolute;
    z-index: 4;
    right: auto;
    bottom: 10px;
    left: 50%;
    display: inline-flex;
    min-height: 26px;
    align-items: center;
    justify-content: center;
    padding: 4px 12px;
    color: #67728a;
    background: #f7fafc;
    border: 1px solid #e4e8f0;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
    transform: translateX(-50%);
}

/* Megtekintes date + mail-error icon on one horizontal line. */
.account-site #id_szamlak > .invoice-list-row > div:has(> a[onclick*="EmailAtvetel("]) {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    flex-wrap: nowrap;
    text-align: center !important;
    white-space: normal;
}
.account-site #id_szamlak > .invoice-list-row > div:has(> a[onclick*="EmailAtvetel("]) > br {
    display: none !important;
}
.account-site #id_szamlak > .invoice-list-row > div:has(> a[onclick*="EmailAtvetel("]) > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1.3;
}
.account-site #id_szamlak > .invoice-list-row > div:has(> a[onclick*="EmailAtvetel("]) > a:first-of-type {
    width: 94px;
    max-width: calc(100% - 24px);
    min-width: 0;
    color: #087fb8;
    text-align: center !important;
    white-space: normal;
}
.account-site #id_szamlak > .invoice-list-row > div:has(> a[onclick*="EmailAtvetel("]) a[onclick*="EmailNaplo("] {
    flex: 0 0 auto;
}
.account-site #id_szamlak > .invoice-list-row > div:has(> a[onclick*="EmailAtvetel("]) a[onclick*="EmailNaplo("] img {
    display: block;
    width: 18px !important;
    max-width: 18px !important;
    height: auto;
    margin: 0;
}

/* Quiet the old paper icon. */
.account-site #id_szamlak > .invoice-list-row .szoveg_kozepre > img.vertical_align_kep {
    max-width: 16px;
    opacity: .55;
}

/* Bottom-right action strip. Bootstrap columns are position:relative, so flatten
   row descendants on desktop/tablet to anchor actions to the whole invoice row. */
@media (min-width: 768px) {
    .account-site #id_szamlak > .invoice-list-row [class*="col-"] {
        position: static !important;
    }
}

.account-site #id_szamlak .invoice-settlement-cell div:has(> button[id^="check_kiegyenlit_"]),
.account-site #id_szamlak .invoice-settlement-cell div:has(> button[id^="check_visszavon_"]) {
    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
}

.account-site #id_szamlak > .invoice-list-row button[id^="check_kiegyenlit_"],
.account-site #id_szamlak > .invoice-list-row button[id^="check_visszavon_"],
.account-site #id_szamlak > .invoice-list-row button[name^="szamlamegtekint_"].btn-info,
.account-site #id_szamlak > .invoice-list-row button[name^="szamlaujrakuld_"].btn-danger {
    position: absolute !important;
    top: auto !important;
    bottom: 9px !important;
    z-index: 10 !important;
    width: auto !important;
    min-width: 92px !important;
    height: 32px !important;
    min-height: 32px !important;
    margin: 0 !important;
    padding: 5px 11px !important;
    background: #fff !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    font-size: 11.5px !important;
    font-weight: 750 !important;
    line-height: 20px !important;
    text-align: center;
    text-shadow: none !important;
    white-space: nowrap;
    filter: none !important;
    transition: background-color .12s ease, border-color .12s ease, color .12s ease;
}
.account-site #id_szamlak > .invoice-list-row button[name^="szamlaujrakuld_"].btn-danger {
    right: 14px !important;
    color: var(--invoice-action-red) !important;
    border-color: #e7b8bf !important;
}
.account-site #id_szamlak > .invoice-list-row button[name^="szamlaujrakuld_"].btn-danger:hover,
.account-site #id_szamlak > .invoice-list-row button[name^="szamlaujrakuld_"].btn-danger:focus {
    color: #a62f3d !important;
    background: var(--invoice-action-red-hover-bg) !important;
    border-color: #d98f99 !important;
}
.account-site #id_szamlak > .invoice-list-row button[name^="szamlamegtekint_"].btn-info {
    right: 116px !important;
    color: var(--invoice-action-blue) !important;
    border-color: #b9d9e8 !important;
}
.account-site #id_szamlak > .invoice-list-row button[name^="szamlamegtekint_"].btn-info:hover,
.account-site #id_szamlak > .invoice-list-row button[name^="szamlamegtekint_"].btn-info:focus {
    color: #056596 !important;
    background: var(--invoice-action-blue-hover-bg) !important;
    border-color: #86bdd6 !important;
}
.account-site #id_szamlak > .invoice-list-row button[id^="check_kiegyenlit_"] {
    right: 218px !important;
    color: var(--invoice-action-green) !important;
    border-color: #b9dca7 !important;
}
.account-site #id_szamlak > .invoice-list-row button[id^="check_kiegyenlit_"]:hover,
.account-site #id_szamlak > .invoice-list-row button[id^="check_kiegyenlit_"]:focus {
    color: #4d9427 !important;
    background: var(--invoice-action-green-hover-bg) !important;
    border-color: #8fc875 !important;
}
.account-site #id_szamlak > .invoice-list-row button[id^="check_visszavon_"] {
    right: 218px !important;
    color: var(--invoice-action-purple) !important;
    border-color: #c9c1e1 !important;
}
.account-site #id_szamlak > .invoice-list-row button[id^="check_visszavon_"]:hover,
.account-site #id_szamlak > .invoice-list-row button[id^="check_visszavon_"]:focus {
    color: #615491 !important;
    background: var(--invoice-action-purple-hover-bg) !important;
    border-color: #a99dcc !important;
}

/* Close the right-side gap if the resend action is not available. */
.account-site #id_szamlak > .invoice-list-row:not(:has(button[name^="szamlaujrakuld_"].btn-danger))
button[name^="szamlamegtekint_"].btn-info {
    right: 14px !important;
}
.account-site #id_szamlak > .invoice-list-row:not(:has(button[name^="szamlaujrakuld_"].btn-danger))
button[id^="check_kiegyenlit_"],
.account-site #id_szamlak > .invoice-list-row:not(:has(button[name^="szamlaujrakuld_"].btn-danger))
button[id^="check_visszavon_"] {
    right: 116px !important;
}

/* Desktop: preserve every real data field, but use the empty action area above
   the bottom buttons. Viewing date/mail sits directly above Kiegyenlít/Visszavon,
   while Összeg sits further right above the Részletek/Újraküld group. */
@media (min-width: 1200px) {
    .account-site #id_szamlak > .invoice-list-header,
    .account-site #id_szamlak > .invoice-list-row {
        grid-template-columns: 3% 16% 16% 8.5% 8.5% 9.5% 10% 8% 10% 10%;
    }

    .account-site #id_szamlak > .invoice-list-header > div,
    .account-site #id_szamlak > .invoice-list-row > div {
        padding-right: 10px;
        padding-left: 10px;
    }

    /* Kiegyenlítés dátuma remains in its normal data column. */
    .account-site #id_szamlak > .invoice-list-header > .invoice-settlement-column {
        grid-column: 7 !important;
        grid-row: 1;
        justify-content: center;
        text-align: center;
    }

    .account-site #id_szamlak > .invoice-list-row > .invoice-settlement-cell {
        grid-column: 7 !important;
        grid-row: 1;
    }

    /* The header itself becomes the positioning context for the two right-side
       labels that visually belong above the action strip. */
    .account-site #id_szamlak > .invoice-list-header {
        position: relative;
    }

    /* Megtekintés időpontok: center exactly over the 92px settlement button
       whose right edge is 218px from the card edge. */
    .account-site #id_szamlak > .invoice-list-header > div:nth-child(9) {
        position: absolute !important;
        top: 0;
        right: 204px;
        width: 120px !important;
        min-width: 120px;
        height: 58px;
        padding: 0 6px !important;
        justify-content: center;
        text-align: center;
    }

    /* Összeg: move right into the free area above Részletek / Újraküld. */
    .account-site #id_szamlak > .invoice-list-header > div:nth-child(12) {
        position: absolute !important;
        top: 0;
        right: 38px;
        width: 150px !important;
        min-width: 150px;
        height: 58px;
        padding: 0 6px !important;
        justify-content: center;
        text-align: center;
    }

    /* The old final action header cell remains empty and must not reserve a
       visible column in the refreshed desktop layout. */
    .account-site #id_szamlak > .invoice-list-header > div:nth-child(13) {
        grid-column: 10 !important;
        grid-row: 1;
    }

    /* Viewing timestamp + mail icon are card-positioned directly above
       Kiegyenlít/Visszavon. */
    .account-site #id_szamlak > .invoice-list-row >
    .invoice-due-date-cell + .col-lg-12 + .col-lg-1 {
        position: absolute !important;
        z-index: 3;
        top: auto !important;
        right: 204px !important;
        bottom: 54px !important;
        width: 120px !important;
        min-width: 120px;
        min-height: 42px;
        padding: 0 4px !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
        gap: 6px;
        text-align: center !important;
    }

    /* Amount is now visually aligned above the two rightmost action buttons. */
    .account-site #id_szamlak > .invoice-list-row >
    .invoice-settlement-cell ~ .szoveg_jobbra.hidden-sm.hidden-xs {
        position: absolute !important;
        z-index: 3;
        top: auto !important;
        right: 38px !important;
        bottom: 60px !important;
        width: 150px !important;
        min-width: 150px;
        padding: 0 6px !important;
        text-align: center !important;
        white-space: nowrap;
    }
}

/* Tablet landscape / Bootstrap md: use the same right-side visual alignment,
   with slightly narrower anchors for the smaller action buttons. */
@media (min-width: 992px) and (max-width: 1199px) {
    .account-site #id_szamlak > .invoice-list-header {
        position: relative;
        min-height: 54px;
        padding: 0 6px;
    }
    .account-site #id_szamlak > .invoice-list-header > div {
        min-height: 54px;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .account-site #id_szamlak > .invoice-list-row {
        min-height: 132px;
        padding-bottom: 48px;
    }

    .account-site #id_szamlak > .invoice-list-header > .invoice-settlement-column {
        order: 7;
    }

    .account-site #id_szamlak > .invoice-list-row > .invoice-settlement-cell {
        order: 7;
    }

    .account-site #id_szamlak > .invoice-list-header > div:nth-child(9) {
        position: absolute !important;
        top: 0;
        right: 178px;
        width: 112px !important;
        min-width: 112px;
        height: 54px;
        padding: 0 4px !important;
        justify-content: center;
        text-align: center;
    }

    .account-site #id_szamlak > .invoice-list-header > div:nth-child(12) {
        position: absolute !important;
        top: 0;
        right: 30px;
        width: 136px !important;
        min-width: 136px;
        height: 54px;
        padding: 0 4px !important;
        justify-content: center;
        text-align: center;
    }

    .account-site #id_szamlak > .invoice-list-row >
    .invoice-due-date-cell + .col-lg-12 + .col-lg-1 {
        position: absolute !important;
        z-index: 3;
        right: 178px !important;
        bottom: 53px !important;
        width: 112px !important;
        min-width: 112px;
        min-height: 40px;
        padding: 0 4px !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
        gap: 5px;
        text-align: center !important;
    }

    .account-site #id_szamlak > .invoice-list-row >
    .invoice-settlement-cell ~ .szoveg_jobbra.hidden-sm.hidden-xs {
        position: absolute !important;
        z-index: 3;
        right: 30px !important;
        bottom: 59px !important;
        width: 136px !important;
        min-width: 136px;
        padding: 0 4px !important;
        text-align: center !important;
        white-space: nowrap;
    }
}

/* Tablet portrait. */
@media (min-width: 768px) and (max-width: 991px) {
    .account-site #id_szamlak > .invoice-list-header {
        min-height: 54px;
        padding: 0 6px;
    }
    .account-site #id_szamlak > .invoice-list-row {
        min-height: 150px;
        padding-bottom: 46px;
    }
    .account-site #id_szamlak > .invoice-list-row > div { font-size: 12px; }
    .account-site #id_szamlak .invoice-customer-cell b,
    .account-site #id_szamlak .invoice-number-cell a { font-size: 13px; }

    .account-site #id_szamlak > .invoice-list-row button[id^="check_kiegyenlit_"],
    .account-site #id_szamlak > .invoice-list-row button[id^="check_visszavon_"],
    .account-site #id_szamlak > .invoice-list-row button[name^="szamlamegtekint_"].btn-info,
    .account-site #id_szamlak > .invoice-list-row button[name^="szamlaujrakuld_"].btn-danger {
        bottom: 8px !important;
        min-width: 82px !important;
        height: 30px !important;
        min-height: 30px !important;
        padding: 4px 8px !important;
        font-size: 10.5px !important;
    }

    .account-site #id_szamlak > .invoice-list-row button[name^="szamlaujrakuld_"].btn-danger {
        right: 10px !important;
    }
    .account-site #id_szamlak > .invoice-list-row button[name^="szamlamegtekint_"].btn-info {
        right: 100px !important;
    }
    .account-site #id_szamlak > .invoice-list-row button[id^="check_kiegyenlit_"],
    .account-site #id_szamlak > .invoice-list-row button[id^="check_visszavon_"] {
        right: 190px !important;
    }

    .account-site #id_szamlak > .invoice-list-row:not(:has(button[name^="szamlaujrakuld_"].btn-danger))
    button[name^="szamlamegtekint_"].btn-info {
        right: 10px !important;
    }
    .account-site #id_szamlak > .invoice-list-row:not(:has(button[name^="szamlaujrakuld_"].btn-danger))
    button[id^="check_kiegyenlit_"],
    .account-site #id_szamlak > .invoice-list-row:not(:has(button[name^="szamlaujrakuld_"].btn-danger))
    button[id^="check_visszavon_"] {
        right: 100px !important;
    }

    .account-site #id_szamlak > .invoice-list-row:has(.invoice-online-payment-label) {
        padding-bottom: 48px;
    }
    .account-site #id_szamlak > .invoice-list-row > div:has(> a[onclick*="EmailAtvetel("]) {
        gap: 5px;
    }
    .account-site #id_szamlak > .invoice-list-row > div:has(> a[onclick*="EmailAtvetel("])
    a[onclick*="EmailNaplo("] img {
        width: 17px !important;
        max-width: 17px !important;
    }
}


/* Tablet portrait: keep the existing Bootstrap content visibility, but when the
   viewing timestamp is present place it visually above the settlement action. */
@media (min-width: 768px) and (max-width: 991px) {
    .account-site #id_szamlak > .invoice-list-row >
    div:has(> a[onclick*="EmailAtvetel("]) {
        justify-content: center;
        text-align: center !important;
    }

    .account-site #id_szamlak > .invoice-list-row >
    div:has(> a[onclick*="EmailAtvetel("]) > a:first-of-type {
        max-width: 90px;
    }
}

/* Phone remains a fallback, not the primary target. */
@media (max-width: 767px) {
    .account-site #id_szamlak > .invoice-list-header {
        min-height: 0;
        background: var(--invoice-ref-head-bg) !important;
    }
    .account-site #id_szamlak > .invoice-list-row {
        min-height: 0;
        padding: 10px 4px 10px;
    }
    .account-site #id_szamlak > .invoice-list-row > div {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }
    .account-site #id_szamlak .invoice-online-payment-label {
        position: static;
        display: flex;
        width: fit-content;
        margin: 8px auto 0;
        transform: none;
    }
}


/* ==========================================================================
   KIMENO SZAMLAK — dedicated "MŰVELETEK" column polished v10
   Visual-only layout experiment:
   - Összeg returns to a normal data column.
   - Existing action buttons are stacked vertically in the final column.
   - "Visszavon" is visually clarified as "Kiegyenlít ×".
   - No onclick handler, PHP condition, form field, route or action is changed.
   ========================================================================== */

/* Slightly larger invoice typography now that the row has a dedicated action
   column and the data no longer competes with the bottom action strip. */
.account-site #id_szamlak > .invoice-list-row > div {
    font-size: 13px;
    line-height: 1.34;
}

.account-site #id_szamlak .invoice-customer-cell {
    font-size: 13px;
}
.account-site #id_szamlak .invoice-customer-cell b {
    font-size: 14px;
}
.account-site #id_szamlak .invoice-customer-cell .kimeno_szamla_betu,
.account-site #id_szamlak .invoice-customer-cell small,
.account-site #id_szamlak .invoice-customer-cell .text-muted {
    font-size: 11.5px;
}

.account-site #id_szamlak .invoice-number-cell {
    font-size: 13px;
}
.account-site #id_szamlak .invoice-number-cell a {
    font-size: 14px;
}

.account-site #id_szamlak > .invoice-list-row .szoveg_jobbra,
.account-site #id_szamlak > .invoice-list-row .text_align_r {
    font-size: 13px;
}
.account-site #id_szamlak > .invoice-list-row > .szoveg_jobbra.hidden-sm.hidden-xs {
    font-size: 14.5px;
}

/* The previous design used a bottom action strip. Reset the card so the action
   column owns the buttons instead. */
.account-site #id_szamlak > .invoice-list-row {
    min-height: 154px;
    padding-top: 0;
    padding-bottom: 0;
    align-items: center !important;
}

/* Internetes fizetés remains a centered informational badge at the bottom of
   rows where it exists. Give only those rows a little extra height. */
.account-site #id_szamlak > .invoice-list-row:has(.invoice-online-payment-label) {
    min-height: 178px;
    padding-bottom: 30px;
}
.account-site #id_szamlak .invoice-online-payment-label {
    bottom: 8px;
}

/* Dedicated final header cell: use the existing empty action heading cell.
   This adds only visual text; no new application control is introduced. */
.account-site #id_szamlak > .invoice-list-header > div:nth-child(13) {
    position: relative !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.account-site #id_szamlak > .invoice-list-header > div:nth-child(13)::before {
    color: var(--invoice-ref-head);
    content: "MŰVELETEK";
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .055em;
    text-transform: uppercase;
}

/* Restore the viewing timestamp / mail icon and amount to ordinary data cells.
   These rules override the v8 above-action positioning. */
.account-site #id_szamlak > .invoice-list-row >
.invoice-due-date-cell + .col-lg-12 + .col-lg-1 {
    position: static !important;
    right: auto !important;
    bottom: auto !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 0;
    padding-right: 10px !important;
    padding-left: 10px !important;
}

.account-site #id_szamlak > .invoice-list-row >
.invoice-settlement-cell ~ .szoveg_jobbra.hidden-sm.hidden-xs {
    position: static !important;
    right: auto !important;
    bottom: auto !important;
    width: auto !important;
    min-width: 0 !important;
    padding-right: 10px !important;
    padding-left: 10px !important;
    text-align: right !important;
}

/* The viewed date and optional error-mail icon stay together horizontally. */
.account-site #id_szamlak > .invoice-list-row >
div:has(> a[onclick*="EmailAtvetel("]) {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 6px;
    flex-wrap: nowrap;
}
.account-site #id_szamlak > .invoice-list-row >
div:has(> a[onclick*="EmailAtvetel("]) > br {
    display: none !important;
}
.account-site #id_szamlak > .invoice-list-row >
div:has(> a[onclick*="EmailAtvetel("]) > a:first-of-type {
    width: auto;
    max-width: calc(100% - 24px);
}

/* All invoice actions use a common vertical action-column button shape. */
.account-site #id_szamlak > .invoice-list-row button[id^="check_kiegyenlit_"],
.account-site #id_szamlak > .invoice-list-row button[id^="check_visszavon_"],
.account-site #id_szamlak > .invoice-list-row button[name^="szamlamegtekint_"].btn-info,
.account-site #id_szamlak > .invoice-list-row button[name^="szamlaujrakuld_"].btn-danger {
    position: absolute !important;
    right: 12px !important;
    bottom: auto !important;
    width: 118px !important;
    min-width: 118px !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 6px 10px !important;
    font-size: 13px !important;
    line-height: 20px !important;
}

/* Top-to-bottom action order:
   1. Kiegyenlít / Kiegyenlít ×
   2. Részletek
   3. Újraküld
*/
.account-site #id_szamlak > .invoice-list-row button[id^="check_kiegyenlit_"],
.account-site #id_szamlak > .invoice-list-row button[id^="check_visszavon_"] {
    top: 18px !important;
}

.account-site #id_szamlak > .invoice-list-row button[name^="szamlamegtekint_"].btn-info {
    top: 60px !important;
}

.account-site #id_szamlak > .invoice-list-row button[name^="szamlaujrakuld_"].btn-danger {
    top: 102px !important;
}

/* Clarify the cancellation action visually while leaving the original button,
   ID and onclick action completely unchanged. The DOM still contains the
   original translated label; this experiment only changes its visible caption. */
.account-site #id_szamlak > .invoice-list-row button[id^="check_visszavon_"] {
    font-size: 0 !important;
}
.account-site #id_szamlak > .invoice-list-row button[id^="check_visszavon_"]::after {
    content: "Kiegyenlít ×";
    font-size: 13px;
    font-weight: 750;
    line-height: 20px;
}

/* If a settlement action is not present, move the remaining real actions up so
   the Műveletek column never starts with a blank slot. */
.account-site #id_szamlak > .invoice-list-row:not(:has(button[id^="check_kiegyenlit_"])):not(:has(button[id^="check_visszavon_"]))
button[name^="szamlamegtekint_"].btn-info {
    top: 18px !important;
}
.account-site #id_szamlak > .invoice-list-row:not(:has(button[id^="check_kiegyenlit_"])):not(:has(button[id^="check_visszavon_"]))
button[name^="szamlaujrakuld_"].btn-danger {
    top: 60px !important;
}

/* Desktop: ten visible logical columns ending with Műveletek. */
@media (min-width: 1200px) {
    .account-site #id_szamlak > .invoice-list-header,
    .account-site #id_szamlak > .invoice-list-row {
        display: grid;
        grid-template-columns: 3% 14.5% 14.5% 8% 8% 9% 10% 10% 9% 14%;
        width: 100%;
    }

    .account-site #id_szamlak > .invoice-list-header > div,
    .account-site #id_szamlak > .invoice-list-row > div {
        float: none;
        width: auto;
        min-width: 0;
        padding-right: 10px;
        padding-left: 10px;
    }

    /* Undo v8 absolute header positioning. */
    .account-site #id_szamlak > .invoice-list-header > div:nth-child(9),
    .account-site #id_szamlak > .invoice-list-header > div:nth-child(12) {
        position: static !important;
        top: auto !important;
        right: auto !important;
        width: auto !important;
        min-width: 0 !important;
        height: auto !important;
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

    .account-site #id_szamlak > .invoice-list-header > .invoice-settlement-column {
        grid-column: 7 !important;
        grid-row: 1;
    }
    .account-site #id_szamlak > .invoice-list-header > div:nth-child(9) {
        grid-column: 8 !important;
        grid-row: 1;
    }
    .account-site #id_szamlak > .invoice-list-header > div:nth-child(12) {
        grid-column: 9 !important;
        grid-row: 1;
        justify-content: flex-end;
        text-align: right;
    }
    .account-site #id_szamlak > .invoice-list-header > div:nth-child(13) {
        grid-column: 10 !important;
        grid-row: 1;
    }

    .account-site #id_szamlak > .invoice-list-row > .invoice-settlement-cell {
        grid-column: 7 !important;
        grid-row: 1;
    }
    .account-site #id_szamlak > .invoice-list-row >
    .invoice-due-date-cell + .col-lg-12 + .col-lg-1 {
        grid-column: 8 !important;
        grid-row: 1;
    }
    .account-site #id_szamlak > .invoice-list-row >
    .invoice-settlement-cell ~ .szoveg_jobbra.hidden-sm.hidden-xs {
        grid-column: 9 !important;
        grid-row: 1;
        justify-self: stretch;
    }

    /* The last legacy action holder occupies the Műveletek column visually,
       while the actual buttons remain their original PHP elements. */
    .account-site #id_szamlak > .invoice-list-row > div:last-of-type {
        grid-column: 10 !important;
        grid-row: 1;
    }
}

/* Tablet landscape: retain the same action-column concept with a slightly
   narrower right-side stack. */
@media (min-width: 992px) and (max-width: 1199px) {
    .account-site #id_szamlak > .invoice-list-header > div:nth-child(9),
    .account-site #id_szamlak > .invoice-list-header > div:nth-child(12) {
        position: static !important;
        top: auto !important;
        right: auto !important;
        width: auto !important;
        min-width: 0 !important;
        height: auto !important;
    }

    .account-site #id_szamlak > .invoice-list-row >
    .invoice-due-date-cell + .col-lg-12 + .col-lg-1,
    .account-site #id_szamlak > .invoice-list-row >
    .invoice-settlement-cell ~ .szoveg_jobbra.hidden-sm.hidden-xs {
        position: static !important;
        right: auto !important;
        bottom: auto !important;
        width: auto !important;
        min-width: 0 !important;
    }

    .account-site #id_szamlak > .invoice-list-row {
        min-height: 154px;
        padding-right: 136px;
    }

    .account-site #id_szamlak > .invoice-list-row button[id^="check_kiegyenlit_"],
    .account-site #id_szamlak > .invoice-list-row button[id^="check_visszavon_"],
    .account-site #id_szamlak > .invoice-list-row button[name^="szamlamegtekint_"].btn-info,
    .account-site #id_szamlak > .invoice-list-row button[name^="szamlaujrakuld_"].btn-danger {
        right: 10px !important;
        width: 116px !important;
        min-width: 116px !important;
    }

    .account-site #id_szamlak > .invoice-list-header > div:nth-child(13)::before {
        content: "MŰVELETEK";
    }
}

/* Tablet portrait: keep the application's existing alternate data layout and
   reserve a compact action rail on the right. */
@media (min-width: 768px) and (max-width: 991px) {
    .account-site #id_szamlak > .invoice-list-row {
        min-height: 154px;
        padding-right: 116px;
        padding-bottom: 0;
    }

    .account-site #id_szamlak > .invoice-list-row button[id^="check_kiegyenlit_"],
    .account-site #id_szamlak > .invoice-list-row button[id^="check_visszavon_"],
    .account-site #id_szamlak > .invoice-list-row button[name^="szamlamegtekint_"].btn-info,
    .account-site #id_szamlak > .invoice-list-row button[name^="szamlaujrakuld_"].btn-danger {
        right: 8px !important;
        width: 100px !important;
        min-width: 100px !important;
        height: 32px !important;
        min-height: 32px !important;
        font-size: 12px !important;
    }

    .account-site #id_szamlak > .invoice-list-row button[id^="check_visszavon_"]::after {
        font-size: 12px;
    }

    .account-site #id_szamlak > .invoice-list-row button[id^="check_kiegyenlit_"],
    .account-site #id_szamlak > .invoice-list-row button[id^="check_visszavon_"] {
        top: 16px !important;
    }
    .account-site #id_szamlak > .invoice-list-row button[name^="szamlamegtekint_"].btn-info {
        top: 55px !important;
    }
    .account-site #id_szamlak > .invoice-list-row button[name^="szamlaujrakuld_"].btn-danger {
        top: 94px !important;
    }

    .account-site #id_szamlak > .invoice-list-row:not(:has(button[id^="check_kiegyenlit_"])):not(:has(button[id^="check_visszavon_"]))
    button[name^="szamlamegtekint_"].btn-info {
        top: 16px !important;
    }
    .account-site #id_szamlak > .invoice-list-row:not(:has(button[id^="check_kiegyenlit_"])):not(:has(button[id^="check_visszavon_"]))
    button[name^="szamlaujrakuld_"].btn-danger {
        top: 55px !important;
    }
}


/* ==========================================================================
   KIMENO SZAMLAK — final row-size / vertical-alignment polish v10
   ========================================================================== */

/* The settlement input was optically a few pixels higher than the adjacent
   date/amount text. Offset only the input itself while preserving the wrapper's
   total flow height and the action-button positioning context. */
@media (min-width: 992px) {
    .account-site #id_szamlak .invoice-settlement-cell input.form-control {
        margin: 6px auto -6px !important;
    }
}

/* On tablet portrait use a gentler offset because the Bootstrap rows are
   naturally taller and wrap differently. */
@media (min-width: 768px) and (max-width: 991px) {
    .account-site #id_szamlak .invoice-settlement-cell input.form-control {
        margin: 3px auto -3px !important;
    }
}

/* ==========================================================================
   KIMENO SZAMLAK — v10 desktop + responsive two-row layout v15
   Desktop stays visually identical to the approved v10 layout.
   Below 1200px only, switch to the proven two-row responsive layout.
   ========================================================================== */

/* Desktop safety: keep the v10 rail, but center rows that genuinely have only
   two actions. */
@media (min-width: 1200px) {
    .account-site #id_szamlak > .invoice-list-row:not(:has(button[id^="check_kiegyenlit_"])):not(:has(button[id^="check_visszavon_"])):has(button[name^="szamlaujrakuld_"].btn-danger)
    button[name^="szamlamegtekint_"].btn-info {
        top: 39px !important;
    }

    .account-site #id_szamlak > .invoice-list-row:not(:has(button[id^="check_kiegyenlit_"])):not(:has(button[id^="check_visszavon_"])):has(button[name^="szamlaujrakuld_"].btn-danger)
    button[name^="szamlaujrakuld_"].btn-danger {
        top: 81px !important;
    }

    .account-site #id_szamlak > .invoice-list-row:not(:has(button[name^="szamlaujrakuld_"].btn-danger))
    button[id^="check_kiegyenlit_"],
    .account-site #id_szamlak > .invoice-list-row:not(:has(button[name^="szamlaujrakuld_"].btn-danger))
    button[id^="check_visszavon_"] {
        top: 39px !important;
    }

    .account-site #id_szamlak > .invoice-list-row:not(:has(button[name^="szamlaujrakuld_"].btn-danger))
    button[name^="szamlamegtekint_"].btn-info {
        top: 81px !important;
    }

    /* Large totals get a small amount of adaptive type scaling without moving
       any v10 columns. */
    .account-site #id_szamlak > .invoice-list-row > .szoveg_jobbra.hidden-sm.hidden-xs {
        min-width: 0;
        overflow: hidden;
        font-size: clamp(12.5px, .85vw, 14.5px) !important;
        font-variant-numeric: tabular-nums;
        white-space: nowrap !important;
    }
}

/* --------------------------------------------------------------------------
   Responsive switch: 768–1199px
   Keep every real desktop field, but arrange it over two rows. The legacy
   small-view duplicate amount/action blocks and their extra
   "Kiegyenlítés dátuma" label are not used.
   -------------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 1199px) {
    .account-site #id_szamlak {
        overflow: visible;
    }

    .account-site #id_szamlak > .invoice-list-header,
    .account-site #id_szamlak > .invoice-list-row {
        display: grid !important;
        grid-template-columns: 32px repeat(5, minmax(0, 1fr)) 128px !important;
        grid-template-rows: auto auto;
        width: 100%;
    }

    .account-site #id_szamlak > .invoice-list-header {
        min-height: 104px !important;
        padding: 0 !important;
        align-items: center !important;
    }

    .account-site #id_szamlak > .invoice-list-row {
        min-height: 156px !important;
        padding: 0 !important;
        padding-right: 0 !important;
        padding-bottom: 0 !important;
        align-items: center !important;
    }

    .account-site #id_szamlak > .invoice-list-header > div,
    .account-site #id_szamlak > .invoice-list-row > div {
        float: none !important;
        width: auto !important;
        min-width: 0 !important;
        height: auto !important;
        margin: 0 !important;
        padding: 6px 7px !important;
        order: initial !important;
    }

    /* Remove only legacy small-view duplicates/separators. */
    .account-site #id_szamlak > .invoice-list-row > .hidden-lg.hidden-md,
    .account-site #id_szamlak > .invoice-list-row > .text_align_l.hidden-lg.hidden-md,
    .account-site #id_szamlak > .invoice-list-header > .horizontal_bottom_line_zold,
    .account-site #id_szamlak > .invoice-list-row > .horizontal_bottom_line_zold {
        display: none !important;
    }

    /* Force the real desktop data elements through Bootstrap's hidden-md/sm. */
    .account-site #id_szamlak > .invoice-list-row > div:first-child,
    .account-site #id_szamlak > .invoice-list-row > .invoice-customer-cell,
    .account-site #id_szamlak > .invoice-list-row > .invoice-number-cell,
    .account-site #id_szamlak > .invoice-list-row > div:nth-child(5),
    .account-site #id_szamlak > .invoice-list-row > div:nth-child(6),
    .account-site #id_szamlak > .invoice-list-row > .invoice-due-date-cell,
    .account-site #id_szamlak > .invoice-list-row > .invoice-settlement-cell,
    .account-site #id_szamlak > .invoice-list-row > div:has(> a[onclick*="EmailAtvetel("]),
    .account-site #id_szamlak > .invoice-list-row > .szoveg_jobbra.hidden-sm.hidden-xs,
    .account-site #id_szamlak > .invoice-list-row > .hidden-sm.hidden-xs:has(> button[name^="szamlamegtekint_"]) {
        display: block !important;
    }

    .account-site #id_szamlak > .invoice-list-row > div:has(> a[onclick*="EmailAtvetel("]) {
        display: flex !important;
    }

    /* Header top row: buyer, invoice number, total, actions. */
    .account-site #id_szamlak > .invoice-list-header > div:nth-child(1) {
        display: flex !important;
        grid-column: 1;
        grid-row: 1 / span 2;
    }

    .account-site #id_szamlak > .invoice-list-header > div:nth-child(2) {
        display: flex !important;
        grid-column: 2 / span 2;
        grid-row: 1;
    }

    .account-site #id_szamlak > .invoice-list-header > div:nth-child(3) {
        display: flex !important;
        grid-column: 4 / span 2;
        grid-row: 1;
    }

    .account-site #id_szamlak > .invoice-list-header > div:nth-child(12) {
        display: flex !important;
        position: static !important;
        grid-column: 6;
        grid-row: 1;
        width: auto !important;
        min-width: 0 !important;
        justify-content: flex-end;
        text-align: right;
    }

    .account-site #id_szamlak > .invoice-list-header > div:nth-child(13) {
        display: flex !important;
        grid-column: 7;
        grid-row: 1 / span 2;
        align-self: stretch;
        justify-content: center;
    }

    /* Header second row: the four dates + viewing date. */
    .account-site #id_szamlak > .invoice-list-header > div:nth-child(5) {
        display: flex !important;
        grid-column: 2;
        grid-row: 2;
    }

    .account-site #id_szamlak > .invoice-list-header > div:nth-child(6) {
        display: flex !important;
        grid-column: 3;
        grid-row: 2;
    }

    .account-site #id_szamlak > .invoice-list-header > div:nth-child(7) {
        display: flex !important;
        grid-column: 4;
        grid-row: 2;
    }

    .account-site #id_szamlak > .invoice-list-header > .invoice-settlement-column {
        display: flex !important;
        grid-column: 5 !important;
        grid-row: 2;
        order: initial !important;
        justify-content: center;
        text-align: center;
    }

    .account-site #id_szamlak > .invoice-list-header > div:nth-child(9) {
        display: flex !important;
        position: static !important;
        grid-column: 6;
        grid-row: 2;
        width: auto !important;
        min-width: 0 !important;
        justify-content: center;
        text-align: center;
    }

    /* Invoice top row. */
    .account-site #id_szamlak > .invoice-list-row > div:first-child {
        grid-column: 1;
        grid-row: 1 / span 2;
    }

    .account-site #id_szamlak > .invoice-list-row > .invoice-customer-cell {
        grid-column: 2 / span 2;
        grid-row: 1;
    }

    .account-site #id_szamlak > .invoice-list-row > .invoice-number-cell {
        grid-column: 4 / span 2;
        grid-row: 1;
    }

    .account-site #id_szamlak > .invoice-list-row > .szoveg_jobbra.hidden-sm.hidden-xs {
        position: static !important;
        grid-column: 6;
        grid-row: 1;
        width: auto !important;
        min-width: 0 !important;
        overflow: hidden;
        font-size: clamp(11.5px, 1.25vw, 14px) !important;
        font-variant-numeric: tabular-nums;
        text-align: right !important;
        white-space: nowrap !important;
    }

    .account-site #id_szamlak > .invoice-list-row > .hidden-sm.hidden-xs:has(> button[name^="szamlamegtekint_"]) {
        grid-column: 7;
        grid-row: 1 / span 2;
        align-self: stretch !important;
    }

    /* Invoice second row. */
    .account-site #id_szamlak > .invoice-list-row > div:nth-child(5) {
        grid-column: 2;
        grid-row: 2;
    }

    .account-site #id_szamlak > .invoice-list-row > div:nth-child(6) {
        grid-column: 3;
        grid-row: 2;
    }

    .account-site #id_szamlak > .invoice-list-row > .invoice-due-date-cell {
        grid-column: 4;
        grid-row: 2;
    }

    .account-site #id_szamlak > .invoice-list-row > .invoice-settlement-cell {
        grid-column: 5 !important;
        grid-row: 2;
        order: initial !important;
    }

    .account-site #id_szamlak > .invoice-list-row > div:has(> a[onclick*="EmailAtvetel("]) {
        position: static !important;
        grid-column: 6;
        grid-row: 2;
        width: auto !important;
        min-width: 0 !important;
    }

    .account-site #id_szamlak .invoice-settlement-cell input.form-control {
        width: min(100%, 118px) !important;
        max-width: 118px !important;
    }

    .account-site #id_szamlak > .invoice-list-row > div:has(> a[onclick*="EmailAtvetel("]) a[onclick*="EmailNaplo("] img {
        width: 16px !important;
        max-width: 16px !important;
    }

    /* Responsive action rail: same v10 vertical stack, just fitted inside the
       dedicated 128px track. */
    .account-site #id_szamlak > .invoice-list-row button[id^="check_kiegyenlit_"],
    .account-site #id_szamlak > .invoice-list-row button[id^="check_visszavon_"],
    .account-site #id_szamlak > .invoice-list-row button[name^="szamlamegtekint_"].btn-info,
    .account-site #id_szamlak > .invoice-list-row button[name^="szamlaujrakuld_"].btn-danger {
        right: 5px !important;
        width: 118px !important;
        min-width: 118px !important;
        height: 34px !important;
        min-height: 34px !important;
        font-size: 12px !important;
    }

    .account-site #id_szamlak > .invoice-list-row button[id^="check_visszavon_"]::after {
        font-size: 12px !important;
    }

    /* Three actions remain vertically centered. */
    .account-site #id_szamlak > .invoice-list-row button[id^="check_kiegyenlit_"],
    .account-site #id_szamlak > .invoice-list-row button[id^="check_visszavon_"] {
        top: 18px !important;
    }

    .account-site #id_szamlak > .invoice-list-row button[name^="szamlamegtekint_"].btn-info {
        top: 60px !important;
    }

    .account-site #id_szamlak > .invoice-list-row button[name^="szamlaujrakuld_"].btn-danger {
        top: 102px !important;
    }

    /* Two-action responsive rows. */
    .account-site #id_szamlak > .invoice-list-row:not(:has(button[id^="check_kiegyenlit_"])):not(:has(button[id^="check_visszavon_"])):has(button[name^="szamlaujrakuld_"].btn-danger)
    button[name^="szamlamegtekint_"].btn-info {
        top: 39px !important;
    }

    .account-site #id_szamlak > .invoice-list-row:not(:has(button[id^="check_kiegyenlit_"])):not(:has(button[id^="check_visszavon_"])):has(button[name^="szamlaujrakuld_"].btn-danger)
    button[name^="szamlaujrakuld_"].btn-danger {
        top: 81px !important;
    }

    .account-site #id_szamlak > .invoice-list-row:not(:has(button[name^="szamlaujrakuld_"].btn-danger))
    button[id^="check_kiegyenlit_"],
    .account-site #id_szamlak > .invoice-list-row:not(:has(button[name^="szamlaujrakuld_"].btn-danger))
    button[id^="check_visszavon_"] {
        top: 39px !important;
    }

    .account-site #id_szamlak > .invoice-list-row:not(:has(button[name^="szamlaujrakuld_"].btn-danger))
    button[name^="szamlamegtekint_"].btn-info {
        top: 81px !important;
    }
}

/* Below tablet: retain the same two-row layout and use horizontal scrolling
   rather than the legacy Bootstrap small-screen card markup. */
@media (max-width: 767px) {
    .account-site #id_szamlak {
        width: 100%;
        overflow-x: auto;
        overflow-y: visible;
        -webkit-overflow-scrolling: touch;
    }

    .account-site #id_szamlak > .invoice-list-header,
    .account-site #id_szamlak > .invoice-list-row,
    .account-site #id_szamlak > .bgcolor_ccc,
    .account-site #id_szamlak > .szamlahonap,
    .account-site #id_szamlak > .invoice-month-separator {
        min-width: 760px;
    }

    .account-site #id_szamlak > .invoice-list-header,
    .account-site #id_szamlak > .invoice-list-row {
        display: grid !important;
        grid-template-columns: 32px 116px 116px 116px 116px 124px 128px !important;
        grid-template-rows: auto auto;
    }

    .account-site #id_szamlak > .invoice-list-header {
        min-height: 104px !important;
    }

    .account-site #id_szamlak > .invoice-list-row {
        min-height: 156px !important;
        padding: 0 !important;
    }

    .account-site #id_szamlak > .invoice-list-header > div,
    .account-site #id_szamlak > .invoice-list-row > div {
        float: none !important;
        width: auto !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 6px !important;
    }

    .account-site #id_szamlak > .invoice-list-row > .hidden-lg.hidden-md,
    .account-site #id_szamlak > .invoice-list-row > .text_align_l.hidden-lg.hidden-md,
    .account-site #id_szamlak > .invoice-list-header > .horizontal_bottom_line_zold,
    .account-site #id_szamlak > .invoice-list-row > .horizontal_bottom_line_zold {
        display: none !important;
    }

    .account-site #id_szamlak > .invoice-list-row > div:first-child,
    .account-site #id_szamlak > .invoice-list-row > .invoice-customer-cell,
    .account-site #id_szamlak > .invoice-list-row > .invoice-number-cell,
    .account-site #id_szamlak > .invoice-list-row > div:nth-child(5),
    .account-site #id_szamlak > .invoice-list-row > div:nth-child(6),
    .account-site #id_szamlak > .invoice-list-row > .invoice-due-date-cell,
    .account-site #id_szamlak > .invoice-list-row > .invoice-settlement-cell,
    .account-site #id_szamlak > .invoice-list-row > div:has(> a[onclick*="EmailAtvetel("]),
    .account-site #id_szamlak > .invoice-list-row > .szoveg_jobbra.hidden-sm.hidden-xs,
    .account-site #id_szamlak > .invoice-list-row > .hidden-sm.hidden-xs:has(> button[name^="szamlamegtekint_"]) {
        display: block !important;
    }

    .account-site #id_szamlak > .invoice-list-row > div:has(> a[onclick*="EmailAtvetel("]) {
        display: flex !important;
    }

    .account-site #id_szamlak > .invoice-list-header > div:nth-child(1) { display:flex !important; grid-column:1; grid-row:1 / span 2; }
    .account-site #id_szamlak > .invoice-list-header > div:nth-child(2) { display:flex !important; grid-column:2 / span 2; grid-row:1; }
    .account-site #id_szamlak > .invoice-list-header > div:nth-child(3) { display:flex !important; grid-column:4 / span 2; grid-row:1; }
    .account-site #id_szamlak > .invoice-list-header > div:nth-child(12) { display:flex !important; position:static !important; grid-column:6; grid-row:1; width:auto !important; }
    .account-site #id_szamlak > .invoice-list-header > div:nth-child(13) { display:flex !important; grid-column:7; grid-row:1 / span 2; }
    .account-site #id_szamlak > .invoice-list-header > div:nth-child(5) { display:flex !important; grid-column:2; grid-row:2; }
    .account-site #id_szamlak > .invoice-list-header > div:nth-child(6) { display:flex !important; grid-column:3; grid-row:2; }
    .account-site #id_szamlak > .invoice-list-header > div:nth-child(7) { display:flex !important; grid-column:4; grid-row:2; }
    .account-site #id_szamlak > .invoice-list-header > .invoice-settlement-column { display:flex !important; grid-column:5; grid-row:2; }
    .account-site #id_szamlak > .invoice-list-header > div:nth-child(9) { display:flex !important; position:static !important; grid-column:6; grid-row:2; width:auto !important; }

    .account-site #id_szamlak > .invoice-list-row > div:first-child { grid-column:1; grid-row:1 / span 2; }
    .account-site #id_szamlak > .invoice-list-row > .invoice-customer-cell { grid-column:2 / span 2; grid-row:1; }
    .account-site #id_szamlak > .invoice-list-row > .invoice-number-cell { grid-column:4 / span 2; grid-row:1; }
    .account-site #id_szamlak > .invoice-list-row > .szoveg_jobbra.hidden-sm.hidden-xs { position:static !important; grid-column:6; grid-row:1; width:auto !important; }
    .account-site #id_szamlak > .invoice-list-row > .hidden-sm.hidden-xs:has(> button[name^="szamlamegtekint_"]) { grid-column:7; grid-row:1 / span 2; }
    .account-site #id_szamlak > .invoice-list-row > div:nth-child(5) { grid-column:2; grid-row:2; }
    .account-site #id_szamlak > .invoice-list-row > div:nth-child(6) { grid-column:3; grid-row:2; }
    .account-site #id_szamlak > .invoice-list-row > .invoice-due-date-cell { grid-column:4; grid-row:2; }
    .account-site #id_szamlak > .invoice-list-row > .invoice-settlement-cell { grid-column:5; grid-row:2; }
    .account-site #id_szamlak > .invoice-list-row > div:has(> a[onclick*="EmailAtvetel("]) { position:static !important; grid-column:6; grid-row:2; width:auto !important; }

    .account-site #id_szamlak > .invoice-list-row button[id^="check_kiegyenlit_"],
    .account-site #id_szamlak > .invoice-list-row button[id^="check_visszavon_"],
    .account-site #id_szamlak > .invoice-list-row button[name^="szamlamegtekint_"].btn-info,
    .account-site #id_szamlak > .invoice-list-row button[name^="szamlaujrakuld_"].btn-danger {
        right: 5px !important;
        width: 118px !important;
        min-width: 118px !important;
        font-size: 12px !important;
    }

    .account-site #id_szamlak > .invoice-list-row button[id^="check_visszavon_"]::after {
        font-size: 12px !important;
    }
}


/* ==========================================================================
   KIMENO SZAMLAK — compact action rail + inline sort arrows v16
   Keeps the v15 desktop/responsive structure unchanged.
   ========================================================================== */

/* Sort arrows belong next to the sortable header title, not underneath it.
   The buyer header keeps its secondary "(Vevőkód)" line below. */
.account-site #id_szamlak .invoice-header-label {
    display: grid !important;
    grid-template-columns: max-content auto;
    grid-template-rows: auto auto;
    column-gap: 6px;
    row-gap: 1px;
    align-items: center;
    justify-content: start;
    min-height: 38px;
}

.account-site #id_szamlak .invoice-header-label > br {
    display: none !important;
}

.account-site #id_szamlak .invoice-header-label > label,
.account-site #id_szamlak .invoice-header-label > b {
    grid-column: 1;
    grid-row: 1;
    align-self: center;
}

.account-site #id_szamlak .invoice-header-label > .invoice-sort-arrows {
    grid-column: 2;
    grid-row: 1;
    align-self: center;
    margin: 0 !important;
}

.account-site #id_szamlak .invoice-header-label > .kimeno_szamla_betu {
    grid-column: 1 / span 2;
    grid-row: 2;
    align-self: start;
}

/* Center sortable headers that live in centered data tracks. */
.account-site #id_szamlak > .invoice-list-header > .invoice-settlement-column,
.account-site #id_szamlak > .invoice-list-header > div:nth-child(3),
.account-site #id_szamlak > .invoice-list-header > div:nth-child(5),
.account-site #id_szamlak > .invoice-list-header > div:nth-child(6),
.account-site #id_szamlak > .invoice-list-header > div:nth-child(7) {
    justify-content: center;
}

/* At the responsive two-row layout, explicitly flatten every settlement
   positioning wrapper. This does NOT alter display/visibility and therefore
   does not interfere with the existing JS state changes. It only makes
   Kiegyenlít / Kiegyenlít × use the invoice row as the positioning context,
   exactly like Részletek and Újraküld. */
@media (max-width: 1199px) {
    .account-site #id_szamlak > .invoice-list-row > .invoice-settlement-cell,
    .account-site #id_szamlak > .invoice-list-row > .invoice-settlement-cell > div[id^="box_check_"],
    .account-site #id_szamlak > .invoice-list-row > .invoice-settlement-cell > div[id^="box_check_"] > [class*="col-"],
    .account-site #id_szamlak > .invoice-list-row > .invoice-settlement-cell > div[id^="box_check_"] > [class*="col-"] > [class*="col-"],
    .account-site #id_szamlak > .invoice-list-row > .invoice-settlement-cell div:has(> button[id^="check_kiegyenlit_"]),
    .account-site #id_szamlak > .invoice-list-row > .invoice-settlement-cell div:has(> button[id^="check_visszavon_"]) {
        position: static !important;
    }

    /* Same right-side rail as v10, sized for the compact 128px action track. */
    .account-site #id_szamlak > .invoice-list-row button[id^="check_kiegyenlit_"],
    .account-site #id_szamlak > .invoice-list-row button[id^="check_visszavon_"],
    .account-site #id_szamlak > .invoice-list-row button[name^="szamlamegtekint_"].btn-info,
    .account-site #id_szamlak > .invoice-list-row button[name^="szamlaujrakuld_"].btn-danger {
        right: 5px !important;
        width: 118px !important;
        min-width: 118px !important;
    }

    /* The responsive generic button font rule must not expose the original
       "Visszavon" text underneath our clearer visual caption. */
    .account-site #id_szamlak > .invoice-list-row button[id^="check_visszavon_"] {
        font-size: 0 !important;
    }

    .account-site #id_szamlak > .invoice-list-row button[id^="check_visszavon_"]::after {
        content: "Kiegyenlít ×";
        font-size: 12px !important;
        font-weight: 750;
        line-height: 20px;
    }
}


/* ==========================================================================
   KIMENO SZAMLAK — compact action flex rail + header arrow alignment v17
   No breakpoint/grid changes from v16.
   ========================================================================== */

/* --------------------------------------------------------------------------
   SORTABLE HEADERS
   Let long titles wrap naturally to two lines, then keep the arrow pair beside
   the bottom of that title block rather than on a separate line underneath.
   -------------------------------------------------------------------------- */

.account-site #id_szamlak .invoice-header-label {
    display: flex !important;
    min-height: 58px;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center;
    gap: 6px;
}

.account-site #id_szamlak .invoice-header-label > br {
    display: none !important;
}

.account-site #id_szamlak .invoice-header-label > label,
.account-site #id_szamlak .invoice-header-label > b {
    display: block;
    flex: 0 1 auto;
    width: auto;
    max-width: 96px;
    margin: 0 !important;
    line-height: 1.15;
    white-space: normal;
}

.account-site #id_szamlak .invoice-header-label > .invoice-sort-arrows {
    display: inline-flex !important;
    flex: 0 0 auto;
    height: 18px;
    align-self: center;
    align-items: center;
    gap: 2px;
    margin: 10px 0 0 !important;
}

/* Invoice number has enough room for the familiar two-line title. */
.account-site #id_szamlak > .invoice-list-header > div:nth-child(3).invoice-header-label > label {
    max-width: 112px;
}

/* Buyer is the only sortable heading with a secondary "(Vevőkód)" line.
   Keep those two text lines together, with the arrows beside them. */
.account-site #id_szamlak > .invoice-list-header > div:nth-child(2).invoice-header-label {
    display: grid !important;
    grid-template-columns: minmax(0, auto) 36px;
    grid-template-rows: auto auto;
    column-gap: 6px;
    row-gap: 2px;
    align-content: center;
    justify-content: center;
}

.account-site #id_szamlak > .invoice-list-header > div:nth-child(2).invoice-header-label > b {
    grid-column: 1;
    grid-row: 1;
    max-width: none;
    align-self: end;
}

.account-site #id_szamlak > .invoice-list-header > div:nth-child(2).invoice-header-label > .kimeno_szamla_betu {
    grid-column: 1;
    grid-row: 2;
    margin: 0 !important;
    align-self: start;
}

.account-site #id_szamlak > .invoice-list-header > div:nth-child(2).invoice-header-label > .invoice-sort-arrows {
    grid-column: 2;
    grid-row: 1 / span 2;
    align-self: center;
    margin: 0 !important;
}

/* Date titles should visibly break as:
      TELJESÍTÉS     ▲ ▼
      DÁTUMA
   or equivalent according to the available translated text width. */
.account-site #id_szamlak > .invoice-list-header > div:nth-child(5).invoice-header-label > label,
.account-site #id_szamlak > .invoice-list-header > div:nth-child(6).invoice-header-label > label,
.account-site #id_szamlak > .invoice-list-header > div:nth-child(7).invoice-header-label > label,
.account-site #id_szamlak > .invoice-list-header > .invoice-settlement-column.invoice-header-label > label {
    max-width: 88px;
}

/* At the two-row responsive width there is more horizontal room in each data
   heading, but deliberately retain the readable two-line date labels. */
@media (min-width: 768px) and (max-width: 1199px) {
    .account-site #id_szamlak .invoice-header-label {
        justify-content: flex-start;
    }

    .account-site #id_szamlak > .invoice-list-header > div:nth-child(3).invoice-header-label {
        justify-content: center;
    }

    .account-site #id_szamlak > .invoice-list-header > div:nth-child(5).invoice-header-label,
    .account-site #id_szamlak > .invoice-list-header > div:nth-child(6).invoice-header-label,
    .account-site #id_szamlak > .invoice-list-header > div:nth-child(7).invoice-header-label,
    .account-site #id_szamlak > .invoice-list-header > .invoice-settlement-column.invoice-header-label {
        justify-content: flex-start;
    }
}

/* --------------------------------------------------------------------------
   RESPONSIVE MŰVELETEK RAIL
   In compact mode the settlement action remains the only absolutely positioned
   action because it lives in a different DOM branch. Részletek / Újraküld use
   the actual Műveletek grid cell as a flex column, eliminating vertical drift.
   -------------------------------------------------------------------------- */

@media (max-width: 1199px) {
    /* Make every possible ancestor of Kiegyenlít / Kiegyenlít × non-positioned
       so that the button is anchored to .invoice-list-row only. */
    .account-site #id_szamlak > .invoice-list-row > .invoice-settlement-cell,
    .account-site #id_szamlak > .invoice-list-row > .invoice-settlement-cell > div[id^="box_check_"],
    .account-site #id_szamlak > .invoice-list-row > .invoice-settlement-cell > div[id^="box_check_"] > div,
    .account-site #id_szamlak > .invoice-list-row > .invoice-settlement-cell > div[id^="box_check_"] > div > div,
    .account-site #id_szamlak > .invoice-list-row > .invoice-settlement-cell div:has(> button[id^="check_kiegyenlit_"]),
    .account-site #id_szamlak > .invoice-list-row > .invoice-settlement-cell div:has(> button[id^="check_visszavon_"]) {
        position: static !important;
    }

    /* Real desktop action holder reused by the compact grid. */
    .account-site #id_szamlak > .invoice-list-row >
    .hidden-sm.hidden-xs:has(> button[name^="szamlamegtekint_"]) {
        display: flex !important;
        min-height: 100%;
        align-self: stretch !important;
        flex-direction: column;
        align-items: center;
        justify-content: flex-end;
        gap: 8px;
        padding: 18px 5px !important;
    }

    /* Részletek / Újraküld are now normal flex items — no independent absolute
       top coordinates, so they cannot drift into the next invoice card. */
    .account-site #id_szamlak > .invoice-list-row >
    .hidden-sm.hidden-xs:has(> button[name^="szamlamegtekint_"]) >
    button[name^="szamlamegtekint_"].btn-info,
    .account-site #id_szamlak > .invoice-list-row >
    .hidden-sm.hidden-xs:has(> button[name^="szamlamegtekint_"]) >
    button[name^="szamlaujrakuld_"].btn-danger {
        position: static !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        flex: 0 0 34px;
        width: 118px !important;
        min-width: 118px !important;
        height: 34px !important;
        min-height: 34px !important;
        margin: 0 !important;
    }

    /* Settlement action = first slot in the rail. */
    .account-site #id_szamlak > .invoice-list-row button[id^="check_kiegyenlit_"],
    .account-site #id_szamlak > .invoice-list-row button[id^="check_visszavon_"] {
        position: absolute !important;
        top: 18px !important;
        right: 5px !important;
        bottom: auto !important;
        width: 118px !important;
        min-width: 118px !important;
        height: 34px !important;
        min-height: 34px !important;
    }

    /* There is no settlement action at all (for example some netbank rows):
       center the two real action buttons instead of reserving an empty first
       slot. */
    .account-site #id_szamlak > .invoice-list-row
    :not(:has(button[id^="check_kiegyenlit_"]))
    :not(:has(button[id^="check_visszavon_"])) {
        /* intentionally empty — selector safety anchor */
    }

    .account-site #id_szamlak > .invoice-list-row:not(:has(button[id^="check_kiegyenlit_"])):not(:has(button[id^="check_visszavon_"])) >
    .hidden-sm.hidden-xs:has(> button[name^="szamlamegtekint_"]) {
        justify-content: center;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    /* Settlement action + Részletek, but no Újraküld: center the pair. */
    .account-site #id_szamlak > .invoice-list-row:not(:has(button[name^="szamlaujrakuld_"].btn-danger))
    button[id^="check_kiegyenlit_"],
    .account-site #id_szamlak > .invoice-list-row:not(:has(button[name^="szamlaujrakuld_"].btn-danger))
    button[id^="check_visszavon_"] {
        top: 39px !important;
    }

    .account-site #id_szamlak > .invoice-list-row:not(:has(button[name^="szamlaujrakuld_"].btn-danger)) >
    .hidden-sm.hidden-xs:has(> button[name^="szamlamegtekint_"]) {
        justify-content: flex-end;
        padding-top: 0 !important;
        padding-bottom: 39px !important;
    }

    /* No settlement and only Részletek: exact vertical center. */
    .account-site #id_szamlak > .invoice-list-row:not(:has(button[id^="check_kiegyenlit_"])):not(:has(button[id^="check_visszavon_"])):not(:has(button[name^="szamlaujrakuld_"].btn-danger)) >
    .hidden-sm.hidden-xs:has(> button[name^="szamlamegtekint_"]) {
        justify-content: center;
        padding: 0 5px !important;
    }

    /* Preserve the clearer cancellation caption at every compact width. */
    .account-site #id_szamlak > .invoice-list-row button[id^="check_visszavon_"] {
        font-size: 0 !important;
    }

    .account-site #id_szamlak > .invoice-list-row button[id^="check_visszavon_"]::after {
        content: "Kiegyenlít ×";
        font-size: 12px !important;
        font-weight: 750;
        line-height: 20px;
    }
}


/* ==========================================================================
   KIMENO SZAMLAK — vertical sort arrows + mail icon below date v18
   Keeps v17 layout, responsiveness and action-column behaviour unchanged.
   ========================================================================== */

/* --------------------------------------------------------------------------
   SORT ARROWS
   Desired visual:
       TELJESÍTÉS   ▲
       DÁTUMA       ▼
   The title may wrap to two lines while the arrow controls form one vertical
   stack beside the title block.
   -------------------------------------------------------------------------- */

.account-site #id_szamlak .invoice-header-label {
    display: grid !important;
    grid-template-columns: minmax(0, auto) 18px;
    grid-template-rows: auto;
    column-gap: 7px;
    align-items: center;
    justify-content: center;
    min-height: 58px;
}

.account-site #id_szamlak .invoice-header-label > br {
    display: none !important;
}

.account-site #id_szamlak .invoice-header-label > label,
.account-site #id_szamlak .invoice-header-label > b {
    grid-column: 1;
    grid-row: 1;
    display: block;
    width: auto;
    max-width: 96px;
    margin: 0 !important;
    line-height: 1.15;
    white-space: normal;
}

.account-site #id_szamlak .invoice-header-label > .invoice-sort-arrows {
    grid-column: 2;
    grid-row: 1;
    display: flex !important;
    width: 16px;
    height: auto !important;
    min-height: 31px;
    flex-direction: column !important;
    align-items: center;
    justify-content: center;
    gap: 2px !important;
    margin: 0 !important;
    padding: 0;
    align-self: center;
}

.account-site #id_szamlak .invoice-header-label > .invoice-sort-arrows a {
    display: inline-flex;
    width: 15px;
    height: 14px;
    flex: 0 0 14px;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    padding: 0 !important;
}

/* Invoice number can use a slightly wider two-line block. */
.account-site #id_szamlak > .invoice-list-header > div:nth-child(3).invoice-header-label > label {
    max-width: 112px;
}

/* Date headers stay intentionally compact so they wrap cleanly. */
.account-site #id_szamlak > .invoice-list-header > div:nth-child(5).invoice-header-label > label,
.account-site #id_szamlak > .invoice-list-header > div:nth-child(6).invoice-header-label > label,
.account-site #id_szamlak > .invoice-list-header > div:nth-child(7).invoice-header-label > label,
.account-site #id_szamlak > .invoice-list-header > .invoice-settlement-column.invoice-header-label > label {
    max-width: 88px;
}

/* Buyer keeps its secondary "(Vevőkód)" line while the arrows remain stacked
   vertically beside the entire two-line text group. */
.account-site #id_szamlak > .invoice-list-header > div:nth-child(2).invoice-header-label {
    display: grid !important;
    grid-template-columns: minmax(0, auto) 18px;
    grid-template-rows: auto auto;
    column-gap: 7px;
    row-gap: 2px;
    align-content: center;
    justify-content: center;
}

.account-site #id_szamlak > .invoice-list-header > div:nth-child(2).invoice-header-label > b {
    grid-column: 1;
    grid-row: 1;
    max-width: none;
    align-self: end;
}

.account-site #id_szamlak > .invoice-list-header > div:nth-child(2).invoice-header-label > .kimeno_szamla_betu {
    grid-column: 1;
    grid-row: 2;
    margin: 0 !important;
    align-self: start;
}

.account-site #id_szamlak > .invoice-list-header > div:nth-child(2).invoice-header-label > .invoice-sort-arrows {
    grid-column: 2;
    grid-row: 1 / span 2;
    align-self: center;
}

/* --------------------------------------------------------------------------
   VIEWED DATE + MAIL ICON
   The mail-error icon now uses the available vertical space below the viewed
   timestamp instead of taking horizontal room beside it.
   -------------------------------------------------------------------------- */

.account-site #id_szamlak > .invoice-list-row >
div:has(> a[onclick*="EmailAtvetel("]) {
    display: flex !important;
    min-width: 0;
    flex-direction: column !important;
    align-items: center;
    justify-content: center;
    gap: 3px !important;
    flex-wrap: nowrap;
    overflow: visible;
    text-align: center !important;
}

.account-site #id_szamlak > .invoice-list-row >
div:has(> a[onclick*="EmailAtvetel("]) > br {
    display: none !important;
}

.account-site #id_szamlak > .invoice-list-row >
div:has(> a[onclick*="EmailAtvetel("]) > a:first-of-type {
    display: inline-flex;
    width: auto !important;
    max-width: 100% !important;
    min-width: 0;
    align-items: center;
    justify-content: center;
    color: #087fb8;
    line-height: 1.3;
    text-align: center !important;
    white-space: normal;
}

.account-site #id_szamlak > .invoice-list-row >
div:has(> a[onclick*="EmailAtvetel("]) a[onclick*="EmailNaplo("] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    margin: 0;
}

.account-site #id_szamlak > .invoice-list-row >
div:has(> a[onclick*="EmailAtvetel("]) a[onclick*="EmailNaplo("] img {
    display: block;
    width: 17px !important;
    max-width: 17px !important;
    height: auto;
    margin: 0 auto;
}


/* ==========================================================================
   KIMENO SZAMLAK — left-side compact sort arrows v19
   Keeps v18 layout, responsiveness, buttons and mail icon unchanged.
   ========================================================================== */

/* Sort control before the label:
       ▲  TELJESÍTÉS
       ▼  DÁTUMA
*/
.account-site #id_szamlak .invoice-header-label {
    display: grid !important;
    grid-template-columns: 14px minmax(0, auto);
    grid-template-rows: auto;
    column-gap: 4px;
    align-items: center;
    justify-content: center;
    min-height: 58px;
}

.account-site #id_szamlak .invoice-header-label > label,
.account-site #id_szamlak .invoice-header-label > b {
    grid-column: 2;
    grid-row: 1;
    display: block;
    width: auto;
    max-width: 96px;
    margin: 0 !important;
    line-height: 1.15;
    white-space: normal;
}

.account-site #id_szamlak .invoice-header-label > .invoice-sort-arrows {
    grid-column: 1;
    grid-row: 1;
    display: flex !important;
    width: 14px;
    height: 26px !important;
    min-height: 26px !important;
    flex-direction: column !important;
    align-items: center;
    justify-content: center;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    align-self: center;
}

.account-site #id_szamlak .invoice-header-label > .invoice-sort-arrows a {
    display: inline-flex;
    width: 14px;
    height: 13px;
    min-height: 13px;
    flex: 0 0 13px;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 13px;
}

/* Keep the actual CSS triangles visually close together. */
.account-site #id_szamlak .invoice-header-label > .invoice-sort-arrows a::before {
    margin: 0 !important;
}

/* Buyer still has its secondary "(Vevőkód)" line; arrows stay immediately
   to the left of the whole title/subtitle block. */
.account-site #id_szamlak > .invoice-list-header > div:nth-child(2).invoice-header-label {
    display: grid !important;
    grid-template-columns: 14px minmax(0, auto);
    grid-template-rows: auto auto;
    column-gap: 4px;
    row-gap: 2px;
    align-content: center;
    justify-content: center;
}

.account-site #id_szamlak > .invoice-list-header > div:nth-child(2).invoice-header-label > b {
    grid-column: 2;
    grid-row: 1;
    max-width: none;
    align-self: end;
}

.account-site #id_szamlak > .invoice-list-header > div:nth-child(2).invoice-header-label > .kimeno_szamla_betu {
    grid-column: 2;
    grid-row: 2;
    margin: 0 !important;
    align-self: start;
}

.account-site #id_szamlak > .invoice-list-header > div:nth-child(2).invoice-header-label > .invoice-sort-arrows {
    grid-column: 1;
    grid-row: 1 / span 2;
    align-self: center;
}

/* Invoice-number title can retain its slightly wider wrap width. */
.account-site #id_szamlak > .invoice-list-header > div:nth-child(3).invoice-header-label > label {
    max-width: 112px;
}

/* Date headings stay compact and readable on two lines. */
.account-site #id_szamlak > .invoice-list-header > div:nth-child(5).invoice-header-label > label,
.account-site #id_szamlak > .invoice-list-header > div:nth-child(6).invoice-header-label > label,
.account-site #id_szamlak > .invoice-list-header > div:nth-child(7).invoice-header-label > label,
.account-site #id_szamlak > .invoice-list-header > .invoice-settlement-column.invoice-header-label > label {
    max-width: 88px;
}


/* ==========================================================================
   KIMENO SZAMLAK — compact header typography + tighter sort arrows v20
   Row layout, responsiveness, buttons and mail positioning are unchanged.
   ========================================================================== */

/* Give every header cell a safe clipping/wrapping boundary so a long translated
   heading cannot visually invade the next column. */
.account-site #id_szamlak > .invoice-list-header > div {
    min-width: 0 !important;
    overflow: hidden;
}

/* Slightly smaller, tighter header typography. Row text is intentionally not
   changed. */
.account-site #id_szamlak > .invoice-list-header label,
.account-site #id_szamlak > .invoice-list-header b,
.account-site #id_szamlak > .invoice-list-header > div:nth-child(13)::before {
    font-size: 11px !important;
    line-height: 1.08 !important;
    letter-spacing: .025em !important;
}

/* Non-sortable long headings also need to be allowed to wrap inside their own
   column instead of extending into the neighbour. */
.account-site #id_szamlak > .invoice-list-header > div > label,
.account-site #id_szamlak > .invoice-list-header > div > b {
    max-width: 100%;
    white-space: normal !important;
    overflow-wrap: normal;
    word-break: normal;
}

/* Compact sort control immediately to the left of the title:
       ▲ TELJESÍTÉS
       ▼ DÁTUMA
*/
.account-site #id_szamlak .invoice-header-label {
    grid-template-columns: 10px minmax(0, 1fr) !important;
    column-gap: 2px !important;
}

.account-site #id_szamlak .invoice-header-label > .invoice-sort-arrows {
    width: 10px !important;
    min-width: 10px !important;
    height: 20px !important;
    min-height: 20px !important;
    gap: 0 !important;
    line-height: 1 !important;
}

.account-site #id_szamlak .invoice-header-label > .invoice-sort-arrows a {
    width: 10px !important;
    min-width: 10px !important;
    height: 10px !important;
    min-height: 10px !important;
    flex: 0 0 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 10px !important;
}

/* Shrink only the CSS triangles themselves; the click targets remain the full
   10×10 links above. */
.account-site #id_szamlak .invoice-header-label > .invoice-sort-arrows a::before {
    border-right-width: 3px !important;
    border-left-width: 3px !important;
    margin: 0 !important;
}

.account-site #id_szamlak .invoice-header-label > .invoice-sort-arrows a:first-child::before {
    border-bottom-width: 5px !important;
}

.account-site #id_szamlak .invoice-header-label > .invoice-sort-arrows a:last-child::before {
    border-top-width: 5px !important;
}

/* With the smaller text, these widths produce deliberate two-line labels
   without crowding neighbouring headings. */
.account-site #id_szamlak .invoice-header-label > label,
.account-site #id_szamlak .invoice-header-label > b {
    max-width: 84px !important;
}

.account-site #id_szamlak > .invoice-list-header > div:nth-child(3).invoice-header-label > label {
    max-width: 96px !important;
}

.account-site #id_szamlak > .invoice-list-header > div:nth-child(5).invoice-header-label > label,
.account-site #id_szamlak > .invoice-list-header > div:nth-child(6).invoice-header-label > label,
.account-site #id_szamlak > .invoice-list-header > div:nth-child(7).invoice-header-label > label,
.account-site #id_szamlak > .invoice-list-header > .invoice-settlement-column.invoice-header-label > label {
    max-width: 78px !important;
}

/* Buyer subtitle remains readable while using the same compact left-side arrow
   stack. */
.account-site #id_szamlak > .invoice-list-header > div:nth-child(2).invoice-header-label {
    grid-template-columns: 10px minmax(0, 1fr) !important;
    column-gap: 2px !important;
}

.account-site #id_szamlak > .invoice-list-header > div:nth-child(2).invoice-header-label > b {
    max-width: 84px !important;
}

.account-site #id_szamlak > .invoice-list-header > div:nth-child(2).invoice-header-label > .kimeno_szamla_betu {
    font-size: 9.5px !important;
    line-height: 1.05 !important;
}

/* Megtekintés időpontok is not sortable, so explicitly give it compact
   typography/wrapping without changing its data column. */
.account-site #id_szamlak > .invoice-list-header > div:nth-child(9) {
    padding-right: 5px !important;
    padding-left: 5px !important;
}

.account-site #id_szamlak > .invoice-list-header > div:nth-child(9) label,
.account-site #id_szamlak > .invoice-list-header > div:nth-child(9) b {
    display: block;
    max-width: 92px;
    margin-right: auto !important;
    margin-left: auto !important;
    text-align: center;
    white-space: normal !important;
}

/* Kiegyenlítés dátuma receives the same small internal padding so there is a
   visible gutter before Megtekintés időpontok. */
.account-site #id_szamlak > .invoice-list-header > .invoice-settlement-column {
    padding-right: 5px !important;
    padding-left: 5px !important;
}


/* ==========================================================================
   KIMENO SZAMLAK — stable compact actions + ultra-tight arrows + row wrapping v21
   Responsive grid/breakpoints from v20 are intentionally unchanged.
   ========================================================================== */

/* --------------------------------------------------------------------------
   HEADER SORT CONTROLS
   Always keep the arrow stack on the LEFT of the title, including the
   responsive two-row header. Compress the arrows to the smallest practical
   visual stack.
   -------------------------------------------------------------------------- */

.account-site #id_szamlak .invoice-header-label {
    display: grid !important;
    grid-template-columns: 8px minmax(0, 1fr) !important;
    grid-template-rows: auto !important;
    column-gap: 2px !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
}

.account-site #id_szamlak .invoice-header-label > label,
.account-site #id_szamlak .invoice-header-label > b {
    grid-column: 2 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    font-size: 11px !important;
    line-height: 1.06 !important;
    white-space: normal !important;
    overflow-wrap: normal;
    word-break: normal;
}

.account-site #id_szamlak .invoice-header-label > .invoice-sort-arrows {
    grid-column: 1 !important;
    grid-row: 1 !important;
    display: flex !important;
    width: 8px !important;
    min-width: 8px !important;
    height: 14px !important;
    min-height: 14px !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    align-self: center !important;
    overflow: visible !important;
}

.account-site #id_szamlak .invoice-header-label > .invoice-sort-arrows a {
    display: flex !important;
    width: 8px !important;
    min-width: 8px !important;
    height: 7px !important;
    min-height: 7px !important;
    flex: 0 0 7px !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
    overflow: visible !important;
}

.account-site #id_szamlak .invoice-header-label > .invoice-sort-arrows a::before {
    margin: 0 !important;
    border-right-width: 3px !important;
    border-left-width: 3px !important;
}

/* Pull the two triangles one pixel toward each other. */
.account-site #id_szamlak .invoice-header-label > .invoice-sort-arrows a:first-child {
    transform: translateY(1px);
}

.account-site #id_szamlak .invoice-header-label > .invoice-sort-arrows a:last-child {
    transform: translateY(-1px);
}

.account-site #id_szamlak .invoice-header-label > .invoice-sort-arrows a:first-child::before {
    border-bottom-width: 4px !important;
}

.account-site #id_szamlak .invoice-header-label > .invoice-sort-arrows a:last-child::before {
    border-top-width: 4px !important;
}

/* Buyer keeps the secondary code line, but the arrow stack stays on the left
   of the complete two-line text group. */
.account-site #id_szamlak > .invoice-list-header > div:nth-child(2).invoice-header-label {
    display: grid !important;
    grid-template-columns: 8px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    column-gap: 2px !important;
    row-gap: 1px !important;
    align-content: center !important;
    justify-content: center !important;
}

.account-site #id_szamlak > .invoice-list-header > div:nth-child(2).invoice-header-label > b {
    grid-column: 2 !important;
    grid-row: 1 !important;
    max-width: 100% !important;
}

.account-site #id_szamlak > .invoice-list-header > div:nth-child(2).invoice-header-label > .kimeno_szamla_betu {
    grid-column: 2 !important;
    grid-row: 2 !important;
    margin: 0 !important;
    font-size: 9.5px !important;
    line-height: 1.05 !important;
}

.account-site #id_szamlak > .invoice-list-header > div:nth-child(2).invoice-header-label > .invoice-sort-arrows {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    align-self: center !important;
}

/* Explicit responsive reinforcement: Számla sorszám and all other sortable
   headings keep arrows on the left after the layout switches to two rows. */
@media (max-width: 1199px) {
    .account-site #id_szamlak .invoice-header-label {
        grid-template-columns: 8px minmax(0, 1fr) !important;
        justify-content: start !important;
    }

    .account-site #id_szamlak .invoice-header-label > .invoice-sort-arrows {
        grid-column: 1 !important;
    }

    .account-site #id_szamlak .invoice-header-label > label,
    .account-site #id_szamlak .invoice-header-label > b {
        grid-column: 2 !important;
    }

    .account-site #id_szamlak > .invoice-list-header > div:nth-child(3).invoice-header-label {
        justify-content: center !important;
    }
}

/* --------------------------------------------------------------------------
   RESPONSIVE MŰVELETEK
   Revert compact-mode actions to one shared absolute stack relative to the
   invoice ROW. This is the same stable principle as the approved desktop/v10
   layout and cannot overflow into the next invoice when the viewport shrinks.
   -------------------------------------------------------------------------- */

@media (max-width: 1199px) {
    /* Flatten every possible Bootstrap positioning ancestor. Do not change
       display/visibility: existing PHP/JS remains authoritative. */
    .account-site #id_szamlak > .invoice-list-row [class*="col-"],
    .account-site #id_szamlak > .invoice-list-row > .invoice-settlement-cell,
    .account-site #id_szamlak > .invoice-list-row > .invoice-settlement-cell > div[id^="box_check_"],
    .account-site #id_szamlak > .invoice-list-row > .invoice-settlement-cell > div[id^="box_check_"] > div,
    .account-site #id_szamlak > .invoice-list-row > .invoice-settlement-cell > div[id^="box_check_"] > div > div {
        position: static !important;
    }

    /* Action-holder itself occupies the right-hand grid track but no longer
       lays its children out as flex items. */
    .account-site #id_szamlak > .invoice-list-row >
    .hidden-sm.hidden-xs:has(> button[name^="szamlamegtekint_"]) {
        display: block !important;
        min-height: 0 !important;
        padding: 0 !important;
        align-self: stretch !important;
    }

    /* All real actions share the invoice row as the positioning context. */
    .account-site #id_szamlak > .invoice-list-row button[id^="check_kiegyenlit_"],
    .account-site #id_szamlak > .invoice-list-row button[id^="check_visszavon_"],
    .account-site #id_szamlak > .invoice-list-row button[name^="szamlamegtekint_"].btn-info,
    .account-site #id_szamlak > .invoice-list-row button[name^="szamlaujrakuld_"].btn-danger {
        position: absolute !important;
        right: 5px !important;
        bottom: auto !important;
        width: 118px !important;
        min-width: 118px !important;
        height: 34px !important;
        min-height: 34px !important;
        margin: 0 !important;
        transform: none !important;
    }

    /* Three actions: perfectly centered within the existing 156px compact row. */
    .account-site #id_szamlak > .invoice-list-row button[id^="check_kiegyenlit_"],
    .account-site #id_szamlak > .invoice-list-row button[id^="check_visszavon_"] {
        top: 19px !important;
    }

    .account-site #id_szamlak > .invoice-list-row button[name^="szamlamegtekint_"].btn-info {
        top: 61px !important;
    }

    .account-site #id_szamlak > .invoice-list-row button[name^="szamlaujrakuld_"].btn-danger {
        top: 103px !important;
    }

    /* No settlement action exists: center Részletek + Újraküld. */
    .account-site #id_szamlak > .invoice-list-row:not(:has(button[id^="check_kiegyenlit_"])):not(:has(button[id^="check_visszavon_"]))
    button[name^="szamlamegtekint_"].btn-info {
        top: 40px !important;
    }

    .account-site #id_szamlak > .invoice-list-row:not(:has(button[id^="check_kiegyenlit_"])):not(:has(button[id^="check_visszavon_"]))
    button[name^="szamlaujrakuld_"].btn-danger {
        top: 82px !important;
    }

    /* Settlement action + Részletek, without Újraküld: center those two. */
    .account-site #id_szamlak > .invoice-list-row:not(:has(button[name^="szamlaujrakuld_"].btn-danger))
    button[id^="check_kiegyenlit_"],
    .account-site #id_szamlak > .invoice-list-row:not(:has(button[name^="szamlaujrakuld_"].btn-danger))
    button[id^="check_visszavon_"] {
        top: 40px !important;
    }

    .account-site #id_szamlak > .invoice-list-row:not(:has(button[name^="szamlaujrakuld_"].btn-danger))
    button[name^="szamlamegtekint_"].btn-info {
        top: 82px !important;
    }

    /* One Részletek action only. */
    .account-site #id_szamlak > .invoice-list-row:not(:has(button[id^="check_kiegyenlit_"])):not(:has(button[id^="check_visszavon_"])):not(:has(button[name^="szamlaujrakuld_"].btn-danger))
    button[name^="szamlamegtekint_"].btn-info {
        top: 61px !important;
    }

    .account-site #id_szamlak > .invoice-list-row button[id^="check_visszavon_"] {
        font-size: 0 !important;
    }

    .account-site #id_szamlak > .invoice-list-row button[id^="check_visszavon_"]::after {
        content: "Kiegyenlít ×";
        font-size: 12px !important;
        font-weight: 750;
        line-height: 20px;
    }
}

/* --------------------------------------------------------------------------
   LONG TEXT WRAPPING IN THE NORMAL DESKTOP LAYOUT
   Buyer names and invoice identifiers stay inside their own columns instead of
   drawing across neighbouring dates.
   -------------------------------------------------------------------------- */

.account-site #id_szamlak .invoice-customer-cell,
.account-site #id_szamlak .invoice-customer-cell b {
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
}

.account-site #id_szamlak .invoice-number-cell,
.account-site #id_szamlak .invoice-number-cell a {
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
}

/* Provider-specific badges/extra identifiers inside the invoice-number column
   must also stay inside that column. */
.account-site #id_szamlak .invoice-number-cell > div,
.account-site #id_szamlak .invoice-number-cell > span {
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
}

/* Let rows grow if wrapped buyer/invoice text genuinely needs another line.
   Minimum desktop/compact heights are preserved; only exceptionally long data
   can increase them. */
.account-site #id_szamlak > .invoice-list-row {
    height: auto !important;
}


/* ==========================================================================
   KIMENO SZAMLAK — amount wrapping + locked left arrows + reminder status v22
   Keeps the approved row layout, buttons, mail placement and breakpoints.
   ========================================================================== */

/* --------------------------------------------------------------------------
   AMOUNTS
   Large totals can contain non-breaking spaces from PHP formatting. Allow the
   amount cell to wrap anywhere as a last resort instead of clipping/overflowing.
   -------------------------------------------------------------------------- */

.account-site #id_szamlak > .invoice-list-row > .szoveg_jobbra.hidden-sm.hidden-xs {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: visible !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    line-height: 1.15 !important;
    text-align: right !important;
}

/* Preserve normal-sized amounts on one line whenever they fit; only genuinely
   wide values wrap. */
@media (min-width: 1200px) {
    .account-site #id_szamlak > .invoice-list-row > .szoveg_jobbra.hidden-sm.hidden-xs {
        font-size: clamp(11.5px, .78vw, 14px) !important;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .account-site #id_szamlak > .invoice-list-row > .szoveg_jobbra.hidden-sm.hidden-xs {
        font-size: clamp(11px, 1.15vw, 13px) !important;
    }
}

/* --------------------------------------------------------------------------
   SORT ARROWS
   The two links already live inside one .invoice-sort-arrows span in the real
   template. The legacy   between them is neutralized here by font-size:0.
   Grid areas lock the stack to the LEFT of the title at every breakpoint.
   -------------------------------------------------------------------------- */

.account-site #id_szamlak .invoice-header-label {
    display: grid !important;
    grid-template-columns: 7px minmax(0, 1fr) !important;
    grid-template-rows: auto !important;
    grid-template-areas: "sort title" !important;
    column-gap: 2px !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    direction: ltr !important;
}

.account-site #id_szamlak .invoice-header-label > label,
.account-site #id_szamlak .invoice-header-label > b {
    grid-area: title !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    white-space: normal !important;
}

.account-site #id_szamlak .invoice-header-label > .invoice-sort-arrows {
    grid-area: sort !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    display: flex !important;
    width: 7px !important;
    min-width: 7px !important;
    height: 10px !important;
    min-height: 10px !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    align-self: center !important;
    overflow: visible !important;
    font-size: 0 !important;
    line-height: 0 !important;
}

.account-site #id_szamlak .invoice-header-label > .invoice-sort-arrows a {
    display: flex !important;
    width: 7px !important;
    min-width: 7px !important;
    height: 6px !important;
    min-height: 6px !important;
    flex: 0 0 6px !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    overflow: visible !important;
}

.account-site #id_szamlak .invoice-header-label > .invoice-sort-arrows a:first-child {
    transform: translateY(2px) !important;
}

.account-site #id_szamlak .invoice-header-label > .invoice-sort-arrows a:last-child {
    transform: translateY(-2px) !important;
}

.account-site #id_szamlak .invoice-header-label > .invoice-sort-arrows a::before {
    margin: 0 !important;
    border-right-width: 3px !important;
    border-left-width: 3px !important;
}

.account-site #id_szamlak .invoice-header-label > .invoice-sort-arrows a:first-child::before {
    border-bottom-width: 4px !important;
}

.account-site #id_szamlak .invoice-header-label > .invoice-sort-arrows a:last-child::before {
    border-top-width: 4px !important;
}

/* Buyer has a second text line, but the arrow stack remains on the far left of
   the full title/subtitle group. */
.account-site #id_szamlak > .invoice-list-header > div:nth-child(2).invoice-header-label {
    display: grid !important;
    grid-template-columns: 7px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    grid-template-areas:
        "sort title"
        "sort subtitle" !important;
    column-gap: 2px !important;
    row-gap: 1px !important;
    align-content: center !important;
    justify-content: center !important;
    direction: ltr !important;
}

.account-site #id_szamlak > .invoice-list-header > div:nth-child(2).invoice-header-label > b {
    grid-area: title !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
}

.account-site #id_szamlak > .invoice-list-header > div:nth-child(2).invoice-header-label > .kimeno_szamla_betu {
    grid-area: subtitle !important;
    grid-column: 2 !important;
    grid-row: 2 !important;
    margin: 0 !important;
}

.account-site #id_szamlak > .invoice-list-header > div:nth-child(2).invoice-header-label > .invoice-sort-arrows {
    grid-area: sort !important;
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
}

/* Hard-lock Számla sorszám to the same left-arrow arrangement after the
   responsive layout switches. This overrides all earlier centering experiments. */
@media (max-width: 1199px) {
    .account-site #id_szamlak > .invoice-list-header > div:nth-child(3).invoice-header-label {
        display: grid !important;
        grid-template-columns: 7px minmax(0, 1fr) !important;
        grid-template-areas: "sort title" !important;
        justify-content: center !important;
        direction: ltr !important;
    }

    .account-site #id_szamlak > .invoice-list-header > div:nth-child(3).invoice-header-label > .invoice-sort-arrows {
        grid-area: sort !important;
        grid-column: 1 !important;
        grid-row: 1 !important;
    }

    .account-site #id_szamlak > .invoice-list-header > div:nth-child(3).invoice-header-label > label {
        grid-area: title !important;
        grid-column: 2 !important;
        grid-row: 1 !important;
    }
}

/* --------------------------------------------------------------------------
   PAYMENT-REMINDER STATUS
   Template requirement:
   Wrap the existing felszolito_kikuldve output in
   <span class="invoice-payment-reminder-label">...</span>.
   No condition or value changes are needed.
   -------------------------------------------------------------------------- */

.account-site #id_szamlak > .invoice-list-row:has(.invoice-payment-reminder-label) {
    padding-bottom: 30px;
}

/* When it is the only bottom status, center it just like Internetes fizetés. */
.account-site #id_szamlak .invoice-payment-reminder-label {
    position: absolute;
    z-index: 4;
    right: auto;
    bottom: 8px;
    left: 50%;
    display: inline-flex;
    min-height: 26px;
    max-width: 42%;
    align-items: center;
    justify-content: center;
    padding: 4px 12px;
    color: #67728a;
    background: #f7fafc;
    border: 1px solid #e4e8f0;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    white-space: normal;
    transform: translateX(-50%);
}

/* If both statuses exist, keep them together as a centered pair:
   Internetes fizetés on the left, Fizetési felszólító on the right. */
.account-site #id_szamlak > .invoice-list-row:has(.invoice-online-payment-label):has(.invoice-payment-reminder-label)
.invoice-online-payment-label {
    left: calc(50% - 6px);
    max-width: 40%;
    transform: translateX(-100%);
}

.account-site #id_szamlak > .invoice-list-row:has(.invoice-online-payment-label):has(.invoice-payment-reminder-label)
.invoice-payment-reminder-label {
    left: calc(50% + 6px);
    max-width: 40%;
    transform: none;
}


/* ==========================================================================
   KIMENO SZAMLAK — minimal-width action fix + safe currency + arrow gap v23
   Keeps the approved desktop/two-row responsive structure unchanged.
   ========================================================================== */

/* --------------------------------------------------------------------------
   SORT ARROWS
   Keep the vertical arrows extremely close, but with a real visual gap so they
   never merge into a star/diamond shape.
   -------------------------------------------------------------------------- */

.account-site #id_szamlak .invoice-header-label > .invoice-sort-arrows {
    width: 8px !important;
    min-width: 8px !important;
    height: 13px !important;
    min-height: 13px !important;
    gap: 1px !important;
    font-size: 0 !important; /* neutralizes the legacy &nbsp; between links */
    line-height: 0 !important;
}

.account-site #id_szamlak .invoice-header-label > .invoice-sort-arrows a {
    width: 8px !important;
    min-width: 8px !important;
    height: 6px !important;
    min-height: 6px !important;
    flex: 0 0 6px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
}

.account-site #id_szamlak .invoice-header-label > .invoice-sort-arrows a::before {
    margin: 0 !important;
    border-right-width: 3px !important;
    border-left-width: 3px !important;
}

.account-site #id_szamlak .invoice-header-label > .invoice-sort-arrows a:first-child::before {
    border-bottom-width: 4px !important;
}

.account-site #id_szamlak .invoice-header-label > .invoice-sort-arrows a:last-child::before {
    border-top-width: 4px !important;
}

/* Lock every sortable heading to arrows-left/title-right after switching into
   layout 2 as well. */
@media (max-width: 1199px) {
    .account-site #id_szamlak .invoice-header-label {
        display: grid !important;
        grid-template-columns: 8px minmax(0, 1fr) !important;
        grid-template-areas: "sort title" !important;
        column-gap: 2px !important;
        direction: ltr !important;
    }

    .account-site #id_szamlak .invoice-header-label > .invoice-sort-arrows {
        grid-area: sort !important;
        grid-column: 1 !important;
        grid-row: 1 !important;
    }

    .account-site #id_szamlak .invoice-header-label > label,
    .account-site #id_szamlak .invoice-header-label > b {
        grid-area: title !important;
        grid-column: 2 !important;
        grid-row: 1 !important;
    }

    /* Vevő keeps its second subtitle row. */
    .account-site #id_szamlak > .invoice-list-header > div:nth-child(2).invoice-header-label {
        grid-template-columns: 8px minmax(0, 1fr) !important;
        grid-template-rows: auto auto !important;
        grid-template-areas:
            "sort title"
            "sort subtitle" !important;
    }

    .account-site #id_szamlak > .invoice-list-header > div:nth-child(2).invoice-header-label > .kimeno_szamla_betu {
        grid-area: subtitle !important;
        grid-column: 2 !important;
        grid-row: 2 !important;
    }

    .account-site #id_szamlak > .invoice-list-header > div:nth-child(2).invoice-header-label > .invoice-sort-arrows {
        grid-area: sort !important;
        grid-column: 1 !important;
        grid-row: 1 / span 2 !important;
    }
}

/* --------------------------------------------------------------------------
   AMOUNT / CURRENCY
   Never split a currency code (HUF, EUR, CAD, USD...) across characters.
   Keep the complete amount string together and reduce it slightly before it
   can collide with the next column.
   -------------------------------------------------------------------------- */

.account-site #id_szamlak > .invoice-list-row > .szoveg_jobbra.hidden-sm.hidden-xs {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    overflow-wrap: normal !important;
    word-break: keep-all !important;
    text-overflow: clip;
    font-variant-numeric: tabular-nums;
    line-height: 1.15 !important;
    text-align: right !important;
}

@media (min-width: 1200px) {
    .account-site #id_szamlak > .invoice-list-row > .szoveg_jobbra.hidden-sm.hidden-xs {
        font-size: clamp(10.5px, .76vw, 14px) !important;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .account-site #id_szamlak > .invoice-list-row > .szoveg_jobbra.hidden-sm.hidden-xs {
        font-size: clamp(10px, 1.05vw, 13px) !important;
    }
}

/* --------------------------------------------------------------------------
   LAYOUT-2 MŰVELETEK — MINIMUM WIDTH
   Older v17 flex-item rules had higher specificity and could still make
   Részletek / Újraküld flow normally while Kiegyenlít stayed absolute.
   Override those exact selectors so every action uses one shared row-relative
   stack at compact widths.
   -------------------------------------------------------------------------- */

@media (max-width: 1199px) {
    /* Flatten all Bootstrap action/settlement positioning wrappers. */
    .account-site #id_szamlak > .invoice-list-row [class*="col-"],
    .account-site #id_szamlak > .invoice-list-row > .invoice-settlement-cell,
    .account-site #id_szamlak > .invoice-list-row > .invoice-settlement-cell > div[id^="box_check_"],
    .account-site #id_szamlak > .invoice-list-row > .invoice-settlement-cell > div[id^="box_check_"] > div,
    .account-site #id_szamlak > .invoice-list-row > .invoice-settlement-cell > div[id^="box_check_"] > div > div {
        position: static !important;
    }

    .account-site #id_szamlak > .invoice-list-row >
    .hidden-sm.hidden-xs:has(> button[name^="szamlamegtekint_"]) {
        display: block !important;
        min-height: 0 !important;
        padding: 0 !important;
        align-self: stretch !important;
    }

    /* Match the old high-specificity direct-child selectors explicitly. */
    .account-site #id_szamlak > .invoice-list-row >
    .hidden-sm.hidden-xs:has(> button[name^="szamlamegtekint_"]) >
    button[name^="szamlamegtekint_"].btn-info,
    .account-site #id_szamlak > .invoice-list-row >
    .hidden-sm.hidden-xs:has(> button[name^="szamlamegtekint_"]) >
    button[name^="szamlaujrakuld_"].btn-danger,
    .account-site #id_szamlak > .invoice-list-row button[id^="check_kiegyenlit_"],
    .account-site #id_szamlak > .invoice-list-row button[id^="check_visszavon_"] {
        position: absolute !important;
        right: 5px !important;
        bottom: auto !important;
        width: 118px !important;
        min-width: 118px !important;
        height: 34px !important;
        min-height: 34px !important;
        margin: 0 !important;
        padding: 6px 10px !important;
        flex: none !important;
        transform: none !important;
    }

    /* Three actions: evenly spaced and centered inside the 156px row. */
    .account-site #id_szamlak > .invoice-list-row button[id^="check_kiegyenlit_"],
    .account-site #id_szamlak > .invoice-list-row button[id^="check_visszavon_"] {
        top: 19px !important;
    }

    .account-site #id_szamlak > .invoice-list-row >
    .hidden-sm.hidden-xs:has(> button[name^="szamlamegtekint_"]) >
    button[name^="szamlamegtekint_"].btn-info {
        top: 61px !important;
    }

    .account-site #id_szamlak > .invoice-list-row >
    .hidden-sm.hidden-xs:has(> button[name^="szamlamegtekint_"]) >
    button[name^="szamlaujrakuld_"].btn-danger {
        top: 103px !important;
    }

    /* No settlement action: vertically center Részletek + Újraküld. */
    .account-site #id_szamlak > .invoice-list-row:not(:has(button[id^="check_kiegyenlit_"])):not(:has(button[id^="check_visszavon_"])) >
    .hidden-sm.hidden-xs:has(> button[name^="szamlamegtekint_"]) >
    button[name^="szamlamegtekint_"].btn-info {
        top: 40px !important;
    }

    .account-site #id_szamlak > .invoice-list-row:not(:has(button[id^="check_kiegyenlit_"])):not(:has(button[id^="check_visszavon_"])) >
    .hidden-sm.hidden-xs:has(> button[name^="szamlamegtekint_"]) >
    button[name^="szamlaujrakuld_"].btn-danger {
        top: 82px !important;
    }

    /* Settlement + Részletek, without Újraküld. */
    .account-site #id_szamlak > .invoice-list-row:not(:has(button[name^="szamlaujrakuld_"].btn-danger))
    button[id^="check_kiegyenlit_"],
    .account-site #id_szamlak > .invoice-list-row:not(:has(button[name^="szamlaujrakuld_"].btn-danger))
    button[id^="check_visszavon_"] {
        top: 40px !important;
    }

    .account-site #id_szamlak > .invoice-list-row:not(:has(button[name^="szamlaujrakuld_"].btn-danger)) >
    .hidden-sm.hidden-xs:has(> button[name^="szamlamegtekint_"]) >
    button[name^="szamlamegtekint_"].btn-info {
        top: 82px !important;
    }

    /* Only Részletek. */
    .account-site #id_szamlak > .invoice-list-row:not(:has(button[id^="check_kiegyenlit_"])):not(:has(button[id^="check_visszavon_"])):not(:has(button[name^="szamlaujrakuld_"].btn-danger)) >
    .hidden-sm.hidden-xs:has(> button[name^="szamlamegtekint_"]) >
    button[name^="szamlamegtekint_"].btn-info {
        top: 61px !important;
    }

    .account-site #id_szamlak > .invoice-list-row button[id^="check_visszavon_"] {
        font-size: 0 !important;
    }

    .account-site #id_szamlak > .invoice-list-row button[id^="check_visszavon_"]::after {
        content: "Kiegyenlít ×";
        font-size: 12px !important;
        font-weight: 750;
        line-height: 20px;
    }
}


/* ==========================================================================
   KIMENO SZAMLAK — larger separated sort arrows + restored amount size v24
   Responsive layout and Műveletek button positioning are intentionally unchanged.
   ========================================================================== */

/* --------------------------------------------------------------------------
   SORT ARROWS
   Keep the arrows vertically stacked on the left, but make the triangles about
   twice as large and leave a small visible gap so they cannot merge into a
   diamond/rombus shape.
   -------------------------------------------------------------------------- */

.account-site #id_szamlak .invoice-header-label {
    grid-template-columns: 13px minmax(0, 1fr) !important;
    column-gap: 3px !important;
}

.account-site #id_szamlak .invoice-header-label > .invoice-sort-arrows {
    width: 13px !important;
    min-width: 13px !important;
    height: 24px !important;
    min-height: 24px !important;
    gap: 3px !important;
    font-size: 0 !important;
    line-height: 0 !important;
}

.account-site #id_szamlak .invoice-header-label > .invoice-sort-arrows a {
    width: 13px !important;
    min-width: 13px !important;
    height: 10px !important;
    min-height: 10px !important;
    flex: 0 0 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
}

.account-site #id_szamlak .invoice-header-label > .invoice-sort-arrows a::before {
    margin: 0 !important;
    border-right-width: 5px !important;
    border-left-width: 5px !important;
}

.account-site #id_szamlak .invoice-header-label > .invoice-sort-arrows a:first-child::before {
    border-bottom-width: 7px !important;
}

.account-site #id_szamlak .invoice-header-label > .invoice-sort-arrows a:last-child::before {
    border-top-width: 7px !important;
}

/* Buyer keeps its second line while using the wider arrow column. */
.account-site #id_szamlak > .invoice-list-header > div:nth-child(2).invoice-header-label {
    grid-template-columns: 13px minmax(0, 1fr) !important;
    column-gap: 3px !important;
}

/* Keep arrows-left/title-right after switching into layout 2 too. */
@media (max-width: 1199px) {
    .account-site #id_szamlak .invoice-header-label {
        grid-template-columns: 13px minmax(0, 1fr) !important;
        column-gap: 3px !important;
    }

    .account-site #id_szamlak > .invoice-list-header > div:nth-child(2).invoice-header-label {
        grid-template-columns: 13px minmax(0, 1fr) !important;
    }

    .account-site #id_szamlak > .invoice-list-header > div:nth-child(3).invoice-header-label {
        grid-template-columns: 13px minmax(0, 1fr) !important;
    }
}

/* --------------------------------------------------------------------------
   ÖSSZEG
   Restore the stronger amount typography from before v23 while preserving the
   important rule that currency codes never split character-by-character.
   -------------------------------------------------------------------------- */

.account-site #id_szamlak > .invoice-list-row > .szoveg_jobbra.hidden-sm.hidden-xs {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    overflow-wrap: normal !important;
    word-break: keep-all !important;
    text-overflow: clip;
    font-variant-numeric: tabular-nums;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    text-align: right !important;
}

@media (min-width: 1200px) {
    .account-site #id_szamlak > .invoice-list-row > .szoveg_jobbra.hidden-sm.hidden-xs {
        font-size: 14px !important;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .account-site #id_szamlak > .invoice-list-row > .szoveg_jobbra.hidden-sm.hidden-xs {
        font-size: 13px !important;
    }
}


/* ==========================================================================
   KIMENO SZAMLAK — currency break-point + clean sort focus v25
   Layout, responsiveness, header sizing and Műveletek are unchanged.
   ========================================================================== */

/* Amounts:
   The template now provides an explicit <wbr> immediately before the currency.
   Internal thousands separators remain &nbsp;, so the numeric amount itself
   stays together. The ONLY preferred wrap point is therefore amount | currency. */
.account-site #id_szamlak > .invoice-list-row > .szoveg_jobbra.hidden-sm.hidden-xs {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    font-variant-numeric: tabular-nums;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    text-align: right !important;
}

.account-site #id_szamlak > .invoice-list-row > .szoveg_jobbra.hidden-sm.hidden-xs wbr {
    display: inline;
}

@media (min-width: 1200px) {
    .account-site #id_szamlak > .invoice-list-row > .szoveg_jobbra.hidden-sm.hidden-xs {
        font-size: 14px !important;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .account-site #id_szamlak > .invoice-list-row > .szoveg_jobbra.hidden-sm.hidden-xs {
        font-size: 13px !important;
    }
}

/* Sort links:
   Remove the native/browser focus rectangle that appears after clicking a
   sorting arrow. The clickable area and sorting URLs are untouched. */
.account-site #id_szamlak .invoice-sort-arrows a,
.account-site #id_szamlak .invoice-sort-arrows a:focus,
.account-site #id_szamlak .invoice-sort-arrows a:active,
.account-site #id_szamlak .invoice-sort-arrows a:focus-visible {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

.account-site #id_szamlak .invoice-sort-arrows a:focus,
.account-site #id_szamlak .invoice-sort-arrows a:active,
.account-site #id_szamlak .invoice-sort-arrows a:focus-visible {
    background: transparent !important;
}


/* ==========================================================================
   KIMENO SZAMLAK — desktop amount clipping correction v26
   No changes to arrows, responsive layout or action buttons.
   ========================================================================== */

/* The desktop template still emits amount + currency as one non-breaking
   string. Do not crop the final currency characters while the template is
   being kept logic-identical. */
.account-site #id_szamlak > .invoice-list-row > .szoveg_jobbra.hidden-sm.hidden-xs {
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    overflow-wrap: normal !important;
    word-break: keep-all !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    position: relative;
    z-index: 1;
}

/* Layout 2 keeps the already-approved responsive typography. */
@media (min-width: 768px) and (max-width: 1199px) {
    .account-site #id_szamlak > .invoice-list-row > .szoveg_jobbra.hidden-sm.hidden-xs {
        font-size: 13px !important;
    }
}


/* ==========================================================================
   KIMENO SZAMLAK — statistics KPI cards v27
   Visual-only redesign of the existing statistics table.
   No AJAX, labels, values, month selector or statistics logic are changed.
   ========================================================================== */

/* Remove the old single large statistics container; the individual existing
   cells now create the cards themselves. */
.account-site .invoice-statistics {
    max-height: none !important;
    margin: 0 0 22px !important;
    padding: 0 !important;
    color: #172033;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
}

/* Turn the existing table into a visual grid without altering its DOM/data. */
.account-site .invoice-statistics-table {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    column-gap: 16px;
    row-gap: 0;
    width: 100%;
    table-layout: auto !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

.account-site .invoice-statistics-table > thead,
.account-site .invoice-statistics-table > tbody,
.account-site .invoice-statistics-table > thead > tr,
.account-site .invoice-statistics-table > tbody > tr {
    display: contents !important;
}

/* Small section heading above the KPI cards. */
.account-site .invoice-statistics-title td {
    grid-column: 1 / -1;
    display: block !important;
    width: auto !important;
    margin: 0 0 10px !important;
    padding: 0 2px 2px !important;
    color: #063a62 !important;
    background: transparent !important;
    border: 0 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.25;
    text-align: left !important;
}

/* Top half of every real KPI card: existing label. */
.account-site .invoice-statistics-labels td {
    min-width: 0;
    min-height: 54px;
    padding: 18px 20px 5px !important;
    color: #67728a !important;
    background: #fff !important;
    border-top: 1px solid #dfe7f0 !important;
    border-right: 1px solid #dfe7f0 !important;
    border-bottom: 0 !important;
    border-left: 1px solid #dfe7f0 !important;
    border-radius: 16px 16px 0 0 !important;
    box-shadow: 0 8px 24px rgba(6, 58, 98, .055);
    font-size: 12px !important;
    font-weight: 750 !important;
    letter-spacing: 0 !important;
    line-height: 1.25 !important;
    text-align: left !important;
    text-transform: none !important;
    vertical-align: bottom !important;
}

/* Bottom half: existing selector/value returned by the real statistics AJAX. */
.account-site .invoice-statistics #statitabla td {
    display: flex !important;
    min-width: 0;
    min-height: 72px;
    margin: 0 !important;
    padding: 4px 20px 18px !important;
    align-items: center;
    justify-content: flex-start;
    color: #063a62 !important;
    background: #fff !important;
    border-top: 0 !important;
    border-right: 1px solid #dfe7f0 !important;
    border-bottom: 1px solid #dfe7f0 !important;
    border-left: 1px solid #dfe7f0 !important;
    border-radius: 0 0 16px 16px !important;
    box-shadow: 0 8px 24px rgba(6, 58, 98, .055);
    font-size: 28px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    text-align: left !important;
    vertical-align: top !important;
    font-variant-numeric: tabular-nums;
}

/* Red statistics remain semantically red, just in the refreshed palette. */
.account-site .invoice-statistics-labels td.text-danger,
.account-site .invoice-statistics #statitabla td.text-danger,
.account-site .invoice-statistics .text-danger {
    color: #c23b4a !important;
}

/* Month selector card: retain the real select and its onchange/AJAX behavior. */
.account-site .invoice-statistics #stat_honap {
    width: 100% !important;
    max-width: none !important;
    min-height: 40px !important;
    height: 40px !important;
    margin: 0 !important;
    padding: 7px 34px 7px 11px !important;
    color: #172033 !important;
    background-color: #fff !important;
    border: 1px solid #d7e2ec !important;
    border-radius: 9px !important;
    box-shadow: none !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

.account-site .invoice-statistics #stat_honap:focus {
    border-color: #8fc3de !important;
    outline: 0 !important;
    box-shadow: 0 0 0 3px rgba(8, 127, 184, .08) !important;
}

/* Loading state occupies the still-empty metric side gracefully. */
.account-site .invoice-statistics #betoltodik {
    grid-column: 2 / -1 !important;
    min-height: 72px;
    align-items: center !important;
    justify-content: center !important;
}

.account-site .invoice-statistics #betoltodik img {
    width: auto;
    max-height: 24px;
}

/* Explicit desktop placement: label + value are visually one card. */
@media (min-width: 1200px) {
    .account-site .invoice-statistics-labels td:nth-child(1) { grid-column: 1; grid-row: 2; }
    .account-site .invoice-statistics-labels td:nth-child(2) { grid-column: 2; grid-row: 2; }
    .account-site .invoice-statistics-labels td:nth-child(3) { grid-column: 3; grid-row: 2; }
    .account-site .invoice-statistics-labels td:nth-child(4) { grid-column: 4; grid-row: 2; }
    .account-site .invoice-statistics-labels td:nth-child(5) { grid-column: 5; grid-row: 2; }

    .account-site .invoice-statistics #statitabla td:nth-child(1) { grid-column: 1; grid-row: 3; }
    .account-site .invoice-statistics #statitabla td:nth-child(2) { grid-column: 2; grid-row: 3; }
    .account-site .invoice-statistics #statitabla td:nth-child(3) { grid-column: 3; grid-row: 3; }
    .account-site .invoice-statistics #statitabla td:nth-child(4) { grid-column: 4; grid-row: 3; }
    .account-site .invoice-statistics #statitabla td:nth-child(5) { grid-column: 5; grid-row: 3; }
}

/* Tablet / compact desktop: three cards, then two cards.
   This only changes presentation; all five real statistics remain visible. */
@media (min-width: 768px) and (max-width: 1199px) {
    .account-site .invoice-statistics-table {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        column-gap: 14px;
        row-gap: 0;
    }

    .account-site .invoice-statistics-labels td:nth-child(1) { grid-column: 1; grid-row: 2; }
    .account-site .invoice-statistics-labels td:nth-child(2) { grid-column: 2; grid-row: 2; }
    .account-site .invoice-statistics-labels td:nth-child(3) { grid-column: 3; grid-row: 2; }

    .account-site .invoice-statistics #statitabla td:nth-child(1) { grid-column: 1; grid-row: 3; }
    .account-site .invoice-statistics #statitabla td:nth-child(2) { grid-column: 2; grid-row: 3; }
    .account-site .invoice-statistics #statitabla td:nth-child(3) { grid-column: 3; grid-row: 3; }

    .account-site .invoice-statistics-labels td:nth-child(4) {
        grid-column: 1;
        grid-row: 4;
        margin-top: 14px !important;
    }
    .account-site .invoice-statistics-labels td:nth-child(5) {
        grid-column: 2;
        grid-row: 4;
        margin-top: 14px !important;
    }

    .account-site .invoice-statistics #statitabla td:nth-child(4) { grid-column: 1; grid-row: 5; }
    .account-site .invoice-statistics #statitabla td:nth-child(5) { grid-column: 2; grid-row: 5; }

    .account-site .invoice-statistics #betoltodik {
        grid-column: 2 / -1 !important;
        grid-row: 3 !important;
    }
}

/* Phone fallback: two columns. Phone is not the primary target, but the cards
   stay readable instead of reverting to a wide statistics table. */
@media (max-width: 767px) {
    .account-site .invoice-statistics-table {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 10px;
    }

    .account-site .invoice-statistics-labels td,
    .account-site .invoice-statistics #statitabla td {
        padding-right: 12px !important;
        padding-left: 12px !important;
    }

    .account-site .invoice-statistics-labels td:nth-child(1) { grid-column: 1; grid-row: 2; }
    .account-site .invoice-statistics-labels td:nth-child(2) { grid-column: 2; grid-row: 2; }
    .account-site .invoice-statistics #statitabla td:nth-child(1) { grid-column: 1; grid-row: 3; }
    .account-site .invoice-statistics #statitabla td:nth-child(2) { grid-column: 2; grid-row: 3; }

    .account-site .invoice-statistics-labels td:nth-child(3) {
        grid-column: 1;
        grid-row: 4;
        margin-top: 10px !important;
    }
    .account-site .invoice-statistics-labels td:nth-child(4) {
        grid-column: 2;
        grid-row: 4;
        margin-top: 10px !important;
    }
    .account-site .invoice-statistics #statitabla td:nth-child(3) { grid-column: 1; grid-row: 5; }
    .account-site .invoice-statistics #statitabla td:nth-child(4) { grid-column: 2; grid-row: 5; }

    .account-site .invoice-statistics-labels td:nth-child(5) {
        grid-column: 1;
        grid-row: 6;
        margin-top: 10px !important;
    }
    .account-site .invoice-statistics #statitabla td:nth-child(5) { grid-column: 1; grid-row: 7; }

    .account-site .invoice-statistics #statitabla td {
        font-size: 23px !important;
    }

    .account-site .invoice-statistics #betoltodik {
        grid-column: 2 !important;
        grid-row: 3 !important;
    }
}


/* ==========================================================================
   KIMENO SZAMLAK — statistics placement / color polish v28
   KPI-card design from v27 is preserved.
   ========================================================================== */

/* Page title now sits above the KPI cards as the visual page heading. */
.account-site .invoice-page-title {
    width: 100%;
    margin: 6px 0 20px !important;
    padding: 0 !important;
    color: #063a62 !important;
    border-bottom: 0 !important;
    font-size: 27px !important;
    font-weight: 750 !important;
    line-height: 1.2 !important;
    text-align: center !important;
}

/* The old generic .bg-info:has(> table) selector is more specific than the
   statistics class. Override that exact structure so there is no large outer
   border/background around the individual KPI cards. */
.account-site .bg-info.invoice-statistics:has(> table) {
    max-height: none !important;
    margin: 0 0 24px !important;
    padding: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Small section caption beneath the centered page title. */
.account-site .invoice-statistics-title td {
    margin-bottom: 9px !important;
    color: #67728a !important;
    font-size: 12px !important;
    font-weight: 750 !important;
    letter-spacing: .04em !important;
    text-align: center !important;
    text-transform: uppercase;
}

/* "Ebből megtekintetlen" is informational, not an error. Keep both its label
   and AJAX value in the normal KPI palette, even if an older cached template
   still happens to carry text-danger. */
.account-site .invoice-statistics-labels td:nth-child(3),
.account-site .invoice-statistics #statitabla td:nth-child(3),
.account-site .invoice-statistics-labels td:nth-child(3).text-danger,
.account-site .invoice-statistics #statitabla td:nth-child(3).text-danger {
    color: #063a62 !important;
}

/* Only NAV error count is red. */
.account-site .invoice-statistics-labels td:nth-child(5),
.account-site .invoice-statistics #statitabla td:nth-child(5),
.account-site .invoice-statistics-labels td:nth-child(5).text-danger,
.account-site .invoice-statistics #statitabla td:nth-child(5).text-danger {
    color: #c23b4a !important;
}

/* The non-error KPI labels use the softer label tone rather than inheriting
   the value color. */
.account-site .invoice-statistics-labels td:nth-child(1),
.account-site .invoice-statistics-labels td:nth-child(2),
.account-site .invoice-statistics-labels td:nth-child(3),
.account-site .invoice-statistics-labels td:nth-child(4) {
    color: #67728a !important;
}

@media (max-width: 767px) {
    .account-site .invoice-page-title {
        margin-top: 4px !important;
        margin-bottom: 16px !important;
        font-size: 23px !important;
    }
}


/* ==========================================================================
   KIMENO SZAMLAK — standalone search / filter card v29
   Visual-only treatment of the existing generated SEARCHFORM.
   Search fields, forms, links, AJAX calls, IDs and parameters are unchanged.
   ========================================================================== */

/* The complete existing search UI becomes one independent surface between
   statistics and the invoice list. */
.account-site .invoice-search-shell {
    width: 100%;
    margin: 4px 0 26px;
    padding: 0;
    overflow: hidden;
    color: #172033;
    background: #fff;
    border: 1px solid #dfe7f0;
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(6, 58, 98, .055);
}

/* Neutralize the legacy frame around the standard search section. */
.account-site .invoice-search-shell .adminkereso_keret,
.account-site .invoice-search-shell .adminkeresodetail_keret {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Remove Bootstrap-row side leakage inside this one component only. */
.account-site .invoice-search-shell > .adminkereso_keret > .row,
.account-site .invoice-search-shell > .adminkeresodetail_keret > .row {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.account-site .invoice-search-shell .adminkereso_keret > .row > .col-lg-12,
.account-site .invoice-search-shell .adminkeresodetail_keret > .row > .col-lg-12 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

/* --------------------------------------------------------------------------
   MAIN SEARCH HEADER
   Existing helper text remains the heading; KERESÉS KI / BE stays the same
   real action in the upper-right.
   -------------------------------------------------------------------------- */

.account-site .invoice-search-shell .adminkereso_fejlec {
    display: flex;
    min-height: 54px;
    padding: 15px 20px !important;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    color: #063a62 !important;
    background: #f8fbfd !important;
    border: 0 !important;
    border-bottom: 1px solid #e4ebf1 !important;
    border-radius: 0 !important;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.35;
}

.account-site .invoice-search-shell .adminkereso_fejlec > div:first-child {
    float: none !important;
    min-width: 0;
    color: #40596b;
    font-size: 12px;
    font-weight: 650;
}

.account-site .invoice-search-shell .adminkereso_fejlec .right {
    float: none !important;
    flex: 0 0 auto;
    margin-left: auto;
    text-align: right;
}

.account-site .invoice-search-shell .adminkereso_fejlec a {
    display: inline-flex;
    min-height: 32px;
    align-items: center;
    justify-content: center;
    padding: 5px 11px;
    color: #087fb8 !important;
    background: #fff;
    border: 1px solid #b9d9e8;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 750;
    line-height: 20px;
    text-decoration: none !important;
    white-space: nowrap;
}

.account-site .invoice-search-shell .adminkereso_fejlec a:hover,
.account-site .invoice-search-shell .adminkereso_fejlec a:focus {
    color: #056596 !important;
    background: #eef8fc;
    border-color: #86bdd6;
    outline: 0;
    box-shadow: none;
}

/* --------------------------------------------------------------------------
   MAIN GENERATED FILTER FORM
   Preserve its own markup/layout; only normalize spacing and control styling.
   -------------------------------------------------------------------------- */

.account-site .invoice-search-shell .adminkereso {
    padding: 18px 20px 20px !important;
    background: #fff !important;
    border: 0 !important;
    border-radius: 0 !important;
}

.account-site .invoice-search-shell .adminkereso .text_align_r {
    margin: 0 0 12px;
    color: #67728a;
    font-size: 11.5px;
    text-align: right !important;
}

.account-site .invoice-search-shell .adminkereso .text_align_r a {
    color: #087fb8;
    font-weight: 600;
    text-decoration: none;
}

.account-site .invoice-search-shell .adminkereso .text_align_r a:hover {
    color: #056596;
    text-decoration: underline;
}

.account-site .invoice-search-shell .adminkereso .margin_top_15 {
    margin-top: 8px !important;
}

/* Unified field geometry throughout the generated search component. */
.account-site .invoice-search-shell select,
.account-site .invoice-search-shell input[type="text"],
.account-site .invoice-search-shell input[type="search"],
.account-site .invoice-search-shell .form-control {
    min-height: 42px !important;
    height: 42px;
    padding: 8px 11px !important;
    color: #172033 !important;
    background: #fff !important;
    border: 1px solid #c8d7e1 !important;
    border-radius: 9px !important;
    box-shadow: none !important;
    font-size: 13px !important;
    line-height: 24px !important;
}

.account-site .invoice-search-shell select:focus,
.account-site .invoice-search-shell input[type="text"]:focus,
.account-site .invoice-search-shell input[type="search"]:focus,
.account-site .invoice-search-shell .form-control:focus {
    border-color: #8fc3de !important;
    outline: 0 !important;
    box-shadow: 0 0 0 3px rgba(8, 127, 184, .08) !important;
}

/* Existing search submits become the familiar blue primary action. */
.account-site .invoice-search-shell input[type="submit"],
.account-site .invoice-search-shell button[type="submit"],
.account-site .invoice-search-shell input.submit,
.account-site .invoice-search-shell .btn-primary,
.account-site .invoice-search-shell .btn-info {
    min-height: 42px !important;
    height: 42px;
    padding: 8px 15px !important;
    color: #fff !important;
    background: #087fb8 !important;
    border: 1px solid #087fb8 !important;
    border-radius: 9px !important;
    box-shadow: none !important;
    font-size: 13px !important;
    font-weight: 750 !important;
    line-height: 24px !important;
    text-decoration: none !important;
}

.account-site .invoice-search-shell input[type="submit"]:hover,
.account-site .invoice-search-shell button[type="submit"]:hover,
.account-site .invoice-search-shell input.submit:hover,
.account-site .invoice-search-shell .btn-primary:hover,
.account-site .invoice-search-shell .btn-info:hover {
    background: #056596 !important;
    border-color: #056596 !important;
    filter: none !important;
}

/* "Új feltétel hozzáadása" and other ordinary links retain their actions, but
   look like intentional secondary controls. */
.account-site .invoice-search-shell .adminkereso a:not(.btn) {
    color: #087fb8;
    text-decoration: none;
}

.account-site .invoice-search-shell .adminkereso a:not(.btn):hover {
    color: #056596;
    text-decoration: underline;
}

/* --------------------------------------------------------------------------
   EXTRA DATA SEARCH — one subsection inside the same card.
   -------------------------------------------------------------------------- */

.account-site .invoice-search-shell .adminkeresodetail_keret {
    border-top: 1px solid #e4ebf1 !important;
}

.account-site .invoice-search-shell .adminkeresodetail_fejlec {
    display: flex;
    min-height: 44px;
    padding: 11px 20px !important;
    align-items: center;
    justify-content: flex-end;
    color: #67728a !important;
    background: #f8fbfd !important;
    border: 0 !important;
    border-radius: 0 !important;
    font-size: 11px;
    font-weight: 750;
    letter-spacing: .035em;
    line-height: 1.25;
    text-transform: uppercase;
}

.account-site .invoice-search-shell .adminkeresodetail_fejlec .right {
    float: none !important;
    margin-left: auto;
}

.account-site .invoice-search-shell .adminkeresodetail_fejlec a {
    color: #087fb8 !important;
    font-size: 11px;
    font-weight: 750;
    text-decoration: none !important;
}

.account-site .invoice-search-shell .adminkeresodetail_fejlec a:hover,
.account-site .invoice-search-shell .adminkeresodetail_fejlec a:focus {
    color: #056596 !important;
    text-decoration: underline !important;
    outline: 0;
}

.account-site .invoice-search-shell .adminkeresodetail {
    padding: 16px 20px 20px !important;
    background: #fff !important;
    border: 0 !important;
    border-radius: 0 !important;
}

/* The first existing row contains the three real quick-filter searches. */
.account-site .invoice-search-shell .adminkeresodetail > .row:first-child {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin: 0 0 14px !important;
}

.account-site .invoice-search-shell .adminkeresodetail > .row:first-child > [class*="col-"] {
    float: none !important;
    width: auto !important;
    min-width: 0;
    padding: 12px 14px !important;
    background: #f8fbfd;
    border: 1px solid #e0eaf1;
    border-radius: 11px;
}

.account-site .invoice-search-shell .adminkeresodetail > .row:first-child > [class*="col-"] > div:first-child {
    margin-bottom: 7px;
    color: #0877b5;
    font-size: 12px;
    font-weight: 750;
    line-height: 1.25;
}

/* The second existing row contains the three specialist field searches. */
.account-site .invoice-search-shell .adminkeresodetail > .row:nth-child(2) {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin: 0 !important;
    padding-top: 14px;
    border-top: 1px solid #edf1f5;
}

.account-site .invoice-search-shell .adminkeresodetail > .row:nth-child(2) > [class*="col-"] {
    float: none !important;
    width: auto !important;
    min-width: 0;
    padding: 0 !important;
}

.account-site .invoice-search-shell .adminkeresodetail > .row:nth-child(2) form {
    display: flex;
    width: 100%;
    min-width: 0;
    align-items: center;
    gap: 8px;
}

.account-site .invoice-search-shell .adminkeresodetail > .row:nth-child(2) form input[type="text"],
.account-site .invoice-search-shell .adminkeresodetail > .row:nth-child(2) form .form-control {
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
}

.account-site .invoice-search-shell .adminkeresodetail > .row:nth-child(2) form input[type="submit"] {
    flex: 0 0 auto;
}

/* Any older inner grey backgrounds/borders should not reappear inside the card. */
.account-site .invoice-search-shell .bgcolor_eee,
.account-site .invoice-search-shell .bgcolor_ccc {
    box-shadow: none;
}

/* --------------------------------------------------------------------------
   RESPONSIVE SEARCH CARD
   The invoice-list responsive system is untouched.
   -------------------------------------------------------------------------- */

@media (min-width: 768px) and (max-width: 1199px) {
    .account-site .invoice-search-shell {
        margin-bottom: 22px;
        border-radius: 14px;
    }

    .account-site .invoice-search-shell .adminkereso_fejlec {
        padding-right: 16px !important;
        padding-left: 16px !important;
    }

    .account-site .invoice-search-shell .adminkereso,
    .account-site .invoice-search-shell .adminkeresodetail {
        padding-right: 16px !important;
        padding-left: 16px !important;
    }

    .account-site .invoice-search-shell .adminkeresodetail > .row:first-child,
    .account-site .invoice-search-shell .adminkeresodetail > .row:nth-child(2) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .account-site .invoice-search-shell .adminkeresodetail > .row:nth-child(2) > [class*="col-"]:last-child {
        grid-column: 1 / -1;
    }
}

@media (max-width: 767px) {
    .account-site .invoice-search-shell {
        margin: 0 0 18px;
        border-radius: 12px;
    }

    .account-site .invoice-search-shell .adminkereso_fejlec {
        display: block;
        padding: 13px 14px !important;
    }

    .account-site .invoice-search-shell .adminkereso_fejlec .right {
        margin-top: 8px;
        text-align: left;
    }

    .account-site .invoice-search-shell .adminkereso,
    .account-site .invoice-search-shell .adminkeresodetail {
        padding: 14px !important;
    }

    .account-site .invoice-search-shell .adminkeresodetail_fejlec {
        padding-right: 14px !important;
        padding-left: 14px !important;
    }

    .account-site .invoice-search-shell .adminkeresodetail > .row:first-child,
    .account-site .invoice-search-shell .adminkeresodetail > .row:nth-child(2) {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .account-site .invoice-search-shell .adminkeresodetail > .row:nth-child(2) > [class*="col-"]:last-child {
        grid-column: auto;
    }

    .account-site .invoice-search-shell .adminkeresodetail > .row:nth-child(2) form {
        align-items: stretch;
    }
}


/* ==========================================================================
   KIMENO SZAMLAK — search cleanup + paper action alignment v30
   Presentation only. Existing search actions/parameters and invoice actions
   remain unchanged.
   ========================================================================== */

/* --------------------------------------------------------------------------
   SEARCH: pure white surface — remove the legacy grey blocks completely.
   -------------------------------------------------------------------------- */

.account-site .invoice-search-shell,
.account-site .invoice-search-shell .adminkereso_keret,
.account-site .invoice-search-shell .adminkereso_keret > .row,
.account-site .invoice-search-shell .adminkereso_keret > .row > [class*="col-"],
.account-site .invoice-search-shell .adminkereso,
.account-site .invoice-search-shell .adminkeresodetail_keret,
.account-site .invoice-search-shell .adminkeresodetail_keret > .row,
.account-site .invoice-search-shell .adminkeresodetail_keret > .row > [class*="col-"],
.account-site .invoice-search-shell .adminkeresodetail,
.account-site .invoice-search-shell .bgcolor_eee,
.account-site .invoice-search-shell .bgcolor_ccc {
    background-color: #fff !important;
    background-image: none !important;
}

.account-site .invoice-search-shell .adminkereso_fejlec,
.account-site .invoice-search-shell .adminkeresodetail_fejlec {
    background: #fff !important;
}

.account-site .invoice-search-shell .adminkeresodetail > .row:first-child > [class*="col-"] {
    background: #fff !important;
}

/* --------------------------------------------------------------------------
   SEARCH: replace visible "Keres" captions with icon-only search controls.
   The original text/value stays in the DOM and the existing click/submit
   behavior is untouched.
   -------------------------------------------------------------------------- */

/* Search icon used by both real submit controls and the legacy search links. */
.account-site .invoice-search-shell input[type="submit"],
.account-site .invoice-search-shell input.submit {
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    padding: 0 !important;
    overflow: hidden;
    text-indent: -9999px;
    white-space: nowrap;
    background-color: #087fb8 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.8-3.8'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 18px 18px !important;
    border-color: #087fb8 !important;
    border-radius: 9px !important;
    cursor: pointer;
}

.account-site .invoice-search-shell input[type="submit"]:hover,
.account-site .invoice-search-shell input.submit:hover,
.account-site .invoice-search-shell input[type="submit"]:focus,
.account-site .invoice-search-shell input.submit:focus {
    background-color: #056596 !important;
    border-color: #056596 !important;
}

/* Button-based submit variant, if one is emitted by the generated search form. */
.account-site .invoice-search-shell button[type="submit"] {
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    padding: 0 !important;
    font-size: 0 !important;
}

.account-site .invoice-search-shell button[type="submit"]::before {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    margin: 0 auto;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.8-3.8'/%3E%3C/svg%3E") center / 18px 18px no-repeat;
}

/* In the legacy detail-search blocks, "Keres" is sometimes an anchor directly
   following the input rather than a submit input. Convert only that specific
   input-adjacent anchor, leaving quick-filter links and toggle links readable. */
.account-site .invoice-search-shell .adminkeresodetail input:not([type="hidden"]) + a,
.account-site .invoice-search-shell .adminkeresodetail select + a {
    display: inline-flex !important;
    width: 38px;
    min-width: 38px;
    height: 38px;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    overflow: hidden;
    color: transparent !important;
    background-color: #087fb8 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.8-3.8'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 17px 17px !important;
    border: 1px solid #087fb8;
    border-radius: 9px;
    font-size: 0 !important;
    line-height: 0 !important;
    text-decoration: none !important;
    vertical-align: middle;
}

.account-site .invoice-search-shell .adminkeresodetail input:not([type="hidden"]) + a:hover,
.account-site .invoice-search-shell .adminkeresodetail input:not([type="hidden"]) + a:focus,
.account-site .invoice-search-shell .adminkeresodetail select + a:hover,
.account-site .invoice-search-shell .adminkeresodetail select + a:focus {
    background-color: #056596 !important;
    border-color: #056596;
    outline: 0;
    text-decoration: none !important;
}

/* --------------------------------------------------------------------------
   PAPER INVOICES: use one shared action rail.
   Paper invoices keep exactly their two available actions; no resend button is
   added. The existing papersheet.gif becomes a small indicator immediately
   left of the shared action stack.
   -------------------------------------------------------------------------- */

@media (min-width: 768px) {
    /* Bootstrap columns are position:relative. For paper rows only, release the
       wrappers containing the action buttons so the existing absolute action
       positions resolve against .invoice-list-row, just like one common rail. */
    .account-site #id_szamlak > .invoice-list-row:has(.invoice-paper-indicator) .invoice-actions-cell,
    .account-site #id_szamlak > .invoice-list-row:has(.invoice-paper-indicator) .invoice-settlement-cell,
    .account-site #id_szamlak > .invoice-list-row:has(.invoice-paper-indicator)
    div:has(> button[id^="check_kiegyenlit_"]),
    .account-site #id_szamlak > .invoice-list-row:has(.invoice-paper-indicator)
    div:has(> button[id^="check_visszavon_"]) {
        position: static !important;
    }

    /* Two real actions on paper invoices: vertically centered in the same rail. */
    .account-site #id_szamlak > .invoice-list-row:has(.invoice-paper-indicator):has(button[id^="check_kiegyenlit_"])
    button[id^="check_kiegyenlit_"],
    .account-site #id_szamlak > .invoice-list-row:has(.invoice-paper-indicator):has(button[id^="check_visszavon_"])
    button[id^="check_visszavon_"] {
        top: 39px !important;
    }

    .account-site #id_szamlak > .invoice-list-row:has(.invoice-paper-indicator):has(button[id^="check_kiegyenlit_"])
    button[name^="szamlamegtekint_"].btn-info,
    .account-site #id_szamlak > .invoice-list-row:has(.invoice-paper-indicator):has(button[id^="check_visszavon_"])
    button[name^="szamlamegtekint_"].btn-info {
        top: 81px !important;
    }

    /* If a special paper row genuinely has only Details, center that one action
       instead of leaving it at the old first-slot position. */
    .account-site #id_szamlak > .invoice-list-row:has(.invoice-paper-indicator):not(:has(button[id^="check_kiegyenlit_"])):not(:has(button[id^="check_visszavon_"]))
    button[name^="szamlamegtekint_"].btn-info {
        top: 60px !important;
    }

    .account-site #id_szamlak > .invoice-list-row:has(.invoice-paper-indicator) .invoice-paper-indicator {
        position: absolute !important;
        z-index: 2;
        top: 67px;
        right: 142px;
        display: flex !important;
        width: 24px;
        height: 24px;
        align-items: center;
        justify-content: center;
        margin: 0 !important;
        padding: 0 !important;
        pointer-events: none;
    }

    .account-site #id_szamlak > .invoice-list-row:has(.invoice-paper-indicator) .invoice-paper-indicator img {
        display: block;
        width: 20px !important;
        max-width: 20px !important;
        height: auto !important;
        margin: 0 !important;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .account-site #id_szamlak > .invoice-list-row:has(.invoice-paper-indicator) .invoice-paper-indicator {
        right: 132px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .account-site #id_szamlak > .invoice-list-row:has(.invoice-paper-indicator):has(button[id^="check_kiegyenlit_"])
    button[id^="check_kiegyenlit_"],
    .account-site #id_szamlak > .invoice-list-row:has(.invoice-paper-indicator):has(button[id^="check_visszavon_"])
    button[id^="check_visszavon_"] {
        top: 39px !important;
    }

    .account-site #id_szamlak > .invoice-list-row:has(.invoice-paper-indicator):has(button[id^="check_kiegyenlit_"])
    button[name^="szamlamegtekint_"].btn-info,
    .account-site #id_szamlak > .invoice-list-row:has(.invoice-paper-indicator):has(button[id^="check_visszavon_"])
    button[name^="szamlamegtekint_"].btn-info {
        top: 78px !important;
    }

    .account-site #id_szamlak > .invoice-list-row:has(.invoice-paper-indicator) .invoice-paper-indicator {
        top: 65px;
    }
}


/* ==========================================================================
   KIMENO SZAMLAK — paper invoice icon + unified action rail v31
   Paper status moves beside Számla sorszám. No invoice action logic changes.
   ========================================================================== */

/* Paper indicator belongs to the invoice identity, immediately before the
   invoice number. It remains the existing papersheet.gif and tooltip. */
.account-site #id_szamlak .invoice-number-cell .invoice-paper-number-indicator {
    display: inline-flex;
    width: 20px;
    min-width: 20px;
    height: 20px;
    align-items: center;
    justify-content: center;
    margin-right: 6px;
    vertical-align: middle;
}

.account-site #id_szamlak .invoice-number-cell .invoice-paper-number-indicator img {
    display: block;
    width: 18px !important;
    max-width: 18px !important;
    height: auto !important;
    margin: 0 !important;
    opacity: .9;
}

.account-site #id_szamlak .invoice-list-row-paper .invoice-number-cell > a {
    vertical-align: middle;
}

/* The old action-area paper indicator no longer exists in v31. Defensive hide
   protects against stale cached markup during testing. */
.account-site #id_szamlak .invoice-paper-indicator {
    display: none !important;
}

/* --------------------------------------------------------------------------
   PAPER INVOICE ACTION RAIL
   Force every settlement wrapper to be non-positioning. This makes the
   absolute Kiegyenlít / Kiegyenlít × button resolve against the invoice row
   itself — exactly the same containing block as Részletek.
   -------------------------------------------------------------------------- */

@media (min-width: 768px) {
    .account-site #id_szamlak > .invoice-list-row-paper {
        position: relative !important;
    }

    .account-site #id_szamlak > .invoice-list-row-paper .invoice-settlement-cell,
    .account-site #id_szamlak > .invoice-list-row-paper .invoice-settlement-cell div {
        position: static !important;
    }

    .account-site #id_szamlak > .invoice-list-row-paper .invoice-actions-cell {
        position: static !important;
    }

    /* Paper rows have exactly two operations: settlement action + Details.
       Center the pair in the same Műveletek track. */
    .account-site #id_szamlak > .invoice-list-row-paper button[id^="check_kiegyenlit_"],
    .account-site #id_szamlak > .invoice-list-row-paper button[id^="check_visszavon_"] {
        position: absolute !important;
        top: 39px !important;
        right: 12px !important;
        bottom: auto !important;
        width: 118px !important;
        min-width: 118px !important;
        height: 34px !important;
        min-height: 34px !important;
        margin: 0 !important;
        transform: none !important;
    }

    .account-site #id_szamlak > .invoice-list-row-paper
    .invoice-actions-cell > button[name^="szamlamegtekint_"].btn-info {
        position: absolute !important;
        top: 81px !important;
        right: 12px !important;
        bottom: auto !important;
        width: 118px !important;
        min-width: 118px !important;
        height: 34px !important;
        min-height: 34px !important;
        margin: 0 !important;
        transform: none !important;
    }

    /* Paper invoices must never visually reserve an electronic resend slot. */
    .account-site #id_szamlak > .invoice-list-row-paper
    .invoice-actions-cell > button[name^="szamlaujrakuld_"].btn-danger {
        display: none !important;
    }
}

/* Layout 2 keeps the exact same two-button rail; only use the compact right
   inset already established by the responsive design. */
@media (min-width: 768px) and (max-width: 1199px) {
    .account-site #id_szamlak > .invoice-list-row-paper button[id^="check_kiegyenlit_"],
    .account-site #id_szamlak > .invoice-list-row-paper button[id^="check_visszavon_"],
    .account-site #id_szamlak > .invoice-list-row-paper
    .invoice-actions-cell > button[name^="szamlamegtekint_"].btn-info {
        right: 5px !important;
    }

    .account-site #id_szamlak > .invoice-list-row-paper button[id^="check_kiegyenlit_"],
    .account-site #id_szamlak > .invoice-list-row-paper button[id^="check_visszavon_"] {
        top: 40px !important;
    }

    .account-site #id_szamlak > .invoice-list-row-paper
    .invoice-actions-cell > button[name^="szamlamegtekint_"].btn-info {
        top: 82px !important;
    }
}

/* The icon remains attached to Számla sorszám naturally when layout 2 moves
   the invoice-number cell to the first responsive row. */
@media (max-width: 1199px) {
    .account-site #id_szamlak .invoice-number-cell .invoice-paper-number-indicator {
        margin-right: 5px;
    }
}


/* ==========================================================================
   KIMENO SZAMLAK — paper invoice definitive grid placement v32
   No settlement logic is moved or duplicated. Existing box IDs/buttons/JS stay
   exactly where they are in the DOM; display:contents only changes layout.
   ========================================================================== */

/* --------------------------------------------------------------------------
   PAPER ICON + INVOICE NUMBER
   Keep them physically on the same row; any additional invoice metadata may
   still continue below this wrapper normally.
   -------------------------------------------------------------------------- */

.account-site #id_szamlak .invoice-number-cell .invoice-number-main {
    display: inline-flex !important;
    max-width: 100%;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
    vertical-align: middle;
}

.account-site #id_szamlak .invoice-number-cell .invoice-number-main > a {
    display: inline-block;
    min-width: 0;
    max-width: 100%;
    vertical-align: middle;
}

.account-site #id_szamlak .invoice-number-cell .invoice-paper-number-indicator {
    display: inline-flex !important;
    width: 18px !important;
    min-width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    vertical-align: middle;
}

.account-site #id_szamlak .invoice-number-cell .invoice-paper-number-indicator img {
    display: block !important;
    width: 18px !important;
    max-width: 18px !important;
    height: auto !important;
    margin: 0 !important;
}

/* --------------------------------------------------------------------------
   PAPER ROW SETTLEMENT / MŰVELETEK GRID
   Remove only the visual settlement-cell wrapper for paper rows. The real
   state boxes and real buttons then become grid participants:
     - date/input branch -> Kiegyenlítés dátuma
     - button branch     -> Műveletek
   This is robust across JS state changes because the same box IDs remain.
   -------------------------------------------------------------------------- */

@media (min-width: 1200px) {
    .account-site #id_szamlak > .invoice-list-row-paper > .invoice-settlement-cell {
        display: contents !important;
    }

    /* Visible state box only. Hidden alternative remains display:none via the
       existing rules/inline state. */
    .account-site #id_szamlak > .invoice-list-row-paper >
    .invoice-settlement-cell > div[id^="box_check_"]:not(.kimeno_szamla_box_check):not([style*="display: none"]),
    .account-site #id_szamlak > .invoice-list-row-paper >
    .invoice-settlement-cell > div[id^="box_check_"][style*="display: block"] {
        display: contents !important;
    }

    /* First branch contains the settlement date/input. */
    .account-site #id_szamlak > .invoice-list-row-paper >
    .invoice-settlement-cell > div[id^="box_check_"] > div:first-child {
        grid-column: 7 !important;
        grid-row: 1 !important;
        align-self: center !important;
        width: auto !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 8px !important;
        position: static !important;
    }

    /* Second branch contains the actual settlement/cancel button. */
    .account-site #id_szamlak > .invoice-list-row-paper >
    .invoice-settlement-cell > div[id^="box_check_"] > div:last-child {
        grid-column: 10 !important;
        grid-row: 1 !important;
        align-self: center !important;
        width: auto !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        position: static !important;
    }

    /* The two real paper actions are centered as one vertical stack in the
       exact same Műveletek track. */
    .account-site #id_szamlak > .invoice-list-row-paper
    button[id^="check_kiegyenlit_"],
    .account-site #id_szamlak > .invoice-list-row-paper
    button[id^="check_visszavon_"] {
        position: absolute !important;
        top: 39px !important;
        right: 12px !important;
        width: 118px !important;
        min-width: 118px !important;
        height: 34px !important;
        min-height: 34px !important;
        margin: 0 !important;
    }

    .account-site #id_szamlak > .invoice-list-row-paper
    .invoice-actions-cell > button[name^="szamlamegtekint_"].btn-info {
        position: absolute !important;
        top: 81px !important;
        right: 12px !important;
        width: 118px !important;
        min-width: 118px !important;
        height: 34px !important;
        min-height: 34px !important;
        margin: 0 !important;
    }
}

/* Layout 2: same DOM/state, different grid columns. */
@media (min-width: 768px) and (max-width: 1199px) {
    .account-site #id_szamlak > .invoice-list-row-paper > .invoice-settlement-cell {
        display: contents !important;
    }

    .account-site #id_szamlak > .invoice-list-row-paper >
    .invoice-settlement-cell > div[id^="box_check_"]:not(.kimeno_szamla_box_check):not([style*="display: none"]),
    .account-site #id_szamlak > .invoice-list-row-paper >
    .invoice-settlement-cell > div[id^="box_check_"][style*="display: block"] {
        display: contents !important;
    }

    .account-site #id_szamlak > .invoice-list-row-paper >
    .invoice-settlement-cell > div[id^="box_check_"] > div:first-child {
        grid-column: 5 !important;
        grid-row: 2 !important;
        align-self: center !important;
        width: auto !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 7px !important;
        position: static !important;
    }

    .account-site #id_szamlak > .invoice-list-row-paper >
    .invoice-settlement-cell > div[id^="box_check_"] > div:last-child {
        grid-column: 7 !important;
        grid-row: 1 / span 2 !important;
        align-self: center !important;
        width: auto !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        position: static !important;
    }

    .account-site #id_szamlak > .invoice-list-row-paper
    button[id^="check_kiegyenlit_"],
    .account-site #id_szamlak > .invoice-list-row-paper
    button[id^="check_visszavon_"] {
        position: absolute !important;
        top: 40px !important;
        right: 5px !important;
        width: 118px !important;
        min-width: 118px !important;
        height: 34px !important;
        min-height: 34px !important;
        margin: 0 !important;
    }

    .account-site #id_szamlak > .invoice-list-row-paper
    .invoice-actions-cell > button[name^="szamlamegtekint_"].btn-info {
        position: absolute !important;
        top: 82px !important;
        right: 5px !important;
        width: 118px !important;
        min-width: 118px !important;
        height: 34px !important;
        min-height: 34px !important;
        margin: 0 !important;
    }
}

/* Defensive: old paper-in-action-area element stays suppressed if cached. */
.account-site #id_szamlak .invoice-paper-indicator {
    display: none !important;
}


/* ==========================================================================
   KIMENO SZAMLAK — paper badge + true shared Műveletek grid v33
   Paper invoice logic is unchanged. Only visual placement changes.
   ========================================================================== */

/* --------------------------------------------------------------------------
   PAPER STATUS
   A compact badge below the invoice number signals the paper invoice without
   consuming any width from the actual invoice number.
   -------------------------------------------------------------------------- */

.account-site #id_szamlak .invoice-number-cell .invoice-number-main {
    display: block !important;
    width: 100%;
    max-width: 100%;
}

.account-site #id_szamlak .invoice-number-cell .invoice-number-main > a {
    display: inline-block !important;
    max-width: 100%;
}

.account-site #id_szamlak .invoice-paper-number-indicator {
    display: none !important;
}

.account-site #id_szamlak .invoice-paper-badge {
    display: inline-flex;
    width: fit-content;
    max-width: 100%;
    min-height: 22px;
    align-items: center;
    justify-content: center;
    margin-top: 7px;
    padding: 3px 8px;
    color: #876f17;
    background: #fff8d9;
    border: 1px solid #eadb8b;
    border-radius: 999px;
    font-size: 9.5px;
    font-weight: 750;
    line-height: 1.15;
    white-space: nowrap;
}

/* --------------------------------------------------------------------------
   PAPER ACTIONS — DESKTOP
   No absolute positioning. The actual settlement button wrapper and actual
   Details holder are both real grid items in column 10.
   -------------------------------------------------------------------------- */

@media (min-width: 1200px) {
    .account-site #id_szamlak > .invoice-list-row-paper {
        position: relative !important;
    }

    .account-site #id_szamlak > .invoice-list-row-paper > .invoice-settlement-cell {
        display: contents !important;
    }

    /* Keep the existing JS-visible state box intact while removing it only as a
       visual box from the grid hierarchy. */
    /* Preserve the real settlement state.  The original markup keeps one of the
       two settlement boxes hidden with .kimeno_szamla_box_check and/or inline
       display:none.  Never turn that hidden branch into display:contents just
       because the viewport crossed a breakpoint. */
    .account-site #id_szamlak > .invoice-list-row-paper >
    .invoice-settlement-cell > div[id^="box_check_"]:not(.kimeno_szamla_box_check):not([style*="display: none"]):not([style*="display:none"]),
    .account-site #id_szamlak > .invoice-list-row-paper >
    .invoice-settlement-cell > div[id^="box_check_"].kimeno_szamla_box_check[style*="display:"]:not([style*="display: none"]):not([style*="display:none"]) {
        display: contents !important;
    }

    /* Inline-hidden state must always win, with or without a space after ':'. */
    .account-site #id_szamlak > .invoice-list-row-paper >
    .invoice-settlement-cell > div[id^="box_check_"][style*="display: none"],
    .account-site #id_szamlak > .invoice-list-row-paper >
    .invoice-settlement-cell > div[id^="box_check_"][style*="display:none"] {
        display: none !important;
    }

    /* Date/input branch stays in Kiegyenlítés dátuma. */
    .account-site #id_szamlak > .invoice-list-row-paper >
    .invoice-settlement-cell > div[id^="box_check_"] > div:first-child {
        grid-column: 7 !important;
        grid-row: 1 !important;
        align-self: center !important;
        justify-self: stretch !important;
        width: auto !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 8px !important;
        position: static !important;
    }

    /* Settlement action is the TOP item in Műveletek. */
    .account-site #id_szamlak > .invoice-list-row-paper >
    .invoice-settlement-cell > div[id^="box_check_"] > div:last-child {
        grid-column: 10 !important;
        grid-row: 1 !important;
        align-self: start !important;
        justify-self: end !important;
        width: 118px !important;
        min-width: 118px !important;
        height: 34px !important;
        margin: 39px 12px 0 0 !important;
        padding: 0 !important;
        position: static !important;
    }

    .account-site #id_szamlak > .invoice-list-row-paper
    button[id^="check_kiegyenlit_"],
    .account-site #id_szamlak > .invoice-list-row-paper
    button[id^="check_visszavon_"] {
        position: static !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        width: 118px !important;
        min-width: 118px !important;
        height: 34px !important;
        min-height: 34px !important;
        margin: 0 !important;
        padding: 6px 10px !important;
        transform: none !important;
    }

    /* Details is the SECOND item in exactly the same Műveletek grid track. */
    .account-site #id_szamlak > .invoice-list-row-paper > .invoice-actions-cell {
        display: block !important;
        grid-column: 10 !important;
        grid-row: 1 !important;
        align-self: start !important;
        justify-self: end !important;
        width: 118px !important;
        min-width: 118px !important;
        height: 34px !important;
        margin: 81px 12px 0 0 !important;
        padding: 0 !important;
        position: static !important;
    }

    .account-site #id_szamlak > .invoice-list-row-paper >
    .invoice-actions-cell > button[name^="szamlamegtekint_"].btn-info {
        position: static !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        width: 118px !important;
        min-width: 118px !important;
        height: 34px !important;
        min-height: 34px !important;
        margin: 0 !important;
        transform: none !important;
    }

    .account-site #id_szamlak > .invoice-list-row-paper >
    .invoice-actions-cell > button[name^="szamlaujrakuld_"].btn-danger {
        display: none !important;
    }
}

/* --------------------------------------------------------------------------
   PAPER ACTIONS — RESPONSIVE / PHONE
   Same two normal grid items in the responsive Műveletek column 7.
   This intentionally includes widths below 768px because the phone fallback
   uses the same seven-column invoice grid with column 7 reserved for actions.
   -------------------------------------------------------------------------- */

@media (max-width: 1199px) {
    .account-site #id_szamlak > .invoice-list-row-paper > .invoice-settlement-cell {
        display: contents !important;
    }

    /* Preserve the real settlement state.  The original markup keeps one of the
       two settlement boxes hidden with .kimeno_szamla_box_check and/or inline
       display:none.  Never turn that hidden branch into display:contents just
       because the viewport crossed a breakpoint. */
    .account-site #id_szamlak > .invoice-list-row-paper >
    .invoice-settlement-cell > div[id^="box_check_"]:not(.kimeno_szamla_box_check):not([style*="display: none"]):not([style*="display:none"]),
    .account-site #id_szamlak > .invoice-list-row-paper >
    .invoice-settlement-cell > div[id^="box_check_"].kimeno_szamla_box_check[style*="display:"]:not([style*="display: none"]):not([style*="display:none"]) {
        display: contents !important;
    }

    /* Inline-hidden state must always win, with or without a space after ':'. */
    .account-site #id_szamlak > .invoice-list-row-paper >
    .invoice-settlement-cell > div[id^="box_check_"][style*="display: none"],
    .account-site #id_szamlak > .invoice-list-row-paper >
    .invoice-settlement-cell > div[id^="box_check_"][style*="display:none"] {
        display: none !important;
    }

    .account-site #id_szamlak > .invoice-list-row-paper >
    .invoice-settlement-cell > div[id^="box_check_"] > div:first-child {
        grid-column: 5 !important;
        grid-row: 2 !important;
        align-self: center !important;
        justify-self: stretch !important;
        width: auto !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 7px !important;
        position: static !important;
    }

    .account-site #id_szamlak > .invoice-list-row-paper >
    .invoice-settlement-cell > div[id^="box_check_"] > div:last-child {
        grid-column: 7 !important;
        grid-row: 1 / span 2 !important;
        align-self: start !important;
        justify-self: end !important;
        width: 118px !important;
        min-width: 118px !important;
        height: 34px !important;
        margin: 40px 5px 0 0 !important;
        padding: 0 !important;
        position: static !important;
    }

    .account-site #id_szamlak > .invoice-list-row-paper
    button[id^="check_kiegyenlit_"],
    .account-site #id_szamlak > .invoice-list-row-paper
    button[id^="check_visszavon_"] {
        position: static !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        width: 118px !important;
        min-width: 118px !important;
        height: 34px !important;
        min-height: 34px !important;
        margin: 0 !important;
        transform: none !important;
    }

    .account-site #id_szamlak > .invoice-list-row-paper > .invoice-actions-cell {
        display: block !important;
        grid-column: 7 !important;
        grid-row: 1 / span 2 !important;
        align-self: start !important;
        justify-self: end !important;
        width: 118px !important;
        min-width: 118px !important;
        height: 34px !important;
        margin: 82px 5px 0 0 !important;
        padding: 0 !important;
        position: static !important;
    }

    .account-site #id_szamlak > .invoice-list-row-paper >
    .invoice-actions-cell > button[name^="szamlamegtekint_"].btn-info {
        position: static !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        width: 118px !important;
        min-width: 118px !important;
        height: 34px !important;
        min-height: 34px !important;
        margin: 0 !important;
        transform: none !important;
    }

    .account-site #id_szamlak > .invoice-list-row-paper >
    .invoice-actions-cell > button[name^="szamlaujrakuld_"].btn-danger {
        display: none !important;
    }
}

/* Defensive: old paper-action icon remains suppressed if browser cache serves
   stale markup during testing. */
.account-site #id_szamlak .invoice-paper-indicator {
    display: none !important;
}

/* ==========================================================================
   KIMENO SZAMLAK — paper action shared-track alignment v35
   Keep the already-correct settlement state handling from the preceding rules.
   At every responsive width, both paper actions now consume the exact same
   128px Műveletek grid track instead of relying on nested Bootstrap wrapper
   offsets or absolute positioning.
   ========================================================================== */
@media (max-width: 1199px) {
    /* Top paper action holder: use the whole Műveletek track. */
    .account-site #id_szamlak > .invoice-list-row-paper >
    .invoice-settlement-cell > div[id^="box_check_"] > div:last-child {
        grid-column: 7 !important;
        grid-row: 1 / span 2 !important;
        align-self: start !important;
        justify-self: stretch !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 34px !important;
        min-height: 34px !important;
        margin: 40px 0 0 !important;
        padding: 0 5px !important;
        box-sizing: border-box !important;
        position: static !important;
        display: flex !important;
        align-items: stretch !important;
        justify-content: stretch !important;
    }

    /* The legacy markup contains another wrapper immediately around the real
       settlement button. Older rules collapse that wrapper to width:0. Restore
       it to the full available action width, but only inside paper rows. */
    .account-site #id_szamlak > .invoice-list-row-paper >
    .invoice-settlement-cell > div[id^="box_check_"] > div:last-child
    div:has(> button[id^="check_kiegyenlit_"]),
    .account-site #id_szamlak > .invoice-list-row-paper >
    .invoice-settlement-cell > div[id^="box_check_"] > div:last-child
    div:has(> button[id^="check_visszavon_"]) {
        display: block !important;
        position: static !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 34px !important;
        min-height: 34px !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

    /* Any Bootstrap wrapper between the action branch and the real button must
       not add its own horizontal offset. */
    .account-site #id_szamlak > .invoice-list-row-paper >
    .invoice-settlement-cell > div[id^="box_check_"] > div:last-child [class*="col-"] {
        position: static !important;
        float: none !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    .account-site #id_szamlak > .invoice-list-row-paper
    button[id^="check_kiegyenlit_"],
    .account-site #id_szamlak > .invoice-list-row-paper
    button[id^="check_visszavon_"] {
        position: static !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 34px !important;
        min-height: 34px !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        transform: none !important;
    }

    /* Részletek uses the identical grid track and identical horizontal padding. */
    .account-site #id_szamlak > .invoice-list-row-paper > .invoice-actions-cell {
        display: block !important;
        grid-column: 7 !important;
        grid-row: 1 / span 2 !important;
        align-self: start !important;
        justify-self: stretch !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 34px !important;
        min-height: 34px !important;
        margin: 82px 0 0 !important;
        padding: 0 5px !important;
        box-sizing: border-box !important;
        position: static !important;
    }

    .account-site #id_szamlak > .invoice-list-row-paper >
    .invoice-actions-cell > button[name^="szamlamegtekint_"].btn-info {
        position: static !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 34px !important;
        min-height: 34px !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        transform: none !important;
    }
}

/* ==========================================================================
   PAPIR SZAMLAK — final narrow-screen Műveletek alignment v36
   The shared-track layout is correct; the settlement branch's legacy nested
   DOM renders ~16px left of the direct Részletek action at phone widths.
   Apply only a visual translation to that branch. No state/layout logic changes.
   ========================================================================== */
@media (max-width: 767px) {
    .account-site #id_szamlak > .invoice-list-row-paper >
    .invoice-settlement-cell > div[id^="box_check_"] > div:last-child {
        transform: translateX(16px) !important;
    }
}

/* ==========================================================================
   KIMENO SZAMLAK — search/filter links as real buttons v37
   Visual-only. Existing hrefs, forms, search logic and invoice filters remain
   unchanged; only the existing text links receive button geometry/states.
   ========================================================================== */

/* "Új feltétel hozzáadása" and any equivalent ordinary action in the main
   generated search area become compact secondary buttons instead of bare text. */
.account-site .invoice-search-shell .adminkereso a:not(.btn) {
    display: inline-flex !important;
    min-height: 36px;
    align-items: center;
    justify-content: center;
    padding: 6px 12px !important;
    color: #087fb8 !important;
    background: #fff !important;
    border: 1px solid #b9d9e8 !important;
    border-radius: 9px !important;
    box-shadow: none !important;
    font-size: 12px;
    font-weight: 700;
    line-height: 22px;
    text-decoration: none !important;
    white-space: nowrap;
    transition: background-color .12s ease, border-color .12s ease, color .12s ease;
}

.account-site .invoice-search-shell .adminkereso a:not(.btn):hover,
.account-site .invoice-search-shell .adminkereso a:not(.btn):focus {
    color: #056596 !important;
    background: #eef8fc !important;
    border-color: #86bdd6 !important;
    outline: 0 !important;
    text-decoration: none !important;
}

/* The first detail-search row contains the three existing quick filters:
   Kiegyenlítetlen számlák / Megtekintetlen számlák / Papír számlák.
   Remove the old card-like wrapper treatment and let each real anchor become
   the entire clickable button surface. */
.account-site .invoice-search-shell .adminkeresodetail > .row:first-child {
    align-items: stretch;
    gap: 10px !important;
}

.account-site .invoice-search-shell .adminkeresodetail > .row:first-child > [class*="col-"] {
    display: flex !important;
    min-width: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
}

.account-site .invoice-search-shell .adminkeresodetail > .row:first-child > [class*="col-"] a {
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    padding: 9px 14px !important;
    color: #087fb8 !important;
    background: #fff !important;
    border: 1px solid #b9d9e8 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 20px !important;
    text-align: center;
    text-decoration: none !important;
    white-space: normal;
    transition: background-color .12s ease, border-color .12s ease, color .12s ease, box-shadow .12s ease;
}

.account-site .invoice-search-shell .adminkeresodetail > .row:first-child > [class*="col-"] a:hover,
.account-site .invoice-search-shell .adminkeresodetail > .row:first-child > [class*="col-"] a:focus {
    color: #056596 !important;
    background: #eef8fc !important;
    border-color: #86bdd6 !important;
    box-shadow: 0 0 0 3px rgba(8, 127, 184, .07) !important;
    outline: 0 !important;
    text-decoration: none !important;
}

/* At phone widths keep the same control appearance, but stack them so each
   button remains comfortably tappable rather than becoming three narrow labels. */
@media (max-width: 767px) {
    .account-site .invoice-search-shell .adminkeresodetail > .row:first-child {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }

    .account-site .invoice-search-shell .adminkeresodetail > .row:first-child > [class*="col-"] a {
        min-height: 42px;
        justify-content: flex-start;
        padding-right: 13px !important;
        padding-left: 13px !important;
        text-align: left;
    }
}

/* ==========================================================================
   KIMENO SZAMLAK — quick filters match invoice action buttons v38
   Robust against the legacy searchform wrapper structure: style ordinary
   search-area links as outlined controls, then explicitly restore the header,
   toggle and input-adjacent search links that are not quick-filter actions.
   ========================================================================== */

/* The generated search form moves these links between legacy wrappers depending
   on state. Target ordinary anchors anywhere inside the search surface instead
   of relying on a particular .row position. */
.account-site .invoice-search-shell a:not(.btn) {
    display: inline-flex !important;
    min-width: 176px;
    min-height: 42px;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    margin: 3px 8px 3px 0;
    padding: 8px 14px !important;
    color: #087fb8 !important;
    background: #fff !important;
    border: 1px solid #b9d9e8 !important;
    border-radius: 9px !important;
    box-shadow: none !important;
    font-size: 13px !important;
    font-weight: 750 !important;
    line-height: 20px !important;
    text-align: center;
    text-decoration: none !important;
    white-space: nowrap;
    vertical-align: middle;
    filter: none !important;
    transition: background-color .12s ease, border-color .12s ease, color .12s ease;
}

.account-site .invoice-search-shell a:not(.btn):hover,
.account-site .invoice-search-shell a:not(.btn):focus {
    color: #056596 !important;
    background: #eef8fc !important;
    border-color: #86bdd6 !important;
    outline: 0 !important;
    box-shadow: none !important;
    text-decoration: none !important;
    filter: none !important;
}

/* "Új feltétel hozzáadása" is an auxiliary action, so keep the same visual
   language but let it size naturally instead of taking the full quick-filter
   button width. */
.account-site .invoice-search-shell .margin_top_15 a:not(.btn),
.account-site .invoice-search-shell .margin_top_10 a:not(.btn) {
    min-width: 0;
    width: auto;
}

/* Header/toggle links remain lightweight text controls. */
.account-site .invoice-search-shell .adminkereso_fejlec a:not(.btn),
.account-site .invoice-search-shell .adminkeresodetail_fejlec a:not(.btn),
.account-site .invoice-search-shell .adminkereso .text_align_r a:not(.btn),
.account-site .invoice-search-shell .adminkeresodetail .text_align_r a:not(.btn) {
    display: inline !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #087fb8 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    white-space: normal;
}

.account-site .invoice-search-shell .adminkereso_fejlec a:not(.btn):hover,
.account-site .invoice-search-shell .adminkereso_fejlec a:not(.btn):focus,
.account-site .invoice-search-shell .adminkeresodetail_fejlec a:not(.btn):hover,
.account-site .invoice-search-shell .adminkeresodetail_fejlec a:not(.btn):focus,
.account-site .invoice-search-shell .adminkereso .text_align_r a:not(.btn):hover,
.account-site .invoice-search-shell .adminkereso .text_align_r a:not(.btn):focus,
.account-site .invoice-search-shell .adminkeresodetail .text_align_r a:not(.btn):hover,
.account-site .invoice-search-shell .adminkeresodetail .text_align_r a:not(.btn):focus {
    color: #056596 !important;
    background: transparent !important;
    border: 0 !important;
    text-decoration: underline !important;
}

/* Legacy "Keres" anchors immediately following a field are already converted
   to the blue icon-only search control. Reassert that geometry after the broad
   ordinary-link rule above. */
.account-site .invoice-search-shell .adminkeresodetail input:not([type="hidden"]) + a,
.account-site .invoice-search-shell .adminkeresodetail select + a,
.account-site .invoice-search-shell .adminkereso input:not([type="hidden"]) + a,
.account-site .invoice-search-shell .adminkereso select + a {
    display: inline-flex !important;
    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    color: transparent !important;
    background-color: #087fb8 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.8-3.8'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 17px 17px !important;
    border: 1px solid #087fb8 !important;
    border-radius: 9px !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-decoration: none !important;
}

.account-site .invoice-search-shell .adminkeresodetail input:not([type="hidden"]) + a:hover,
.account-site .invoice-search-shell .adminkeresodetail input:not([type="hidden"]) + a:focus,
.account-site .invoice-search-shell .adminkeresodetail select + a:hover,
.account-site .invoice-search-shell .adminkeresodetail select + a:focus,
.account-site .invoice-search-shell .adminkereso input:not([type="hidden"]) + a:hover,
.account-site .invoice-search-shell .adminkereso input:not([type="hidden"]) + a:focus,
.account-site .invoice-search-shell .adminkereso select + a:hover,
.account-site .invoice-search-shell .adminkereso select + a:focus {
    background-color: #056596 !important;
    border-color: #056596 !important;
}

@media (max-width: 767px) {
    .account-site .invoice-search-shell a:not(.btn) {
        min-width: 0;
        max-width: 100%;
        white-space: normal;
    }
}

/* ==========================================================================
   KIMENO SZAMLAK — real specialist search controls v41
   Grounded in MainPage/searchform.tpl.php.

   The three specialist searches (Tétel neve, Kiállítás hónapja,
   Felszólítás hónapja) are generated directly inside #adminkereso. Each one
   consists of a Bootstrap col-lg-2 wrapper containing:
     - a col-lg-10 input wrapper, and
     - a col-lg-2 .margin_top_10 wrapper containing the existing Keres link.

   Previous .adminkeresodetail / input+a selectors could not match this DOM.
   This block targets the real input IDs and only their immediate wrappers.
   Search behavior, hrefs and onclick handlers are unchanged.
   ========================================================================== */

/* Turn each of the three real specialist controls into one flex row. */
.account-site .invoice-search-shell #adminkereso .col-lg-2:has(> .col-lg-10 > #id_tetelkereso),
.account-site .invoice-search-shell #adminkereso .col-lg-2:has(> .col-lg-10 > #id_kiallitasdatuma_honap),
.account-site .invoice-search-shell #adminkereso .col-lg-2:has(> .col-lg-10 > #id_felszolitodatuma_honap) {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

/* The input side fills the available space instead of relying on Bootstrap's
   10/12 percentage width. This leaves an exact 42px action slot. */
.account-site .invoice-search-shell #adminkereso .col-lg-2:has(> .col-lg-10 > #id_tetelkereso) > .col-lg-10,
.account-site .invoice-search-shell #adminkereso .col-lg-2:has(> .col-lg-10 > #id_kiallitasdatuma_honap) > .col-lg-10,
.account-site .invoice-search-shell #adminkereso .col-lg-2:has(> .col-lg-10 > #id_felszolitodatuma_honap) > .col-lg-10 {
    float: none !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.account-site .invoice-search-shell #id_tetelkereso,
.account-site .invoice-search-shell #id_kiallitasdatuma_honap,
.account-site .invoice-search-shell #id_felszolitodatuma_honap {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
}

/* This is the real legacy Keres wrapper. Remove margin_top_10 (the source of
   the downward offset) and reserve exactly the same square used by the main
   search submit. */
.account-site .invoice-search-shell #adminkereso .col-lg-2:has(> .col-lg-10 > #id_tetelkereso) > .col-lg-2,
.account-site .invoice-search-shell #adminkereso .col-lg-2:has(> .col-lg-10 > #id_kiallitasdatuma_honap) > .col-lg-2,
.account-site .invoice-search-shell #adminkereso .col-lg-2:has(> .col-lg-10 > #id_felszolitodatuma_honap) > .col-lg-2 {
    float: none !important;
    display: flex !important;
    flex: 0 0 42px !important;
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Replace only the three existing Keres captions with the same blue magnifier
   treatment used by the primary search button. */
.account-site .invoice-search-shell #adminkereso .col-lg-2:has(> .col-lg-10 > #id_tetelkereso) > .col-lg-2 > a,
.account-site .invoice-search-shell #adminkereso .col-lg-2:has(> .col-lg-10 > #id_kiallitasdatuma_honap) > .col-lg-2 > a,
.account-site .invoice-search-shell #adminkereso .col-lg-2:has(> .col-lg-10 > #id_felszolitodatuma_honap) > .col-lg-2 > a {
    display: inline-flex !important;
    flex: 0 0 42px !important;
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    box-sizing: border-box !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    color: transparent !important;
    background-color: #087fb8 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.8-3.8'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 18px 18px !important;
    border: 1px solid #087fb8 !important;
    border-radius: 9px !important;
    box-shadow: none !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-indent: -9999px !important;
    white-space: nowrap !important;
    text-decoration: none !important;
    vertical-align: middle !important;
    cursor: pointer !important;
    filter: none !important;
}

.account-site .invoice-search-shell #adminkereso .col-lg-2:has(> .col-lg-10 > #id_tetelkereso) > .col-lg-2 > a:hover,
.account-site .invoice-search-shell #adminkereso .col-lg-2:has(> .col-lg-10 > #id_tetelkereso) > .col-lg-2 > a:focus,
.account-site .invoice-search-shell #adminkereso .col-lg-2:has(> .col-lg-10 > #id_kiallitasdatuma_honap) > .col-lg-2 > a:hover,
.account-site .invoice-search-shell #adminkereso .col-lg-2:has(> .col-lg-10 > #id_kiallitasdatuma_honap) > .col-lg-2 > a:focus,
.account-site .invoice-search-shell #adminkereso .col-lg-2:has(> .col-lg-10 > #id_felszolitodatuma_honap) > .col-lg-2 > a:hover,
.account-site .invoice-search-shell #adminkereso .col-lg-2:has(> .col-lg-10 > #id_felszolitodatuma_honap) > .col-lg-2 > a:focus {
    color: transparent !important;
    background-color: #056596 !important;
    border-color: #056596 !important;
    outline: 0 !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

/* ==========================================================================
   KIMENO SZAMLAK — modern add/remove filter controls v42
   Refines the real search form controls after the specialist search fix:
   - replace legacy plus.gif / minus.gif visuals with larger modern icons
   - vertically center the add/remove controls so they sit level in the UI
   - preserve the existing anchors, onclick handlers and behavior
   ========================================================================== */

/* Keep the "Új feltétel hozzáadása" row level and center the button neatly. */
.account-site .invoice-search-shell #adminkereso > .col-lg-12.text_align_l.margin_bottom_10.margin_top_10,
.account-site .invoice-search-shell #adminkereso .text_align_l.margin_bottom_10.margin_top_10 {
    display: flex !important;
    align-items: center !important;
}

/* Modernize the add-filter button while preserving the existing anchor. */
.account-site .invoice-search-shell #ujfeltetel {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    min-height: 42px !important;
    padding: 9px 16px !important;
    line-height: 20px !important;
    vertical-align: middle !important;
}

.account-site .invoice-search-shell #ujfeltetel img {
    display: none !important;
}

.account-site .invoice-search-shell #ujfeltetel::before {
    content: "";
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    border-radius: 999px;
    background-color: #eef8fc;
    border: 1px solid #9fcfe2;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23087fb8' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px 14px;
}

/* The legacy remove-filter wrapper had margin_top_10 and a tiny GIF.
   Convert the wrapper into a centered slot so the button stays level. */
.account-site .invoice-search-shell #id_searchtable [class*="col-"]:has(> a[onclick*="rFilter("]) {
    float: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: center !important;
    min-height: 42px !important;
    margin-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Replace the tiny minus.gif with a proper small action button. */
.account-site .invoice-search-shell #id_searchtable a[onclick*="rFilter("] {
    display: inline-flex !important;
    flex: 0 0 42px !important;
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    box-sizing: border-box !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    color: transparent !important;
    background: #fff !important;
    border: 1px solid #b9d9e8 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-decoration: none !important;
    vertical-align: middle !important;
    cursor: pointer !important;
}

.account-site .invoice-search-shell #id_searchtable a[onclick*="rFilter("] img {
    display: none !important;
}

.account-site .invoice-search-shell #id_searchtable a[onclick*="rFilter("]::before {
    content: "";
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    border-radius: 999px;
    background-color: #eef4f8;
    border: 1px solid #c3d6e1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236a8397' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px 14px;
}

.account-site .invoice-search-shell #id_searchtable a[onclick*="rFilter("]:hover,
.account-site .invoice-search-shell #id_searchtable a[onclick*="rFilter("]:focus {
    color: transparent !important;
    background: #eef8fc !important;
    border-color: #86bdd6 !important;
    outline: 0 !important;
    text-decoration: none !important;
}

/* --------------------------------------------------------------------------
   v42.1 — preserve native detail-search collapse + align remove action
   -------------------------------------------------------------------------- */

/* The detail-search container is toggled by the existing JS through inline
   display:none / display:block. Never turn this Bootstrap child into a forced
   flex item: doing so with !important prevents the menu from collapsing. */
.account-site .invoice-search-shell #adminkeresodetail[style*="display: none"],
.account-site .invoice-search-shell #adminkeresodetail[style*="display:none"] {
    display: none !important;
}

/* Dynamic extra-filter rows are generated with a normal col-lg-2 remove slot,
   while the original first-row search slot has inline width:6%. Give only the
   remove slot that same 6% geometry so its center is directly underneath the
   main search icon. */
@media (min-width: 1200px) {
    .account-site .invoice-search-shell #id_searchtable > .col-lg-12 >
    [class*="col-"]:has(> a[onclick*="rFilter("]) {
        float: left !important;
        display: flex !important;
        width: 6% !important;
        min-width: 6% !important;
        max-width: 6% !important;
        height: 42px !important;
        min-height: 42px !important;
        align-items: center !important;
        justify-content: center !important;
        margin-top: 0 !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
}

/* At Bootstrap md/sm widths, keep the framework's responsive width but still
   remove the legacy downward margin and center the modern minus icon. */
@media (max-width: 1199px) {
    .account-site .invoice-search-shell #id_searchtable > .col-lg-12 >
    [class*="col-"]:has(> a[onclick*="rFilter("]) {
        display: flex !important;
        min-height: 42px !important;
        align-items: center !important;
        justify-content: center !important;
        margin-top: 0 !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
}

/* --------------------------------------------------------------------------
   v42.2 — final optical alignment of remove action
   The remove slot now matches the search slot structurally; the legacy first
   search action still carries a few pixels of Bootstrap/internal offset.
   Nudge only the modern minus control to the right so its outer edges line up
   exactly below the blue search button. No layout/collapse behavior changes.
   -------------------------------------------------------------------------- */
@media (min-width: 1200px) {
    .account-site .invoice-search-shell #id_searchtable > .col-lg-12 >
    [class*="col-"]:has(> a[onclick*="rFilter("]) > a[onclick*="rFilter("] {
        transform: translateX(5px) !important;
    }
}

/* --------------------------------------------------------------------------
   v42.3 — exact remove-action alignment
   The second generated filter row sits 15px lower than the first row at
   desktop width. Place the remove action on that same vertical centerline,
   while keeping its horizontal center identical to the search action above.
   -------------------------------------------------------------------------- */
@media (min-width: 1200px) {
    .account-site .invoice-search-shell #id_searchtable > .col-lg-12 >
    [class*="col-"]:has(> a[onclick*="rFilter("]) {
        margin-top: 0px !important;
    }

    .account-site .invoice-search-shell #id_searchtable > .col-lg-12 >
    [class*="col-"]:has(> a[onclick*="rFilter("]) > a[onclick*="rFilter("] {
        transform: translateX(3px) !important;
    }
}

/* ========================================================================
   HEADER — mini Számlaközpont logo on the correct LEFT home slot v46
   The white rectangle is the legacy home.gif link in .top_menu_left.
   Keep the right-side company logo untouched and replace only the visual
   inside the existing left home-link square.
   ======================================================================== */

/* Leave the real right-side Számlaközpont logo exactly as the base layout had it. */
.account-site .top_menu_right .szamlakozpont_kep {
    display: block !important;
    visibility: visible !important;
    width: 167px !important;
    max-width: 100% !important;
    height: 41px !important;
    max-height: 48px !important;
    opacity: 1 !important;
    filter: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

/* The first link on the left is the existing /admin/kimenoszamlak home icon. */
.account-site .top_menu_left > div:first-child > a:first-child {
    position: relative;
    display: inline-flex !important;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    box-sizing: border-box;
    background: transparent;
    border: 0;
    border-radius: 9px;
    box-shadow: none;
}

/* Hide the old home.gif itself — this is the plain white rectangle seen now. */
.account-site .top_menu_left > div:first-child > a:first-child > img {
    display: none !important;
}

/* Use the site's real existing Számlaközpont logo asset in that slot. */
.account-site .top_menu_left > div:first-child > a:first-child::before {
    content: "";
    display: block;
    width: 80px;
    height: 80px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAREAAAD6CAYAAACGYHN7AAAT0WlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4wLWMwMDEgMTUyLmRlYjk1ODUsIDIwMjQvMDIvMDYtMDg6MzY6MTAgICAgICAgICI+CiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiCiAgICB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIKICAgIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiCiAgICB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIKICAgIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIKICAgIHhtbG5zOmNyZWF0b3JBdG9tPSJodHRwOi8vbnMuYWRvYmUuY29tL2NyZWF0b3JBdG9tLzEuMC8iCiAgICB4bWxuczp4bXBETT0iaHR0cDovL25zLmFkb2JlLmNvbS94bXAvMS4wL0R5bmFtaWNNZWRpYS8iCiAgICB4bWxuczpzdERpbT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL0RpbWVuc2lvbnMjIgogICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjJkMzgxNzhhLTU3NmQtNTQ0OC05OGNkLTlkYWZlNTY1YzgxMiIKICAgeG1wTU06RG9jdW1lbnRJRD0iOTFlMTc3MTctNDgwZS0wZGQyLWVkOTctZWExMDAwMDAwMDY1IgogICB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6OTdkMDExNWEtMjllYi1jOTRhLWEzOTEtOGM4NjBiMTE2MjI5IgogICB4bXA6TWV0YWRhdGFEYXRlPSIyMDI1LTA1LTA2VDExOjQ4OjQ5KzAyOjAwIgogICB4bXA6TW9kaWZ5RGF0ZT0iMjAyNS0wNS0wNlQxMTo0ODo0OSswMjowMCIKICAgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQcmVtaWVyZSBQcm8gMjAyNS4wIChXaW5kb3dzKSIKICAgeG1wOkNyZWF0ZURhdGU9IjIwMjUtMDUtMDZUMTE6NDg6MTkrMDI6MDAiCiAgIHhtcERNOnZpZGVvRnJhbWVSYXRlPSIyNS4wMDAwMDAiCiAgIHhtcERNOnZpZGVvRmllbGRPcmRlcj0iUHJvZ3Jlc3NpdmUiCiAgIHhtcERNOnZpZGVvUGl4ZWxBc3BlY3RSYXRpbz0iMS8xIgogICB4bXBETTpzdGFydFRpbWVTY2FsZT0iMjUiCiAgIHhtcERNOnN0YXJ0VGltZVNhbXBsZVNpemU9IjEiCiAgIGRjOmZvcm1hdD0iUE5HIj4KICAgPHhtcE1NOkhpc3Rvcnk+CiAgICA8cmRmOlNlcT4KICAgICA8cmRmOmxpCiAgICAgIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiCiAgICAgIHN0RXZ0Omluc3RhbmNlSUQ9ImI1OTBlNDIxLTVkYmMtYjU5YS02NTg1LTA5MWIwMDAwMDA5MiIKICAgICAgc3RFdnQ6d2hlbj0iMjAyNS0wNS0wNlQxMTo0ODo0OSswMjowMCIKICAgICAgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUHJlbWllcmUgUHJvIDIwMjUuMCAoV2luZG93cykiCiAgICAgIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4KICAgICA8cmRmOmxpCiAgICAgIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIKICAgICAgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDphMDBiOTVlYy1lZDcxLTBhNDctODE0Mi1kYTQxZTY0ODlmMTAiCiAgICAgIHN0RXZ0OndoZW49IjIwMjUtMDUtMDZUMTE6NDg6NDkrMDI6MDAiCiAgICAgIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFByZW1pZXJlIFBybyAyMDI1LjAgKFdpbmRvd3MpIi8+CiAgICAgPHJkZjpsaQogICAgICBzdEV2dDphY3Rpb249InNhdmVkIgogICAgICBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjAxOTY1MDYzLTAyMGItNjI0YS1iZjY3LWI5ZDUxMTBiYjA5NSIKICAgICAgc3RFdnQ6d2hlbj0iMjAyNS0wNS0wNlQxMTo0ODo0OSswMjowMCIKICAgICAgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUHJlbWllcmUgUHJvIDIwMjUuMCAoV2luZG93cykiCiAgICAgIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4KICAgICA8cmRmOmxpCiAgICAgIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiCiAgICAgIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6MmQzODE3OGEtNTc2ZC01NDQ4LTk4Y2QtOWRhZmU1NjVjODEyIgogICAgICBzdEV2dDp3aGVuPSIyMDI1LTA1LTA2VDExOjQ4OjQ5KzAyOjAwIgogICAgICBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQcmVtaWVyZSBQcm8gMjAyNS4wIChXaW5kb3dzKSIKICAgICAgc3RFdnQ6Y2hhbmdlZD0iL21ldGFkYXRhIi8+CiAgICA8L3JkZjpTZXE+CiAgIDwveG1wTU06SGlzdG9yeT4KICAgPHhtcE1NOkluZ3JlZGllbnRzPgogICAgPHJkZjpCYWc+CiAgICAgPHJkZjpsaQogICAgICBzdFJlZjppbnN0YW5jZUlEPSIwOGRlNWZjZS02NDVhLTliYmEtZjMwNi05OGFjMDAwMDAwODQiCiAgICAgIHN0UmVmOmRvY3VtZW50SUQ9ImJjNzZhZjdhLWU0NWEtMDlmYS1hODJiLTA2ZWEwMDAwMDA1NyIKICAgICAgc3RSZWY6ZnJvbVBhcnQ9InRpbWU6MCIKICAgICAgc3RSZWY6dG9QYXJ0PSJ0aW1lOjBkMTAxNjA2NDAwMDBmMjU0MDE2MDAwMDAwIgogICAgICBzdFJlZjpmaWxlUGF0aD0iU3phbWxha296cG9udCBsb2dvLnBuZyIKICAgICAgc3RSZWY6bWFza01hcmtlcnM9Ik5vbmUiLz4KICAgICA8cmRmOmxpCiAgICAgIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZGMzMmM0OGItYmIxYS0zMTQ3LThiMmQtMzk0NDU0ZGFmNmJlIgogICAgICBzdFJlZjpmcm9tUGFydD0idGltZTowZDAiCiAgICAgIHN0UmVmOnRvUGFydD0idGltZToxMDE2MDY0MDAwMGYyNTQwMTYwMDAwMDBkMCIKICAgICAgc3RSZWY6ZmlsZVBhdGg9Ik5lc3RlZCBTZXF1ZW5jZSAwMSIKICAgICAgc3RSZWY6bWFza01hcmtlcnM9Ik5vbmUiLz4KICAgIDwvcmRmOkJhZz4KICAgPC94bXBNTTpJbmdyZWRpZW50cz4KICAgPHhtcE1NOlBhbnRyeT4KICAgIDxyZGY6QmFnPgogICAgIDxyZGY6bGk+CiAgICAgIDxyZGY6RGVzY3JpcHRpb24KICAgICAgIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiCiAgICAgICB4bXA6TWV0YWRhdGFEYXRlPSIyMDI1LTA1LTA2VDExOjQ3OjE2KzAyOjAwIgogICAgICAgeG1wOk1vZGlmeURhdGU9IjIwMjUtMDUtMDZUMTE6NDc6MTYrMDI6MDAiCiAgICAgICB4bXBNTTpJbnN0YW5jZUlEPSIwOGRlNWZjZS02NDVhLTliYmEtZjMwNi05OGFjMDAwMDAwODQiCiAgICAgICB4bXBNTTpEb2N1bWVudElEPSJiYzc2YWY3YS1lNDVhLTA5ZmEtYTgyYi0wNmVhMDAwMDAwNTciCiAgICAgICB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6QUMwQTAzOUJCNEUyMTFFMzhCNEFBQjBFMDY5RDMwMDciPgogICAgICA8eG1wTU06RGVyaXZlZEZyb20KICAgICAgIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QUMwQTAzOThCNEUyMTFFMzhCNEFBQjBFMDY5RDMwMDciCiAgICAgICBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkFDMEEwMzk5QjRFMjExRTM4QjRBQUIwRTA2OUQzMDA3Ii8+CiAgICAgIDx4bXBNTTpIaXN0b3J5PgogICAgICAgPHJkZjpTZXE+CiAgICAgICAgPHJkZjpsaQogICAgICAgICBzdEV2dDphY3Rpb249InNhdmVkIgogICAgICAgICBzdEV2dDppbnN0YW5jZUlEPSIwOGRlNWZjZS02NDVhLTliYmEtZjMwNi05OGFjMDAwMDAwODQiCiAgICAgICAgIHN0RXZ0OndoZW49IjIwMjUtMDUtMDZUMTE6NDc6MTYrMDI6MDAiCiAgICAgICAgIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFByZW1pZXJlIFBybyAyMDI1LjAgKFdpbmRvd3MpIgogICAgICAgICBzdEV2dDpjaGFuZ2VkPSIvIi8+CiAgICAgICA8L3JkZjpTZXE+CiAgICAgIDwveG1wTU06SGlzdG9yeT4KICAgICAgPC9yZGY6RGVzY3JpcHRpb24+CiAgICAgPC9yZGY6bGk+CiAgICAgPHJkZjpsaQogICAgICB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOmRjMzJjNDhiLWJiMWEtMzE0Ny04YjJkLTM5NDQ1NGRhZjZiZSIvPgogICAgPC9yZGY6QmFnPgogICA8L3htcE1NOlBhbnRyeT4KICAgPHhtcE1NOkRlcml2ZWRGcm9tCiAgICBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmEwMGI5NWVjLWVkNzEtMGE0Ny04MTQyLWRhNDFlNjQ4OWYxMCIKICAgIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6YTAwYjk1ZWMtZWQ3MS0wYTQ3LTgxNDItZGE0MWU2NDg5ZjEwIgogICAgc3RSZWY6b3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOmEwMGI5NWVjLWVkNzEtMGE0Ny04MTQyLWRhNDFlNjQ4OWYxMCIvPgogICA8Y3JlYXRvckF0b206d2luZG93c0F0b20KICAgIGNyZWF0b3JBdG9tOmV4dGVuc2lvbj0iLnBycHJvaiIKICAgIGNyZWF0b3JBdG9tOmludm9jYXRpb25GbGFncz0iL0wiCiAgICBjcmVhdG9yQXRvbTp1bmNQcm9qZWN0UGF0aD0iXFw/XEQ6XGZvbnRvcyBmaWxlb2tcVsOh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");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.account-site .top_menu_left > div:first-child > a:first-child:hover,
.account-site .top_menu_left > div:first-child > a:first-child:focus {
    background: rgba(255,255,255,.08);
    border-color: transparent;
    outline: 0;
}

@media (max-width: 767px) {
    .account-site .top_menu_left > div:first-child > a:first-child {
        width: 32px;
        height: 32px;
        flex-basis: 32px;
    }

    .account-site .top_menu_left > div:first-child > a:first-child::before {
        width: 26px;
        height: 26px;
    }
}


/* ==========================================================================
   AUTHENTICATED ADMIN HEADER — archive-inspired refresh v47
   Full rules merged into account-refresh.css (not a patch stylesheet).
   Existing session, login/logout routes and TopMenuAdmin navigation stay intact.
   ========================================================================== */

.account-site .account-admin-shell .account-header {
    display: flex;
    min-height: 104px;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 17px 28px;
    color: #fff;
    background: linear-gradient(112deg, #0878ad 0%, #0788b8 56%, #1597bf 100%) !important;
}

.account-site .account-admin-shell .account-header__brand {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: 18px;
    color: #fff !important;
    text-decoration: none !important;
}

.account-site .account-admin-shell .account-header__brand:hover,
.account-site .account-admin-shell .account-header__brand:focus {
    color: #fff !important;
    text-decoration: none !important;
    outline: 0;
}

.account-site .account-admin-shell .account-header__logo-box {
    display: inline-flex;
    width: 72px;
    min-width: 72px;
    height: 72px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 8px 20px rgba(1, 70, 105, .15);
}

.account-site .account-admin-shell .account-header__logo {
    display: block;
    width: 58px;
    max-width: 58px;
    height: 58px;
    max-height: 58px;
    margin: 0;
    object-fit: contain;
    filter: none !important;
    opacity: 1 !important;
}

.account-site .account-admin-shell .account-header__brand-name {
    color: #fff;
    font-size: 26px;
    font-weight: 750;
    line-height: 1.1;
    letter-spacing: -.02em;
    white-space: nowrap;
}

.account-site .account-admin-shell .account-header__session {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: flex-end;
    gap: 22px;
    margin-left: auto;
}

.account-site .account-admin-shell .account-header__user {
    max-width: 320px;
    overflow: hidden;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.account-site .account-admin-shell .account-header__auth {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    padding: 9px 13px;
    color: #fff !important;
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .24);
    border-radius: 9px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none !important;
    white-space: nowrap;
    transition: background-color .14s ease, border-color .14s ease;
}

.account-site .account-admin-shell .account-header__auth:hover,
.account-site .account-admin-shell .account-header__auth:focus {
    color: #fff !important;
    background: rgba(255, 255, 255, .16);
    border-color: rgba(255, 255, 255, .42);
    outline: 0;
    text-decoration: none !important;
}

/* The same administrator name and existing logout route now live in the
   refreshed header, so hide only the duplicated legacy status block below. */
.account-site .account-admin-shell .down_menu1 .right.margin_bottom_10_md_only {
    display: none !important;
}

@media (max-width: 767px) {
    .account-site .account-admin-shell .account-header {
        min-height: 82px;
        gap: 14px;
        padding: 13px 15px;
    }

    .account-site .account-admin-shell .account-header__brand {
        gap: 11px;
    }

    .account-site .account-admin-shell .account-header__logo-box {
        width: 56px;
        min-width: 56px;
        height: 56px;
        border-radius: 16px;
    }

    .account-site .account-admin-shell .account-header__logo {
        width: 45px;
        max-width: 45px;
        height: 45px;
        max-height: 45px;
    }

    .account-site .account-admin-shell .account-header__brand-name {
        font-size: 20px;
    }

    .account-site .account-admin-shell .account-header__session {
        gap: 8px;
    }

    .account-site .account-admin-shell .account-header__user {
        max-width: 145px;
        font-size: 13px;
    }

    .account-site .account-admin-shell .account-header__auth {
        min-height: 38px;
        padding: 7px 9px;
        font-size: 12px;
    }
}

@media (max-width: 520px) {
    .account-site .account-admin-shell .account-header {
        flex-wrap: wrap;
    }

    .account-site .account-admin-shell .account-header__brand-name {
        font-size: 18px;
    }

    .account-site .account-admin-shell .account-header__session {
        width: 100%;
        justify-content: flex-end;
    }

    .account-site .account-admin-shell .account-header__user {
        max-width: calc(100% - 110px);
    }
}


/* ==========================================================================
   HEADER — logged-in label
   ========================================================================== */
.account-site .account-admin-shell .account-header__user-label {
    color: rgba(255, 255, 255, .82);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.25;
    white-space: nowrap;
    margin-right: -14px;
}

@media (max-width: 767px) {
    .account-site .account-admin-shell .account-header__user-label {
        font-size: 12.5px;
        margin-right: -4px;
    }
}


/* ==========================================================================
   AUTHENTICATED ADMIN NAVIGATION — familiar-order modern surface v48
   Visual-only refresh of the existing TopMenuAdmin navigation.
   Link order, permissions, routes and one-click access remain unchanged.
   ========================================================================== */

/* Join the existing menu visually to the refreshed blue header while keeping
   TopMenuAdmin's original markup and conditional rendering untouched. */
.account-site .account-admin-shell > .row:has(> .fomenu_fontsize) {
    margin: 0 -24px 22px !important;
}

.account-site .account-admin-shell > .row:has(> .fomenu_fontsize) > .fomenu_fontsize {
    padding-right: 0 !important;
    padding-left: 0 !important;
    overflow: visible;
    background: #fff;
    border-top: 1px solid #dfe7f0;
    border-right: 1px solid #dfe7f0;
    border-bottom: 1px solid #dfe7f0;
    border-left: 1px solid #dfe7f0;
    border-radius: 0 0 14px 14px;
    box-shadow: 0 8px 22px rgba(6, 58, 98, .045);
}

/* Clip the desktop navigation backgrounds to the wrapper. Only the bottom
   corners are rounded; the top edge stays square. Compact dropdown overflow
   remains visible below 992px. */
@media (min-width: 992px) {
    .account-site .account-admin-shell > .row:has(> .fomenu_fontsize) > .fomenu_fontsize {
        overflow: hidden;
    }
}

/* Remove the two old grey/blue bars. They remain two familiar navigation
   zones: utility/support links first, everyday application links below. */
.account-site .account-admin-shell .down_menu1,
.account-site .account-admin-shell .down_menu2 {
    width: 100%;
    margin: 0 !important;
    background-image: none !important;
    border: 0 !important;
}

.account-site .account-admin-shell .down_menu1 {
    background: #fbfdfe !important;
    border-bottom: 1px solid #e6edf2 !important;
    border-radius: 0 !important;
}

.account-site .account-admin-shell .down_menu2 {
    background: #fff !important;
    border-radius: 0 0 14px 14px !important;
}

.account-site .account-admin-shell .down_menu1 > .margin_top_10,
.account-site .account-admin-shell .down_menu2 > .margin_top_15 {
    margin-top: 0 !important;
}

.account-site .account-admin-shell .down_menu1 .szurke1,
.account-site .account-admin-shell .down_menu2 .szurke2 {
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
}

/* Keep the exact DOM/link order and let it wrap naturally, as the legacy menu
   already did. The slightly tighter gaps are chosen specifically to preserve
   approximately the same row positions clients already know. */
.account-site .account-admin-shell .down_menu1 ul,
.account-site .account-admin-shell .down_menu2 ul {
    display: flex !important;
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    font-size: 0 !important; /* neutralises the legacy &nbsp; separators */
}

.account-site .account-admin-shell .down_menu1 ul {
    gap: 3px 6px;
    padding: 9px 14px !important;
}

.account-site .account-admin-shell .down_menu2 ul {
    gap: 4px 6px;
    padding: 10px 14px 12px !important;
}

.account-site .account-admin-shell .down_menu1 li,
.account-site .account-admin-shell .down_menu2 li,
.account-site .account-admin-shell .fomenu_felso,
.account-site .account-admin-shell .fomenu_also {
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Utility/support row: quieter and a little smaller, but still one-click. */
.account-site .account-admin-shell .down_menu1 a {
    display: inline-flex !important;
    min-height: 32px;
    align-items: center;
    justify-content: flex-start;
    padding: 6px 9px !important;
    color: #496779 !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    border-radius: 8px !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    line-height: 18px !important;
    text-decoration: none !important;
    white-space: normal;
    transition: color .12s ease, background-color .12s ease, border-color .12s ease;
}

/* Main application navigation: same order and wrapping, refreshed typography. */
.account-site .account-admin-shell .down_menu2 a {
    display: inline-flex !important;
    min-height: 35px;
    align-items: center;
    justify-content: flex-start;
    padding: 7px 10px !important;
    color: #284f67 !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    border-radius: 8px !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    line-height: 19px !important;
    text-decoration: none !important;
    white-space: normal;
    transition: color .12s ease, background-color .12s ease, border-color .12s ease;
}

.account-site .account-admin-shell .down_menu1 a:hover,
.account-site .account-admin-shell .down_menu1 a:focus,
.account-site .account-admin-shell .down_menu2 a:hover,
.account-site .account-admin-shell .down_menu2 a:focus {
    color: #087fb8 !important;
    background: #eef8fc !important;
    border-color: #d8ebf4 !important;
    outline: 0 !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

.account-site .account-admin-shell .down_menu1 a:focus-visible,
.account-site .account-admin-shell .down_menu2 a:focus-visible {
    box-shadow: 0 0 0 3px rgba(8, 127, 184, .10) !important;
}

/* Future-/template-safe active-page styling: if an existing menu item carries
   aria-current or an active/current class, it automatically matches the design.
   No current route logic is added or changed here. */
.account-site .account-admin-shell .down_menu1 a[aria-current="page"],
.account-site .account-admin-shell .down_menu2 a[aria-current="page"],
.account-site .account-admin-shell .down_menu1 li.active > a,
.account-site .account-admin-shell .down_menu2 li.active > a,
.account-site .account-admin-shell .down_menu1 a.current,
.account-site .account-admin-shell .down_menu2 a.current {
    color: #087fb8 !important;
    background: #e9f6fb !important;
    border-color: #c8e4f0 !important;
    font-weight: 700 !important;
}

/* The username/provider/logout status is already in the new header. Keep the
   legacy duplicate hidden even if older TopMenuAdmin CSS has higher priority. */
.account-site .account-admin-shell .down_menu1 .right.margin_bottom_10_md_only {
    display: none !important;
}

/* Keep Bootstrap's small-screen dropdown behaviour intact. Only resize the
   full-width wrapper to match the account shell at compact breakpoints. */
@media (max-width: 991px) {
    .account-site .account-admin-shell > .row:has(> .fomenu_fontsize) {
        margin-right: -16px !important;
        margin-left: -16px !important;
    }

    .account-site .account-admin-shell .down_menu1 ul,
    .account-site .account-admin-shell .down_menu2 ul {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }
}

@media (max-width: 767px) {
    .account-site .account-admin-shell > .row:has(> .fomenu_fontsize) > .fomenu_fontsize {
        border-right: 0;
        border-left: 0;
        border-radius: 0;
        box-shadow: none;
    }

    .account-site .account-admin-shell .down_menu1 a {
        font-size: 12px !important;
    }

    .account-site .account-admin-shell .down_menu2 a {
        font-size: 13px !important;
    }
}

/* ==========================================================================
   SHARED SEARCHFORM — modern account search card v1
   Applies to MainPage/searchform.tpl.php through the new .modern-search-form
   marker. Kimenő számlák uses its own search component and is unaffected.
   ========================================================================== */

.account-site .modern-search-form-wrapper {
    margin: 0;
    padding: 0;
}

.account-site .modern-search-form {
    width: 100%;
    margin: 0 0 24px !important;
    padding: 0 !important;
    overflow: hidden;
    color: #172033;
    background: #fff;
    border: 1px solid #dfe7f0;
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(6, 58, 98, .055);
}

.account-site .modern-search-form .modern-search-form-header,
.account-site .modern-search-form .adminkereso_fejlec {
    display: flex;
    min-height: 54px;
    margin: 0 !important;
    padding: 15px 20px !important;
    align-items: center;
    gap: 16px;
    color: #063a62 !important;
    background: #f8fbfd !important;
    border: 0 !important;
    border-bottom: 1px solid #e4ebf1 !important;
    border-radius: 0 !important;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.35;
    cursor: pointer;
}

.account-site .modern-search-form .modern-search-form-header #label,
.account-site .modern-search-form .adminkereso_fejlec #label {
    float: none !important;
    min-width: 0;
    color: #063a62;
    font-size: 12px;
    font-weight: 750;
}

.account-site .modern-search-form #kereses_ki,
.account-site .modern-search-form #kereses_be {
    margin-left: auto;
    color: #063a62;
    font-size: 11.5px;
    font-weight: 800;
    letter-spacing: .02em;
    text-align: right;
    white-space: nowrap;
}

.account-site .modern-search-form .modern-search-form-body,
.account-site .modern-search-form #adminkereso {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 18px 20px 20px !important;
    background: #fff !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.account-site .modern-search-form .modern-search-form-body > .col-lg-12:first-child,
.account-site .modern-search-form #adminkereso > .col-lg-12:first-child {
    float: none !important;
    width: 100% !important;
    padding: 0 !important;
}

.account-site .modern-search-form .modern-search-reset {
    float: none !important;
    width: 100% !important;
    min-height: 42px;
    margin: 0 0 16px !important;
    padding: 0 !important;
    text-align: right !important;
}

.account-site .modern-search-form .modern-search-reset a {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    padding: 8px 15px;
    color: #087fb8 !important;
    background: #fff;
    border: 1px solid #b9d9e8;
    border-radius: 9px;
    font-size: 12.5px;
    font-weight: 700;
    line-height: 24px;
    text-decoration: none !important;
    white-space: nowrap;
}

.account-site .modern-search-form .modern-search-reset a:hover,
.account-site .modern-search-form .modern-search-reset a:focus {
    color: #056596 !important;
    background: #eef8fc;
    border-color: #86bdd6;
    outline: 0;
}

.account-site .modern-search-form .modern-search-grid,
.account-site .modern-search-form #id_searchtable,
.account-site .modern-search-form #id_searchtabledetail {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.account-site .modern-search-form .modern-search-row {
    float: none !important;
    display: grid !important;
    grid-template-columns: 120px minmax(190px, 1fr) minmax(190px, 1fr) minmax(220px, 1fr) 42px;
    width: 100% !important;
    min-height: 42px;
    margin: 0 0 10px !important;
    padding: 0 !important;
    align-items: center;
    column-gap: 16px;
    row-gap: 10px;
}

.account-site .modern-search-form .modern-search-row > [class*="col-"],
.account-site .modern-search-form .modern-search-row > [class*="col-lg-offset"],
.account-site .modern-search-form .modern-search-row > [class*="col-md-offset"],
.account-site .modern-search-form .modern-search-row > [class*="col-sm-offset"],
.account-site .modern-search-form .modern-search-row > [class*="col-xs-offset"] {
    float: none !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.account-site .modern-search-form .modern-search-row > .clearfix {
    display: none !important;
}

.account-site .modern-search-form .modern-search-link-cell {
    color: #173f5a;
    font-size: 13px;
    font-weight: 650;
    line-height: 1.3;
}

.account-site .modern-search-form .modern-search-link-cell select {
    width: 100% !important;
}

.account-site .modern-search-form select,
.account-site .modern-search-form input[type="text"],
.account-site .modern-search-form input[type="search"],
.account-site .modern-search-form .form-control {
    display: block;
    width: 100% !important;
    min-height: 42px !important;
    height: 42px;
    margin: 0 !important;
    padding: 8px 11px !important;
    color: #172033 !important;
    background: #fff !important;
    border: 1px solid #c8d7e1 !important;
    border-radius: 9px !important;
    box-shadow: none !important;
    font-size: 13px !important;
    line-height: 24px !important;
}

.account-site .modern-search-form select:focus,
.account-site .modern-search-form input[type="text"]:focus,
.account-site .modern-search-form input[type="search"]:focus,
.account-site .modern-search-form .form-control:focus {
    border-color: #8fc3de !important;
    outline: 0 !important;
    box-shadow: 0 0 0 3px rgba(8, 127, 184, .08) !important;
}

.account-site .modern-search-form .modern-search-action-cell {
    display: flex !important;
    width: 42px !important;
    min-width: 42px !important;
    height: 42px;
    align-items: center;
    justify-content: center;
    justify-self: center;
}

/* The generated Keres submit keeps its real form behavior; only its visual
   treatment changes to the same magnifier action used elsewhere. */
.account-site .modern-search-form .modern-search-action-cell input[type="submit"],
.account-site .modern-search-form .modern-search-action-cell input[type="button"],
.account-site .modern-search-form .modern-search-action-cell input.submit,
.account-site .modern-search-form .modern-search-action-cell button[type="submit"],
.account-site .modern-search-form .modern-search-action-cell .btn {
    display: inline-flex !important;
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    color: transparent !important;
    background-color: #087fb8 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.4-3.4'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 22px 22px !important;
    border: 1px solid #087fb8 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-indent: -9999px;
    cursor: pointer;
}

.account-site .modern-search-form .modern-search-action-cell input[type="submit"]:hover,
.account-site .modern-search-form .modern-search-action-cell input[type="button"]:hover,
.account-site .modern-search-form .modern-search-action-cell input.submit:hover,
.account-site .modern-search-form .modern-search-action-cell button[type="submit"]:hover,
.account-site .modern-search-form .modern-search-action-cell .btn:hover,
.account-site .modern-search-form .modern-search-action-cell input[type="submit"]:focus,
.account-site .modern-search-form .modern-search-action-cell button[type="submit"]:focus {
    background-color: #056596 !important;
    border-color: #056596 !important;
    outline: 0 !important;
}

.account-site .modern-search-form .modern-search-add {
    float: none !important;
    width: 100% !important;
    margin: 4px 0 0 !important;
    padding: 0 !important;
}

.account-site .modern-search-form #ujfeltetel {
    display: inline-flex !important;
    min-height: 42px !important;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 8px 15px !important;
    color: #087fb8 !important;
    background: #fff !important;
    border: 1px solid #b9d9e8 !important;
    border-radius: 9px !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    text-decoration: none !important;
}

.account-site .modern-search-form #ujfeltetel img {
    display: none !important;
}

.account-site .modern-search-form #ujfeltetel::before {
    content: "+";
    display: inline-flex;
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    align-items: center;
    justify-content: center;
    color: #087fb8;
    background: #eef8fc;
    border: 1px solid #9fcfe2;
    border-radius: 50%;
    font-size: 19px;
    font-weight: 400;
    line-height: 18px;
}

.account-site .modern-search-form #ujfeltetel:hover,
.account-site .modern-search-form #ujfeltetel:focus {
    color: #056596 !important;
    background: #eef8fc !important;
    border-color: #86bdd6 !important;
    outline: 0;
}

.account-site .modern-search-form .modern-search-remove {
    display: inline-flex !important;
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    padding: 0 !important;
    color: transparent !important;
    background: #fff !important;
    border: 1px solid #b9d9e8 !important;
    border-radius: 10px !important;
    text-decoration: none !important;
}

.account-site .modern-search-form .modern-search-remove img {
    display: none !important;
}

.account-site .modern-search-form .modern-search-remove::before {
    content: "−";
    display: inline-flex;
    width: 20px;
    height: 20px;
    align-items: center;
    justify-content: center;
    color: #6a8397;
    background: #eef4f8;
    border: 1px solid #c3d6e1;
    border-radius: 50%;
    font-size: 18px;
    font-weight: 500;
    line-height: 18px;
}

.account-site .modern-search-form .modern-search-remove:hover,
.account-site .modern-search-form .modern-search-remove:focus {
    background: #eef8fc !important;
    border-color: #86bdd6 !important;
    outline: 0;
}

/* Optional search shortcuts used by other screens stay available, but now
   wrap as deliberate secondary controls instead of old Bootstrap fragments. */
.account-site .modern-search-form .modern-search-extras {
    clear: both;
    width: 100% !important;
    margin: 8px 0 0 !important;
    padding: 0 !important;
}

.account-site .modern-search-form .modern-search-extras > .col-lg-12 {
    display: flex;
    flex-wrap: wrap;
    width: 100% !important;
    gap: 10px 12px;
    padding: 0 !important;
}

.account-site .modern-search-form .modern-search-extras > .col-lg-12 > [class*="col-"] {
    float: none !important;
    width: auto !important;
    max-width: 100%;
    margin: 0 !important;
    padding: 0 !important;
}

.account-site .modern-search-form .modern-search-extras a:not(.btn) {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    padding: 7px 12px;
    color: #087fb8;
    background: #fff;
    border: 1px solid #c8dce7;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 650;
    text-decoration: none;
}

.account-site .modern-search-form .modern-search-extras a:not(.btn):hover,
.account-site .modern-search-form .modern-search-extras a:not(.btn):focus {
    color: #056596;
    background: #eef8fc;
    border-color: #86bdd6;
    text-decoration: none;
}

.account-site .modern-search-form .modern-search-detail-header {
    clear: both;
    display: flex;
    min-height: 42px;
    align-items: center;
    justify-content: flex-end;
    margin-top: 12px !important;
    padding: 10px 0 !important;
    color: #526a7a !important;
    background: transparent !important;
    border: 0 !important;
    border-top: 1px solid #edf2f5 !important;
    border-radius: 0 !important;
    font-size: 11.5px;
    font-weight: 750;
    cursor: pointer;
}

.account-site .modern-search-form .modern-search-detail-body {
    float: none !important;
    width: 100% !important;
    padding: 14px 0 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
}

@media (max-width: 991px) {
    .account-site .modern-search-form .modern-search-row {
        grid-template-columns: 92px minmax(0, 1fr) minmax(0, 1fr) 42px;
    }

    .account-site .modern-search-form .modern-search-expression-cell {
        grid-column: 2 / 4;
    }

    .account-site .modern-search-form .modern-search-action-cell {
        grid-column: 4;
        grid-row: 1 / span 2;
        align-self: center;
    }
}

@media (max-width: 640px) {
    .account-site .modern-search-form .modern-search-form-header,
    .account-site .modern-search-form .adminkereso_fejlec {
        padding: 13px 14px !important;
        gap: 10px;
    }

    .account-site .modern-search-form .modern-search-form-body,
    .account-site .modern-search-form #adminkereso {
        padding: 14px !important;
    }

    .account-site .modern-search-form .modern-search-reset {
        text-align: left !important;
    }

    .account-site .modern-search-form .modern-search-reset a {
        width: 100%;
        white-space: normal;
    }

    .account-site .modern-search-form .modern-search-row {
        grid-template-columns: minmax(0, 1fr);
        column-gap: 10px;
    }

    .account-site .modern-search-form .modern-search-link-cell,
    .account-site .modern-search-form .modern-search-column-cell,
    .account-site .modern-search-form .modern-search-operator-cell,
    .account-site .modern-search-form .modern-search-expression-cell {
        grid-column: 1;
    }

    .account-site .modern-search-form .modern-search-link-cell {
        padding-top: 2px !important;
    }

    .account-site .modern-search-form .modern-search-action-cell {
        grid-column: 1;
        grid-row: auto;
        align-self: center;
    }

    .account-site .modern-search-form #ujfeltetel {
        width: 100%;
    }
}

/* ==========================================================================
   FÉLRETETT SZÁMLÁK — list page visual refresh v1
   Existing routes, form actions, conditions, IDs and button handlers remain
   unchanged. Only semantic classes from szamlazo-lista.tpl.php are styled.
   ========================================================================== */

.account-site .draft-invoices-page {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.account-site .draft-invoices-title {
    margin: 0 0 22px !important;
    padding: 0 0 13px !important;
    color: #0b2f46 !important;
    border-bottom: 1px solid #dbe5ec !important;
    font-size: 25px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    text-align: center;
}

.account-site .draft-invoices-toolbar {
    display: flex;
    margin: 0 0 18px !important;
    align-items: center;
    gap: 10px;
}

.account-site .draft-new-invoice-button {
    min-height: 40px !important;
    padding: 8px 15px !important;
    color: #fff !important;
    background: #5bac2f !important;
    border: 1px solid #5bac2f !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: .01em;
}

.account-site .draft-new-invoice-button:hover,
.account-site .draft-new-invoice-button:focus {
    background: #4d9427 !important;
    border-color: #4d9427 !important;
}

.account-site .draft-invoice-search-shell {
    width: 100%;
    margin: 0 0 24px;
}

.account-site .draft-invoice-search-shell > br,
.account-site .draft-invoice-search-shell > .clear {
    display: none;
}

.account-site .draft-invoice-list-form {
    --draft-blue: #006a9f;
    --draft-blue-dark: #00557f;
    --draft-ink: #101b2c;
    --draft-muted: #8a98b3;
    --draft-head: #7c89a4;
    --draft-line: #dfe7f0;
    --draft-head-bg: #f5f8fb;
    --draft-hover: #f9fcfe;

    float: none !important;
    display: block;
    width: 100%;
    margin: 0 0 18px;
    padding: 0;
}

.account-site .draft-invoice-list-header,
.account-site .draft-invoice-list-row {
    float: none !important;
    display: grid !important;
    grid-template-columns: minmax(120px, 1.05fr) minmax(180px, 1.55fr) minmax(130px, 1.05fr) minmax(135px, 1.05fr) minmax(125px, .9fr) minmax(245px, 1.75fr);
    width: 100% !important;
    align-items: center;
    column-gap: 0;
}

.account-site .draft-invoice-list-header {
    min-height: 56px;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--draft-head) !important;
    background: var(--draft-head-bg) !important;
    border: 1px solid var(--draft-line) !important;
    border-radius: 12px 12px 0 0 !important;
    box-shadow: none !important;
}

.account-site .draft-invoice-list-header > [class*="col-"] {
    float: none !important;
    display: flex;
    width: auto !important;
    min-width: 0;
    min-height: 56px;
    margin: 0 !important;
    padding: 0 14px !important;
    align-items: center;
    color: var(--draft-head) !important;
}

.account-site .draft-invoice-list-header > .col-lg-12:not(.draft-invoice-actions-header) {
    display: none !important;
}

.account-site .draft-invoice-list-header label,
.account-site .draft-invoice-list-header b,
.account-site .draft-invoice-list-header span {
    margin: 0;
    color: var(--draft-head) !important;
    font-size: 11.5px;
    font-weight: 800;
    letter-spacing: .05em;
    line-height: 1.25;
    text-transform: uppercase;
}

.account-site .draft-invoice-actions-header {
    min-height: 56px;
}

.account-site .draft-invoice-list-row {
    position: relative;
    min-height: 86px;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--draft-ink);
    background: #fff !important;
    border-top: 0 !important;
    border-right: 1px solid var(--draft-line) !important;
    border-bottom: 1px solid var(--draft-line) !important;
    border-left: 1px solid var(--draft-line) !important;
    box-shadow: none !important;
    transition: background-color .14s ease;
}

.account-site .draft-invoice-list-row:last-of-type {
    border-radius: 0 0 12px 12px;
}

.account-site .draft-invoice-list-row:hover {
    background: var(--draft-hover) !important;
}

.account-site .draft-invoice-list-row > [class*="col-"] {
    float: none !important;
    display: flex;
    width: auto !important;
    min-width: 0;
    min-height: 86px;
    margin: 0 !important;
    padding: 12px 14px !important;
    align-items: center;
    color: var(--draft-ink);
    font-size: 12.5px;
    line-height: 1.35;
}

.account-site .draft-invoice-list-row > .col-lg-12:not(.draft-invoice-actions-cell) {
    display: none !important;
}

.account-site .draft-invoice-list-row label {
    margin: 0;
    color: var(--draft-ink);
    font-size: 12.5px;
    font-weight: 600;
    line-height: 1.35;
}

.account-site .draft-invoice-customer-cell label {
    color: var(--draft-ink);
    font-size: 13.5px;
    font-weight: 750;
}

.account-site .draft-invoice-amount-cell {
    justify-content: flex-end;
    text-align: right;
}

.account-site .draft-invoice-amount-cell b {
    color: #063a62;
    font-size: 13px;
    font-weight: 800;
    white-space: nowrap;
}

.account-site .draft-invoice-number-cell {
    position: relative;
    flex-direction: column;
    align-items: flex-start !important;
    justify-content: center;
}

.account-site .draft-invoice-issuer {
    margin-top: 3px;
    color: var(--draft-muted);
    font-size: 10.5px;
    font-weight: 550;
    line-height: 1.25;
}

.account-site .draft-invoice-paper-icon {
    display: inline-flex;
    margin-top: 5px;
}

.account-site .draft-invoice-paper-icon img {
    width: 17px;
    height: auto;
    opacity: .8;
}

.account-site .draft-invoice-actions-cell {
    display: flex !important;
    min-height: 86px;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
    font-size: 0;
}

.account-site .draft-invoice-actions-cell button {
    position: static !important;
    display: inline-flex !important;
    width: auto !important;
    min-width: 82px !important;
    height: 34px !important;
    min-height: 34px !important;
    margin: 0 !important;
    padding: 6px 11px !important;
    align-items: center;
    justify-content: center;
    background: #fff !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    font-size: 11.5px !important;
    font-weight: 750 !important;
    line-height: 20px !important;
    text-shadow: none !important;
    white-space: nowrap;
    filter: none !important;
}

.account-site .draft-invoice-actions-cell button[name^="btn_szamlareszletek_"] {
    color: #087fb8 !important;
    border-color: #b9d9e8 !important;
}

.account-site .draft-invoice-actions-cell button[name^="btn_szamlareszletek_"]:hover,
.account-site .draft-invoice-actions-cell button[name^="btn_szamlareszletek_"]:focus {
    color: #056596 !important;
    background: #eef8fc !important;
    border-color: #86bdd6 !important;
}

.account-site .draft-invoice-actions-cell button[name^="btn_szamlamegtekint_"] {
    color: #9a6c18 !important;
    border-color: #e1c995 !important;
}

.account-site .draft-invoice-actions-cell button[name^="btn_szamlamegtekint_"]:hover,
.account-site .draft-invoice-actions-cell button[name^="btn_szamlamegtekint_"]:focus {
    color: #7c5510 !important;
    background: #fff8e8 !important;
    border-color: #d4b468 !important;
}

.account-site .draft-invoice-actions-cell button[name^="btn_szamlatorol_"] {
    color: #c23b4a !important;
    border-color: #e7b8bf !important;
}

.account-site .draft-invoice-actions-cell button[name^="btn_szamlatorol_"]:hover,
.account-site .draft-invoice-actions-cell button[name^="btn_szamlatorol_"]:focus {
    color: #a62f3d !important;
    background: #fdf1f3 !important;
    border-color: #d98f99 !important;
}

.account-site .draft-invoice-empty-state {
    margin: 0 0 18px;
    padding: 18px 20px;
    color: #667d8c;
    background: #f8fbfd;
    border: 1px solid #dfe7f0;
    border-radius: 10px;
    font-size: 13px;
}

.account-site .draft-invoice-pager {
    float: none !important;
    width: 100% !important;
    margin: 12px 0 0 !important;
    padding: 0 !important;
}

@media (max-width: 991px) {
    .account-site .draft-invoice-list-header {
        display: none !important;
    }

    .account-site .draft-invoice-list-row {
        grid-template-columns: minmax(0, 1fr) auto;
        min-height: 0;
        margin: 0 0 10px !important;
        border: 1px solid var(--draft-line) !important;
        border-radius: 11px !important;
    }

    .account-site .draft-invoice-list-row > [class*="col-"] {
        min-height: 52px;
        padding: 10px 12px !important;
    }

    .account-site .draft-invoice-customer-cell {
        grid-column: 1;
        grid-row: 1;
    }

    .account-site .draft-invoice-amount-cell {
        grid-column: 2;
        grid-row: 1;
    }

    .account-site .draft-invoice-actions-cell {
        grid-column: 1 / 3;
        grid-row: 2;
        min-height: 48px;
        justify-content: flex-end;
        padding-top: 0 !important;
        border-top: 1px solid #eef3f6;
    }
}

@media (max-width: 560px) {
    .account-site .draft-invoices-title {
        font-size: 21px !important;
    }

    .account-site .draft-invoices-toolbar,
    .account-site .draft-new-invoice-button {
        width: 100%;
    }

    .account-site .draft-invoice-list-row {
        grid-template-columns: 1fr;
    }

    .account-site .draft-invoice-customer-cell,
    .account-site .draft-invoice-amount-cell,
    .account-site .draft-invoice-actions-cell {
        grid-column: 1;
    }

    .account-site .draft-invoice-customer-cell { grid-row: 1; }
    .account-site .draft-invoice-amount-cell {
        grid-row: 2;
        justify-content: flex-start;
        text-align: left;
        padding-top: 0 !important;
    }
    .account-site .draft-invoice-actions-cell {
        grid-row: 3;
        justify-content: flex-start;
    }

    .account-site .draft-invoice-actions-cell button {
        flex: 1 1 auto;
        min-width: 0 !important;
    }
}

/* ==========================================================================
   FELRETETT SZAMLAK — MŰVELETEK HEADER v2
   ========================================================================== */
.account-site .draft-invoice-actions-header {
    justify-content: center;
    text-align: center;
}

.account-site .draft-invoice-actions-header > label {
    width: 100%;
    text-align: center;
}

/* Two-factor authentication challenge */
.account-site .mfa-login {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 430px;
    padding: 44px 18px;
    background: #f3f7f9;
}

.account-site .mfa-login__card {
    width: 100%;
    max-width: 520px;
    box-sizing: border-box;
    padding: 38px 48px 42px;
    text-align: center;
    background: #fff;
    border: 1px solid #dce7ec;
    border-radius: 16px;
    box-shadow: 0 12px 34px rgba(0, 66, 96, .12);
}

.account-site .mfa-login__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    margin-bottom: 14px;
    color: #fff;
    font-size: 32px;
    background: #67bd3e;
    border-radius: 50%;
}

.account-site .mfa-login h1 {
    margin: 0 0 12px;
    color: #004766;
    font-size: 30px;
    line-height: 1.2;
}

.account-site .mfa-login__instruction {
    max-width: 400px;
    margin: 0 auto 28px;
    color: #526570;
    font-size: 16px;
    line-height: 1.55;
}

.account-site .mfa-login label {
    display: block;
    margin-bottom: 9px;
    color: #173f51;
    font-size: 14px;
    font-weight: 700;
}

.account-site .mfa-login__code {
    display: block;
    width: 100%;
    height: 68px;
    box-sizing: border-box;
    padding: 8px 14px;
    color: #073e57;
    font-size: 34px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: .28em;
    text-align: center;
    border: 2px solid #9eb8c4;
    border-radius: 10px;
    outline: none;
}

.account-site .mfa-login__code:focus {
    border-color: #087cad;
    box-shadow: 0 0 0 4px rgba(8, 124, 173, .14);
}

.account-site .mfa-login__help {
    margin: 12px 0 24px;
    color: #6b7c84;
    font-size: 13px;
    line-height: 1.45;
}

.account-site .mfa-login__error {
    margin: 0 0 20px;
    padding: 11px 14px;
    color: #8b2424;
    font-size: 14px;
    line-height: 1.4;
    background: #fff0f0;
    border: 1px solid #efc0c0;
    border-radius: 8px;
}

.account-site .mfa-login__submit button,
.account-site .mfa-login__submit input[type="submit"] {
    min-width: 180px;
    min-height: 44px;
    padding: 9px 28px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    background: #087cad;
    border: 0;
    border-radius: 8px;
    cursor: pointer;
}

.account-site .mfa-login__submit button:hover,
.account-site .mfa-login__submit input[type="submit"]:hover {
    background: #00658f;
}

@media (max-width: 560px) {
    .account-site .mfa-login {
        min-height: 360px;
        padding: 24px 12px;
    }

    .account-site .mfa-login__card {
        padding: 28px 20px 32px;
    }

    .account-site .mfa-login h1 {
        font-size: 25px;
    }

    .account-site .mfa-login__code {
        font-size: 29px;
    }
}

/* Admin mobile navigation */
@media (max-width: 991px) {
    .account-site .account-admin-shell .account-mobile-nav {
        width: 100%;
        margin: 0;
        padding: 12px 16px;
    }
    .account-site .account-mobile-nav > .custom_button {
        display: inline-flex;
        width: auto;
        min-width: 100px;
        height: 44px;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 0 14px;
        color: var(--account-navy);
        background: #eef8fc !important;
        border: 1px solid #b8d4e2;
        border-radius: 10px;
        font-size: 15px;
        font-weight: 600;
        line-height: 1;
    }
    .account-site .account-mobile-nav > .custom_button::after {
        display: none;
    }
    .account-site .account-mobile-nav > .custom_button:focus-visible {
        outline: 3px solid #087fb8;
        outline-offset: 2px;
    }
    .account-site .account-mobile-nav.open > .custom_button,
    .account-site .account-mobile-nav > .custom_button:hover {
        background: #d8edf7 !important;
    }
    .account-site .account-mobile-nav .account-menu-icon {
        display: inline-block;
        width: 18px;
        height: 14px;
        border-top: 2px solid currentColor;
        border-bottom: 2px solid currentColor;
        background: linear-gradient(currentColor, currentColor) center / 100% 2px no-repeat;
    }
    .account-site .account-mobile-nav > .dropdown-menu {
        top: 100%;
        right: 16px;
        left: 16px;
        width: auto;
        min-width: 0;
        max-height: 60vh;
        max-height: 60dvh;
        margin: 0;
        padding: 8px;
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior: contain;
    }
    .account-site .account-mobile-nav > .dropdown-menu > li > a {
        display: block;
        min-height: 44px;
        margin: 0;
        padding: 12px;
        white-space: normal;
        overflow-wrap: anywhere;
        line-height: 20px;
    }
}
/* Phone invoice list: one aligned, locally scrollable table instead of two
   oversized rows whose fixed grid tracks exceeded their containing block. */
@media (max-width: 767px) {
    .account-site form#id_szamlak {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        overflow-x: auto;
        overscroll-behavior-x: contain;
    }
    .account-site form#id_szamlak > .invoice-list-header,
    .account-site form#id_szamlak > .invoice-list-row,
    .account-site form#id_szamlak > .bgcolor_ccc {
        box-sizing: border-box;
        width: 1320px !important;
        min-width: 1320px !important;
        max-width: none !important;
        float: none !important;
    }
    .account-site form#id_szamlak > .invoice-list-header,
    .account-site form#id_szamlak > .invoice-list-row {
        display: grid !important;
        grid-template-columns: 40px 200px 190px 100px 100px 110px 110px 150px 180px 140px !important;
        grid-template-rows: auto !important;
        align-items: center !important;
        padding: 0 !important;
    }
    .account-site form#id_szamlak > .invoice-list-header {
        min-height: 64px !important;
    }
    .account-site form#id_szamlak > .invoice-list-row {
        min-height: 156px !important;
        position: relative !important;
    }
    .account-site form#id_szamlak > .invoice-list-header > div,
    .account-site form#id_szamlak > .invoice-list-row > div {
        grid-row: 1 !important;
    }
    .account-site form#id_szamlak > .invoice-list-header > div:nth-child(1),
    .account-site form#id_szamlak > .invoice-list-row > div:first-child { grid-column: 1 !important; }
    .account-site form#id_szamlak > .invoice-list-header > div:nth-child(2),
    .account-site form#id_szamlak > .invoice-list-row > .invoice-customer-cell { grid-column: 2 !important; }
    .account-site form#id_szamlak > .invoice-list-header > div:nth-child(3),
    .account-site form#id_szamlak > .invoice-list-row > .invoice-number-cell { grid-column: 3 !important; }
    .account-site form#id_szamlak > .invoice-list-header > div:nth-child(5),
    .account-site form#id_szamlak > .invoice-list-row > div:nth-child(5) { grid-column: 4 !important; }
    .account-site form#id_szamlak > .invoice-list-header > div:nth-child(6),
    .account-site form#id_szamlak > .invoice-list-row > div:nth-child(6) { grid-column: 5 !important; }
    .account-site form#id_szamlak > .invoice-list-header > div:nth-child(7),
    .account-site form#id_szamlak > .invoice-list-row > .invoice-due-date-cell { grid-column: 6 !important; }
    .account-site form#id_szamlak > .invoice-list-header > div:nth-child(9),
    .account-site form#id_szamlak > .invoice-list-row > div:has(> a[onclick*="EmailAtvetel("]) { grid-column: 7 !important; }
    .account-site form#id_szamlak > .invoice-list-header > .invoice-settlement-column,
    .account-site form#id_szamlak > .invoice-list-row > .invoice-settlement-cell { grid-column: 8 !important; }
    .account-site form#id_szamlak > .invoice-list-header > div:nth-child(12),
    .account-site form#id_szamlak > .invoice-list-row > .szoveg_jobbra.hidden-sm.hidden-xs { grid-column: 9 !important; }
    .account-site form#id_szamlak > .invoice-list-header > div:nth-child(13),
    .account-site form#id_szamlak > .invoice-list-row > .hidden-sm.hidden-xs:has(> button[name^="szamlamegtekint_"]) { grid-column: 10 !important; }
    .account-site form#id_szamlak > .invoice-list-row > .invoice-number-cell,
    .account-site form#id_szamlak > .invoice-list-row > .invoice-customer-cell {
        white-space: normal !important;
        overflow-wrap: anywhere;
    }
}


/* Keep number-block data outside legacy flex header containers. */
.account-site .invoice-number-blocks { clear: both; width: 100%; margin: 24px 0; }
.account-site .invoice-number-blocks h2 { margin: 0 0 12px; font-size: 20px; }
.account-site .invoice-number-blocks-table { width: 100%; min-width: 680px; }
.account-site .invoice-number-blocks-table td { color: var(--account-dark); vertical-align: top; }
/* Supplier billing labels must grow with their content instead of overlapping rows. */
.account-site #tab2 fieldset.adminadmin_szallitomodositas { height: auto; min-height: 0; }
.account-site #tab2 fieldset.adminadmin_szallitomodositas > table { width: 100%; border-collapse: separate; border-spacing: 0 4px; }
.account-site #tab2 fieldset.adminadmin_szallitomodositas > table > tbody > tr > td { height: auto; vertical-align: top; padding: 6px 10px 6px 0; line-height: 1.45; }
.account-site #tab2 fieldset.adminadmin_szallitomodositas td.bal { width: 36%; min-width: 160px; }
.account-site #tab2 fieldset.adminadmin_szallitomodositas td.jobb { line-height: 1.5; }
.account-site #tab2 fieldset.adminadmin_szallitomodositas label { height: auto; line-height: 1.45; white-space: normal; }

/* Keep formatted invoice amounts together, including space-separated millions. */
[id^="id_nettoegysegar_text_"],
[id^="id_nettoar_text_"],
[id^="id_bruttoar_text_"] {
    white-space: nowrap;
    overflow-wrap: normal !important;
    word-break: normal;
}


/* Invoice details: shared grey headers and aligned read-only data columns. */
.account-site fieldset.invoice-detail-table {
    min-width: 0;
    max-width: 100%;
    overflow-x: auto;
    padding: 20px;
    background: #fff;
    border: 1px solid #dce4ec;
    border-radius: 12px;
}
.account-site .invoice-detail-table > legend {
    margin-bottom: 14px;
    padding: 0 8px;
    color: #263c50;
    font-size: 16px;
    font-weight: 700;
}
.account-site .invoice-detail-table .fejlec_hatterszin {
    min-height: 44px !important;
    height: auto !important;
    padding: 0 !important;
    color: #7c89a4 !important;
    background: #f5f8fb !important;
    border: 1px solid #e0e7ef !important;
    border-radius: 8px 8px 0 0;
    box-shadow: none;
}
.account-site .invoice-detail-table .fejlec_hatterszin > div {
    min-height: 44px;
    margin: 0 !important;
    padding: 12px !important;
    color: #7c89a4 !important;
    line-height: 1.4;
}
.account-site .invoice-detail-table .fejlec_hatterszin b,
.account-site .invoice-detail-table .fejlec_hatterszin label,
.account-site .invoice-detail-table .fejlec_hatterszin span,
.account-site .invoice-detail-table .fejlec_hatterszin a {
    margin: 0;
    color: #7c89a4 !important;
    font-size: 12px;
    font-weight: 700;
}
.account-site .invoice-detail-table .bgcolor_eee,
.account-site .invoice-detail-table .bgcolor_ccc {
    background: #fff !important;
    border-color: #e4eaf0 !important;
}
.account-site .invoice-detail-table .bgcolor_eee > .col-lg-12:only-child,
.account-site .invoice-detail-table .bgcolor_ccc > .col-lg-12:only-child {
    margin: 0 !important;
    padding: 14px 12px !important;
    line-height: 1.4;
}
.account-site .invoice-detail-table .invoice-detail-columns-4,
.account-site .invoice-detail-table .invoice-detail-columns-3 {
    display: grid;
    width: 100%;
    min-width: 520px;
    align-items: center;
    padding: 0 !important;
}
.account-site .invoice-detail-table .invoice-detail-columns-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.account-site .invoice-detail-table .invoice-detail-columns-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.account-site .invoice-detail-table .invoice-detail-columns-4 > div,
.account-site .invoice-detail-table .invoice-detail-columns-3 > div {
    float: none;
    width: auto;
    min-width: 0;
    margin: 0 !important;
    padding: 12px !important;
    text-align: right !important;
    font-variant-numeric: tabular-nums;
    line-height: 1.45;
}
.account-site .invoice-detail-table .invoice-detail-columns-4 > div:first-child {
    text-align: left !important;
}
.account-site .invoice-detail-table .invoice-detail-columns-3 > div:nth-child(n+4) {
    grid-column: 1 / -1;
    padding-top: 0 !important;
    color: #6b7b8d;
    font-size: 13px;
}
.account-site .invoice-detail-table .invoice-detail-columns-3:not(.fejlec_hatterszin) > div:nth-child(-n+3) {
    font-weight: 650;
}
.account-site .invoice-detail-table .invoice-detail-payment-head,
.account-site .invoice-detail-table .invoice-detail-payment-row,
.account-site .invoice-detail-table .invoice-detail-payment-total-label,
.account-site .invoice-detail-table .invoice-detail-payment-total-value {
    display: grid;
    grid-template-columns: 1fr 1.2fr 1.4fr 1fr 1.4fr .7fr;
    width: 100%;
    min-width: 700px;
    align-items: center;
    padding: 0 !important;
}
.account-site .invoice-detail-table .invoice-detail-payment-row {
    min-height: 54px;
    border-bottom: 1px solid #e4eaf0;
}
.account-site .invoice-detail-table .invoice-detail-payment-head > div,
.account-site .invoice-detail-table .invoice-detail-payment-row > div,
.account-site .invoice-detail-table .invoice-detail-payment-total-label > div,
.account-site .invoice-detail-table .invoice-detail-payment-total-value > div {
    float: none;
    width: auto;
    min-width: 0;
    margin: 0 !important;
    padding: 12px !important;
    text-align: left !important;
    overflow-wrap: anywhere;
    line-height: 1.45;
}
.account-site .invoice-detail-table .invoice-detail-payment-head > div:nth-child(4),
.account-site .invoice-detail-table .invoice-detail-payment-row > div:nth-child(4),
.account-site .invoice-detail-table .invoice-detail-payment-total-value > div {
    text-align: right !important;
    font-variant-numeric: tabular-nums;
}
.account-site .invoice-detail-table .invoice-detail-payment-head > div:last-child,
.account-site .invoice-detail-table .invoice-detail-payment-row > div:last-child {
    text-align: center !important;
}
.account-site .invoice-detail-table .invoice-detail-payment-total-label > div { grid-column: 1 / -1; }
.account-site .invoice-detail-table .invoice-detail-payment-total-value > div { grid-column: 4; }
    .account-site .invoice-detail-table .invoice-detail-item-head,
    .account-site .invoice-detail-table .invoice-detail-item-values {
        display: grid;
        grid-template-columns: minmax(180px, 3fr) 110px 100px minmax(100px, 1.15fr) minmax(95px, 1fr) 95px minmax(90px, 1fr) minmax(95px, 1fr);
        width: 100%;
        min-width: 865px;
        align-items: start;
        margin: 0 !important;
        padding: 0 !important;
    }
    .account-site .invoice-detail-table .invoice-detail-item-head > div,
    .account-site .invoice-detail-table .invoice-detail-item-values > div {
        float: none;
        width: auto;
        min-width: 0;
        height: auto !important;
        margin: 0 !important;
        padding: 12px !important;
        text-align: right !important;
        line-height: 1.45;
        font-variant-numeric: tabular-nums;
        overflow-wrap: anywhere;
    }
    .account-site .invoice-detail-table .invoice-detail-item-head > .horizontal_bottom_line_zold {
        display: none !important;
    }
    .account-site .invoice-detail-table .invoice-detail-item-head > div:nth-child(-n+2),
    .account-site .invoice-detail-table .invoice-detail-item-values > div:nth-child(-n+2) {
        text-align: left !important;
    }
    .account-site .invoice-detail-table .invoice-detail-item-values > div:only-child {
        grid-column: 1 / -1;
        font-weight: 650;
    }
    .account-site .invoice-detail-table .invoice-detail-item-row {
        width: 100%;
        min-width: 865px;
        background: #fff !important;
    }
    .account-site .invoice-detail-table .invoice-detail-item-row:nth-of-type(even) {
        background: #fafbfd !important;
    }
@media (max-width: 767px) {
    .account-site fieldset.invoice-detail-table { padding: 12px; }
}

.account-site .invoice-detail-table .invoice-detail-item-head,
.account-site .invoice-detail-table .invoice-detail-item-values { display: grid !important; }
.account-site .invoice-detail-table .invoice-detail-item-head > div {
    display: block !important;
    overflow-wrap: normal;
    word-break: normal;
}
.account-site .invoice-detail-table .invoice-detail-item-head > .horizontal_bottom_line_zold,
.account-site .invoice-detail-table .invoice-detail-item-row > div:not(.invoice-detail-item-values) {
    display: none !important;
}
.account-site .invoice-detail-table .invoice-detail-item-row,
.account-site .invoice-detail-table .invoice-detail-item-values {
    float: none !important;
    width: 100% !important;
}
.account-site .invoice-detail-table .invoice-detail-item-values > div {
    color: #2f4457;
}

.account-site .invoice-detail-table .invoice-detail-item-values,
.account-site .invoice-detail-table .invoice-detail-payment-row,
.account-site .invoice-detail-table .invoice-detail-payment-total-value {
    box-sizing: border-box;
    border-right: 1px solid #e4eaf0;
    border-left: 1px solid #e4eaf0;
    border-bottom: 1px solid #e4eaf0 !important;
}

.account-site .invoice-detail-table > legend {
    float: none !important;
    width: auto;
    line-height: 1.4;
}
.account-site .invoice-detail-table .fejlec_hatterszin,
.account-site .invoice-detail-table .invoice-detail-item-row,
.account-site .invoice-detail-table .invoice-detail-columns-4,
.account-site .invoice-detail-table .invoice-detail-columns-3 {
    float: none !important;
    clear: both;
}


/* Shared buyer/supplier password-reset presentation. */
.account-site .password-reset-shell {
    max-width: 960px;
    min-height: 0;
    margin: 36px auto !important;
    padding-bottom: 0;
}
.account-site .password-reset-shell .password-reset-main {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
.account-site .password-reset-card {
    width: 100%;
    max-width: 560px;
    margin: 36px auto 42px;
    color: #334b5d;
    font-size: 15px;
    line-height: 1.65;
}
.account-site .password-reset-card h1 {
    margin: 0 0 20px;
    padding: 0 0 16px;
    text-align: left;
    font-size: 28px;
    line-height: 1.25;
}
.account-site .password-reset-card form { width: 100%; max-width: none !important; }
.account-site .password-reset-card p { margin: 0 0 20px; }
.account-site .password-reset-card label {
    display: block;
    margin-bottom: 8px;
    color: #334b5d;
    font-weight: 600;
}
.account-site .password-reset-card .form-control { width: 100%; min-height: 44px; margin-top: 8px; }
.account-site .password-reset-card .btn,
.account-site .password-reset-card button {
    min-height: 44px;
    padding: 11px 20px;
    color: #fff;
    background: #0877b5;
    border: 1px solid #0877b5;
    border-radius: 8px;
}
.account-site .password-reset-card .formuzenet:not(:empty) {
    margin-bottom: 18px;
    color: #a52c36;
    line-height: 1.5;
}
.account-site .password-reset-card .password-reset-account,
.account-site .password-reset-card .password-reset-help { color: #657887; font-size: 14px; }
.account-site .password-reset-card a { color: #0877b5; text-decoration: underline; text-underline-offset: 3px; }
.account-site .password-reset-card a:hover { color: #123d59; }
.account-site .password-reset-submit { margin: 22px 0; }
@media (max-width: 767px) {
    .account-site .password-reset-shell { width: calc(100% - 24px); margin: 12px auto !important; }
    .account-site .password-reset-card { margin: 26px auto; }
    .account-site .password-reset-card h1 { font-size: 24px; }
    .account-site .password-reset-card button { width: 100%; white-space: normal; }
}

.account-site .password-reset-shell > .row:first-child { padding-top: 0 !important; }
.account-site .password-reset-card form { margin-bottom: 24px; }
.account-site .password-reset-card p { line-height: 1.65; }
.account-site .password-reset-card p > label + .form-control { margin-top: 0; }