/* _content/Qublo.App.Shared/Components/Backoffice/BackofficeAccountHistoryPanel.razor.rz.scp.css */
.bo-history[b-62bkxawfhr] {
    display: grid;
    gap: 1rem;
    min-width: 0;
    padding: 1.1rem;
    border: 1px solid rgba(124, 120, 220, .2);
    border-radius: 18px;
    background: rgba(19, 19, 53, .72);
    color: #f6f5ff;
}

.bo-history__header[b-62bkxawfhr],
.bo-history__pager[b-62bkxawfhr],
.bo-history[b-62bkxawfhr]  .bo-history__timeline li header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.bo-history__header span[b-62bkxawfhr] {
    color: #9d99ff;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.bo-history__header h3[b-62bkxawfhr] {
    margin: .2rem 0;
    font-size: 1.08rem;
}

.bo-history__header p[b-62bkxawfhr],
.bo-history[b-62bkxawfhr]  small,
.bo-history[b-62bkxawfhr]  .bo-history__timeline p {
    margin: 0;
    color: #9997bd;
    font-size: .72rem;
}

.bo-history button[b-62bkxawfhr] {
    border: 1px solid rgba(140, 135, 235, .25);
    border-radius: 10px;
    background: #1c1c49;
    color: #f6f5ff;
    font: inherit;
    font-size: .76rem;
    font-weight: 750;
    cursor: pointer;
}

.bo-history button:hover:not(:disabled)[b-62bkxawfhr],
.bo-history button:focus-visible[b-62bkxawfhr] {
    border-color: #817aff;
    background: #29265e;
}

.bo-history button:disabled[b-62bkxawfhr] {
    cursor: default;
    opacity: .45;
}

.bo-history__refresh[b-62bkxawfhr],
.bo-history__pager button[b-62bkxawfhr],
.bo-history__state button[b-62bkxawfhr] {
    padding: .58rem .8rem;
}

.bo-history__totals[b-62bkxawfhr] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    gap: .65rem;
}

.bo-history__pricing[b-62bkxawfhr] {
    display: flex;
    align-items: stretch;
    gap: .65rem;
    padding: .75rem;
    border: 1px solid rgba(157, 224, 168, .2);
    border-radius: 12px;
    background: rgba(94, 207, 145, .07);
}

.bo-history__pricing span[b-62bkxawfhr] {
    display: grid;
    align-content: center;
    gap: .14rem;
    min-width: 130px;
}

.bo-history__pricing strong[b-62bkxawfhr] {
    color: #a7e9bf;
    font-size: .83rem;
}

.bo-history__totals div[b-62bkxawfhr] {
    display: grid;
    gap: .15rem;
    padding: .75rem;
    border: 1px solid rgba(124, 120, 220, .14);
    border-radius: 12px;
    background: rgba(34, 33, 76, .64);
}

.bo-history__totals strong[b-62bkxawfhr] {
    font-size: 1.2rem;
}

.bo-history__totals span[b-62bkxawfhr] {
    color: #9997bd;
    font-size: .68rem;
}

.bo-history__tabs[b-62bkxawfhr] {
    display: flex;
    gap: .45rem;
    overflow-x: auto;
    padding-bottom: .15rem;
}

.bo-history__tabs button[b-62bkxawfhr] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    flex: 0 0 auto;
    padding: .58rem .72rem;
}

.bo-history__tabs button.active[b-62bkxawfhr] {
    border-color: #7871ff;
    background: #5f58dc;
}

.bo-history__tabs button span[b-62bkxawfhr] {
    display: inline-grid;
    place-items: center;
    min-width: 1.25rem;
    height: 1.25rem;
    padding: 0 .25rem;
    border-radius: 99px;
    background: rgba(255, 255, 255, .12);
    font-size: .64rem;
}

.bo-history__table-wrap[b-62bkxawfhr] {
    position: relative;
    min-width: 0;
    overflow-x: auto;
    border: 1px solid rgba(124, 120, 220, .16);
    border-radius: 13px;
}

.bo-history[b-62bkxawfhr]  table {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
    font-size: .76rem;
}

.bo-history[b-62bkxawfhr]  th,
.bo-history[b-62bkxawfhr]  td {
    padding: .72rem .78rem;
    border-bottom: 1px solid rgba(124, 120, 220, .12);
    text-align: left;
    vertical-align: top;
}

.bo-history[b-62bkxawfhr]  th {
    color: #9997bd;
    background: rgba(24, 23, 61, .92);
    font-size: .65rem;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.bo-history[b-62bkxawfhr]  tbody tr:last-child td {
    border-bottom: 0;
}

.bo-history[b-62bkxawfhr]  td strong,
.bo-history[b-62bkxawfhr]  td small {
    display: block;
    max-width: 300px;
}

.bo-history[b-62bkxawfhr]  td small {
    margin-top: .18rem;
    overflow-wrap: anywhere;
}

.bo-history[b-62bkxawfhr]  .bo-history__tag,
.bo-history[b-62bkxawfhr]  .bo-history__status {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: .26rem .46rem;
    border-radius: 99px;
    background: rgba(128, 122, 255, .12);
    color: #b8b4ff;
    font-size: .66rem;
    font-weight: 800;
}

.bo-history[b-62bkxawfhr]  .bo-history__status.is-positive { background: rgba(94, 207, 145, .13); color: #7ce0a8; }
.bo-history[b-62bkxawfhr]  .bo-history__status.is-negative { background: rgba(255, 101, 123, .13); color: #ff8b9d; }
.bo-history[b-62bkxawfhr]  .bo-history__status.is-warning { background: rgba(255, 189, 76, .14); color: #ffcb6f; }
.bo-history[b-62bkxawfhr]  .bo-history__status.is-neutral { color: #b8b4cf; }

.bo-history[b-62bkxawfhr]  .bo-history__empty,
.bo-history__state[b-62bkxawfhr] {
    display: grid;
    justify-items: start;
    gap: .4rem;
    padding: 1.2rem;
    color: #9997bd;
    font-size: .78rem;
}

.bo-history__state--error[b-62bkxawfhr] {
    border: 1px solid rgba(255, 101, 123, .22);
    border-radius: 12px;
    background: rgba(255, 101, 123, .07);
    color: #ffadba;
}

.bo-history__updating[b-62bkxawfhr] {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    background: rgba(11, 11, 36, .7);
    color: #d7d4ff;
    font-size: .78rem;
    font-weight: 800;
}

.bo-history__pager[b-62bkxawfhr] {
    color: #9997bd;
    font-size: .72rem;
}

.bo-history__pager div[b-62bkxawfhr] {
    display: flex;
    gap: .45rem;
}

.bo-history[b-62bkxawfhr]  .bo-history__timeline {
    display: grid;
    gap: 0;
    margin: 0;
    padding: .35rem 1rem;
    list-style: none;
}

.bo-history[b-62bkxawfhr]  .bo-history__timeline li {
    position: relative;
    display: grid;
    grid-template-columns: 16px minmax(0, 1fr);
    gap: .7rem;
    padding: .75rem 0;
}

.bo-history[b-62bkxawfhr]  .bo-history__timeline li:not(:last-child)::before {
    content: "";
    position: absolute;
    left: 5px;
    top: 1.25rem;
    bottom: -.35rem;
    width: 1px;
    background: rgba(124, 120, 220, .25);
}

.bo-history[b-62bkxawfhr]  .bo-history__timeline-dot {
    z-index: 1;
    width: 11px;
    height: 11px;
    margin-top: .25rem;
    border: 2px solid #7770ff;
    border-radius: 50%;
    background: #15143b;
}

.bo-history[b-62bkxawfhr]  .bo-history__timeline li > div {
    display: grid;
    gap: .25rem;
    min-width: 0;
}

.bo-history[b-62bkxawfhr]  .bo-history__timeline time {
    color: #9997bd;
    font-size: .68rem;
}

.bo-history[b-62bkxawfhr]  details {
    margin-top: .2rem;
    color: #aaa7cc;
    font-size: .7rem;
}

.bo-history[b-62bkxawfhr]  pre {
    max-height: 150px;
    overflow: auto;
    padding: .55rem;
    border-radius: 8px;
    background: rgba(7, 7, 26, .65);
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

@media (max-width: 760px) {
    .bo-history__totals[b-62bkxawfhr] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .bo-history__pricing[b-62bkxawfhr] { align-items: flex-start; flex-direction: column; }
    .bo-history__header[b-62bkxawfhr] { align-items: flex-start; }
    .bo-history__pager[b-62bkxawfhr] { align-items: flex-start; flex-direction: column; }
}
/* _content/Qublo.App.Shared/Components/Catalog/BulkSelectionBar.razor.rz.scp.css */
.q-selection-bar[b-knf0v7xhez] {
    align-items: center;
    background: rgba(20, 22, 50, .96);
    border: 1px solid rgba(104, 120, 255, .34);
    border-radius: 14px;
    box-shadow: 0 18px 48px rgba(0, 0, 0, .34);
    display: flex;
    gap: 18px;
    justify-content: space-between;
    padding: 10px 12px;
}

.q-selection-bar.fixed[b-knf0v7xhez] {
    backdrop-filter: blur(18px);
    bottom: 18px;
    left: 254px;
    margin: 0;
    max-width: 1470px;
    position: fixed;
    right: 26px;
    z-index: 120;
}

.q-selection-summary[b-knf0v7xhez],
.q-selection-actions[b-knf0v7xhez] {
    align-items: center;
    display: flex;
}

.q-selection-summary[b-knf0v7xhez] {
    flex: 0 0 auto;
    gap: 8px;
}

.q-selection-count[b-knf0v7xhez] {
    align-items: center;
    background: var(--q-indigo);
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 999px;
    color: #fff;
    display: inline-flex;
    font-size: 12px;
    font-weight: 900;
    height: 28px;
    justify-content: center;
    min-width: 28px;
    padding: 0 7px;
}

.q-selection-summary strong[b-knf0v7xhez] {
    color: var(--q-dark-ink);
    font-size: 13px;
    white-space: nowrap;
}

.q-selection-all[b-knf0v7xhez] {
    background: transparent;
    border: 0;
    color: var(--q-indigo-bright);
    font-size: 12px;
    font-weight: 800;
    padding: 4px 6px;
    white-space: nowrap;
}

.q-selection-all:hover:not(:disabled)[b-knf0v7xhez],
.q-selection-all:focus-visible[b-knf0v7xhez] {
    text-decoration: underline;
}

.q-selection-all:disabled[b-knf0v7xhez] {
    color: var(--q-dark-dim);
    cursor: default;
}

.q-selection-actions[b-knf0v7xhez] {
    flex-wrap: nowrap;
    gap: 7px;
    justify-content: flex-end;
    min-width: 0;
}

.q-selection-actions[b-knf0v7xhez]  .q-btn {
    gap: 6px;
    min-height: 34px;
    padding: 0 11px;
    white-space: nowrap;
}

.q-selection-actions[b-knf0v7xhez]  .q-btn svg {
    fill: none;
    height: 15px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.9;
    width: 15px;
}

.q-selection-clear[b-knf0v7xhez] {
    background: rgba(255, 255, 255, .045);
    border: 1px solid transparent;
    border-radius: 8px;
    color: var(--q-dark-muted);
    font-size: 21px;
    font-weight: 800;
    height: 34px;
    min-width: 34px;
    padding: 0;
}

.q-selection-clear:hover:not(:disabled)[b-knf0v7xhez],
.q-selection-clear:focus-visible[b-knf0v7xhez] {
    border-color: var(--q-dark-line);
    color: var(--q-dark-ink);
    outline: none;
}

@media (max-width: 1050px) {
    .q-selection-actions[b-knf0v7xhez] {
        flex-wrap: wrap;
    }
}

@media (max-width: 900px) {
    .q-selection-bar.fixed[b-knf0v7xhez] {
        left: 16px;
        right: 16px;
    }
}

@media (max-width: 760px) {
    .q-selection-bar[b-knf0v7xhez],
    .q-selection-bar.fixed[b-knf0v7xhez] {
        align-items: stretch;
        flex-direction: column;
        gap: 9px;
    }

    .q-selection-bar.fixed[b-knf0v7xhez] {
        bottom: 10px;
        left: 10px;
        max-height: 48vh;
        overflow: auto;
        right: 10px;
    }

    .q-selection-actions[b-knf0v7xhez] {
        flex-wrap: wrap;
        justify-content: flex-start;
    }
}
/* _content/Qublo.App.Shared/Components/Drafts/DraftOperationLog.razor.rz.scp.css */
.q-operation-log[b-54ig7k093u] {
    background: var(--q-dark-card);
    border: 1px solid var(--q-dark-line);
    border-radius: 14px;
    box-shadow: 0 16px 38px rgba(2, 4, 18, 0.18);
    color: var(--q-dark-ink);
    margin-bottom: 14px;
    overflow: hidden;
}

.q-visually-hidden[b-54ig7k093u] {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.q-operation-log-head[b-54ig7k093u] {
    align-items: center;
    border-bottom: 1px solid var(--q-dark-line);
    display: flex;
    gap: 18px;
    justify-content: space-between;
    padding: 14px 16px;
}

.q-operation-log-head > div[b-54ig7k093u] {
    display: grid;
    gap: 3px;
}

.q-operation-log-head h2[b-54ig7k093u],
.q-operation-log-head p[b-54ig7k093u] {
    margin: 0;
}

.q-operation-log-head h2[b-54ig7k093u] {
    color: var(--q-dark-ink);
    font-size: 15px;
    font-weight: 900;
}

.q-operation-log-head p[b-54ig7k093u] {
    color: var(--q-dark-muted);
    font-size: 11.5px;
    line-height: 1.4;
}

.q-operation-log-head > span[b-54ig7k093u] {
    background: var(--q-indigo-soft);
    border: 1px solid color-mix(in srgb, var(--q-indigo-bright) 30%, transparent);
    border-radius: 999px;
    color: var(--q-indigo-bright);
    flex: none;
    font-size: 10px;
    font-weight: 900;
    padding: 5px 9px;
}

.q-operation-log-scroll[b-54ig7k093u] {
    overflow-x: auto;
}

.q-operation-log-table[b-54ig7k093u] {
    border-collapse: collapse;
    min-width: 760px;
    width: 100%;
}

.q-operation-log-table th[b-54ig7k093u],
.q-operation-log-table td[b-54ig7k093u] {
    border-bottom: 1px solid var(--q-dark-line-2);
    padding: 11px 13px;
    text-align: left;
    vertical-align: middle;
}

.q-operation-log-table > thead th[b-54ig7k093u] {
    color: var(--q-dark-muted);
    font-size: 9.5px;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.q-operation-log-table > thead th.success[b-54ig7k093u] {
    color: var(--q-lime);
}

.q-operation-log-table > thead th.warning[b-54ig7k093u] {
    color: var(--q-amber);
}

.q-operation-log-table > thead th.failure[b-54ig7k093u] {
    color: var(--q-red);
}

.q-operation-log-summary[b-54ig7k093u] {
    background: color-mix(in srgb, var(--q-dark-card-2) 44%, transparent);
}

.q-operation-log-table > tbody:last-child > .q-operation-log-summary > td[b-54ig7k093u],
.q-operation-log-table > tbody:last-child > .q-operation-log-detail-row > td[b-54ig7k093u] {
    border-bottom: 0;
}

.q-operation-log-summary:hover[b-54ig7k093u] {
    background: var(--q-dark-card-2);
}

.q-operation-log-summary strong[b-54ig7k093u] {
    color: var(--q-dark-ink);
    font-size: 12px;
    font-weight: 850;
}

.q-operation-log-date[b-54ig7k093u] {
    color: var(--q-dark-muted);
    font-size: 10.5px;
    white-space: nowrap;
}

.q-operation-log-toggle-cell[b-54ig7k093u] {
    padding-left: 12px !important;
    padding-right: 2px !important;
    width: 34px;
}

.q-operation-log-toggle[b-54ig7k093u] {
    align-items: center;
    background: var(--q-indigo-soft);
    border: 1px solid transparent;
    border-radius: 7px;
    color: var(--q-indigo-bright);
    cursor: pointer;
    display: inline-flex;
    height: 28px;
    justify-content: center;
    padding: 0;
    width: 28px;
}

.q-operation-log-toggle:hover[b-54ig7k093u],
.q-operation-log-toggle:focus-visible[b-54ig7k093u] {
    border-color: color-mix(in srgb, var(--q-indigo-bright) 55%, transparent);
    outline: 0;
}

.q-operation-log-toggle svg[b-54ig7k093u] {
    fill: none;
    height: 15px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
    transition: transform 0.18s ease;
    width: 15px;
}

.expanded .q-operation-log-toggle svg[b-54ig7k093u] {
    transform: rotate(180deg);
}

.q-operation-count[b-54ig7k093u] {
    align-items: center;
    background: var(--q-dark-raise);
    border-radius: 999px;
    color: var(--q-dark-muted);
    display: inline-flex;
    font-size: 11px;
    font-weight: 950;
    justify-content: center;
    min-height: 26px;
    min-width: 31px;
    padding: 0 8px;
}

.q-operation-count.success[b-54ig7k093u] {
    background: var(--q-lime-soft);
    color: var(--q-lime);
}

.q-operation-count.warning[b-54ig7k093u] {
    background: var(--q-amber-soft);
    color: var(--q-amber);
}

.q-operation-count.failure[b-54ig7k093u] {
    background: var(--q-red-soft);
    color: var(--q-red);
}

.q-operation-log-detail-row > td[b-54ig7k093u] {
    background: color-mix(in srgb, var(--q-dark-bg) 62%, var(--q-dark-card));
    padding: 0 13px 13px 47px;
}

.q-operation-log-detail[b-54ig7k093u] {
    border: 1px solid var(--q-dark-line);
    border-radius: 10px;
    overflow-x: auto;
}

.q-operation-log-detail table[b-54ig7k093u] {
    border-collapse: collapse;
    min-width: 680px;
    width: 100%;
}

.q-operation-log-detail th[b-54ig7k093u],
.q-operation-log-detail td[b-54ig7k093u] {
    background: var(--q-dark-card-2);
    border-bottom: 1px solid var(--q-dark-line);
    color: var(--q-dark-muted);
    font-size: 10.5px;
    line-height: 1.4;
    padding: 9px 11px;
}

.q-operation-log-detail th[b-54ig7k093u] {
    color: var(--q-dark-dim);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.q-operation-log-detail tbody tr:last-child td[b-54ig7k093u] {
    border-bottom: 0;
}

.q-operation-log-detail td strong[b-54ig7k093u] {
    color: var(--q-dark-ink);
    font-size: 11px;
}

.q-operation-log-detail code[b-54ig7k093u] {
    background: var(--q-dark-raise);
    border-radius: 5px;
    color: var(--q-dark-muted);
    font-family: inherit;
    font-size: 9.5px;
    font-weight: 800;
    padding: 3px 5px;
}

.q-operation-log-more[b-54ig7k093u] {
    background: var(--q-dark-card-2);
    border-top: 1px solid var(--q-dark-line);
    display: flex;
    justify-content: center;
    padding: 10px;
}

.q-operation-log-more .q-btn[b-54ig7k093u] {
    min-width: 190px;
}

.q-operation-outcome[b-54ig7k093u] {
    align-items: center;
    display: inline-flex;
    font-size: 9.5px;
    font-weight: 900;
    gap: 5px;
    white-space: nowrap;
}

.q-operation-outcome svg[b-54ig7k093u] {
    fill: none;
    height: 17px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
    width: 17px;
}

.q-operation-outcome.success[b-54ig7k093u] {
    color: var(--q-lime);
}

.q-operation-outcome.warning[b-54ig7k093u] {
    color: var(--q-amber);
}

.q-operation-outcome.failure[b-54ig7k093u] {
    color: var(--q-red);
}

@media (max-width: 720px) {
    .q-operation-log-head[b-54ig7k093u] {
        align-items: flex-start;
    }

    .q-operation-log-detail-row > td[b-54ig7k093u] {
        padding-left: 13px;
    }
}
/* _content/Qublo.App.Shared/Components/Drafts/DraftPublicationProgressPanel.razor.rz.scp.css */
.q-draft-publication-progress[b-tktn6dfus1] {
    position: fixed;
    right: 24px;
    bottom: 24px;
    /* Resta sotto i modal applicativi (overlay: 60), così il pannello non
       intercetta click mentre l'utente sta correggendo una bozza. */
    z-index: 55;
    width: min(560px, calc(100vw - 48px));
    color: #f7f7ff;
    filter: drop-shadow(0 22px 48px rgba(3, 2, 18, .46));
}

.q-draft-publication-summary[b-tktn6dfus1],
.q-draft-publication-panel[b-tktn6dfus1] {
    border: 1px solid rgba(132, 125, 255, .34);
    background: #171735;
}

.q-draft-publication-summary[b-tktn6dfus1] {
    width: 100%;
    min-height: 78px;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto 20px;
    gap: 12px;
    align-items: center;
    padding: 12px 14px;
    border-radius: 16px;
    color: inherit;
    text-align: left;
    cursor: pointer;
}

.expanded .q-draft-publication-summary[b-tktn6dfus1] {
    border-radius: 16px 16px 0 0;
}

.q-draft-publication-state[b-tktn6dfus1],
.q-draft-publication-symbol[b-tktn6dfus1] {
    display: inline-grid;
    place-items: center;
    border-radius: 12px;
    font-weight: 900;
}

.q-draft-publication-state[b-tktn6dfus1] {
    width: 42px;
    height: 42px;
    background: rgba(105, 96, 232, .2);
    color: #aaa5ff;
}

.q-draft-publication-state.failed[b-tktn6dfus1] {
    background: rgba(255, 91, 123, .14);
    color: #ff7893;
}

.q-draft-publication-state.success[b-tktn6dfus1] {
    background: rgba(184, 255, 53, .12);
    color: #b8ff35;
}

.q-draft-publication-copy[b-tktn6dfus1] {
    min-width: 0;
    display: grid;
    gap: 3px;
}

.q-draft-publication-copy strong[b-tktn6dfus1] {
    font-size: 14px;
}

.q-draft-publication-copy small[b-tktn6dfus1] {
    color: #a9a8c7;
    font-size: 11px;
}

.q-draft-publication-count[b-tktn6dfus1] {
    min-width: 48px;
    padding: 7px 9px;
    border-radius: 999px;
    background: rgba(105, 96, 232, .2);
    color: #c5c2ff;
    font-size: 11px;
    font-weight: 900;
    text-align: center;
}

.q-draft-publication-chevron[b-tktn6dfus1] {
    color: #9692c8;
    font-size: 16px;
    transform: rotate(180deg);
}

.expanded .q-draft-publication-chevron[b-tktn6dfus1] {
    transform: none;
}

.q-draft-publication-progressbar[b-tktn6dfus1] {
    height: 5px;
    margin-top: 5px;
    border-radius: 999px;
    overflow: hidden;
    background: rgba(255, 255, 255, .08);
}

.q-draft-publication-progressbar > span[b-tktn6dfus1] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #6c63ed, #b8ff35);
    transition: width .25s ease;
}

.q-draft-publication-panel[b-tktn6dfus1] {
    max-height: min(620px, calc(100vh - 132px));
    overflow: hidden;
    border-top: 0;
    border-radius: 0 0 16px 16px;
}

.q-draft-publication-panel > header[b-tktn6dfus1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 16px;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.q-draft-publication-panel > header > div[b-tktn6dfus1] {
    display: grid;
    gap: 3px;
}

.q-draft-publication-panel > header strong[b-tktn6dfus1] {
    font-size: 14px;
}

.q-draft-publication-panel > header small[b-tktn6dfus1] {
    color: #9896bb;
    font-size: 10px;
}

.q-draft-publication-close[b-tktn6dfus1] {
    width: 32px;
    height: 32px;
    border: 0;
    border-radius: 9px;
    background: rgba(255, 255, 255, .06);
    color: #bbb9d7;
    font-size: 20px;
    cursor: pointer;
}

.q-draft-publication-kpis[b-tktn6dfus1] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
    padding: 12px 14px;
    border-bottom: 1px solid rgba(255, 255, 255, .06);
}

.q-draft-publication-refresh-error[b-tktn6dfus1] {
    margin: 10px 14px 0;
    padding: 9px 10px;
    border: 1px solid rgba(255, 183, 67, .28);
    border-radius: 9px;
    background: rgba(255, 183, 67, .08);
    color: #ffc86b;
    font-size: 10px;
    line-height: 1.4;
}

.q-draft-publication-kpis > span[b-tktn6dfus1] {
    display: grid;
    gap: 2px;
    padding: 9px 10px;
    border-radius: 10px;
    background: rgba(255, 255, 255, .035);
}

.q-draft-publication-kpis strong[b-tktn6dfus1] {
    font-size: 17px;
}

.q-draft-publication-kpis small[b-tktn6dfus1] {
    color: #9694b6;
    font-size: 9px;
}

.q-draft-publication-kpis .active strong[b-tktn6dfus1] { color: #aaa5ff; }
.q-draft-publication-kpis .success strong[b-tktn6dfus1] { color: #b8ff35; }
.q-draft-publication-kpis .failed strong[b-tktn6dfus1] { color: #ff7893; }

.q-draft-publication-items[b-tktn6dfus1] {
    max-height: min(414px, calc(100vh - 330px));
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 8px;
}

.q-draft-publication-item[b-tktn6dfus1] {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    min-height: 62px;
    padding: 10px;
    border-radius: 10px;
}

.q-draft-publication-item + .q-draft-publication-item[b-tktn6dfus1] {
    border-top: 1px solid rgba(255, 255, 255, .055);
}

.q-draft-publication-item.failed[b-tktn6dfus1] {
    background: rgba(255, 91, 123, .055);
}

.q-draft-publication-symbol[b-tktn6dfus1] {
    width: 30px;
    height: 30px;
    background: rgba(105, 96, 232, .14);
    color: #aaa5ff;
}

.q-draft-publication-item.success .q-draft-publication-symbol[b-tktn6dfus1] {
    background: rgba(184, 255, 53, .1);
    color: #b8ff35;
}

.q-draft-publication-item.failed .q-draft-publication-symbol[b-tktn6dfus1] {
    background: rgba(255, 91, 123, .12);
    color: #ff7893;
}

.q-draft-publication-item-copy[b-tktn6dfus1] {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.q-draft-publication-item-copy strong[b-tktn6dfus1],
.q-draft-publication-item-copy small[b-tktn6dfus1],
.q-draft-publication-item-copy p[b-tktn6dfus1] {
    overflow-wrap: anywhere;
}

.q-draft-publication-item-copy strong[b-tktn6dfus1] {
    overflow: hidden;
    color: #f3f2ff;
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.q-draft-publication-item-copy small[b-tktn6dfus1] {
    color: #a29fc5;
    font-size: 9px;
}

.q-draft-publication-item-copy p[b-tktn6dfus1] {
    margin: 3px 0 0;
    color: #d1cfe6;
    font-size: 10px;
    line-height: 1.35;
}

.q-draft-publication-fix[b-tktn6dfus1] {
    min-height: 32px;
    padding: 0 11px;
    border: 1px solid rgba(184, 255, 53, .3);
    border-radius: 9px;
    background: rgba(184, 255, 53, .08);
    color: #c8ff62;
    font-size: 10px;
    font-weight: 900;
    cursor: pointer;
}

.q-draft-publication-spinner[b-tktn6dfus1] {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(170, 165, 255, .25);
    border-top-color: #aaa5ff;
    border-radius: 50%;
    animation: draft-publication-spin-b-tktn6dfus1 .8s linear infinite;
}

@keyframes draft-publication-spin-b-tktn6dfus1 {
    to { transform: rotate(360deg); }
}

@media (max-width: 720px) {
    .q-draft-publication-progress[b-tktn6dfus1] {
        right: 12px;
        bottom: 12px;
        width: calc(100vw - 24px);
    }

    .q-draft-publication-kpis[b-tktn6dfus1] {
        grid-template-columns: repeat(2, 1fr);
    }

    .q-draft-publication-item[b-tktn6dfus1] {
        grid-template-columns: 30px minmax(0, 1fr);
    }

    .q-draft-publication-fix[b-tktn6dfus1] {
        grid-column: 2;
        justify-self: start;
    }
}

@media (prefers-reduced-motion: reduce) {
    .q-draft-publication-spinner[b-tktn6dfus1] {
        animation: none;
    }

    .q-draft-publication-progressbar > span[b-tktn6dfus1] {
        transition: none;
    }
}
/* _content/Qublo.App.Shared/Components/Filters/CatalogFilters.razor.rz.scp.css */
.catalog-filter[b-zig7rvyo73],
.catalog-filter *[b-zig7rvyo73] {
    box-sizing: border-box;
}

.catalog-filter[b-zig7rvyo73] {
    flex: none;
    position: relative;
}

.catalog-filter-trigger[b-zig7rvyo73] {
    align-items: center;
    background: var(--q-indigo-soft, rgba(91, 91, 214, 0.16));
    border: 1px solid rgba(91, 112, 205, 0.2);
    border-radius: 10px;
    color: var(--q-indigo-bright, #8d8ff3);
    cursor: pointer;
    display: inline-flex;
    height: 40px;
    justify-content: center;
    min-height: 40px;
    padding: 0;
    position: relative;
    width: 40px;
}

.catalog-filter-trigger:hover[b-zig7rvyo73],
.catalog-filter-trigger.active[b-zig7rvyo73] {
    background: rgba(91, 91, 214, 0.27);
    border-color: rgba(141, 143, 243, 0.62);
    color: #e2e2ff;
}

.catalog-filter-trigger:disabled[b-zig7rvyo73] {
    cursor: not-allowed;
    opacity: 0.55;
}

.catalog-filter-trigger:focus-visible[b-zig7rvyo73],
.catalog-filter-close:focus-visible[b-zig7rvyo73],
.catalog-filter-remove:focus-visible[b-zig7rvyo73],
.catalog-filter-shortcuts button:focus-visible[b-zig7rvyo73],
.catalog-filter-reset:focus-visible[b-zig7rvyo73],
.catalog-filter-apply:focus-visible[b-zig7rvyo73],
.catalog-filter select:focus-visible[b-zig7rvyo73],
.catalog-filter input:focus-visible[b-zig7rvyo73] {
    outline: 2px solid var(--q-indigo-bright, #8d8ff3);
    outline-offset: 2px;
}

.catalog-filter-trigger svg[b-zig7rvyo73] {
    fill: currentColor;
    height: 19px;
    width: 19px;
}

.catalog-filter-badge[b-zig7rvyo73] {
    align-items: center;
    background: var(--q-indigo, #5b5bd6);
    border: 2px solid var(--q-dark-bg, #0f1027);
    border-radius: 999px;
    color: #ffffff;
    display: inline-flex;
    font-size: 9px;
    font-weight: 900;
    height: 17px;
    justify-content: center;
    min-width: 17px;
    padding: 0 3px;
    position: absolute;
    right: -5px;
    top: -5px;
}

.catalog-filter-popover[b-zig7rvyo73] {
    background: var(--q-dark-card, #151530);
    border: 1px solid var(--q-dark-line, #202143);
    border-radius: 12px;
    box-shadow: 0 20px 55px rgba(0, 0, 0, 0.48);
    color: var(--q-dark-ink, #e7e8f1);
    left: 0;
    overflow: hidden;
    position: absolute;
    top: calc(100% + 9px);
    width: min(650px, calc(100vw - 32px));
    z-index: 45;
}

.catalog-filter-header[b-zig7rvyo73] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 11px 13px 7px;
}

.catalog-filter-header strong[b-zig7rvyo73] {
    color: var(--q-dark-ink, #e7e8f1);
    font-size: 14px;
    font-weight: 800;
}

.catalog-filter-close[b-zig7rvyo73],
.catalog-filter-remove[b-zig7rvyo73] {
    align-items: center;
    background: transparent;
    border: 0;
    color: var(--q-dark-muted, #9296b2);
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    padding: 0;
}

.catalog-filter-close[b-zig7rvyo73] {
    border-radius: 6px;
    font-size: 22px;
    height: 28px;
    line-height: 1;
    width: 28px;
}

.catalog-filter-close:hover[b-zig7rvyo73],
.catalog-filter-remove:hover[b-zig7rvyo73] {
    background: var(--q-dark-card-2, #191b3a);
    color: var(--q-dark-ink, #e7e8f1);
}

.catalog-filter-add[b-zig7rvyo73] {
    padding: 4px 13px 9px;
}

.catalog-filter-shortcuts[b-zig7rvyo73] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    padding: 0 13px 11px;
}

.catalog-filter-shortcuts button[b-zig7rvyo73] {
    align-items: center;
    background: rgba(91, 91, 214, 0.1);
    border: 1px solid rgba(141, 143, 243, 0.25);
    border-radius: 999px;
    color: var(--q-indigo-bright, #8d8ff3);
    cursor: pointer;
    display: inline-flex;
    font-size: 11.5px;
    font-weight: 800;
    gap: 6px;
    min-height: 30px;
    padding: 0 11px;
}

.catalog-filter-shortcuts button:hover[b-zig7rvyo73],
.catalog-filter-shortcuts button.active[b-zig7rvyo73] {
    background: rgba(91, 91, 214, 0.24);
    border-color: rgba(141, 143, 243, 0.6);
    color: #e2e2ff;
}

.catalog-filter-shortcuts svg[b-zig7rvyo73] {
    fill: none;
    height: 14px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
    width: 14px;
}

.catalog-filter select[b-zig7rvyo73],
.catalog-filter input[b-zig7rvyo73] {
    background: var(--q-dark-card-2, #191b3a);
    border: 1px solid var(--q-dark-line, #202143);
    border-radius: 8px;
    color: var(--q-dark-ink, #e7e8f1);
    font-size: 12.5px;
    min-height: 38px;
    outline: 0;
    width: 100%;
}

.catalog-filter select[b-zig7rvyo73] {
    padding: 0 30px 0 10px;
}

.catalog-filter input[b-zig7rvyo73] {
    padding: 0 10px;
}

.catalog-filter select:disabled[b-zig7rvyo73],
.catalog-filter input:disabled[b-zig7rvyo73] {
    cursor: not-allowed;
    opacity: 0.58;
}

.catalog-filter-list[b-zig7rvyo73] {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 0 13px 10px;
}

.catalog-filter-empty[b-zig7rvyo73] {
    color: var(--q-dark-dim, #62658f);
    font-size: 12px;
    margin: 2px 0 4px;
    text-align: center;
}

.catalog-filter-row[b-zig7rvyo73] {
    display: grid;
    gap: 5px;
}

.catalog-filter-row-head[b-zig7rvyo73] {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    min-width: 0;
}

.catalog-filter-row-head > label[b-zig7rvyo73] {
    color: var(--q-dark-muted, #9296b2);
    font-size: 11.5px;
    font-weight: 800;
}

.catalog-filter-fields[b-zig7rvyo73] {
    display: grid;
    gap: 6px;
    min-width: 0;
}

.catalog-filter-fields.two[b-zig7rvyo73] {
    grid-template-columns: 1fr 1fr;
}

.catalog-filter-remove[b-zig7rvyo73] {
    border-radius: 7px;
    font-size: 11px;
    font-weight: 800;
    min-height: 24px;
    padding: 0 5px;
}

.catalog-filter-footer[b-zig7rvyo73] {
    align-items: center;
    border-top: 1px solid var(--q-dark-line-2, #1a1b37);
    display: flex;
    gap: 10px;
    justify-content: space-between;
    padding: 10px 13px 12px;
}

.catalog-filter-reset[b-zig7rvyo73],
.catalog-filter-apply[b-zig7rvyo73] {
    border-radius: 8px;
    cursor: pointer;
    font-size: 12.5px;
    font-weight: 900;
    min-height: 36px;
    padding: 0 14px;
}

.catalog-filter-reset[b-zig7rvyo73] {
    background: var(--q-dark-card-2, #191b3a);
    border: 1px solid var(--q-dark-line, #202143);
    color: var(--q-dark-muted, #9296b2);
}

.catalog-filter-reset:disabled[b-zig7rvyo73] {
    cursor: not-allowed;
    opacity: 0.45;
}

.catalog-filter-apply[b-zig7rvyo73] {
    background: var(--q-indigo, #5b5bd6);
    border: 1px solid var(--q-indigo, #5b5bd6);
    color: #ffffff;
}

.catalog-filter-apply:hover[b-zig7rvyo73] {
    background: var(--q-brand-dark, #3f3fb8);
    border-color: var(--q-brand-dark, #3f3fb8);
}

.catalog-filter-visually-hidden[b-zig7rvyo73] {
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
}

@media (max-width: 700px) {
    .catalog-filter-popover[b-zig7rvyo73] {
        width: min(380px, calc(100vw - 24px));
    }

    .catalog-filter-list[b-zig7rvyo73] {
        grid-template-columns: 1fr;
    }
}
/* _content/Qublo.App.Shared/Components/Imports/GlobalImportStatus.razor.rz.scp.css */
.q-global-import[b-q47kd5o0yc] {
    bottom: 18px;
    color: var(--q-dark-ink);
    position: fixed;
    right: 18px;
    width: min(430px, calc(100vw - 36px));
    z-index: 90;
}

.q-global-import-summary[b-q47kd5o0yc] {
    align-items: center;
    background:
        radial-gradient(circle at 100% 0, var(--q-indigo-soft), transparent 42%),
        var(--q-dark-card);
    border: 1px solid color-mix(in srgb, var(--q-indigo-bright) 35%, var(--q-dark-line));
    border-radius: 14px;
    box-shadow: 0 18px 48px rgba(2, 4, 18, 0.38);
    color: var(--q-dark-ink);
    cursor: pointer;
    display: grid;
    gap: 11px;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    min-height: 70px;
    padding: 11px 13px;
    text-align: left;
    width: 100%;
}

.q-global-import-summary:hover[b-q47kd5o0yc] {
    border-color: color-mix(in srgb, var(--q-indigo-bright) 65%, var(--q-dark-line));
}

.q-global-import-summary:focus-visible[b-q47kd5o0yc],
.q-global-import-close:focus-visible[b-q47kd5o0yc],
.q-global-import-clear:focus-visible[b-q47kd5o0yc] {
    outline: 2px solid var(--q-indigo-bright);
    outline-offset: 2px;
}

.q-global-import-state[b-q47kd5o0yc] {
    align-items: center;
    background: var(--q-indigo-soft);
    border: 1px solid color-mix(in srgb, var(--q-indigo-bright) 42%, transparent);
    border-radius: 11px;
    color: var(--q-indigo-bright);
    display: inline-flex;
    font-size: 15px;
    font-weight: 950;
    height: 38px;
    justify-content: center;
    width: 38px;
}

.q-global-import-state.has-errors[b-q47kd5o0yc] {
    background: var(--q-red-soft);
    border-color: color-mix(in srgb, var(--q-red) 45%, transparent);
    color: var(--q-red);
}

.q-global-import-spinner[b-q47kd5o0yc] {
    animation: q-global-import-spin-b-q47kd5o0yc 0.85s linear infinite;
    border: 2px solid color-mix(in srgb, currentColor 28%, transparent);
    border-radius: 999px;
    border-top-color: currentColor;
    height: 17px;
    width: 17px;
}

.q-global-import-copy[b-q47kd5o0yc] {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.q-global-import-copy strong[b-q47kd5o0yc] {
    color: var(--q-dark-ink);
    font-size: 13px;
    font-weight: 900;
    line-height: 1.25;
}

.q-global-import-copy small[b-q47kd5o0yc] {
    color: var(--q-dark-muted);
    font-size: 11px;
    font-weight: 650;
    line-height: 1.35;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.q-global-import-progress[b-q47kd5o0yc],
.q-global-import-job-progress[b-q47kd5o0yc] {
    background: var(--q-dark-raise);
    border-radius: 999px;
    display: block;
    height: 4px;
    margin-top: 3px;
    overflow: hidden;
}

.q-global-import-progress > span[b-q47kd5o0yc],
.q-global-import-job-progress > span[b-q47kd5o0yc] {
    background: linear-gradient(90deg, var(--q-indigo-bright), var(--q-lime));
    display: block;
    height: 100%;
    transition: width 0.25s ease;
}

.q-global-import-count[b-q47kd5o0yc] {
    align-items: center;
    background: var(--q-indigo);
    border-radius: 999px;
    color: #ffffff;
    display: inline-flex;
    font-size: 11px;
    font-weight: 950;
    justify-content: center;
    min-height: 27px;
    min-width: 27px;
    padding: 0 8px;
}

.q-global-import-chevron[b-q47kd5o0yc] {
    color: var(--q-dark-muted);
    font-size: 18px;
    line-height: 1;
    transform: rotate(180deg);
    transition: transform 0.18s ease;
}

.expanded .q-global-import-chevron[b-q47kd5o0yc] {
    transform: rotate(0);
}

.q-global-import-panel[b-q47kd5o0yc] {
    background: var(--q-dark-card);
    border: 1px solid var(--q-dark-line);
    border-radius: 15px;
    bottom: calc(100% + 10px);
    box-shadow: 0 24px 70px rgba(2, 4, 18, 0.48);
    display: grid;
    max-height: min(68vh, 650px);
    overflow: hidden;
    position: absolute;
    right: 0;
    width: 100%;
}

.q-global-import-panel-head[b-q47kd5o0yc] {
    align-items: center;
    border-bottom: 1px solid var(--q-dark-line);
    display: flex;
    justify-content: space-between;
    padding: 14px 15px 12px;
}

.q-global-import-panel-head > div[b-q47kd5o0yc] {
    display: grid;
    gap: 2px;
}

.q-global-import-panel-head strong[b-q47kd5o0yc] {
    color: var(--q-dark-ink);
    font-size: 14px;
    font-weight: 900;
}

.q-global-import-panel-head small[b-q47kd5o0yc] {
    color: var(--q-dark-muted);
    font-size: 10.5px;
    font-weight: 650;
}

.q-global-import-close[b-q47kd5o0yc] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 8px;
    color: var(--q-dark-muted);
    cursor: pointer;
    display: inline-flex;
    font-size: 22px;
    height: 32px;
    justify-content: center;
    width: 32px;
}

.q-global-import-close:hover[b-q47kd5o0yc] {
    background: var(--q-dark-card-2);
    color: var(--q-dark-ink);
}

.q-global-import-api-error[b-q47kd5o0yc] {
    background: var(--q-amber-soft);
    border-bottom: 1px solid color-mix(in srgb, var(--q-amber) 32%, transparent);
    color: var(--q-amber);
    font-size: 11px;
    font-weight: 750;
    line-height: 1.4;
    padding: 9px 15px;
}

.q-global-import-jobs[b-q47kd5o0yc] {
    display: grid;
    gap: 10px;
    min-height: 0;
    overflow-y: auto;
    padding: 11px;
    scrollbar-color: var(--q-dark-faint) transparent;
    scrollbar-width: thin;
}

.q-global-import-job[b-q47kd5o0yc] {
    background: var(--q-dark-card-2);
    border: 1px solid var(--q-dark-line);
    border-radius: 11px;
    display: grid;
    gap: 9px;
    padding: 11px;
}

.q-global-import-job > header[b-q47kd5o0yc] {
    align-items: flex-start;
    display: flex;
    gap: 10px;
    justify-content: space-between;
}

.q-global-import-job > header > div[b-q47kd5o0yc] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.q-global-import-job > header strong[b-q47kd5o0yc] {
    color: var(--q-dark-ink);
    font-size: 12px;
    font-weight: 850;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.q-global-import-job > header small[b-q47kd5o0yc] {
    color: var(--q-dark-dim);
    font-size: 10px;
    font-weight: 650;
}

.q-global-import-job-status[b-q47kd5o0yc] {
    background: var(--q-indigo-soft);
    border-radius: 999px;
    color: var(--q-indigo-bright);
    flex: none;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 0.025em;
    padding: 4px 7px;
    text-transform: uppercase;
}

.q-global-import-job-status.completed[b-q47kd5o0yc] {
    background: var(--q-red-soft);
    color: var(--q-red);
}

.q-global-import-job-progress-copy[b-q47kd5o0yc] {
    align-items: center;
    color: var(--q-dark-muted);
    display: flex;
    font-size: 10.5px;
    justify-content: space-between;
}

.q-global-import-job-progress-copy strong[b-q47kd5o0yc] {
    color: var(--q-dark-ink);
    font-size: 10.5px;
}

.q-global-import-section-label[b-q47kd5o0yc] {
    color: var(--q-dark-muted);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 0.06em;
    margin-top: 2px;
    text-transform: uppercase;
}

.q-global-import-section-label.error[b-q47kd5o0yc] {
    color: var(--q-red);
}

.q-global-import-items[b-q47kd5o0yc] {
    display: grid;
    gap: 6px;
}

.q-global-import-item[b-q47kd5o0yc] {
    align-items: flex-start;
    display: grid;
    gap: 8px;
    grid-template-columns: auto minmax(0, 1fr);
}

.q-global-import-item-symbol[b-q47kd5o0yc] {
    background: var(--q-indigo-bright);
    border-radius: 999px;
    box-shadow: 0 0 0 3px var(--q-indigo-soft);
    height: 6px;
    margin: 6px 4px 0;
    width: 6px;
}

.q-global-import-item.error .q-global-import-item-symbol[b-q47kd5o0yc] {
    align-items: center;
    background: var(--q-red-soft);
    box-shadow: none;
    color: var(--q-red);
    display: inline-flex;
    font-size: 8px;
    font-weight: 950;
    height: 16px;
    justify-content: center;
    margin: 0;
    width: 16px;
}

.q-global-import-item > div[b-q47kd5o0yc] {
    display: grid;
    gap: 1px;
    min-width: 0;
}

.q-global-import-item strong[b-q47kd5o0yc] {
    color: var(--q-dark-ink);
    font-size: 10.5px;
    font-weight: 750;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.q-global-import-item small[b-q47kd5o0yc],
.q-global-import-more[b-q47kd5o0yc] {
    color: var(--q-dark-muted);
    display: -webkit-box;
    font-size: 9.5px;
    line-height: 1.35;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.q-global-import-more[b-q47kd5o0yc] {
    color: var(--q-indigo-bright);
    font-weight: 750;
    padding-left: 24px;
}

.q-global-import-more.error[b-q47kd5o0yc] {
    color: var(--q-red);
}

.q-global-import-panel footer[b-q47kd5o0yc] {
    align-items: center;
    background: var(--q-dark-card-2);
    border-top: 1px solid var(--q-dark-line);
    display: flex;
    gap: 12px;
    justify-content: space-between;
    padding: 11px 13px;
}

.q-global-import-panel footer span[b-q47kd5o0yc] {
    color: var(--q-dark-muted);
    font-size: 10.5px;
    font-weight: 700;
}

.q-global-import-clear[b-q47kd5o0yc] {
    background: var(--q-red-soft);
    border: 1px solid color-mix(in srgb, var(--q-red) 38%, transparent);
    border-radius: 8px;
    color: var(--q-red);
    cursor: pointer;
    font-size: 10.5px;
    font-weight: 900;
    min-height: 32px;
    padding: 6px 10px;
}

.q-global-import-clear:hover:not(:disabled)[b-q47kd5o0yc] {
    background: color-mix(in srgb, var(--q-red) 20%, transparent);
}

.q-global-import-clear:disabled[b-q47kd5o0yc] {
    cursor: wait;
    opacity: 0.62;
}

@keyframes q-global-import-spin-b-q47kd5o0yc {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 600px) {
    .q-global-import[b-q47kd5o0yc] {
        bottom: 10px;
        right: 10px;
        width: calc(100vw - 20px);
    }

    .q-global-import-panel[b-q47kd5o0yc] {
        max-height: min(72vh, 620px);
    }

    .q-global-import-summary[b-q47kd5o0yc] {
        border-radius: 12px;
        min-height: 64px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .q-global-import-spinner[b-q47kd5o0yc] {
        animation-duration: 1.8s;
    }

    .q-global-import-progress > span[b-q47kd5o0yc],
    .q-global-import-job-progress > span[b-q47kd5o0yc],
    .q-global-import-chevron[b-q47kd5o0yc] {
        transition: none;
    }
}
/* _content/Qublo.App.Shared/Components/Inventory/EbayInventoryMigrationProgress.razor.rz.scp.css */
.q-inventory-sync-progress[b-12gqx4fhj7] {
    bottom: 98px;
    color: var(--q-dark-ink);
    position: fixed;
    right: 18px;
    width: min(520px, calc(100vw - 36px));
    z-index: 89;
}

.q-inventory-sync-panel[b-12gqx4fhj7] {
    background:
        radial-gradient(circle at 100% 0, var(--q-indigo-soft), transparent 38%),
        var(--q-dark-card-2);
    border: 1px solid color-mix(in srgb, var(--q-indigo-bright) 34%, var(--q-dark-line));
    border-radius: 14px;
    box-shadow: 0 24px 70px rgba(2, 4, 18, .48);
    display: grid;
    gap: 15px;
    max-height: min(72vh, 720px);
    overflow-y: auto;
    padding: 16px;
    scrollbar-color: var(--q-dark-faint) transparent;
    scrollbar-width: thin;
    width: 100%;
}

.q-inventory-sync-summary[b-12gqx4fhj7] {
    align-items: center;
    background:
        radial-gradient(circle at 100% 0, var(--q-indigo-soft), transparent 42%),
        var(--q-dark-card);
    border: 1px solid color-mix(in srgb, var(--q-indigo-bright) 35%, var(--q-dark-line));
    border-radius: 14px;
    box-shadow: 0 18px 48px rgba(2, 4, 18, .38);
    color: var(--q-dark-ink);
    display: grid;
    gap: 11px;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    min-height: 70px;
    padding: 11px 13px;
    text-align: left;
    width: 100%;
}

.q-inventory-sync-summary:hover[b-12gqx4fhj7] {
    border-color: color-mix(in srgb, var(--q-indigo-bright) 65%, var(--q-dark-line));
}

.q-inventory-sync-summary:focus-visible[b-12gqx4fhj7] {
    outline: 2px solid var(--q-indigo-bright);
    outline-offset: 2px;
}

.q-inventory-sync-collapse[b-12gqx4fhj7] {
    align-items: center;
    background: var(--q-dark-card);
    border: 1px solid var(--q-dark-line);
    border-radius: 9px;
    color: var(--q-dark-muted);
    cursor: pointer;
    display: inline-flex;
    flex: none;
    font-size: 20px;
    height: 34px;
    justify-content: center;
    padding: 0;
    width: 34px;
}

.q-inventory-sync-collapse:hover[b-12gqx4fhj7] {
    background: var(--q-dark-raise);
    color: var(--q-dark-ink);
}

.q-inventory-sync-collapse:focus-visible[b-12gqx4fhj7] {
    outline: 2px solid var(--q-indigo-bright);
    outline-offset: 2px;
}

.q-inventory-sync-summary-copy[b-12gqx4fhj7] {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.q-inventory-sync-summary-copy strong[b-12gqx4fhj7] {
    color: var(--q-dark-ink);
    font-size: 13px;
    font-weight: 900;
    line-height: 1.25;
}

.q-inventory-sync-summary-copy small[b-12gqx4fhj7] {
    color: var(--q-dark-muted);
    font-size: 11px;
    font-weight: 650;
    line-height: 1.35;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.q-inventory-sync-summary-bar[b-12gqx4fhj7] {
    background: var(--q-dark-raise);
    border-radius: 999px;
    display: block;
    height: 4px;
    margin-top: 3px;
    overflow: hidden;
}

.q-inventory-sync-summary-bar > span[b-12gqx4fhj7] {
    background: linear-gradient(90deg, var(--q-indigo-bright), var(--q-lime));
    display: block;
    height: 100%;
    transition: width .25s ease;
}

.q-inventory-sync-summary-percent[b-12gqx4fhj7] {
    align-items: center;
    background: var(--q-indigo);
    border-radius: 999px;
    color: #fff;
    display: inline-flex;
    font-size: 10px;
    font-weight: 950;
    justify-content: center;
    min-height: 28px;
    min-width: 40px;
    padding: 0 8px;
}

.q-inventory-sync-chevron[b-12gqx4fhj7] {
    color: var(--q-dark-muted);
    font-size: 18px;
    line-height: 1;
    transform: rotate(180deg);
    transition: transform .18s ease;
}

.q-inventory-sync-summary[aria-expanded="true"] .q-inventory-sync-chevron[b-12gqx4fhj7] {
    transform: rotate(0);
}

.q-inventory-sync-progress.completed .q-inventory-sync-panel[b-12gqx4fhj7],
.q-inventory-sync-progress.completed .q-inventory-sync-summary[b-12gqx4fhj7] {
    border-color: color-mix(in srgb, var(--q-lime) 38%, var(--q-dark-line));
}

.q-inventory-sync-progress.failed .q-inventory-sync-panel[b-12gqx4fhj7],
.q-inventory-sync-progress.failed .q-inventory-sync-summary[b-12gqx4fhj7] {
    border-color: color-mix(in srgb, var(--q-red) 45%, var(--q-dark-line));
}

.q-inventory-sync-head[b-12gqx4fhj7] {
    align-items: center;
    display: grid;
    gap: 12px;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
}

.q-inventory-sync-state[b-12gqx4fhj7] {
    align-items: center;
    background: var(--q-indigo-soft);
    border: 1px solid color-mix(in srgb, var(--q-indigo-bright) 42%, transparent);
    border-radius: 11px;
    color: var(--q-indigo-bright);
    display: inline-flex;
    font-size: 16px;
    font-weight: 950;
    height: 42px;
    justify-content: center;
    width: 42px;
}

.completed .q-inventory-sync-state[b-12gqx4fhj7] {
    background: color-mix(in srgb, var(--q-lime) 13%, transparent);
    border-color: color-mix(in srgb, var(--q-lime) 38%, transparent);
    color: var(--q-lime);
}

.failed .q-inventory-sync-state[b-12gqx4fhj7] {
    background: var(--q-red-soft);
    border-color: color-mix(in srgb, var(--q-red) 45%, transparent);
    color: var(--q-red);
}

.q-inventory-sync-spinner[b-12gqx4fhj7] {
    animation: q-inventory-sync-spin-b-12gqx4fhj7 .85s linear infinite;
    border: 2px solid color-mix(in srgb, currentColor 28%, transparent);
    border-radius: 999px;
    border-top-color: currentColor;
    display: inline-block;
    height: 17px;
    width: 17px;
}

.q-inventory-sync-title[b-12gqx4fhj7] {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.q-inventory-sync-title strong[b-12gqx4fhj7] {
    color: var(--q-dark-ink);
    font-size: 15px;
    font-weight: 900;
}

.q-inventory-sync-title small[b-12gqx4fhj7] {
    color: var(--q-dark-muted);
    font-size: 11px;
    font-weight: 650;
}

.q-inventory-sync-status[b-12gqx4fhj7] {
    background: var(--q-indigo-soft);
    border-radius: 999px;
    color: var(--q-indigo-bright);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .04em;
    padding: 5px 8px;
    text-transform: uppercase;
}

.completed .q-inventory-sync-status[b-12gqx4fhj7] {
    background: color-mix(in srgb, var(--q-lime) 13%, transparent);
    color: var(--q-lime);
}

.failed .q-inventory-sync-status[b-12gqx4fhj7] {
    background: var(--q-red-soft);
    color: var(--q-red);
}

.q-inventory-sync-actions[b-12gqx4fhj7] {
    display: flex;
    gap: 8px;
}

.q-inventory-sync-actions .q-btn[b-12gqx4fhj7] {
    align-items: center;
    display: inline-flex;
    gap: 7px;
}

.q-inventory-sync-current[b-12gqx4fhj7] {
    align-items: end;
    display: flex;
    gap: 14px;
    justify-content: space-between;
}

.q-inventory-sync-current > div[b-12gqx4fhj7] {
    display: grid;
    gap: 3px;
}

.q-inventory-sync-current strong[b-12gqx4fhj7] {
    color: var(--q-dark-ink);
    font-size: 12px;
    font-weight: 900;
}

.q-inventory-sync-current small[b-12gqx4fhj7] {
    color: var(--q-dark-muted);
    font-size: 10.5px;
    line-height: 1.45;
}

.q-inventory-sync-bar[b-12gqx4fhj7] {
    background: var(--q-dark-raise);
    border-radius: 999px;
    display: block;
    height: 7px;
    overflow: hidden;
}

.q-inventory-sync-bar > span[b-12gqx4fhj7] {
    background: linear-gradient(90deg, var(--q-indigo-bright), var(--q-lime));
    display: block;
    height: 100%;
    position: relative;
    transition: width .25s ease;
}

.q-inventory-sync-bar > span.indeterminate[b-12gqx4fhj7]::after {
    animation: q-inventory-sync-shimmer-b-12gqx4fhj7 1.15s ease-in-out infinite;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .58), transparent);
    content: "";
    inset: 0;
    position: absolute;
    transform: translateX(-100%);
}

.q-inventory-sync-timeline[b-12gqx4fhj7] {
    display: grid;
    gap: 0;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    list-style: none;
    margin: 2px 0 0;
    padding: 0;
}

.q-inventory-sync-timeline li[b-12gqx4fhj7] {
    align-items: flex-start;
    display: grid;
    gap: 8px;
    grid-template-columns: auto minmax(0, 1fr);
    min-width: 0;
    position: relative;
}

.q-inventory-sync-timeline li:not(:last-child)[b-12gqx4fhj7]::after {
    background: var(--q-dark-line);
    content: "";
    height: 2px;
    left: 28px;
    position: absolute;
    right: 4px;
    top: 12px;
}

.q-inventory-sync-timeline li.complete:not(:last-child)[b-12gqx4fhj7]::after {
    background: linear-gradient(90deg, var(--q-indigo-bright), var(--q-lime));
}

.q-inventory-sync-step[b-12gqx4fhj7] {
    align-items: center;
    background: var(--q-dark-raise);
    border: 1px solid var(--q-dark-line);
    border-radius: 999px;
    color: var(--q-dark-dim);
    display: inline-flex;
    flex: none;
    font-size: 9px;
    font-weight: 950;
    height: 25px;
    justify-content: center;
    position: relative;
    width: 25px;
    z-index: 1;
}

.q-inventory-sync-step .q-inventory-sync-spinner[b-12gqx4fhj7] {
    height: 12px;
    width: 12px;
}

.q-inventory-sync-timeline li.active .q-inventory-sync-step[b-12gqx4fhj7] {
    background: var(--q-indigo-soft);
    border-color: var(--q-indigo-bright);
    color: var(--q-indigo-bright);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--q-indigo-bright) 10%, transparent);
}

.q-inventory-sync-timeline li.complete .q-inventory-sync-step[b-12gqx4fhj7] {
    background: color-mix(in srgb, var(--q-lime) 14%, var(--q-dark-card));
    border-color: color-mix(in srgb, var(--q-lime) 48%, transparent);
    color: var(--q-lime);
}

.q-inventory-sync-timeline li.failed .q-inventory-sync-step[b-12gqx4fhj7] {
    background: var(--q-red-soft);
    border-color: color-mix(in srgb, var(--q-red) 48%, transparent);
    color: var(--q-red);
}

.q-inventory-sync-timeline li > span:last-child[b-12gqx4fhj7] {
    display: grid;
    gap: 3px;
    min-width: 0;
    padding-right: 8px;
}

.q-inventory-sync-timeline strong[b-12gqx4fhj7] {
    color: var(--q-dark-dim);
    font-size: 9.5px;
    font-weight: 850;
    line-height: 1.35;
}

.q-inventory-sync-timeline li.active strong[b-12gqx4fhj7],
.q-inventory-sync-timeline li.complete strong[b-12gqx4fhj7],
.q-inventory-sync-timeline li.failed strong[b-12gqx4fhj7] {
    color: var(--q-dark-ink);
}

.q-inventory-sync-timeline small[b-12gqx4fhj7] {
    color: var(--q-dark-muted);
    font-size: 9px;
    line-height: 1.35;
}

.q-inventory-sync-adoption[b-12gqx4fhj7],
.q-inventory-sync-warning[b-12gqx4fhj7] {
    align-items: flex-start;
    border-radius: 10px;
    display: grid;
    gap: 10px;
    grid-template-columns: auto minmax(0, 1fr);
    padding: 11px 12px;
}

.q-inventory-sync-adoption[b-12gqx4fhj7] {
    background: var(--q-indigo-soft);
    border: 1px solid color-mix(in srgb, var(--q-indigo-bright) 32%, transparent);
    color: var(--q-indigo-bright);
}

.q-inventory-sync-adoption.complete[b-12gqx4fhj7] {
    background: color-mix(in srgb, var(--q-lime) 10%, transparent);
    border-color: color-mix(in srgb, var(--q-lime) 32%, transparent);
    color: var(--q-lime);
}

.q-inventory-sync-adoption > span:last-child[b-12gqx4fhj7] {
    display: grid;
    gap: 2px;
}

.q-inventory-sync-warning-copy[b-12gqx4fhj7] {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.q-inventory-sync-warning-symbol[b-12gqx4fhj7] {
    align-items: center;
    border: 1px solid currentColor;
    border-radius: 999px;
    display: inline-flex;
    font-size: 10px;
    font-weight: 950;
    height: 20px;
    justify-content: center;
    width: 20px;
}

.q-inventory-sync-adoption strong[b-12gqx4fhj7],
.q-inventory-sync-warning strong[b-12gqx4fhj7] {
    font-size: 11px;
    font-weight: 900;
}

.q-inventory-sync-adoption small[b-12gqx4fhj7],
.q-inventory-sync-warning-copy small[b-12gqx4fhj7] {
    color: var(--q-dark-muted);
    font-size: 10px;
    line-height: 1.4;
}

.q-inventory-sync-warning[b-12gqx4fhj7] {
    background: var(--q-amber-soft);
    border: 1px solid color-mix(in srgb, var(--q-amber) 32%, transparent);
    color: var(--q-amber);
}

.q-inventory-sync-error[b-12gqx4fhj7] {
    background: var(--q-red-soft);
    border: 1px solid color-mix(in srgb, var(--q-red) 34%, transparent);
    border-radius: 10px;
    color: var(--q-red);
    font-size: 11px;
    font-weight: 750;
    line-height: 1.45;
    padding: 11px 12px;
}

.q-inventory-sync-access-denied[b-12gqx4fhj7] {
    align-items: flex-start;
    background: var(--q-red-soft);
    border: 1px solid color-mix(in srgb, var(--q-red) 38%, transparent);
    border-radius: 10px;
    color: var(--q-red);
    display: grid;
    gap: 10px;
    grid-template-columns: auto minmax(0, 1fr);
    padding: 12px;
}

.q-inventory-sync-access-denied-copy[b-12gqx4fhj7] {
    display: grid;
    gap: 5px;
    min-width: 0;
}

.q-inventory-sync-access-denied-copy strong[b-12gqx4fhj7] {
    color: var(--q-dark-ink);
    font-size: 12px;
    font-weight: 900;
}

.q-inventory-sync-access-denied-copy small[b-12gqx4fhj7] {
    color: var(--q-dark-muted);
    font-size: 10px;
    line-height: 1.45;
}

.q-inventory-sync-access-denied-copy .q-inventory-sync-diagnostic[b-12gqx4fhj7] {
    color: var(--q-dark-dim);
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    overflow-wrap: anywhere;
}

.q-inventory-sync-access-denied-copy .q-btn[b-12gqx4fhj7] {
    justify-self: start;
    margin-top: 3px;
}

.q-inventory-sync-metrics[b-12gqx4fhj7] {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.q-inventory-sync-metrics > div[b-12gqx4fhj7] {
    background: var(--q-dark-card);
    border: 1px solid var(--q-dark-line);
    border-radius: 9px;
    display: grid;
    gap: 3px;
    padding: 9px 10px;
}

.q-inventory-sync-metrics span[b-12gqx4fhj7] {
    color: var(--q-dark-muted);
    font-size: 9px;
    font-weight: 750;
}

.q-inventory-sync-metrics strong[b-12gqx4fhj7] {
    color: var(--q-dark-ink);
    font-size: 12px;
    font-weight: 900;
}

@keyframes q-inventory-sync-spin-b-12gqx4fhj7 {
    to { transform: rotate(360deg); }
}

@keyframes q-inventory-sync-shimmer-b-12gqx4fhj7 {
    to { transform: translateX(100%); }
}

@media (max-width: 900px) {
    .q-inventory-sync-head[b-12gqx4fhj7] {
        grid-template-columns: auto minmax(0, 1fr) auto;
    }

    .q-inventory-sync-actions[b-12gqx4fhj7] {
        grid-column: 1 / -1;
        justify-content: flex-end;
    }

    .q-inventory-sync-timeline[b-12gqx4fhj7] {
        gap: 9px;
        grid-template-columns: 1fr;
    }

    .q-inventory-sync-timeline li:not(:last-child)[b-12gqx4fhj7]::after {
        bottom: -9px;
        height: auto;
        left: 12px;
        right: auto;
        top: 25px;
        width: 2px;
    }

    .q-inventory-sync-timeline li > span:last-child[b-12gqx4fhj7] {
        padding-bottom: 4px;
    }
}

@media (max-width: 600px) {
    .q-inventory-sync-progress[b-12gqx4fhj7] {
        bottom: 86px;
        right: 10px;
        width: calc(100vw - 20px);
    }

    .q-inventory-sync-panel[b-12gqx4fhj7] {
        max-height: min(72vh, 650px);
    }

    .q-inventory-sync-summary[b-12gqx4fhj7] {
        border-radius: 12px;
        min-height: 64px;
    }

    .q-inventory-sync-metrics[b-12gqx4fhj7] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .q-inventory-sync-status[b-12gqx4fhj7] {
        grid-column: 1 / -1;
        justify-self: start;
    }
}

@media (prefers-reduced-motion: reduce) {
    .q-inventory-sync-spinner[b-12gqx4fhj7],
    .q-inventory-sync-bar > span.indeterminate[b-12gqx4fhj7]::after {
        animation-duration: 1.8s;
    }

    .q-inventory-sync-bar > span[b-12gqx4fhj7] {
        transition: none;
    }

    .q-inventory-sync-summary-bar > span[b-12gqx4fhj7],
    .q-inventory-sync-chevron[b-12gqx4fhj7] {
        transition: none;
    }
}
/* _content/Qublo.App.Shared/Components/Orders/OrderFilters.razor.rz.scp.css */
.orders-filter[b-thi528lksv],
.orders-filter *[b-thi528lksv] {
    box-sizing: border-box;
}

.orders-filter[b-thi528lksv] {
    flex: none;
    position: relative;
}

.orders-filter-trigger[b-thi528lksv] {
    align-items: center;
    background: var(--q-indigo-soft, rgba(91, 91, 214, 0.16));
    border: 1px solid rgba(91, 112, 205, 0.2);
    border-radius: 10px;
    color: var(--q-indigo-bright, #8d8ff3);
    cursor: pointer;
    display: inline-flex;
    height: 40px;
    justify-content: center;
    min-height: 40px;
    padding: 0;
    position: relative;
    width: 40px;
}

.orders-filter-trigger:hover[b-thi528lksv],
.orders-filter-trigger.active[b-thi528lksv] {
    background: rgba(91, 91, 214, 0.27);
    border-color: rgba(141, 143, 243, 0.62);
    color: #e2e2ff;
}

.orders-filter-trigger:focus-visible[b-thi528lksv],
.orders-filter-close:focus-visible[b-thi528lksv],
.orders-filter-remove:focus-visible[b-thi528lksv],
.orders-filter-reset:focus-visible[b-thi528lksv],
.orders-filter-apply:focus-visible[b-thi528lksv],
.orders-filter select:focus-visible[b-thi528lksv] {
    outline: 2px solid var(--q-indigo-bright, #8d8ff3);
    outline-offset: 2px;
}

.orders-filter-trigger svg[b-thi528lksv] {
    fill: currentColor;
    height: 19px;
    width: 19px;
}

.orders-filter-badge[b-thi528lksv] {
    align-items: center;
    background: var(--q-indigo, #5b5bd6);
    border: 2px solid var(--q-dark-bg, #0f1027);
    border-radius: 999px;
    color: #ffffff;
    display: inline-flex;
    font-size: 9px;
    font-weight: 900;
    height: 17px;
    justify-content: center;
    min-width: 17px;
    padding: 0 3px;
    position: absolute;
    right: -5px;
    top: -5px;
}

.orders-filter-popover[b-thi528lksv] {
    background: var(--q-dark-card, #151530);
    border: 1px solid var(--q-dark-line, #202143);
    border-radius: 12px;
    box-shadow: 0 20px 55px rgba(0, 0, 0, 0.48);
    color: var(--q-dark-ink, #e7e8f1);
    left: 0;
    overflow: hidden;
    position: absolute;
    top: calc(100% + 9px);
    width: min(320px, calc(100vw - 32px));
    z-index: 45;
}

.orders-filter-header[b-thi528lksv] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 11px 13px 7px;
}

.orders-filter-header strong[b-thi528lksv] {
    color: var(--q-dark-ink, #e7e8f1);
    font-size: 14px;
    font-weight: 800;
}

.orders-filter-close[b-thi528lksv],
.orders-filter-remove[b-thi528lksv] {
    align-items: center;
    background: transparent;
    border: 0;
    color: var(--q-dark-muted, #9296b2);
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    padding: 0;
}

.orders-filter-close[b-thi528lksv] {
    border-radius: 6px;
    font-size: 22px;
    height: 28px;
    line-height: 1;
    width: 28px;
}

.orders-filter-close:hover[b-thi528lksv],
.orders-filter-remove:hover[b-thi528lksv] {
    background: var(--q-dark-card-2, #191b3a);
    color: var(--q-dark-ink, #e7e8f1);
}

.orders-filter-add[b-thi528lksv] {
    padding: 4px 13px 9px;
}

.orders-filter select[b-thi528lksv] {
    background: var(--q-dark-card-2, #191b3a);
    border: 1px solid var(--q-dark-line, #202143);
    border-radius: 8px;
    color: var(--q-dark-ink, #e7e8f1);
    font-size: 12.5px;
    min-height: 38px;
    outline: 0;
    padding: 0 30px 0 10px;
    width: 100%;
}

.orders-filter select:disabled[b-thi528lksv] {
    cursor: not-allowed;
    opacity: 0.58;
}

.orders-filter-list[b-thi528lksv] {
    display: grid;
    gap: 8px;
    max-height: 330px;
    overflow-y: auto;
    padding: 0 13px 10px;
}

.orders-filter-empty[b-thi528lksv] {
    color: var(--q-dark-dim, #62658f);
    font-size: 12px;
    margin: 2px 0 4px;
    text-align: center;
}

.orders-filter-row[b-thi528lksv] {
    display: grid;
    gap: 5px;
}

.orders-filter-row > label[b-thi528lksv] {
    color: var(--q-dark-muted, #9296b2);
    font-size: 11.5px;
    font-weight: 800;
}

.orders-filter-control[b-thi528lksv] {
    align-items: center;
    display: grid;
    gap: 6px;
    grid-template-columns: minmax(0, 1fr) 30px;
}

.orders-filter-remove[b-thi528lksv] {
    border-radius: 7px;
    font-size: 19px;
    height: 30px;
    width: 30px;
}

.orders-filter-footer[b-thi528lksv] {
    align-items: center;
    border-top: 1px solid var(--q-dark-line-2, #1a1b37);
    display: flex;
    gap: 10px;
    justify-content: space-between;
    padding: 10px 13px 12px;
}

.orders-filter-reset[b-thi528lksv],
.orders-filter-apply[b-thi528lksv] {
    border-radius: 8px;
    cursor: pointer;
    font-size: 12.5px;
    font-weight: 900;
    min-height: 36px;
    padding: 0 14px;
}

.orders-filter-reset[b-thi528lksv] {
    background: var(--q-dark-card-2, #191b3a);
    border: 1px solid var(--q-dark-line, #202143);
    color: var(--q-dark-muted, #9296b2);
}

.orders-filter-reset:disabled[b-thi528lksv] {
    cursor: not-allowed;
    opacity: 0.45;
}

.orders-filter-apply[b-thi528lksv] {
    background: var(--q-indigo, #5b5bd6);
    border: 1px solid var(--q-indigo, #5b5bd6);
    color: #ffffff;
}

.orders-filter-apply:hover[b-thi528lksv] {
    background: var(--q-brand-dark, #3f3fb8);
    border-color: var(--q-brand-dark, #3f3fb8);
}

.orders-filter-visually-hidden[b-thi528lksv] {
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
}

@media (max-width: 420px) {
    .orders-filter-popover[b-thi528lksv] {
        width: min(320px, calc(100vw - 24px));
    }
}
/* _content/Qublo.App.Shared/Components/PasswordVisibilityToggle.razor.rz.scp.css */
.q-password-visibility-toggle[b-gef3prcpjl] {
    align-items: center;
    background: transparent !important;
    border: 0 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    color: currentColor;
    cursor: pointer;
    display: inline-flex;
    height: 36px !important;
    justify-content: center;
    margin: 0 !important;
    min-height: 0 !important;
    min-width: 0 !important;
    opacity: 0.68;
    padding: 0 !important;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    transition: background-color 0.15s ease, color 0.15s ease, opacity 0.15s ease;
    width: 36px !important;
    z-index: 2;
}

.q-password-visibility-toggle:hover:not(:disabled)[b-gef3prcpjl] {
    background: rgba(141, 143, 243, 0.14) !important;
    opacity: 1;
}

.q-password-visibility-toggle:focus-visible[b-gef3prcpjl] {
    outline: 2px solid #8d8ff3;
    outline-offset: 1px;
    opacity: 1;
}

.q-password-visibility-toggle:disabled[b-gef3prcpjl] {
    cursor: not-allowed;
    opacity: 0.38;
}

.q-password-visibility-toggle svg[b-gef3prcpjl] {
    fill: none;
    height: 20px;
    pointer-events: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
    width: 20px;
}
/* _content/Qublo.App.Shared/Components/ProductEditor/AnaliticaTab.razor.rz.scp.css */
.analytics-tab-body[b-wvl19hlrqa] {
    display: grid;
    gap: 1rem;
    min-height: 28rem;
}

.analytics-heading[b-wvl19hlrqa],
.analytics-status-row[b-wvl19hlrqa],
.analytics-hover-summary[b-wvl19hlrqa] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.analytics-heading h3[b-wvl19hlrqa] {
    margin: .15rem 0 .25rem;
}

.analytics-heading p[b-wvl19hlrqa],
.analytics-status-row small[b-wvl19hlrqa] {
    margin: 0;
    color: var(--q-text-muted, #64748b);
}

.analytics-kicker[b-wvl19hlrqa] {
    color: var(--q-primary, #2563eb);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.analytics-month-picker[b-wvl19hlrqa] {
    display: flex;
    align-items: center;
    gap: .55rem;
    white-space: nowrap;
}

.analytics-month-picker strong[b-wvl19hlrqa] {
    min-width: 9rem;
    text-align: center;
    text-transform: capitalize;
}

.analytics-hover-summary[b-wvl19hlrqa] {
    justify-content: flex-start;
    min-height: 2.5rem;
    padding: .65rem .8rem;
    border: 1px solid color-mix(in srgb, var(--q-primary, #2563eb) 22%, transparent);
    border-radius: .7rem;
    background: color-mix(in srgb, var(--q-primary, #2563eb) 6%, transparent);
}

.analytics-chart-grid[b-wvl19hlrqa] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.analytics-empty[b-wvl19hlrqa] {
    display: grid;
    min-height: 18rem;
    place-items: center;
    color: var(--q-text-muted, #64748b);
}

@media (max-width: 900px) {
    .analytics-heading[b-wvl19hlrqa],
    .analytics-status-row[b-wvl19hlrqa],
    .analytics-hover-summary[b-wvl19hlrqa] {
        align-items: flex-start;
        flex-direction: column;
    }

    .analytics-chart-grid[b-wvl19hlrqa] {
        grid-template-columns: 1fr;
    }
}
/* _content/Qublo.App.Shared/Components/ProductEditor/ListingHtmlEditor.razor.rz.scp.css */
.listing-html-editor[b-7mfpen8iko] {
    background: color-mix(in srgb, var(--q-dark-card-2) 72%, transparent);
    border: 1px solid var(--q-dark-line);
    border-radius: 12px;
    display: grid;
    gap: 0;
    overflow: hidden;
}

.listing-html-editor-head[b-7mfpen8iko],
.listing-html-editor-foot[b-7mfpen8iko] {
    align-items: center;
    display: flex;
    gap: 14px;
    justify-content: space-between;
    padding: 10px 12px;
}

.listing-html-editor-head strong[b-7mfpen8iko] {
    color: var(--q-dark-ink);
    display: block;
    font-size: 13px;
}

.listing-html-editor-head small[b-7mfpen8iko],
.listing-html-editor-foot[b-7mfpen8iko] {
    color: var(--q-dark-dim);
    font-size: 11.5px;
}

.listing-html-modes[b-7mfpen8iko] {
    background: var(--q-dark-card);
    border: 1px solid var(--q-dark-line);
    border-radius: 8px;
    display: flex;
    padding: 2px;
}

.listing-html-modes button[b-7mfpen8iko],
.listing-html-toolbar button[b-7mfpen8iko] {
    background: transparent;
    border: 0;
    color: var(--q-dark-muted);
    min-height: 30px;
}

.listing-html-modes button[b-7mfpen8iko] {
    border-radius: 6px;
    font-size: 11.5px;
    font-weight: 800;
    padding: 0 10px;
}

.listing-html-modes button.active[b-7mfpen8iko] {
    background: rgba(141, 143, 243, 0.16);
    color: var(--q-indigo-bright);
}

.listing-html-preview-button[b-7mfpen8iko] {
    align-items: center;
    background: rgba(141, 143, 243, .12);
    border: 1px solid rgba(141, 143, 243, .34);
    border-radius: 8px;
    color: var(--q-indigo-bright);
    display: inline-flex;
    font-size: 11.5px;
    font-weight: 800;
    gap: 6px;
    min-height: 32px;
    padding: 0 11px;
}

.listing-html-preview-button svg[b-7mfpen8iko] {
    fill: none;
    height: 15px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
    width: 15px;
}

.listing-html-preview-button:hover[b-7mfpen8iko],
.listing-html-preview-button:focus-visible[b-7mfpen8iko] {
    background: rgba(141, 143, 243, .2);
    outline: none;
}

.listing-html-toolbar[b-7mfpen8iko] {
    align-items: center;
    border-top: 1px solid var(--q-dark-line-2);
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    padding: 7px 10px;
}

.listing-html-toolbar button[b-7mfpen8iko] {
    border: 1px solid transparent;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 800;
    min-width: 32px;
    padding: 0 8px;
}

.listing-html-toolbar button:hover[b-7mfpen8iko],
.listing-html-toolbar button:focus-visible[b-7mfpen8iko] {
    background: var(--q-dark-raise);
    border-color: var(--q-dark-line);
    color: var(--q-dark-ink);
    outline: none;
}

.listing-html-toolbar-separator[b-7mfpen8iko] {
    background: var(--q-dark-line);
    height: 22px;
    margin: 0 3px;
    width: 1px;
}

.listing-html-toolbar .listing-html-macro[b-7mfpen8iko] {
    color: var(--q-indigo-bright);
    font-weight: 700;
}

.listing-html-toolbar .listing-html-macro.required[b-7mfpen8iko]::after {
    color: var(--q-amber);
    content: " *";
}

.listing-html-workspace[b-7mfpen8iko] {
    border-top: 1px solid var(--q-dark-line-2);
    display: grid;
    min-height: 250px;
}

.listing-html-workspace.split[b-7mfpen8iko] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.listing-html-source[b-7mfpen8iko] {
    display: flex;
    min-width: 0;
}

.listing-html-source textarea[b-7mfpen8iko] {
    background: #0d1023;
    border: 0;
    border-radius: 0;
    color: #dce3f6;
    flex: 1;
    font-family: "Cascadia Code", "SFMono-Regular", Consolas, monospace;
    font-size: 12.5px;
    line-height: 1.55;
    min-height: 250px;
    padding: 14px;
    resize: vertical;
    tab-size: 2;
}

.listing-html-source textarea:focus[b-7mfpen8iko] {
    box-shadow: inset 0 0 0 2px rgba(141, 143, 243, 0.55);
    outline: 0;
}

.listing-html-preview-wrap[b-7mfpen8iko] {
    background: #eef1f7;
    display: grid;
    grid-template-rows: auto 1fr;
    min-width: 0;
}

.listing-html-preview-wrap > span[b-7mfpen8iko] {
    background: #e4e8f0;
    color: #566176;
    font-size: 10.5px;
    font-weight: 800;
    letter-spacing: .04em;
    padding: 6px 10px;
    text-transform: uppercase;
}

.listing-html-preview[b-7mfpen8iko] {
    background: #fff;
    border: 0;
    min-height: 250px;
    width: 100%;
}

.listing-html-editor-foot[b-7mfpen8iko] {
    border-top: 1px solid var(--q-dark-line-2);
    padding-block: 7px;
}

.listing-html-preview-backdrop[b-7mfpen8iko] {
    align-items: center;
    background: rgba(4, 8, 22, .8);
    display: flex;
    inset: 0;
    justify-content: center;
    padding: 24px;
    position: fixed;
    z-index: 1800;
}

.listing-html-preview-dialog[b-7mfpen8iko] {
    background: var(--q-dark-card);
    border: 1px solid var(--q-dark-line);
    border-radius: 14px;
    box-shadow: 0 28px 80px rgba(0, 0, 0, .5);
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    max-height: min(82vh, 860px);
    overflow: hidden;
    width: min(920px, 94vw);
}

.listing-html-preview-dialog header[b-7mfpen8iko] {
    align-items: center;
    border-bottom: 1px solid var(--q-dark-line);
    display: flex;
    justify-content: space-between;
    padding: 13px 16px;
}

.listing-html-preview-dialog h2[b-7mfpen8iko] {
    color: var(--q-dark-ink);
    font-size: 16px;
    margin: 0;
}

.listing-html-preview-dialog header button[b-7mfpen8iko] {
    background: transparent;
    border: 0;
    color: var(--q-dark-muted);
    font-size: 25px;
    height: 32px;
    line-height: 1;
    padding: 0;
    width: 32px;
}

.listing-html-preview-modal-frame[b-7mfpen8iko] {
    background: #fff;
    border: 0;
    height: min(70vh, 720px);
    width: 100%;
}

@media (max-width: 760px) {
    .listing-html-editor-head[b-7mfpen8iko] {
        align-items: stretch;
        flex-direction: column;
    }

    .listing-html-modes[b-7mfpen8iko] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    .listing-html-workspace.split[b-7mfpen8iko] {
        grid-template-columns: 1fr;
    }

    .listing-html-editor-foot span:first-child[b-7mfpen8iko] {
        display: none;
    }
}
/* _content/Qublo.App.Shared/Components/ProductEditor/PrezzoTab.razor.rz.scp.css */
.price-tab-body[b-t5w531qcth] {
    gap: 16px;
}

.price-kpi-grid[b-t5w531qcth] {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.price-kpi[b-t5w531qcth] {
    background: color-mix(in srgb, var(--q-dark-raise) 68%, transparent);
    border: 1px solid var(--q-dark-line-2);
    border-radius: 12px;
    display: grid;
    gap: 5px;
    min-width: 0;
    padding: 14px 15px;
}

.price-kpi.primary[b-t5w531qcth] {
    background: linear-gradient(135deg, rgba(141, 143, 243, 0.18), rgba(91, 91, 214, 0.06));
    border-color: rgba(79, 139, 255, 0.38);
}

.price-kpi > span[b-t5w531qcth] {
    color: var(--q-dark-muted);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.price-kpi strong[b-t5w531qcth] {
    color: var(--q-dark-ink);
    font-size: clamp(17px, 2vw, 22px);
    line-height: 1.1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.price-kpi small[b-t5w531qcth],
.price-section-heading small[b-t5w531qcth] {
    color: var(--q-dark-dim);
    font-size: 11.5px;
    line-height: 1.35;
}

.price-kpi.positive strong[b-t5w531qcth],
.price-margin-chip.positive[b-t5w531qcth] {
    color: var(--q-lime);
}

.price-kpi.negative strong[b-t5w531qcth],
.price-margin-chip.negative[b-t5w531qcth] {
    color: var(--q-red);
}

.price-card[b-t5w531qcth] {
    background: rgba(8, 11, 39, 0.26);
    border: 1px solid var(--q-dark-line-2);
    border-radius: 14px;
    padding: 16px;
}

.price-editor-card[b-t5w531qcth] {
    display: grid;
    gap: 16px;
}

.price-grid-4[b-t5w531qcth] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.price-grid label[b-t5w531qcth] {
    min-width: 0;
}

.price-input-with-suffix[b-t5w531qcth] {
    align-items: center;
    background: var(--q-dark-card-2);
    border: 1px solid var(--q-dark-line);
    border-radius: 9px;
    display: flex;
    margin-top: 7px;
    overflow: hidden;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.price-input-with-suffix:focus-within[b-t5w531qcth] {
    border-color: var(--q-indigo-bright);
    box-shadow: 0 0 0 3px rgba(141, 143, 243, 0.14);
}

.price-input-with-suffix input[b-t5w531qcth] {
    background: transparent;
    border: 0;
    box-shadow: none;
    margin: 0;
    min-width: 0;
}

.price-input-with-suffix input:focus[b-t5w531qcth] {
    border: 0;
    box-shadow: none;
}

.price-input-with-suffix > span[b-t5w531qcth] {
    color: var(--q-dark-muted);
    flex: none;
    font-size: 12px;
    font-weight: 900;
    padding: 0 12px 0 4px;
}

.price-input-with-suffix.suffix-leading > span[b-t5w531qcth] {
    padding: 0 4px 0 12px;
}

.price-conversion-note[b-t5w531qcth] {
    align-items: center;
    background: rgba(141, 143, 243, 0.08);
    border-radius: 9px;
    color: var(--q-dark-muted);
    display: flex;
    flex-wrap: wrap;
    font-size: 11.5px;
    gap: 7px;
    padding: 9px 11px;
}

.price-conversion-note strong[b-t5w531qcth] {
    color: var(--q-dark-ink);
}

.price-economics[b-t5w531qcth] {
    display: grid;
    gap: 13px;
}

.price-section-heading[b-t5w531qcth] {
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: space-between;
}

.price-section-heading strong[b-t5w531qcth] {
    color: var(--q-dark-ink);
    display: block;
    font-size: 15px;
    margin-bottom: 3px;
}

.price-margin-chip[b-t5w531qcth] {
    background: rgba(21, 211, 119, 0.1);
    border: 1px solid rgba(21, 211, 119, 0.18);
    border-radius: 999px;
    flex: none;
    font-size: 11.5px;
    font-weight: 900;
    padding: 6px 10px;
}

.price-margin-chip.negative[b-t5w531qcth] {
    background: rgba(255, 76, 103, 0.1);
    border-color: rgba(255, 76, 103, 0.2);
}

.price-allocation[b-t5w531qcth] {
    background: var(--q-dark-card-2);
    border-radius: 999px;
    display: flex;
    height: 9px;
    overflow: hidden;
}

.price-allocation span[b-t5w531qcth] {
    display: block;
    min-width: 0;
}

.price-allocation .cost[b-t5w531qcth],
.price-allocation-legend i.cost[b-t5w531qcth] {
    background: #566182;
}

.price-allocation .fees[b-t5w531qcth],
.price-allocation-legend i.fees[b-t5w531qcth] {
    background: var(--q-red);
}

.price-allocation .profit[b-t5w531qcth],
.price-allocation-legend i.profit[b-t5w531qcth] {
    background: var(--q-lime);
}

.price-allocation-legend[b-t5w531qcth] {
    color: var(--q-dark-muted);
    display: flex;
    flex-wrap: wrap;
    font-size: 11.5px;
    font-weight: 700;
    gap: 9px 18px;
}

.price-allocation-legend span[b-t5w531qcth] {
    align-items: center;
    display: inline-flex;
    gap: 6px;
}

.price-allocation-legend i[b-t5w531qcth] {
    border-radius: 3px;
    display: block;
    height: 8px;
    width: 8px;
}

.price-breakdown-grid[b-t5w531qcth] {
    border-top: 1px solid var(--q-dark-line-2);
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.price-breakdown-grid > div[b-t5w531qcth] {
    align-items: center;
    border-bottom: 1px solid var(--q-dark-line-2);
    color: var(--q-dark-muted);
    display: flex;
    font-size: 12px;
    gap: 12px;
    justify-content: space-between;
    min-width: 0;
    padding: 9px 4px;
}

.price-breakdown-grid > div:nth-child(odd)[b-t5w531qcth] {
    padding-right: 18px;
}

.price-breakdown-grid > div:nth-child(even)[b-t5w531qcth] {
    border-left: 1px solid var(--q-dark-line-2);
    padding-left: 18px;
}

.price-breakdown-grid strong[b-t5w531qcth] {
    color: var(--q-dark-ink);
    flex: none;
}

.price-stock-panel[b-t5w531qcth] {
    padding: 0;
}

.price-stock-panel > summary[b-t5w531qcth] {
    align-items: center;
    cursor: pointer;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    list-style: none;
    padding: 14px 16px;
}

.price-stock-panel > summary[b-t5w531qcth]::-webkit-details-marker {
    display: none;
}

.price-stock-panel > summary strong[b-t5w531qcth],
.price-stock-panel > summary small[b-t5w531qcth] {
    display: block;
}

.price-stock-panel > summary strong[b-t5w531qcth] {
    color: var(--q-dark-ink);
    font-size: 14px;
}

.price-stock-panel > summary small[b-t5w531qcth] {
    color: var(--q-dark-dim);
    font-size: 11.5px;
    margin-top: 3px;
}

.price-details-action[b-t5w531qcth] {
    color: var(--q-indigo-bright);
    flex: none;
    font-size: 12px;
    font-weight: 800;
}

.price-stock-content[b-t5w531qcth] {
    border-top: 1px solid var(--q-dark-line-2);
    display: grid;
    gap: 16px;
    padding: 16px;
}

.price-stock-content .price-grid small[b-t5w531qcth] {
    color: var(--q-dark-dim);
    font-size: 11px;
    line-height: 1.35;
}

@media (max-width: 900px) {
    .price-kpi-grid[b-t5w531qcth],
    .price-grid-4[b-t5w531qcth] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 620px) {
    .price-kpi-grid[b-t5w531qcth],
    .price-grid-4[b-t5w531qcth],
    .manual-price-grid[b-t5w531qcth],
    .price-breakdown-grid[b-t5w531qcth] {
        grid-template-columns: 1fr;
    }

    .price-breakdown-grid > div:nth-child(odd)[b-t5w531qcth],
    .price-breakdown-grid > div:nth-child(even)[b-t5w531qcth] {
        border-left: 0;
        padding-left: 4px;
        padding-right: 4px;
    }

    .price-section-heading[b-t5w531qcth] {
        align-items: flex-start;
        flex-direction: column;
        gap: 9px;
    }
}
/* _content/Qublo.App.Shared/Components/ProductEditor/SpecificheTab.razor.rz.scp.css */
.specifics-category-panel[b-3vnoqshom3] {
    background: var(--q-dark-card-2);
    border: 1px solid var(--q-dark-line);
    border-radius: 10px;
    display: grid;
    gap: 14px;
    padding: 14px;
}

.specifics-category-heading[b-3vnoqshom3] {
    align-items: flex-start;
    display: flex;
    gap: 12px;
    justify-content: space-between;
}

.specifics-category-heading strong[b-3vnoqshom3],
.specifics-category-heading span[b-3vnoqshom3] {
    display: block;
}

.specifics-category-heading strong[b-3vnoqshom3] {
    color: var(--q-dark-ink);
    font-size: 15px;
    font-weight: 900;
}

.specifics-category-heading div > span[b-3vnoqshom3],
.specifics-category-grid small[b-3vnoqshom3] {
    color: var(--q-dark-muted);
    font-size: 12px;
    line-height: 1.45;
    margin-top: 4px;
}

.specifics-category-id[b-3vnoqshom3] {
    background: var(--q-indigo-soft);
    border-radius: 999px;
    color: var(--q-indigo-bright);
    flex: 0 0 auto;
    font-size: 11px;
    font-weight: 900;
    padding: 5px 9px;
}

.specifics-category-status[b-3vnoqshom3] {
    align-items: flex-end;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 7px;
}

.specifics-required-badge[b-3vnoqshom3] {
    background: var(--q-amber-soft);
    border-radius: 999px;
    color: var(--q-amber);
    font-size: 10px;
    font-weight: 900;
    padding: 5px 9px;
    text-transform: uppercase;
}

.specifics-category-search[b-3vnoqshom3] {
    align-items: end;
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(0, 1fr) auto;
}

.specifics-category-search-actions[b-3vnoqshom3] {
    display: flex;
    gap: 8px;
}

.specifics-category-search .q-btn[b-3vnoqshom3] {
    min-width: 145px;
}

.category-browser[b-3vnoqshom3] {
    background: color-mix(in srgb, var(--q-dark-card-2) 72%, var(--q-indigo-soft));
    border: 1px solid color-mix(in srgb, var(--q-dark-line) 65%, var(--q-indigo-bright));
    border-radius: 9px;
    display: grid;
    gap: 12px;
    padding: 12px;
}

.category-browser-heading[b-3vnoqshom3] {
    align-items: flex-start;
    display: flex;
    gap: 12px;
    justify-content: space-between;
}

.category-browser-heading strong[b-3vnoqshom3],
.category-browser-heading span[b-3vnoqshom3] {
    display: block;
}

.category-browser-heading strong[b-3vnoqshom3] {
    color: var(--q-dark-ink);
    font-size: 13px;
    font-weight: 900;
}

.category-browser-heading-actions[b-3vnoqshom3] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
}

.category-browser-heading span[b-3vnoqshom3],
.category-browser-note[b-3vnoqshom3] {
    color: var(--q-dark-muted);
    font-size: 12px;
    line-height: 1.45;
    margin-top: 3px;
}

.category-browser-reset[b-3vnoqshom3] {
    background: transparent;
    border: 0;
    color: var(--q-indigo-bright);
    font-size: 11px;
    font-weight: 900;
    padding: 2px 0;
}

.category-browser-reset:disabled[b-3vnoqshom3] {
    cursor: not-allowed;
    opacity: 0.42;
}

.category-breadcrumbs[b-3vnoqshom3] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.category-breadcrumbs button[b-3vnoqshom3] {
    background: transparent;
    border: 0;
    color: var(--q-indigo-bright);
    font-size: 12px;
    font-weight: 800;
    padding: 2px 0;
}

.category-breadcrumbs > span[b-3vnoqshom3] {
    color: var(--q-dark-muted);
    font-size: 12px;
}

.category-breadcrumbs .current[b-3vnoqshom3] {
    color: var(--q-dark-ink);
    font-weight: 900;
}

.category-browser-options[b-3vnoqshom3] {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-height: 260px;
    overflow-y: auto;
    padding-right: 3px;
}

.category-browser-option[b-3vnoqshom3] {
    align-items: center;
    background: var(--q-dark-card-2);
    border: 1px solid var(--q-dark-line);
    border-radius: 8px;
    color: var(--q-dark-ink);
    display: grid;
    gap: 2px 8px;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 10px 11px;
    text-align: left;
}

.category-browser-option:hover[b-3vnoqshom3],
.category-browser-option:focus-visible[b-3vnoqshom3] {
    border-color: var(--q-indigo-bright);
    outline: none;
}

.category-browser-option > span:first-child[b-3vnoqshom3] {
    font-size: 12px;
    font-weight: 900;
}

.category-browser-option small[b-3vnoqshom3] {
    color: var(--q-dark-muted);
    font-size: 10px;
    grid-column: 1;
}

.category-browser-option-icon[b-3vnoqshom3] {
    color: var(--q-indigo-bright);
    font-size: 16px;
    grid-column: 2;
    grid-row: 1 / span 2;
}

.specifics-category-grid[b-3vnoqshom3] {
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(0, 1.5fr) minmax(220px, 0.75fr);
}

.specific-kind[b-3vnoqshom3] {
    border-radius: 999px;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 0.03em;
    padding: 3px 6px;
    position: absolute;
    right: 8px;
    text-transform: uppercase;
    top: 50%;
    transform: translateY(-50%);
}

.specific-kind.required[b-3vnoqshom3] {
    background: var(--q-amber-soft);
    color: var(--q-amber);
}

.specific-required-mark[b-3vnoqshom3] {
    color: var(--q-red);
    font-size: 13px;
    line-height: 0;
    margin-right: 2px;
}

.specific-kind.recommended[b-3vnoqshom3] {
    background: var(--q-indigo-soft);
    color: var(--q-indigo-bright);
}

.specific-name-cell .specific-name[readonly][b-3vnoqshom3] {
    padding-right: 96px;
}

.specific-delete:disabled[b-3vnoqshom3] {
    cursor: not-allowed;
    opacity: 0.28;
}

@media (max-width: 760px) {
    .specifics-category-search[b-3vnoqshom3],
    .specifics-category-grid[b-3vnoqshom3] {
        grid-template-columns: 1fr;
    }

    .specifics-category-search-actions[b-3vnoqshom3],
    .specifics-category-heading[b-3vnoqshom3],
    .category-browser-heading[b-3vnoqshom3] {
        align-items: stretch;
        flex-direction: column;
    }

    .specifics-category-status[b-3vnoqshom3] {
        align-items: flex-start;
    }

    .category-browser-heading-actions[b-3vnoqshom3] {
        justify-content: flex-start;
    }

    .specifics-category-search .q-btn[b-3vnoqshom3] {
        flex: 1 1 0;
        width: 100%;
    }

    .category-browser-options[b-3vnoqshom3] {
        grid-template-columns: 1fr;
    }

    .specific-kind[b-3vnoqshom3] {
        display: none;
    }

    .specific-name-cell .specific-name[readonly][b-3vnoqshom3] {
        padding-right: 12px;
    }
}
/* _content/Qublo.App.Shared/Components/ProductEditor/TrafficChartCard.razor.rz.scp.css */
.analytics-chart-card[b-k649asws9h] {
    min-width: 0;
    padding: 1rem;
    border: 1px solid var(--q-border, #e2e8f0);
    border-radius: .9rem;
    background: var(--q-surface, #fff);
}

.analytics-chart-card header[b-k649asws9h] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: .8rem;
}

.analytics-chart-card h4[b-k649asws9h],
.analytics-chart-card p[b-k649asws9h] {
    margin: 0;
}

.analytics-chart-card p[b-k649asws9h] {
    margin-top: .2rem;
    color: var(--q-text-muted, #64748b);
    font-size: .8rem;
}

.analytics-chart-card header > strong[b-k649asws9h] {
    color: var(--q-primary, #2563eb);
    font-size: 1.25rem;
}

.analytics-chart[b-k649asws9h] {
    display: block;
    width: 100%;
    min-height: 12rem;
    overflow: visible;
}

.analytics-chart text[b-k649asws9h] {
    fill: var(--q-text-muted, #64748b);
    font-size: 10px;
}

.analytics-grid-line[b-k649asws9h] {
    stroke: var(--q-border, #e2e8f0);
    stroke-width: 1;
}

.analytics-series-line[b-k649asws9h] {
    fill: none;
    stroke: var(--q-primary, #2563eb);
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 3;
}

.impressions .analytics-series-line[b-k649asws9h],
.impressions .analytics-series-point[b-k649asws9h] {
    stroke: #7c3aed;
}

.analytics-series-point[b-k649asws9h] {
    fill: var(--q-surface, #fff);
    stroke: var(--q-primary, #2563eb);
    stroke-width: 2;
}

.analytics-hit-area[b-k649asws9h] {
    cursor: crosshair;
    fill: transparent;
    outline: none;
}

.analytics-hit-area:focus[b-k649asws9h] {
    fill: color-mix(in srgb, var(--q-primary, #2563eb) 8%, transparent);
}

.analytics-chart-empty[b-k649asws9h] {
    display: grid;
    min-height: 12rem;
    place-content: center;
    text-align: center;
    color: var(--q-text-muted, #64748b);
}

.analytics-chart-empty span[b-k649asws9h] {
    color: var(--q-text, #0f172a);
    font-size: 1.5rem;
    font-weight: 800;
}
/* _content/Qublo.App.Shared/Components/ProductEditor/VeroTab.razor.rz.scp.css */
.vero-tab-body[b-12i9x7ew3p] {
    align-content: start;
}

.vero-summary-card[b-12i9x7ew3p],
.vero-title-preview[b-12i9x7ew3p],
.vero-matches[b-12i9x7ew3p] {
    background: var(--q-dark-card-2);
    border: 1px solid var(--q-dark-line);
    border-radius: 12px;
    padding: 16px;
}

.vero-summary-card.warning[b-12i9x7ew3p] {
    border-left: 3px solid var(--q-amber);
}

.vero-summary-card.critical[b-12i9x7ew3p] {
    border-left: 3px solid var(--q-red);
}

.vero-summary-card.clear[b-12i9x7ew3p] {
    border-left: 3px solid var(--q-lime);
}

.vero-summary-head[b-12i9x7ew3p],
.vero-section-head[b-12i9x7ew3p],
.vero-match-main[b-12i9x7ew3p] {
    align-items: flex-start;
    display: flex;
    gap: 14px;
    justify-content: space-between;
}

.vero-summary-card h3[b-12i9x7ew3p],
.vero-title-preview h3[b-12i9x7ew3p],
.vero-matches h3[b-12i9x7ew3p] {
    color: var(--q-dark-ink);
    font-size: 15px;
    margin: 2px 0 0;
}

.vero-summary-card > p[b-12i9x7ew3p],
.vero-section-head p[b-12i9x7ew3p],
.vero-match > p[b-12i9x7ew3p],
.vero-clear-state p[b-12i9x7ew3p] {
    color: var(--q-dark-muted);
    font-size: 12.5px;
    line-height: 1.5;
    margin: 8px 0 0;
}

.vero-eyebrow[b-12i9x7ew3p],
.vero-title-preview span[b-12i9x7ew3p] {
    color: var(--q-dark-dim);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.vero-summary-grid[b-12i9x7ew3p],
.vero-match dl[b-12i9x7ew3p] {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 14px 0 0;
}

.vero-summary-grid div[b-12i9x7ew3p],
.vero-match dl div[b-12i9x7ew3p] {
    min-width: 0;
}

.vero-summary-grid dt[b-12i9x7ew3p],
.vero-match dt[b-12i9x7ew3p] {
    color: var(--q-dark-dim);
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
}

.vero-summary-grid dd[b-12i9x7ew3p],
.vero-match dd[b-12i9x7ew3p] {
    color: var(--q-dark-ink);
    font-size: 12px;
    font-weight: 800;
    margin: 4px 0 0;
    overflow-wrap: anywhere;
}

.vero-title-preview[b-12i9x7ew3p] {
    display: grid;
    gap: 10px;
}

.vero-title-preview div[b-12i9x7ew3p] {
    background: var(--q-dark-bg);
    border-radius: 8px;
    padding: 10px 12px;
}

.vero-title-preview p[b-12i9x7ew3p] {
    color: var(--q-dark-ink);
    font-size: 12.5px;
    margin: 4px 0 0;
}

.vero-matches[b-12i9x7ew3p] {
    display: grid;
    gap: 12px;
}

.vero-section-head p[b-12i9x7ew3p] {
    margin-top: 4px;
}

.vero-match[b-12i9x7ew3p] {
    background: var(--q-dark-bg);
    border: 1px solid var(--q-dark-line-2);
    border-left: 3px solid var(--q-amber);
    border-radius: 9px;
    padding: 12px;
}

.vero-match.critical[b-12i9x7ew3p] {
    border-left-color: var(--q-red);
}

.vero-match-main strong[b-12i9x7ew3p] {
    color: var(--q-dark-ink);
    overflow-wrap: anywhere;
}

.vero-match dl[b-12i9x7ew3p] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.vero-evidence-link[b-12i9x7ew3p] {
    align-items: center;
    color: var(--q-indigo-bright);
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    gap: 5px;
    margin-top: 10px;
    text-decoration: none;
}

.vero-evidence-link:hover[b-12i9x7ew3p],
.vero-evidence-link:focus-visible[b-12i9x7ew3p] {
    text-decoration: underline;
}

.vero-clear-state[b-12i9x7ew3p],
.vero-review-state[b-12i9x7ew3p] {
    align-items: center;
    background: var(--q-lime-soft);
    border: 1px solid rgba(198, 249, 75, 0.2);
    border-radius: 9px;
    color: var(--q-lime);
    display: flex;
    gap: 12px;
    padding: 13px;
}

.vero-review-state[b-12i9x7ew3p] {
    background: var(--q-amber-soft);
    border-color: rgba(245, 158, 11, 0.26);
    color: var(--q-amber);
}

.vero-clear-state > span[b-12i9x7ew3p],
.vero-review-state > span[b-12i9x7ew3p] {
    align-items: center;
    border: 1px solid currentColor;
    border-radius: 999px;
    display: inline-flex;
    flex: none;
    height: 24px;
    justify-content: center;
    width: 24px;
}

.vero-clear-state strong[b-12i9x7ew3p],
.vero-review-state strong[b-12i9x7ew3p] {
    color: var(--q-dark-ink);
}

.vero-clear-state p[b-12i9x7ew3p],
.vero-review-state p[b-12i9x7ew3p] {
    margin-top: 2px;
}

@media (max-width: 720px) {
    .vero-summary-grid[b-12i9x7ew3p],
    .vero-match dl[b-12i9x7ew3p] {
        grid-template-columns: 1fr 1fr;
    }
}
/* _content/Qublo.App.Shared/Components/Public/FallingCubes.razor.rz.scp.css */
.falling-cubes[b-ui7zj58q7z] {
    inset: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    z-index: 0;
}

.falling-cubes i[b-ui7zj58q7z] {
    animation: cube-fall-b-ui7zj58q7z var(--cube-duration) linear var(--cube-delay) infinite;
    background: #5b5bd6;
    border: 1px solid rgba(141, 143, 243, 0.56);
    border-radius: 5px;
    box-shadow: 7px 7px 0 rgba(63, 63, 184, 0.45), 0 12px 28px rgba(91, 91, 214, 0.25);
    height: var(--cube-size);
    left: var(--cube-left);
    opacity: 0.34;
    position: absolute;
    top: calc(-1 * var(--cube-size) - 40px);
    transform: rotate(18deg);
    width: var(--cube-size);
}

.falling-cubes i:nth-child(4n + 2)[b-ui7zj58q7z] {
    background: #8d8ff3;
}

.falling-cubes i:nth-child(4n + 3)[b-ui7zj58q7z] {
    background: #c6f94b;
    border-color: rgba(198, 249, 75, 0.55);
    box-shadow: 6px 6px 0 rgba(80, 106, 20, 0.24);
}

.falling-cubes i:nth-child(4n)[b-ui7zj58q7z] {
    background: #242a4e;
}

@keyframes cube-fall-b-ui7zj58q7z {
    from { transform: translateY(-80px) rotate(0deg); }
    to { transform: translateY(115vh) rotate(220deg); }
}

@media (prefers-reduced-motion: reduce) {
    .falling-cubes[b-ui7zj58q7z] { display: none; }
}
/* _content/Qublo.App.Shared/Components/Public/PlanCards.razor.rz.scp.css */
.plan-grid[b-22o5rqmubs] {
    display: grid;
    gap: 22px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0 auto;
    max-width: 1180px;
    width: 100%;
}

.plan-grid--1[b-22o5rqmubs] { grid-template-columns: minmax(0, 380px); justify-content: center; max-width: 380px; }
.plan-grid--2[b-22o5rqmubs] { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 780px; }

.plan-card[b-22o5rqmubs] {
    background: #12162f;
    border: 1px solid #242a4e;
    border-radius: 22px;
    color: #edeffa;
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 32px 28px;
    position: relative;
    transition: border-color .18s ease, transform .18s ease;
}

.plan-card:hover[b-22o5rqmubs],
.plan-card.is-selected[b-22o5rqmubs] { border-color: #5b5bd6; transform: translateY(-3px); }

.plan-card.is-featured[b-22o5rqmubs] {
    background: linear-gradient(180deg, #181d3c, #12162f);
    border-color: #5b5bd6;
    box-shadow: 0 30px 70px -30px rgba(91, 91, 214, .65);
}

.plan-card__badge[b-22o5rqmubs] {
    background: #c6f94b;
    border-radius: 999px;
    color: #16290a;
    font-size: 11px;
    font-weight: 800;
    left: 50%;
    letter-spacing: .1em;
    padding: 5px 14px;
    position: absolute;
    text-transform: uppercase;
    top: -13px;
    transform: translateX(-50%);
    white-space: nowrap;
}

[b-22o5rqmubs] .plan-card__tier {
    color: #8d8ff3;
    font-family: "Space Grotesk", Inter, system-ui, sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

[b-22o5rqmubs] .plan-card__products { color: #b4bad6; font-weight: 650; margin-top: 4px; }

[b-22o5rqmubs] .plan-card__price {
    align-items: baseline;
    display: flex;
    gap: 6px;
    margin: 18px 0 2px;
}

[b-22o5rqmubs] .plan-card__price span { color: #b4bad6; font-size: 24px; font-weight: 650; }
[b-22o5rqmubs] .plan-card__price strong { font-family: "Space Grotesk", Inter, system-ui, sans-serif; font-size: 52px; line-height: 1; }
[b-22o5rqmubs] .plan-card__period { color: #7c84a8; font-size: 13px; }

.plan-card__select[b-22o5rqmubs] {
    background: #5b5bd6;
    border: 0;
    border-radius: 10px;
    color: #fff;
    font-weight: 750;
    margin: 24px 0;
    min-height: 49px;
    width: 100%;
}

.plan-card__select:hover[b-22o5rqmubs] { background: #3f3fb8; }
.plan-card__select.is-lime[b-22o5rqmubs] { background: #c6f94b; color: #16290a; }
.plan-card__select.is-lime:hover[b-22o5rqmubs] { background: #d2ff67; }
.plan-card__select--ghost[b-22o5rqmubs] {
    align-items: center;
    background: transparent;
    border: 1px solid #2e3560;
    display: flex;
    gap: 8px;
    justify-content: center;
}
.plan-card__select--ghost:hover[b-22o5rqmubs] { background: rgba(91,91,214,.12); border-color: #8d8ff3; }

[b-22o5rqmubs] .plan-card__features {
    display: flex;
    flex-direction: column;
    gap: 14px;
    list-style: none;
    margin: 0;
    padding: 0;
}

[b-22o5rqmubs] .plan-card__features li { color: #b4bad6; display: flex; font-size: 14px; gap: 11px; line-height: 1.5; }
[b-22o5rqmubs] .plan-card__features li > span {
    align-items: center;
    background: rgba(198,249,75,.14);
    border-radius: 6px;
    color: #c6f94b;
    display: inline-flex;
    flex: 0 0 20px;
    font-size: 12px;
    height: 20px;
    justify-content: center;
}
[b-22o5rqmubs] .plan-card__features strong { color: #edeffa; }

.plan-selector[b-22o5rqmubs] { margin: 0; position: relative; }
.plan-selector__chevron[b-22o5rqmubs] {
    flex: 0 0 16px;
    height: 16px;
    transition: transform .18s ease;
    width: 16px;
}
.plan-card__select[aria-expanded="true"] .plan-selector__chevron[b-22o5rqmubs] { transform: rotate(180deg); }

.plan-selector__menu[b-22o5rqmubs] {
    background: #181d3c;
    border: 1px solid #2e3560;
    border-radius: 10px;
    box-shadow: 0 24px 50px -18px rgba(0,0,0,.8);
    left: 0;
    list-style: none;
    margin: -16px 0 0;
    padding: 6px;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 12;
}

.plan-selector__menu button[b-22o5rqmubs] {
    background: transparent;
    border: 0;
    color: #b4bad6;
    display: flex;
    font-size: 13px;
    justify-content: space-between;
    min-height: 44px;
    padding: 8px 10px;
    text-align: left;
    width: 100%;
}

.plan-selector__menu button:hover[b-22o5rqmubs],
.plan-selector__menu li[aria-selected="true"] button[b-22o5rqmubs] { background: rgba(91,91,214,.2); color: #fff; }
.plan-selector__menu strong[b-22o5rqmubs] { color: #c6f94b; }

.plan-confirm[b-22o5rqmubs] { margin: 32px auto 0; max-width: 640px; text-align: center; }
.plan-confirm p[b-22o5rqmubs] { color: #b4bad6; margin: 0 0 14px; }
.plan-confirm button[b-22o5rqmubs] {
    background: #c6f94b;
    border: 0;
    border-radius: 10px;
    color: #16290a;
    font-size: 15px;
    font-weight: 800;
    min-height: 50px;
    padding: 0 28px;
}

.plan-empty[b-22o5rqmubs] { color: #b4bad6; grid-column: 1 / -1; padding: 50px; text-align: center; }

@media (max-width: 900px) {
    .plan-grid[b-22o5rqmubs] { grid-template-columns: 1fr; max-width: 460px; }
    .plan-card.is-featured[b-22o5rqmubs] { order: -1; }
}
/* _content/Qublo.App.Shared/Components/Public/PublicPageShell.razor.rz.scp.css */
.public-subpage[b-m8jy5alm0o] {
    background: #080a1a;
    color: #edeffa;
    font-family: Inter, system-ui, sans-serif;
    min-height: 100vh;
}

.public-subpage__hero[b-m8jy5alm0o] {
    background: radial-gradient(760px 420px at 36% 10%, rgba(91,91,214,.32), transparent 68%), #0d1027;
    overflow: hidden;
    padding: 92px 0;
    position: relative;
}

.public-subpage__container[b-m8jy5alm0o],
[b-m8jy5alm0o] .public-content {
    margin: 0 auto;
    max-width: 1180px;
    padding-left: 22px;
    padding-right: 22px;
    position: relative;
    z-index: 2;
}

.public-subpage__eyebrow[b-m8jy5alm0o] {
    color: #8d8ff3;
    display: block;
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .13em;
    margin-bottom: 18px;
    text-transform: uppercase;
}

.public-subpage__hero h1[b-m8jy5alm0o] {
    color: #fff;
    font-family: "Space Grotesk", Inter, system-ui, sans-serif;
    font-size: clamp(40px, 5.5vw, 68px);
    letter-spacing: -.045em;
    line-height: 1.04;
    margin: 0;
    max-width: 900px;
}

.public-subpage__hero p[b-m8jy5alm0o] { color: #b4bad6; font-size: 18px; line-height: 1.65; margin: 22px 0 0; max-width: 720px; }
.public-subpage__body[b-m8jy5alm0o] { background: #080a1a; }

[b-m8jy5alm0o] .public-content { padding-bottom: 96px; padding-top: 96px; }
[b-m8jy5alm0o] .public-content--soft { background: #0d1027; max-width: none; }
[b-m8jy5alm0o] .public-content--soft > .public-content__inner { margin: 0 auto; max-width: 1180px; padding: 0 22px; }
[b-m8jy5alm0o] .public-section-heading { margin-bottom: 42px; max-width: 760px; }
[b-m8jy5alm0o] .public-section-heading.is-centered { margin-left: auto; margin-right: auto; text-align: center; }
[b-m8jy5alm0o] .public-section-heading h2 {
    color: #fff;
    font-family: "Space Grotesk", Inter, system-ui, sans-serif;
    font-size: clamp(32px, 4vw, 50px);
    letter-spacing: -.035em;
    margin: 0;
}
[b-m8jy5alm0o] .public-section-heading p { color: #b4bad6; font-size: 16px; line-height: 1.65; }

[b-m8jy5alm0o] .feature-groups { display: grid; gap: 54px; }
[b-m8jy5alm0o] .feature-group { border-top: 1px solid #242a4e; padding-top: 28px; }
[b-m8jy5alm0o] .feature-group__title { align-items: center; display: flex; gap: 12px; margin-bottom: 22px; }
[b-m8jy5alm0o] .feature-group__icon { align-items: center; background: rgba(91,91,214,.18); border-radius: 10px; color: #b7b9ff; display: flex; font-size: 22px; height: 42px; justify-content: center; width: 42px; }
[b-m8jy5alm0o] .feature-group h2 { color: #fff; margin: 0; }
[b-m8jy5alm0o] .feature-group__grid { display: grid; gap: 14px; grid-template-columns: repeat(4, 1fr); }
[b-m8jy5alm0o] .feature-item { background: #12162f; border: 1px solid #242a4e; border-radius: 12px; padding: 19px; }
[b-m8jy5alm0o] .feature-item h3 { color: #fff; font-size: 16px; margin: 0 0 8px; }
[b-m8jy5alm0o] .feature-item p { color: #9fa6c5; line-height: 1.55; margin: 0; }

[b-m8jy5alm0o] .step-list { display: grid; gap: 18px; grid-template-columns: repeat(3, 1fr); }
[b-m8jy5alm0o] .step-card { background: #12162f; border: 1px solid #242a4e; border-radius: 16px; padding: 24px; }
[b-m8jy5alm0o] .step-card > span { color: rgba(198,249,75,.55); font-size: 44px; font-weight: 900; }
[b-m8jy5alm0o] .step-card small { color: #8d8ff3; display: block; font-weight: 800; letter-spacing: .08em; margin-top: 10px; text-transform: uppercase; }
[b-m8jy5alm0o] .step-card h2 { color: #fff; font-size: 20px; margin: 10px 0; }
[b-m8jy5alm0o] .step-card p { color: #a7aecb; line-height: 1.6; margin: 0; }

[b-m8jy5alm0o] .time-card { background: linear-gradient(145deg,#181d3c,#12162f); border: 1px solid #2e3560; border-radius: 16px; margin: 48px auto 0; max-width: 860px; padding: 28px; }
[b-m8jy5alm0o] .time-card h2 { color: #fff; margin: 0 0 8px; }
[b-m8jy5alm0o] .time-card p { color: #b4bad6; line-height: 1.65; margin: 0; }

[b-m8jy5alm0o] .faq-list { margin: 0 auto; max-width: 860px; }
[b-m8jy5alm0o] .faq-list details { border-bottom: 1px solid #2a2f52; padding: 20px 0; }
[b-m8jy5alm0o] .faq-list summary { color: #fff; cursor: pointer; font-size: 17px; font-weight: 750; list-style: none; }
[b-m8jy5alm0o] .faq-list summary::-webkit-details-marker { display: none; }
[b-m8jy5alm0o] .faq-list summary span { color: #c6f94b; float: right; font-size: 22px; }
[b-m8jy5alm0o] .faq-list p { color: #a7aecb; line-height: 1.65; }

[b-m8jy5alm0o] .contact-grid { display: grid; gap: 42px; grid-template-columns: 1.15fr .85fr; }
[b-m8jy5alm0o] .contact-form { background: #12162f; border: 1px solid #242a4e; border-radius: 16px; padding: 28px; }
[b-m8jy5alm0o] .contact-form h2 { color: #fff; margin-top: 0; }
[b-m8jy5alm0o] .contact-form form { display: grid; gap: 16px; }
[b-m8jy5alm0o] .contact-form label { color: #b4bad6; }
[b-m8jy5alm0o] .contact-form input,
[b-m8jy5alm0o] .contact-form select,
[b-m8jy5alm0o] .contact-form textarea { background: #0d1027; border-color: #2e3560; color: #fff; }
[b-m8jy5alm0o] .contact-form button { background: #5b5bd6; border: 0; color: #fff; min-height: 48px; }
[b-m8jy5alm0o] .contact-form .contact-hint { color: #c9a761; font-size: 12px; margin: 0; }
[b-m8jy5alm0o] .contact-side { display: grid; gap: 14px; }
[b-m8jy5alm0o] .contact-item { background: #12162f; border: 1px solid #242a4e; border-radius: 12px; padding: 20px; }
[b-m8jy5alm0o] .contact-item h3 { color: #fff; margin: 0 0 7px; }
[b-m8jy5alm0o] .contact-item p { color: #a7aecb; line-height: 1.55; margin: 0; }

[b-m8jy5alm0o] .legal-notice { background: rgba(250,184,74,.08); border: 1px solid rgba(250,184,74,.35); border-radius: 12px; color: #f4d28b; line-height: 1.6; margin-bottom: 36px; padding: 18px; }
[b-m8jy5alm0o] .legal-body { margin: 0 auto; max-width: 860px; }
[b-m8jy5alm0o] .legal-body h2 { color: #fff; margin-top: 32px; }
[b-m8jy5alm0o] .legal-body p { color: #a7aecb; line-height: 1.7; }

@media (max-width: 900px) {
    [b-m8jy5alm0o] .feature-group__grid { grid-template-columns: repeat(2, 1fr); }
    [b-m8jy5alm0o] .step-list { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 700px) {
    .public-subpage__hero[b-m8jy5alm0o] { padding: 68px 0; }
    [b-m8jy5alm0o] .contact-grid { grid-template-columns: 1fr; }
}

@media (max-width: 520px) {
    [b-m8jy5alm0o] .feature-group__grid,
    [b-m8jy5alm0o] .step-list { grid-template-columns: 1fr; }
}
/* _content/Qublo.App.Shared/Components/Public/PublicSiteFooter.razor.rz.scp.css */
.public-footer[b-oxlvkq11qx] {
    background: #080a1a;
    border-top: 1px solid #242a4e;
    color: #b4bad6;
    padding: 64px 22px 22px;
}

.public-footer__grid[b-oxlvkq11qx],
.public-footer__bottom[b-oxlvkq11qx] {
    margin: 0 auto;
    max-width: 1180px;
}

.public-footer__grid[b-oxlvkq11qx] {
    display: grid;
    gap: 50px;
    grid-template-columns: minmax(260px, 1.5fr) 1fr 1fr;
}

.public-footer__brand[b-oxlvkq11qx] {
    align-items: center;
    color: #fff;
    display: inline-flex;
    font-size: 21px;
    font-weight: 800;
    gap: 10px;
    text-decoration: none;
}

.public-footer__brand img[b-oxlvkq11qx] { height: 36px; width: 36px; }
.public-footer p[b-oxlvkq11qx] { line-height: 1.65; max-width: 380px; }

.public-footer nav[b-oxlvkq11qx] { display: grid; gap: 10px; }
.public-footer nav strong[b-oxlvkq11qx] { color: #fff; margin-bottom: 4px; }
.public-footer nav a[b-oxlvkq11qx] { color: #b4bad6; text-decoration: none; }
.public-footer nav a:hover[b-oxlvkq11qx] { color: #c6f94b; }

.public-footer__bottom[b-oxlvkq11qx] {
    border-top: 1px solid #242a4e;
    font-size: 13px;
    margin-top: 46px;
    padding-top: 20px;
}

@media (max-width: 700px) {
    .public-footer__grid[b-oxlvkq11qx] { grid-template-columns: 1fr; }
}
/* _content/Qublo.App.Shared/Components/Public/PublicSiteHeader.razor.rz.scp.css */
.public-header[b-8koxm3b1de] {
    background: rgba(8, 10, 26, 0.9);
    border-bottom: 1px solid rgba(141, 143, 243, 0.16);
    color: #edeffa;
    position: sticky;
    top: 0;
    z-index: 50;
}

.public-header__inner[b-8koxm3b1de] {
    align-items: center;
    display: flex;
    gap: 30px;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1180px;
    min-height: 74px;
    padding: 0 22px;
}

.public-brand[b-8koxm3b1de] {
    align-items: center;
    color: #fff;
    display: inline-flex;
    font-family: "Space Grotesk", Inter, system-ui, sans-serif;
    font-size: 22px;
    font-weight: 700;
    gap: 11px;
    text-decoration: none;
}

.public-brand img[b-8koxm3b1de] { height: 38px; width: 38px; }

.public-nav[b-8koxm3b1de],
.public-actions[b-8koxm3b1de] {
    align-items: center;
    display: flex;
    gap: 8px;
}

.public-nav a[b-8koxm3b1de],
.public-login[b-8koxm3b1de] {
    border-radius: 9px;
    color: #b4bad6;
    font-size: 14px;
    font-weight: 650;
    padding: 9px 12px;
    text-decoration: none;
}

.public-nav a:hover[b-8koxm3b1de],
.public-login:hover[b-8koxm3b1de] { background: rgba(91, 91, 214, 0.14); color: #fff; }

.public-cta[b-8koxm3b1de] {
    background: #5b5bd6;
    border-radius: 10px;
    color: #fff;
    font-size: 14px;
    font-weight: 750;
    padding: 11px 16px;
    text-decoration: none;
}

.public-cta:hover[b-8koxm3b1de] { background: #3f3fb8; color: #fff; }

.public-menu-toggle[b-8koxm3b1de] { display: none; }

@media (max-width: 820px) {
    .public-actions .public-login[b-8koxm3b1de] { display: none; }

    .public-menu-toggle[b-8koxm3b1de] {
        background: transparent;
        border-color: rgba(255,255,255,.18);
        display: grid;
        gap: 4px;
        padding: 9px;
    }

    .public-menu-toggle span[b-8koxm3b1de] { background: #fff; height: 2px; width: 19px; }

    .public-nav[b-8koxm3b1de] {
        align-items: stretch;
        background: #12162f;
        border-bottom: 1px solid #242a4e;
        display: none;
        flex-direction: column;
        left: 0;
        padding: 14px 22px 20px;
        position: absolute;
        right: 0;
        top: 74px;
    }

    .public-nav.is-open[b-8koxm3b1de] { display: flex; }
}

@media (max-width: 480px) {
    .public-header__inner[b-8koxm3b1de] { gap: 12px; }
    .public-actions[b-8koxm3b1de] { display: none; }
    .public-menu-toggle[b-8koxm3b1de] { margin-left: auto; }
}
/* _content/Qublo.App.Shared/Components/Settings/BillingSettings.razor.rz.scp.css */
.billing-grid[b-hbt52xqixp] {
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(0, 1.15fr) minmax(280px, .85fr);
}

.plan-summary[b-hbt52xqixp],
.billing-card[b-hbt52xqixp],
.bank-payment-card[b-hbt52xqixp],
.export-card[b-hbt52xqixp] {
    background: var(--q-dark-card, #171532);
    border: 1px solid var(--q-dark-line, #2d2a56);
    border-radius: 16px;
    color: var(--q-dark-ink, #f5f4ff);
    padding: 24px;
}

.plan-summary__top[b-hbt52xqixp] {
    align-items: flex-start;
    display: flex;
    gap: 18px;
    justify-content: space-between;
}

.plan-summary__eyebrow[b-hbt52xqixp] {
    color: #8d8ff3;
    display: block;
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.plan-summary h2[b-hbt52xqixp],
.billing-card h2[b-hbt52xqixp],
.bank-payment-card h2[b-hbt52xqixp],
.export-card h2[b-hbt52xqixp] { color: inherit; margin: 5px 0 0; }
.plan-summary__top p[b-hbt52xqixp] { color: var(--q-dark-muted, #a9a5c8); margin: 4px 0 0; }

.plan-summary__status[b-hbt52xqixp] {
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
    padding: 6px 10px;
    white-space: nowrap;
}

.plan-summary__status.is-active[b-hbt52xqixp] { background: rgba(74,222,128,.14); color: #79eba0; }
.plan-summary__status.is-warning[b-hbt52xqixp] { background: rgba(250,184,74,.14); color: #ffd27f; }
.plan-summary__status.is-neutral[b-hbt52xqixp] { background: rgba(141,143,243,.16); color: #b6b8ff; }

.plan-summary__price[b-hbt52xqixp] { align-items: baseline; display: flex; gap: 8px; margin-top: 22px; }
.plan-summary__price strong[b-hbt52xqixp] { font-size: 34px; letter-spacing: -.03em; }
.plan-summary__price span[b-hbt52xqixp],
.plan-summary__renewal[b-hbt52xqixp],
.export-card p[b-hbt52xqixp] { color: var(--q-dark-muted, #a9a5c8); }
.plan-summary__renewal[b-hbt52xqixp] { margin: 2px 0 20px; }

.plan-summary__usage[b-hbt52xqixp] {
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr 1fr;
    margin: 0;
}

.plan-summary__usage div[b-hbt52xqixp] {
    background: rgba(255,255,255,.035);
    border: 1px solid var(--q-dark-line, #2d2a56);
    border-radius: 10px;
    padding: 13px;
}

.plan-summary__usage dt[b-hbt52xqixp] { color: var(--q-dark-muted, #a9a5c8); font-size: 12px; }
.plan-summary__usage dd[b-hbt52xqixp] { font-size: 17px; font-weight: 800; margin: 4px 0 0; }

.plan-summary__action[b-hbt52xqixp] {
    background: #5b5bd6;
    border: 0;
    color: #fff;
    margin-top: 20px;
    min-height: 46px;
    width: 100%;
}

.plan-summary__action:hover[b-hbt52xqixp] { background: #3f3fb8; }
.export-card p[b-hbt52xqixp] { line-height: 1.55; }
.export-card__actions[b-hbt52xqixp] { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
.export-card__actions button[b-hbt52xqixp] { background: transparent; border-color: var(--q-dark-line, #2d2a56); color: inherit; }

.billing-card__head[b-hbt52xqixp] {
    align-items: flex-start;
    display: flex;
    gap: 16px;
    justify-content: space-between;
}

.billing-card__head p[b-hbt52xqixp] {
    color: var(--q-dark-muted, #a9a5c8);
    line-height: 1.5;
    margin: 7px 0 0;
}

.billing-card__provider[b-hbt52xqixp] {
    background: rgba(141, 143, 243, .14);
    border-radius: 999px;
    color: #b6b8ff;
    font-size: 11px;
    font-weight: 800;
    padding: 6px 9px;
    white-space: nowrap;
}

.billing-card__provider.is-manual[b-hbt52xqixp] {
    background: rgba(198, 249, 75, .1);
    border: 1px solid rgba(198, 249, 75, .2);
    color: var(--q-lime, #c6f94b);
}

.billing-card__details[b-hbt52xqixp] {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 20px 0 0;
}

.billing-card__details div[b-hbt52xqixp] {
    background: rgba(255, 255, 255, .025);
    border: 1px solid var(--q-dark-line-2, #25234a);
    border-radius: 10px;
    min-width: 0;
    padding: 12px;
}

.billing-card__details .wide[b-hbt52xqixp] { grid-column: 1 / -1; }
.billing-card__details dt[b-hbt52xqixp] { color: var(--q-dark-muted, #a9a5c8); font-size: 11px; }
.billing-card__details dd[b-hbt52xqixp] { margin: 5px 0 0; overflow-wrap: anywhere; }

.billing-card__actions[b-hbt52xqixp],
.billing-card__form-actions[b-hbt52xqixp] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
    margin-top: 18px;
}

.billing-card__form[b-hbt52xqixp] {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 20px;
}

.billing-card__form label[b-hbt52xqixp] {
    color: var(--q-dark-ink, #f5f4ff);
    display: grid;
    font-size: 11px;
    font-weight: 800;
    gap: 6px;
}

.billing-card__form input[b-hbt52xqixp] {
    background: var(--q-dark-card-2, #111027);
    border: 1px solid var(--q-dark-line, #2d2a56);
    border-radius: 9px;
    color: inherit;
    min-height: 40px;
    padding: 8px 10px;
}

.billing-card__form-actions[b-hbt52xqixp] { grid-column: 1 / -1; }
.bank-payment-card[b-hbt52xqixp],
.export-card[b-hbt52xqixp] { grid-column: 1 / -1; }

.bank-payment-card[b-hbt52xqixp] {
    background:
        radial-gradient(circle at 100% 0, rgba(198, 249, 75, .08), transparent 38%),
        var(--q-dark-card, #171532);
}

.bank-payment-card__details[b-hbt52xqixp] {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 20px 0 0;
}

.bank-payment-card__details > div[b-hbt52xqixp] {
    background: rgba(255, 255, 255, .025);
    border: 1px solid var(--q-dark-line-2, #25234a);
    border-radius: 10px;
    min-width: 0;
    padding: 12px;
}

.bank-payment-card__details .wide[b-hbt52xqixp] { grid-column: 1 / -1; }
.bank-payment-card__details dt[b-hbt52xqixp] { color: var(--q-dark-muted, #a9a5c8); font-size: 11px; }
.bank-payment-card__details dd[b-hbt52xqixp] { margin: 5px 0 0; overflow-wrap: anywhere; }
.bank-payment-card__details .monospace[b-hbt52xqixp] { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; }

.bank-payment-card__notice[b-hbt52xqixp] {
    background: rgba(91, 91, 214, .09);
    border: 1px solid rgba(141, 143, 243, .22);
    border-radius: 10px;
    color: var(--q-dark-muted, #a9a5c8);
    font-size: 13px;
    line-height: 1.5;
    margin-top: 14px;
    padding: 13px 14px;
}

@media (max-width: 900px) {
    .billing-grid[b-hbt52xqixp] { grid-template-columns: 1fr; }
}

@media (max-width: 520px) {
    .plan-summary__usage[b-hbt52xqixp],
    .billing-card__details[b-hbt52xqixp],
    .bank-payment-card__details[b-hbt52xqixp],
    .billing-card__form[b-hbt52xqixp] { grid-template-columns: 1fr; }

    .billing-card__details .wide[b-hbt52xqixp],
    .bank-payment-card__details .wide[b-hbt52xqixp],
    .billing-card__form-actions[b-hbt52xqixp] { grid-column: auto; }
}
/* _content/Qublo.App.Shared/Components/Settings/PreferencesSettings.razor.rz.scp.css */
.q-check[b-kdkrg1b3h0] {
    align-items: center;
    align-self: end;
    color: var(--q-dark-muted);
    cursor: pointer;
    display: flex;
    gap: 10px;
    min-height: 42px;
    position: relative;
}

.q-check__native[b-kdkrg1b3h0] {
    height: 1px;
    margin: 0;
    min-height: 0;
    opacity: 0;
    padding: 0;
    pointer-events: none;
    position: absolute;
    width: 1px;
}

.q-check__control[b-kdkrg1b3h0] {
    background: var(--q-dark-card-2);
    border: 1px solid var(--q-dark-line);
    border-radius: 5px;
    display: inline-block;
    flex: 0 0 20px;
    height: 20px;
    position: relative;
    transition: background-color 140ms ease, border-color 140ms ease, box-shadow 140ms ease;
    width: 20px;
}

.q-check__control[b-kdkrg1b3h0]::after {
    border: solid #fff;
    border-width: 0 2px 2px 0;
    content: "";
    height: 10px;
    left: 6px;
    opacity: 0;
    position: absolute;
    top: 3px;
    transform: rotate(45deg) scale(.7);
    transition: opacity 120ms ease, transform 120ms ease;
    width: 5px;
}

.q-check__native:checked + .q-check__control[b-kdkrg1b3h0] {
    background: var(--q-indigo-bright, #6c63ff);
    border-color: var(--q-indigo-bright, #6c63ff);
}

.q-check__native:checked + .q-check__control[b-kdkrg1b3h0]::after {
    opacity: 1;
    transform: rotate(45deg) scale(1);
}

.q-check__native:focus-visible + .q-check__control[b-kdkrg1b3h0] {
    box-shadow: 0 0 0 3px var(--q-brand-soft);
    outline: 1px solid var(--q-indigo-bright, #6c63ff);
}
/* _content/Qublo.App.Shared/Components/Settings/ProfileSettings.razor.rz.scp.css */
.profile-card[b-3yipsi2og5] {
    background: linear-gradient(145deg, rgba(31, 34, 72, .98), rgba(18, 20, 48, .98));
    border: 1px solid var(--q-dark-line);
    border-radius: 16px;
    padding: 24px;
}

.profile-card__header[b-3yipsi2og5],
.profile-card__identity[b-3yipsi2og5] {
    align-items: center;
    display: flex;
}

.profile-card__header[b-3yipsi2og5] {
    gap: 20px;
    justify-content: space-between;
}

.profile-card__identity[b-3yipsi2og5] {
    gap: 16px;
    min-width: 0;
}

.profile-card__avatar[b-3yipsi2og5] {
    align-items: center;
    background: linear-gradient(135deg, #7868ff, #4739c7);
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 50%;
    box-shadow: 0 12px 30px rgba(74, 59, 202, .3);
    color: #fff;
    display: inline-flex;
    flex: 0 0 64px;
    font-size: 20px;
    font-weight: 900;
    height: 64px;
    justify-content: center;
}

.profile-card__eyebrow[b-3yipsi2og5],
.profile-card__details dt[b-3yipsi2og5] {
    color: var(--q-dark-muted);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.profile-card h2[b-3yipsi2og5],
.profile-card p[b-3yipsi2og5],
.profile-card__details dd[b-3yipsi2og5] {
    margin: 0;
}

.profile-card h2[b-3yipsi2og5] {
    color: var(--q-dark-ink);
    font-size: 20px;
    margin-top: 3px;
}

.profile-card p[b-3yipsi2og5] {
    color: var(--q-dark-muted);
    margin-top: 3px;
}

.profile-card .message[b-3yipsi2og5] {
    margin-top: 18px;
}

.profile-card__details[b-3yipsi2og5] {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 22px 0 0;
}

.profile-card__details div[b-3yipsi2og5] {
    background: rgba(255, 255, 255, .025);
    border: 1px solid var(--q-dark-line-2);
    border-radius: 10px;
    padding: 13px;
}

.profile-card__details dd[b-3yipsi2og5] {
    color: var(--q-dark-ink);
    margin-top: 5px;
    overflow-wrap: anywhere;
}

.profile-card__form[b-3yipsi2og5] {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 22px;
}

.profile-card__form label[b-3yipsi2og5] {
    color: var(--q-dark-ink);
    display: grid;
    font-size: 12px;
    font-weight: 800;
    gap: 7px;
}

.profile-card__form input[b-3yipsi2og5] {
    background: var(--q-dark-card-2);
    border: 1px solid var(--q-dark-line);
    border-radius: 9px;
    color: var(--q-dark-ink);
    min-height: 42px;
    padding: 9px 11px;
}

.profile-card__form small[b-3yipsi2og5] {
    color: var(--q-dark-muted);
    font-weight: 500;
}

.profile-card__form-actions[b-3yipsi2og5] {
    display: flex;
    grid-column: 1 / -1;
    justify-content: flex-end;
}

@media (max-width: 720px) {
    .profile-card__header[b-3yipsi2og5] {
        align-items: flex-start;
        flex-direction: column;
    }

    .profile-card__details[b-3yipsi2og5],
    .profile-card__form[b-3yipsi2og5] {
        grid-template-columns: 1fr;
    }
}
/* _content/Qublo.App.Shared/Layout/BackofficeLayout.razor.rz.scp.css */
.bo-public-shell[b-68ts1z9f9u],
.bo-startup[b-68ts1z9f9u],
.bo-shell[b-68ts1z9f9u] {
    --bo-bg: #0d0d22;
    --bo-panel: #151532;
    --bo-panel-2: #1b1b40;
    --bo-line: rgba(167, 168, 230, .16);
    --bo-ink: #f7f7ff;
    --bo-muted: #a7a8c6;
    --bo-brand: #6a65e8;
    --bo-lime: #c6f94b;
    --bo-amber: #fab84a;
    color: var(--bo-ink);
    min-height: 100vh;
}

.bo-public-shell[b-68ts1z9f9u] {
    background: var(--bo-bg);
}

.bo-startup[b-68ts1z9f9u] {
    align-items: center;
    background:
        radial-gradient(circle at 50% 20%, rgba(106, 101, 232, .22), transparent 34rem),
        var(--bo-bg);
    display: flex;
    flex-direction: column;
    gap: .55rem;
    justify-content: center;
}

.bo-startup small[b-68ts1z9f9u] { color: var(--bo-muted); }

.bo-loader[b-68ts1z9f9u] {
    animation: bo-spin-b-68ts1z9f9u .9s linear infinite;
    border: 3px solid rgba(255,255,255,.12);
    border-radius: 50%;
    border-top-color: var(--bo-lime);
    height: 38px;
    margin-bottom: .5rem;
    width: 38px;
}

.bo-shell[b-68ts1z9f9u] {
    background: var(--bo-bg);
    display: grid;
    grid-template-columns: 250px minmax(0, 1fr);
}

.bo-sidebar[b-68ts1z9f9u] {
    background: linear-gradient(180deg, #151532 0%, #111128 100%);
    border-right: 1px solid var(--bo-line);
    display: flex;
    flex-direction: column;
    height: 100vh;
    padding: 24px 16px 18px;
    position: sticky;
    top: 0;
}

.bo-brand[b-68ts1z9f9u] {
    align-items: center;
    color: var(--bo-ink);
    display: flex;
    gap: 11px;
    padding: 0 10px 25px;
    text-decoration: none;
}

.bo-brand img[b-68ts1z9f9u] { height: 36px; width: 36px; }
.bo-brand span[b-68ts1z9f9u] { display: grid; }
.bo-brand strong[b-68ts1z9f9u] { font-size: 20px; font-weight: 950; letter-spacing: -.03em; }
.bo-brand small[b-68ts1z9f9u] { color: var(--bo-muted); font-size: 10px; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }

.bo-nav[b-68ts1z9f9u] { display: grid; gap: 5px; }
.bo-nav-link[b-68ts1z9f9u] {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 10px;
    color: var(--bo-muted);
    display: flex;
    font-size: 13px;
    font-weight: 800;
    gap: 11px;
    min-height: 44px;
    padding: 0 12px;
    text-decoration: none;
}
.bo-nav-link:hover[b-68ts1z9f9u] { background: rgba(255,255,255,.04); color: var(--bo-ink); }
.bo-nav-link.active[b-68ts1z9f9u] {
    background: linear-gradient(90deg, rgba(106,101,232,.28), rgba(106,101,232,.12));
    border-color: rgba(141,143,243,.24);
    color: #fff;
}
.bo-nav-link.active[b-68ts1z9f9u]::before {
    background: var(--bo-lime);
    border-radius: 99px;
    box-shadow: 0 0 16px rgba(198,249,75,.38);
    content: "";
    height: 18px;
    margin-left: -13px;
    width: 3px;
}
.bo-nav-link svg[b-68ts1z9f9u] { fill: none; height: 19px; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.75; width: 19px; }

.bo-sidebar-foot[b-68ts1z9f9u] {
    align-items: center;
    border-top: 1px solid var(--bo-line);
    color: var(--bo-muted);
    display: flex;
    gap: 10px;
    margin-top: auto;
    padding: 17px 9px 2px;
}
.bo-sidebar-foot div[b-68ts1z9f9u] { display: grid; }
.bo-sidebar-foot strong[b-68ts1z9f9u] { color: var(--bo-ink); font-size: 11px; }
.bo-sidebar-foot small[b-68ts1z9f9u] { font-size: 9px; }
.bo-security-mark[b-68ts1z9f9u] {
    align-items: center;
    background: rgba(198,249,75,.1);
    border: 1px solid rgba(198,249,75,.24);
    border-radius: 50%;
    color: var(--bo-lime);
    display: inline-flex;
    font-size: 11px;
    height: 28px;
    justify-content: center;
    width: 28px;
}

.bo-main[b-68ts1z9f9u] { min-width: 0; }
.bo-topbar[b-68ts1z9f9u] {
    align-items: center;
    backdrop-filter: blur(18px);
    background: rgba(13,13,34,.9);
    border-bottom: 1px solid var(--bo-line);
    display: flex;
    justify-content: space-between;
    min-height: 74px;
    padding: 0 28px;
    position: sticky;
    top: 0;
    z-index: 25;
}
.bo-topbar > div:first-child[b-68ts1z9f9u] { display: grid; gap: 2px; }
.bo-topbar-kicker[b-68ts1z9f9u] { color: var(--bo-lime); font-size: 9px; font-weight: 950; letter-spacing: .14em; text-transform: uppercase; }
.bo-topbar > div:first-child strong[b-68ts1z9f9u] { font-size: 17px; }
.bo-operator[b-68ts1z9f9u] { align-items: center; display: flex; gap: 10px; }
.bo-avatar[b-68ts1z9f9u] {
    align-items: center;
    background: linear-gradient(135deg, var(--bo-brand), #4541b6);
    border-radius: 10px;
    color: #fff;
    display: inline-flex;
    font-size: 11px;
    font-weight: 950;
    height: 36px;
    justify-content: center;
    width: 36px;
}
.bo-operator-copy[b-68ts1z9f9u] { display: grid; min-width: 120px; }
.bo-operator-copy strong[b-68ts1z9f9u] { font-size: 12px; }
.bo-operator-copy small[b-68ts1z9f9u] { color: var(--bo-muted); font-size: 10px; }
.bo-signout[b-68ts1z9f9u] { background: transparent; border-color: var(--bo-line); color: var(--bo-muted); font-size: 11px; min-height: 34px; }
.bo-signout:hover[b-68ts1z9f9u] { border-color: rgba(198,249,75,.34); color: var(--bo-ink); }
.bo-content[b-68ts1z9f9u] { margin: 0 auto; max-width: 1540px; min-width: 0; padding: 28px; }

@keyframes bo-spin-b-68ts1z9f9u { to { transform: rotate(360deg); } }

@media (max-width: 900px) {
    .bo-shell[b-68ts1z9f9u] { display: block; }
    .bo-sidebar[b-68ts1z9f9u] { height: auto; padding: 14px; position: relative; }
    .bo-brand[b-68ts1z9f9u] { padding-bottom: 12px; }
    .bo-nav[b-68ts1z9f9u] { display: flex; overflow-x: auto; padding-bottom: 4px; }
    .bo-nav-link[b-68ts1z9f9u] { flex: none; }
    .bo-nav-link.active[b-68ts1z9f9u]::before, .bo-sidebar-foot[b-68ts1z9f9u] { display: none; }
    .bo-topbar[b-68ts1z9f9u] { padding: 0 16px; position: relative; }
    .bo-content[b-68ts1z9f9u] { padding: 18px 14px; }
    .bo-operator-copy[b-68ts1z9f9u] { display: none; }
}
/* _content/Qublo.App.Shared/Layout/MainLayout.razor.rz.scp.css */
.page[b-s6wrche4bp] {
    background: var(--q-bg);
    color: var(--q-ink);
    min-height: 100vh;
}

.q-session-startup[b-s6wrche4bp] {
    align-items: center;
    background: #09091c;
    color: #f5f4ff;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    justify-content: center;
    min-height: 100vh;
    text-align: center;
}

.q-session-startup small[b-s6wrche4bp] {
    color: #9290b6;
}

.q-session-startup-spinner[b-s6wrche4bp] {
    animation: q-session-startup-spin-b-s6wrche4bp 0.8s linear infinite;
    border: 3px solid rgba(141, 143, 243, 0.2);
    border-radius: 50%;
    border-top-color: #8d8ff3;
    height: 2rem;
    width: 2rem;
}

@keyframes q-session-startup-spin-b-s6wrche4bp {
    to { transform: rotate(360deg); }
}

.page.app-mode[b-s6wrche4bp] {
    display: grid;
    grid-template-columns: 264px minmax(0, 1fr);
}

.page.public-mode[b-s6wrche4bp] {
    display: block;
}

.sidebar[b-s6wrche4bp] {
    background: #ffffff;
    border-right: 1px solid var(--q-line);
}

.app-mode .sidebar[b-s6wrche4bp] {
    height: 100vh;
    position: sticky;
    top: 0;
}

.public-mode .sidebar[b-s6wrche4bp] {
    display: none;
}

@media (min-width: 901px) {
    .public-mode .sidebar[b-s6wrche4bp] (.brand-panel) {
        margin: 0 auto;
        max-width: 1180px;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .public-mode .sidebar[b-s6wrche4bp] (.nav-scrollable) {
        padding: 0;
        position: absolute;
        right: calc((100vw - min(1180px, 100vw)) / 2 + 1.5rem);
        top: 1.05rem;
    }

    .public-mode .sidebar[b-s6wrche4bp] (.nav-list) {
        align-items: center;
        flex-direction: row;
    }

    .public-mode .sidebar[b-s6wrche4bp] (.nav-link) {
        min-height: 2.4rem;
        padding: 0.4rem 0.75rem;
    }

    .public-mode .sidebar[b-s6wrche4bp] (.nav-icon) {
        display: none;
    }
}

.main-surface[b-s6wrche4bp] {
    min-width: 0;
}

.top-row[b-s6wrche4bp] {
    align-items: center;
    background: rgba(248, 250, 252, 0.92);
    border-bottom: 1px solid var(--q-line);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    min-height: 4.25rem;
    padding: 0 1.75rem;
    position: sticky;
    top: 0;
    z-index: 10;
}

.top-row span[b-s6wrche4bp] {
    color: var(--q-muted);
    display: block;
    font-size: 0.78rem;
    font-weight: 700;
}

.top-row strong[b-s6wrche4bp] {
    color: var(--q-ink);
    display: block;
    font-size: 1rem;
    margin-top: 0.1rem;
}

.top-meta[b-s6wrche4bp] {
    align-items: center;
    display: flex;
    gap: 0.75rem;
}

.top-meta span[b-s6wrche4bp] {
    background: #ffffff;
    border: 1px solid var(--q-line);
    border-radius: 999px;
    color: var(--q-ink-soft);
    padding: 0.35rem 0.7rem;
}

.content[b-s6wrche4bp] {
    margin: 0 auto;
    max-width: 1440px;
    padding: 1.5rem;
    width: 100%;
}

.public-mode .content[b-s6wrche4bp] {
    max-width: none;
    padding: 0;
}

#blazor-error-ui[b-s6wrche4bp] {
    background: #fff7ed;
    border-top: 1px solid #fed7aa;
    bottom: 0;
    box-shadow: 0 -12px 30px rgba(15, 23, 42, 0.12);
    box-sizing: border-box;
    color: #9a3412;
    display: none;
    font-weight: 700;
    left: 0;
    padding: 0.8rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui a[b-s6wrche4bp] {
    color: #7c2d12;
    margin-left: 0.75rem;
}

#blazor-error-ui .dismiss[b-s6wrche4bp] {
    cursor: pointer;
    position: absolute;
    right: 0.9rem;
    top: 0.8rem;
}

.q-ebay-required-overlay[b-s6wrche4bp] {
    align-items: center;
    background: rgba(5, 8, 20, 0.8);
    backdrop-filter: blur(6px);
    display: flex;
    inset: 0;
    justify-content: center;
    overscroll-behavior: contain;
    padding: 24px;
    position: fixed;
    z-index: 200;
}

.q-ebay-required-dialog[b-s6wrche4bp] {
    background:
        radial-gradient(circle at 100% 0, rgba(91, 91, 214, 0.22), transparent 44%),
        #171532;
    border: 1px solid var(--q-dark-line);
    border-radius: 20px;
    box-shadow: 0 32px 90px rgba(0, 0, 0, 0.58);
    color: var(--q-dark-ink);
    display: grid;
    gap: 20px;
    max-width: 520px;
    padding: 30px;
    width: 100%;
}

.q-ebay-required-overlay[data-theme="light"] .q-ebay-required-dialog[b-s6wrche4bp] {
    background:
        radial-gradient(circle at 100% 0, rgba(81, 81, 201, 0.13), transparent 44%),
        var(--q-dark-card);
    box-shadow: 0 32px 90px rgba(23, 32, 51, 0.22);
}

.q-ebay-required-icon[b-s6wrche4bp] {
    align-items: center;
    background: rgba(91, 91, 214, 0.18);
    border: 1px solid rgba(141, 143, 243, 0.38);
    border-radius: 14px;
    color: #8d8ff3;
    display: inline-flex;
    height: 52px;
    justify-content: center;
    width: 52px;
}

.q-ebay-required-icon svg[b-s6wrche4bp] {
    fill: none;
    height: 28px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
    width: 28px;
}

.q-ebay-required-dialog h2[b-s6wrche4bp] {
    color: var(--q-dark-ink);
    font-size: 27px;
    line-height: 1.2;
    margin: 0 0 9px;
}

.q-ebay-required-dialog p[b-s6wrche4bp] {
    color: var(--q-dark-muted);
    line-height: 1.55;
    margin: 0;
}

.q-password-change-overlay[b-s6wrche4bp] {
    z-index: 240;
}

.q-password-change-dialog[b-s6wrche4bp] {
    gap: 16px;
    max-width: 560px;
}

.q-password-change-field[b-s6wrche4bp] {
    display: grid;
    gap: 7px;
}

.q-password-change-field > span[b-s6wrche4bp] {
    color: var(--q-dark-ink);
    font-size: 0.84rem;
    font-weight: 800;
}

.q-password-change-field input[b-s6wrche4bp] {
    background: rgba(255, 255, 255, 0.055);
    border: 1px solid var(--q-dark-line);
    border-radius: 10px;
    box-sizing: border-box;
    color: var(--q-dark-ink);
    font: inherit;
    min-height: 46px;
    outline: none;
    padding: 0 13px;
    width: 100%;
}

.q-password-change-field input:focus[b-s6wrche4bp] {
    border-color: #8d8ff3;
    box-shadow: 0 0 0 3px rgba(141, 143, 243, 0.16);
}

.q-password-change-field small[b-s6wrche4bp] {
    color: var(--q-dark-muted);
    font-size: 0.76rem;
}

.q-ebay-required-error[b-s6wrche4bp] {
    background: var(--q-red-soft);
    border: 1px solid rgba(240, 85, 106, 0.32);
    border-radius: 10px;
    color: #ff8d9d;
    font-size: 13px;
    line-height: 1.45;
    padding: 12px 14px;
}

.q-ebay-required-action[b-s6wrche4bp] {
    min-height: 46px;
    width: 100%;
}

.q-subscription-required-dialog[b-s6wrche4bp] {
    max-width: 520px;
}

.q-subscription-required-icon[b-s6wrche4bp] {
    color: var(--q-lime, #c6f94b);
    font-size: 23px;
    font-weight: 950;
}

.q-account-suspended-overlay[b-s6wrche4bp] {
    background: rgba(5, 7, 18, 0.9);
    z-index: 260;
}

.q-account-suspended-dialog[b-s6wrche4bp] {
    background:
        radial-gradient(circle at 100% 0, rgba(240, 85, 106, 0.18), transparent 46%),
        #171532;
    border-color: rgba(240, 85, 106, 0.34);
    max-width: 540px;
}

.q-account-suspended-overlay[data-theme="light"] .q-account-suspended-dialog[b-s6wrche4bp] {
    background:
        radial-gradient(circle at 100% 0, rgba(240, 85, 106, 0.12), transparent 46%),
        var(--q-dark-card);
}

.q-account-suspended-icon[b-s6wrche4bp] {
    background: rgba(240, 85, 106, 0.12);
    border-color: rgba(240, 85, 106, 0.38);
    color: #ff8d9d;
}

.q-account-suspended-meta[b-s6wrche4bp],
.q-account-suspended-polling[b-s6wrche4bp] {
    border-radius: 10px;
    font-size: 0.82rem;
    padding: 11px 13px;
}

.q-account-suspended-meta[b-s6wrche4bp] {
    background: rgba(240, 85, 106, 0.08);
    border: 1px solid rgba(240, 85, 106, 0.2);
    color: #ff9cab !important;
}

.q-account-suspended-polling[b-s6wrche4bp] {
    background: rgba(141, 143, 243, 0.08);
    border: 1px solid rgba(141, 143, 243, 0.18);
}

.q-renewal-warning-overlay[b-s6wrche4bp] {
    z-index: 190;
}

.q-renewal-warning-dialog[b-s6wrche4bp] {
    max-width: 560px;
    position: relative;
}

.q-renewal-warning-icon[b-s6wrche4bp] {
    background: rgba(250, 184, 74, .12);
    border-color: rgba(250, 184, 74, .34);
    color: var(--q-amber, #fab84a);
    font-size: 22px;
    font-weight: 950;
}

.q-renewal-warning-close[b-s6wrche4bp] {
    align-items: center;
    background: transparent;
    border: 0;
    color: var(--q-dark-muted, #a9a5c8);
    display: inline-flex;
    font-size: 26px;
    height: 36px;
    justify-content: center;
    padding: 0;
    position: absolute;
    right: 18px;
    top: 16px;
    width: 36px;
}

.q-renewal-warning-close:hover[b-s6wrche4bp] {
    color: var(--q-dark-ink, #f5f4ff);
}

.q-renewal-warning-actions[b-s6wrche4bp] {
    display: grid;
    gap: 9px;
}

.q-main-orders[b-s6wrche4bp] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    overflow: hidden;
}

.q-main-orders .q-topbar[b-s6wrche4bp] {
    min-height: 68px;
    padding-bottom: 12px;
    padding-top: 12px;
}

.q-content.q-content-orders[b-s6wrche4bp] {
    flex: 1;
    height: calc(100vh - 68px);
    max-width: none;
    min-height: 0;
    overflow: hidden;
    padding: 0 12px;
}

.q-main-orders.q-main-plan-limit .q-content.q-content-orders[b-s6wrche4bp] {
    height: auto;
}

.q-shell-notices[b-s6wrche4bp] {
    position: sticky;
    top: 74px;
    z-index: 19;
}

.q-plan-limit-notice[b-s6wrche4bp] {
    align-items: center;
    background:
        linear-gradient(90deg, var(--q-amber-soft), transparent 72%),
        var(--q-dark-card);
    border-bottom: 1px solid color-mix(in srgb, var(--q-amber) 40%, var(--q-dark-line));
    color: var(--q-dark-ink);
    display: flex;
    gap: 12px;
    min-height: 62px;
    padding: 10px 18px;
    position: relative;
}

.q-plan-limit-icon[b-s6wrche4bp] {
    align-items: center;
    background: var(--q-amber-soft);
    border: 1px solid color-mix(in srgb, var(--q-amber) 45%, transparent);
    border-radius: 999px;
    color: var(--q-amber);
    display: inline-flex;
    flex: none;
    font-size: 13px;
    font-weight: 950;
    height: 30px;
    justify-content: center;
    width: 30px;
}

.q-plan-limit-copy[b-s6wrche4bp] {
    display: grid;
    flex: 1;
    gap: 2px;
    min-width: 0;
}

.q-plan-limit-copy strong[b-s6wrche4bp] {
    color: var(--q-dark-ink);
    font-size: 13px;
    font-weight: 900;
}

.q-plan-limit-copy span[b-s6wrche4bp] {
    color: var(--q-dark-muted);
    font-size: 11.5px;
    font-weight: 650;
    line-height: 1.4;
}

.q-plan-limit-action[b-s6wrche4bp] {
    background: transparent;
    border: 1px solid color-mix(in srgb, var(--q-amber) 42%, transparent);
    border-radius: 9px;
    color: var(--q-amber);
    flex: none;
    font-size: 12px;
    font-weight: 900;
    padding: 8px 11px;
    text-decoration: none;
}

.q-renewal-notice[b-s6wrche4bp] {
    background:
        linear-gradient(90deg, rgba(250, 184, 74, .14), transparent 72%),
        var(--q-dark-card);
}

.q-renewal-notice-icon[b-s6wrche4bp] {
    font-size: 12px;
}

.q-plan-limit-action:hover[b-s6wrche4bp] {
    background: var(--q-amber-soft);
}

.q-main-orders .q-shell-notices[b-s6wrche4bp] {
    position: relative;
    top: auto;
}

@media (max-width: 600px) {
    .q-ebay-required-overlay[b-s6wrche4bp] {
        align-items: flex-end;
        padding: 12px;
    }

    .q-ebay-required-dialog[b-s6wrche4bp] {
        border-radius: 18px;
        padding: 24px 20px;
    }
}

@media (max-width: 900px) {
    .q-main-orders[b-s6wrche4bp] {
        display: block;
        height: auto;
        overflow: visible;
    }

    .q-content.q-content-orders[b-s6wrche4bp] {
        height: auto;
        min-height: calc(100vh - 68px);
        overflow: visible;
        padding: 0 16px 18px;
    }

    .q-shell-notices[b-s6wrche4bp] {
        position: relative;
        top: auto;
    }

    .q-plan-limit-notice[b-s6wrche4bp] {
        align-items: flex-start;
        flex-wrap: wrap;
        padding: 11px 16px;
    }

    .q-plan-limit-action[b-s6wrche4bp] {
        margin-left: 42px;
    }

    .page.app-mode[b-s6wrche4bp] {
        display: block;
    }

    .app-mode .sidebar[b-s6wrche4bp] {
        height: auto;
        position: sticky;
        top: 0;
        z-index: 20;
    }

    .top-row[b-s6wrche4bp] {
        align-items: stretch;
        flex-direction: column;
        min-height: 0;
        padding: 0.9rem 1rem;
        position: static;
    }

    .top-meta[b-s6wrche4bp] {
        align-items: stretch;
        flex-direction: column;
        gap: 0.45rem;
    }

    .content[b-s6wrche4bp] {
        padding: 1rem;
    }
}
/* _content/Qublo.App.Shared/Layout/NavMenu.razor.rz.scp.css */
.brand-panel[b-5ulmzgnnd0] {
    align-items: center;
    display: flex;
    gap: 0.8rem;
    padding: 1.05rem;
}

.brand-link[b-5ulmzgnnd0] {
    align-items: center;
    display: flex;
    min-width: 0;
}

.brand-link img[b-5ulmzgnnd0] {
    display: block;
    height: 42px;
    max-width: 170px;
    object-fit: contain;
}

.brand-panel p[b-5ulmzgnnd0] {
    color: var(--q-muted);
    font-size: 0.72rem;
    font-weight: 800;
    margin: 0;
    text-transform: uppercase;
}

.navbar-toggler[b-5ulmzgnnd0] {
    appearance: none;
    background: var(--q-brand) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.92%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2.4' d='M5 8h20M5 15h20M5 22h20'/%3e%3c/svg%3e") no-repeat center/1.45rem;
    border: 0;
    border-radius: 8px;
    cursor: pointer;
    display: none;
    height: 2.5rem;
    position: absolute;
    right: 1rem;
    top: 1rem;
    width: 2.5rem;
}

.nav-scrollable[b-5ulmzgnnd0] {
    padding: 0.25rem 0.75rem 1rem;
}

.nav-list[b-5ulmzgnnd0] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.nav-link[b-5ulmzgnnd0] {
    align-items: center;
    border-radius: 8px;
    color: var(--q-ink-soft);
    display: flex;
    font-size: 0.92rem;
    font-weight: 800;
    gap: 0.65rem;
    min-height: 2.7rem;
    padding: 0.45rem 0.65rem;
    text-decoration: none;
}

.nav-link:hover[b-5ulmzgnnd0] {
    background: var(--q-surface-2);
    color: var(--q-ink);
}

.nav-link.active[b-5ulmzgnnd0] {
    background: var(--q-brand-soft);
    color: var(--q-brand-dark);
}

.nav-link-muted[b-5ulmzgnnd0] {
    color: var(--q-muted);
}

.nav-link-muted small[b-5ulmzgnnd0] {
    background: #f1f5f9;
    border-radius: 999px;
    color: var(--q-muted);
    font-size: 0.68rem;
    margin-left: auto;
    padding: 0.12rem 0.45rem;
    text-transform: uppercase;
}

.nav-icon[b-5ulmzgnnd0] {
    align-items: center;
    background: #eef2ff;
    border-radius: 8px;
    color: var(--q-brand);
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 0.72rem;
    height: 1.65rem;
    justify-content: center;
    width: 1.65rem;
}

.nav-account[b-5ulmzgnnd0] {
    border-top: 1px solid var(--q-line);
    display: grid;
    gap: 0.25rem;
    margin-top: 1rem;
    padding: 1rem 0.65rem 0;
}

.nav-account span[b-5ulmzgnnd0] {
    color: var(--q-ink);
    font-weight: 900;
}

.nav-account small[b-5ulmzgnnd0] {
    color: var(--q-muted);
    overflow-wrap: anywhere;
}

.nav-account button[b-5ulmzgnnd0] {
    margin-top: 0.6rem;
}

@media (max-width: 900px) {
    .brand-panel[b-5ulmzgnnd0] {
        padding-right: 4.25rem;
        position: relative;
    }

    .brand-panel p[b-5ulmzgnnd0] {
        display: none;
    }

    .navbar-toggler[b-5ulmzgnnd0] {
        display: block;
    }

    .nav-scrollable[b-5ulmzgnnd0] {
        display: none;
    }

    .navbar-toggler:checked ~ .nav-scrollable[b-5ulmzgnnd0] {
        display: block;
    }
}

.q-account-connect-error[b-5ulmzgnnd0] {
    background: var(--q-red-soft);
    border: 1px solid rgba(240, 85, 106, 0.32);
    border-radius: 10px;
    color: #ff8d9d;
    font-size: 13px;
    line-height: 1.45;
    padding: 10px 12px;
}

.q-account-panel-backdrop[b-5ulmzgnnd0] {
    align-items: center;
    animation: q-account-backdrop-in-b-5ulmzgnnd0 140ms ease-out;
    background: rgba(4, 7, 18, 0.78);
    display: flex;
    inset: 0;
    justify-content: center;
    overscroll-behavior: contain;
    padding: 24px;
    position: fixed;
    z-index: 80;
}

.q-account-panel[b-5ulmzgnnd0] {
    animation: q-account-panel-in-b-5ulmzgnnd0 180ms cubic-bezier(0.2, 0.8, 0.2, 1);
    background: #15142f;
    border: 1px solid #292953;
    border-radius: 20px;
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.52);
    box-sizing: border-box;
    color: var(--q-dark-ink);
    contain: layout paint style;
    display: grid;
    gap: 0;
    grid-template-rows: auto minmax(0, 1fr) auto;
    left: auto;
    max-height: min(760px, calc(100vh - 48px));
    overflow: hidden;
    padding: 0;
    position: relative;
    top: auto;
    width: min(620px, calc(100vw - 48px));
}

.q-account-panel-head[b-5ulmzgnnd0] {
    align-items: flex-start;
    border-bottom: 1px solid #232348;
    display: flex;
    gap: 24px;
    justify-content: space-between;
    padding: 24px 26px 20px;
}

.q-account-panel-eyebrow[b-5ulmzgnnd0] {
    color: var(--q-indigo-bright);
    display: block;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.12em;
    margin-bottom: 6px;
    text-transform: uppercase;
}

.q-account-panel h2[b-5ulmzgnnd0] {
    color: #f2f3fb;
    font-size: 23px;
    line-height: 1.2;
    margin: 0;
}

.q-account-panel-head p[b-5ulmzgnnd0] {
    color: #878baa;
    font-size: 13px;
    line-height: 1.45;
    margin: 7px 0 0;
    max-width: 500px;
}

.q-panel-close[b-5ulmzgnnd0] {
    align-items: center;
    background: #1d1d3d;
    border: 1px solid #2b2c55;
    border-radius: 10px;
    color: #8e92b2;
    display: inline-flex;
    flex: 0 0 auto;
    height: 36px;
    justify-content: center;
    padding: 0;
    position: static;
    transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease;
    width: 36px;
}

.q-panel-close:hover[b-5ulmzgnnd0] {
    background: #26264b;
    border-color: #3a3b6d;
    color: #ffffff;
}

.q-panel-close svg[b-5ulmzgnnd0] {
    fill: none;
    height: 18px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-width: 1.8;
    width: 18px;
}

.q-account-panel-body[b-5ulmzgnnd0] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    min-height: 0;
    overflow: hidden;
    padding: 20px 26px;
    scrollbar-color: #343568 transparent;
    scrollbar-width: thin;
}

.q-account-panel-section[b-5ulmzgnnd0] {
    display: grid;
    gap: 11px;
}

.q-visible-account-section[b-5ulmzgnnd0] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
}

.q-account-section-head[b-5ulmzgnnd0] {
    align-items: flex-end;
    display: flex;
    gap: 18px;
    justify-content: space-between;
}

.q-account-section-head > div[b-5ulmzgnnd0] {
    display: grid;
    gap: 3px;
}

.q-account-section-head strong[b-5ulmzgnnd0] {
    color: #e8e9f4;
    font-size: 14px;
}

.q-account-section-head span[b-5ulmzgnnd0] {
    color: #7f83a4;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.35;
}

.q-primary-account-field[b-5ulmzgnnd0] {
    align-items: center;
    background: #1d1d3d;
    border: 1px solid #30315e;
    border-radius: 12px;
    display: grid;
    gap: 10px;
    grid-template-columns: auto minmax(0, 1fr) auto;
    min-height: 52px;
    padding: 6px 13px 6px 8px;
    transition: border-color 120ms ease, box-shadow 120ms ease;
}

.q-primary-account-field:focus-within[b-5ulmzgnnd0] {
    border-color: var(--q-indigo-bright);
    box-shadow: 0 0 0 3px rgba(91, 91, 214, 0.18);
}

.q-primary-account-field select[b-5ulmzgnnd0] {
    appearance: none;
    background: transparent;
    border: 0;
    color: #eff0fa;
    cursor: pointer;
    font-size: 14px;
    font-weight: 900;
    min-height: 36px;
    outline: 0;
    padding: 0;
    width: 100%;
}

.q-primary-account-field select option[b-5ulmzgnnd0] {
    background: #1d1d3d;
    color: #eff0fa;
}

.q-primary-account-field > svg[b-5ulmzgnnd0] {
    fill: none;
    height: 18px;
    pointer-events: none;
    stroke: #8589aa;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
    width: 18px;
}

.q-account-text-action[b-5ulmzgnnd0],
.q-account-manage-link[b-5ulmzgnnd0] {
    background: transparent;
    border: 0;
    color: var(--q-indigo-bright);
    font-size: 12px;
    font-weight: 900;
    min-height: 30px;
    padding: 0;
}

.q-account-text-action:hover[b-5ulmzgnnd0],
.q-account-manage-link:hover[b-5ulmzgnnd0] {
    color: #bdbefa;
    text-decoration: underline;
}

.q-account-search[b-5ulmzgnnd0] {
    align-items: center;
    background: #111127;
    border: 1px solid #282950;
    border-radius: 11px;
    display: grid;
    gap: 8px;
    grid-template-columns: auto minmax(0, 1fr) auto;
    min-height: 42px;
    padding: 0 12px;
}

.q-account-search:focus-within[b-5ulmzgnnd0] {
    border-color: var(--q-indigo-bright);
}

.q-account-search > svg[b-5ulmzgnnd0],
.q-account-search button svg[b-5ulmzgnnd0] {
    fill: none;
    height: 17px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-width: 1.8;
    width: 17px;
}

.q-account-search > svg[b-5ulmzgnnd0] {
    color: #6d7297;
}

.q-account-search input[b-5ulmzgnnd0] {
    background: transparent;
    border: 0;
    color: #eef0fa;
    font-size: 13px;
    min-height: 40px;
    outline: 0;
    padding: 0;
    width: 100%;
}

.q-account-search input[b-5ulmzgnnd0]::placeholder {
    color: #64698c;
}

.q-account-search button[b-5ulmzgnnd0] {
    align-items: center;
    background: transparent;
    border: 0;
    color: #73789c;
    display: inline-flex;
    height: 28px;
    justify-content: center;
    min-height: 0;
    padding: 0;
    width: 28px;
}

.q-account-panel-list[b-5ulmzgnnd0] {
    background: #111127;
    border: 1px solid #282950;
    border-radius: 12px;
    display: grid;
    flex: 1 1 auto;
    gap: 3px;
    max-height: min(330px, 38vh);
    min-height: 110px;
    overflow-y: auto;
    padding: 6px;
    scrollbar-color: #343568 transparent;
    scrollbar-width: thin;
}

.q-account-option[b-5ulmzgnnd0] {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 10px;
    cursor: pointer;
    display: grid;
    gap: 11px;
    grid-template-columns: 20px 38px minmax(0, 1fr);
    min-height: 58px;
    padding: 7px 9px;
    transition: background-color 100ms ease, border-color 100ms ease;
}

.q-account-option:hover[b-5ulmzgnnd0] {
    background: #1b1b39;
}

.q-account-option.selected[b-5ulmzgnnd0] {
    background: rgba(91, 91, 214, 0.1);
    border-color: rgba(141, 143, 243, 0.22);
}

.q-account-option input[b-5ulmzgnnd0] {
    accent-color: var(--q-lime);
    cursor: pointer;
    height: 17px;
    margin: 0;
    width: 17px;
}

.q-account-option input:disabled[b-5ulmzgnnd0] {
    cursor: not-allowed;
    opacity: 0.82;
}

.q-account-avatar[b-5ulmzgnnd0] {
    border: 0;
    font-size: 11px;
    height: 36px;
    min-width: 36px;
    padding: 0;
}

.q-account-avatar.tone-1[b-5ulmzgnnd0] {
    background: #cde9ff;
}

.q-account-avatar.tone-2[b-5ulmzgnnd0] {
    background: #ffd09e;
}

.q-account-avatar.tone-3[b-5ulmzgnnd0] {
    background: #ffd3de;
}

.q-account-avatar.tone-4[b-5ulmzgnnd0] {
    background: #d9c8ed;
}

.q-account-avatar.tone-5[b-5ulmzgnnd0] {
    background: #c9ead8;
}

.q-account-option-copy[b-5ulmzgnnd0] {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.q-account-option-copy > span[b-5ulmzgnnd0] {
    align-items: center;
    display: flex;
    gap: 7px;
    min-width: 0;
}

.q-account-option-copy strong[b-5ulmzgnnd0] {
    color: #e8e9f3;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.q-account-option-copy > small[b-5ulmzgnnd0] {
    color: #767b9e;
    display: block;
    font-size: 11px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.q-primary-badge[b-5ulmzgnnd0] {
    background: var(--q-lime-soft);
    border: 1px solid rgba(198, 249, 75, 0.25);
    border-radius: 999px;
    color: var(--q-lime);
    flex: 0 0 auto;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 0.04em;
    padding: 3px 6px;
    text-transform: uppercase;
}

.q-account-no-results[b-5ulmzgnnd0] {
    color: #777c9f;
    font-size: 13px;
    padding: 28px 16px;
    text-align: center;
}

.q-account-panel-foot[b-5ulmzgnnd0] {
    align-items: center;
    background: #13132c;
    border-top: 1px solid #232348;
    display: flex;
    gap: 18px;
    justify-content: space-between;
    padding: 16px 26px;
}

.q-account-panel-foot > div[b-5ulmzgnnd0] {
    display: flex;
    gap: 9px;
}

.q-account-panel-foot .q-btn[b-5ulmzgnnd0] {
    min-width: 118px;
}

.q-account-panel-state[b-5ulmzgnnd0],
.q-account-panel-empty[b-5ulmzgnnd0] {
    align-items: center;
    display: grid;
    justify-items: center;
    padding: 44px 28px;
    text-align: center;
}

.q-account-panel-state[b-5ulmzgnnd0] {
    gap: 14px;
}

.q-account-panel-empty[b-5ulmzgnnd0] {
    gap: 18px;
}

.q-account-panel-empty > div[b-5ulmzgnnd0] {
    display: grid;
    gap: 5px;
}

.q-account-panel-empty strong[b-5ulmzgnnd0],
.q-account-panel-state strong[b-5ulmzgnnd0] {
    color: #eceef8;
}

.q-account-panel-empty p[b-5ulmzgnnd0] {
    color: #858aa9;
    font-size: 13px;
    margin: 0;
}

.q-account-empty-icon[b-5ulmzgnnd0] {
    align-items: center;
    background: var(--q-indigo-soft);
    border: 1px solid rgba(141, 143, 243, 0.28);
    border-radius: 15px;
    color: var(--q-indigo-bright);
    display: inline-flex;
    height: 54px;
    justify-content: center;
    width: 54px;
}

.q-account-empty-icon svg[b-5ulmzgnnd0] {
    fill: none;
    height: 28px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
    width: 28px;
}

.q-account-loading[b-5ulmzgnnd0] {
    animation: q-account-spin-b-5ulmzgnnd0 700ms linear infinite;
    border: 2px solid #30315d;
    border-radius: 999px;
    border-top-color: var(--q-indigo-bright);
    height: 28px;
    width: 28px;
}

@keyframes q-account-backdrop-in-b-5ulmzgnnd0 {
    from {
        opacity: 0;
    }
}

@keyframes q-account-panel-in-b-5ulmzgnnd0 {
    from {
        opacity: 0;
        transform: translateY(8px) scale(0.985);
    }
}

@keyframes q-account-spin-b-5ulmzgnnd0 {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 650px) {
    .q-account-panel-backdrop[b-5ulmzgnnd0] {
        align-items: flex-end;
        padding: 0;
    }

    .q-account-panel[b-5ulmzgnnd0] {
        border-bottom: 0;
        border-left: 0;
        border-radius: 20px 20px 0 0;
        border-right: 0;
        max-height: calc(100vh - 20px);
        width: 100vw;
    }

    .q-account-panel-head[b-5ulmzgnnd0],
    .q-account-panel-body[b-5ulmzgnnd0],
    .q-account-panel-foot[b-5ulmzgnnd0] {
        padding-left: 18px;
        padding-right: 18px;
    }

    .q-account-panel h2[b-5ulmzgnnd0] {
        font-size: 20px;
    }

    .q-account-panel-head p[b-5ulmzgnnd0] {
        display: none;
    }

    .q-account-panel-foot[b-5ulmzgnnd0] {
        align-items: stretch;
        flex-direction: column-reverse;
    }

    .q-account-panel-foot > div[b-5ulmzgnnd0] {
        display: grid;
        grid-template-columns: 1fr 1.25fr;
    }

    .q-account-panel-foot .q-btn[b-5ulmzgnnd0] {
        min-width: 0;
    }

    .q-account-manage-link[b-5ulmzgnnd0] {
        align-self: center;
    }
}

@media (prefers-reduced-motion: reduce) {
    .q-account-panel-backdrop[b-5ulmzgnnd0],
    .q-account-panel[b-5ulmzgnnd0],
    .q-account-loading[b-5ulmzgnnd0] {
        animation: none;
    }
}
.q-side-plan-eyebrow[b-5ulmzgnnd0] {
    color: #8d8ff3 !important;
    font-size: 10px !important;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.q-side-plan-progress[b-5ulmzgnnd0] {
    background: rgba(255, 255, 255, .08);
    border-radius: 999px;
    display: block;
    height: 6px;
    overflow: hidden;
    width: 100%;
}

.q-side-plan-progress i[b-5ulmzgnnd0] {
    background: linear-gradient(90deg, #8d8ff3, #c5ff55);
    border-radius: inherit;
    display: block;
    height: 100%;
    transition: width .2s ease;
}
/* _content/Qublo.App.Shared/Pages/Auth.razor.rz.scp.css */
.auth-page[b-grzahi28s0] {
    background:
        radial-gradient(circle at 16% 14%, rgba(91, 91, 214, 0.72), transparent 30rem),
        radial-gradient(circle at 88% 78%, rgba(198, 249, 75, 0.18), transparent 24rem),
        linear-gradient(135deg, #11112f 0%, #0d0d22 56%, #121923 100%);
    color: #ffffff;
    min-height: 100vh;
    overflow: hidden;
    padding: 0 0 4rem;
}

.auth-nav[b-grzahi28s0],
.auth-shell[b-grzahi28s0] {
    margin: 0 auto;
    max-width: 1180px;
    width: min(100% - 3rem, 1180px);
}

.auth-nav[b-grzahi28s0] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    min-height: 5.75rem;
}

.auth-brand[b-grzahi28s0],
.auth-home-link[b-grzahi28s0] {
    background: transparent;
    border: 0;
}

.auth-brand[b-grzahi28s0] {
    align-items: center;
    color: #ffffff;
    display: inline-flex;
    font-size: 1.45rem;
    font-weight: 950;
    gap: 0.62rem;
    letter-spacing: 0;
    min-height: 2.6rem;
    padding: 0;
}

.auth-brand img[b-grzahi28s0] {
    border-radius: 8px;
    box-shadow: 0 18px 40px rgba(91, 91, 214, 0.3);
    height: 2.35rem;
    object-fit: cover;
    width: 2.35rem;
}

.auth-home-link[b-grzahi28s0] {
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 999px;
    color: rgba(255, 255, 255, 0.72);
    font-size: 0.9rem;
    font-weight: 850;
    padding: 0.65rem 1rem;
}

.auth-home-link:hover[b-grzahi28s0],
.auth-home-link:focus-visible[b-grzahi28s0] {
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;
}

.auth-shell[b-grzahi28s0] {
    align-items: center;
    display: grid;
    gap: 4rem;
    grid-template-columns: minmax(0, 1fr) minmax(360px, 450px);
    min-height: calc(100vh - 9.75rem);
    padding: 2rem 0;
}

.auth-copy[b-grzahi28s0] {
    max-width: 46rem;
}

.auth-kicker[b-grzahi28s0],
.auth-card-heading span[b-grzahi28s0] {
    color: #c6f94b;
    display: block;
    font-size: 0.82rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    margin-bottom: 1rem;
    text-transform: uppercase;
}

.auth-copy h1[b-grzahi28s0] {
    color: #ffffff;
    font-size: clamp(2.75rem, 5.7vw, 5.05rem);
    font-weight: 950;
    letter-spacing: 0;
    line-height: 0.98;
    margin: 0;
}

.auth-copy p[b-grzahi28s0] {
    color: rgba(255, 255, 255, 0.68);
    font-size: 1.05rem;
    line-height: 1.6;
    margin: 1.25rem 0 0;
    max-width: 39rem;
}

.auth-proof[b-grzahi28s0] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-top: 1.6rem;
}

.auth-proof span[b-grzahi28s0] {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 999px;
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.84rem;
    font-weight: 850;
    padding: 0.48rem 0.75rem;
}

.auth-preview[b-grzahi28s0] {
    background: rgba(21, 8, 42, 0.72);
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 8px;
    box-shadow: 0 28px 90px rgba(91, 91, 214, 0.24);
    margin-top: 2.3rem;
    max-width: 34rem;
    overflow: hidden;
    padding: 1rem;
}

.preview-line[b-grzahi28s0] {
    background:
        linear-gradient(90deg, rgba(198, 249, 75, 0.9), rgba(91, 91, 214, 0.82)),
        rgba(255, 255, 255, 0.1);
    border-radius: 999px;
    height: 0.45rem;
    margin-bottom: 0.9rem;
    width: 72%;
}

.preview-grid[b-grzahi28s0] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.preview-grid div[b-grzahi28s0] {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    min-width: 0;
    padding: 0.85rem;
}

.preview-grid small[b-grzahi28s0] {
    color: rgba(255, 255, 255, 0.56);
    display: block;
    font-size: 0.72rem;
    font-weight: 850;
}

.preview-grid strong[b-grzahi28s0] {
    color: #ffffff;
    display: block;
    font-size: 1.4rem;
    font-weight: 950;
    margin-top: 0.35rem;
}

.auth-card[b-grzahi28s0] {
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    box-shadow: 0 30px 90px rgba(0, 0, 0, 0.32);
    color: #08021a;
    display: grid;
    gap: 1.05rem;
    padding: 1.1rem;
}

.auth-card-heading[b-grzahi28s0] {
    padding: 0.35rem 0.25rem 0;
}

.auth-card-heading span[b-grzahi28s0] {
    color: #5b5bd6;
    margin-bottom: 0.45rem;
}

.auth-card-heading h2[b-grzahi28s0] {
    color: #08021a;
    font-size: 2rem;
    font-weight: 950;
    letter-spacing: 0;
    line-height: 1;
    margin: 0;
}

.auth-card-heading p[b-grzahi28s0] {
    color: #516079;
    line-height: 1.48;
    margin: 0.6rem 0 0;
}

.mode-switch[b-grzahi28s0] {
    background: #eef2ff;
    border: 1px solid #dbe3f3;
    border-radius: 8px;
    display: grid;
    gap: 0.35rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 0.35rem;
}

.mode-switch button[b-grzahi28s0] {
    background: transparent;
    border: 0;
    border-radius: 8px;
    color: #516079;
    font-weight: 900;
    min-height: 2.6rem;
    padding: 0.55rem 0.6rem;
}

.mode-switch button.active[b-grzahi28s0] {
    background: #ffffff;
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.08);
    color: #5b5bd6;
}

.auth-card .message[b-grzahi28s0] {
    border-radius: 8px;
    margin: 0;
}

.form-stack[b-grzahi28s0] {
    display: grid;
    gap: 0.85rem;
}

.form-stack label[b-grzahi28s0] {
    color: #08021a;
    display: grid;
    font-weight: 850;
    gap: 0.38rem;
}

.form-stack label span[b-grzahi28s0] {
    font-size: 0.86rem;
}

.form-stack input[b-grzahi28s0] {
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    color: #08021a;
    font: inherit;
    min-height: 3rem;
    outline: none;
    padding: 0.72rem 0.85rem;
    width: 100%;
}

.form-stack input:focus[b-grzahi28s0] {
    border-color: #5b5bd6;
    box-shadow: 0 0 0 3px rgba(91, 91, 214, 0.16);
}

.auth-submit[b-grzahi28s0] {
    align-items: center;
    background: #5b5bd6;
    border: 1px solid #5b5bd6;
    border-radius: 8px;
    box-shadow: 0 14px 34px rgba(91, 91, 214, 0.28);
    color: #ffffff;
    display: inline-flex;
    font-weight: 950;
    justify-content: center;
    margin-top: 0.25rem;
    min-height: 3.15rem;
    padding: 0.85rem 1rem;
    width: 100%;
}

.auth-submit:hover[b-grzahi28s0],
.auth-submit:focus-visible[b-grzahi28s0] {
    background: #3f3fb8;
    border-color: #3f3fb8;
    color: #ffffff;
}

.auth-submit:disabled[b-grzahi28s0] {
    cursor: not-allowed;
    opacity: 0.62;
}

.auth-divider[b-grzahi28s0] {
    align-items: center;
    color: #64748b;
    display: flex;
    font-size: 0.78rem;
    font-weight: 850;
    gap: 0.7rem;
    text-transform: uppercase;
}

.auth-divider[b-grzahi28s0]::before,
.auth-divider[b-grzahi28s0]::after {
    background: #dbe3f3;
    content: "";
    flex: 1;
    height: 1px;
}

.google-submit[b-grzahi28s0] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    color: #172033;
    display: inline-flex;
    font-weight: 950;
    gap: 0.7rem;
    justify-content: center;
    min-height: 3.15rem;
    padding: 0.85rem 1rem;
    width: 100%;
}

.google-submit:hover[b-grzahi28s0],
.google-submit:focus-visible[b-grzahi28s0] {
    background: #f8fafc;
    border-color: #5b5bd6;
}

.google-submit:disabled[b-grzahi28s0] {
    cursor: not-allowed;
    opacity: 0.55;
}

.google-mark[b-grzahi28s0] {
    align-items: center;
    border: 1px solid #dbe3f3;
    border-radius: 50%;
    color: #4285f4;
    display: inline-flex;
    font-family: Arial, sans-serif;
    font-weight: 900;
    height: 1.55rem;
    justify-content: center;
    width: 1.55rem;
}

@media (max-width: 920px) {
    .auth-shell[b-grzahi28s0] {
        gap: 2rem;
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .auth-card[b-grzahi28s0] {
        max-width: 34rem;
        width: 100%;
    }
}

@media (max-width: 620px) {
    .auth-nav[b-grzahi28s0],
    .auth-shell[b-grzahi28s0] {
        width: min(100% - 2rem, 1180px);
    }

    .auth-nav[b-grzahi28s0] {
        align-items: flex-start;
        flex-direction: column;
        gap: 1rem;
        padding: 1.2rem 0;
    }

    .auth-home-link[b-grzahi28s0] {
        width: 100%;
    }

    .auth-copy h1[b-grzahi28s0] {
        font-size: clamp(2.55rem, 14vw, 3.4rem);
    }

    .auth-card[b-grzahi28s0] {
        padding: 0.9rem;
    }

    .preview-grid[b-grzahi28s0] {
        grid-template-columns: 1fr;
    }
}
/* _content/Qublo.App.Shared/Pages/BackofficeCoachDetail.razor.rz.scp.css */
.coach-detail-page[b-ib3pypag4j],
.coach-modal-backdrop[b-ib3pypag4j] {
    --coach-bg: var(--bo-bg, #0d0d22);
    --coach-panel: var(--bo-panel, #151532);
    --coach-panel-2: var(--bo-panel-2, #1b1b40);
    --coach-line: var(--bo-line, rgba(167, 168, 230, .16));
    --coach-ink: var(--bo-ink, #f7f7ff);
    --coach-muted: var(--bo-muted, #a7a8c6);
    --coach-brand: var(--bo-brand, #6a65e8);
    --coach-lime: var(--bo-lime, #c6f94b);
    --coach-amber: var(--bo-amber, #fab84a);
    color: var(--coach-ink);
}

.coach-detail-page[b-ib3pypag4j] { min-height: calc(100vh - 130px); }
.coach-back-link[b-ib3pypag4j] { align-items: center; color: #aaaaff; display: inline-flex; font-size: 10px; font-weight: 850; gap: 7px; margin-bottom: 15px; text-decoration: none; }
.coach-back-link:hover[b-ib3pypag4j] { color: #fff; }
.coach-back-link:focus-visible[b-ib3pypag4j],
button:focus-visible[b-ib3pypag4j],
input:focus-visible[b-ib3pypag4j],
select:focus-visible[b-ib3pypag4j],
textarea:focus-visible[b-ib3pypag4j],
summary:focus-visible[b-ib3pypag4j] { outline: 2px solid var(--coach-lime); outline-offset: 3px; }

.coach-hero[b-ib3pypag4j] { align-items: center; background: linear-gradient(110deg, rgba(106,101,232,.18), rgba(21,21,50,.95) 50%, rgba(198,249,75,.04)); border: 1px solid var(--coach-line); border-radius: 15px; display: flex; gap: 24px; justify-content: space-between; margin-bottom: 16px; padding: 20px; }
.coach-identity[b-ib3pypag4j] { align-items: center; display: flex; gap: 14px; min-width: 0; }
.coach-avatar[b-ib3pypag4j],
.student-avatar[b-ib3pypag4j] { align-items: center; background: linear-gradient(135deg,#716cf2,#3e3d9d); border-radius: 12px; color: #fff; display: inline-flex; flex: none; font-size: 15px; font-weight: 950; height: 52px; justify-content: center; width: 52px; }
.coach-identity > div[b-ib3pypag4j] { display: grid; gap: 3px; min-width: 0; }
.coach-eyebrow[b-ib3pypag4j],
.coach-panel-header > div > span[b-ib3pypag4j] { color: var(--coach-lime); font-size: 9px; font-weight: 950; letter-spacing: .13em; text-transform: uppercase; }
.coach-identity h1[b-ib3pypag4j] { font-size: clamp(25px,3vw,36px); letter-spacing: -.045em; margin: 0; }
.coach-identity p[b-ib3pypag4j] { color: var(--coach-muted); font-size: 11px; margin: 0; overflow: hidden; text-overflow: ellipsis; }
.coach-hero-meta[b-ib3pypag4j] { align-items: center; display: flex; flex-wrap: wrap; gap: 18px; justify-content: flex-end; }
.coach-hero-meta > span:not(.coach-status)[b-ib3pypag4j] { display: grid; gap: 3px; }
.coach-hero-meta small[b-ib3pypag4j] { color: var(--coach-muted); font-size: 8px; }
.coach-hero-meta strong[b-ib3pypag4j] { font-size: 10px; }
.coach-status[b-ib3pypag4j],
.coach-subscription[b-ib3pypag4j] { border: 1px solid transparent; border-radius: 999px; display: inline-flex; font-size: 8px; font-weight: 900; padding: 4px 7px; width: max-content; }
.coach-status.active[b-ib3pypag4j],
.coach-subscription.active[b-ib3pypag4j] { background: rgba(92,225,173,.1); border-color: rgba(92,225,173,.22); color: #71e8ba; }
.coach-status.inactive[b-ib3pypag4j],
.coach-subscription.inactive[b-ib3pypag4j] { background: rgba(240,85,106,.1); border-color: rgba(240,85,106,.22); color: #ff8797; }
.coach-subscription.pending[b-ib3pypag4j] { background: rgba(250,184,74,.1); border-color: rgba(250,184,74,.22); color: #ffc969; }

button[b-ib3pypag4j],
.coach-fatal-state a[b-ib3pypag4j] { background: var(--coach-panel-2); border: 1px solid var(--coach-line); border-radius: 9px; color: var(--coach-ink); cursor: pointer; font-size: 10px; font-weight: 850; min-height: 38px; padding: 0 13px; }
button:hover:not(:disabled)[b-ib3pypag4j],
.coach-fatal-state a:hover[b-ib3pypag4j] { border-color: rgba(141,143,243,.5); }
button:disabled[b-ib3pypag4j] { cursor: not-allowed; opacity: .55; }
button.coach-primary[b-ib3pypag4j] { background: var(--coach-brand); border-color: var(--coach-brand); color: #fff; }
button.coach-primary:hover:not(:disabled)[b-ib3pypag4j] { background: #5752d6; }

.coach-alert[b-ib3pypag4j] { align-items: center; border: 1px solid; border-radius: 10px; display: flex; justify-content: space-between; margin-bottom: 16px; padding: 11px 13px; }
.coach-alert > span[b-ib3pypag4j] { display: grid; gap: 3px; }
.coach-alert strong[b-ib3pypag4j] { font-size: 10px; }
.coach-alert small[b-ib3pypag4j] { font-size: 9px; }
.coach-alert button[b-ib3pypag4j] { background: transparent; border: 0; color: inherit; font-size: 18px; min-height: 28px; padding: 0; width: 28px; }
.coach-alert.error[b-ib3pypag4j] { background: rgba(240,85,106,.1); border-color: rgba(240,85,106,.28); color: #ff94a3; }
.coach-alert.success[b-ib3pypag4j] { background: rgba(198,249,75,.08); border-color: rgba(198,249,75,.24); color: var(--coach-lime); }

.coach-kpis[b-ib3pypag4j] { display: grid; gap: 12px; grid-template-columns: repeat(4,minmax(0,1fr)); margin-bottom: 16px; }
.coach-kpi[b-ib3pypag4j] { background: var(--coach-panel); border: 1px solid var(--coach-line); border-radius: 13px; display: grid; gap: 5px; min-height: 112px; padding: 16px; position: relative; }
.coach-kpi[b-ib3pypag4j]::after { background: currentColor; border-radius: 99px; content: ""; height: 4px; left: 16px; opacity: .9; position: absolute; right: 58%; top: 0; }
.coach-kpi > span[b-ib3pypag4j] { color: var(--coach-muted); font-size: 9px; font-weight: 850; }
.coach-kpi strong[b-ib3pypag4j] { color: var(--coach-ink); font-size: clamp(20px,2vw,28px); letter-spacing: -.04em; margin-top: 6px; }
.coach-kpi small[b-ib3pypag4j] { color: var(--coach-muted); font-size: 8px; }
.coach-kpi.purple[b-ib3pypag4j] { color: #8d8ff3; }.coach-kpi.lime[b-ib3pypag4j] { color: var(--coach-lime); }.coach-kpi.blue[b-ib3pypag4j] { color: #62b5ff; }.coach-kpi.amber[b-ib3pypag4j] { color: var(--coach-amber); }.coach-kpi.green[b-ib3pypag4j] { color: #5ce1ad; }

.coach-analytics-grid[b-ib3pypag4j] { align-items: start; display: grid; gap: 15px; grid-template-columns: minmax(0,1.65fr) minmax(300px,.65fr); margin-bottom: 16px; }
.coach-panel[b-ib3pypag4j] { background: var(--coach-panel); border: 1px solid var(--coach-line); border-radius: 14px; box-shadow: 0 18px 45px rgba(0,0,0,.12); min-width: 0; overflow: hidden; }
.coach-panel-header[b-ib3pypag4j] { align-items: center; border-bottom: 1px solid var(--coach-line); display: flex; gap: 18px; justify-content: space-between; min-height: 72px; padding: 16px 18px; }
.coach-panel-header > div[b-ib3pypag4j] { display: grid; gap: 4px; }
.coach-panel-header h2[b-ib3pypag4j] { font-size: 15px; margin: 0; }
.coach-panel-header p[b-ib3pypag4j] { color: var(--coach-muted); font-size: 9px; line-height: 1.45; margin: 0; }
.coach-panel-header label[b-ib3pypag4j] { color: var(--coach-muted); display: grid; font-size: 8px; font-weight: 850; gap: 5px; }
input[b-ib3pypag4j],
select[b-ib3pypag4j],
textarea[b-ib3pypag4j] { background: var(--coach-panel-2); border: 1px solid var(--coach-line); border-radius: 8px; color: var(--coach-ink); font: inherit; font-size: 10px; min-height: 39px; padding: 0 11px; }
select[b-ib3pypag4j] { min-width: 105px; }
textarea[b-ib3pypag4j] { min-height: 86px; padding: 10px 11px; resize: vertical; }

.coach-chart-scroll[b-ib3pypag4j] { overflow-x: auto; padding: 10px 14px 0; }
.coach-team-chart[b-ib3pypag4j] { display: block; min-width: 660px; width: 100%; }
.coach-team-chart text[b-ib3pypag4j] { fill: var(--coach-muted); font-size: 10px; }
.chart-grid[b-ib3pypag4j] { stroke: var(--coach-line); stroke-width: 1; }
.chart-bar[b-ib3pypag4j] { rx: 3; }
.chart-bar.imports[b-ib3pypag4j],
.coach-chart-legend i.imports[b-ib3pypag4j] { fill: #7774ef; background: #7774ef; }
.chart-bar.publications[b-ib3pypag4j],
.coach-chart-legend i.publications[b-ib3pypag4j] { fill: var(--coach-lime); background: var(--coach-lime); }
.chart-bar.orders[b-ib3pypag4j],
.coach-chart-legend i.orders[b-ib3pypag4j] { fill: #62b5ff; background: #62b5ff; }
.coach-chart-months[b-ib3pypag4j] { display: grid; grid-auto-columns: minmax(0,1fr); grid-auto-flow: column; margin: -22px 18px 8px 48px; min-width: 616px; }
.coach-chart-months span[b-ib3pypag4j] { color: var(--coach-muted); font-size: 9px; text-align: center; text-transform: capitalize; }
.coach-chart-legend[b-ib3pypag4j] { align-items: center; display: flex; flex-wrap: wrap; gap: 13px; justify-content: center; padding: 0 16px 13px; }
.coach-chart-legend span[b-ib3pypag4j] { align-items: center; color: var(--coach-muted); display: inline-flex; font-size: 8px; gap: 5px; }
.coach-chart-legend i[b-ib3pypag4j] { border-radius: 3px; display: block; height: 8px; width: 8px; }
.coach-exact-data[b-ib3pypag4j] { border-top: 1px solid var(--coach-line); }
.coach-exact-data summary[b-ib3pypag4j] { color: #aaaaff; cursor: pointer; font-size: 9px; font-weight: 850; padding: 11px 16px; }

.coach-health-list[b-ib3pypag4j] { display: grid; gap: 18px; margin: 0; padding: 20px; }
.coach-health-list > div[b-ib3pypag4j] { display: grid; gap: 7px; }
.coach-health-list dt[b-ib3pypag4j] { color: var(--coach-muted); font-size: 9px; }
.coach-health-list dd[b-ib3pypag4j] { align-items: center; display: grid; gap: 9px; grid-template-columns: 32px minmax(0,1fr); margin: 0; }
.coach-health-list strong[b-ib3pypag4j] { font-size: 11px; }
.health-track[b-ib3pypag4j],
.student-bar-track[b-ib3pypag4j] { background: rgba(255,255,255,.06); border-radius: 99px; display: block; height: 7px; overflow: hidden; }
.health-track i[b-ib3pypag4j],
.student-bar-track i[b-ib3pypag4j] { background: var(--coach-brand); border-radius: inherit; display: block; height: 100%; min-width: 0; }
.health-track i.active[b-ib3pypag4j] { background: #5ce1ad; }.health-track i.engaged[b-ib3pypag4j] { background: #62b5ff; }.health-track i.pending[b-ib3pypag4j] { background: var(--coach-amber); }.health-track i.expiring[b-ib3pypag4j] { background: #ff8797; }
.coach-health-panel > footer[b-ib3pypag4j] { align-items: baseline; background: rgba(106,101,232,.08); border-top: 1px solid var(--coach-line); display: flex; gap: 7px; padding: 15px 20px; }
.coach-health-panel > footer strong[b-ib3pypag4j] { color: var(--coach-lime); font-size: 18px; }
.coach-health-panel > footer span[b-ib3pypag4j] { color: var(--coach-muted); font-size: 8px; }

.coach-students-panel[b-ib3pypag4j] { margin-bottom: 16px; }
.coach-members-header[b-ib3pypag4j] { align-items: flex-end; }
.coach-search[b-ib3pypag4j],
.assign-search[b-ib3pypag4j] { display: flex; gap: 7px; max-width: 470px; width: 100%; }
.coach-search input[b-ib3pypag4j],
.assign-search input[b-ib3pypag4j] { flex: 1; min-width: 0; }
.coach-table-wrap[b-ib3pypag4j] { overflow-x: auto; }
table[b-ib3pypag4j] { border-collapse: collapse; width: 100%; }
th[b-ib3pypag4j] { color: #8587ae; font-size: 8px; font-weight: 950; letter-spacing: .06em; padding: 11px 14px; text-align: left; text-transform: uppercase; }
td[b-ib3pypag4j] { border-top: 1px solid var(--coach-line); color: #d9d9ed; font-size: 9px; padding: 12px 14px; vertical-align: middle; }
tbody th[scope="row"][b-ib3pypag4j] { border-top: 1px solid var(--coach-line); color: inherit; letter-spacing: 0; text-transform: none; }
td > strong[b-ib3pypag4j],
td > small[b-ib3pypag4j],
tbody th[scope="row"] > strong[b-ib3pypag4j],
tbody th[scope="row"] > small[b-ib3pypag4j] { display: block; }
td > strong[b-ib3pypag4j],
tbody th[scope="row"] > strong[b-ib3pypag4j] { color: var(--coach-ink); font-size: 10px; }
td > small[b-ib3pypag4j],
tbody th[scope="row"] > small[b-ib3pypag4j] { color: var(--coach-muted); font-size: 8px; margin-top: 3px; }
.coach-members-table[b-ib3pypag4j] { min-width: 940px; }
.coach-members-table .coach-subscription[b-ib3pypag4j] { margin-top: 5px; }
tbody tr:hover[b-ib3pypag4j] { background: rgba(255,255,255,.018); }
.coach-inline-loader[b-ib3pypag4j] { align-items: center; color: var(--coach-muted); display: flex; font-size: 9px; gap: 8px; justify-content: center; padding: 10px; }
.coach-inline-loader span[b-ib3pypag4j],
.coach-loader > span[b-ib3pypag4j] { animation: coach-spin-b-ib3pypag4j .8s linear infinite; border: 2px solid rgba(255,255,255,.12); border-radius: 50%; border-top-color: var(--coach-lime); height: 17px; width: 17px; }
.coach-pagination[b-ib3pypag4j] { align-items: center; border-top: 1px solid var(--coach-line); display: flex; justify-content: space-between; padding: 12px 15px; }
.coach-pagination > span[b-ib3pypag4j] { color: var(--coach-muted); font-size: 8px; font-weight: 800; }
.coach-pagination > div[b-ib3pypag4j] { display: flex; gap: 7px; }
.coach-pagination button[b-ib3pypag4j] { min-height: 31px; }

.student-performance-grid[b-ib3pypag4j] { display: grid; gap: 12px; grid-template-columns: repeat(2,minmax(0,1fr)); padding: 16px; }
.student-performance-card[b-ib3pypag4j] { background: var(--coach-panel-2); border: 1px solid var(--coach-line); border-radius: 11px; display: grid; gap: 11px; padding: 14px; }
.student-performance-card > header[b-ib3pypag4j] { align-items: center; display: flex; gap: 9px; margin-bottom: 2px; min-width: 0; }
.student-avatar[b-ib3pypag4j] { border-radius: 8px; font-size: 9px; height: 32px; width: 32px; }
.student-performance-card > header > span:last-child[b-ib3pypag4j] { display: grid; gap: 2px; min-width: 0; }
.student-performance-card header strong[b-ib3pypag4j] { font-size: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.student-performance-card header small[b-ib3pypag4j] { color: var(--coach-muted); font-size: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.student-bar[b-ib3pypag4j] { display: grid; gap: 5px; }
.student-bar > span[b-ib3pypag4j] { align-items: center; color: var(--coach-muted); display: flex; font-size: 8px; justify-content: space-between; }
.student-bar > span strong[b-ib3pypag4j] { color: var(--coach-ink); font-size: 9px; }
.student-bar-track[b-ib3pypag4j] { height: 6px; }
.student-bar.unavailable .student-bar-track[b-ib3pypag4j] { background: repeating-linear-gradient(135deg,rgba(153,154,204,.09),rgba(153,154,204,.09) 4px,transparent 4px,transparent 8px); }
.student-bar:nth-of-type(3) i[b-ib3pypag4j] { background: var(--coach-lime); }.student-bar:nth-of-type(4) i[b-ib3pypag4j] { background: #62b5ff; }.student-bar:nth-of-type(5) i[b-ib3pypag4j] { background: #5ce1ad; }

.coach-empty[b-ib3pypag4j] { align-items: center; color: var(--coach-muted); display: flex; flex-direction: column; gap: 5px; justify-content: center; min-height: 180px; padding: 28px; text-align: center; }
.coach-empty.compact[b-ib3pypag4j] { min-height: 130px; }
.coach-empty strong[b-ib3pypag4j] { color: var(--coach-ink); font-size: 11px; }
.coach-empty span[b-ib3pypag4j] { font-size: 9px; }
.coach-loader[b-ib3pypag4j],
.coach-fatal-state[b-ib3pypag4j] { align-items: center; display: flex; flex-direction: column; gap: 6px; justify-content: center; min-height: 62vh; text-align: center; }
.coach-loader > span[b-ib3pypag4j] { border-width: 3px; height: 36px; margin-bottom: 7px; width: 36px; }
.coach-loader small[b-ib3pypag4j],
.coach-fatal-state p[b-ib3pypag4j] { color: var(--coach-muted); font-size: 9px; margin: 0; }
.coach-fatal-state > span[b-ib3pypag4j] { align-items: center; background: rgba(240,85,106,.12); border: 1px solid rgba(240,85,106,.28); border-radius: 50%; color: #ff8797; display: flex; font-weight: 950; height: 40px; justify-content: center; width: 40px; }
.coach-fatal-state > div[b-ib3pypag4j] { display: flex; gap: 8px; margin-top: 9px; }
.coach-fatal-state a[b-ib3pypag4j] { align-items: center; display: inline-flex; text-decoration: none; }

.coach-modal-backdrop[b-ib3pypag4j] { align-items: center; background: rgba(4,4,15,.86); backdrop-filter: blur(8px); display: flex; inset: 0; justify-content: center; overflow-y: auto; padding: 20px; position: fixed; z-index: 130; }
.coach-modal[b-ib3pypag4j] { background: var(--coach-panel); border: 1px solid rgba(167,168,230,.22); border-radius: 15px; box-shadow: 0 35px 100px rgba(0,0,0,.55); max-height: calc(100vh - 40px); max-width: 780px; overflow-y: auto; width: 100%; }
.coach-modal > header[b-ib3pypag4j] { align-items: start; border-bottom: 1px solid var(--coach-line); display: flex; justify-content: space-between; padding: 18px 20px; }
.coach-modal > header > div[b-ib3pypag4j] { display: grid; gap: 4px; }
.coach-modal > header span[b-ib3pypag4j] { color: var(--coach-lime); font-size: 8px; font-weight: 950; letter-spacing: .13em; text-transform: uppercase; }
.coach-modal h2[b-ib3pypag4j] { font-size: 19px; letter-spacing: -.03em; margin: 0; }
.coach-modal header p[b-ib3pypag4j] { color: var(--coach-muted); font-size: 9px; line-height: 1.45; margin: 0; }
.coach-modal > header > button[b-ib3pypag4j] { background: transparent; border: 0; color: var(--coach-muted); font-size: 20px; min-height: 28px; padding: 0; width: 28px; }
.assign-search[b-ib3pypag4j] { max-width: none; padding: 14px 18px 0; }
.assignment-error[b-ib3pypag4j] { background: rgba(240,85,106,.1); border: 1px solid rgba(240,85,106,.22); border-radius: 8px; color: #ff8999; font-size: 9px; margin: 12px 18px 0; padding: 9px 11px; }
.assign-selection-toolbar[b-ib3pypag4j] { align-items: center; display: flex; justify-content: space-between; padding: 13px 18px 8px; }
.assign-selection-toolbar label[b-ib3pypag4j] { align-items: center; color: var(--coach-muted); display: flex; font-size: 9px; gap: 7px; }
.assign-selection-toolbar strong[b-ib3pypag4j] { color: #aaaaff; font-size: 9px; }
.assign-selection-toolbar input[b-ib3pypag4j],
.assignable-row input[b-ib3pypag4j] { accent-color: var(--coach-brand); height: 17px; margin: 0; min-height: 17px; padding: 0; width: 17px; }
.assignment-selection-summary[b-ib3pypag4j] { background: rgba(92,88,222,.06); border-bottom: 1px solid var(--coach-line); border-top: 1px solid var(--coach-line); padding: 10px 18px; }
.assignment-selection-summary > header[b-ib3pypag4j] { align-items: baseline; display: flex; gap: 8px; justify-content: space-between; }
.assignment-selection-summary > header strong[b-ib3pypag4j] { font-size: 9px; }
.assignment-selection-summary > header span[b-ib3pypag4j] { color: var(--coach-muted); font-size: 8px; }
.assignment-selection-summary ul[b-ib3pypag4j] { display: grid; gap: 5px; list-style: none; margin: 9px 0 0; max-height: 132px; overflow-y: auto; padding: 0 4px 0 0; }
.assignment-selection-summary li[b-ib3pypag4j] { align-items: center; background: rgba(255,255,255,.025); border: 1px solid rgba(167,168,230,.12); border-radius: 7px; display: flex; gap: 8px; justify-content: space-between; padding: 7px 8px; }
.assignment-selection-summary li > span[b-ib3pypag4j] { display: grid; gap: 2px; min-width: 0; }
.assignment-selection-summary li strong[b-ib3pypag4j],
.assignment-selection-summary li small[b-ib3pypag4j] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.assignment-selection-summary li strong[b-ib3pypag4j] { font-size: 9px; }
.assignment-selection-summary li small[b-ib3pypag4j] { color: var(--coach-muted); font-size: 8px; }
.assignment-selection-summary li button[b-ib3pypag4j] { min-height: 28px; padding: 5px 8px; }
.assignable-list[b-ib3pypag4j] { border-bottom: 1px solid var(--coach-line); border-top: 1px solid var(--coach-line); display: grid; max-height: 320px; overflow-y: auto; }
.assignable-row[b-ib3pypag4j] { align-items: center; border-bottom: 1px solid var(--coach-line); cursor: pointer; display: grid; gap: 10px; grid-template-columns: auto minmax(0,1fr) minmax(120px,.35fr); min-height: 58px; padding: 9px 18px; }
.assignable-row:last-child[b-ib3pypag4j] { border-bottom: 0; }
.assignable-row:hover[b-ib3pypag4j] { background: rgba(255,255,255,.02); }
.assignable-row > span[b-ib3pypag4j] { display: grid; gap: 3px; min-width: 0; }
.assignable-row strong[b-ib3pypag4j] { font-size: 9px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.assignable-row small[b-ib3pypag4j] { color: var(--coach-muted); font-size: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.coach-pagination--dialog[b-ib3pypag4j] { padding-left: 18px; padding-right: 18px; }
.assignment-reason[b-ib3pypag4j] { color: var(--coach-muted); display: grid; font-size: 9px; font-weight: 850; gap: 6px; padding: 14px 18px; }
.assignment-reason small[b-ib3pypag4j] { font-size: 8px; font-weight: 500; }
.coach-modal > footer[b-ib3pypag4j] { align-items: center; border-top: 1px solid var(--coach-line); color: var(--coach-muted); display: flex; font-size: 8px; justify-content: space-between; padding: 13px 18px; }
.coach-modal > footer > div[b-ib3pypag4j] { display: flex; gap: 7px; }
.coach-focus-sentinel[b-ib3pypag4j] { height: 1px; opacity: 0; overflow: hidden; pointer-events: none; position: fixed; width: 1px; }

.visually-hidden[b-ib3pypag4j] { clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; }

@keyframes coach-spin-b-ib3pypag4j { to { transform: rotate(360deg); } }

@media (max-width: 1250px) {
    .coach-kpis[b-ib3pypag4j] { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .coach-analytics-grid[b-ib3pypag4j] { grid-template-columns: minmax(0,1.35fr) minmax(270px,.65fr); }
}

@media (max-width: 900px) {
    .coach-hero[b-ib3pypag4j] { align-items: flex-start; flex-direction: column; }
    .coach-hero-meta[b-ib3pypag4j] { justify-content: flex-start; width: 100%; }
    .coach-analytics-grid[b-ib3pypag4j] { grid-template-columns: 1fr; }
    .coach-members-header[b-ib3pypag4j] { align-items: stretch; flex-direction: column; }
    .coach-search[b-ib3pypag4j] { max-width: none; }
    .student-performance-grid[b-ib3pypag4j] { grid-template-columns: 1fr; }
}

@media (max-width: 620px) {
    .coach-kpis[b-ib3pypag4j] { grid-template-columns: 1fr 1fr; }
    .coach-kpi[b-ib3pypag4j] { min-height: 100px; padding: 13px; }
    .coach-hero[b-ib3pypag4j] { padding: 15px; }
    .coach-hero-meta[b-ib3pypag4j] { align-items: stretch; display: grid; grid-template-columns: 1fr 1fr; }
    .coach-hero-meta button[b-ib3pypag4j] { grid-column: 1/-1; width: 100%; }
    .coach-panel-header[b-ib3pypag4j] { align-items: stretch; flex-direction: column; }
    .coach-panel-header select[b-ib3pypag4j] { width: 100%; }
    .coach-search[b-ib3pypag4j],
    .assign-search[b-ib3pypag4j] { flex-direction: column; }
    .coach-pagination[b-ib3pypag4j] { align-items: stretch; flex-direction: column; gap: 9px; }
    .coach-pagination > div[b-ib3pypag4j] { display: grid; grid-template-columns: 1fr 1fr; }
    .coach-modal-backdrop[b-ib3pypag4j] { align-items: flex-end; padding: 7px; }
    .coach-modal[b-ib3pypag4j] { border-radius: 14px; max-height: calc(100vh - 14px); }
    .coach-modal > footer[b-ib3pypag4j] { align-items: stretch; flex-direction: column; gap: 10px; }
    .coach-modal > footer > div[b-ib3pypag4j] { display: grid; grid-template-columns: 1fr; }
    .assignment-selection-summary > header[b-ib3pypag4j] { align-items: flex-start; flex-direction: column; }
    .assignable-row[b-ib3pypag4j] { grid-template-columns: auto minmax(0,1fr); }
    .assignable-row > span:last-child[b-ib3pypag4j] { grid-column: 2; }
}

@media (prefers-reduced-motion: reduce) {
    .coach-inline-loader span[b-ib3pypag4j],
    .coach-loader > span[b-ib3pypag4j] { animation: none; }
}
/* _content/Qublo.App.Shared/Pages/BackofficeDashboard.razor.rz.scp.css */
.bo-page[b-zdjo0d6r4n],
.bo-modal-backdrop[b-zdjo0d6r4n] {
    --bo-bg: #0d0d22;
    --bo-panel: #151532;
    --bo-panel-2: #1b1b40;
    --bo-line: rgba(167, 168, 230, .16);
    --bo-ink: #f7f7ff;
    --bo-muted: #a7a8c6;
    --bo-brand: #6a65e8;
    --bo-lime: #c6f94b;
    --bo-amber: #fab84a;
    color: var(--bo-ink);
}

.bo-page[b-zdjo0d6r4n] {
    min-height: calc(100vh - 130px);
}

.bo-page-heading[b-zdjo0d6r4n] { align-items: flex-end; display: flex; gap: 20px; justify-content: space-between; margin-bottom: 24px; }
.bo-page-heading > div[b-zdjo0d6r4n] { display: grid; gap: 5px; }
.bo-page-heading > div > span[b-zdjo0d6r4n], .bo-card > header > div > span[b-zdjo0d6r4n], .bo-modal-header > div > span[b-zdjo0d6r4n] { color: var(--bo-lime); font-size: 9px; font-weight: 950; letter-spacing: .13em; text-transform: uppercase; }
.bo-page-heading h1[b-zdjo0d6r4n] { font-size: clamp(25px, 3vw, 36px); font-weight: 950; letter-spacing: -.045em; margin: 0; }
.bo-page-heading p[b-zdjo0d6r4n], .bo-modal-header p[b-zdjo0d6r4n] { color: var(--bo-muted); font-size: 12px; line-height: 1.5; margin: 0; }

.bo-page button[b-zdjo0d6r4n], .bo-modal-backdrop button[b-zdjo0d6r4n] { background: var(--bo-panel-2); border: 1px solid var(--bo-line); color: var(--bo-ink); font-size: 11px; min-height: 38px; }
.bo-page button:hover[b-zdjo0d6r4n], .bo-modal-backdrop button:hover[b-zdjo0d6r4n] { border-color: rgba(141,143,243,.44); }
.bo-page button.bo-primary[b-zdjo0d6r4n], .bo-modal-backdrop button.bo-primary[b-zdjo0d6r4n] { background: var(--bo-brand); border-color: var(--bo-brand); color: #fff; }
.bo-page button.bo-primary:hover[b-zdjo0d6r4n], .bo-modal-backdrop button.bo-primary:hover[b-zdjo0d6r4n] { background: #5752d6; }
.bo-page button.bo-danger[b-zdjo0d6r4n], .bo-modal-backdrop button.bo-danger[b-zdjo0d6r4n] { background: rgba(240,85,106,.14); border-color: rgba(240,85,106,.32); color: #ff8999; }
.bo-page button.bo-secondary[b-zdjo0d6r4n], .bo-modal-backdrop button.bo-secondary[b-zdjo0d6r4n] { background: rgba(106,101,232,.16); border-color: rgba(141,143,243,.26); color: #c7c6ff; width: 100%; }

.bo-card[b-zdjo0d6r4n] { background: var(--bo-panel); border: 1px solid var(--bo-line); border-radius: 14px; box-shadow: 0 18px 45px rgba(0,0,0,.12); min-width: 0; overflow: hidden; }
.bo-card > header[b-zdjo0d6r4n] { align-items: center; border-bottom: 1px solid var(--bo-line); display: flex; justify-content: space-between; min-height: 70px; padding: 17px 19px; }
.bo-card > header > div[b-zdjo0d6r4n] { display: grid; gap: 4px; }
.bo-card h2[b-zdjo0d6r4n], .bo-card h3[b-zdjo0d6r4n] { font-size: 15px; margin: 0; }
.bo-card > header a[b-zdjo0d6r4n] { color: #aaa8ff; font-size: 10px; font-weight: 850; text-decoration: none; }
.bo-full-card[b-zdjo0d6r4n], .bo-wide-card[b-zdjo0d6r4n] { width: 100%; }

.bo-alert[b-zdjo0d6r4n] { align-items: center; border: 1px solid; border-radius: 10px; display: flex; justify-content: space-between; margin-bottom: 18px; padding: 12px 14px; }
.bo-alert > span[b-zdjo0d6r4n] { display: grid; gap: 3px; }
.bo-alert strong[b-zdjo0d6r4n] { font-size: 11px; }
.bo-alert small[b-zdjo0d6r4n] { font-size: 10px; }
.bo-alert.error[b-zdjo0d6r4n] { background: rgba(240,85,106,.1); border-color: rgba(240,85,106,.28); color: #ff94a3; }
.bo-alert.success[b-zdjo0d6r4n] { background: rgba(198,249,75,.08); border-color: rgba(198,249,75,.24); color: var(--bo-lime); }
.bo-alert button[b-zdjo0d6r4n] { background: transparent; color: inherit; }

.bo-panel-loader[b-zdjo0d6r4n] { align-items: center; display: flex; flex-direction: column; gap: 5px; justify-content: center; min-height: 60vh; }
.bo-panel-loader span[b-zdjo0d6r4n] { animation: bo-dashboard-spin-b-zdjo0d6r4n .8s linear infinite; border: 3px solid rgba(255,255,255,.12); border-radius: 50%; border-top-color: var(--bo-lime); height: 36px; margin-bottom: 8px; width: 36px; }
.bo-panel-loader small[b-zdjo0d6r4n] { color: var(--bo-muted); }

.bo-metrics[b-zdjo0d6r4n] { display: grid; gap: 12px; grid-template-columns: repeat(6, minmax(0, 1fr)); margin-bottom: 16px; }
.bo-metric[b-zdjo0d6r4n] { background: var(--bo-panel); border: 1px solid var(--bo-line); border-radius: 13px; display: grid; gap: 5px; min-height: 124px; padding: 17px; position: relative; }
.bo-metric[b-zdjo0d6r4n]::after { background: currentColor; border-radius: 99px; content: ""; height: 4px; left: 17px; opacity: .9; position: absolute; right: 58%; top: 0; }
.bo-metric > span[b-zdjo0d6r4n] { color: var(--bo-muted); font-size: 9px; font-weight: 850; }
.bo-metric strong[b-zdjo0d6r4n] { color: var(--bo-ink); font-size: clamp(21px, 2vw, 30px); font-weight: 950; letter-spacing: -.04em; margin-top: 8px; }
.bo-metric small[b-zdjo0d6r4n] { color: var(--bo-muted); font-size: 9px; }
.bo-metric.purple[b-zdjo0d6r4n] { color: #8d8ff3; }.bo-metric.lime[b-zdjo0d6r4n] { color: var(--bo-lime); }.bo-metric.amber[b-zdjo0d6r4n] { color: var(--bo-amber); }.bo-metric.blue[b-zdjo0d6r4n] { color: #62b5ff; }.bo-metric.red[b-zdjo0d6r4n] { color: #ff657b; }.bo-metric.green[b-zdjo0d6r4n] { color: #5ce1ad; }

.bo-overview-grid[b-zdjo0d6r4n] { display: grid; gap: 16px; grid-template-columns: minmax(0, 1.65fr) minmax(300px, .75fr); }
.bo-table-wrap[b-zdjo0d6r4n] { overflow-x: auto; }
table[b-zdjo0d6r4n] { border-collapse: collapse; width: 100%; }
th[b-zdjo0d6r4n] { color: #7779a2; font-size: 8px; font-weight: 950; letter-spacing: .08em; padding: 12px 16px; text-align: left; text-transform: uppercase; }
td[b-zdjo0d6r4n] { border-top: 1px solid var(--bo-line); color: #d9d9ed; font-size: 10px; padding: 13px 16px; vertical-align: middle; }
td > strong[b-zdjo0d6r4n], td > small[b-zdjo0d6r4n], td > span[b-zdjo0d6r4n] { display: block; }
td > strong[b-zdjo0d6r4n] { color: var(--bo-ink); font-size: 11px; }
td > small[b-zdjo0d6r4n] { color: var(--bo-muted); font-size: 8.5px; margin-top: 3px; }
tbody tr:hover[b-zdjo0d6r4n] { background: rgba(255,255,255,.018); }
.bo-row-action[b-zdjo0d6r4n] { background: transparent !important; min-height: 30px !important; padding: 0 9px; }
.bo-row-action.danger[b-zdjo0d6r4n] { color: #ff8797; }

.bo-status[b-zdjo0d6r4n] { border: 1px solid transparent; border-radius: 999px; display: inline-flex !important; font-size: 8px !important; font-weight: 900; margin-top: 4px; padding: 4px 7px; width: max-content; }
.bo-status.ok[b-zdjo0d6r4n] { background: rgba(92,225,173,.1); border-color: rgba(92,225,173,.2); color: #71e8ba; }
.bo-status.warn[b-zdjo0d6r4n] { background: rgba(250,184,74,.1); border-color: rgba(250,184,74,.2); color: #ffc969; }
.bo-status.danger[b-zdjo0d6r4n] { background: rgba(240,85,106,.1); border-color: rgba(240,85,106,.2); color: #ff8797; }
.bo-status.info[b-zdjo0d6r4n] { background: rgba(98,181,255,.1); border-color: rgba(98,181,255,.2); color: #85c7ff; }
.bo-status.purple[b-zdjo0d6r4n] { background: rgba(141,143,243,.1); border-color: rgba(141,143,243,.2); color: #aaaaff; }
.bo-status.muted[b-zdjo0d6r4n] { background: rgba(167,168,198,.08); border-color: var(--bo-line); color: var(--bo-muted); }

.bo-ticket-list[b-zdjo0d6r4n] { display: grid; }
.bo-ticket-list button[b-zdjo0d6r4n] { background: transparent; border: 0; border-bottom: 1px solid var(--bo-line); border-radius: 0; display: grid; gap: 9px; grid-template-columns: auto minmax(0,1fr) auto; min-height: 65px; padding: 10px 17px; text-align: left; }
.bo-ticket-list button:last-child[b-zdjo0d6r4n] { border-bottom: 0; }
.bo-ticket-list button > span:nth-child(2)[b-zdjo0d6r4n] { display: grid; gap: 3px; }
.bo-ticket-list strong[b-zdjo0d6r4n] { font-size: 10px; }.bo-ticket-list small[b-zdjo0d6r4n], .bo-ticket-list time[b-zdjo0d6r4n] { color: var(--bo-muted); font-size: 8px; }
.bo-priority[b-zdjo0d6r4n] { background: #7779a2; border-radius: 99px; height: 27px; width: 3px; }.bo-priority.urgent[b-zdjo0d6r4n] { background: #ff657b; box-shadow: 0 0 10px rgba(255,101,123,.4); }.bo-priority.high[b-zdjo0d6r4n] { background: var(--bo-amber); }.bo-priority.normal[b-zdjo0d6r4n] { background: #62b5ff; }.bo-priority.low[b-zdjo0d6r4n] { background: #7779a2; }

.bo-toolbar[b-zdjo0d6r4n] { align-items: center; border-bottom: 1px solid var(--bo-line); display: flex; justify-content: space-between; padding: 15px 18px; }
.bo-toolbar form[b-zdjo0d6r4n] { display: flex; gap: 7px; max-width: 520px; width: 100%; }
.bo-toolbar > span[b-zdjo0d6r4n] { color: var(--bo-muted); font-size: 9px; }
.bo-page input[b-zdjo0d6r4n], .bo-page select[b-zdjo0d6r4n], .bo-page textarea[b-zdjo0d6r4n], .bo-modal-backdrop input[b-zdjo0d6r4n], .bo-modal-backdrop select[b-zdjo0d6r4n], .bo-modal-backdrop textarea[b-zdjo0d6r4n] { background: var(--bo-panel-2); border: 1px solid var(--bo-line); border-radius: 9px; color: var(--bo-ink); font-size: 11px; min-height: 42px; padding: 0 12px; }
.bo-page textarea[b-zdjo0d6r4n], .bo-modal-backdrop textarea[b-zdjo0d6r4n] { min-height: 98px; padding: 11px 12px; }
.bo-page input:focus[b-zdjo0d6r4n], .bo-page select:focus[b-zdjo0d6r4n], .bo-page textarea:focus[b-zdjo0d6r4n], .bo-modal-backdrop input:focus[b-zdjo0d6r4n], .bo-modal-backdrop select:focus[b-zdjo0d6r4n], .bo-modal-backdrop textarea:focus[b-zdjo0d6r4n] { border-color: rgba(141,143,243,.66); box-shadow: 0 0 0 3px rgba(106,101,232,.13); }
.bo-page option[b-zdjo0d6r4n], .bo-modal-backdrop option[b-zdjo0d6r4n] { background: #181838; }
.bo-page label[b-zdjo0d6r4n], .bo-modal-backdrop label[b-zdjo0d6r4n] { color: var(--bo-muted); display: grid; font-size: 9px; font-weight: 850; gap: 7px; }

.bo-summary-strip[b-zdjo0d6r4n] { background: var(--bo-panel); border: 1px solid var(--bo-line); border-radius: 13px; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin-bottom: 16px; }
.bo-summary-strip > div[b-zdjo0d6r4n] { border-right: 1px solid var(--bo-line); display: grid; gap: 6px; padding: 17px 19px; }.bo-summary-strip > div:last-child[b-zdjo0d6r4n] { border: 0; }
.bo-summary-strip span[b-zdjo0d6r4n] { color: var(--bo-muted); font-size: 9px; }.bo-summary-strip strong[b-zdjo0d6r4n] { font-size: 18px; }

.bo-empty[b-zdjo0d6r4n] { align-items: center; color: var(--bo-muted); display: flex; flex-direction: column; gap: 5px; justify-content: center; min-height: 250px; padding: 30px; text-align: center; }
.bo-empty.compact[b-zdjo0d6r4n] { min-height: 150px; }.bo-empty strong[b-zdjo0d6r4n] { color: var(--bo-ink); font-size: 12px; }.bo-empty span[b-zdjo0d6r4n] { font-size: 9px; }
.bo-count[b-zdjo0d6r4n] { align-items: center; background: rgba(141,143,243,.11); border-radius: 99px; color: #aaaaff; display: inline-flex; font-size: 9px; font-weight: 900; min-width: 27px; padding: 5px 8px; }

.bo-coupon-grid[b-zdjo0d6r4n] { display: grid; gap: 12px; grid-template-columns: repeat(3,minmax(0,1fr)); padding: 16px; }
.bo-coupon[b-zdjo0d6r4n] { background: var(--bo-panel-2); border: 1px solid var(--bo-line); border-radius: 11px; display: grid; gap: 14px; padding: 16px; }.bo-coupon.inactive[b-zdjo0d6r4n] { opacity: .62; }
.bo-coupon > header[b-zdjo0d6r4n] { align-items: center; display: flex; justify-content: space-between; }.bo-coupon > header strong[b-zdjo0d6r4n] { font-size: 13px; letter-spacing: .06em; }.bo-coupon > header .bo-status[b-zdjo0d6r4n] { margin: 0; }
.bo-coupon dl[b-zdjo0d6r4n], .bo-staff-card dl[b-zdjo0d6r4n] { display: grid; gap: 9px; grid-template-columns: 1fr 1fr; margin: 0; }.bo-coupon dl div[b-zdjo0d6r4n], .bo-staff-card dl div[b-zdjo0d6r4n] { display: grid; gap: 3px; }
.bo-coupon dt[b-zdjo0d6r4n], .bo-staff-card dt[b-zdjo0d6r4n] { color: #7779a2; font-size: 8px; }.bo-coupon dd[b-zdjo0d6r4n], .bo-staff-card dd[b-zdjo0d6r4n] { color: var(--bo-ink); font-size: 10px; margin: 0; }
.bo-coupon-benefit[b-zdjo0d6r4n] { background: rgba(198,249,75,.08); border-radius: 7px; color: var(--bo-lime); font-size: 10px; font-weight: 900; margin: 0; padding: 8px; }
.bo-coupon input[b-zdjo0d6r4n] { font-size: 8px; min-height: 34px; }
.bo-coupon > footer[b-zdjo0d6r4n], .bo-staff-card > footer[b-zdjo0d6r4n] { align-items: center; border-top: 1px solid var(--bo-line); display: flex; justify-content: space-between; padding-top: 12px; }.bo-coupon footer small[b-zdjo0d6r4n] { color: var(--bo-muted); font-size: 8px; }.bo-coupon footer button[b-zdjo0d6r4n] { min-height: 30px; }

.bo-ticket-board[b-zdjo0d6r4n] { align-items: start; display: grid; gap: 14px; grid-template-columns: 190px minmax(0,1fr); }
.bo-ticket-filters[b-zdjo0d6r4n] { background: var(--bo-panel); border: 1px solid var(--bo-line); border-radius: 12px; display: grid; gap: 4px; padding: 13px; position: sticky; top: 102px; }
.bo-ticket-filters > strong[b-zdjo0d6r4n] { font-size: 10px; padding: 7px; }.bo-ticket-filters a[b-zdjo0d6r4n], .bo-ticket-filters > span[b-zdjo0d6r4n] { align-items: center; border-radius: 7px; color: var(--bo-muted); display: flex; font-size: 9px; justify-content: space-between; min-height: 34px; padding: 0 8px; text-decoration: none; }.bo-ticket-filters a.active[b-zdjo0d6r4n] { background: rgba(106,101,232,.15); color: #c2c0ff; }.bo-ticket-filters b[b-zdjo0d6r4n] { color: var(--bo-ink); }
.bo-ticket-queue[b-zdjo0d6r4n] { display: grid; }
.bo-ticket-row[b-zdjo0d6r4n] { background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--bo-line) !important; border-radius: 0 !important; display: grid !important; gap: 13px !important; grid-template-columns: auto minmax(0,1fr) auto; min-height: 82px !important; padding: 13px 17px !important; text-align: left; }.bo-ticket-row:last-child[b-zdjo0d6r4n] { border-bottom: 0 !important; }.bo-ticket-row:hover[b-zdjo0d6r4n] { background: rgba(255,255,255,.025) !important; }
.bo-ticket-main[b-zdjo0d6r4n] { align-items: center; display: grid; gap: 20px; grid-template-columns: minmax(0,1.4fr) minmax(130px,.6fr); }.bo-ticket-main > span[b-zdjo0d6r4n] { display: grid; gap: 4px; }.bo-ticket-main strong[b-zdjo0d6r4n] { font-size: 10px; }.bo-ticket-main small[b-zdjo0d6r4n], .bo-ticket-meta small[b-zdjo0d6r4n] { color: var(--bo-muted); font-size: 8px; }
.bo-ticket-meta[b-zdjo0d6r4n] { align-items: flex-end; display: flex; flex-direction: column; gap: 5px; }.bo-ticket-meta .bo-status[b-zdjo0d6r4n] { margin: 0; }

.bo-role-note[b-zdjo0d6r4n] { align-items: center; background: rgba(198,249,75,.07); border: 1px solid rgba(198,249,75,.18); border-radius: 11px; display: flex; gap: 13px; margin-bottom: 15px; padding: 13px 16px; }.bo-role-note > span[b-zdjo0d6r4n] { align-items: center; background: rgba(198,249,75,.12); border-radius: 50%; color: var(--bo-lime); display: inline-flex; height: 31px; justify-content: center; width: 31px; }.bo-role-note strong[b-zdjo0d6r4n] { font-size: 10px; }.bo-role-note p[b-zdjo0d6r4n] { color: var(--bo-muted); font-size: 9px; margin: 3px 0 0; }
.bo-staff-grid[b-zdjo0d6r4n] { display: grid; gap: 13px; grid-template-columns: repeat(3,minmax(0,1fr)); }
.bo-staff-card[b-zdjo0d6r4n] { background: var(--bo-panel); border: 1px solid var(--bo-line); border-radius: 13px; display: grid; gap: 17px; padding: 17px; }
.bo-staff-card > header[b-zdjo0d6r4n] { align-items: center; display: grid; gap: 10px; grid-template-columns: auto minmax(0,1fr) auto; }.bo-staff-card header > span:nth-child(2)[b-zdjo0d6r4n] { display: grid; gap: 3px; }.bo-staff-card header strong[b-zdjo0d6r4n] { font-size: 11px; }.bo-staff-card header small[b-zdjo0d6r4n] { color: var(--bo-muted); font-size: 8px; }.bo-staff-card .bo-status[b-zdjo0d6r4n] { margin: 0; }
.bo-large-avatar[b-zdjo0d6r4n], .bo-mini-avatar[b-zdjo0d6r4n] { align-items: center; background: linear-gradient(135deg,#6a65e8,#3f3fa7); border-radius: 9px; color: #fff; display: inline-flex; font-size: 10px; font-weight: 950; height: 37px; justify-content: center; width: 37px; }.bo-mini-avatar[b-zdjo0d6r4n] { height: 31px; width: 31px; }
.bo-staff-card footer span[b-zdjo0d6r4n] { color: var(--bo-muted); font-size: 8px; }.bo-staff-card footer button[b-zdjo0d6r4n] { min-height: 30px; }.bo-password-flag[b-zdjo0d6r4n] { background: rgba(250,184,74,.09); border-radius: 7px; color: var(--bo-amber); font-size: 9px; font-weight: 850; margin: 0; padding: 8px; }

.bo-coach-directory[b-zdjo0d6r4n] { margin-bottom: 16px; }
.bo-coach-directory table[b-zdjo0d6r4n] { min-width: 980px; }
.bo-coach-identity[b-zdjo0d6r4n] { align-items: center; display: flex !important; gap: 10px; }
.bo-coach-identity > span:last-child[b-zdjo0d6r4n] { display: grid; gap: 3px; }
.bo-coach-identity strong[b-zdjo0d6r4n] { color: var(--bo-ink); font-size: 11px; }
.bo-coach-identity small[b-zdjo0d6r4n] { color: var(--bo-muted); font-size: 8.5px; }
.bo-coach-rate-cell[b-zdjo0d6r4n] { min-width: 150px; }
.bo-coach-rate[b-zdjo0d6r4n] { background: rgba(167,168,230,.12); border-radius: 99px; display: block !important; height: 5px; margin-top: 7px; overflow: hidden; width: 100%; }
.bo-coach-rate > span[b-zdjo0d6r4n] { background: linear-gradient(90deg, var(--bo-brand), var(--bo-lime)); border-radius: inherit; display: block; height: 100%; min-width: 2px; }
.bo-row-actions[b-zdjo0d6r4n] { align-items: center; display: flex; gap: 6px; justify-content: flex-end; white-space: nowrap; }
.bo-row-link[b-zdjo0d6r4n] { align-items: center; background: var(--bo-brand); border: 1px solid var(--bo-brand); border-radius: 8px; color: #fff; display: inline-flex; font-size: 9px; font-weight: 850; min-height: 30px; padding: 0 10px; text-decoration: none; }
.bo-row-link:hover[b-zdjo0d6r4n] { background: #5752d6; }

.bo-modal-backdrop[b-zdjo0d6r4n] { align-items: center; background: rgba(4,4,15,.83); backdrop-filter: blur(8px); display: flex; inset: 0; justify-content: center; overflow-y: auto; padding: 22px; position: fixed; z-index: 100; }.bo-modal-backdrop.mandatory[b-zdjo0d6r4n] { z-index: 120; }
.bo-credential-backdrop[b-zdjo0d6r4n] { z-index: 110; }
.bo-modal[b-zdjo0d6r4n] { background: #151532; border: 1px solid rgba(167,168,230,.22); border-radius: 15px; box-shadow: 0 35px 100px rgba(0,0,0,.5); color: var(--bo-ink); max-height: calc(100vh - 44px); max-width: 920px; overflow-y: auto; width: 100%; }
.bo-modal-header[b-zdjo0d6r4n] { align-items: start; border-bottom: 1px solid var(--bo-line); display: flex; justify-content: space-between; padding: 20px 22px; }.bo-modal-header > div[b-zdjo0d6r4n] { display: grid; gap: 4px; }.bo-modal-header h2[b-zdjo0d6r4n] { font-size: 21px; letter-spacing: -.035em; margin: 0; }.bo-modal-header > button[b-zdjo0d6r4n] { background: transparent; border: 0; color: var(--bo-muted); font-size: 22px; min-height: 30px; padding: 0; width: 30px; }
.bo-modal-footer[b-zdjo0d6r4n] { align-items: center; border-top: 1px solid var(--bo-line); color: var(--bo-muted); display: flex; font-size: 8.5px; justify-content: space-between; padding: 15px 22px; }.bo-modal-footer > div[b-zdjo0d6r4n] { display: flex; gap: 8px; }.bo-modal-footer > div button.bo-secondary[b-zdjo0d6r4n] { width: auto; }
.bo-form-modal[b-zdjo0d6r4n] { max-width: 780px; }.bo-small-modal[b-zdjo0d6r4n] { display: grid; gap: 15px; max-width: 520px; }.bo-small-modal > label[b-zdjo0d6r4n], .bo-small-modal > .bo-inline-error[b-zdjo0d6r4n] { margin: 0 22px; }.bo-form-grid[b-zdjo0d6r4n] { display: grid; gap: 14px; grid-template-columns: repeat(2,minmax(0,1fr)); padding: 20px 22px; }.bo-form-grid .wide[b-zdjo0d6r4n] { grid-column: 1/-1; }
.bo-money-input[b-zdjo0d6r4n] { display: grid; grid-template-columns: 36px minmax(0,1fr); }.bo-money-input > span[b-zdjo0d6r4n] { align-items: center; background: rgba(106,101,232,.12); border: 1px solid var(--bo-line); border-radius: 9px 0 0 9px; color: #b8b7ff; display: flex; justify-content: center; }.bo-money-input input[b-zdjo0d6r4n] { border-radius: 0 9px 9px 0; }
.bo-check-card[b-zdjo0d6r4n] { align-items: center; background: var(--bo-panel-2); border: 1px solid var(--bo-line); border-radius: 9px; display: flex !important; flex-direction: row; gap: 10px !important; padding: 9px 11px; }.bo-check-card input[b-zdjo0d6r4n], .bo-check input[b-zdjo0d6r4n] { accent-color: var(--bo-brand); min-height: 18px; width: 18px; }.bo-check-card > span[b-zdjo0d6r4n] { display: grid; gap: 2px; }.bo-check-card strong[b-zdjo0d6r4n] { color: var(--bo-ink); font-size: 9px; }.bo-check-card small[b-zdjo0d6r4n] { font-size: 8px; }
.bo-invitation-modal[b-zdjo0d6r4n] { max-width: 900px; }
.bo-invite-mode[b-zdjo0d6r4n], .bo-invite-plans[b-zdjo0d6r4n] { border: 0; margin: 0; min-width: 0; padding: 0; }
.bo-invite-mode > legend[b-zdjo0d6r4n], .bo-invite-plans > legend[b-zdjo0d6r4n] { color: var(--bo-muted); font-size: 9px; font-weight: 850; margin-bottom: 8px; padding: 0; }
.bo-invite-mode-grid[b-zdjo0d6r4n] { display: grid; gap: 10px; grid-template-columns: repeat(2,minmax(0,1fr)); }
.bo-invite-mode-card[b-zdjo0d6r4n] { align-items: flex-start; background: rgba(255,255,255,.018); border: 1px solid var(--bo-line); border-radius: 11px; cursor: pointer; display: flex !important; flex-direction: row; gap: 11px !important; min-height: 74px; padding: 13px; transition: background .16s ease,border-color .16s ease; }
.bo-invite-mode-card:hover[b-zdjo0d6r4n] { border-color: rgba(141,143,243,.44); }
.bo-invite-mode-card.selected[b-zdjo0d6r4n] { background: rgba(106,101,232,.12); border-color: rgba(141,143,243,.66); }
.bo-invite-mode-card input[b-zdjo0d6r4n], .bo-invite-plan-card input[b-zdjo0d6r4n] { accent-color: var(--bo-lime); flex: 0 0 18px; height: 18px; margin: 1px 0 0; min-height: 18px; padding: 0; width: 18px; }
.bo-invite-mode-card > span[b-zdjo0d6r4n] { display: grid; gap: 4px; }
.bo-invite-mode-card strong[b-zdjo0d6r4n] { color: var(--bo-ink); font-size: 10px; }
.bo-invite-mode-card small[b-zdjo0d6r4n] { color: var(--bo-muted); font-size: 8.5px; line-height: 1.45; }
.bo-invite-plans > p[b-zdjo0d6r4n] { color: var(--bo-muted); font-size: 8.5px; margin: -2px 0 10px; }
.bo-invite-plan-grid[b-zdjo0d6r4n] { display: grid; gap: 9px; grid-template-columns: repeat(3,minmax(0,1fr)); }
.bo-invite-plan-card[b-zdjo0d6r4n] { align-items: center; background: var(--bo-panel-2); border: 1px solid var(--bo-line); border-radius: 10px; cursor: pointer; display: grid !important; gap: 10px !important; grid-template-columns: auto minmax(0,1fr) auto; min-height: 64px; padding: 11px; transition: border-color .16s ease,transform .16s ease; }
.bo-invite-plan-card:hover[b-zdjo0d6r4n] { border-color: rgba(141,143,243,.44); transform: translateY(-1px); }
.bo-invite-plan-card.selected[b-zdjo0d6r4n] { border-color: var(--bo-lime); box-shadow: inset 0 0 0 1px rgba(198,249,75,.15); }
.bo-invite-plan-card > span[b-zdjo0d6r4n] { display: grid; gap: 3px; min-width: 0; }
.bo-invite-plan-card strong[b-zdjo0d6r4n] { color: var(--bo-ink); font-size: 9px; }
.bo-invite-plan-card small[b-zdjo0d6r4n] { color: var(--bo-muted); font-size: 8px; }
.bo-invite-plan-card b[b-zdjo0d6r4n] { color: var(--bo-lime); font-size: 8.5px; white-space: nowrap; }
.bo-invite-summary[b-zdjo0d6r4n] { background: rgba(198,249,75,.06); border: 1px solid rgba(198,249,75,.2); border-radius: 10px; display: grid; gap: 4px; padding: 12px 14px; }
.bo-invite-summary > span[b-zdjo0d6r4n] { color: var(--bo-lime); font-size: 8px; font-weight: 950; letter-spacing: .1em; text-transform: uppercase; }
.bo-invite-summary strong[b-zdjo0d6r4n] { color: var(--bo-ink); font-size: 10px; }
.bo-invite-summary small[b-zdjo0d6r4n] { color: var(--bo-muted); font-size: 8.5px; }
.bo-selection-column[b-zdjo0d6r4n] { box-sizing: border-box; min-width: 48px; text-align: center !important; width: 48px; }.bo-selection-column input[b-zdjo0d6r4n] { accent-color: var(--bo-brand); cursor: pointer; height: 17px; margin: 0; min-height: 17px; width: 17px; }
.bo-invitation-actions[b-zdjo0d6r4n] { display: grid; gap: 8px; grid-template-columns: repeat(auto-fit,minmax(100px,1fr)); }.bo-invitation-actions button[b-zdjo0d6r4n] { width: 100%; }
.bo-pagination[b-zdjo0d6r4n] { align-items: center; border-top: 1px solid var(--bo-line); display: flex; justify-content: space-between; padding: 13px 16px; }.bo-pagination > span[b-zdjo0d6r4n] { color: var(--bo-muted); font-size: 9px; font-weight: 800; }.bo-pagination > div[b-zdjo0d6r4n] { display: flex; gap: 8px; }.bo-pagination button[b-zdjo0d6r4n] { min-height: 32px; }
.bo-field-help[b-zdjo0d6r4n] { color: var(--bo-muted); display: block; font-size: 8px; line-height: 1.45; }
.bo-inline-error[b-zdjo0d6r4n] { background: rgba(240,85,106,.1); border: 1px solid rgba(240,85,106,.22); border-radius: 8px; color: #ff8999; font-size: 9px; padding: 10px; }
.bo-credential-warning[b-zdjo0d6r4n] { background: rgba(250,184,74,.08); border: 1px solid rgba(250,184,74,.2); border-radius: 9px; display: grid; gap: 3px; margin: 0 22px; padding: 11px 13px; }
.bo-credential-warning strong[b-zdjo0d6r4n] { color: var(--bo-amber); font-size: 9px; }
.bo-credential-warning span[b-zdjo0d6r4n] { color: var(--bo-muted); font-size: 8px; }

.bo-account-modal[b-zdjo0d6r4n] { max-width: 950px; }.bo-account-hero[b-zdjo0d6r4n] { background: linear-gradient(90deg,rgba(106,101,232,.12),transparent); border-bottom: 1px solid var(--bo-line); display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); padding: 18px 22px; }.bo-account-hero > div[b-zdjo0d6r4n] { border-right: 1px solid var(--bo-line); display: grid; gap: 5px; padding: 0 18px; }.bo-account-hero > div:first-child[b-zdjo0d6r4n] { padding-left: 0; }.bo-account-hero > div:last-child[b-zdjo0d6r4n] { border: 0; }.bo-account-hero small[b-zdjo0d6r4n], .bo-account-hero span:not(.bo-status)[b-zdjo0d6r4n] { color: var(--bo-muted); font-size: 8px; }.bo-account-hero strong[b-zdjo0d6r4n] { font-size: 14px; }.bo-detail-grid[b-zdjo0d6r4n] { display: grid; gap: 14px; grid-template-columns: repeat(2,minmax(0,1fr)); padding: 17px; }.bo-stack-list[b-zdjo0d6r4n] { display: grid; }.bo-stack-list > div[b-zdjo0d6r4n] { align-items: center; border-bottom: 1px solid var(--bo-line); display: grid; gap: 9px; grid-template-columns: auto minmax(0,1fr) auto; min-height: 55px; padding: 9px 15px; }.bo-stack-list > div:last-child[b-zdjo0d6r4n] { border: 0; }.bo-stack-list > div > span:nth-child(2)[b-zdjo0d6r4n] { display: grid; gap: 3px; }.bo-stack-list strong[b-zdjo0d6r4n] { font-size: 9px; }.bo-stack-list small[b-zdjo0d6r4n], .bo-stack-list time[b-zdjo0d6r4n] { color: var(--bo-muted); font-size: 8px; }.bo-money-icon[b-zdjo0d6r4n] { align-items: center; background: rgba(198,249,75,.08); border-radius: 8px; color: var(--bo-lime); display: inline-flex; height: 31px; justify-content: center; width: 31px; }
.bo-account-history-shell[b-zdjo0d6r4n] { min-width: 0; padding: 0 17px 17px; }
.bo-user-access[b-zdjo0d6r4n] { align-items: flex-end; display: flex; flex-direction: column; gap: 5px; }
.bo-user-access button[b-zdjo0d6r4n] { min-height: 26px !important; padding: 0 7px; }
.bo-customer-user-actions[b-zdjo0d6r4n] { display: flex; gap: 5px; }
.bo-customer-access-flag[b-zdjo0d6r4n] { font-weight: 800; }
.bo-customer-access-flag.danger[b-zdjo0d6r4n] { color: #f06a7d; }
.bo-customer-access-flag.warning[b-zdjo0d6r4n] { color: var(--bo-amber); }

.bo-ticket-modal[b-zdjo0d6r4n] { max-width: 1050px; }.bo-ticket-workspace[b-zdjo0d6r4n] { display: grid; grid-template-columns: minmax(0,1fr) 230px; min-height: 380px; }.bo-thread[b-zdjo0d6r4n] { display: flex; flex-direction: column; gap: 12px; max-height: 470px; overflow-y: auto; padding: 18px; }.bo-message[b-zdjo0d6r4n] { align-self: flex-start; background: var(--bo-panel-2); border: 1px solid var(--bo-line); border-radius: 10px; max-width: 84%; padding: 12px 14px; }.bo-message.staff[b-zdjo0d6r4n] { align-self: flex-end; background: rgba(106,101,232,.12); border-color: rgba(141,143,243,.22); }.bo-message.internal[b-zdjo0d6r4n] { align-self: stretch; background: rgba(250,184,74,.08); border-color: rgba(250,184,74,.18); max-width: none; }.bo-message header[b-zdjo0d6r4n] { display: flex; gap: 9px; justify-content: space-between; }.bo-message strong[b-zdjo0d6r4n] { font-size: 9px; }.bo-message header span[b-zdjo0d6r4n] { color: var(--bo-muted); font-size: 7.5px; }.bo-message p[b-zdjo0d6r4n] { color: #d8d8ed; font-size: 10px; line-height: 1.6; margin: 8px 0 0; white-space: pre-wrap; }.bo-ticket-properties[b-zdjo0d6r4n] { background: rgba(255,255,255,.018); border-left: 1px solid var(--bo-line); display: flex; flex-direction: column; gap: 13px; padding: 17px; }.bo-reply[b-zdjo0d6r4n] { border-top: 1px solid var(--bo-line); display: grid; gap: 10px; padding: 15px 18px; }.bo-reply textarea[b-zdjo0d6r4n] { min-height: 90px; }.bo-reply footer[b-zdjo0d6r4n] { align-items: center; display: flex; justify-content: space-between; }.bo-check[b-zdjo0d6r4n] { align-items: center; display: flex !important; flex-direction: row; gap: 8px !important; }

.bo-payment-file-picker[b-zdjo0d6r4n] { background: rgba(106,101,232,.07); border: 1px dashed rgba(167,168,230,.35); border-radius: 10px; padding: 13px; }
.bo-payment-file-picker input[type="file"][b-zdjo0d6r4n] { color: var(--bo-muted); font-size: 9px; min-height: auto; padding: 8px; }
.bo-payment-file-picker strong[b-zdjo0d6r4n] { color: var(--bo-ink); font-size: 9px; }
.bo-file-error[b-zdjo0d6r4n] { color: #ff8999 !important; font-weight: 800; }
.bo-payment-document-actions[b-zdjo0d6r4n] { align-items: flex-end; display: flex; flex-direction: column; gap: 4px; }
.bo-payment-document-actions button[b-zdjo0d6r4n] { font-size: 7px; min-height: 24px !important; max-width: 180px; overflow: hidden; padding: 0 7px; text-overflow: ellipsis; white-space: nowrap; }

@keyframes bo-dashboard-spin-b-zdjo0d6r4n { to { transform: rotate(360deg); } }

@media(max-width:1280px){.bo-metrics[b-zdjo0d6r4n]{grid-template-columns:repeat(3,minmax(0,1fr))}.bo-coupon-grid[b-zdjo0d6r4n],.bo-staff-grid[b-zdjo0d6r4n]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.bo-overview-grid[b-zdjo0d6r4n],.bo-ticket-board[b-zdjo0d6r4n]{grid-template-columns:1fr}.bo-ticket-filters[b-zdjo0d6r4n]{display:none}.bo-detail-grid[b-zdjo0d6r4n],.bo-ticket-workspace[b-zdjo0d6r4n]{grid-template-columns:1fr}.bo-ticket-properties[b-zdjo0d6r4n]{border-left:0;border-top:1px solid var(--bo-line)}.bo-ticket-main[b-zdjo0d6r4n]{grid-template-columns:1fr}.bo-coupon-grid[b-zdjo0d6r4n],.bo-staff-grid[b-zdjo0d6r4n]{grid-template-columns:1fr}.bo-page-heading[b-zdjo0d6r4n]{align-items:flex-start;flex-direction:column}.bo-summary-strip[b-zdjo0d6r4n]{grid-template-columns:repeat(2,1fr)}.bo-summary-strip>div:nth-child(2)[b-zdjo0d6r4n]{border-right:0}.bo-account-hero[b-zdjo0d6r4n]{grid-template-columns:1fr}.bo-account-hero>div[b-zdjo0d6r4n]{border-bottom:1px solid var(--bo-line);border-right:0;padding:12px 0}.bo-modal-footer[b-zdjo0d6r4n]{align-items:flex-start;flex-direction:column;gap:10px}.bo-form-grid[b-zdjo0d6r4n]{grid-template-columns:1fr}.bo-form-grid .wide[b-zdjo0d6r4n]{grid-column:auto}.bo-invite-plan-grid[b-zdjo0d6r4n]{grid-template-columns:1fr}.bo-invite-mode-grid[b-zdjo0d6r4n]{grid-template-columns:1fr}}
@media(max-width:620px){.bo-metrics[b-zdjo0d6r4n]{grid-template-columns:repeat(2,minmax(0,1fr))}.bo-modal-backdrop[b-zdjo0d6r4n]{align-items:flex-end;padding:8px}.bo-modal[b-zdjo0d6r4n]{border-radius:14px;max-height:calc(100vh - 16px)}.bo-account-history-shell[b-zdjo0d6r4n]{padding:0 10px 10px}.bo-ticket-row[b-zdjo0d6r4n]{grid-template-columns:auto minmax(0,1fr)}.bo-ticket-meta[b-zdjo0d6r4n]{align-items:flex-start;grid-column:2}.bo-toolbar[b-zdjo0d6r4n]{align-items:stretch;flex-direction:column;gap:10px}.bo-toolbar form[b-zdjo0d6r4n]{flex-direction:column}.bo-summary-strip[b-zdjo0d6r4n]{grid-template-columns:1fr}.bo-summary-strip>div[b-zdjo0d6r4n]{border-bottom:1px solid var(--bo-line);border-right:0}.bo-reply footer[b-zdjo0d6r4n]{align-items:stretch;flex-direction:column;gap:10px}}
/* _content/Qublo.App.Shared/Pages/BackofficeLogin.razor.rz.scp.css */
.bo-login-page[b-pep6yyfmvh] {
    background:
        radial-gradient(circle at 20% 20%, rgba(106,101,232,.44), transparent 33rem),
        radial-gradient(circle at 82% 88%, rgba(198,249,75,.09), transparent 25rem),
        #0d0d22;
    color: #f8f8ff;
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(430px, .65fr);
    min-height: 100vh;
}

.bo-login-visual[b-pep6yyfmvh] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    padding: 34px clamp(38px, 6vw, 92px);
}

.bo-login-brand[b-pep6yyfmvh] { align-items: center; color: #fff; display: flex; gap: 11px; text-decoration: none; width: max-content; }
.bo-login-brand img[b-pep6yyfmvh] { height: 38px; width: 38px; }
.bo-login-brand span[b-pep6yyfmvh] { display: grid; }
.bo-login-brand strong[b-pep6yyfmvh] { font-size: 21px; font-weight: 950; line-height: 1; }
.bo-login-brand small[b-pep6yyfmvh] { color: #a7a8c6; font-size: 9px; font-weight: 900; letter-spacing: .14em; margin-top: 3px; text-transform: uppercase; }

.bo-login-copy[b-pep6yyfmvh] { margin: auto 0; max-width: 770px; padding: 62px 0; }
.bo-login-kicker[b-pep6yyfmvh] { color: #c6f94b; font-size: 11px; font-weight: 950; letter-spacing: .1em; }
.bo-login-copy h1[b-pep6yyfmvh] { font-size: clamp(42px, 5.5vw, 78px); font-weight: 950; letter-spacing: -.055em; line-height: .98; margin: 20px 0 22px; }
.bo-login-copy > p[b-pep6yyfmvh] { color: #b0b1cc; font-size: clamp(16px, 1.4vw, 19px); line-height: 1.65; margin: 0; max-width: 670px; }

.bo-proof-grid[b-pep6yyfmvh] { display: grid; gap: 10px; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 36px; }
.bo-proof-grid article[b-pep6yyfmvh] { background: rgba(255,255,255,.045); border: 1px solid rgba(167,168,230,.15); border-radius: 12px; display: grid; gap: 6px; padding: 16px; }
.bo-proof-grid strong[b-pep6yyfmvh] { font-size: 12px; }
.bo-proof-grid span[b-pep6yyfmvh] { color: #8f90b1; font-size: 10px; line-height: 1.5; }
.bo-login-foot[b-pep6yyfmvh] { color: #70718f; font-size: 10px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }

.bo-login-panel[b-pep6yyfmvh] { align-items: center; background: #f6f7fb; color: #11122a; display: flex; justify-content: center; padding: 34px; }
.bo-login-card[b-pep6yyfmvh] { display: grid; gap: 18px; max-width: 430px; width: 100%; }
.bo-login-card header > span[b-pep6yyfmvh] { color: #5b5bd6; font-size: 10px; font-weight: 950; letter-spacing: .14em; text-transform: uppercase; }
.bo-login-card h2[b-pep6yyfmvh] { color: #0e0e24; font-size: 38px; font-weight: 950; letter-spacing: -.045em; margin: 8px 0 7px; }
.bo-login-card header p[b-pep6yyfmvh] { color: #647087; line-height: 1.5; margin: 0; }
.bo-login-card label[b-pep6yyfmvh] { color: #25263f; display: grid; font-size: 12px; font-weight: 900; gap: 7px; }
.bo-login-card input[b-pep6yyfmvh] { background: #fff; border: 1px solid #d6daea; border-radius: 10px; color: #121326; min-height: 52px; padding: 0 14px; }
.bo-login-card input:focus[b-pep6yyfmvh] { border-color: #6a65e8; box-shadow: 0 0 0 3px rgba(106,101,232,.13); }
.bo-login-submit[b-pep6yyfmvh] { background: #5b5bd6; border: 0; border-radius: 10px; box-shadow: 0 16px 32px rgba(91,91,214,.22); color: #fff; display: flex; font-weight: 950; justify-content: space-between; min-height: 54px; padding: 0 18px; }
.bo-login-submit:hover[b-pep6yyfmvh] { background: #4848c5; }
.bo-login-error[b-pep6yyfmvh] { background: #fff0f1; border: 1px solid #ffcbd0; border-radius: 9px; color: #a72232; font-size: 12px; font-weight: 800; padding: 12px 14px; }
.bo-login-security[b-pep6yyfmvh] { align-items: center; border-top: 1px solid #dfe2ed; color: #5b5bd6; display: flex; gap: 10px; margin-top: 5px; padding-top: 18px; }
.bo-login-security > span[b-pep6yyfmvh] { align-items: center; background: #ececff; border-radius: 50%; display: inline-flex; flex: none; height: 31px; justify-content: center; width: 31px; }
.bo-login-security p[b-pep6yyfmvh] { display: grid; gap: 2px; margin: 0; }
.bo-login-security strong[b-pep6yyfmvh] { color: #24253f; font-size: 11px; }
.bo-login-security small[b-pep6yyfmvh] { color: #737d91; font-size: 9px; }
.bo-login-spinner[b-pep6yyfmvh] { animation: bo-login-spin-b-pep6yyfmvh .8s linear infinite; border: 2px solid rgba(255,255,255,.3); border-radius: 50%; border-top-color: #fff; height: 18px; width: 18px; }

@keyframes bo-login-spin-b-pep6yyfmvh { to { transform: rotate(360deg); } }

@media (max-width: 980px) {
    .bo-login-page[b-pep6yyfmvh] { grid-template-columns: 1fr; }
    .bo-login-visual[b-pep6yyfmvh] { min-height: auto; padding: 26px 24px 44px; }
    .bo-login-copy[b-pep6yyfmvh] { padding: 64px 0 20px; }
    .bo-proof-grid[b-pep6yyfmvh] { grid-template-columns: 1fr; }
    .bo-login-foot[b-pep6yyfmvh] { display: none; }
    .bo-login-panel[b-pep6yyfmvh] { padding: 52px 24px; }
}
/* _content/Qublo.App.Shared/Pages/Catalog.razor.rz.scp.css */
.catalog-page[b-hw4y8rpfyl] {
    display: grid;
    gap: 1rem;
}

.catalog-hero[b-hw4y8rpfyl],
.hero-actions[b-hw4y8rpfyl],
.market-control[b-hw4y8rpfyl],
.market-state[b-hw4y8rpfyl],
.panel-heading[b-hw4y8rpfyl],
.button-row[b-hw4y8rpfyl],
.inline-field[b-hw4y8rpfyl],
.editor-actions[b-hw4y8rpfyl] {
    align-items: center;
    display: flex;
    gap: 0.75rem;
}

.catalog-hero[b-hw4y8rpfyl],
.market-control[b-hw4y8rpfyl],
.panel-heading[b-hw4y8rpfyl] {
    justify-content: space-between;
}

.catalog-hero h1[b-hw4y8rpfyl] {
    font-size: 2.55rem;
    font-weight: 900;
    line-height: 1.05;
    margin: 0.35rem 0 0.45rem;
    max-width: 780px;
}

.catalog-hero p[b-hw4y8rpfyl] {
    color: var(--q-muted);
    line-height: 1.55;
    margin: 0;
    max-width: 850px;
}

.hero-actions[b-hw4y8rpfyl],
.market-state[b-hw4y8rpfyl],
.button-row[b-hw4y8rpfyl],
.editor-actions[b-hw4y8rpfyl] {
    flex-wrap: wrap;
    justify-content: flex-end;
}

.market-control[b-hw4y8rpfyl],
.readiness-banner[b-hw4y8rpfyl],
.catalog-flow article[b-hw4y8rpfyl],
.panel[b-hw4y8rpfyl],
.empty-panel[b-hw4y8rpfyl] {
    background: #ffffff;
    border: 1px solid var(--q-line);
    border-radius: 8px;
    box-shadow: var(--q-shadow-sm);
}

.market-control[b-hw4y8rpfyl] {
    padding: 0.9rem 1rem;
}

.market-control label[b-hw4y8rpfyl] {
    max-width: 420px;
    width: min(420px, 100%);
}

.readiness-banner[b-hw4y8rpfyl] {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 1rem;
}

.readiness-banner h2[b-hw4y8rpfyl],
.empty-panel h2[b-hw4y8rpfyl],
.panel h2[b-hw4y8rpfyl] {
    margin: 0;
}

.readiness-banner h2[b-hw4y8rpfyl] {
    font-size: 1.25rem;
    margin-top: 0.2rem;
}

.readiness-banner p[b-hw4y8rpfyl],
.empty-panel p[b-hw4y8rpfyl] {
    color: var(--q-muted);
    line-height: 1.45;
    margin: 0.35rem 0 0;
}

.catalog-flow[b-hw4y8rpfyl] {
    display: grid;
    gap: 0.85rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.catalog-flow article[b-hw4y8rpfyl] {
    align-items: center;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: auto minmax(0, 1fr);
    padding: 0.9rem;
}

.catalog-flow article > span[b-hw4y8rpfyl] {
    align-items: center;
    background: var(--q-surface-2);
    border: 1px solid var(--q-line);
    border-radius: 999px;
    color: var(--q-muted);
    display: inline-flex;
    font-weight: 900;
    height: 2rem;
    justify-content: center;
    width: 2rem;
}

.catalog-flow article.active[b-hw4y8rpfyl] {
    border-color: var(--q-brand);
    box-shadow: 0 0 0 1px var(--q-brand);
}

.catalog-flow article.active > span[b-hw4y8rpfyl] {
    background: var(--q-brand-soft);
    border-color: transparent;
    color: var(--q-brand-dark);
}

.catalog-flow article.complete > span[b-hw4y8rpfyl] {
    background: var(--q-ok-soft);
    border-color: transparent;
    color: var(--q-ok);
}

.catalog-flow article.pending[b-hw4y8rpfyl] {
    color: var(--q-muted);
}

.metric-grid span[b-hw4y8rpfyl],
.listing-summary span[b-hw4y8rpfyl] {
    color: var(--q-muted);
    display: block;
    font-size: 0.74rem;
    font-weight: 900;
    text-transform: uppercase;
}

.catalog-flow strong[b-hw4y8rpfyl],
.catalog-flow small[b-hw4y8rpfyl],
.metric-grid strong[b-hw4y8rpfyl],
.listing-summary strong[b-hw4y8rpfyl] {
    display: block;
}

.catalog-flow small[b-hw4y8rpfyl] {
    color: var(--q-muted);
    line-height: 1.4;
    margin-top: 0.2rem;
}

.workspace-grid[b-hw4y8rpfyl] {
    display: grid;
    gap: 1rem;
    grid-template-columns: 360px minmax(320px, 0.8fr) minmax(420px, 1.15fr);
}

.left-rail[b-hw4y8rpfyl],
.draft-list[b-hw4y8rpfyl],
.product-list[b-hw4y8rpfyl],
.inventory-list[b-hw4y8rpfyl],
.listing-form[b-hw4y8rpfyl] {
    display: grid;
    gap: 0.85rem;
}

.panel[b-hw4y8rpfyl] {
    min-width: 0;
    padding: 1rem;
}

.panel h2[b-hw4y8rpfyl] {
    font-size: 1.18rem;
    margin-top: 0.15rem;
}

.import-panel[b-hw4y8rpfyl],
.metrics-panel[b-hw4y8rpfyl],
.drafts-panel[b-hw4y8rpfyl],
.editor-panel[b-hw4y8rpfyl] {
    align-self: start;
}

.result-box[b-hw4y8rpfyl],
.listing-summary article[b-hw4y8rpfyl],
.draft-row[b-hw4y8rpfyl],
.monitor-variation-list article[b-hw4y8rpfyl],
.product-list article[b-hw4y8rpfyl],
.inventory-list article[b-hw4y8rpfyl] {
    background: var(--q-surface-2);
    border: 1px solid var(--q-line);
    border-radius: 8px;
}

.result-box[b-hw4y8rpfyl] {
    padding: 0.85rem;
}

.product-result[b-hw4y8rpfyl] {
    align-items: start;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: 4.75rem minmax(0, 1fr);
}

.result-thumbnail[b-hw4y8rpfyl],
.draft-thumbnail[b-hw4y8rpfyl],
.image-gallery img[b-hw4y8rpfyl] {
    background: #ffffff;
    border: 1px solid var(--q-line);
    object-fit: contain;
}

.result-thumbnail[b-hw4y8rpfyl] {
    aspect-ratio: 1;
    border-radius: 8px;
    width: 4.75rem;
}

.result-box strong[b-hw4y8rpfyl],
.result-box small[b-hw4y8rpfyl],
.monitor-variation-list strong[b-hw4y8rpfyl],
.monitor-variation-list small[b-hw4y8rpfyl] {
    display: block;
}

.result-box .source-live[b-hw4y8rpfyl] {
    color: var(--q-ok);
    font-weight: 800;
}

.result-box .source-fallback[b-hw4y8rpfyl] {
    color: var(--q-warn);
    font-weight: 800;
}

.result-box small[b-hw4y8rpfyl],
.monitor-variation-list small[b-hw4y8rpfyl],
.listing-form small[b-hw4y8rpfyl],
.product-list small[b-hw4y8rpfyl],
.inventory-list small[b-hw4y8rpfyl] {
    color: var(--q-muted);
    line-height: 1.45;
    margin-top: 0.2rem;
}

.monitor-variation-list[b-hw4y8rpfyl] {
    display: grid;
    gap: 0.55rem;
    margin-top: 0.75rem;
}

.monitor-variation-list article[b-hw4y8rpfyl] {
    align-items: center;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
    padding: 0.7rem;
}

.pricing-settings-panel[b-hw4y8rpfyl] {
    display: grid;
    gap: 1rem;
}

.pricing-settings-panel .panel-heading[b-hw4y8rpfyl] {
    align-items: start;
}

.pricing-settings-panel .panel-heading p[b-hw4y8rpfyl] {
    color: var(--q-muted);
    line-height: 1.45;
    margin: 0.25rem 0 0;
    max-width: 760px;
}

.pricing-settings-grid[b-hw4y8rpfyl] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.pricing-settings-grid label[b-hw4y8rpfyl],
.pricing-bands label[b-hw4y8rpfyl] {
    min-width: 0;
}

.pricing-settings-grid small[b-hw4y8rpfyl],
.pricing-bands small[b-hw4y8rpfyl] {
    color: var(--q-muted);
    display: block;
    font-weight: 700;
    line-height: 1.35;
    margin-top: 0.25rem;
}

.switch-field[b-hw4y8rpfyl] {
    align-content: start;
    background: var(--q-surface-2);
    border: 1px solid var(--q-line);
    border-radius: 8px;
    display: grid;
    gap: 0.25rem;
    grid-template-columns: auto minmax(0, 1fr);
    padding: 0.75rem;
}

.switch-field input[b-hw4y8rpfyl] {
    margin-top: 0.15rem;
}

.switch-field small[b-hw4y8rpfyl] {
    grid-column: 2;
    margin: 0;
}

.pricing-bands[b-hw4y8rpfyl] {
    border-top: 1px solid var(--q-line);
    display: grid;
    gap: 0.75rem;
    padding-top: 1rem;
}

.pricing-band-list[b-hw4y8rpfyl] {
    display: grid;
    gap: 0.6rem;
}

.pricing-band-row[b-hw4y8rpfyl] {
    align-items: end;
    background: var(--q-surface-2);
    border: 1px solid var(--q-line);
    border-radius: 8px;
    display: grid;
    gap: 0.65rem;
    grid-template-columns: repeat(3, minmax(0, 1fr)) auto;
    padding: 0.75rem;
}

.pricing-footer[b-hw4y8rpfyl] {
    align-items: center;
    border-top: 1px solid var(--q-line);
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(0, 1fr) auto;
    padding-top: 1rem;
}

.metric-grid[b-hw4y8rpfyl],
.listing-summary[b-hw4y8rpfyl],
.commerce-lists[b-hw4y8rpfyl] {
    display: grid;
    gap: 0.85rem;
}

.metric-grid[b-hw4y8rpfyl] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.metric-grid article[b-hw4y8rpfyl],
.listing-summary article[b-hw4y8rpfyl] {
    background: var(--q-surface-2);
    border: 1px solid var(--q-line);
    border-radius: 8px;
    padding: 0.85rem;
}

.metric-grid strong[b-hw4y8rpfyl],
.listing-summary strong[b-hw4y8rpfyl] {
    margin-top: 0.25rem;
    overflow-wrap: anywhere;
}

.counter[b-hw4y8rpfyl] {
    align-items: center;
    background: var(--q-brand-soft);
    border-radius: 999px;
    color: var(--q-brand-dark);
    display: inline-flex;
    font-size: 0.8rem;
    font-weight: 900;
    height: 1.8rem;
    justify-content: center;
    min-width: 1.8rem;
    padding: 0 0.55rem;
}

.draft-row[b-hw4y8rpfyl] {
    align-items: center;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: auto 3.25rem minmax(0, 1fr) auto;
    min-height: 4.5rem;
    padding: 0.75rem;
    text-align: left;
    width: 100%;
}

.draft-row:hover[b-hw4y8rpfyl] {
    border-color: var(--q-brand);
}

.draft-row.selected[b-hw4y8rpfyl] {
    background: #ffffff;
    border-color: var(--q-brand);
    box-shadow: 0 0 0 1px var(--q-brand);
}

.draft-row strong[b-hw4y8rpfyl],
.draft-row small[b-hw4y8rpfyl] {
    display: block;
    overflow-wrap: anywhere;
}

.draft-row small[b-hw4y8rpfyl] {
    color: var(--q-muted);
    margin-top: 0.2rem;
}

.draft-status[b-hw4y8rpfyl] {
    border-radius: 999px;
    height: 0.75rem;
    width: 0.75rem;
}

.draft-status.todo[b-hw4y8rpfyl] {
    background: var(--q-muted);
}

.draft-status.ready[b-hw4y8rpfyl] {
    background: var(--q-warn);
}

.draft-status.published[b-hw4y8rpfyl] {
    background: var(--q-ok);
}

.draft-thumbnail[b-hw4y8rpfyl] {
    aspect-ratio: 1;
    border-radius: 8px;
    color: var(--q-muted);
    display: grid;
    font-size: 0.68rem;
    font-weight: 900;
    place-items: center;
    text-align: center;
    width: 3.25rem;
}

.draft-thumbnail.missing[b-hw4y8rpfyl] {
    background: #ffffff;
}

.listing-summary[b-hw4y8rpfyl] {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    margin-bottom: 1rem;
}

.image-gallery[b-hw4y8rpfyl] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    margin-bottom: 1rem;
}

.image-gallery img[b-hw4y8rpfyl] {
    aspect-ratio: 1;
    border-radius: 8px;
    width: 4.25rem;
}

.listing-form[b-hw4y8rpfyl] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.title-field[b-hw4y8rpfyl],
.category-field[b-hw4y8rpfyl] {
    grid-column: 1 / -1;
}

.field-footer[b-hw4y8rpfyl] {
    align-items: center;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
}

.title-limit[b-hw4y8rpfyl] {
    color: var(--q-muted);
    font-weight: 800;
    white-space: nowrap;
}

.title-limit.over-limit[b-hw4y8rpfyl] {
    color: var(--q-bad);
}

.inline-field[b-hw4y8rpfyl] {
    align-items: stretch;
}

.inline-field input[b-hw4y8rpfyl] {
    min-width: 0;
}

.editor-actions[b-hw4y8rpfyl] {
    border-top: 1px solid var(--q-line);
    margin-top: 1rem;
    padding-top: 1rem;
}

.commerce-lists[b-hw4y8rpfyl] {
    grid-template-columns: minmax(0, 1fr) minmax(380px, 0.9fr);
}

.product-list article[b-hw4y8rpfyl],
.inventory-list article[b-hw4y8rpfyl] {
    align-items: center;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
    padding: 0.8rem;
}

.product-list article[b-hw4y8rpfyl] {
    align-items: start;
}

.compact-action[b-hw4y8rpfyl] {
    min-height: 2.25rem;
    padding-inline: 0.85rem;
}

.source-code[b-hw4y8rpfyl] {
    color: var(--q-brand-dark);
    display: block;
    font-size: 0.75rem;
    font-weight: 900;
    margin-bottom: 0.2rem;
}

.product-list strong[b-hw4y8rpfyl],
.inventory-list strong[b-hw4y8rpfyl] {
    display: block;
    overflow-wrap: anywhere;
}

.product-thumbnail[b-hw4y8rpfyl] {
    aspect-ratio: 1;
    background: #ffffff;
    border: 1px solid var(--q-line);
    border-radius: 8px;
    flex: 0 0 auto;
    object-fit: contain;
    width: 4.5rem;
}

.product-thumbnail.missing[b-hw4y8rpfyl] {
    align-items: center;
    color: var(--q-muted);
    display: grid;
    font-size: 0.72rem;
    font-weight: 900;
    justify-items: center;
}

.product-main[b-hw4y8rpfyl] {
    min-width: 0;
    width: 100%;
}

.published-metrics[b-hw4y8rpfyl] {
    display: grid;
    gap: 0.55rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 0.7rem;
}

.published-metrics span[b-hw4y8rpfyl] {
    background: #ffffff;
    border: 1px solid var(--q-line);
    border-radius: 8px;
    color: var(--q-muted);
    font-size: 0.7rem;
    font-weight: 900;
    min-width: 0;
    padding: 0.55rem;
    text-transform: uppercase;
}

.published-metrics strong[b-hw4y8rpfyl] {
    color: var(--q-text);
    font-size: 0.82rem;
    margin-top: 0.2rem;
    text-transform: none;
}

.listing-details[b-hw4y8rpfyl] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem 0.85rem;
    margin-top: 0.55rem;
}

.published-edit-form[b-hw4y8rpfyl] {
    align-items: end;
    display: grid;
    gap: 0.55rem;
    grid-template-columns: minmax(7rem, 1fr) minmax(6rem, 0.65fr) minmax(5rem, 0.55fr) auto;
    margin-top: 0.8rem;
}

.published-edit-form label[b-hw4y8rpfyl] {
    font-size: 0.78rem;
    font-weight: 900;
}

.published-edit-form input[b-hw4y8rpfyl],
.published-edit-form select[b-hw4y8rpfyl] {
    margin-top: 0.25rem;
    min-height: 2.35rem;
}

.sync-history[b-hw4y8rpfyl] {
    border-top: 1px solid var(--q-line);
    display: grid;
    gap: 0.45rem;
    margin-top: 0.8rem;
    padding-top: 0.7rem;
}

.sync-history > div[b-hw4y8rpfyl] {
    align-items: start;
    display: grid;
    gap: 0.35rem;
    grid-template-columns: auto minmax(0, 1fr);
}

.sync-history > div small[b-hw4y8rpfyl] {
    grid-column: 2;
}

.listing-error[b-hw4y8rpfyl] {
    color: var(--q-bad) !important;
    font-weight: 800;
}

.product-row-actions[b-hw4y8rpfyl] {
    align-items: flex-end;
    display: grid;
    gap: 0.45rem;
    justify-items: end;
}

.listing-link[b-hw4y8rpfyl] {
    background: var(--q-brand-soft);
    border-radius: 8px;
    color: var(--q-brand-dark);
    font-size: 0.78rem;
    font-weight: 900;
    padding: 0.45rem 0.65rem;
    text-decoration: none;
    white-space: nowrap;
}

.listing-link:hover[b-hw4y8rpfyl],
.listing-link:focus-visible[b-hw4y8rpfyl] {
    background: var(--q-brand);
    color: #ffffff;
}

.status-pill.new[b-hw4y8rpfyl] {
    background: var(--q-warn-soft);
    color: var(--q-warn);
}

.status-pill.failed[b-hw4y8rpfyl] {
    background: var(--q-bad-soft);
    color: var(--q-bad);
}

.status-pill.withdrawn[b-hw4y8rpfyl] {
    background: var(--q-bad-soft);
    color: var(--q-bad);
}

.status-pill.attention[b-hw4y8rpfyl] {
    background: var(--q-warn-soft);
    color: var(--q-warn);
}

.status-pill.idle[b-hw4y8rpfyl] {
    background: var(--q-surface-2);
    color: var(--q-muted);
}

.empty-panel[b-hw4y8rpfyl] {
    align-items: center;
    display: grid;
    gap: 1rem;
    justify-items: start;
    padding: 1.25rem;
}

.compact-message[b-hw4y8rpfyl] {
    padding: 0.75rem 0.85rem;
}

.item-specifics-panel[b-hw4y8rpfyl] {
    background: var(--q-surface-2);
    border: 1px solid var(--q-line);
    border-radius: 8px;
    display: grid;
    gap: 0.75rem;
    grid-column: 1 / -1;
    padding: 0.85rem;
}

.aspect-autocomplete[b-hw4y8rpfyl] {
    position: relative;
}

.aspect-suggestions[b-hw4y8rpfyl] {
    background: var(--q-surface);
    border: 1px solid var(--q-line);
    border-radius: 8px;
    box-shadow: var(--q-shadow);
    display: grid;
    left: 0;
    max-height: 16rem;
    overflow-y: auto;
    padding: 0.35rem;
    position: absolute;
    right: 0;
    top: calc(100% + 0.25rem);
    z-index: 20;
}

.aspect-suggestions button[b-hw4y8rpfyl] {
    background: transparent;
    border: 0;
    border-radius: 6px;
    color: var(--q-ink);
    cursor: pointer;
    font: inherit;
    font-weight: 750;
    padding: 0.6rem 0.7rem;
    text-align: left;
}

.aspect-suggestions button:hover[b-hw4y8rpfyl],
.aspect-suggestions button:focus-visible[b-hw4y8rpfyl] {
    background: var(--q-brand-soft);
    color: var(--q-brand-dark);
    outline: none;
}

@media (max-width: 1320px) {
    .workspace-grid[b-hw4y8rpfyl] {
        grid-template-columns: minmax(320px, 0.8fr) minmax(0, 1.2fr);
    }

    .left-rail[b-hw4y8rpfyl] {
        grid-column: 1 / -1;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .catalog-flow[b-hw4y8rpfyl],
    .commerce-lists[b-hw4y8rpfyl] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .published-metrics[b-hw4y8rpfyl] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pricing-settings-grid[b-hw4y8rpfyl] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pricing-band-row[b-hw4y8rpfyl] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .published-edit-form[b-hw4y8rpfyl] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .workspace-grid[b-hw4y8rpfyl],
    .left-rail[b-hw4y8rpfyl],
    .catalog-flow[b-hw4y8rpfyl],
    .listing-summary[b-hw4y8rpfyl],
    .listing-form[b-hw4y8rpfyl],
    .commerce-lists[b-hw4y8rpfyl] {
        grid-template-columns: 1fr;
    }

    .pricing-settings-grid[b-hw4y8rpfyl],
    .pricing-band-row[b-hw4y8rpfyl],
    .pricing-footer[b-hw4y8rpfyl] {
        grid-template-columns: 1fr;
    }

    .category-field[b-hw4y8rpfyl] {
        grid-column: auto;
    }
}

@media (max-width: 760px) {
    .catalog-hero h1[b-hw4y8rpfyl] {
        font-size: 2rem;
    }

    .catalog-hero[b-hw4y8rpfyl],
    .hero-actions[b-hw4y8rpfyl],
    .market-control[b-hw4y8rpfyl],
    .market-state[b-hw4y8rpfyl],
    .readiness-banner[b-hw4y8rpfyl],
    .panel-heading[b-hw4y8rpfyl],
    .button-row[b-hw4y8rpfyl],
    .inline-field[b-hw4y8rpfyl],
    .editor-actions[b-hw4y8rpfyl],
    .product-list article[b-hw4y8rpfyl],
    .inventory-list article[b-hw4y8rpfyl],
    .monitor-variation-list article[b-hw4y8rpfyl] {
        align-items: stretch;
        flex-direction: column;
    }

    .draft-row[b-hw4y8rpfyl] {
        grid-template-columns: auto 3.25rem minmax(0, 1fr);
    }

    .draft-row .status-pill[b-hw4y8rpfyl] {
        grid-column: 3;
        justify-self: start;
    }

    .product-result[b-hw4y8rpfyl] {
        grid-template-columns: 1fr;
    }

    .published-metrics[b-hw4y8rpfyl] {
        grid-template-columns: 1fr;
    }

    .published-edit-form[b-hw4y8rpfyl] {
        grid-template-columns: 1fr;
    }

    .product-row-actions[b-hw4y8rpfyl] {
        justify-items: start;
    }
}
/* _content/Qublo.App.Shared/Pages/Dashboard.razor.rz.scp.css */
.dashboard-page[b-1bxeerk4j1] {
    --dashboard-indigo: #5b5bd6;
    --dashboard-indigo-bright: #7777e7;
    --dashboard-indigo-light: #a5a5f2;
    --dashboard-lime: #c6f94b;
    --dashboard-image-size: 48px;
    color: #e7e8f1;
    margin-bottom: -18px;
    min-width: 0;
    width: 100%;
}

.dashboard-page[data-image-quality="low"][b-1bxeerk4j1] {
    --dashboard-image-size: 32px;
}

.dashboard-grid[b-1bxeerk4j1] {
    display: grid;
    gap: 14px;
    grid-template-columns:
        minmax(210px, 0.72fr)
        minmax(350px, 1.31fr)
        minmax(270px, 1fr)
        minmax(250px, 0.97fr);
    grid-template-rows: 175px 175px minmax(400px, calc(100vh - 458px));
    min-width: 0;
}

.dashboard-card[b-1bxeerk4j1] {
    background: #151530;
    border: 1px solid rgba(255, 255, 255, 0.035);
    border-radius: 11px;
    min-width: 0;
    overflow: hidden;
    padding: 18px 20px;
    position: relative;
}

.dashboard-card h2[b-1bxeerk4j1] {
    color: #d8dae7;
    font-size: 17px;
    font-weight: 800;
    letter-spacing: -0.015em;
    line-height: 1.2;
    margin: 0;
}

.dashboard-card p[b-1bxeerk4j1] {
    color: #8587aa;
    font-size: 13px;
    font-weight: 560;
    line-height: 1.35;
    margin: 4px 0 0;
}

.card-heading[b-1bxeerk4j1],
.calendar-heading[b-1bxeerk4j1],
.sales-actions[b-1bxeerk4j1],
.trend-row[b-1bxeerk4j1],
.chart-key[b-1bxeerk4j1],
.side-caption[b-1bxeerk4j1] {
    align-items: flex-start;
    display: flex;
}

.card-heading[b-1bxeerk4j1] {
    gap: 12px;
    justify-content: space-between;
}

.card-heading > div:first-child[b-1bxeerk4j1] {
    min-width: 0;
}

.privacy-toggle[b-1bxeerk4j1],
.refresh-button[b-1bxeerk4j1],
.calendar-actions button[b-1bxeerk4j1] {
    align-items: center;
    background: transparent;
    border: 1px solid #202044;
    border-radius: 7px;
    color: #56577e;
    display: inline-flex;
    flex: 0 0 auto;
    height: 30px;
    justify-content: center;
    min-height: 30px;
    padding: 0;
    width: 30px;
}

.privacy-toggle:hover[b-1bxeerk4j1],
.privacy-toggle:focus-visible[b-1bxeerk4j1],
.refresh-button:hover[b-1bxeerk4j1],
.refresh-button:focus-visible[b-1bxeerk4j1],
.calendar-actions button:hover[b-1bxeerk4j1],
.calendar-actions button:focus-visible[b-1bxeerk4j1] {
    background: rgba(91, 91, 214, 0.12);
    border-color: rgba(91, 91, 214, 0.5);
    color: var(--dashboard-indigo-light);
}

.privacy-toggle svg[b-1bxeerk4j1],
.refresh-button svg[b-1bxeerk4j1] {
    fill: none;
    height: 16px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.7;
    width: 16px;
}

.revenue-card[b-1bxeerk4j1] {
    background: linear-gradient(180deg, #4b4bc4 0%, var(--dashboard-indigo) 100%);
    border-color: rgba(119, 119, 231, 0.72);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.09);
    grid-column: 1;
    grid-row: 1;
}

.revenue-card h2[b-1bxeerk4j1],
.revenue-card p[b-1bxeerk4j1],
.revenue-card .metric-value[b-1bxeerk4j1] {
    color: #ffffff;
}

.revenue-card p[b-1bxeerk4j1] {
    opacity: 0.72;
}

.revenue-card .privacy-toggle[b-1bxeerk4j1] {
    border-color: rgba(255, 255, 255, 0.15);
    color: rgba(255, 255, 255, 0.65);
}

.revenue-card .trend-row > span:last-child[b-1bxeerk4j1] {
    color: rgba(255, 255, 255, 0.66);
}

.profit-card[b-1bxeerk4j1] {
    grid-column: 1;
    grid-row: 2;
}

.products-card[b-1bxeerk4j1] {
    display: flex;
    flex-direction: column;
    grid-column: 2;
    grid-row: 1 / span 2;
}

.orders-card[b-1bxeerk4j1] {
    display: flex;
    flex-direction: column;
    grid-column: 3;
    grid-row: 1 / span 2;
}

.orders-today[b-1bxeerk4j1] {
    align-items: center;
    background: rgba(91, 91, 214, 0.1);
    border: 1px solid rgba(91, 91, 214, 0.2);
    border-radius: 7px;
    display: flex;
    justify-content: space-between;
    margin: -2px 0 10px;
    min-height: 34px;
    padding: 5px 10px;
}

.orders-today span[b-1bxeerk4j1] {
    color: #8d8fae;
    font-size: 11px;
    font-weight: 700;
}

.orders-today strong[b-1bxeerk4j1] {
    color: var(--dashboard-indigo-light);
    font-size: 16px;
    font-variant-numeric: tabular-nums;
    font-weight: 850;
}

.calendar-card[b-1bxeerk4j1] {
    grid-column: 4;
    grid-row: 1 / span 2;
}

.sales-card[b-1bxeerk4j1] {
    display: flex;
    flex-direction: column;
    grid-column: 1 / span 2;
    grid-row: 3;
}

.order-status-card[b-1bxeerk4j1] {
    display: flex;
    flex-direction: column;
    grid-column: 3;
    grid-row: 3;
}

.side-metrics[b-1bxeerk4j1] {
    display: grid;
    gap: 14px;
    grid-column: 4;
    grid-row: 3;
    grid-template-rows: repeat(2, minmax(0, 1fr));
    min-width: 0;
}

.dashboard-insights-grid[b-1bxeerk4j1] {
    display: grid;
    gap: 14px;
    grid-template-columns: minmax(330px, 1.05fr) minmax(260px, 0.8fr) minmax(460px, 1.35fr);
    margin-top: 14px;
    min-width: 0;
}

.insight-card[b-1bxeerk4j1] {
    display: flex;
    flex-direction: column;
    height: 430px;
}

.insight-empty[b-1bxeerk4j1] {
    margin: auto 0;
    text-align: center;
}

.ranking-list[b-1bxeerk4j1] {
    counter-reset: product-rank;
    list-style: none;
    margin: 16px -4px 0 0;
    overflow: auto;
    padding: 0 8px 0 0;
}

.ranking-list li[b-1bxeerk4j1] {
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
    counter-increment: product-rank;
    display: grid;
    gap: 10px;
    grid-template-columns: 24px var(--dashboard-image-size) minmax(0, 1fr) auto;
    min-height: 62px;
}

.ranking-product-image[b-1bxeerk4j1],
.ranking-product-image-placeholder[b-1bxeerk4j1] {
    background: rgba(91, 91, 214, 0.12);
    border: 1px solid rgba(165, 165, 242, 0.12);
    border-radius: 7px;
    display: block;
    height: var(--dashboard-image-size);
    object-fit: cover;
    transition: height 120ms ease, width 120ms ease;
    width: var(--dashboard-image-size);
}

.ranking-product-image-placeholder[b-1bxeerk4j1]::after {
    color: rgba(165, 165, 242, 0.56);
    content: "Q";
    display: grid;
    font-size: 10px;
    font-weight: 850;
    height: 100%;
    place-items: center;
}

.ranking-list li[b-1bxeerk4j1]::before {
    align-items: center;
    background: rgba(91, 91, 214, 0.14);
    border-radius: 50%;
    color: var(--dashboard-indigo-light);
    content: counter(product-rank);
    display: inline-flex;
    font-size: 10px;
    font-weight: 850;
    height: 22px;
    justify-content: center;
    width: 22px;
}

.ranking-list li > div[b-1bxeerk4j1] {
    min-width: 0;
}

.ranking-list li > div > strong[b-1bxeerk4j1],
.ranking-list li > div > span[b-1bxeerk4j1] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ranking-list li > div > strong[b-1bxeerk4j1] {
    color: #d8dae7;
    font-size: 12px;
    font-weight: 780;
}

.ranking-list li > div > span[b-1bxeerk4j1] {
    color: #8587aa;
    font-size: 10px;
    margin-top: 4px;
}

.ranking-values[b-1bxeerk4j1] {
    text-align: right;
}

.ranking-values strong[b-1bxeerk4j1] {
    color: var(--dashboard-lime) !important;
}

.country-list[b-1bxeerk4j1] {
    display: grid;
    gap: 14px;
    margin-top: 20px;
    overflow: auto;
    padding-right: 5px;
}

.country-row[b-1bxeerk4j1] {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: space-between;
}

.country-row span[b-1bxeerk4j1],
.country-row strong[b-1bxeerk4j1] {
    color: #c9cad9;
    font-size: 12px;
    font-weight: 750;
}

.country-row strong[b-1bxeerk4j1] {
    font-variant-numeric: tabular-nums;
}

.country-track[b-1bxeerk4j1] {
    background: #202044;
    border-radius: 999px;
    height: 6px;
    margin-top: 7px;
    overflow: hidden;
}

.country-track i[b-1bxeerk4j1] {
    background: linear-gradient(90deg, var(--dashboard-indigo), var(--dashboard-indigo-bright));
    border-radius: inherit;
    display: block;
    height: 100%;
}

.listing-analysis-chart[b-1bxeerk4j1] {
    align-items: end;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
    display: grid;
    gap: clamp(4px, 0.8vw, 9px);
    grid-template-columns: repeat(10, minmax(0, 1fr));
    height: 118px;
    margin-top: 12px;
    padding: 4px 4px 0;
}

.listing-analysis-chart.is-hidden[b-1bxeerk4j1] {
    opacity: 0.12;
}

.listing-analysis-day[b-1bxeerk4j1] {
    height: 104px;
    position: relative;
}

.listing-analysis-bar[b-1bxeerk4j1] {
    background: linear-gradient(180deg, var(--dashboard-indigo-bright), var(--dashboard-indigo));
    border-radius: 4px 4px 1px 1px;
    bottom: 23px;
    box-shadow: 0 0 14px rgba(91, 91, 214, 0.17);
    left: 18%;
    max-height: 80px;
    min-height: 2px;
    position: absolute;
    right: 18%;
}

.listing-analysis-day > small[b-1bxeerk4j1] {
    bottom: 4px;
    color: #8587aa;
    font-size: 8px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    white-space: nowrap;
}

.listing-analysis-tooltip[b-1bxeerk4j1] {
    background: rgba(16, 17, 42, 0.98);
    border: 1px solid rgba(141, 143, 243, 0.32);
    border-radius: 9px;
    bottom: 28px;
    box-shadow: 0 15px 35px rgba(4, 5, 20, 0.42);
    color: #e7e8f1;
    display: grid;
    font-size: 10px;
    gap: 4px;
    left: 50%;
    min-width: 178px;
    opacity: 0;
    padding: 9px 10px;
    pointer-events: none;
    position: absolute;
    transform: translate(-50%, 6px);
    transition:
        opacity 0.14s ease,
        transform 0.14s ease;
    visibility: hidden;
    z-index: 20;
}

.listing-analysis-tooltip strong[b-1bxeerk4j1] {
    font-size: 11px;
    margin-bottom: 2px;
}

.listing-analysis-tooltip span[b-1bxeerk4j1] {
    color: #989ab8;
    display: flex;
    gap: 12px;
    justify-content: space-between;
}

.listing-analysis-tooltip b[b-1bxeerk4j1] {
    color: #e7e8f1;
    font-weight: 780;
    white-space: nowrap;
}

.listing-analysis-day:hover .listing-analysis-tooltip[b-1bxeerk4j1] {
    opacity: 1;
    transform: translate(-50%, 0);
    visibility: visible;
}

.listing-analysis-day:nth-child(-n + 2) .listing-analysis-tooltip[b-1bxeerk4j1] {
    left: 0;
    transform: translate(0, 6px);
}

.listing-analysis-day:nth-child(-n + 2):hover .listing-analysis-tooltip[b-1bxeerk4j1] {
    transform: translate(0, 0);
}

.listing-analysis-day:nth-last-child(-n + 2) .listing-analysis-tooltip[b-1bxeerk4j1] {
    left: auto;
    right: 0;
    transform: translate(0, 6px);
}

.listing-analysis-day:nth-last-child(-n + 2):hover .listing-analysis-tooltip[b-1bxeerk4j1] {
    transform: translate(0, 0);
}

.dashboard-table-wrap[b-1bxeerk4j1] {
    flex: 1;
    margin-top: 16px;
    min-height: 0;
    overflow: auto;
}

.dashboard-table[b-1bxeerk4j1] {
    border-collapse: collapse;
    min-width: 530px;
    width: 100%;
}

.dashboard-table th[b-1bxeerk4j1],
.dashboard-table td[b-1bxeerk4j1] {
    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
    color: #b9bbcf;
    font-size: 11px;
    font-variant-numeric: tabular-nums;
    padding: 8px 10px;
    text-align: right;
}

.dashboard-table th:first-child[b-1bxeerk4j1],
.dashboard-table td:first-child[b-1bxeerk4j1] {
    padding-left: 0;
    text-align: left;
}

.dashboard-table thead th[b-1bxeerk4j1] {
    color: #8587aa;
    font-size: 9px;
    letter-spacing: 0.035em;
    position: sticky;
    text-transform: uppercase;
    top: 0;
}

.dashboard-table tbody th[b-1bxeerk4j1] {
    font-weight: 750;
}

.data-note[b-1bxeerk4j1] {
    font-size: 10px !important;
    margin-top: auto !important;
    padding-top: 10px;
}

.metric-value[b-1bxeerk4j1] {
    color: #e9eaf3;
    font-size: clamp(31px, 2.25vw, 40px);
    font-variant-numeric: tabular-nums;
    font-weight: 780;
    letter-spacing: -0.035em;
    line-height: 1;
    margin-top: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.metric-value.optional[b-1bxeerk4j1] {
    font-size: clamp(21px, 1.65vw, 30px);
}

.product-total[b-1bxeerk4j1] {
    margin-top: 22px;
}

.trend-row[b-1bxeerk4j1] {
    align-items: center;
    bottom: 18px;
    gap: 7px;
    left: 20px;
    position: absolute;
    right: 20px;
}

.trend-row > span:last-child[b-1bxeerk4j1],
.side-caption[b-1bxeerk4j1] {
    color: #8587aa;
    font-size: 11px;
    font-weight: 650;
    line-height: 1.2;
}

.trend-chip[b-1bxeerk4j1] {
    align-items: center;
    border-radius: 4px;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 10px;
    font-variant-numeric: tabular-nums;
    font-weight: 850;
    min-height: 20px;
    padding: 2px 6px;
}

.trend-chip.positive[b-1bxeerk4j1] {
    background: rgba(198, 249, 75, 0.15);
    color: var(--dashboard-lime);
}

.trend-chip.negative[b-1bxeerk4j1] {
    background: rgba(217, 28, 61, 0.18);
    color: #f04463;
}

.trend-chip.flat[b-1bxeerk4j1] {
    background: rgba(91, 91, 214, 0.16);
    color: var(--dashboard-indigo-light);
}

.revenue-card .trend-chip.positive[b-1bxeerk4j1],
.revenue-card .trend-chip.negative[b-1bxeerk4j1],
.revenue-card .trend-chip.flat[b-1bxeerk4j1] {
    background: rgba(255, 255, 255, 0.2);
    color: #ffffff;
}

.product-breakdown[b-1bxeerk4j1] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px 14px;
    margin-top: 12px;
}

.product-breakdown span[b-1bxeerk4j1],
.chart-key span[b-1bxeerk4j1] {
    align-items: center;
    color: #898bae;
    display: inline-flex;
    font-size: 10.5px;
    font-weight: 700;
    gap: 6px;
}

.dot[b-1bxeerk4j1],
.legend-dot[b-1bxeerk4j1],
.status-dot[b-1bxeerk4j1],
.chart-key i[b-1bxeerk4j1] {
    background: var(--dashboard-indigo);
    border-radius: 50%;
    display: inline-block;
    flex: 0 0 auto;
    height: 7px;
    width: 7px;
}

.dot.draft[b-1bxeerk4j1] {
    background: var(--dashboard-indigo-bright);
}

.dot.published[b-1bxeerk4j1],
.profit-key[b-1bxeerk4j1] {
    background: var(--dashboard-lime) !important;
}

.sparkline-wrap[b-1bxeerk4j1] {
    height: 166px;
    margin-top: auto;
    min-height: 0;
    position: relative;
}

.sparkline-wrap svg[b-1bxeerk4j1] {
    display: block;
    height: 140px;
    overflow: visible;
    width: 100%;
}

.spark-grid[b-1bxeerk4j1] {
    fill: none;
    opacity: 0.42;
    stroke: #202044;
    stroke-width: 1;
}

.spark-line[b-1bxeerk4j1] {
    fill: none;
    stroke: var(--dashboard-indigo);
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2.4;
    vector-effect: non-scaling-stroke;
}

.spark-dot[b-1bxeerk4j1] {
    fill: var(--dashboard-indigo-bright);
    stroke: #151530;
    stroke-width: 2;
    vector-effect: non-scaling-stroke;
}

.spark-caption[b-1bxeerk4j1] {
    bottom: 0;
    color: #8587aa;
    display: flex;
    font-size: 10px;
    font-weight: 700;
    justify-content: space-between;
    left: 0;
    position: absolute;
    right: 0;
}

.semi-gauge[b-1bxeerk4j1] {
    height: 174px;
    margin: 4px auto 0;
    max-width: 286px;
    position: relative;
    width: 100%;
}

.semi-gauge svg[b-1bxeerk4j1] {
    display: block;
    height: 100%;
    overflow: visible;
    width: 100%;
}

.gauge-track[b-1bxeerk4j1],
.gauge-value[b-1bxeerk4j1] {
    fill: none;
    stroke-linecap: round;
    stroke-width: 30;
}

.gauge-track[b-1bxeerk4j1] {
    stroke: #1b1b3a;
}

.gauge-value[b-1bxeerk4j1] {
    stroke: var(--dashboard-indigo);
}

.gauge-copy[b-1bxeerk4j1] {
    bottom: 11px;
    left: 50%;
    position: absolute;
    text-align: center;
    transform: translateX(-50%);
    white-space: nowrap;
}

.gauge-copy span[b-1bxeerk4j1],
.gauge-copy small[b-1bxeerk4j1],
.donut span[b-1bxeerk4j1] {
    color: #8d8fae;
    display: block;
    font-size: 12px;
    font-weight: 650;
}

.gauge-copy strong[b-1bxeerk4j1],
.donut strong[b-1bxeerk4j1] {
    color: #e9eaf3;
    display: block;
    font-size: 34px;
    font-variant-numeric: tabular-nums;
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1.05;
    margin: 3px 0;
}

.gauge-copy small[b-1bxeerk4j1] {
    color: #8587aa;
    font-size: 10px;
}

.legend-list[b-1bxeerk4j1] {
    display: grid;
    gap: 8px;
    margin-top: auto;
}

.legend-list > div:not(.empty-inline)[b-1bxeerk4j1] {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    min-width: 0;
}

.legend-list span[b-1bxeerk4j1] {
    align-items: center;
    color: #8586a6;
    display: flex;
    font-size: 12px;
    font-weight: 650;
    gap: 8px;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.legend-list strong[b-1bxeerk4j1] {
    color: #c9cad9;
    font-size: 12px;
    font-variant-numeric: tabular-nums;
    font-weight: 800;
}

.empty-inline[b-1bxeerk4j1] {
    color: #8587aa;
    font-size: 12px;
    font-weight: 650;
    line-height: 1.4;
    padding: 8px 0;
}

.calendar-heading[b-1bxeerk4j1] {
    align-items: center;
    justify-content: space-between;
}

.calendar-region[b-1bxeerk4j1] {
    color: #8587aa;
    display: block;
    font-size: 9px;
    font-weight: 700;
    margin-top: 3px;
}

.calendar-actions[b-1bxeerk4j1] {
    display: flex;
    gap: 3px;
}

.calendar-actions button[b-1bxeerk4j1] {
    border-color: transparent;
    font-size: 25px;
    line-height: 1;
    width: 28px;
}

.calendar-weekdays[b-1bxeerk4j1],
.calendar-grid[b-1bxeerk4j1] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
}

.calendar-weekdays[b-1bxeerk4j1] {
    gap: 3px;
    margin: 17px 0 7px;
}

.calendar-weekdays span[b-1bxeerk4j1] {
    color: #8587aa;
    font-size: 10px;
    font-weight: 800;
    text-align: center;
}

.calendar-grid[b-1bxeerk4j1] {
    gap: 4px;
}

.calendar-day[b-1bxeerk4j1] {
    align-items: center;
    background: #191938;
    border: 1px solid transparent;
    border-radius: 5px;
    color: #a5a6bd;
    display: flex;
    font-size: 11px;
    font-variant-numeric: tabular-nums;
    font-weight: 750;
    height: 39px;
    justify-content: center;
    position: relative;
}

.calendar-day.has-event[b-1bxeerk4j1] {
    align-items: flex-start;
    border-color: rgba(198, 249, 75, 0.2);
    flex-direction: column;
    justify-content: space-between;
    padding: 4px 4px 3px;
}

.calendar-day.has-event[b-1bxeerk4j1]::after {
    background: var(--dashboard-lime);
    border-radius: 999px;
    content: "";
    height: 4px;
    position: absolute;
    right: 4px;
    top: 4px;
    width: 4px;
}

.calendar-day small[b-1bxeerk4j1] {
    color: var(--dashboard-lime);
    display: block;
    font-size: 6px;
    font-weight: 850;
    line-height: 1;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.calendar-day i[b-1bxeerk4j1] {
    color: #fff;
    font-size: 7px;
    font-style: normal;
    position: absolute;
    right: 3px;
    top: 11px;
}

.calendar-day.today small[b-1bxeerk4j1] {
    color: #fff;
}

.calendar-day.outside[b-1bxeerk4j1] {
    color: #767898;
}

.calendar-day.today[b-1bxeerk4j1] {
    background: var(--dashboard-indigo);
    box-shadow: 0 7px 18px rgba(91, 91, 214, 0.28);
    color: #ffffff;
}

.sales-heading[b-1bxeerk4j1] {
    align-items: center;
}

.sales-actions[b-1bxeerk4j1] {
    align-items: center;
    gap: 7px;
}

.sales-actions > span[b-1bxeerk4j1] {
    align-items: center;
    background: #151530;
    border: 1px solid #202044;
    border-radius: 7px;
    color: #8b8cac;
    display: inline-flex;
    font-size: 11px;
    font-weight: 720;
    height: 30px;
    padding: 0 10px;
}

.refresh-button:disabled[b-1bxeerk4j1] {
    opacity: 0.5;
}

.chart-key[b-1bxeerk4j1] {
    gap: 15px;
    justify-content: flex-end;
    margin: 8px 0 2px;
}

.chart-key i[b-1bxeerk4j1] {
    border-radius: 2px;
    height: 8px;
    width: 8px;
}

.revenue-key[b-1bxeerk4j1] {
    background: var(--dashboard-indigo) !important;
}

.sales-chart[b-1bxeerk4j1] {
    display: grid;
    flex: 1;
    gap: 10px;
    grid-template-columns: 48px minmax(0, 1fr);
    min-height: 255px;
}

.sales-y-axis[b-1bxeerk4j1] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 4px 0 31px;
    text-align: right;
}

.sales-y-axis span[b-1bxeerk4j1],
.sales-x-axis span[b-1bxeerk4j1] {
    color: #8587aa;
    font-size: 10px;
    font-variant-numeric: tabular-nums;
    font-weight: 680;
}

.sales-plot[b-1bxeerk4j1] {
    min-width: 0;
    position: relative;
}

.plot-grid[b-1bxeerk4j1],
.sales-bars[b-1bxeerk4j1],
.profit-line[b-1bxeerk4j1] {
    bottom: 31px;
    left: 0;
    position: absolute;
    right: 0;
    top: 4px;
}

.plot-grid[b-1bxeerk4j1] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.plot-grid i[b-1bxeerk4j1] {
    border-top: 1px solid rgba(255, 255, 255, 0.027);
    display: block;
    width: 100%;
}

.sales-bars[b-1bxeerk4j1] {
    align-items: end;
    display: grid;
    gap: clamp(5px, 1.2vw, 13px);
    grid-template-columns: repeat(10, minmax(0, 1fr));
    padding: 0 10px;
    z-index: 1;
}

.sales-column[b-1bxeerk4j1] {
    height: 100%;
    position: relative;
}

.sales-tooltip[b-1bxeerk4j1] {
    background: rgba(16, 17, 42, 0.98);
    border: 1px solid rgba(141, 143, 243, 0.32);
    border-radius: 9px;
    box-shadow: 0 15px 35px rgba(4, 5, 20, 0.42);
    color: #e7e8f1;
    display: grid;
    font-size: 10px;
    gap: 4px;
    left: 50%;
    min-width: 176px;
    opacity: 0;
    padding: 9px 10px;
    pointer-events: none;
    position: absolute;
    top: 8px;
    transform: translate(-50%, -6px);
    transition:
        opacity 0.14s ease,
        transform 0.14s ease;
    visibility: hidden;
    z-index: 20;
}

.sales-tooltip strong[b-1bxeerk4j1] {
    font-size: 11px;
    margin-bottom: 2px;
}

.sales-tooltip span[b-1bxeerk4j1] {
    color: #989ab8;
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

.sales-tooltip b[b-1bxeerk4j1] {
    color: #e7e8f1;
    font-weight: 780;
    white-space: nowrap;
}

.sales-column:hover .sales-tooltip[b-1bxeerk4j1] {
    opacity: 1;
    transform: translate(-50%, 0);
    visibility: visible;
}

.sales-column:nth-child(-n + 2) .sales-tooltip[b-1bxeerk4j1] {
    left: 0;
    transform: translate(0, -6px);
}

.sales-column:nth-child(-n + 2):hover .sales-tooltip[b-1bxeerk4j1] {
    transform: translate(0, 0);
}

.sales-column:nth-last-child(-n + 2) .sales-tooltip[b-1bxeerk4j1] {
    left: auto;
    right: 0;
    transform: translate(0, -6px);
}

.sales-column:nth-last-child(-n + 2):hover .sales-tooltip[b-1bxeerk4j1] {
    transform: translate(0, 0);
}

.sales-bar[b-1bxeerk4j1] {
    background: linear-gradient(180deg, var(--dashboard-indigo-bright) 0%, var(--dashboard-indigo) 100%);
    border-radius: 5px 5px 2px 2px;
    box-shadow: 0 0 18px rgba(91, 91, 214, 0.18);
    display: block;
    left: 16%;
    max-width: 42px;
    min-height: 2px;
    position: absolute;
    right: 16%;
    width: 68%;
}

.profit-line[b-1bxeerk4j1] {
    height: calc(100% - 35px);
    overflow: visible;
    pointer-events: none;
    top: 4px;
    width: 100%;
    z-index: 2;
}

.profit-line line[b-1bxeerk4j1] {
    fill: none;
    stroke: var(--dashboard-lime);
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2.2;
    vector-effect: non-scaling-stroke;
}

.visually-hidden-data[b-1bxeerk4j1] {
    border: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.profit-line circle[b-1bxeerk4j1] {
    fill: var(--dashboard-lime);
    stroke: #151530;
    stroke-width: 2;
    vector-effect: non-scaling-stroke;
}

.sales-x-axis[b-1bxeerk4j1] {
    align-items: end;
    bottom: 0;
    display: grid;
    gap: 4px;
    grid-template-columns: repeat(10, minmax(0, 1fr));
    height: 25px;
    left: 0;
    position: absolute;
    right: 0;
}

.sales-x-axis span[b-1bxeerk4j1] {
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.donut[b-1bxeerk4j1] {
    height: 194px;
    margin: 12px auto 4px;
    position: relative;
    width: 194px;
}

.donut svg[b-1bxeerk4j1] {
    display: block;
    height: 100%;
    overflow: visible;
    transform: rotate(-90deg);
    width: 100%;
}

.donut-track[b-1bxeerk4j1],
.donut-value[b-1bxeerk4j1] {
    fill: none;
    stroke-linecap: round;
    stroke-width: 20;
}

.donut-track[b-1bxeerk4j1] {
    stroke: #1b1b3a;
}

.donut-value[b-1bxeerk4j1] {
    stroke: var(--dashboard-indigo);
}

.donut > div[b-1bxeerk4j1] {
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
}

.donut strong[b-1bxeerk4j1] {
    font-size: 36px;
}

.status-legend[b-1bxeerk4j1] {
    gap: 9px;
}

.status-dot.paid[b-1bxeerk4j1] {
    background: var(--dashboard-indigo-light);
}

.status-dot.pending[b-1bxeerk4j1] {
    background: var(--dashboard-indigo);
}

.status-dot.fulfilled[b-1bxeerk4j1] {
    background: var(--dashboard-lime);
}

.status-dot.cancelled[b-1bxeerk4j1] {
    background: #f04463;
}

.side-metric-card[b-1bxeerk4j1] {
    display: flex;
    flex-direction: column;
    padding: 18px;
}

.side-metric-card h2[b-1bxeerk4j1] {
    font-size: 16px;
}

.side-metric-card p[b-1bxeerk4j1] {
    max-width: 220px;
}

.side-value[b-1bxeerk4j1] {
    font-size: clamp(30px, 2.2vw, 38px);
    margin-top: auto;
    padding-top: 18px;
}

.side-value.money[b-1bxeerk4j1] {
    font-size: clamp(25px, 1.8vw, 34px);
}

.side-caption[b-1bxeerk4j1] {
    align-items: center;
    gap: 7px;
    margin-top: 10px;
}

.traffic-daily-bars[b-1bxeerk4j1] {
    align-items: end;
    display: grid;
    gap: 2px;
    grid-template-columns: repeat(30, minmax(1px, 1fr));
    height: 42px;
    margin-top: 12px;
}

.traffic-daily-bars i[b-1bxeerk4j1] {
    background: linear-gradient(180deg, var(--dashboard-lime), #5b63ff);
    border-radius: 2px 2px 0 0;
    min-height: 2px;
    opacity: .9;
}

.traffic-daily-bars i.unavailable[b-1bxeerk4j1] {
    background: #343653;
    opacity: .55;
}

.traffic-daily-bars.hidden i[b-1bxeerk4j1] {
    background: #343653;
    height: 34% !important;
    opacity: .65;
}

.dashboard-loading[b-1bxeerk4j1] {
    align-items: center;
    background: #151530;
    border: 1px solid #1b1c39;
    border-radius: 11px;
    color: #d8dae7;
    display: flex;
    flex-direction: column;
    gap: 6px;
    justify-content: center;
    min-height: calc(100vh - 94px);
    text-align: center;
}

.dashboard-loading strong[b-1bxeerk4j1] {
    font-size: 17px;
}

.dashboard-loading small[b-1bxeerk4j1] {
    color: #8587aa;
}

.loading-orbit[b-1bxeerk4j1] {
    animation: dashboard-spin-b-1bxeerk4j1 0.85s linear infinite;
    border: 3px solid #25264a;
    border-radius: 50%;
    border-top-color: var(--dashboard-indigo);
    height: 34px;
    margin-bottom: 6px;
    width: 34px;
}

.dashboard-alert[b-1bxeerk4j1] {
    align-items: center;
    background: rgba(240, 68, 99, 0.12);
    border: 1px solid rgba(240, 68, 99, 0.28);
    border-radius: 9px;
    color: #ff879c;
    display: flex;
    font-size: 12px;
    font-weight: 700;
    gap: 12px;
    justify-content: space-between;
    margin: 0 14px 14px 0;
    min-height: 42px;
    padding: 8px 10px 8px 14px;
}

.dashboard-alert button[b-1bxeerk4j1] {
    background: rgba(240, 68, 99, 0.14);
    border: 1px solid rgba(240, 68, 99, 0.25);
    color: #ffacbb;
    min-height: 28px;
}

@keyframes dashboard-spin-b-1bxeerk4j1 {
    to { transform: rotate(360deg); }
}

@media (max-width: 1400px) {
    .dashboard-grid[b-1bxeerk4j1] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: auto;
    }

    .revenue-card[b-1bxeerk4j1],
    .profit-card[b-1bxeerk4j1],
    .products-card[b-1bxeerk4j1],
    .orders-card[b-1bxeerk4j1],
    .calendar-card[b-1bxeerk4j1],
    .sales-card[b-1bxeerk4j1],
    .order-status-card[b-1bxeerk4j1],
    .side-metrics[b-1bxeerk4j1] {
        grid-column: auto;
        grid-row: auto;
    }

    .revenue-card[b-1bxeerk4j1],
    .profit-card[b-1bxeerk4j1] {
        min-height: 175px;
    }

    .products-card[b-1bxeerk4j1],
    .orders-card[b-1bxeerk4j1] {
        min-height: 365px;
    }

    .calendar-card[b-1bxeerk4j1],
    .sales-card[b-1bxeerk4j1] {
        grid-column: 1 / -1;
    }

    .calendar-card[b-1bxeerk4j1] {
        min-height: 365px;
    }

    .calendar-grid[b-1bxeerk4j1] {
        gap: 6px;
    }

    .calendar-day[b-1bxeerk4j1] {
        height: 36px;
    }

    .sales-card[b-1bxeerk4j1],
    .order-status-card[b-1bxeerk4j1],
    .side-metrics[b-1bxeerk4j1] {
        min-height: 410px;
    }

    .dashboard-insights-grid[b-1bxeerk4j1] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .listing-series-card[b-1bxeerk4j1] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 900px) {
    .dashboard-grid[b-1bxeerk4j1] {
        grid-template-columns: 1fr;
    }

    .calendar-card[b-1bxeerk4j1],
    .sales-card[b-1bxeerk4j1] {
        grid-column: auto;
    }

    .products-card[b-1bxeerk4j1],
    .orders-card[b-1bxeerk4j1],
    .calendar-card[b-1bxeerk4j1],
    .sales-card[b-1bxeerk4j1],
    .order-status-card[b-1bxeerk4j1],
    .side-metrics[b-1bxeerk4j1] {
        min-height: 380px;
    }

    .side-metrics[b-1bxeerk4j1] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: 1fr;
    }

    .dashboard-insights-grid[b-1bxeerk4j1] {
        grid-template-columns: 1fr;
    }

    .listing-series-card[b-1bxeerk4j1] {
        grid-column: auto;
    }
}

@media (max-width: 600px) {
    .dashboard-card[b-1bxeerk4j1] {
        padding: 16px;
    }

    .dashboard-card h2[b-1bxeerk4j1] {
        font-size: 16px;
    }

    .metric-value[b-1bxeerk4j1] {
        font-size: 31px;
    }

    .side-metrics[b-1bxeerk4j1] {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(2, minmax(175px, 1fr));
    }

    .sales-card[b-1bxeerk4j1] {
        min-height: 430px;
    }

    .sales-heading[b-1bxeerk4j1] {
        align-items: flex-start;
        flex-direction: column;
    }

    .sales-actions[b-1bxeerk4j1] {
        margin-top: 12px;
        width: 100%;
    }

    .sales-actions > span[b-1bxeerk4j1] {
        flex: 1;
    }

    .chart-key[b-1bxeerk4j1] {
        justify-content: flex-start;
        margin-top: 12px;
    }

    .sales-chart[b-1bxeerk4j1] {
        grid-template-columns: 34px minmax(0, 1fr);
    }

    .sales-x-axis span[b-1bxeerk4j1] {
        font-size: 8px;
        transform: rotate(-35deg);
        transform-origin: center;
    }

    .calendar-day[b-1bxeerk4j1] {
        height: 32px;
    }

    .trend-row[b-1bxeerk4j1] {
        left: 16px;
        right: 16px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .loading-orbit[b-1bxeerk4j1] {
        animation: none;
    }
}
/* _content/Qublo.App.Shared/Pages/Drafts.razor.rz.scp.css */
.q-drafts-page[b-ue6ci73o4r] {
    gap: 10px;
}

.q-drafts-toolbar[b-ue6ci73o4r] {
    display: grid;
    gap: 8px;
    grid-template-columns: 42px 40px minmax(220px, 1fr) auto;
}

.q-drafts-toolbar .q-drafts-search[b-ue6ci73o4r] {
    height: 40px;
    min-height: 40px;
    min-width: 0;
    width: 100%;
}

.q-drafts-toolbar .q-create-draft[b-ue6ci73o4r] {
    height: 40px;
    min-height: 40px;
    width: auto;
}

.q-drafts-toast[b-ue6ci73o4r] {
    align-items: flex-start;
    background: color-mix(in srgb, var(--q-dark-card) 94%, transparent);
    border: 1px solid color-mix(in srgb, var(--q-lime) 38%, var(--q-dark-line));
    border-radius: 11px;
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.36);
    color: var(--q-lime);
    display: flex;
    font-size: 12px;
    font-weight: 800;
    gap: 12px;
    line-height: 1.45;
    max-width: min(430px, calc(100vw - 32px));
    padding: 11px 12px 11px 14px;
    position: fixed;
    right: clamp(16px, 1.4vw, 26px);
    top: 88px;
    z-index: 130;
}

.q-drafts-toast span[b-ue6ci73o4r] {
    flex: 1;
}

.q-drafts-toast button[b-ue6ci73o4r] {
    background: transparent;
    border: 0;
    color: currentColor;
    flex: none;
    font-size: 20px;
    height: 24px;
    line-height: 1;
    min-height: 24px;
    padding: 0;
    width: 24px;
}

.q-drafts-toast button:focus-visible[b-ue6ci73o4r] {
    border-radius: 5px;
    outline: 2px solid currentColor;
    outline-offset: 1px;
}

.q-drafts-table .q-table th[b-ue6ci73o4r] {
    font-size: 12px;
    padding: 10px 12px;
}

.q-drafts-table .q-table td[b-ue6ci73o4r] {
    font-size: 13px;
    padding: 8px 12px;
}

.q-drafts-table .q-table[b-ue6ci73o4r] {
    min-width: 970px;
    table-layout: fixed;
}

.q-drafts-table .q-table th:nth-child(1)[b-ue6ci73o4r] { width: 40px; }
.q-drafts-table .q-table th:nth-child(2)[b-ue6ci73o4r] { width: 230px; }
.q-drafts-table .q-table th:nth-child(3)[b-ue6ci73o4r] { width: 82px; }
.q-drafts-table .q-table th:nth-child(4)[b-ue6ci73o4r] { width: 78px; }
.q-drafts-table .q-table th:nth-child(5)[b-ue6ci73o4r] { width: 62px; }
.q-drafts-table .q-table th:nth-child(6)[b-ue6ci73o4r] { width: 104px; }
.q-drafts-table .q-table th:nth-child(7)[b-ue6ci73o4r] { width: 82px; }
.q-drafts-table .q-table th:nth-child(8)[b-ue6ci73o4r] { width: 188px; }
.q-drafts-table .q-table th:nth-child(9)[b-ue6ci73o4r] { width: 104px; }

.q-drafts-table .q-checkbox-cell[b-ue6ci73o4r] {
    padding-left: 10px !important;
    padding-right: 4px !important;
}

.q-drafts-table .q-product[b-ue6ci73o4r] {
    gap: 10px;
    min-width: 0;
}

.q-drafts-table .q-product > span:last-child[b-ue6ci73o4r] {
    min-width: 0;
}

.q-drafts-table .q-thumb[b-ue6ci73o4r] {
    border-radius: 8px;
    height: 40px;
    width: 40px;
}

.q-drafts-table .q-product-title[b-ue6ci73o4r] {
    max-width: clamp(240px, 28vw, 420px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.q-drafts-table .q-draft-status-badges[b-ue6ci73o4r] {
    gap: 4px;
    margin-top: 4px;
    row-gap: 3px;
}

.q-drafts-table .q-draft-status-badges .q-pill[b-ue6ci73o4r] {
    border-radius: 6px;
    font-size: 10px;
    min-height: 18px;
    padding: 2px 6px;
}

.q-drafts-table .q-draft-product-links[b-ue6ci73o4r] {
    gap: 2px;
}

.q-drafts-table .q-draft-product-link[b-ue6ci73o4r] {
    min-height: 18px;
}

.q-draft-clickable-row[b-ue6ci73o4r] {
    cursor: pointer;
}

.q-draft-clickable-row > td[b-ue6ci73o4r] {
    transition: background-color 0.15s ease;
}

.q-draft-clickable-row:hover > td[b-ue6ci73o4r],
.q-draft-clickable-row:focus > td[b-ue6ci73o4r] {
    background: rgba(141, 143, 243, 0.055);
}

.q-draft-clickable-row:focus[b-ue6ci73o4r] {
    outline: none;
}

.q-draft-clickable-row:focus-visible[b-ue6ci73o4r] {
    outline: 2px solid var(--q-indigo-bright);
    outline-offset: -2px;
}

.q-draft-clickable-row .q-thumb[b-ue6ci73o4r] {
    position: relative;
    transform-origin: left center;
    transition:
        box-shadow 0.16s ease,
        transform 0.16s ease;
    z-index: 1;
}

@media (hover: hover) and (pointer: fine) {
    .q-draft-clickable-row .q-thumb:hover[b-ue6ci73o4r] {
        background: #ffffff;
        box-shadow:
            0 18px 45px rgba(5, 8, 25, 0.48),
            0 0 0 1px rgba(141, 143, 243, 0.34);
        transform: scale(2.75);
        z-index: 30;
    }
}

@media (prefers-reduced-motion: reduce) {
    .q-draft-clickable-row .q-thumb[b-ue6ci73o4r] {
        transition: none;
    }
}

@media (max-width: 700px) {
    .q-drafts-toolbar[b-ue6ci73o4r] {
        grid-template-columns: 40px 40px minmax(0, 1fr);
    }

    .q-drafts-toolbar .q-create-draft[b-ue6ci73o4r] {
        grid-column: 3;
        grid-row: 1;
        justify-self: end;
    }

    .q-drafts-toolbar .q-drafts-search[b-ue6ci73o4r] {
        grid-column: 1 / -1;
        grid-row: 2;
    }

    .q-drafts-toast[b-ue6ci73o4r] {
        left: 10px;
        max-width: none;
        right: 10px;
        top: 82px;
    }
}

.q-draft-product-links[b-ue6ci73o4r] {
    align-items: flex-start;
    gap: 7px;
}

.q-draft-product-link[b-ue6ci73o4r] {
    align-items: center;
    color: var(--q-dark-muted);
    display: inline-flex;
    gap: 5px;
    max-width: 100%;
    min-height: 22px;
    text-decoration: none;
}

.q-draft-product-link:hover[b-ue6ci73o4r],
.q-draft-product-link:focus-visible[b-ue6ci73o4r] {
    color: var(--q-dark-ink);
}

.q-draft-product-link:focus-visible[b-ue6ci73o4r] {
    border-radius: 5px;
    box-shadow: 0 0 0 2px var(--q-indigo-bright);
    outline: none;
}

.q-draft-product-link:hover .q-draft-product-code[b-ue6ci73o4r],
.q-draft-product-link:focus-visible .q-draft-product-code[b-ue6ci73o4r] {
    text-decoration: underline;
}

.q-draft-product-link.is-disabled[b-ue6ci73o4r] {
    color: var(--q-dark-faint);
    cursor: not-allowed;
}

.q-draft-market-badge[b-ue6ci73o4r] {
    background: var(--q-dark-raise);
    border-radius: 4px;
    color: var(--q-dark-muted);
    flex: none;
    font-size: 9px;
    font-weight: 900;
    line-height: 1;
    padding: 3px 4px;
}

.q-draft-ebay-avatar[b-ue6ci73o4r] {
    align-items: center;
    background: linear-gradient(145deg, var(--q-indigo-bright), var(--q-indigo));
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 50%;
    color: #ffffff;
    display: inline-flex;
    flex: none;
    font-size: 8px;
    font-weight: 900;
    height: 20px;
    justify-content: center;
    letter-spacing: -0.02em;
    line-height: 1;
    width: 20px;
}

.q-draft-product-code[b-ue6ci73o4r] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.q-draft-status-badges[b-ue6ci73o4r] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 6px;
}

.q-pill-info[b-ue6ci73o4r] {
    background: rgba(72, 91, 255, 0.14);
    border-color: rgba(104, 120, 255, 0.38);
    color: #aeb8ff;
}

.q-monitor-pill.active[b-ue6ci73o4r] {
    background: rgba(114, 216, 154, 0.13);
    border-color: rgba(114, 216, 154, 0.34);
    color: var(--q-lime);
}

.q-monitor-pill.inactive[b-ue6ci73o4r] {
    background: rgba(255, 255, 255, 0.035);
    border-color: var(--q-dark-line);
    color: var(--q-dark-dim);
}

.q-unavailable-filter[b-ue6ci73o4r] {
    align-items: center;
    background: transparent;
    border: 1px solid var(--q-dark-line);
    border-radius: 8px;
    color: var(--q-dark-muted);
    display: inline-flex;
    font-size: 11px;
    font-weight: 800;
    gap: 7px;
    min-height: 34px;
    padding: 0 10px;
    white-space: nowrap;
}

.q-unavailable-filter span[b-ue6ci73o4r] {
    align-items: center;
    background: rgba(255, 104, 122, 0.15);
    border-radius: 999px;
    color: var(--q-red);
    display: inline-flex;
    font-size: 10px;
    justify-content: center;
    min-height: 19px;
    min-width: 19px;
    padding: 0 5px;
}

.q-unavailable-filter.active[b-ue6ci73o4r] {
    background: rgba(255, 104, 122, 0.12);
    border-color: rgba(255, 104, 122, 0.42);
    color: #ff9aaa;
}

.q-bulk-bar[b-ue6ci73o4r] {
    align-items: center;
    backdrop-filter: blur(18px);
    background: rgba(20, 22, 50, 0.96);
    border: 1px solid rgba(104, 120, 255, 0.34);
    border-radius: 14px;
    bottom: 18px;
    box-shadow: 0 20px 55px rgba(0, 0, 0, 0.42);
    display: flex;
    gap: 18px;
    justify-content: space-between;
    left: 254px;
    margin: 0;
    max-width: 1470px;
    padding: 11px 14px;
    position: fixed;
    right: 26px;
    z-index: 120;
}

.q-bulk-summary[b-ue6ci73o4r] {
    display: grid;
    gap: 2px;
    max-width: 590px;
}

.q-bulk-bar strong[b-ue6ci73o4r] {
    font-size: 13px;
}

.q-bulk-bar span[b-ue6ci73o4r] {
    color: var(--q-dark-muted);
    font-size: 11px;
}

.q-bulk-actions[b-ue6ci73o4r] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    justify-content: flex-end;
}

.q-bulk-actions .q-btn[b-ue6ci73o4r] {
    min-height: 34px;
    padding: 0 12px;
}

.q-bulk-clear[b-ue6ci73o4r] {
    background: rgba(255, 255, 255, 0.045);
    border: 1px solid transparent;
    border-radius: 8px;
    color: var(--q-dark-muted);
    font-size: 21px;
    font-weight: 800;
    height: 34px;
    min-height: 34px;
    padding: 0;
    width: 34px;
}

.q-bulk-clear:hover[b-ue6ci73o4r],
.q-bulk-clear:focus-visible[b-ue6ci73o4r] {
    border-color: var(--q-dark-line);
    color: var(--q-dark-ink);
    outline: none;
}

.q-bulk-modal[b-ue6ci73o4r] {
    background: var(--q-dark-card);
    border: 1px solid var(--q-dark-line);
    border-radius: 16px;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.42);
    max-height: calc(100vh - 48px);
    max-width: 620px;
    overflow: auto;
    padding: 22px;
    width: 100%;
}

.q-bulk-modal-compact[b-ue6ci73o4r] {
    max-width: 570px;
}

.q-bulk-edit-modal[b-ue6ci73o4r] {
    display: flex;
    flex-direction: column;
    max-height: min(860px, calc(100vh - 32px));
    max-width: 720px;
    overflow: hidden;
}

.q-bulk-modal-head[b-ue6ci73o4r] {
    align-items: flex-start;
    display: flex;
    flex: none;
    gap: 18px;
    justify-content: space-between;
}

.q-bulk-modal-head h2[b-ue6ci73o4r] {
    margin: 0 0 7px;
}

.q-bulk-modal-head p[b-ue6ci73o4r] {
    color: var(--q-dark-muted);
    font-size: 13px;
    line-height: 1.5;
    margin: 0;
}

.q-bulk-modal-head .q-modal-close[b-ue6ci73o4r] {
    border-radius: 8px;
}

.q-bulk-modal-head .q-modal-close:hover[b-ue6ci73o4r],
.q-bulk-modal-head .q-modal-close:focus-visible[b-ue6ci73o4r] {
    background: var(--q-dark-raise);
    color: var(--q-dark-ink);
    outline: none;
}

.q-bulk-modal > p[b-ue6ci73o4r] {
    color: var(--q-dark-muted);
    font-size: 13px;
    line-height: 1.55;
    margin: 0 0 18px;
}

.q-bulk-modal > .q-actions[b-ue6ci73o4r] {
    justify-content: flex-end;
    margin-top: 20px;
}

.q-bulk-form[b-ue6ci73o4r] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.q-bulk-hint[b-ue6ci73o4r] {
    color: var(--q-dark-muted);
    font-size: 11px;
    font-weight: 600;
    line-height: 1.45;
}

.q-operation-picker[b-ue6ci73o4r] {
    color: var(--q-dark-ink);
    flex: none;
    margin-top: 18px;
}

.q-operation-picker select[b-ue6ci73o4r],
.q-operation-fields input[b-ue6ci73o4r],
.q-operation-fields select[b-ue6ci73o4r],
.q-operation-fields textarea[b-ue6ci73o4r],
.q-bulk-form input[b-ue6ci73o4r],
.q-bulk-form select[b-ue6ci73o4r] {
    background: var(--q-dark-card-2);
    border-color: var(--q-dark-line);
    color: var(--q-dark-ink);
}

.q-bulk-help[b-ue6ci73o4r],
.q-policy-note[b-ue6ci73o4r] {
    background: rgba(72, 91, 255, 0.09);
    border: 1px solid rgba(104, 120, 255, 0.2);
    border-radius: 9px;
    color: var(--q-dark-muted);
    font-size: 11px;
    font-weight: 650;
    line-height: 1.5;
    margin-top: 10px;
    padding: 9px 11px;
}

.q-policy-note[b-ue6ci73o4r] {
    margin: -5px 0 16px;
}

.q-operation-empty[b-ue6ci73o4r] {
    align-items: center;
    border: 1px dashed var(--q-dark-line);
    border-radius: 11px;
    color: var(--q-dark-muted);
    display: flex;
    flex: 1;
    font-size: 12px;
    justify-content: center;
    margin-top: 14px;
    min-height: 92px;
    padding: 18px;
    text-align: center;
}

.q-operation-list[b-ue6ci73o4r] {
    display: grid;
    gap: 10px;
    margin: 14px -4px 0 0;
    min-height: 0;
    overflow: auto;
    padding: 0 4px 4px 0;
}

.q-bulk-operation-card[b-ue6ci73o4r] {
    background: rgba(25, 27, 58, 0.74);
    border: 1px solid var(--q-dark-line);
    border-radius: 12px;
    padding: 13px 14px 14px;
}

.q-bulk-operation-card > header[b-ue6ci73o4r] {
    align-items: flex-start;
    display: flex;
    gap: 14px;
    justify-content: space-between;
}

.q-bulk-operation-card h3[b-ue6ci73o4r] {
    font-size: 13px;
    margin: 0 0 3px;
}

.q-bulk-operation-card header p[b-ue6ci73o4r] {
    color: var(--q-dark-muted);
    font-size: 11px;
    line-height: 1.45;
    margin: 0;
}

.q-operation-remove[b-ue6ci73o4r] {
    background: transparent;
    border: 0;
    color: var(--q-dark-muted);
    flex: none;
    font-size: 20px;
    height: 28px;
    min-height: 28px;
    padding: 0;
    width: 28px;
}

.q-operation-remove:hover[b-ue6ci73o4r],
.q-operation-remove:focus-visible[b-ue6ci73o4r] {
    color: var(--q-red);
    outline: none;
}

.q-operation-fields[b-ue6ci73o4r] {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 12px;
}

.q-operation-fields .wide[b-ue6ci73o4r] {
    grid-column: 1 / -1;
}

.q-operation-fields label[b-ue6ci73o4r] {
    color: var(--q-dark-muted);
    font-size: 11px;
}

.q-operation-fields textarea[b-ue6ci73o4r] {
    min-height: 76px;
}

.q-operation-fields small[b-ue6ci73o4r] {
    color: var(--q-dark-dim);
    font-size: 10px;
    font-weight: 600;
    line-height: 1.4;
}

.q-operation-error[b-ue6ci73o4r] {
    color: var(--q-red);
    display: block;
    font-size: 10px;
    font-weight: 750;
    margin-top: 9px;
}

.q-bulk-modal > .q-bulk-modal-actions[b-ue6ci73o4r] {
    border-top: 1px solid var(--q-dark-line);
    flex: none;
    margin: 14px 0 -4px;
    padding-top: 14px;
}

.q-page-size[b-ue6ci73o4r] {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 7px;
}

.q-page-size > span[b-ue6ci73o4r] {
    color: var(--q-dark-muted);
    font-size: 11px;
    white-space: nowrap;
}

.q-page-size input[b-ue6ci73o4r] {
    background: var(--q-dark-card-2);
    border: 1px solid var(--q-dark-line);
    border-radius: 7px;
    color: var(--q-dark-muted);
    min-height: 30px;
    padding: 0 5px 0 8px;
    width: 78px;
}

.q-vero-banner-row strong[b-ue6ci73o4r] {
    color: inherit;
}

.q-draft-validation-banner[b-ue6ci73o4r] {
    align-items: center;
    display: flex;
    gap: 10px;
}

.q-draft-validation-banner > span[b-ue6ci73o4r] {
    min-width: 0;
    flex: 1;
    overflow-wrap: anywhere;
}

.q-draft-error-action[b-ue6ci73o4r] {
    flex: none;
    min-height: 30px;
    padding: 0 11px;
    border: 1px solid currentColor;
    border-radius: 8px;
    background: rgba(255, 255, 255, .06);
    color: inherit;
    font-size: 10px;
    font-weight: 900;
    cursor: pointer;
}

.q-draft-error-action:hover[b-ue6ci73o4r],
.q-draft-error-action:focus-visible[b-ue6ci73o4r] {
    background: rgba(255, 255, 255, .12);
    outline: none;
}

.q-draft-error-action:disabled[b-ue6ci73o4r] {
    cursor: not-allowed;
    opacity: .55;
}

.q-profit-cell[b-ue6ci73o4r] {
    display: grid;
    gap: 2px;
    white-space: nowrap;
}

.q-profit-cell strong[b-ue6ci73o4r] {
    color: var(--q-lime);
    font-size: 13px;
}

.q-profit-cell small[b-ue6ci73o4r] {
    color: var(--q-dark-muted);
    font-size: 10px;
    font-weight: 700;
}

.q-profit-cell.negative strong[b-ue6ci73o4r] {
    color: var(--q-red);
}

.q-profit-unavailable[b-ue6ci73o4r] {
    color: var(--q-dark-dim);
    font-size: 12px;
    font-weight: 700;
}

.q-import-mode-tabs[b-ue6ci73o4r] {
    align-items: center;
    background: var(--q-dark-raise);
    border: 1px solid var(--q-dark-line);
    border-radius: 10px;
    display: inline-flex;
    gap: 3px;
    padding: 4px;
    width: fit-content;
}

.q-import-mode-tabs button[b-ue6ci73o4r] {
    background: transparent;
    border: 0;
    border-radius: 7px;
    color: var(--q-dark-muted);
    font-size: 12px;
    font-weight: 800;
    padding: 8px 14px;
}

.q-import-mode-tabs button.active[b-ue6ci73o4r] {
    background: var(--q-indigo-bright);
    color: #fff;
}

.q-import-modal-overlay[b-ue6ci73o4r] {
    z-index: 80;
}

.q-import-modal[b-ue6ci73o4r] {
    max-width: 780px;
}

.q-import-modal-body[b-ue6ci73o4r] {
    align-content: start;
    gap: 16px;
}

.q-import-modal-body textarea[b-ue6ci73o4r] {
    min-height: 150px;
    resize: vertical;
}

.q-import-destination-grid[b-ue6ci73o4r] {
    align-items: end;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.q-import-destination-grid small[b-ue6ci73o4r] {
    color: var(--q-dark-muted);
    display: block;
    font-size: 11px;
    margin-top: 5px;
}

.q-import-modal-foot[b-ue6ci73o4r] {
    justify-content: flex-end;
}

.q-csv-field small[b-ue6ci73o4r] {
    color: var(--q-dark-muted);
    display: block;
    font-size: 11px;
    font-weight: 500;
    margin-top: 7px;
}

.q-form-grid label > small[b-ue6ci73o4r] {
    color: var(--q-dark-muted);
    display: block;
    font-size: 11px;
    font-weight: 500;
    margin-top: 7px;
}

.q-import-variants[b-ue6ci73o4r] {
    align-items: center;
    background: rgba(72, 91, 255, 0.08);
    border: 1px solid rgba(104, 120, 255, 0.24);
    border-radius: 12px;
    cursor: pointer;
    display: flex;
    gap: 11px;
    padding: 13px 14px;
}

.q-import-variants > input[b-ue6ci73o4r] {
    flex: 0 0 auto;
    height: 17px;
    margin-top: 0;
    min-height: 17px;
    padding: 0;
    width: 17px;
}

.q-import-variants > span[b-ue6ci73o4r] {
    display: grid;
    gap: 3px;
}

.q-import-variants strong[b-ue6ci73o4r] {
    color: var(--q-dark-ink);
    font-size: 13px;
}

@media (max-width: 640px) {
    .q-import-modal-overlay[b-ue6ci73o4r] {
        padding: 18px 10px;
    }

    .q-import-modal .q-form-grid[b-ue6ci73o4r] {
        grid-template-columns: 1fr;
    }

    .q-import-modal .q-form-grid .wide[b-ue6ci73o4r] {
        grid-column: auto;
    }

    .q-import-mode-tabs[b-ue6ci73o4r],
    .q-import-mode-tabs button[b-ue6ci73o4r] {
        width: 100%;
    }
}

.q-import-variants small[b-ue6ci73o4r] {
    color: var(--q-dark-muted);
    font-size: 11px;
    font-weight: 500;
}

.q-template-link[b-ue6ci73o4r] {
    color: var(--q-indigo-bright);
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    margin-top: 4px;
}

.q-import-modal-backdrop[b-ue6ci73o4r] {
    align-items: center;
    background: rgba(4, 8, 22, 0.78);
    display: flex;
    inset: 0;
    justify-content: center;
    padding: 24px;
    position: fixed;
    z-index: 1500;
}

@media (max-width: 900px) {
    .q-bulk-bar[b-ue6ci73o4r] {
        left: 16px;
        right: 16px;
    }
}

@media (max-width: 640px) {
    .q-bulk-bar[b-ue6ci73o4r] {
        align-items: stretch;
        bottom: 10px;
        flex-direction: column;
        gap: 9px;
        left: 10px;
        max-height: 48vh;
        overflow: auto;
        right: 10px;
    }

    .q-bulk-actions[b-ue6ci73o4r] {
        justify-content: flex-start;
    }

    .q-bulk-actions .q-btn[b-ue6ci73o4r] {
        flex: 1 1 calc(50% - 7px);
    }

    .q-import-modal-backdrop[b-ue6ci73o4r] {
        padding: 10px;
    }

    .q-bulk-modal[b-ue6ci73o4r],
    .q-bulk-edit-modal[b-ue6ci73o4r] {
        max-height: calc(100vh - 20px);
        padding: 17px;
    }

    .q-bulk-form[b-ue6ci73o4r] {
        grid-template-columns: 1fr;
    }

    .q-operation-fields[b-ue6ci73o4r] {
        grid-template-columns: 1fr;
    }

    .q-operation-fields .wide[b-ue6ci73o4r] {
        grid-column: auto;
    }

    .q-bulk-modal-actions .q-btn[b-ue6ci73o4r] {
        flex: 1;
    }

    .q-page-size[b-ue6ci73o4r] {
        align-items: flex-start;
    }

}
/* _content/Qublo.App.Shared/Pages/GoogleAuthenticationCallback.razor.rz.scp.css */
.google-callback-page[b-u9rat3m5ob] {
    align-items: center;
    background:
        radial-gradient(circle at 18% 16%, rgba(91, 91, 214, 0.68), transparent 28rem),
        #0d0d22;
    color: #ffffff;
    display: flex;
    justify-content: center;
    min-height: 100vh;
    padding: 2rem;
}

.google-callback-card[b-u9rat3m5ob] {
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0 30px 90px rgba(0, 0, 0, 0.35);
    color: #08021a;
    max-width: 34rem;
    padding: 2rem;
    text-align: center;
    width: 100%;
}

.google-callback-card img[b-u9rat3m5ob] {
    border-radius: 8px;
    height: 3rem;
    width: 3rem;
}

.google-callback-kicker[b-u9rat3m5ob] {
    color: #5b5bd6;
    display: block;
    font-size: 0.78rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    margin-top: 1rem;
    text-transform: uppercase;
}

.google-callback-card h1[b-u9rat3m5ob] {
    font-size: 2rem;
    margin: 0.45rem 0 0;
}

.google-callback-card p[b-u9rat3m5ob] {
    color: #516079;
    line-height: 1.55;
    margin: 0.9rem 0 1.4rem;
}
/* _content/Qublo.App.Shared/Pages/Home.razor.rz.scp.css */
.marketing-page[b-p67w2cipta] {
    --m-bg: #080a1a;
    --m-surface: #12162f;
    --m-surface-2: #181d3c;
    --m-line: #242a4e;
    --m-brand: #5b5bd6;
    --m-lime: #c6f94b;
    --m-text: #edeffa;
    --m-muted: #b4bad6;
    background: var(--m-bg);
    color: var(--m-text);
    font-family: Inter, system-ui, sans-serif;
    overflow: hidden;
}

.home-container[b-p67w2cipta] { margin: 0 auto; max-width: 1180px; padding-left: 22px; padding-right: 22px; width: 100%; }
.home-hero[b-p67w2cipta] { background: radial-gradient(900px 560px at 50% 2%, rgba(91,91,214,.34), transparent 65%), #080a1a; min-height: 850px; overflow: hidden; position: relative; }
.home-hero__inner[b-p67w2cipta] { display: grid; gap: 54px; grid-template-columns: minmax(0, .9fr) minmax(500px, 1.1fr); padding-bottom: 88px; padding-top: 92px; position: relative; z-index: 2; }
.home-hero__copy[b-p67w2cipta] { align-self: center; }
.home-pill[b-p67w2cipta] { background: rgba(255,255,255,.055); border: 1px solid rgba(255,255,255,.14); border-radius: 999px; color: #d5d8e9; display: inline-block; font-size: 13px; font-weight: 700; padding: 8px 13px; }

.home-hero h1[b-p67w2cipta],
.home-heading h2[b-p67w2cipta],
.feature-panel h2[b-p67w2cipta],
.home-cta-band h2[b-p67w2cipta],
.home-closing h2[b-p67w2cipta] {
    color: #fff;
    font-family: "Space Grotesk", Inter, system-ui, sans-serif;
    font-weight: 750;
    letter-spacing: -.045em;
    line-height: 1.04;
}

.home-hero h1[b-p67w2cipta] { font-size: clamp(45px, 5.6vw, 74px); margin: 24px 0 20px; }
mark[b-p67w2cipta] { background: none; color: var(--m-lime); }
.home-hero__copy > p[b-p67w2cipta] { color: var(--m-muted); font-size: 18px; line-height: 1.7; margin: 0; max-width: 600px; }
.home-actions[b-p67w2cipta] { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }
.home-btn[b-p67w2cipta] { align-items: center; border-radius: 10px; display: inline-flex; font-weight: 800; justify-content: center; min-height: 50px; padding: 0 20px; text-decoration: none; }
.home-btn--lime[b-p67w2cipta] { background: var(--m-lime); color: #16290a; }
.home-btn--lime:hover[b-p67w2cipta] { background: #d3ff69; color: #16290a; }
.home-btn--ghost[b-p67w2cipta] { border: 1px solid #2e3560; color: #fff; }
.home-btn--ghost:hover[b-p67w2cipta] { background: rgba(255,255,255,.06); color: #fff; }
.home-btn--primary[b-p67w2cipta] { background: var(--m-brand); color: #fff; }
.home-btn--primary:hover[b-p67w2cipta] { background: #3f3fb8; color: #fff; }
.home-proof[b-p67w2cipta] { display: flex; flex-wrap: wrap; gap: 15px 22px; list-style: none; margin: 24px 0 0; padding: 0; }
.home-proof li[b-p67w2cipta] { color: #969dbd; font-size: 12px; }
.home-proof span[b-p67w2cipta] { color: var(--m-lime); font-weight: 900; margin-right: 4px; }

.app-preview[b-p67w2cipta] { align-self: center; background: #eef0f8; border: 1px solid rgba(255,255,255,.22); border-radius: 18px; box-shadow: 0 36px 100px rgba(0,0,0,.42); color: #12142a; overflow: hidden; transform: perspective(1200px) rotateY(-4deg) rotateX(2deg); }
.app-preview__bar[b-p67w2cipta] { align-items: center; background: #171a36; color: #b4bad6; display: flex; gap: 6px; min-height: 48px; padding: 0 14px; }
.app-preview__bar i[b-p67w2cipta] { background: #5b5bd6; border-radius: 50%; height: 8px; width: 8px; }
.app-preview__bar i:nth-child(2)[b-p67w2cipta] { background: #8d8ff3; }
.app-preview__bar i:nth-child(3)[b-p67w2cipta] { background: #c6f94b; }
.app-preview__bar > span[b-p67w2cipta] { font-size: 11px; margin-left: 8px; }
.app-preview__bar strong[b-p67w2cipta] { background: #c6f94b; border-radius: 6px; color: #16290a; font-size: 10px; margin-left: auto; padding: 6px 8px; }
.app-preview__body[b-p67w2cipta] { padding: 17px; }
.app-kpis[b-p67w2cipta] { display: grid; gap: 9px; grid-template-columns: repeat(4, 1fr); }
.app-kpis > div[b-p67w2cipta] { background: #fff; border: 1px solid #dfe3ef; border-radius: 9px; display: flex; flex-direction: column; min-width: 0; padding: 10px; }
.app-kpis small[b-p67w2cipta] { color: #747b96; font-size: 9px; }
.app-kpis strong[b-p67w2cipta] { font-size: 14px; margin-top: 5px; }
.app-kpis em[b-p67w2cipta] { color: #19976a; font-size: 9px; font-style: normal; }
.app-kpis span[b-p67w2cipta] { color: #747b96; font-size: 9px; }
.app-chart[b-p67w2cipta] { background: #fff; border: 1px solid #dfe3ef; border-radius: 9px; margin-top: 10px; padding: 12px; }
.app-chart > div:first-child[b-p67w2cipta] { display: flex; font-size: 9px; justify-content: space-between; }
.app-chart > div:first-child span[b-p67w2cipta] { color: #19976a; }
.app-chart__bars[b-p67w2cipta] { align-items: end; display: flex; gap: 5px; height: 92px; margin-top: 12px; }
.app-chart__bars i[b-p67w2cipta] { background: linear-gradient(#8d8ff3, #5b5bd6); border-radius: 3px 3px 0 0; flex: 1; }
.app-rows[b-p67w2cipta] { background: #fff; border: 1px solid #dfe3ef; border-radius: 9px; margin-top: 10px; }
.app-rows > div[b-p67w2cipta] { align-items: center; border-bottom: 1px solid #e8eaf2; display: flex; gap: 9px; padding: 10px; }
.app-rows > div:last-child[b-p67w2cipta] { border-bottom: 0; }
.app-rows > div > i[b-p67w2cipta] { align-items: center; background: #e8e8fb; border-radius: 7px; color: #5b5bd6; display: flex; font-style: normal; height: 29px; justify-content: center; width: 29px; }
.app-rows span[b-p67w2cipta] { display: flex; flex: 1; flex-direction: column; min-width: 0; }
.app-rows strong[b-p67w2cipta] { font-size: 9px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.app-rows small[b-p67w2cipta] { color: #747b96; font-size: 8px; }
.app-rows em[b-p67w2cipta] { background: #e7f8ef; border-radius: 999px; color: #177b58; font-size: 8px; font-style: normal; padding: 4px 7px; }

.home-section[b-p67w2cipta] { padding: 104px 0; }
.home-section--compact[b-p67w2cipta] { padding: 38px 0; }
.home-section--soft[b-p67w2cipta] { background: #0d1027; }
.home-cta-band[b-p67w2cipta] { background: radial-gradient(circle at 12% 20%, rgba(198,249,75,.16), transparent 30%), linear-gradient(135deg, #242669, #151733); border: 1px solid rgba(141,143,243,.4); border-radius: 22px; overflow: hidden; padding: 52px; position: relative; text-align: center; }
.home-cta-band > div[b-p67w2cipta] { position: relative; z-index: 2; }
.home-cta-band h2[b-p67w2cipta] { font-size: clamp(30px, 4vw, 46px); margin: 0 auto 24px; max-width: 740px; }
.home-cta-band p[b-p67w2cipta] { color: #b4bad6; font-size: 12px; margin: 12px 0 0; }

.feature-panels[b-p67w2cipta] { display: grid; gap: 110px; }
.feature-panel[b-p67w2cipta] { align-items: center; display: grid; gap: 80px; grid-template-columns: 1fr 1fr; }
.feature-panel--reverse > div:first-child[b-p67w2cipta] { order: 2; }
.home-eyebrow[b-p67w2cipta] { color: #8d8ff3; display: block; font-size: 12px; font-weight: 850; letter-spacing: .12em; margin-bottom: 14px; text-transform: uppercase; }
.feature-panel h2[b-p67w2cipta] { font-size: clamp(34px, 4vw, 52px); margin: 0 0 20px; }
.feature-panel > div:first-child > p[b-p67w2cipta] { color: var(--m-muted); font-size: 16px; line-height: 1.7; }
.feature-panel ul[b-p67w2cipta] { display: grid; gap: 10px; list-style: none; margin: 24px 0; padding: 0; }
.feature-panel li[b-p67w2cipta] { color: #d2d5e5; padding-left: 28px; position: relative; }
.feature-panel li[b-p67w2cipta]::before { background: rgba(198,249,75,.14); border-radius: 5px; color: var(--m-lime); content: "✓"; font-size: 11px; height: 19px; left: 0; position: absolute; text-align: center; top: 1px; width: 19px; }
.feature-panel a[b-p67w2cipta] { color: var(--m-lime); font-weight: 800; text-decoration: none; }
.feature-panel__demo[b-p67w2cipta] { background: linear-gradient(160deg, #181d3c, #10142b); border: 1px solid #2e3560; border-radius: 18px; box-shadow: 0 26px 70px rgba(0,0,0,.28); padding: 26px; }
.feature-panel__demo > span[b-p67w2cipta] { color: #8f97b8; display: block; font-size: 12px; margin-bottom: 18px; }
.price-rules > div[b-p67w2cipta] { align-items: center; border-bottom: 1px solid #242a4e; display: flex; justify-content: space-between; padding: 15px 0; }
.price-rules > div:last-child[b-p67w2cipta] { border-bottom: 0; }
.price-rules small[b-p67w2cipta] { color: #b4bad6; }
.price-rules strong[b-p67w2cipta] { color: #fff; }
.price-rules em[b-p67w2cipta] { background: rgba(198,249,75,.14); border-radius: 999px; color: #c6f94b; font-style: normal; padding: 4px 8px; }
.draft-list > span[b-p67w2cipta] { align-items: center; display: flex; justify-content: space-between; }
.draft-list > span b[b-p67w2cipta] { background: #5b5bd6; border-radius: 999px; color: #fff; padding: 4px 8px; }
.draft-list > div[b-p67w2cipta] { align-items: center; background: rgba(255,255,255,.035); border: 1px solid #242a4e; border-radius: 9px; display: flex; gap: 12px; margin-top: 9px; padding: 12px; }
.draft-list i[b-p67w2cipta] { align-items: center; background: rgba(198,249,75,.14); border-radius: 6px; color: #c6f94b; display: flex; font-style: normal; height: 25px; justify-content: center; width: 25px; }
.draft-list p[b-p67w2cipta] { display: flex; flex-direction: column; margin: 0; }
.draft-list strong[b-p67w2cipta] { color: #fff; font-size: 13px; }
.draft-list small[b-p67w2cipta] { color: #8991b1; }
.draft-list .is-blocked i[b-p67w2cipta] { background: rgba(240,85,106,.13); color: #ff7588; }
.draft-list .is-blocked small[b-p67w2cipta] { color: #ff8d9d; }
.order-flow__steps[b-p67w2cipta] { align-items: center; display: flex; }
.order-flow__steps i[b-p67w2cipta] { align-items: center; border: 2px solid #5b5bd6; border-radius: 50%; color: #8d8ff3; display: flex; font-style: normal; height: 34px; justify-content: center; width: 34px; }
.order-flow__steps i.done[b-p67w2cipta] { background: #c6f94b; border-color: #c6f94b; color: #16290a; }
.order-flow__steps b[b-p67w2cipta] { background: #5b5bd6; flex: 1; height: 2px; }
.order-flow__labels[b-p67w2cipta] { color: #8991b1; display: flex; font-size: 10px; justify-content: space-between; margin-top: 8px; }
.order-flow p[b-p67w2cipta] { background: rgba(255,255,255,.04); border-radius: 8px; color: #8991b1; margin: 20px 0 0; padding: 12px; }
.order-flow p strong[b-p67w2cipta] { color: #fff; float: right; }

.home-heading[b-p67w2cipta] { max-width: 700px; }
.home-heading--center[b-p67w2cipta] { margin: 0 auto 48px; text-align: center; }
.home-heading h2[b-p67w2cipta] { font-size: clamp(36px, 4.6vw, 58px); margin: 0; }
.home-heading p[b-p67w2cipta] { color: var(--m-muted); font-size: 17px; line-height: 1.65; }
.step-grid[b-p67w2cipta] { display: grid; gap: 16px; grid-template-columns: repeat(3, 1fr); margin-top: 48px; }
.step-grid article[b-p67w2cipta] { background: #12162f; border: 1px solid #242a4e; border-radius: 16px; overflow: hidden; }
.step-art[b-p67w2cipta] { background: radial-gradient(circle at 60% 40%, rgba(91,91,214,.55), transparent 42%), #181d3c; height: 150px; overflow: hidden; position: relative; }
.step-art span[b-p67w2cipta] { color: rgba(255,255,255,.16); font-size: 76px; font-weight: 900; left: 18px; position: absolute; top: 5px; }
.step-art i[b-p67w2cipta] { background: #c6f94b; border-radius: 12px; box-shadow: 24px 20px 0 #5b5bd6; height: 46px; position: absolute; right: 46px; top: 55px; transform: rotate(20deg); width: 46px; }
.step-copy[b-p67w2cipta] { padding: 22px; }
.step-copy > span[b-p67w2cipta] { color: #8d8ff3; font-size: 11px; font-weight: 800; text-transform: uppercase; }
.step-copy h3[b-p67w2cipta] { color: #fff; font-size: 19px; margin: 10px 0; }
.step-copy p[b-p67w2cipta] { color: #a6acc9; line-height: 1.6; margin: 0; }
.step-grid article:nth-child(4)[b-p67w2cipta], .step-grid article:nth-child(5)[b-p67w2cipta] { grid-column: span 1; }
.home-center[b-p67w2cipta] { margin-top: 34px; text-align: center; }
.home-plans[b-p67w2cipta] { background: radial-gradient(600px 400px at 50% 40%, rgba(91,91,214,.13), transparent 70%), #080a1a; }
.home-loading[b-p67w2cipta] { color: #b4bad6; padding: 40px; text-align: center; }

.faq-layout[b-p67w2cipta] { display: grid; gap: 70px; grid-template-columns: minmax(280px, .8fr) minmax(0, 1.2fr); }
.faq-list details[b-p67w2cipta] { border-bottom: 1px solid #2a2f52; padding: 20px 0; }
.faq-list summary[b-p67w2cipta] { color: #fff; cursor: pointer; font-size: 17px; font-weight: 700; list-style: none; }
.faq-list summary[b-p67w2cipta]::-webkit-details-marker { display: none; }
.faq-list summary span[b-p67w2cipta] { color: #c6f94b; float: right; font-size: 22px; }
.faq-list details[open] summary span[b-p67w2cipta] { transform: rotate(45deg); }
.faq-list p[b-p67w2cipta] { color: #a8aecb; line-height: 1.65; margin: 14px 30px 0 0; }

.home-closing[b-p67w2cipta] { background: linear-gradient(135deg, #242669, #12142f); overflow: hidden; padding: 88px 0; position: relative; text-align: center; }
.home-closing .home-container[b-p67w2cipta] { position: relative; z-index: 2; }
.home-closing h2[b-p67w2cipta] { font-size: clamp(38px, 5vw, 62px); margin: 0; }
.home-closing p[b-p67w2cipta] { color: #c3c7dc; font-size: 18px; margin: 16px 0 26px; }

@media (max-width: 980px) {
    .home-hero__inner[b-p67w2cipta] { grid-template-columns: 1fr; }
    .app-preview[b-p67w2cipta] { transform: none; }
    .feature-panel[b-p67w2cipta] { gap: 44px; }
    .step-grid[b-p67w2cipta] { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 760px) {
    .home-hero[b-p67w2cipta] { min-height: auto; }
    .home-hero__inner[b-p67w2cipta] { padding-bottom: 62px; padding-top: 62px; }
    .home-section[b-p67w2cipta] { padding: 74px 0; }
    .home-cta-band[b-p67w2cipta] { padding: 40px 24px; }
    .feature-panel[b-p67w2cipta] { grid-template-columns: 1fr; }
    .feature-panel--reverse > div:first-child[b-p67w2cipta] { order: 0; }
    .faq-layout[b-p67w2cipta] { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
    .home-hero h1[b-p67w2cipta] { font-size: 42px; }
    .app-preview__body[b-p67w2cipta] { padding: 10px; }
    .app-kpis[b-p67w2cipta] { grid-template-columns: 1fr 1fr; }
    .app-rows em[b-p67w2cipta] { display: none; }
    .step-grid[b-p67w2cipta] { grid-template-columns: 1fr; }
    .feature-panels[b-p67w2cipta] { gap: 78px; }
}
/* _content/Qublo.App.Shared/Pages/Integrations.razor.rz.scp.css */
.integrations-page[b-e90ut68pma] {
    display: grid;
    gap: 1rem;
}

.integrations-header[b-e90ut68pma] {
    align-items: end;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.integrations-header h1[b-e90ut68pma] {
    font-size: 2.65rem;
    font-weight: 900;
    line-height: 1.05;
    margin: 0.4rem 0 0.5rem;
}

.integrations-header p[b-e90ut68pma] {
    color: var(--q-muted);
    margin: 0;
}

.summary-strip[b-e90ut68pma],
.integration-grid[b-e90ut68pma] {
    display: grid;
    gap: 0.85rem;
}

.summary-strip[b-e90ut68pma] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.summary-strip article[b-e90ut68pma],
.integration-card[b-e90ut68pma] {
    background: #ffffff;
    border: 1px solid var(--q-line);
    border-radius: 8px;
    box-shadow: var(--q-shadow-sm);
}

.summary-strip article[b-e90ut68pma] {
    padding: 1rem;
}

.summary-strip span[b-e90ut68pma],
.next-step span[b-e90ut68pma] {
    color: var(--q-muted);
    display: block;
    font-size: 0.78rem;
    font-weight: 900;
    text-transform: uppercase;
}

.summary-strip strong[b-e90ut68pma] {
    display: block;
    font-size: 1.35rem;
    margin-top: 0.35rem;
}

.integration-grid[b-e90ut68pma] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.integration-card[b-e90ut68pma] {
    display: grid;
    gap: 0.9rem;
    padding: 1rem;
}

.card-heading[b-e90ut68pma] {
    align-items: start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.integration-card h2[b-e90ut68pma] {
    font-size: 1.25rem;
    margin: 0.2rem 0 0;
}

.integration-card p[b-e90ut68pma] {
    color: var(--q-muted);
    line-height: 1.55;
    margin: 0;
}

.next-step[b-e90ut68pma] {
    background: var(--q-surface-2);
    border: 1px solid var(--q-line);
    border-radius: 8px;
    padding: 0.8rem;
}

.next-step strong[b-e90ut68pma] {
    display: block;
    line-height: 1.45;
    margin-top: 0.25rem;
}

@media (max-width: 1020px) {
    .summary-strip[b-e90ut68pma],
    .integration-grid[b-e90ut68pma] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .integrations-header[b-e90ut68pma] {
        align-items: stretch;
        flex-direction: column;
    }

    .integrations-header h1[b-e90ut68pma] {
        font-size: 2rem;
    }

    .card-heading[b-e90ut68pma] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* _content/Qublo.App.Shared/Pages/Inventory.razor.rz.scp.css */
.q-draft-status-badges[b-hne2aldavr] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 6px;
}

.q-unmonitored.active[b-hne2aldavr] {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.55) inset;
}

/* Row template shared with the Bozze list (clickable rows + BUY/SELL product links). */
.q-draft-clickable-row[b-hne2aldavr] {
    cursor: pointer;
}

.q-draft-clickable-row > td[b-hne2aldavr] {
    transition: background-color 0.15s ease;
}

.q-draft-clickable-row:hover > td[b-hne2aldavr],
.q-draft-clickable-row:focus > td[b-hne2aldavr] {
    background: rgba(41, 114, 252, 0.055);
}

.q-draft-clickable-row:focus[b-hne2aldavr] {
    outline: none;
}

.q-draft-clickable-row:focus-visible[b-hne2aldavr] {
    outline: 2px solid var(--q-indigo-bright);
    outline-offset: -2px;
}

.q-draft-product-links[b-hne2aldavr] {
    align-items: flex-start;
    gap: 7px;
}

.q-draft-product-link[b-hne2aldavr] {
    align-items: center;
    color: var(--q-dark-muted);
    display: inline-flex;
    gap: 5px;
    max-width: 100%;
    min-height: 22px;
    text-decoration: none;
}

.q-draft-product-link:hover[b-hne2aldavr],
.q-draft-product-link:focus-visible[b-hne2aldavr] {
    color: var(--q-dark-ink);
}

.q-draft-product-link:focus-visible[b-hne2aldavr] {
    border-radius: 5px;
    box-shadow: 0 0 0 2px var(--q-indigo-bright);
    outline: none;
}

.q-draft-product-link:hover .q-draft-product-code[b-hne2aldavr],
.q-draft-product-link:focus-visible .q-draft-product-code[b-hne2aldavr] {
    text-decoration: underline;
}

.q-draft-product-link.is-disabled[b-hne2aldavr] {
    color: var(--q-dark-faint);
    cursor: not-allowed;
}

.q-draft-market-badge[b-hne2aldavr] {
    background: var(--q-dark-raise);
    border-radius: 4px;
    color: var(--q-dark-muted);
    flex: none;
    font-size: 9px;
    font-weight: 900;
    line-height: 1;
    padding: 3px 4px;
}

.q-draft-ebay-avatar[b-hne2aldavr] {
    align-items: center;
    background: linear-gradient(145deg, var(--q-indigo-bright), var(--q-indigo));
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 50%;
    color: #ffffff;
    display: inline-flex;
    flex: none;
    font-size: 8px;
    font-weight: 900;
    height: 20px;
    justify-content: center;
    letter-spacing: -0.02em;
    line-height: 1;
    width: 20px;
}

.q-draft-product-code[b-hne2aldavr] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.q-profit-cell[b-hne2aldavr] {
    display: grid;
    gap: 2px;
    white-space: nowrap;
}

.q-profit-cell strong[b-hne2aldavr] {
    color: var(--q-lime);
    font-size: 13px;
}

.q-profit-cell small[b-hne2aldavr] {
    color: var(--q-dark-muted);
    font-size: 10px;
    font-weight: 700;
}

.q-profit-cell.negative strong[b-hne2aldavr] {
    color: var(--q-red);
}

.q-profit-unavailable[b-hne2aldavr] {
    color: var(--q-dark-dim);
    font-size: 12px;
    font-weight: 700;
}

.q-inventory-bulk-bar[b-hne2aldavr] {
    align-items: center;
    background: var(--q-dark-card);
    border: 1px solid var(--q-dark-line);
    border-radius: 12px;
    display: flex;
    gap: 18px;
    justify-content: space-between;
    margin-bottom: 14px;
    padding: 12px 14px;
}

.q-inventory-bulk-bar > div:first-child[b-hne2aldavr] {
    display: grid;
    gap: 3px;
}

.q-inventory-bulk-bar strong[b-hne2aldavr] {
    color: var(--q-dark-ink);
    font-size: 13px;
}

.q-inventory-bulk-bar span[b-hne2aldavr] {
    color: var(--q-dark-muted);
    font-size: 11px;
}

.q-inventory-bulk-actions[b-hne2aldavr] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.q-inventory-ads-status[b-hne2aldavr],
.q-row-action-unavailable[b-hne2aldavr] {
    align-items: center;
    background: var(--q-dark-raise);
    border: 1px solid var(--q-dark-line);
    border-radius: 7px;
    color: var(--q-dark-dim);
    display: inline-flex;
    font-size: 10px;
    font-weight: 800;
    min-height: 30px;
    padding: 0 9px;
    white-space: nowrap;
}

.q-btn-success[b-hne2aldavr] {
    background: var(--q-lime);
    border-color: var(--q-lime);
    color: #10230d;
}

.q-btn-success:hover:not(:disabled)[b-hne2aldavr],
.q-btn-success:focus-visible:not(:disabled)[b-hne2aldavr] {
    filter: brightness(1.06);
}

.q-row-sponsor-button[b-hne2aldavr] {
    font-size: 10px;
    min-height: 28px;
    padding: 0 8px;
}

.q-row-sponsorship[b-hne2aldavr] {
    align-items: center;
    border: 1px solid var(--q-dark-line);
    border-radius: 999px;
    display: inline-flex;
    font-size: 10px;
    font-weight: 800;
    min-height: 28px;
    padding: 0 8px;
    white-space: nowrap;
}

.q-row-sponsorship.active[b-hne2aldavr] {
    background: color-mix(in srgb, var(--q-lime) 16%, transparent);
    border-color: color-mix(in srgb, var(--q-lime) 48%, var(--q-dark-line));
    color: var(--q-lime);
}

.q-row-sponsorship.paused[b-hne2aldavr] {
    background: rgba(245, 158, 11, 0.12);
    border-color: rgba(245, 158, 11, 0.42);
    color: #fbbf24;
}

.q-row-sponsorship.inactive[b-hne2aldavr],
.q-row-sponsorship.unavailable[b-hne2aldavr] {
    background: var(--q-dark-raise);
    color: var(--q-dark-dim);
}

.q-inventory-performance[b-hne2aldavr] {
    min-width: 92px;
}

/*
 * Inventory has two more columns and a richer action set than the Drafts grid.
 * Give it its own column contract so content cannot enlarge the page, while the
 * scroll container remains the deliberate fallback on narrower viewports.
 */
.q-inventory-items-scroll[b-hne2aldavr] {
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-inline: contain;
    scrollbar-color: var(--q-indigo) var(--q-dark-card-2);
    scrollbar-gutter: stable;
    scrollbar-width: thin;
}

.q-inventory-items-scroll[b-hne2aldavr]::-webkit-scrollbar {
    height: 9px;
}

.q-inventory-items-scroll[b-hne2aldavr]::-webkit-scrollbar-track {
    background: var(--q-dark-card-2);
}

.q-inventory-items-scroll[b-hne2aldavr]::-webkit-scrollbar-thumb {
    background: var(--q-indigo);
    border: 2px solid var(--q-dark-card-2);
    border-radius: 999px;
}

.q-inventory-items-table .q-table[b-hne2aldavr] {
    min-width: 1370px;
    table-layout: fixed;
}

.q-inventory-items-table .q-table th:nth-child(1)[b-hne2aldavr] { width: 40px; }
.q-inventory-items-table .q-table th:nth-child(2)[b-hne2aldavr] { width: 250px; }
.q-inventory-items-table .q-table th:nth-child(3)[b-hne2aldavr] { width: 96px; }
.q-inventory-items-table .q-table th:nth-child(4)[b-hne2aldavr] { width: 116px; }
.q-inventory-items-table .q-table th:nth-child(5)[b-hne2aldavr] { width: 70px; }
.q-inventory-items-table .q-table th:nth-child(6)[b-hne2aldavr] { width: 110px; }
.q-inventory-items-table .q-table th:nth-child(7)[b-hne2aldavr] { width: 88px; }
.q-inventory-items-table .q-table th:nth-child(8)[b-hne2aldavr] { width: 98px; }
.q-inventory-items-table .q-table th:nth-child(9)[b-hne2aldavr] { width: 92px; }
.q-inventory-items-table .q-table th:nth-child(10)[b-hne2aldavr] { width: 160px; }
.q-inventory-items-table .q-table th:nth-child(11)[b-hne2aldavr] { width: 250px; }

.q-inventory-items-table .q-product[b-hne2aldavr] {
    min-width: 0;
}

.q-inventory-items-table .q-product > span:last-child[b-hne2aldavr] {
    min-width: 0;
}

.q-inventory-items-table .q-product-title[b-hne2aldavr] {
    display: -webkit-box;
    max-width: none;
    overflow: hidden;
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.q-inventory-items-table .q-draft-product-code[b-hne2aldavr] {
    max-width: 112px;
}

.q-inventory-items-table .q-row-actions[b-hne2aldavr] {
    align-content: center;
    flex-wrap: wrap;
    gap: 6px;
    min-width: 0;
}

/* Keep the operative controls available even while the data columns scroll. */
.q-inventory-items-table .q-table thead th:last-child[b-hne2aldavr],
.q-inventory-items-table .q-draft-clickable-row > td:last-child[b-hne2aldavr] {
    background: var(--q-dark-card);
    box-shadow: -12px 0 18px -18px rgba(0, 0, 0, 0.9);
    position: sticky;
    right: 0;
    z-index: 2;
}

.q-inventory-items-table .q-table thead th:last-child[b-hne2aldavr] {
    z-index: 3;
}

.q-inventory-items-table .q-draft-clickable-row:hover > td:last-child[b-hne2aldavr],
.q-inventory-items-table .q-draft-clickable-row:focus > td:last-child[b-hne2aldavr] {
    background: var(--q-dark-card-2);
}

.q-row-action-unavailable[b-hne2aldavr] {
    min-height: 28px;
    padding-inline: 7px;
}

.q-metric-unavailable[b-hne2aldavr] {
    color: var(--q-dark-dim);
    font-weight: 700;
}

.q-inventory-delete-modal[b-hne2aldavr] {
    max-width: 560px;
}

.q-inventory-delete-body[b-hne2aldavr] {
    color: var(--q-dark-muted);
    display: grid;
    gap: 12px;
    padding: 18px 20px;
}

.q-inventory-delete-body p[b-hne2aldavr],
.q-inventory-delete-body ul[b-hne2aldavr] {
    margin: 0;
}

.q-inventory-delete-body ul[b-hne2aldavr] {
    display: grid;
    gap: 6px;
    padding-left: 20px;
}

.q-inventory-delete-body li[b-hne2aldavr] {
    color: var(--q-dark-ink);
}

.q-inventory-delete-body li small[b-hne2aldavr] {
    color: var(--q-dark-dim);
}

.q-inventory-deletion-retry[b-hne2aldavr] {
    align-items: center;
    flex-wrap: wrap;
}

.q-inventory-deletion-retry > span[b-hne2aldavr] {
    flex: 1 1 420px;
    min-width: 0;
    overflow-wrap: anywhere;
}

.q-inventory-deletion-retry > span strong[b-hne2aldavr] {
    margin-right: 4px;
}

.q-inventory-deletion-retry-button[b-hne2aldavr] {
    flex: none;
    margin-left: auto;
    min-height: 30px;
    padding: 6px 11px;
}

.q-drafts-toolbar .q-btn[b-hne2aldavr],
.q-inventory-bulk-bar .q-btn[b-hne2aldavr],
.q-inventory-discovery-next-step .q-btn[b-hne2aldavr] {
    align-items: center;
    display: inline-flex;
    gap: 8px;
    justify-content: center;
}

.q-inventory-discovery-next-step[b-hne2aldavr] {
    align-items: center;
    background:
        radial-gradient(circle at 100% 0, var(--q-indigo-soft), transparent 48%),
        var(--q-dark-card-2);
    border: 1px solid color-mix(in srgb, var(--q-indigo-bright) 38%, var(--q-dark-line));
    border-radius: 12px;
    display: flex;
    gap: 18px;
    justify-content: space-between;
    margin-top: 14px;
    padding: 13px 14px;
}

.q-inventory-discovery-next-step > div[b-hne2aldavr] {
    display: grid;
    gap: 4px;
}

.q-inventory-discovery-next-step strong[b-hne2aldavr] {
    color: var(--q-dark-ink);
    font-size: 12px;
    font-weight: 900;
}

.q-inventory-discovery-next-step span[b-hne2aldavr] {
    color: var(--q-dark-muted);
    font-size: 10.5px;
    line-height: 1.45;
}

.q-inventory-discovery-next-step .q-btn span[b-hne2aldavr] {
    color: inherit;
    font-size: inherit;
}

.q-inventory-qublo-recoveries[b-hne2aldavr] {
    background:
        radial-gradient(circle at 100% 0, rgba(190, 255, 61, 0.09), transparent 46%),
        var(--q-dark-card-2);
    border: 1px solid color-mix(in srgb, var(--q-lime) 38%, var(--q-dark-line));
    border-radius: 12px;
    display: grid;
    gap: 12px;
    margin-top: 14px;
    padding: 14px;
}

.q-inventory-qublo-recoveries-head[b-hne2aldavr],
.q-inventory-qublo-recovery-item[b-hne2aldavr],
.q-inventory-qublo-recovery-title[b-hne2aldavr],
.q-inventory-qublo-recovery-identifiers[b-hne2aldavr],
.q-inventory-qublo-recovery-statuses[b-hne2aldavr] {
    align-items: center;
    display: flex;
}

.q-inventory-qublo-recoveries-head[b-hne2aldavr] {
    gap: 14px;
    justify-content: space-between;
}

.q-inventory-qublo-recoveries-head > div[b-hne2aldavr] {
    display: grid;
    gap: 4px;
}

.q-inventory-qublo-recoveries-head strong[b-hne2aldavr] {
    color: var(--q-dark-ink);
    font-size: 13px;
    font-weight: 900;
}

.q-inventory-qublo-recoveries-head span[b-hne2aldavr],
.q-inventory-qublo-recovery-copy p[b-hne2aldavr],
.q-inventory-qublo-recovery-identifiers[b-hne2aldavr],
.q-inventory-qublo-recovery-statuses[b-hne2aldavr] {
    color: var(--q-dark-muted);
    font-size: 10.5px;
    line-height: 1.45;
}

.q-inventory-qublo-recoveries-head > .q-pill-warn[b-hne2aldavr] {
    color: #f5c451;
}

.q-inventory-qublo-recovery-list[b-hne2aldavr] {
    display: grid;
    gap: 8px;
}

.q-inventory-qublo-recovery-item[b-hne2aldavr] {
    background: color-mix(in srgb, var(--q-dark-card) 82%, transparent);
    border: 1px solid var(--q-dark-line);
    border-radius: 10px;
    gap: 16px;
    justify-content: space-between;
    min-width: 0;
    padding: 12px;
}

.q-inventory-qublo-recovery-copy[b-hne2aldavr] {
    display: grid;
    gap: 6px;
    min-width: 0;
}

.q-inventory-qublo-recovery-title[b-hne2aldavr] {
    flex-wrap: wrap;
    gap: 8px;
}

.q-inventory-qublo-recovery-title > strong[b-hne2aldavr] {
    color: var(--q-dark-ink);
    font-size: 12px;
    overflow-wrap: anywhere;
}

.q-inventory-qublo-recovery-identifiers[b-hne2aldavr],
.q-inventory-qublo-recovery-statuses[b-hne2aldavr] {
    flex-wrap: wrap;
    gap: 5px 14px;
}

.q-inventory-qublo-recovery-identifiers b[b-hne2aldavr],
.q-inventory-qublo-recovery-statuses b[b-hne2aldavr] {
    color: var(--q-dark-ink);
    overflow-wrap: anywhere;
}

.q-inventory-qublo-recovery-copy p[b-hne2aldavr] {
    margin: 0;
    overflow-wrap: anywhere;
}

.q-inventory-qublo-recovery-copy p.is-error[b-hne2aldavr] {
    color: var(--q-red);
}

.q-inventory-qublo-recovery-actions[b-hne2aldavr] {
    align-items: center;
    display: flex;
    flex: none;
    flex-wrap: wrap;
    gap: 7px;
    justify-content: flex-end;
}

.q-inventory-qublo-recovery-actions .q-btn[b-hne2aldavr] {
    flex: none;
}

.q-inventory-adoption-visibility[b-hne2aldavr] {
    display: block;
    font-weight: 800;
    margin-top: 6px;
}

@media (max-width: 760px) {
    .q-inventory-bulk-bar[b-hne2aldavr] {
        align-items: stretch;
        flex-direction: column;
    }

    .q-inventory-bulk-actions[b-hne2aldavr] {
        justify-content: flex-start;
    }

    .q-inventory-discovery-next-step[b-hne2aldavr] {
        align-items: stretch;
        flex-direction: column;
    }

    .q-inventory-qublo-recoveries-head[b-hne2aldavr],
    .q-inventory-qublo-recovery-item[b-hne2aldavr] {
        align-items: stretch;
        flex-direction: column;
    }

    .q-inventory-qublo-recovery-actions[b-hne2aldavr] {
        align-items: stretch;
        flex-direction: column;
    }

    .q-inventory-qublo-recovery-actions .q-btn[b-hne2aldavr] {
        width: 100%;
    }
}
/* _content/Qublo.App.Shared/Pages/Orders.razor.rz.scp.css */
.orders-page[b-ta0plozquv],
.orders-page *[b-ta0plozquv] {
    box-sizing: border-box;
}

.orders-page[b-ta0plozquv] {
    display: grid;
    gap: 12px;
    grid-template-rows: 40px minmax(0, 1fr);
    height: 100%;
    min-height: 0;
    position: relative;
}

.orders-page.orders-page-empty[b-ta0plozquv] {
    grid-template-rows: auto;
    overflow-y: auto;
    padding-top: 12px;
}

.orders-toolbar[b-ta0plozquv] {
    align-items: center;
    display: flex;
    gap: 12px;
    min-width: 0;
    position: relative;
    z-index: 12;
}

.orders-search[b-ta0plozquv] {
    align-items: center;
    background: var(--q-dark-card);
    border: 1px solid var(--q-dark-line);
    border-radius: 9px;
    color: var(--q-dark-dim);
    display: flex;
    flex: 1;
    gap: 9px;
    height: 40px;
    min-width: 180px;
    padding: 0 12px;
}

.orders-search:focus-within[b-ta0plozquv] {
    border-color: rgba(141, 143, 243, 0.62);
    box-shadow: 0 0 0 2px rgba(91, 91, 214, 0.12);
}

.orders-search svg[b-ta0plozquv] {
    fill: none;
    flex: none;
    height: 18px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
    width: 18px;
}

.orders-search input[b-ta0plozquv] {
    background: transparent;
    border: 0;
    box-shadow: none;
    color: var(--q-dark-ink);
    font-size: 13.5px;
    height: 38px;
    min-width: 0;
    outline: 0;
    padding: 0;
    width: 100%;
}

.orders-search input[b-ta0plozquv]::placeholder {
    color: var(--q-dark-faint);
}

.orders-search-clear[b-ta0plozquv] {
    align-items: center;
    background: transparent;
    border: 0;
    color: var(--q-dark-dim);
    display: inline-flex;
    font-size: 19px;
    height: 28px;
    justify-content: center;
    padding: 0;
    width: 28px;
}

.orders-toolbar-actions[b-ta0plozquv] {
    align-items: center;
    display: flex;
    flex: none;
    gap: 7px;
}

.orders-toolbar-button[b-ta0plozquv] {
    align-items: center;
    background: var(--q-indigo);
    border: 1px solid var(--q-indigo);
    border-radius: 8px;
    color: #ffffff;
    display: inline-flex;
    font-size: 12.5px;
    font-weight: 900;
    gap: 6px;
    height: 32px;
    justify-content: center;
    min-height: 32px;
    padding: 0 12px;
    white-space: nowrap;
}

.orders-toolbar-button:hover:not(:disabled)[b-ta0plozquv] {
    background: var(--q-indigo-bright);
    border-color: var(--q-indigo-bright);
}

.orders-toolbar-button.secondary[b-ta0plozquv] {
    background: #24264f;
    border-color: #34376b;
    color: #dfe1ef;
}

.orders-toolbar-button.secondary:hover:not(:disabled)[b-ta0plozquv] {
    background: #30346a;
    border-color: #454988;
}

.orders-toolbar-button:disabled[b-ta0plozquv] {
    cursor: wait;
    opacity: 0.62;
}

.orders-toolbar-button svg[b-ta0plozquv] {
    fill: none;
    height: 15px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
    width: 15px;
}

.orders-table-shell[b-ta0plozquv] {
    background: var(--q-dark-card);
    border: 1px solid var(--q-dark-line);
    border-radius: 12px 12px 0 0;
    display: grid;
    grid-template-rows: minmax(0, 1fr) 44px;
    min-height: 0;
    overflow: hidden;
}

.orders-cancellation-requests[b-ta0plozquv] {
    background: var(--q-dark-card);
    border: 1px solid var(--q-dark-line);
    border-radius: 12px;
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.42);
    display: grid;
    gap: 10px;
    left: 0;
    max-height: 310px;
    overflow: auto;
    padding: 14px;
    position: absolute;
    right: 0;
    top: 48px;
    z-index: 35;
}

.orders-cancellation-requests > header[b-ta0plozquv],
.orders-cancellation-requests > article[b-ta0plozquv] {
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: space-between;
}

.orders-cancellation-requests > header > div[b-ta0plozquv],
.orders-cancellation-requests > article > div[b-ta0plozquv] {
    display: grid;
    gap: 4px;
}

.orders-cancellation-requests > header strong[b-ta0plozquv],
.orders-cancellation-requests > article strong[b-ta0plozquv] {
    color: var(--q-dark-ink);
    font-size: 13px;
}

.orders-cancellation-requests small[b-ta0plozquv] {
    color: var(--q-dark-muted);
    font-size: 11.5px;
}

.orders-cancellation-requests > article[b-ta0plozquv] {
    background: #181a3a;
    border: 1px solid #2a2d58;
    border-radius: 9px;
    padding: 10px 12px;
}

.orders-warning-copy[b-ta0plozquv] {
    color: #ffb44d;
    font-size: 11.5px;
    font-weight: 750;
}

.orders-table-scroll[b-ta0plozquv] {
    min-height: 0;
    overflow: auto;
    scrollbar-color: #353862 transparent;
    scrollbar-width: thin;
}

.orders-table-scroll[b-ta0plozquv]::-webkit-scrollbar {
    height: 7px;
    width: 7px;
}

.orders-table-scroll[b-ta0plozquv]::-webkit-scrollbar-thumb {
    background: #353862;
    border-radius: 999px;
}

.orders-table[b-ta0plozquv] {
    border-collapse: collapse;
    min-width: 1530px;
    table-layout: fixed;
    width: 100%;
}

.orders-table thead[b-ta0plozquv] {
    position: sticky;
    top: 0;
    z-index: 4;
}

.orders-table th[b-ta0plozquv] {
    background: var(--q-dark-card);
    border-bottom: 1px solid var(--q-dark-line-2);
    color: var(--q-indigo-bright);
    font-size: 12px;
    font-weight: 800;
    height: 44px;
    padding: 0 11px;
    text-align: left;
    white-space: nowrap;
}

.orders-table td[b-ta0plozquv] {
    border-bottom: 1px solid var(--q-dark-line-2);
    color: var(--q-dark-muted);
    font-size: 12.5px;
    height: 85px;
    line-height: 1.25;
    padding: 9px 11px;
    vertical-align: middle;
}

.orders-table tbody tr[b-ta0plozquv] {
    transition: background 0.12s ease;
}

.orders-table tbody tr:hover[b-ta0plozquv] {
    background: rgba(25, 27, 58, 0.74);
}

.orders-table .orders-checkbox-cell[b-ta0plozquv] {
    padding-left: 10px;
    padding-right: 0;
    text-align: center;
}

.orders-checkbox[b-ta0plozquv] {
    appearance: none;
    background: transparent;
    border: 1px solid #2b2e57;
    border-radius: 4px;
    cursor: pointer;
    height: 18px;
    margin: 0;
    position: relative;
    width: 18px;
}

.orders-checkbox:checked[b-ta0plozquv] {
    background: var(--q-indigo);
    border-color: var(--q-indigo);
}

.orders-checkbox:checked[b-ta0plozquv]::after {
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    content: "";
    height: 8px;
    left: 6px;
    position: absolute;
    top: 3px;
    transform: rotate(45deg);
    width: 4px;
}

.orders-sort[b-ta0plozquv] {
    align-items: center;
    background: transparent;
    border: 0;
    color: inherit;
    display: inline-flex;
    font: inherit;
    font-weight: inherit;
    gap: 4px;
    min-height: 30px;
    padding: 0;
}

.orders-sort span[b-ta0plozquv] {
    color: var(--q-indigo-bright);
    font-size: 14px;
}

.orders-product[b-ta0plozquv] {
    align-items: center;
    display: flex;
    gap: 12px;
    min-width: 0;
}

.orders-thumb[b-ta0plozquv] {
    align-items: center;
    background: #f5f6fa;
    border-radius: 8px;
    color: #5f6387;
    display: inline-flex;
    flex: none;
    font-size: 21px;
    font-weight: 800;
    height: 66px;
    justify-content: center;
    overflow: hidden;
    width: 66px;
}

.orders-thumb img[b-ta0plozquv] {
    height: 100%;
    object-fit: contain;
    width: 100%;
}

.orders-product-copy[b-ta0plozquv] {
    min-width: 0;
}

.orders-product-title[b-ta0plozquv] {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: var(--q-dark-ink);
    display: -webkit-box;
    font-size: 12.5px;
    font-weight: 800;
    line-height: 1.2;
    overflow: hidden;
}

.orders-badges[b-ta0plozquv] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 6px;
}

.orders-mini-badge[b-ta0plozquv] {
    border-radius: 4px;
    display: inline-flex;
    font-size: 9px;
    font-weight: 900;
    line-height: 1;
    padding: 3px 5px;
    white-space: nowrap;
}

.orders-mini-badge.profit[b-ta0plozquv] {
    background: var(--q-lime-soft);
    color: var(--q-lime);
}

.orders-mini-badge.sponsored[b-ta0plozquv] {
    background: rgba(83, 126, 255, 0.16);
    color: #8eacff;
}

.orders-mini-badge.monitored[b-ta0plozquv] {
    background: var(--q-lime-soft);
    color: var(--q-lime);
}

.orders-mini-badge.unmonitored[b-ta0plozquv] {
    background: var(--q-red-soft);
    color: var(--q-red);
}

.orders-date[b-ta0plozquv],
.orders-region[b-ta0plozquv],
.orders-deadline[b-ta0plozquv] {
    color: var(--q-dark-muted);
    white-space: nowrap;
}

.orders-deadline.overdue[b-ta0plozquv] {
    color: #ff424c;
    font-weight: 800;
}

.orders-status-stack[b-ta0plozquv] {
    display: grid;
    gap: 5px;
}

.orders-status-select[b-ta0plozquv],
.orders-product-sync[b-ta0plozquv] {
    border-radius: 8px;
    font-size: 12.5px;
    font-weight: 900;
    height: 34px;
    min-height: 34px;
    width: 100%;
}

.orders-status-select[b-ta0plozquv] {
    appearance: auto;
    border: 0;
    color: #ffffff;
    cursor: pointer;
    padding: 0 9px;
}

.orders-status-select.waiting[b-ta0plozquv] {
    background: #f9b107;
    color: #302300;
}

.orders-status-select.ordered[b-ta0plozquv] {
    background: var(--q-indigo);
}

.orders-status-select.shipped[b-ta0plozquv] {
    background: var(--q-lime-deep);
}

.orders-status-select.cancelled[b-ta0plozquv] {
    background: #c93448;
}

.orders-status-select:disabled[b-ta0plozquv] {
    cursor: default;
    opacity: 1;
}

.orders-product-sync[b-ta0plozquv] {
    align-items: center;
    background: #24254b;
    border: 1px solid #292b55;
    color: #a7aac6;
    display: inline-flex;
    gap: 6px;
    justify-content: center;
    padding: 0 8px;
}

.orders-product-sync:hover:not(:disabled)[b-ta0plozquv] {
    background: #2c2e5b;
    color: #d3d5e6;
}

.orders-product-sync svg[b-ta0plozquv] {
    fill: none;
    height: 15px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
    width: 15px;
}

.orders-customer[b-ta0plozquv] {
    color: var(--q-dark-ink);
    display: grid;
    gap: 2px;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.orders-customer small[b-ta0plozquv] {
    color: var(--q-dark-muted);
    font-size: 11.5px;
}

.orders-kv[b-ta0plozquv] {
    display: grid;
    gap: 3px;
}

.orders-kv > div[b-ta0plozquv],
.orders-kv > a[b-ta0plozquv] {
    align-items: baseline;
    display: flex;
    gap: 4px;
    min-width: 0;
}

.orders-kv span[b-ta0plozquv] {
    background: #1d1f40;
    border-radius: 3px;
    color: #9da0b9;
    flex: none;
    font-size: 8.5px;
    font-weight: 900;
    padding: 2px 4px;
    text-transform: uppercase;
}

.orders-kv strong[b-ta0plozquv] {
    color: var(--q-dark-muted);
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.orders-profit[b-ta0plozquv] {
    font-weight: 900;
    white-space: nowrap;
}

.orders-profit.positive[b-ta0plozquv] {
    color: var(--q-lime);
}

.orders-profit.negative[b-ta0plozquv],
.orders-profit.zero[b-ta0plozquv] {
    color: #ff2535;
}

.orders-market-mark[b-ta0plozquv] {
    align-items: center;
    background: #ded8ce;
    border-radius: 999px;
    color: #373339 !important;
    display: inline-flex;
    font-size: 8px !important;
    font-weight: 900 !important;
    height: 13px;
    justify-content: center;
    width: 13px;
}

.orders-market-mark.ebay[b-ta0plozquv] {
    background: #d8d8e3;
    font-size: 7px !important;
    height: 18px;
    letter-spacing: -0.25px;
    width: 18px;
}

.orders-product-link[b-ta0plozquv] {
    border-radius: 4px;
    color: inherit;
    min-height: 19px;
    text-decoration: none;
}

.orders-product-link:not(.disabled):hover strong:last-child[b-ta0plozquv],
.orders-product-link:not(.disabled):focus-visible strong:last-child[b-ta0plozquv] {
    color: var(--q-indigo-bright);
    text-decoration: underline;
}

.orders-product-link:focus-visible[b-ta0plozquv] {
    outline: 2px solid rgba(141, 143, 243, 0.7);
    outline-offset: 2px;
}

.orders-product-link.disabled[b-ta0plozquv] {
    cursor: default;
    opacity: 0.72;
}

.orders-row-actions[b-ta0plozquv] {
    align-items: center;
    display: flex;
    gap: 7px;
}

.orders-action[b-ta0plozquv] {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 8px;
    display: inline-flex;
    height: 30px;
    justify-content: center;
    min-height: 30px;
    padding: 0;
    text-decoration: none;
    width: 30px;
}

.orders-action svg[b-ta0plozquv] {
    fill: none;
    height: 15px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.9;
    width: 15px;
}

.orders-action.archive[b-ta0plozquv] {
    background: var(--q-red-soft);
    color: #ff2535;
}

.orders-action.edit[b-ta0plozquv] {
    background: var(--q-amber-soft);
    color: var(--q-amber);
}

.orders-action.link[b-ta0plozquv],
.orders-action.restore[b-ta0plozquv] {
    background: var(--q-lime-soft);
    color: var(--q-lime);
}

.orders-action:disabled[b-ta0plozquv],
.orders-action.disabled[b-ta0plozquv] {
    cursor: not-allowed;
    opacity: 0.42;
    pointer-events: none;
}

.orders-empty[b-ta0plozquv] {
    color: var(--q-dark-dim);
    display: grid;
    gap: 6px;
    min-height: 210px;
    place-content: center;
    text-align: center;
}

.orders-empty strong[b-ta0plozquv] {
    color: var(--q-dark-muted);
    font-size: 14px;
}

.orders-footer[b-ta0plozquv] {
    align-items: center;
    border-top: 1px solid var(--q-dark-line-2);
    color: var(--q-dark-dim);
    display: flex;
    font-size: 12.5px;
    font-weight: 700;
    justify-content: space-between;
    min-width: 0;
    padding: 0 12px;
}

.orders-summary[b-ta0plozquv],
.orders-pagination[b-ta0plozquv] {
    align-items: center;
    display: flex;
    gap: 8px;
}

.orders-summary b[b-ta0plozquv],
.orders-pagination b[b-ta0plozquv] {
    color: var(--q-dark-muted);
}

.orders-summary select[b-ta0plozquv] {
    background: var(--q-dark-card-2);
    border: 1px solid var(--q-dark-line);
    border-radius: 6px;
    color: var(--q-dark-muted);
    font-size: 12px;
    height: 28px;
    min-height: 28px;
    padding: 0 24px 0 8px;
}

.orders-pagination button[b-ta0plozquv] {
    align-items: center;
    background: transparent;
    border: 0;
    color: var(--q-dark-muted);
    display: inline-flex;
    height: 30px;
    justify-content: center;
    padding: 0;
    width: 30px;
}

.orders-pagination button:disabled[b-ta0plozquv] {
    color: var(--q-dark-faint);
    opacity: 0.45;
}

.orders-pagination svg[b-ta0plozquv] {
    fill: none;
    height: 17px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
    width: 17px;
}

.orders-toast[b-ta0plozquv] {
    align-items: flex-start;
    border: 1px solid;
    border-radius: 9px;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.42);
    display: flex;
    font-size: 12.5px;
    font-weight: 750;
    gap: 9px;
    max-width: min(520px, calc(100vw - 32px));
    padding: 10px 12px;
    position: absolute;
    right: 10px;
    top: 48px;
    z-index: 50;
}

.orders-toast.success[b-ta0plozquv] {
    background: #123526;
    border-color: rgba(198, 249, 75, 0.36);
    color: #83e7ad;
}

.orders-toast.warning[b-ta0plozquv] {
    background: #3a2b12;
    border-color: rgba(245, 183, 64, 0.48);
    color: #ffd27a;
}

.orders-toast.error[b-ta0plozquv] {
    background: #3a1620;
    border-color: rgba(240, 85, 106, 0.4);
    color: #ff9aa8;
}

.orders-toast button[b-ta0plozquv] {
    background: transparent;
    border: 0;
    color: inherit;
    font-size: 18px;
    line-height: 1;
    margin-left: auto;
    min-height: 20px;
    padding: 0;
    width: 20px;
}

.orders-drawer-backdrop[b-ta0plozquv] {
    align-items: stretch;
    background: rgba(4, 5, 18, 0.78);
    display: flex;
    inset: 0;
    justify-content: flex-end;
    padding: 14px 12px;
    position: fixed;
    z-index: 70;
}

.orders-drawer[b-ta0plozquv] {
    background: #14152f;
    border: 1px solid #272951;
    border-radius: 14px;
    box-shadow: -24px 0 70px rgba(0, 0, 0, 0.46);
    color: var(--q-dark-ink);
    display: grid;
    grid-template-rows: auto auto auto auto auto minmax(0, 1fr) auto;
    height: 100%;
    max-width: 650px;
    min-width: 0;
    overflow: hidden;
    width: min(650px, calc(100vw - 24px));
}

.orders-drawer-head[b-ta0plozquv] {
    align-items: flex-start;
    border-bottom: 1px solid #25274a;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    margin: 0 30px;
    padding: 24px 0 16px;
}

.orders-drawer-title-line[b-ta0plozquv] {
    align-items: center;
    display: flex;
    gap: 8px;
}

.orders-drawer-title-line h2[b-ta0plozquv] {
    color: #f0f1fb;
    font-size: 23px;
    line-height: 1.1;
    margin: 0;
}

.orders-drawer-title-line a[b-ta0plozquv] {
    color: #d7d9eb;
    display: inline-flex;
}

.orders-drawer-title-line svg[b-ta0plozquv] {
    fill: none;
    height: 21px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.9;
    width: 21px;
}

.orders-drawer-head p[b-ta0plozquv] {
    color: #777aa4;
    font-size: 13px;
    margin: 7px 0 0;
}

.orders-drawer-close[b-ta0plozquv] {
    background: transparent;
    border: 0;
    color: #70739e;
    font-size: 27px;
    height: 30px;
    line-height: 1;
    min-height: 30px;
    padding: 0;
    width: 30px;
}

.orders-drawer-close:hover[b-ta0plozquv] {
    color: #ffffff;
}

.orders-drawer-summary[b-ta0plozquv] {
    border-bottom: 1px solid #25274a;
    margin: 0 30px;
    padding: 14px 0 18px;
}

.orders-drawer-product[b-ta0plozquv] {
    align-items: center;
    display: grid;
    gap: 12px;
    grid-template-columns: 68px minmax(0, 1fr);
}

.orders-drawer-thumb[b-ta0plozquv] {
    align-items: center;
    background: #f7f7fa;
    border-radius: 8px;
    color: #5f6387;
    display: inline-flex;
    font-size: 22px;
    font-weight: 900;
    height: 68px;
    justify-content: center;
    overflow: hidden;
    width: 68px;
}

.orders-drawer-thumb img[b-ta0plozquv] {
    height: 100%;
    object-fit: contain;
    width: 100%;
}

.orders-drawer-product > div[b-ta0plozquv] {
    display: grid;
    gap: 7px;
    min-width: 0;
}

.orders-drawer-product a[b-ta0plozquv],
.orders-drawer-product > div > strong[b-ta0plozquv] {
    color: #1680ff;
    font-size: 13.5px;
    font-weight: 800;
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
}

.orders-drawer-product small[b-ta0plozquv] {
    align-items: center;
    color: #b7b9cc;
    display: flex;
    font-size: 12px;
    gap: 5px;
}

.orders-ebay-mark[b-ta0plozquv] {
    align-items: center;
    background: #ded8ce;
    border-radius: 999px;
    color: #4b4144;
    display: inline-flex;
    font-size: 9px;
    font-weight: 950;
    height: 17px;
    justify-content: center;
    width: 17px;
}

.orders-drawer-metrics[b-ta0plozquv] {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    margin-top: 16px;
}

.orders-drawer-metrics > div[b-ta0plozquv],
.orders-drawer-customer > div[b-ta0plozquv] {
    display: grid;
    gap: 5px;
    min-width: 0;
}

.orders-drawer-metrics span[b-ta0plozquv],
.orders-drawer-customer span[b-ta0plozquv] {
    color: #686b97;
    font-size: 12px;
}

.orders-drawer-metrics strong[b-ta0plozquv],
.orders-drawer-customer strong[b-ta0plozquv] {
    color: #e4e5ef;
    font-size: 13px;
    overflow-wrap: anywhere;
}

.orders-drawer-customer[b-ta0plozquv] {
    display: grid;
    gap: 18px 38px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0 30px;
    padding: 17px 0;
}

.orders-drawer-customer strong[b-ta0plozquv] {
    white-space: pre-line;
}

.orders-drawer-carrier-state[b-ta0plozquv] {
    border-bottom: 1px solid #25274a;
    color: #777aa4;
    font-size: 12.5px;
    margin: 0 30px;
    padding: 6px 0 17px;
}

.orders-drawer-tabs[b-ta0plozquv] {
    border-bottom: 1px solid #2a2c50;
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    margin: 0 30px;
}

.orders-drawer-tabs button[b-ta0plozquv] {
    background: transparent;
    border: 0;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    color: #c4c6d8;
    font-size: 12.5px;
    font-weight: 850;
    height: 48px;
    min-height: 48px;
    padding: 0 6px;
}

.orders-drawer-tabs button:hover[b-ta0plozquv],
.orders-drawer-tabs button.active[b-ta0plozquv] {
    color: #1680ff;
}

.orders-drawer-tabs button.active[b-ta0plozquv] {
    border-bottom-color: #1680ff;
}

.orders-drawer-body[b-ta0plozquv] {
    min-height: 0;
    overflow: auto;
    padding: 14px 30px 18px;
    scrollbar-color: #383b72 transparent;
    scrollbar-width: thin;
}

.orders-drawer-body[b-ta0plozquv]::-webkit-scrollbar {
    width: 7px;
}

.orders-drawer-body[b-ta0plozquv]::-webkit-scrollbar-thumb {
    background: #383b72;
    border-radius: 999px;
}

.orders-drawer-actions[b-ta0plozquv] {
    align-items: center;
    border-top: 1px solid #292b50;
    display: flex;
    gap: 8px;
    min-height: 60px;
    padding: 10px 30px;
}

.orders-drawer-actions .q-btn[b-ta0plozquv] {
    flex: 1;
}

.orders-tracking-panel[b-ta0plozquv] {
    display: grid;
    gap: 0;
    padding: 3px 4px;
}

.orders-timeline-item[b-ta0plozquv] {
    display: grid;
    gap: 12px;
    grid-template-columns: 24px minmax(0, 1fr);
    min-height: 70px;
    position: relative;
}

.orders-timeline-item:not(:last-child)[b-ta0plozquv]::after {
    background: #31345f;
    content: "";
    height: calc(100% - 24px);
    left: 11px;
    position: absolute;
    top: 25px;
    width: 2px;
}

.orders-timeline-dot[b-ta0plozquv] {
    background: #20234b;
    border: 2px solid #424679;
    border-radius: 999px;
    height: 20px;
    margin-top: 2px;
    position: relative;
    width: 20px;
    z-index: 1;
}

.orders-timeline-item.complete .orders-timeline-dot[b-ta0plozquv] {
    background: #1680ff;
    border-color: #5aa5ff;
    box-shadow: 0 0 0 5px rgba(22, 128, 255, 0.12);
}

.orders-timeline-item > div[b-ta0plozquv] {
    display: grid;
    gap: 4px;
    justify-items: start;
}

.orders-timeline-item strong[b-ta0plozquv] {
    color: #e5e6f0;
    font-size: 13px;
}

.orders-timeline-item small[b-ta0plozquv],
.orders-timeline-item span[b-ta0plozquv] {
    color: #7477a0;
    font-size: 12px;
}

.orders-tracking-form[b-ta0plozquv] {
    background: #181a3a;
    border: 1px solid #2a2d58;
    border-radius: 10px;
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 8px;
    padding: 14px;
}

.orders-tracking-form label[b-ta0plozquv],
.orders-edit-panel label[b-ta0plozquv] {
    color: #d6d7e2;
    display: grid;
    font-size: 12px;
    font-weight: 800;
    gap: 6px;
}

.orders-tracking-form select[b-ta0plozquv],
.orders-tracking-form input[b-ta0plozquv],
.orders-edit-panel input[b-ta0plozquv],
.orders-notes-panel textarea[b-ta0plozquv] {
    background: #1b1d42;
    border: 1px solid #2c2f5c;
    border-radius: 8px;
    color: #e6e7f0;
    font-size: 12.5px;
    min-height: 36px;
    padding: 8px 10px;
}

.orders-tracking-form button[b-ta0plozquv] {
    grid-column: 1 / -1;
}

.orders-tracking-form label.wide[b-ta0plozquv] {
    grid-column: 1 / -1;
}

.orders-operation-card[b-ta0plozquv] {
    background: #181a3a;
    border: 1px solid #2a2d58;
    border-radius: 10px;
    display: grid;
    gap: 12px;
    margin-top: 14px;
    padding: 14px;
}

.orders-operation-heading[b-ta0plozquv] {
    align-items: start;
    display: flex;
    gap: 12px;
    justify-content: space-between;
}

.orders-operation-heading > div[b-ta0plozquv] {
    display: grid;
    gap: 4px;
}

.orders-operation-heading strong[b-ta0plozquv],
.orders-file-input strong[b-ta0plozquv],
.orders-invoice-summary strong[b-ta0plozquv] {
    color: #e7e8f0;
    font-size: 13px;
}

.orders-operation-heading small[b-ta0plozquv],
.orders-operation-message[b-ta0plozquv],
.orders-invoice-summary small[b-ta0plozquv] {
    color: #7f82aa;
    font-size: 11.5px;
    line-height: 1.45;
}

.orders-operation-heading > span[b-ta0plozquv] {
    border-radius: 999px;
    flex: none;
    font-size: 10px;
    font-weight: 900;
    padding: 4px 8px;
}

.orders-operation-heading > span.ready[b-ta0plozquv] {
    background: var(--q-lime-soft);
    color: var(--q-lime);
}

.orders-operation-heading > span.not-configured[b-ta0plozquv] {
    background: rgba(255, 180, 77, 0.13);
    color: #ffb44d;
}

.orders-mapping-card[b-ta0plozquv] {
    border-color: rgba(255, 180, 77, 0.4);
}

.orders-mapping-list[b-ta0plozquv] {
    display: grid;
    gap: 10px;
}

.orders-mapping-list article[b-ta0plozquv] {
    align-items: center;
    background: rgba(13, 15, 38, 0.56);
    border: 1px solid #2a2d58;
    border-radius: 9px;
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(180px, 1fr) minmax(220px, 1fr) auto;
    padding: 10px;
}

.orders-mapping-list article > div[b-ta0plozquv] {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.orders-mapping-list article strong[b-ta0plozquv],
.orders-mapping-list article small[b-ta0plozquv] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.orders-mapping-list article small[b-ta0plozquv] {
    color: #9295b8;
}

.orders-mapping-list select[b-ta0plozquv] {
    background: #181a3a;
    border: 1px solid #2a2d58;
    border-radius: 8px;
    color: #e1e2ec;
    min-height: 38px;
    min-width: 0;
    padding: 0 9px;
}

.orders-integration-state[b-ta0plozquv] {
    background: #202247;
    border: 1px solid #303466;
    border-radius: 8px;
    color: #c8cadc;
    display: grid;
    font-size: 11.5px;
    gap: 4px;
    padding: 9px 10px;
}

.orders-integration-state.warning[b-ta0plozquv] {
    background: rgba(255, 180, 77, 0.08);
    border-color: rgba(255, 180, 77, 0.28);
    color: #ffbd68;
}

.orders-cancellation-form[b-ta0plozquv] {
    display: grid;
    gap: 10px;
}

.orders-cancellation-form label[b-ta0plozquv],
.orders-file-input[b-ta0plozquv] {
    color: #d6d7e2;
    display: grid;
    font-size: 12px;
    font-weight: 800;
    gap: 6px;
}

.orders-cancellation-form select[b-ta0plozquv],
.orders-cancellation-form textarea[b-ta0plozquv] {
    background: #1b1d42;
    border: 1px solid #2c2f5c;
    border-radius: 8px;
    color: #e6e7f0;
    font-size: 12.5px;
    min-height: 38px;
    padding: 8px 10px;
}

.orders-cancellation-form textarea[b-ta0plozquv] {
    min-height: 92px;
    resize: vertical;
}

.orders-cancellation-form .danger[b-ta0plozquv] {
    background: #b82e43;
    border-color: #d13b51;
}

.orders-file-input[b-ta0plozquv] {
    background: #202247;
    border: 1px dashed #444882;
    border-radius: 9px;
    cursor: pointer;
    padding: 14px;
}

.orders-file-input input[b-ta0plozquv] {
    color: #aeb1cc;
    font-size: 12px;
}

.orders-invoice-summary[b-ta0plozquv] {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: space-between;
}

.orders-invoice-summary > div:first-child[b-ta0plozquv] {
    display: grid;
    gap: 4px;
}

.orders-invoice-summary > div:last-child[b-ta0plozquv] {
    display: flex;
    gap: 7px;
}

.orders-chat-panel[b-ta0plozquv] {
    display: grid;
    grid-template-rows: minmax(210px, 1fr) auto;
    height: 100%;
    min-height: 310px;
}

.orders-chat-empty[b-ta0plozquv] {
    align-content: center;
    color: #7a7da6;
    display: grid;
    gap: 8px;
    justify-items: center;
    min-height: 230px;
    text-align: center;
}

.orders-chat-empty strong[b-ta0plozquv] {
    color: #e1e2ed;
    font-size: 13.5px;
}

.orders-chat-empty small[b-ta0plozquv] {
    max-width: 400px;
}

.orders-chat-empty.error strong[b-ta0plozquv],
.orders-chat-empty.error .orders-chat-symbol[b-ta0plozquv] {
    color: #ff7588;
}

.orders-chat-symbol[b-ta0plozquv] {
    align-items: center;
    background: #1b1d40;
    border-radius: 999px;
    color: #64689e;
    display: inline-flex;
    font-size: 18px;
    height: 52px;
    justify-content: center;
    letter-spacing: 2px;
    width: 52px;
}

.orders-chat-messages[b-ta0plozquv] {
    align-content: start;
    display: grid;
    gap: 10px;
    overflow: auto;
    padding: 2px 3px 16px;
}

.orders-chat-message[b-ta0plozquv] {
    background: #1e2045;
    border: 1px solid #2b2e59;
    border-radius: 11px 11px 11px 3px;
    justify-self: start;
    max-width: 82%;
    padding: 9px 11px;
}

.orders-chat-message.seller[b-ta0plozquv] {
    background: #183d75;
    border-color: #235597;
    border-radius: 11px 11px 3px 11px;
    justify-self: end;
}

.orders-chat-message small[b-ta0plozquv] {
    color: #8589b0;
    font-size: 10.5px;
}

.orders-chat-message.seller small[b-ta0plozquv] {
    color: #91b9ec;
}

.orders-chat-message p[b-ta0plozquv] {
    color: #eff0f6;
    font-size: 12.5px;
    line-height: 1.45;
    margin: 5px 0 0;
    overflow-wrap: anywhere;
    white-space: pre-wrap;
}

.orders-chat-compose[b-ta0plozquv] {
    align-items: center;
    border: 1px solid #2b2e59;
    border-radius: 10px;
    display: grid;
    gap: 8px;
    grid-template-columns: minmax(0, 1fr) 38px;
    padding: 6px 7px 6px 12px;
}

.orders-chat-compose textarea[b-ta0plozquv] {
    background: transparent;
    border: 0;
    color: #e8e9f0;
    font: inherit;
    font-size: 12.5px;
    min-height: 40px;
    outline: 0;
    padding: 10px 0;
    resize: none;
}

.orders-chat-compose button[b-ta0plozquv] {
    align-items: center;
    background: #303466;
    border: 0;
    border-radius: 8px;
    color: #c6c9e4;
    display: inline-flex;
    height: 34px;
    justify-content: center;
    min-height: 34px;
    padding: 0;
    width: 34px;
}

.orders-chat-compose button:hover:not(:disabled)[b-ta0plozquv] {
    background: #1680ff;
    color: #ffffff;
}

.orders-chat-compose button:disabled[b-ta0plozquv] {
    opacity: 0.45;
}

.orders-chat-compose svg[b-ta0plozquv] {
    fill: none;
    height: 17px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
    width: 17px;
}

.orders-fees-panel[b-ta0plozquv] {
    display: grid;
    gap: 0;
}

.orders-financial-status[b-ta0plozquv] {
    background: rgba(255, 255, 255, 0.035);
    border: 1px solid #31345e;
    border-left: 3px solid #7d83a9;
    border-radius: 8px;
    display: grid;
    gap: 5px;
    margin-bottom: 14px;
    padding: 11px 12px;
}

.orders-financial-status > div[b-ta0plozquv] {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: space-between;
}

.orders-financial-status span[b-ta0plozquv],
.orders-financial-status small[b-ta0plozquv] {
    color: #9fa3bd;
}

.orders-financial-status strong[b-ta0plozquv] {
    color: #f1f2f8;
    font-size: 12px;
}

.orders-financial-status.complete[b-ta0plozquv] {
    border-left-color: var(--q-lime);
}

.orders-financial-status.partial[b-ta0plozquv],
.orders-financial-status.pending[b-ta0plozquv] {
    border-left-color: #f0b64a;
}

.orders-financial-status.failed[b-ta0plozquv] {
    border-left-color: var(--q-red);
}

.orders-profit-bar[b-ta0plozquv] {
    background: #27294f;
    border-radius: 6px;
    height: 32px;
    margin: 0 0 15px;
    overflow: hidden;
}

.orders-profit-bar span[b-ta0plozquv] {
    background: linear-gradient(90deg, #1680ff, #35b8ff);
    display: block;
    height: 100%;
    min-width: 0;
}

.orders-fee-row[b-ta0plozquv] {
    align-items: baseline;
    border-bottom: 1px dotted #31345e;
    display: flex;
    font-size: 13px;
    gap: 12px;
    justify-content: space-between;
    min-height: 34px;
    padding: 8px 4px;
}

.orders-fee-row span[b-ta0plozquv] {
    color: #e2e3ec;
}

.orders-fee-row strong[b-ta0plozquv] {
    color: #f1f2f8;
}

.orders-fee-row span small[b-ta0plozquv] {
    color: #8eacff;
    font-size: 10px;
    font-weight: 900;
    margin-left: 5px;
}

.orders-fee-row.sponsored[b-ta0plozquv] {
    background: rgba(83, 126, 255, 0.06);
}

.orders-fee-row.effective[b-ta0plozquv] {
    border-bottom-style: solid;
    font-weight: 800;
}

.orders-fee-row.total[b-ta0plozquv] {
    border-bottom-style: solid;
    font-weight: 900;
    margin-top: 5px;
}

.orders-fee-details[b-ta0plozquv] {
    border: 1px solid #31345e;
    border-radius: 8px;
    margin-top: 16px;
    overflow: hidden;
}

.orders-fee-details summary[b-ta0plozquv] {
    color: #dfe1ee;
    cursor: pointer;
    font-size: 12px;
    font-weight: 800;
    padding: 11px 12px;
}

.orders-fee-detail[b-ta0plozquv] {
    align-items: center;
    border-top: 1px solid #2b2e55;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    padding: 9px 12px;
}

.orders-fee-detail > span[b-ta0plozquv] {
    display: grid;
    gap: 2px;
}

.orders-fee-detail small[b-ta0plozquv] {
    color: #8f93aa;
    font-size: 10px;
}

.orders-notes-panel[b-ta0plozquv] {
    display: grid;
    gap: 18px;
}

.orders-notes-panel label[b-ta0plozquv] {
    display: grid;
    gap: 6px;
}

.orders-notes-panel strong[b-ta0plozquv] {
    color: #e0e1e9;
    font-size: 12.5px;
}

.orders-notes-panel small[b-ta0plozquv] {
    color: #73769e;
    font-size: 11.5px;
}

.orders-readonly-note[b-ta0plozquv],
.orders-notes-panel textarea[b-ta0plozquv] {
    background: #181a3a;
    border: 1px solid #2a2d58;
    border-radius: 8px;
    color: #7b7eaa;
    line-height: 1.45;
    min-height: 86px;
    padding: 10px;
    white-space: pre-wrap;
}

.orders-notes-panel textarea[b-ta0plozquv] {
    color: #e1e2ec;
    resize: vertical;
}

.orders-edit-panel[b-ta0plozquv] {
    display: grid;
    gap: 12px 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.orders-edit-panel label.wide[b-ta0plozquv] {
    grid-column: 1 / -1;
}

.orders-edit-panel input:focus[b-ta0plozquv],
.orders-notes-panel textarea:focus[b-ta0plozquv],
.orders-tracking-form input:focus[b-ta0plozquv],
.orders-tracking-form select:focus[b-ta0plozquv],
.orders-chat-compose:focus-within[b-ta0plozquv] {
    border-color: #1680ff;
    outline: 0;
}

@media (max-width: 900px) {
    .orders-page[b-ta0plozquv] {
        grid-template-rows: auto minmax(560px, calc(100vh - 150px));
        padding-top: 10px;
    }

    .orders-toolbar[b-ta0plozquv] {
        align-items: stretch;
        display: grid;
        grid-template-columns: 42px minmax(0, 1fr);
    }

    .orders-toolbar-actions[b-ta0plozquv] {
        grid-column: 1 / -1;
        justify-content: flex-end;
    }

    .orders-toast[b-ta0plozquv] {
        position: fixed;
        right: 16px;
        top: 76px;
    }

    .orders-drawer-backdrop[b-ta0plozquv] {
        padding: 0;
    }

    .orders-drawer[b-ta0plozquv] {
        border-radius: 0;
        border-right: 0;
        max-width: 650px;
        width: min(650px, 100vw);
    }
}

@media (max-width: 560px) {
    .orders-drawer-tabs[b-ta0plozquv] {
        display: flex;
        overflow-x: auto;
    }

    .orders-drawer-tabs button[b-ta0plozquv] {
        flex: 0 0 92px;
    }

    .orders-invoice-summary[b-ta0plozquv],
    .orders-cancellation-requests > article[b-ta0plozquv] {
        align-items: stretch;
        flex-direction: column;
    }

    .orders-toolbar-actions[b-ta0plozquv] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .orders-toolbar-button[b-ta0plozquv] {
        padding: 0 8px;
    }

    .orders-footer[b-ta0plozquv] {
        align-items: stretch;
        flex-direction: column;
        gap: 4px;
        height: auto;
        padding: 7px 10px;
    }

    .orders-table-shell[b-ta0plozquv] {
        grid-template-rows: minmax(0, 1fr) auto;
    }

    .orders-drawer-head[b-ta0plozquv],
    .orders-drawer-summary[b-ta0plozquv],
    .orders-drawer-customer[b-ta0plozquv],
    .orders-drawer-carrier-state[b-ta0plozquv],
    .orders-drawer-tabs[b-ta0plozquv] {
        margin-left: 18px;
        margin-right: 18px;
    }

    .orders-drawer-body[b-ta0plozquv] {
        padding-left: 18px;
        padding-right: 18px;
    }

    .orders-drawer-actions[b-ta0plozquv] {
        padding-left: 18px;
        padding-right: 18px;
    }

    .orders-drawer-title-line h2[b-ta0plozquv] {
        font-size: 18px;
    }

    .orders-drawer-metrics[b-ta0plozquv] {
        gap: 10px;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .orders-drawer-customer[b-ta0plozquv],
    .orders-edit-panel[b-ta0plozquv],
    .orders-tracking-form[b-ta0plozquv] {
        grid-template-columns: 1fr;
    }

    .orders-edit-panel label.wide[b-ta0plozquv],
    .orders-tracking-form button[b-ta0plozquv] {
        grid-column: auto;
    }

    .orders-mapping-list article[b-ta0plozquv] {
        align-items: stretch;
        grid-template-columns: 1fr;
    }

    .orders-drawer-tabs[b-ta0plozquv] {
        overflow-x: auto;
    }

    .orders-drawer-tabs button[b-ta0plozquv] {
        font-size: 11px;
        padding: 0 4px;
    }
}
/* _content/Qublo.App.Shared/Pages/Settings.razor.rz.scp.css */
.q-settings-tabs[b-jlxc73pxp6] {
    border-bottom: 1px solid var(--q-dark-line-2);
    overflow-x: auto;
    padding: 0 24px 12px;
}

.q-ebay-account-actions-cell[b-jlxc73pxp6] {
    min-width: 250px;
}

.q-ebay-account-actions[b-jlxc73pxp6] {
    flex-wrap: nowrap;
    gap: 8px;
}

.q-btn-compact[b-jlxc73pxp6] {
    min-height: 34px;
    padding: 8px 12px;
    white-space: nowrap;
}

.q-ebay-attempt-remove-modal[b-jlxc73pxp6] {
    max-width: 520px;
}

@media (max-width: 900px) {
    .q-ebay-account-actions[b-jlxc73pxp6] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* _content/Qublo.App.Shared/Pages/SubscriptionPlans.razor.rz.scp.css */
.subscription-page[b-kljs2og9gu] {
    background: radial-gradient(900px 500px at 50% -8%, rgba(91,91,214,.2), transparent 60%), #080a1a;
    color: #edeffa;
    font-family: Inter, system-ui, sans-serif;
    min-height: 100vh;
    overflow: hidden;
    position: relative;
}

.subscription-nav[b-kljs2og9gu],
.subscription-main[b-kljs2og9gu] {
    margin: 0 auto;
    max-width: 1180px;
    padding-left: 22px;
    padding-right: 22px;
    position: relative;
    z-index: 2;
}

.subscription-nav[b-kljs2og9gu] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    min-height: 82px;
}

.subscription-brand[b-kljs2og9gu] {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 22px;
    font-weight: 800;
    gap: 11px;
    text-decoration: none;
}
.subscription-brand img[b-kljs2og9gu] { height: 38px; width: 38px; }

.subscription-back[b-kljs2og9gu] {
    background: transparent;
    border: 1px solid #2e3560;
    border-radius: 999px;
    color: #b4bad6;
    font-size: 14px;
    padding: 9px 16px;
    text-decoration: none;
}
.subscription-back:hover[b-kljs2og9gu] { border-color: #8d8ff3; color: #fff; }

.subscription-main[b-kljs2og9gu] { padding-bottom: 90px; }
.subscription-heading[b-kljs2og9gu] { padding: 34px 0 46px; text-align: center; }
.subscription-eyebrow[b-kljs2og9gu] {
    align-items: center;
    background: rgba(91,91,214,.1);
    border: 1px solid #2e3560;
    border-radius: 999px;
    color: #8d8ff3;
    display: inline-flex;
    font-size: 12px;
    font-weight: 750;
    gap: 9px;
    letter-spacing: .14em;
    margin-bottom: 22px;
    padding: 7px 14px;
    text-transform: uppercase;
}
.subscription-eyebrow i[b-kljs2og9gu] { background: #c6f94b; border-radius: 2px; height: 7px; width: 7px; }
.subscription-heading h1[b-kljs2og9gu] {
    color: #fff;
    font-family: "Space Grotesk", Inter, system-ui, sans-serif;
    font-size: clamp(34px, 5vw, 56px);
    letter-spacing: -.035em;
    line-height: 1.06;
    margin: 0;
}
.subscription-heading p[b-kljs2og9gu] { color: #b4bad6; font-size: 17px; line-height: 1.6; margin: 16px auto 0; max-width: 560px; }

.subscription-message[b-kljs2og9gu] {
    background: #12162f;
    border: 1px solid #242a4e;
    border-radius: 10px;
    color: #b4bad6;
    margin: 0 auto 28px;
    max-width: 720px;
    padding: 14px 18px;
    text-align: center;
}
.subscription-message.is-error[b-kljs2og9gu] { border-color: rgba(240,85,106,.55); color: #ff9baa; }
.subscription-message.is-warning[b-kljs2og9gu] { border-color: rgba(250,184,74,.42); color: #ffd27f; }
.subscription-message.is-success[b-kljs2og9gu] { border-color: rgba(74,222,128,.42); color: #79eba0; }

.bank-transfer-card[b-kljs2og9gu] {
    background:
        radial-gradient(circle at 100% 0, rgba(198, 249, 75, .09), transparent 38%),
        #12162f;
    border: 1px solid #2b3157;
    border-radius: 18px;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .24);
    margin: 32px auto 0;
    max-width: 900px;
    padding: 26px;
}

.bank-transfer-card__head[b-kljs2og9gu] {
    align-items: flex-start;
    display: flex;
    gap: 24px;
    justify-content: space-between;
}

.bank-transfer-card__head .subscription-eyebrow[b-kljs2og9gu] {
    margin-bottom: 12px;
}

.bank-transfer-card__head h2[b-kljs2og9gu] {
    color: #fff;
    font-family: "Space Grotesk", Inter, system-ui, sans-serif;
    font-size: 25px;
    margin: 0;
}

.bank-transfer-card__head p[b-kljs2og9gu] {
    color: #aeb4d0;
    line-height: 1.55;
    margin: 9px 0 0;
    max-width: 650px;
}

.bank-transfer-card__status[b-kljs2og9gu] {
    background: rgba(250, 184, 74, .12);
    border: 1px solid rgba(250, 184, 74, .32);
    border-radius: 999px;
    color: #ffd27f;
    flex: none;
    font-size: 11px;
    font-weight: 850;
    padding: 7px 10px;
    text-transform: uppercase;
}

.bank-transfer-card__details[b-kljs2og9gu] {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 24px 0 0;
}

.bank-transfer-card__details > div[b-kljs2og9gu] {
    background: #0d1025;
    border: 1px solid #242a4e;
    border-radius: 11px;
    min-width: 0;
    padding: 12px 14px;
}

.bank-transfer-card__details .wide[b-kljs2og9gu] {
    grid-column: 1 / -1;
}

.bank-transfer-card__details dt[b-kljs2og9gu] {
    color: #767d9f;
    font-size: 10px;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.bank-transfer-card__details dd[b-kljs2og9gu] {
    color: #f0f2fb;
    font-size: 14px;
    font-weight: 750;
    margin: 5px 0 0;
    overflow-wrap: anywhere;
}

.bank-transfer-card__copy-value[b-kljs2og9gu] {
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
}

.bank-transfer-card__notice[b-kljs2og9gu] {
    background: rgba(91, 91, 214, .1);
    border: 1px solid rgba(141, 143, 243, .24);
    border-radius: 11px;
    color: #bfc3e2;
    font-size: 13px;
    line-height: 1.5;
    margin-top: 14px;
    padding: 13px 15px;
}

@media (max-width: 560px) {
    .subscription-nav[b-kljs2og9gu] { align-items: flex-start; flex-direction: column; gap: 14px; padding-bottom: 16px; padding-top: 18px; }
    .subscription-back[b-kljs2og9gu] { align-self: stretch; text-align: center; }

    .bank-transfer-card[b-kljs2og9gu] {
        border-radius: 14px;
        padding: 19px;
    }

    .bank-transfer-card__head[b-kljs2og9gu] {
        display: grid;
    }

    .bank-transfer-card__status[b-kljs2og9gu] {
        justify-self: start;
    }

    .bank-transfer-card__details[b-kljs2og9gu] {
        grid-template-columns: 1fr;
    }

    .bank-transfer-card__details .wide[b-kljs2og9gu] {
        grid-column: auto;
    }
}
/* _content/Qublo.App.Shared/Pages/Support.razor.rz.scp.css */
.support-page[b-pjmdulddsc] {
    display: grid;
    gap: 18px;
    min-width: 0;
}

.support-hero[b-pjmdulddsc] {
    align-items: center;
    background:
        radial-gradient(circle at 86% 30%, rgba(198, 249, 75, .1), transparent 17rem),
        linear-gradient(120deg, rgba(91, 91, 214, .19), rgba(19, 18, 48, .7));
    border: 1px solid var(--q-dark-line);
    border-radius: 18px;
    display: flex;
    gap: 24px;
    justify-content: space-between;
    overflow: hidden;
    padding: 24px 26px;
}

.support-eyebrow[b-pjmdulddsc],
.support-modal > header > div > span[b-pjmdulddsc] {
    color: var(--q-lime);
    font-size: 10px;
    font-weight: 950;
    letter-spacing: .1em;
}

.support-hero h2[b-pjmdulddsc] {
    color: var(--q-dark-ink);
    font-size: clamp(24px, 2.4vw, 36px);
    font-weight: 950;
    letter-spacing: -.035em;
    margin: 7px 0 4px;
}

.support-hero p[b-pjmdulddsc] {
    color: var(--q-dark-muted);
    font-size: 13px;
    line-height: 1.55;
    margin: 0;
}

.support-new-button[b-pjmdulddsc] {
    flex: none;
    gap: 8px;
}

.support-new-button svg[b-pjmdulddsc],
.support-refresh svg[b-pjmdulddsc],
.support-search svg[b-pjmdulddsc],
.support-ticket-meta svg[b-pjmdulddsc] {
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

.support-new-button svg[b-pjmdulddsc] { height: 17px; width: 17px; }

.support-summary[b-pjmdulddsc] {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.support-summary article[b-pjmdulddsc] {
    align-items: center;
    background: var(--q-dark-card);
    border: 1px solid var(--q-dark-line);
    border-radius: 13px;
    display: flex;
    justify-content: space-between;
    min-height: 66px;
    padding: 0 17px;
}

.support-summary span[b-pjmdulddsc] {
    color: var(--q-dark-muted);
    font-size: 11px;
    font-weight: 750;
}

.support-summary strong[b-pjmdulddsc] {
    color: var(--q-dark-ink);
    font-size: 21px;
    font-weight: 950;
}

.support-workspace[b-pjmdulddsc] {
    display: grid;
    gap: 14px;
    grid-template-columns: minmax(290px, .72fr) minmax(0, 1.45fr);
    min-height: 610px;
}

.support-ticket-list[b-pjmdulddsc],
.support-conversation[b-pjmdulddsc] {
    background: var(--q-dark-card);
    border: 1px solid var(--q-dark-line);
    border-radius: 16px;
    min-width: 0;
    overflow: hidden;
}

.support-ticket-list[b-pjmdulddsc] {
    display: flex;
    flex-direction: column;
    padding: 16px 14px 0;
}

.support-list-head[b-pjmdulddsc] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 0 2px 13px;
}

.support-list-head h3[b-pjmdulddsc],
.support-conversation-head h3[b-pjmdulddsc],
.support-detail-empty h3[b-pjmdulddsc] {
    color: var(--q-dark-ink);
    font-size: 16px;
    font-weight: 950;
    margin: 0;
}

.support-list-head span[b-pjmdulddsc] {
    color: var(--q-dark-dim);
    display: block;
    font-size: 10px;
    margin-top: 2px;
}

.support-refresh[b-pjmdulddsc],
.support-modal-close[b-pjmdulddsc] {
    align-items: center;
    background: var(--q-dark-card-2);
    border: 1px solid var(--q-dark-line);
    color: var(--q-dark-muted);
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
}

.support-refresh[b-pjmdulddsc] {
    border-radius: 9px;
    height: 34px;
    width: 34px;
}

.support-refresh:hover[b-pjmdulddsc] { color: var(--q-dark-ink); }
.support-refresh svg[b-pjmdulddsc] { height: 17px; width: 17px; }

.support-search[b-pjmdulddsc] {
    align-items: center;
    background: var(--q-dark-card-2);
    border: 1px solid var(--q-dark-line-2);
    border-radius: 10px;
    color: var(--q-dark-dim);
    display: flex;
    gap: 8px;
    min-height: 40px;
    padding: 0 11px;
}

.support-search svg[b-pjmdulddsc] { flex: none; height: 16px; width: 16px; }

.support-search input[b-pjmdulddsc] {
    background: transparent;
    border: 0;
    box-shadow: none;
    color: var(--q-dark-ink);
    font-size: 11px;
    min-height: 36px;
    min-width: 0;
    padding: 0;
    width: 100%;
}

.support-filter[b-pjmdulddsc] {
    background: rgba(91, 91, 214, .07);
    border-radius: 9px;
    display: grid;
    gap: 3px;
    grid-template-columns: repeat(3, 1fr);
    margin: 10px 0;
    padding: 3px;
}

.support-filter button[b-pjmdulddsc] {
    background: transparent;
    border: 0;
    border-radius: 7px;
    color: var(--q-dark-dim);
    cursor: pointer;
    font-size: 10px;
    font-weight: 850;
    min-height: 30px;
}

.support-filter button.active[b-pjmdulddsc] {
    background: var(--q-indigo);
    color: #fff;
}

.support-ticket-scroll[b-pjmdulddsc] {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 7px;
    margin: 0 -4px;
    min-height: 0;
    overflow-y: auto;
    padding: 0 4px 14px;
}

.support-ticket-item[b-pjmdulddsc] {
    background: transparent;
    border: 1px solid transparent;
    border-radius: 11px;
    color: var(--q-dark-muted);
    cursor: pointer;
    display: grid;
    gap: 7px;
    padding: 12px;
    text-align: left;
    transition: background 120ms ease, border-color 120ms ease;
    width: 100%;
}

.support-ticket-item:hover[b-pjmdulddsc] { background: var(--q-dark-card-2); }

.support-ticket-item.selected[b-pjmdulddsc] {
    background: rgba(91, 91, 214, .16);
    border-color: rgba(141, 143, 243, .26);
}

.support-ticket-row[b-pjmdulddsc],
.support-ticket-meta[b-pjmdulddsc] {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.support-ticket-row small[b-pjmdulddsc] {
    color: #9697df;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .04em;
}

.support-ticket-item > strong[b-pjmdulddsc] {
    color: var(--q-dark-ink);
    display: -webkit-box;
    font-size: 12px;
    font-weight: 850;
    line-height: 1.35;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.support-ticket-preview[b-pjmdulddsc],
.support-ticket-meta[b-pjmdulddsc] {
    color: var(--q-dark-dim);
    font-size: 9px;
}

.support-ticket-meta > span[b-pjmdulddsc] {
    align-items: center;
    display: inline-flex;
    gap: 4px;
}

.support-ticket-meta svg[b-pjmdulddsc] { height: 12px; width: 12px; }

.support-status[b-pjmdulddsc],
.support-priority[b-pjmdulddsc] {
    border-radius: 999px;
    display: inline-flex;
    font-size: 8px;
    font-weight: 950;
    letter-spacing: .02em;
    padding: 4px 7px;
    white-space: nowrap;
}

.support-status.open[b-pjmdulddsc] { background: rgba(91, 91, 214, .2); color: #bdbefa; }
.support-status.progress[b-pjmdulddsc] { background: rgba(52, 179, 224, .14); color: #75dafc; }
.support-status.waiting[b-pjmdulddsc] { background: rgba(255, 184, 77, .14); color: #ffc769; }
.support-status.resolved[b-pjmdulddsc] { background: rgba(198, 249, 75, .12); color: var(--q-lime); }
.support-status.closed[b-pjmdulddsc] { background: rgba(140, 141, 172, .12); color: var(--q-dark-muted); }
.support-priority.low[b-pjmdulddsc],
.support-priority.normal[b-pjmdulddsc] { background: rgba(140, 141, 172, .12); color: var(--q-dark-muted); }
.support-priority.high[b-pjmdulddsc] { background: rgba(255, 184, 77, .14); color: #ffc769; }
.support-priority.urgent[b-pjmdulddsc] { background: rgba(240, 85, 106, .14); color: #ff93a2; }

.support-conversation[b-pjmdulddsc] {
    display: flex;
    flex-direction: column;
}

.support-conversation-head[b-pjmdulddsc] {
    align-items: flex-start;
    border-bottom: 1px solid var(--q-dark-line-2);
    display: flex;
    gap: 18px;
    justify-content: space-between;
    padding: 18px 20px;
}

.support-conversation-title > span[b-pjmdulddsc] {
    color: #9697df;
    font-size: 9px;
    font-weight: 950;
    letter-spacing: .05em;
}

.support-conversation-title h3[b-pjmdulddsc] {
    font-size: 17px;
    margin: 5px 0 3px;
}

.support-conversation-title p[b-pjmdulddsc] {
    color: var(--q-dark-dim);
    font-size: 9px;
    margin: 0;
}

.support-conversation-tags[b-pjmdulddsc] {
    display: flex;
    flex: none;
    gap: 6px;
}

.support-messages[b-pjmdulddsc] {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 19px;
    min-height: 260px;
    overflow-y: auto;
    padding: 22px 20px;
}

.support-message[b-pjmdulddsc] {
    align-items: flex-start;
    display: flex;
    gap: 10px;
    max-width: 88%;
}

.support-message.customer[b-pjmdulddsc] {
    align-self: flex-end;
    flex-direction: row-reverse;
}

.support-message-avatar[b-pjmdulddsc] {
    align-items: center;
    background: rgba(91, 91, 214, .2);
    border: 1px solid rgba(141, 143, 243, .22);
    border-radius: 9px;
    color: #c7c8ff;
    display: inline-flex;
    flex: none;
    font-size: 9px;
    font-weight: 950;
    height: 31px;
    justify-content: center;
    width: 31px;
}

.support-message.customer .support-message-avatar[b-pjmdulddsc] {
    background: rgba(198, 249, 75, .1);
    border-color: rgba(198, 249, 75, .14);
    color: var(--q-lime);
}

.support-message > div[b-pjmdulddsc] {
    min-width: 0;
}

.support-message header[b-pjmdulddsc] {
    align-items: center;
    display: flex;
    gap: 7px;
    margin: 0 2px 5px;
}

.support-message.customer header[b-pjmdulddsc] { justify-content: flex-end; }

.support-message header strong[b-pjmdulddsc] {
    color: var(--q-dark-ink);
    font-size: 10px;
}

.support-message header > span[b-pjmdulddsc] {
    background: rgba(91, 91, 214, .16);
    border-radius: 999px;
    color: #bdbefa;
    font-size: 7px;
    font-weight: 950;
    padding: 2px 5px;
}

.support-message time[b-pjmdulddsc] {
    color: var(--q-dark-dim);
    font-size: 8px;
}

.support-message p[b-pjmdulddsc] {
    background: var(--q-dark-card-2);
    border: 1px solid var(--q-dark-line-2);
    border-radius: 4px 12px 12px 12px;
    color: var(--q-dark-muted);
    font-size: 11px;
    line-height: 1.55;
    margin: 0;
    overflow-wrap: anywhere;
    padding: 11px 13px;
    white-space: pre-wrap;
}

.support-message.customer p[b-pjmdulddsc] {
    background: rgba(91, 91, 214, .18);
    border-color: rgba(141, 143, 243, .22);
    border-radius: 12px 4px 12px 12px;
    color: #d8d8f4;
}

.support-reply[b-pjmdulddsc] {
    background: rgba(12, 12, 32, .24);
    border-top: 1px solid var(--q-dark-line-2);
    display: grid;
    gap: 7px;
    padding: 15px 20px;
}

.support-reply label[b-pjmdulddsc],
.support-modal label > span[b-pjmdulddsc] {
    color: #bdbefa;
    font-size: 10px;
    font-weight: 850;
}

.support-reply textarea[b-pjmdulddsc],
.support-modal input[b-pjmdulddsc],
.support-modal select[b-pjmdulddsc],
.support-modal textarea[b-pjmdulddsc] {
    background: var(--q-dark-card-2);
    border: 1px solid var(--q-dark-line);
    border-radius: 10px;
    box-sizing: border-box;
    color: var(--q-dark-ink);
    font: inherit;
    font-size: 11px;
    outline: none;
    padding: 11px 12px;
    resize: vertical;
    width: 100%;
}

.support-reply textarea:focus[b-pjmdulddsc],
.support-modal input:focus[b-pjmdulddsc],
.support-modal select:focus[b-pjmdulddsc],
.support-modal textarea:focus[b-pjmdulddsc] {
    border-color: #7779ee;
    box-shadow: 0 0 0 3px rgba(91, 91, 214, .12);
}

.support-reply footer[b-pjmdulddsc],
.support-modal > footer[b-pjmdulddsc] {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.support-reply footer > span[b-pjmdulddsc],
.support-modal label > small[b-pjmdulddsc] {
    color: var(--q-dark-dim);
    font-size: 8px;
}

.support-closed-note[b-pjmdulddsc] {
    align-items: center;
    background: rgba(198, 249, 75, .045);
    border-top: 1px solid var(--q-dark-line-2);
    display: flex;
    gap: 12px;
    padding: 17px 20px;
}

.support-closed-note > span[b-pjmdulddsc] {
    align-items: center;
    background: rgba(198, 249, 75, .12);
    border-radius: 50%;
    color: var(--q-lime);
    display: inline-flex;
    flex: none;
    height: 31px;
    justify-content: center;
    width: 31px;
}

.support-closed-note > div[b-pjmdulddsc] { flex: 1; }
.support-closed-note strong[b-pjmdulddsc] { color: var(--q-dark-ink); font-size: 11px; }
.support-closed-note p[b-pjmdulddsc] { color: var(--q-dark-dim); font-size: 9px; margin: 2px 0 0; }

.support-loading[b-pjmdulddsc],
.support-list-state[b-pjmdulddsc],
.support-detail-state[b-pjmdulddsc],
.support-detail-empty[b-pjmdulddsc],
.support-list-empty[b-pjmdulddsc] {
    align-items: center;
    color: var(--q-dark-muted);
    display: flex;
    justify-content: center;
}

.support-loading[b-pjmdulddsc] {
    gap: 10px;
    min-height: 260px;
}

.support-list-state[b-pjmdulddsc] { flex: 1; flex-direction: column; gap: 9px; font-size: 10px; }
.support-detail-state[b-pjmdulddsc] { flex: 1; flex-direction: column; gap: 10px; font-size: 11px; }

.support-list-empty[b-pjmdulddsc],
.support-detail-empty[b-pjmdulddsc] {
    flex: 1;
    flex-direction: column;
    padding: 34px 20px;
    text-align: center;
}

.support-list-empty > span[b-pjmdulddsc],
.support-detail-empty > span[b-pjmdulddsc] {
    align-items: center;
    background: rgba(91, 91, 214, .12);
    border-radius: 14px;
    color: #a7a8f1;
    display: inline-flex;
    height: 48px;
    justify-content: center;
    margin-bottom: 12px;
    width: 48px;
}

.support-list-empty svg[b-pjmdulddsc],
.support-detail-empty svg[b-pjmdulddsc] {
    fill: none;
    height: 23px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.6;
    width: 23px;
}

.support-list-empty strong[b-pjmdulddsc] { color: var(--q-dark-ink); font-size: 12px; }
.support-list-empty p[b-pjmdulddsc],
.support-detail-empty p[b-pjmdulddsc] { color: var(--q-dark-dim); font-size: 10px; line-height: 1.5; margin: 5px 0 13px; max-width: 330px; }

.support-spinner[b-pjmdulddsc] {
    animation: support-spin-b-pjmdulddsc .75s linear infinite;
    border: 2px solid rgba(141, 143, 243, .2);
    border-radius: 50%;
    border-top-color: #8d8ff3;
    height: 20px;
    width: 20px;
}

.support-alert[b-pjmdulddsc] {
    align-items: center;
    border-radius: 10px;
    display: flex;
    font-size: 11px;
    font-weight: 700;
    gap: 10px;
    justify-content: space-between;
    padding: 11px 13px;
}

.support-alert.error[b-pjmdulddsc] {
    background: rgba(240, 85, 106, .09);
    border: 1px solid rgba(240, 85, 106, .22);
    color: #ff9cab;
}

.support-alert button[b-pjmdulddsc] {
    background: transparent;
    border: 0;
    color: inherit;
    cursor: pointer;
    font-size: 10px;
    font-weight: 950;
    text-decoration: underline;
}

.support-modal-backdrop[b-pjmdulddsc] {
    align-items: center;
    background: rgba(4, 5, 18, .82);
    display: flex;
    inset: 0;
    justify-content: center;
    padding: 24px;
    position: fixed;
    z-index: 100;
}

.support-modal[b-pjmdulddsc] {
    background: #15142f;
    border: 1px solid #30305b;
    border-radius: 18px;
    box-shadow: 0 28px 80px rgba(0, 0, 0, .52);
    color: var(--q-dark-ink);
    display: grid;
    gap: 16px;
    max-height: calc(100vh - 48px);
    max-width: 660px;
    overflow-y: auto;
    padding: 22px;
    width: 100%;
}

.support-modal > header[b-pjmdulddsc] {
    align-items: flex-start;
    display: flex;
    gap: 18px;
    justify-content: space-between;
}

.support-modal h2[b-pjmdulddsc] {
    font-size: 24px;
    font-weight: 950;
    letter-spacing: -.035em;
    margin: 6px 0 3px;
}

.support-modal header p[b-pjmdulddsc] {
    color: var(--q-dark-muted);
    font-size: 11px;
    line-height: 1.5;
    margin: 0;
}

.support-modal-close[b-pjmdulddsc] {
    border-radius: 50%;
    flex: none;
    font-size: 20px;
    height: 34px;
    line-height: 1;
    width: 34px;
}

.support-modal label[b-pjmdulddsc] {
    display: grid;
    gap: 7px;
}

.support-modal label > small[b-pjmdulddsc] { justify-self: end; }

.support-form-grid[b-pjmdulddsc] {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.support-modal > footer[b-pjmdulddsc] {
    border-top: 1px solid var(--q-dark-line-2);
    gap: 8px;
    justify-content: flex-end;
    padding-top: 15px;
}

@keyframes support-spin-b-pjmdulddsc { to { transform: rotate(360deg); } }

@media (max-width: 1050px) {
    .support-workspace[b-pjmdulddsc] { grid-template-columns: minmax(260px, .8fr) minmax(0, 1.2fr); }
    .support-message[b-pjmdulddsc] { max-width: 96%; }
}

@media (max-width: 800px) {
    .support-hero[b-pjmdulddsc] { align-items: flex-start; flex-direction: column; }
    .support-summary[b-pjmdulddsc] { grid-template-columns: 1fr; }
    .support-workspace[b-pjmdulddsc] { grid-template-columns: 1fr; }
    .support-ticket-list[b-pjmdulddsc] { max-height: 480px; min-height: 390px; }
    .support-conversation[b-pjmdulddsc] { min-height: 560px; }
}

@media (max-width: 560px) {
    .support-hero[b-pjmdulddsc] { padding: 20px; }
    .support-new-button[b-pjmdulddsc] { width: 100%; }
    .support-conversation-head[b-pjmdulddsc] { align-items: stretch; flex-direction: column; }
    .support-conversation-tags[b-pjmdulddsc] { flex-wrap: wrap; }
    .support-message[b-pjmdulddsc] { max-width: 100%; }
    .support-message header[b-pjmdulddsc] { align-items: flex-start; flex-wrap: wrap; }
    .support-reply footer[b-pjmdulddsc] { align-items: stretch; flex-direction: column; gap: 9px; }
    .support-reply footer .q-btn[b-pjmdulddsc] { width: 100%; }
    .support-form-grid[b-pjmdulddsc] { grid-template-columns: 1fr; }
    .support-modal-backdrop[b-pjmdulddsc] { padding: 12px; }
    .support-modal[b-pjmdulddsc] { max-height: calc(100vh - 24px); padding: 18px; }
    .support-modal > footer[b-pjmdulddsc] { align-items: stretch; flex-direction: column-reverse; }
    .support-closed-note[b-pjmdulddsc] { align-items: flex-start; flex-wrap: wrap; }
    .support-closed-note .q-btn[b-pjmdulddsc] { width: 100%; }
}