/* barvy můžeš změnit přes CSS proměnné */
:root {
    --alm-best: #0f9d58; /* zelená */
    --alm-worst: #d93025; /* červená */
}


body {
    line-height: 1.5 !important;
}

.logoitender {
    font-size: 2.5rem;
    font-weight: 700;
    color: rgba(3, 25, 116, 1);
    font-family: 'Poppins', sans-serif;
}

.ptb-50 {
    padding-top: 50px;
    padding-bottom: 50px;
}

.ptb-25 {
    padding-top: 25px;
    padding-bottom: 25px;
}

.ptb-15 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.p-10 {
    padding: 10px;
}

.pb-30 {
    padding-bottom: 30px;
}

.h1-header {
    font-size: 30px;
    font-weight: 500;
}

.breadcrumb-bar {
    padding-top: 5px;
    padding-bottom: 5px;
}

.page-header-section {
    padding-top: 25px;
}

.form-input-fields h2 {
    font-size: 1.3rem;
    padding-bottom: 5px;
}

.form-input-fields h3 {
    font-size: 1rem;
    padding-bottom: 15px;
}

.grey {
    color: #c1c1c1;
}

.form-help {
    font-size: 0.7em;
    color: rgb(0, 39, 198);
    line-height: 15px!important;

}

.it-validation-summary {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    border: 1px solid #f1b6b2;
    border-left: 5px solid #c9352b;
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(58, 25, 30, .08);
}

.it-validation-summary[hidden] {
    display: none !important;
}

.it-validation-summary > .fa-circle-exclamation {
    margin-top: 3px;
    font-size: 1.1rem;
}

.it-validation-summary ul {
    margin: 6px 0 0;
    padding-left: 20px;
}

.it-validation-summary li + li {
    margin-top: 3px;
}

.it-field-feedback {
    display: block;
    margin-top: 5px;
    color: #b42318;
    font-size: .78rem;
    line-height: 1.35;
}

.it-field-invalid {
    color: #b42318;
}

.it-password-field {
    position: relative;
}

.it-password-field > .form-control {
    padding-right: 46px;
}

.it-password-toggle {
    position: absolute;
    top: 50%;
    right: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0;
    transform: translateY(-50%);
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: #52627a;
    cursor: pointer;
    transition: background .2s, color .2s;
}

.it-password-toggle:hover,
.it-password-toggle:focus-visible {
    background: #edf4ff;
    color: #123b7a;
}

.it-password-toggle:focus-visible {
    outline: 2px solid #1769e0;
    outline-offset: 1px;
}

.it-password-guide {
    margin: -4px 0 18px;
    padding: 12px 14px;
    border: 1px solid #e3eaf3;
    border-radius: 10px;
    background: linear-gradient(135deg, #f8faff 0%, #f3f7fc 100%);
    color: #53647b;
}

.it-password-guide-heading {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #344967;
    font-size: .78rem;
    font-weight: 600;
    line-height: 1.35;
}

.it-password-guide-heading > .fa-shield-halved {
    color: #4774b8;
}

.it-password-guide-status {
    margin-left: auto;
    padding: 3px 8px;
    border-radius: 20px;
    background: #e8eef7;
    color: #52657e;
    font-size: .68rem;
    font-weight: 600;
    white-space: nowrap;
}

.it-password-guide.is-complete {
    border-color: #c9e6d5;
    background: linear-gradient(135deg, #f5fbf7 0%, #eef8f2 100%);
}

.it-password-guide.is-complete .it-password-guide-status {
    background: #dff2e6;
    color: #16794b;
}

.it-password-checklist {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px 10px;
    margin: 10px 0 0;
    padding: 0;
    list-style: none;
}

.it-password-checklist li {
    display: flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
    padding: 7px 9px;
    border: 1px solid #e5ebf3;
    border-radius: 7px;
    background: rgba(255, 255, 255, .82);
    color: #586980;
    font-family: 'Open Sans', sans-serif;
    font-size: .78rem !important;
    font-weight: 400;
    line-height: 1.3;
    transition: color .18s;
}

.it-password-rule-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    border: 1px solid #c3cedc;
    border-radius: 50%;
    background: #fff;
    color: transparent;
    font-family: Arial, sans-serif;
    font-size: 10px;
    font-weight: 700;
    transition: background .18s, border-color .18s, color .18s;
}

.it-password-checklist li.is-valid {
    border-color: #cce6d5;
    background: #f7fcf8;
    color: #16794b;
}

.it-password-checklist li.is-valid .it-password-rule-icon {
    border-color: #16794b;
    background: #e8f6ee;
    color: #16794b;
}

.it-password-checklist li.is-valid .it-password-rule-icon::before {
    content: "\2713";
}

.it-password-checklist li.is-invalid {
    border-color: #f0d7d4;
    background: #fffafa;
    color: #9c3d37;
}

.it-password-checklist li.is-invalid .it-password-rule-icon {
    border-color: #dfa6a1;
    background: #fff7f6;
}

.it-file-picker.it-field-invalid {
    border-color: #b42318;
    background: #fff7f6;
}

.it-validation-shake {
    animation: it-validation-shake .32s ease-in-out;
}

@keyframes it-validation-shake {
    25%, 75% { transform: translateX(-3px); }
    50% { transform: translateX(3px); }
}

.it-tender-wizard .contact-us-content {
    margin-bottom: 22px;
    padding: clamp(18px, 3vw, 30px);
    border: 1px solid #e6ebf4;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 12px 34px rgba(24, 47, 86, .07);
}

.it-tender-wizard .help-center-left h3 {
    margin: 0 0 8px;
    padding: 12px 14px;
    border-left: 3px solid transparent;
    border-radius: 0 8px 8px 0;
    transition: color .2s, background .2s, border-color .2s;
}

.it-tender-wizard .help-center-left h3.grey {
    color: #8994a8;
}

.it-tender-wizard .help-center-left h3:not(.grey) {
    border-left-color: #1769e0;
    background: #edf4ff;
    color: #123b7a;
    font-weight: 600;
}

.it-tender-wizard .table-styled thead th,
.poptavkaform .table-styled thead th {
    border-color: #dce5f2;
    background: #f2f6fc;
    color: #263c61;
    font-weight: 600;
}

.poptavkaform .white-bg.rounded {
    margin-bottom: 16px;
    border: 1px solid #e6ebf4;
    border-radius: 14px !important;
    box-shadow: 0 10px 28px rgba(24, 47, 86, .06);
}

.poptavkaform .gridinput {
    min-width: 120px;
}

.it-person-mode-help {
    margin: -4px 0 16px;
    padding: 9px 12px;
    border-left: 3px solid #4774b8;
    border-radius: 0 7px 7px 0;
    background: #f2f6fc;
    color: #435a79;
    font-size: .82rem;
}

.it-person-mode-help[hidden],
.it-dynamic-required[hidden] {
    display: none !important;
}

@media (prefers-reduced-motion: reduce) {
    .it-validation-shake {
        animation: none;
    }
}

@media (max-width: 420px) {
    .it-password-checklist {
        grid-template-columns: 1fr;
        gap: 6px;
    }

    .it-password-checklist li {
        padding: 6px 8px;
    }
}

.bootstrap-timepicker-widget .it-timepicker-up,
.bootstrap-timepicker-widget .it-timepicker-down {
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    vertical-align: middle;
}

.bootstrap-timepicker-widget .it-timepicker-up {
    border-bottom: 8px solid currentColor;
}

.bootstrap-timepicker-widget .it-timepicker-down {
    border-top: 8px solid currentColor;
}

.schovej {
    display: none;
    visibility: hidden;
}

.help-center-left h3 {
    font-size: 1em;
    font-weight: 300;
    line-height: 15px;
}

.odkaz {
    color:#000000;
    font-weight: bold;
}

.odkaz:hover {
    text-decoration: underline;
}

.divider {
    padding-bottom: 15px;
    margin-top: 15px;
    border-top: 1px solid rgba(3, 25, 116, 1);
}

.table .grid-actions-cell {
    width: 1%;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.grid-actions {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    vertical-align: middle;
}

.grid-text-cell { overflow-wrap: anywhere; }

.it-supplier-declined td { color: #98a2b3; background: #f4f6fa; }
.it-supplier-declined td .it-declined-name { text-decoration: line-through; }
.it-declined-badge {
    display: inline-block;
    margin-left: 8px;
    padding: 2px 8px;
    border-radius: 10px;
    background: #eaecf0;
    color: #475467;
    font-size: .72rem;
    font-weight: 600;
    vertical-align: middle;
}

.it-file-downloads {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 16px;
    padding: 6px;
}

.it-file-downloads-label { color: #64748b; font-size: .78rem; font-weight: 600; }
.it-file-downloads-list { display: flex; flex-wrap: wrap; gap: 8px; min-width: 0; max-width: 100%; }

a.it-file-download {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    max-width: 100%;
    min-width: 0;
    min-height: 44px;
    padding: 7px 10px 7px 7px;
    border: 1px solid #dce5f2;
    border-radius: 10px;
    background: #fff;
    color: #193969;
    text-decoration: none;
    box-shadow: 0 2px 4px rgba(24, 39, 75, .04);
    transition: border-color .15s, background-color .15s, box-shadow .15s;
}

.it-file-download-type {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 30px;
    height: 34px;
    border-radius: 7px;
    background: #fff0f2;
    color: #bd283d;
    font-size: 17px;
}

.it-file-download-name { min-width: 0; overflow-wrap: anywhere; font-size: .82rem; font-weight: 500; }
.it-file-download-action { flex: 0 0 auto; margin-left: auto; color: #175cd3; font-size: 13px; }
a.it-file-download:hover { border-color: #9abbea; background: #f5f9ff; color: #175cd3; box-shadow: 0 3px 8px rgba(24, 39, 75, .08); }
a.it-file-download:focus-visible { outline: 3px solid #005bff; outline-offset: 3px; }

@media (max-width: 575px) {
    .it-file-downloads { align-items: flex-start; flex-direction: column; gap: 8px; padding: 3px; }
    .it-file-downloads-list { width: 100%; }
    .it-file-downloads-list a.it-file-download { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
    a.it-file-download { transition: none; }
}

.btn.grid-btn {
    --action-color: #175cd3;
    --action-bg: #edf4ff;
    --action-border: #cddfff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 36px;
    height: 36px;
    padding: 0;
    border: 1px solid var(--action-border);
    border-radius: 10px;
    background: var(--action-bg);
    color: var(--action-color);
    font-size: 15px;
    line-height: 1;
    text-decoration: none;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .7), 0 2px 4px rgba(24, 39, 75, .04);
    transition: background-color .15s, color .15s, border-color .15s, box-shadow .15s, transform .15s;
}

.btn.grid-btn--edit {
    --action-color: #8c5700;
    --action-bg: #fff7e6;
    --action-border: #f3dfb2;
}

.btn.grid-btn--delete {
    --action-color: #bd283d;
    --action-bg: #fff0f2;
    --action-border: #f3ccd3;
}

.btn.grid-btn--unlock {
    --action-color: #147355;
    --action-bg: #ebf8f2;
    --action-border: #c5e8d8;
}

.btn.grid-btn--chat {
    --action-color: #6650ad;
    --action-bg: #f3efff;
    --action-border: #ddd4f5;
}

.btn.grid-btn:not(:disabled):not(.aspNetDisabled):not([aria-disabled="true"]):hover {
    border-color: var(--action-color);
    background: var(--action-color);
    color: #fff;
    box-shadow: 0 3px 7px rgba(24, 39, 75, .14);
    transform: translateY(-1px);
}

.btn.grid-btn:focus-visible {
    outline: 3px solid #005bff;
    outline-offset: 3px;
}

.btn.grid-btn:not(:disabled):not(.aspNetDisabled):not([aria-disabled="true"]):active {
    transform: translateY(0);
    box-shadow: none;
}

.btn.grid-btn:is(:disabled, .aspNetDisabled, [aria-disabled="true"]) {
    border-color: #e0e5ec;
    background: #f1f3f6;
    color: #798391;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1;
}

@media (pointer: coarse) {
    .btn.grid-btn {
        width: 44px;
        height: 44px;
    }

    .grid-actions { gap: 8px; }
}

@media (prefers-reduced-motion: reduce) {
    .btn.grid-btn { transition: none; }
    .btn.grid-btn:not(:disabled):not(.aspNetDisabled):not([aria-disabled="true"]):hover { transform: none; }
}

.table td, .table th {
    padding: 5px;
}

.feature-new-tab li.nav-item.show .nav-link, .feature-new-tab .nav-link.active h2 {
    color: #fff;
}


.ptb-30 {
    padding: 30px 0;
}

.plrtb-15 {
    padding: 15px 15px;
}



/*POPTAVKA FORM*/
.poptavkaform h2 {
    font-size: 1.125rem;
}


.info-box {
    max-width: 400px;
}

    .info-box dt,
    .info-box dd {
        margin: 0;
        box-sizing: border-box;
        width: 50%;
        display: inline-block;
    }

        

        .info-box dt {
            text-align: left;
            font-weight: bold;
        }

    .info-box dd {
        text-align: right;
        float: right;
    }

/*POPTAVKA FORM*/
@media (min-width: 320px) and (max-width: 767px) {
    .header-nav-last-item .btn {
        padding: 5px 20px;
        margin-bottom: 10px;
        font-size: 14px;
    }

    .mt-10 {
        margin-top: 5px;
    }

    .offer-box {
        margin-top: 30px;
    }

    .footer-nav-wrap h4 {
        margin-bottom: 0px;
    }

    .list-inline, .footer-nav-wrap {
        margin-bottom: 30px;
    }
}


.own-badge-info {
    display: inline-block;
    width: 15px;
    height: 15px;
    line-height: 14px;
    border-radius: 50%;
    background-color: rgba(3, 25, 116, 1); /* nebo vlastní barva */
    color: #fff;
    font-size: 10px;
    text-align: center;
    cursor: pointer;
    margin-left: 5px;
   font-weight:600;
}



#toast-root {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 9999;
    pointer-events: none;
}

.toast {
    pointer-events: auto;
    max-width: 360px;
    padding: 14px 18px;
    border-radius: 12px;
    color: #fff;
    background: linear-gradient(135deg, #1f4ed6, #0b2f9a);
    box-shadow: 0 10px 25px -10px rgba(0,0,0,.45);
    font-size: 15px;
    line-height: 1.4;
    transform: translateY(140%);
    opacity: 0;
    transition: transform .38s cubic-bezier(.22,.61,.36,1), opacity .38s ease;
}

    .toast.show {
        transform: translateY(0);
        opacity: 1;
    }

    .toast.hide {
        transform: translateY(140%);
        opacity: 0;
    }

@media (max-width: 640px) {
    #toast-root {
        right: 0;
        left: 0;
        bottom: 14px;
        display: flex;
        justify-content: center;
    }

    .toast {
        max-width: none;
        width: calc(100% - 28px);
    }
}



/*PROFILE MENU*/

.profile-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    overflow: hidden;
}

    .profile-menu li {
        border-bottom: 1px solid #f1f1f1;
    }

        .profile-menu li:last-child {
            border-bottom: none;
        }

    .profile-menu a {
        display: block;
        padding: 12px 18px;
        color: #1a1a1a;
        text-decoration: none;
        font-weight: 500;
        position: relative;
        transition: all 0.3s ease;
    }

        .profile-menu a::before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            width: 4px;
            height: 100%;
            background: #007bff;
            transform: scaleY(0);
            transition: transform 0.3s ease;
            transform-origin: top;
        }

        .profile-menu a:hover {
            background: #f5f9ff;
            color: #007bff;
            padding-left: 24px;
        }

            .profile-menu a:hover::before {
                transform: scaleY(1);
            }


        .profile-menu a.active {
            background: #007bff;
            color: #fff;
            font-weight: 600;
            padding-left: 24px;
        }

            .profile-menu a.active::before {
                transform: scaleY(1);
                background: #0056b3; /* tmavší modrá pro kontrast */
            }

/*TABULKA*/

/* ====== TABLE STYLED ====== */
.table-styled {
    --tb-bg: #fff;
    --tb-border: #e9eef5;
    --tb-head-bg: #f7f9fc;
    --tb-head-txt: #0b1633;
    --tb-row-hover: #f2f7ff;
    --tb-primary: #0d6efd; /* doladíš podle brandu */
    --tb-success: #2fbf71;
    --tb-warning: #ffb200;
    --tb-danger: #e55353;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: var(--tb-bg);
    border: 1px solid var(--tb-border);
    border-radius: 12px;
    overflow: hidden; /* zaoblení */
    box-shadow: 0 4px 14px rgba(12, 32, 67, .06);
    font-size: 15px;
}

    /* Hlavička */
    .table-styled thead th {
        position: sticky; /* sticky header */
        top: 0;
        z-index: 1;
        background: var(--tb-head-bg);
        color: var(--tb-head-txt);
        text-align: left;
        font-weight: 700;
        padding: 12px 14px;
        letter-spacing: .2px;
    }

    /* Buňky */
    .table-styled td {
        padding: 12px 14px;
        border-bottom: 1px solid var(--tb-border);
        vertical-align: top;
    }


:root {
    --radius-ui: 0px; /* globální radius pro inputy, tabulky, boxy */
}

input,
textarea,
select {
    border-radius: var(--radius-ui);
}

.table-styled {
    border-radius: var(--radius-ui);
}


    /* Zebra řádky */
    .table-styled tbody tr:nth-child(odd) {
        background: #fff;
    }

    .table-styled tbody tr:nth-child(even) {
        background: #f9f9f9; /* jemná šedá */
    }

    /* Hover efekt */
    .table-styled tbody tr:hover {
        background: #eef5ff; /* světlá modrá/šedá, můžeš doladit */
        transition: background 0.2s ease-in-out;
    }

    /* Jemná linka pod celou hlavičkou */
    .table-styled thead tr {
        border-bottom: 1px solid #d5d9e0;
    }




/*TENDER MATRIX*/
/* Vnější "karta" s rámečkem a stínem */
.tm6-outer {
    background: #fff;
    border: 1px solid #e5e7eb;
    box-shadow: 0 6px 18px rgba(16,24,40,.06);
    overflow: hidden; /* odřízne případné prolínání u krajů */
    padding-bottom: 6px;
}

/* Horizontální scroll */
.tm6-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 6px; /* rezerva pro scrollbar */
    background: transparent;
    border: 0;
}

/* Tabulka */
.tm6-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: auto; /* přirozené šířky */
    min-width: 100%;
    background: transparent;
}

    /* Buňky */
    .tm6-table th,
    .tm6-table td {
        padding: 10px 14px;
        border-bottom: 1px solid #e5e7eb;
        border-right: 1px solid #eef2f7;
        white-space: nowrap;
        color: #0f172a;
        background: #fff; /* bílé pozadí, ne průhledné */
    }

    /* Hlavička */
    .tm6-table thead th {
        position: sticky;
        top: 0;
        z-index: 3;
        background: #f6f9fc !important;
        font-weight: 700;
    }

/* První sloupec (název položky) */
.tm6-sticky {
    position: sticky;
    left: 0;
    z-index: 4;
    background: #fff !important;
    min-width: 180px;
    max-width: 240px;
}

.tm6-col0 {
    font-weight: 600;
}

/* Ceny */
.tm6-price {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

/* Dodavatelské sloupce – menší než dřív */
.tm6-sup,
.tm6-price {
    min-width: 120px;
    max-width: 200px;
}

/* Zebra + hover */
.tm6-table tbody tr:nth-child(odd) {
    background: #ffffff;
}

.tm6-table tbody tr:nth-child(even) {
    background: #fafafa;
}

.tm6-table tbody tr:hover {
    background: #f3f4f6;
}

/* Mobil: první sloupec sticky + vždy jen 1 dodavatel vedle */
@media (max-width:768px) {
    .tm6-sup,
    .tm6-price {
        min-width: 40vw;
        max-width: none;
    }

    .tm6-sticky {
        min-width: 46vw;
        max-width: 46vw;
    }
}


/* --- FIX 1: buňky nemají vlastní bílé pozadí --- */
.tm6-table th,
.tm6-table td {
    padding: 10px 14px;
    border-bottom: 1px solid #e5e7eb;
    border-right: 1px solid #eef2f7;
    white-space: nowrap;
    color: #0f172a;
    background: transparent; /* bylo: #fff */
}

/* --- FIX 2: zebra na buňky (ne na tr) --- */
.tm6-table tbody tr:nth-child(odd) > * {
    background: #ffffff;
}

.tm6-table tbody tr:nth-child(even) > * {
    background: #fafafa;
}

.tm6-table tbody tr:hover > * {
    background: #f3f4f6;
}

/* --- FIX 3: sticky první sloupec – barva řádku + překryv --- */
.tm6-sticky {
    position: sticky;
    left: 0;
    z-index: 5; /* nad ostatními cell */
    background: inherit !important; /* vezme zebra barvu řádku */
    min-width: 300px;
    max-width: 460px;
    /* malé oddělení vpravo, ať „neprosvítá“ při posuvu */
    box-shadow: 1px 0 0 0 #e5e7eb;
    white-space: normal !important; /* ← dovolí zalamování textu */
    word-break: break-word; /* láme i dlouhá slova */
    box-shadow: 4px 0 6px -2px rgba(0,0,0,.15); /* jemný stín doprava */
}

/* hlavička – 1. sloupec v thead musí být pevně světlý a nad vším */
.tm6-table thead th { /* zůstává sticky top */
    position: sticky;
    top: 0;
    z-index: 7;
    background: #f6f9fc !important;
    font-weight: 700;
}

    .tm6-table thead th.tm6-sticky,
    .tm6-table thead th.tm6-col0 {
        left: 0;
        z-index: 8; /* nad tělovou sticky buňkou */
        background: #f6f9fc !important;
        box-shadow: 1px 0 0 0 #e5e7eb;
    }

/* (volitelné) mobilní šířky beze změny */
@media (max-width:768px) {
    .tm6-sup, .tm6-price {
        min-width: 40vw;
        max-width: none;
    }

    .tm6-sticky {
        min-width: 46vw;
        max-width: 46vw;
    }
}


/* zvýraznění nejlevnější / nejdražší nabídky */
.tm6-min {
    background-color: #dcfce7 !important;
    color: #166534;
    font-weight: 600;
}

.tm6-max {
    background-color: #fee2e2 !important;
    color: #991b1b;
    font-weight: 600;
}

/* cena vyšší než povolené maximum */
.tm6-over {
    color: #921a1a!important; /* bordó */
    font-weight: 700;
}

/* hlavička zůstane tučná */
.tm6-table thead th.tm6-col0 {
    font-weight: 700;
}

/* tělo = normální váha */
.tm6-table tbody th.tm6-col0 {
    font-weight: normal;
}


/* text + ikona vždy vedle sebe */
.th-inline {
    display: inline-flex; /* nezasahuje do table layoutu (je to jen obal) */
    align-items: center;
    gap: .35em; /* mezera mezi textem a ikonou */
    white-space: nowrap; /* nerozdělovat na další řádek */
}

/* jemné srovnání ikonky k textu */
.i-help {
    font-size: .95em;
    line-height: 1.3;
    vertical-align: text-bottom;
}

td.col-currency, th.col-currency {
    white-space: nowrap;
}

.grey {
    color: #c1c1c1 !important;
    border-color: #c1c1c1 !important;
}



/* PAYMENT */
.paybox {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 1.25rem;
    align-items: start
}

.paybox-qr {
    max-width: 100%;
    border-radius: .5rem;
    box-shadow: 0 4px 14px rgba(16,24,40,.12)
}

.paybox-note {
    font-size: .875rem;
    color: #6b7280;
    margin-top: .25rem;
    text-align: center
}

.paybox-title {
    margin: .25rem 0 1rem 0
}

.paybox-dl {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: .25rem .75rem;
    margin: 0
}

    .paybox-dl dt {
        color: #6b7280
    }

    .paybox-dl dd {
        margin: 0
    }

.paybox-msg {
    margin-top: .75rem;
    color: #374151
}

.paybox-actions {
    margin-top: 1rem;
    display: flex;
    gap: .5rem;
    flex-wrap: wrap
}

@media (max-width:768px) {
    .paybox {
        grid-template-columns: 1fr
    }
}






/* AUKCE OKNO */
.header-aukce {

    padding-top: 15px!important;
    padding-bottom: 10px!important;

}

    .header-aukce .h1-header {
        font-size: 25px;
        font-weight: 700;
    }

.organizer-auction-heading {
    display: flex;
    align-items: center;
    gap: 16px;
}

.organizer-auction-heading .h1-header {
    flex: 1 1 auto;
    min-width: 0;
}

.organizer-auction-back {
    flex: 0 0 auto;
    padding: 8px 14px;
    font-size: 14px;
    line-height: 1.2;
}

.organizer-auction-back-short {
    display: none;
}

@media (max-width: 575px) {
    .organizer-auction-heading {
        gap: 8px;
    }

    .header-aukce .organizer-auction-heading .h1-header {
        font-size: 20px;
    }

    .organizer-auction-back {
        padding: 6px 10px;
        font-size: 12px;
    }

    .organizer-auction-back-full {
        display: none;
    }

    .organizer-auction-back-short {
        display: inline;
    }
}

.footer-top-aukce {
    padding: 25px 0;
}

.footer-brand {
    max-width: 340px;
    padding: 8px 26px 8px 0;
}

.footer-brand-logo {
    display: inline-block;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: -1.2px;
    line-height: 1.15;
    text-decoration: none;
}

.footer-brand-logo:hover {
    color: #fff;
    opacity: .9;
}

.footer-brand-logo sup {
    margin-left: 2px;
    font-family: 'Open Sans', sans-serif;
    font-size: .38em;
    letter-spacing: 0;
    vertical-align: super;
}

.footer-brand-kicker {
    margin: 11px 0 8px;
    color: rgba(255, 255, 255, .72);
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.footer-brand-description {
    max-width: 290px;
    margin-bottom: 20px;
    color: rgba(255, 255, 255, .9);
    font-size: .95rem;
    line-height: 1.65;
}

.footer-brand-links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 18px;
}

.footer-brand-primary {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border: 1px solid rgba(255, 255, 255, .7);
    border-radius: 6px;
    color: #fff;
    font-size: .88rem;
    font-weight: 600;
    text-decoration: none;
    transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

.footer-brand-primary:hover {
    border-color: #fff;
    background: #fff;
    color: #102b86;
}

.footer-brand-secondary {
    color: rgba(255, 255, 255, .86);
    font-size: .86rem;
    text-decoration: underline;
    text-decoration-color: rgba(255, 255, 255, .45);
    text-underline-offset: 3px;
}

.footer-brand-secondary:hover {
    color: #fff;
    text-decoration-color: #fff;
}

@media (max-width: 767.98px) {
    .footer-brand {
        max-width: none;
        margin-bottom: 12px;
        padding-right: 0;
    }

    .footer-brand-description {
        max-width: 420px;
    }
}


.alm-best {
    color: var(--alm-best);
    font-weight: 700;
    font-size: 1.1em;
}

.alm-worst {
    color: var(--alm-worst);
    font-weight: 700;
    font-size: 1.1em;
}



.alm-wrap {
    font: 14px/1.45 system-ui,Segoe UI,Roboto,Arial,sans-serif;
    color: #1f2937
}

.alm-scroller {
    overflow: auto;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    background: #fff
}

.alm-grid {
    border-collapse: separate;
    border-spacing: 0;
    min-width: 900px;
    width: 100%
}

    .alm-grid th,
    .alm-grid td {
        padding: 3px 10px;
        border-bottom: 1px solid #eef1f4;
        background: #fff;
        white-space: normal;
        word-break: break-word;
        vertical-align: middle;
        line-height: 1.3;
    }

.alm-thead th {
    background: #f5f7fb;
    font-weight: 700
}

.alm-grid tbody tr:nth-child(odd) td {
    background: #edf2fa
}
/* jemná zebra */
.alm-grid td {
    font-variant-numeric: tabular-nums
}

    .alm-grid td strong {
        font-weight: 800
    }

/* sticky prvky – plné pozadí + stín jako v ukázce */
.alm-sticky {
    position: sticky;
    z-index: 2;
    background: #fff
}

.alm-left1 {
    left: 0;
    min-width: 200px;
    max-width: 200px;
    box-shadow: 6px 0 8px -6px rgba(0,0,0,.12)
}

.alm-left2 {
    left: 200px;
    min-width: 150px;
    max-width: 150px;
    box-shadow: 6px 0 8px -6px rgba(0,0,0,.12);
    text-align: right;
}

.alm-thead th {
    position: sticky;
    top: 0;
    z-index: 3;
    background: #f5f7fb;
    box-shadow: 0 6px 8px -6px rgba(0,0,0,.12)
}

.alm-grid thead .alm-left1, .alm-grid thead .alm-left2 {
    z-index: 4
}

/* plovoucí sloupce – bez barevného pozadí */
.alm-float {
    min-width: 120px;
    text-align: right
}

/* indikace změny: krátký rámeček (bez výplně) */
.alm-flash {
    animation: almFlash 900ms ease-out
}

@keyframes almFlash {
    0% {
        box-shadow: 0 0 0 2px var(--alm-flash,#d4a126) inset
    }

    60% {
        box-shadow: 0 0 0 2px rgba(0,0,0,0) inset
    }

    100% {
        box-shadow: none
    }
}

.alm-status {
    margin: 6px 2px 0;
    font-size: 12px;
    color: #6b7280
}

.alm-nazev {
    width: 40%;
}

.alm-wrap { min-width: 0; max-width: 100%; }
.alm-scroller { max-width: 100%; }
.alm-grid tbody tr td.alm-best, .alm-mobile-summary td.alm-best { background: #e0f7e7; }
.alm-protocol {
    height: 200px;
    overflow-y: auto;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 12px 14px;
    background: #fafbfc;
    font-size: 12px;
}
.alm-protocol p { margin-bottom: 6px; overflow-wrap: anywhere; }
.alm-error[hidden] { display: none; }
.alm-bid-actions { display: flex; align-items: center; justify-content: flex-end; gap: 0; white-space: nowrap; }
.alm-bid-actions .alm-status { margin: 0 0 0 6px; }
.alm-bid-actions .alm-step-column { display: flex; align-items: center; gap: 8px; width: var(--alm-step-width, max-content); flex: 0 0 var(--alm-step-width, auto); }
.alm-step-column [data-auction-step] { flex: 0 0 auto; margin-left: auto; text-align: right; font-variant-numeric: tabular-nums; }
.bid-table .alm-nazev { width: auto; min-width: 220px; }
.bid-table th, .bid-table td { white-space: nowrap; word-break: normal; }
.bid-table td:nth-child(2) { white-space: normal; overflow-wrap: anywhere; }
.bid-table .btn-bid { white-space: nowrap; min-height: 32px; padding: 4px 8px; font-size: 14px; line-height: 22px; border-color: #035ded; background: #edf4ff; color: #035ded; border-radius: 4px 0 0 4px; }
.bid-table [data-bid-item] { display: flex; align-items: center; gap: 8px; width: var(--alm-bid-width, max-content); flex: 0 0 var(--alm-bid-width, auto); }
.bid-table [data-bid-item] > i { flex: 0 0 14px; text-align: left; }
.bid-table [data-auction-next] { flex: 0 0 auto; margin-left: auto; text-align: right; font-variant-numeric: tabular-nums; }
.bid-table .alm-step-toggle { border-radius: 0 4px 4px 0; border-left: 0; width: 32px; flex: 0 0 32px; }
.alm-step-picker { position: fixed; z-index: 1050; width: 290px; max-width: calc(100vw - 16px); max-height: calc(100vh - 16px); overflow-y: auto; padding: 8px; background: #fff; border: 1px solid #ccd5e3; border-radius: 6px; box-shadow: 0 4px 16px rgba(7,28,77,.2); text-align: left; }
.alm-step-picker[hidden] { display: none; }
.alm-step-option { display: block; width: 100%; padding: 4px 8px; border: 0; background: transparent; text-align: left; font-size: 14px; }
.alm-step-option[hidden] { display: none; }
.alm-step-option:not(:disabled):hover, .alm-step-option:focus-visible { background: #edf4ff; color: #035ded; }
.alm-step-option:disabled { color: #6b7280; }
.alm-confirm-step { font-size: 14px; margin-bottom: 6px; }
.bid-table .btn-bid:not(:disabled):hover,
.bid-table .btn-bid:not(:disabled):focus-visible { background: #004bc3; border-color: #004bc3; color: #fff; box-shadow: 0 0 0 3px rgba(3,93,237,.25); }
.bid-table .btn-bid:not(:disabled):active { background: #003b99; color: #fff; }
.bid-table .btn-bid:disabled { background: #f3f4f6; border-color: #9ca3af; color: #6b7280; }
.alm-bid-confirm .btn { min-height: 44px; }
.alm-confirm-heading { margin-bottom: 6px; }
.alm-confirm-value { margin-bottom: 8px; font-size: 1.375rem; line-height: 1.3; font-weight: 700; color: #071c4d; overflow-wrap: anywhere; }
.header-aukce .auction-ending { text-decoration: underline; text-underline-offset: 6px; }
@media (max-width: 767px) {
    .bid-table .btn-bid { min-height: 44px; }
    .bid-table .alm-step-toggle { width: 44px; flex-basis: 44px; }
    .alm-step-option { min-height: 44px; }
    .alm-grid .alm-left1 { min-width: 130px; max-width: 130px; }
    .alm-grid .alm-left2 { left: 130px; min-width: 100px; max-width: 100px; }
    .alm-grid { min-width: 700px; }
    .alm-protocol { height: 160px; }
}


/* --- RESET: ať není datepicker na 100% šířky --- */
.datepicker.datepicker-dropdown.dropdown-menu {
    width: auto !important; /* zruší globální width:100% */
    max-width: none !important;
    display: inline-block !important; /* drží přirozenou šířku */
    padding: 12px;
    border: 0;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 14px 40px rgba(0,0,0,.16);
}

/* --- JISTOTA: tabulka zůstane tabulkou (kdyby něco jinde přepisovalo display) --- */
.datepicker table {
    display: table;
    width: auto;
    border-collapse: separate !important;
    border-spacing: 6px;
}

    .datepicker table tr {
        display: table-row;
    }

    .datepicker table th,
    .datepicker table td {
        display: table-cell;
    }

/* --- Pevná mřížka 7×N (konzistentní dlaždice) --- */
:root {
    --dp-cell: 42px; /* velikost čtverce dne */
    --dp-gap: 6px; /* mezery = grid gap */
    --dp-radius: 12px;
}

.datepicker table {
    border-spacing: var(--dp-gap) !important;
}

.datepicker th.dow,
.datepicker td.day {
    width: var(--dp-cell);
    height: var(--dp-cell);
    padding: 0;
}

/* --- Header (měsíc + šipky) --- */
.datepicker .prev,
.datepicker .next,
.datepicker .datepicker-switch {
    font-weight: 600;
    background: #fff;
    border: 1px solid #e9ecef;
    border-radius: 10px;
    padding: 6px 10px;
    line-height: 1.2;
    cursor: pointer;
    transition: box-shadow .15s, transform .15s, background .15s;
    user-select: none;
}

.datepicker .prev, .datepicker .next {
    width: 36px;
    text-align: center;
}

    .datepicker .datepicker-switch:hover,
    .datepicker .prev:hover,
    .datepicker .next:hover {
        box-shadow: 0 4px 14px rgba(0,0,0,.08);
        transform: translateY(-1px);
    }

/* --- Dlaždice dnů --- */
.datepicker td.day {
    background: #f7f8fc;
    border: 1px solid #eef0f4;
    border-radius: var(--dp-radius);
    text-align: center;
    vertical-align: middle;
    transition: background .15s, box-shadow .15s, transform .15s, border-color .15s;
}

    .datepicker td.day:hover {
        background: #fff;
        box-shadow: 0 3px 12px rgba(0,0,0,.06);
        transform: translateY(-1px);
    }

/* dnešek s tečkou */
.datepicker td.today {
    position: relative;
    border-color: #cfe2ff;
    background: #f0f6ff;
}

    .datepicker td.today:after {
        content: "";
        position: absolute;
        right: 6px;
        bottom: 6px;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: #0d6efd;
    }

/* aktivní výběr */
.datepicker td.active,
.datepicker td.active:hover {
    color: #fff !important;
    background: #0d6efd !important;
    border-color: #0d6efd !important;
    box-shadow: 0 6px 16px rgba(13,110,253,.35);
}

/* dny mimo měsíc */
.datepicker td.old, .datepicker td.new {
    color: #94a3b8;
    background: #f4f6fa;
}

/* názvy dnů */
.datepicker th.dow {
    font-size: .75rem;
    font-weight: 600;
    color: #6c757d;
    text-transform: uppercase;
    letter-spacing: .02em;
    border: 0 !important;
    padding: 0;
}

/* touch */
@media (hover:none) {
    :root {
        --dp-cell: 46px;
    }
}


.nowrap {
    white-space: nowrap;
}


.btn-bid {
    padding: 4px 10px!important;
}


.navbar-toggler {
    border: none; 
}

.offer-box span.h5 {
    display: block;
    margin-bottom: 20px; 
}

.msg-ok {
    display: none;
    margin-top: 10px;
}

.skryt {
    visibility: hidden;
    display: none;
}

.it-account-intro {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 18px;
    padding: 20px 24px;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 16px;
    background: linear-gradient(90deg, #031974, rgba(25, 52, 167, 0.5));
    color: #fff;
    box-shadow: 0 12px 28px rgba(24, 47, 86, .16);
}

.it-account-intro-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 52px;
    width: 52px;
    height: 52px;
    border: 1px solid rgba(255, 255, 255, .3);
    border-radius: 15px;
    background: rgba(255, 255, 255, .13);
    font-size: 22px;
}

.it-account-intro h2,
.it-account-section-heading h2 {
    margin: 0;
    padding: 0;
    font-size: 1.12rem;
    font-weight: 650;
}

.it-account-intro h2 {
    color: #fff;
}

.it-account-intro p,
.it-account-section-heading p {
    margin: 4px 0 0;
    color: inherit;
    font-size: .84rem;
    opacity: .8;
}

.it-account-card {
    margin-bottom: 18px;
    padding: clamp(18px, 2.5vw, 26px);
    border: 1px solid #e3eaf3;
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 9px 24px rgba(24, 47, 86, .055);
}

.it-account-section-heading {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid #edf1f6;
    color: #263c61;
}

.it-account-section-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: #edf4ff;
    color: #175cd3;
    font-size: 17px;
}

.it-account-section-icon--company {
    background: #eaf7f1;
    color: #16794b;
}

.it-account-section-icon--history {
    background: #f2efff;
    color: #6650ad;
}

.it-account-readonly {
    display: flex;
    align-items: center;
    gap: 9px;
    min-height: 44px;
    padding: 9px 12px;
    border: 1px solid #e1e7ef;
    border-radius: 8px;
    background: #f6f8fb;
    color: #344967;
    overflow-wrap: anywhere;
}

.it-account-readonly > .fa-lock {
    color: #8391a5;
    font-size: .82rem;
}

.it-account-readonly-note {
    margin-left: auto;
    color: #8793a4;
    font-size: .72rem;
    white-space: nowrap;
}

.it-account-person-note {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 0 0 17px;
    padding: 11px 13px;
    border: 1px solid #dce8f8;
    border-radius: 9px;
    background: #f3f7fd;
    color: #435a79;
    font-size: .84rem;
}

.it-account-person-note > i {
    margin-top: 3px;
    color: #4774b8;
}

.it-account-actions {
    display: flex;
    justify-content: flex-end;
    margin-top: 4px;
    padding-top: 16px;
    border-top: 1px solid #edf1f6;
}

.it-account-save {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 44px;
    padding: 10px 18px;
    border-radius: 9px;
}

.it-account-history .it-account-section-heading {
    margin-bottom: 14px;
}

.it-account-history-scroll {
    overflow-x: auto;
    border: 1px solid #e6ebf2;
    border-radius: 10px;
}

.it-account-history-table {
    min-width: 500px;
}

.it-account-history-table thead th {
    padding: 11px 14px;
    border-bottom: 1px solid #dfe7f1;
    background: #f4f7fb;
    color: #344967;
    font-size: .78rem;
    font-weight: 650;
}

.it-account-history-table td {
    padding: 12px 14px;
    border-top: 1px solid #edf1f6;
    color: #475569;
    font-size: .82rem;
    vertical-align: top;
}

.it-account-history-date {
    width: 1%;
    min-width: 145px;
    color: #64748b !important;
    white-space: nowrap;
}

.it-account-history-description {
    overflow-wrap: anywhere;
}

.it-account-history-empty,
.it-account-history-error {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 15px;
    border: 1px dashed #dce4ef;
    border-radius: 10px;
    background: #f8fafd;
    color: #64748b;
    font-size: .84rem;
}

.it-account-history-empty > i {
    color: #7d8ca2;
}

.it-account-history-error {
    border-style: solid;
    border-color: #f1c7c3;
    background: #fff8f7;
    color: #a53d36;
}

.it-contact-bubble {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 1060;
    font-family: 'Open Sans', sans-serif;
}

.it-contact-bubble.it-contact-near-chat {
    bottom: 96px;
}

.it-contact-toggle {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 58px;
    padding: 0 21px;
    border: 0;
    border-radius: 30px;
    background: #0634a5;
    box-shadow: 0 10px 28px rgba(3, 25, 116, .28);
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    transition: background .2s ease, transform .2s ease, box-shadow .2s ease;
}

.it-contact-toggle:hover,
.it-contact-toggle:focus-visible {
    transform: translateY(-2px);
    background: #05277f;
    box-shadow: 0 13px 32px rgba(3, 25, 116, .34);
}

.it-contact-toggle i {
    font-size: 19px;
}

.it-contact-panel {
    position: absolute;
    right: 0;
    bottom: calc(100% + 14px);
    width: 390px;
    max-width: calc(100vw - 32px);
    overflow: hidden;
    border: 1px solid #e1e8f2;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 18px 55px rgba(11, 33, 75, .22);
}

.it-contact-panel[hidden] {
    display: none !important;
}

.it-contact-header {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 20px;
    background: linear-gradient(125deg, #031974, #0755bd);
    color: #fff;
}

.it-contact-header-icon {
    display: grid;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .26);
    border-radius: 14px;
    background: rgba(255, 255, 255, .14);
    font-size: 19px;
}

.it-contact-header h2 {
    margin: 0;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: 700;
}

.it-contact-header p {
    margin: 3px 0 0;
    color: rgba(255, 255, 255, .84);
    font-size: 13px;
}

.it-contact-close {
    display: grid;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    margin-left: auto;
    place-items: center;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, .12);
    color: #fff;
    cursor: pointer;
}

.it-contact-form {
    padding: 19px 20px 16px;
}

.it-contact-fields {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 13px 12px;
}

.it-contact-field {
    min-width: 0;
}

.it-contact-message-field {
    grid-column: 1 / -1;
}

.it-contact-field label {
    display: block;
    margin: 0 0 6px;
    color: #25334b;
    font-size: 12px;
    font-weight: 700;
}

.it-contact-field label span {
    color: #c64040;
}

.it-contact-field input,
.it-contact-field textarea {
    display: block;
    width: 100%;
    padding: 10px 11px;
    border: 1px solid #d6deea;
    border-radius: 9px;
    outline: none;
    background: #fbfcfe;
    color: #18243a;
    font: inherit;
    font-size: 13px;
    transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
}

.it-contact-field input:focus,
.it-contact-field textarea:focus {
    border-color: #3269c8;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(50, 105, 200, .12);
}

.it-contact-field textarea {
    min-height: 94px;
    resize: vertical;
}

.it-contact-trap {
    position: absolute;
    left: -10000px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.it-contact-status {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    margin: 10px 0 0;
    padding: 10px 12px;
    border-radius: 9px;
    font-size: 12px;
    line-height: 1.5;
}

.it-contact-status[hidden] {
    display: none !important;
}

.it-contact-status > i {
    margin-top: 2px;
}

.it-contact-submit {
    display: flex;
    width: 100%;
    min-height: 45px;
    margin-top: 14px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    border: 0;
    border-radius: 9px;
    background: #0634a5;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
}

.it-contact-submit:hover:not(:disabled) {
    background: #05277f;
}

.it-contact-submit:disabled {
    cursor: wait;
    opacity: .62;
}

.it-contact-required {
    margin: 9px 0 0;
    color: #748197;
    font-size: 11px;
    text-align: right;
}

@media (max-width: 575px) {
    .it-account-intro {
        gap: 12px;
        padding: 16px;
    }

    .it-account-intro-icon {
        flex-basis: 44px;
        width: 44px;
        height: 44px;
        border-radius: 12px;
        font-size: 19px;
    }

    .it-account-readonly-note {
        display: none;
    }

    .it-account-actions {
        justify-content: stretch;
    }

    .it-account-save {
        width: 100%;
    }

    .it-contact-bubble {
        right: 16px;
        bottom: 16px;
    }

    .it-contact-bubble.it-contact-near-chat {
        bottom: 86px;
    }

    .it-contact-toggle {
        min-height: 54px;
        padding: 0 18px;
    }

    .it-contact-panel {
        width: min(390px, calc(100vw - 32px));
    }
}