/* _content/Qublo.App.Shared/Components/Backoffice/AccountCommercialDetails.razor.rz.scp.css */
.account-commercial[b-8u25heakmf] { color:var(--bo-ink,#f7f7ff); display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:1rem; margin:1rem 0; }
.account-commercial article[b-8u25heakmf] { background:var(--bo-panel-2,#1b1b40); border:1px solid var(--bo-line,rgba(167,168,230,.16)); border-radius:12px; padding:1rem; }
.account-commercial h3[b-8u25heakmf] { color:var(--bo-ink,#f7f7ff); margin:0 0 1rem; font-size:1rem; }
.account-commercial dl[b-8u25heakmf] { display:grid; gap:.25rem; }.account-commercial dt[b-8u25heakmf] { color:var(--bo-muted,#a7a8c6); font-size:.8rem; }.account-commercial dd[b-8u25heakmf] { color:var(--bo-ink,#f7f7ff); margin:0 0 .5rem; overflow-wrap:anywhere; }
.account-commercial ul[b-8u25heakmf] { padding-left:1.2rem; }.account-commercial li[b-8u25heakmf] { margin:.7rem 0; }.account-commercial li span[b-8u25heakmf],.account-commercial li small[b-8u25heakmf] { color:var(--bo-muted,#a7a8c6); display:block; font-size:.8rem; margin-top:.2rem; }
.account-commercial summary[b-8u25heakmf] { color:var(--bo-ink,#f7f7ff); }
/* _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]  .bo-history__payment-row { cursor: pointer; }
.bo-history[b-62bkxawfhr]  .bo-history__payment-row:hover,
.bo-history[b-62bkxawfhr]  .bo-history__payment-row:focus-within { background: rgba(128, 122, 255, .09); }
.bo-history[b-62bkxawfhr]  .bo-history__payment-link { border: 0; background: none; padding: 0; color: #f6f5ff; font: inherit; font-weight: 750; cursor: pointer; text-align: left; }
.bo-history[b-62bkxawfhr]  .bo-history__payment-link span { color: #9d99ff; margin-left: .35rem; }
.bo-history[b-62bkxawfhr]  .bo-history__payment-link:focus-visible { outline: 2px solid #9d99ff; outline-offset: 4px; border-radius: 3px; }

.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/Backoffice/BackofficeAnalyticsDashboard.razor.rz.scp.css */
.analytics[b-li96havxjc] {
    --a-ink: var(--bo-ink);
    --a-muted: var(--bo-muted);
    --a-line: var(--bo-line);
    --a-purple: var(--bo-accent);
    --a-surface: var(--bo-panel);
    --a-surface-2: var(--bo-panel-2);
    --a-hover: var(--bo-hover);
    --a-accent-soft: var(--bo-accent-soft);
    --a-success: var(--bo-success);
    --a-danger: var(--bo-danger);
    --a-warning: var(--bo-warning);
    color: var(--a-ink);
    font-size: 13px;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    margin: 0;
}
.analytics *[b-li96havxjc], .analytics *[b-li96havxjc]::before, .analytics *[b-li96havxjc]::after { box-sizing:border-box; }
.analytics button[b-li96havxjc], .analytics input[b-li96havxjc], .analytics select[b-li96havxjc] { font:inherit; }
.analytics button[b-li96havxjc] { cursor:pointer; }
.analytics button:disabled[b-li96havxjc], .analytics select:disabled[b-li96havxjc] { cursor:wait; opacity:.55; }
.analytics button:focus-visible[b-li96havxjc], .analytics a:focus-visible[b-li96havxjc], .analytics input:focus-visible[b-li96havxjc], .analytics select:focus-visible[b-li96havxjc], .analytics summary:focus-visible[b-li96havxjc] { outline:3px solid var(--a-purple); outline-offset:3px; }
.analytics svg[b-li96havxjc] { overflow:visible; }
.analytics-heading[b-li96havxjc] { display:flex; align-items:center; justify-content:space-between; gap:24px; margin:0 0 26px; }
.eyebrow[b-li96havxjc] { color:var(--a-muted); letter-spacing:.13em; font-size:9px; font-weight:700; }
.analytics-heading h1[b-li96havxjc] { font-size:30px; font-weight:680; letter-spacing:-1.1px; margin:5px 0 6px; line-height:1.2; }
.analytics-heading p[b-li96havxjc] { margin:0; color:var(--a-muted); font-size:13px; }
.heading-actions[b-li96havxjc] { display:flex; align-items:center; gap:9px; }
.analytics .action[b-li96havxjc] { display:inline-flex; align-items:center; justify-content:center; gap:7px; padding:8px 13px; min-height:34px; border-radius:6px; font-size:12px; font-weight:600; text-decoration:none; white-space:nowrap; }
.action.secondary[b-li96havxjc] { border:1px solid var(--a-line); background:var(--a-surface); color:var(--a-ink); box-shadow:0 1px 2px #1b264008; }
.action.secondary:hover[b-li96havxjc] { background:var(--a-hover); }
.action.primary[b-li96havxjc] { background:var(--bo-brand); color:white; border:1px solid var(--bo-brand); box-shadow:0 2px 3px #635bff22; }
.action.primary:hover[b-li96havxjc] { background:#5148e5; }
.action.primary > span[b-li96havxjc] { font-size:18px; line-height:14px; font-weight:400; }
.analytics .icon-action[b-li96havxjc] { padding:8px; width:35px; }
.icon-action svg[b-li96havxjc], .period-picker svg[b-li96havxjc], .customer-search svg[b-li96havxjc] { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.period-toolbar[b-li96havxjc] { display:flex; align-items:center; flex-wrap:wrap; gap:12px; padding-bottom:18px; }
.period-picker[b-li96havxjc] { display:flex; align-items:center; gap:8px; padding:0 10px; background:var(--a-surface); border:1px solid var(--a-line); border-radius:6px; color:var(--a-ink); box-shadow:0 1px 2px #1b264005; }
.period-picker select[b-li96havxjc] { background:var(--a-surface); border:0; color:var(--a-ink); height:34px; font-size:12px; font-weight:550; padding-right:7px; }
.comparison-caption[b-li96havxjc] { font-size:11px; color:var(--a-muted); }
.updated[b-li96havxjc] { margin-left:auto; color:var(--a-muted); font-size:10px; display:flex; gap:6px; align-items:center; }
.updated i[b-li96havxjc] { width:5px; height:5px; border-radius:50%; background:var(--a-success); }
.kpi-grid[b-li96havxjc] { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; margin-bottom:23px; background:var(--a-surface); border:1px solid var(--a-line); border-radius:9px; box-shadow:0 2px 6px #25334d03; overflow:hidden; }
.analytics .kpi[b-li96havxjc] { margin:0; text-align:left; padding:21px 22px 19px; border:0; border-right:1px solid var(--a-line); background:var(--a-surface); display:flex; flex-direction:column; align-items:stretch; border-radius:0; color:var(--a-ink); min-width:0; }
.analytics .kpi:last-child[b-li96havxjc] { border-right:0; }
.analytics button.kpi:hover[b-li96havxjc] { background:var(--a-hover); }
.kpi > span[b-li96havxjc] { display:flex; align-items:center; justify-content:space-between; gap:4px; font-size:11px; font-weight:600; color:var(--a-ink); }
.currency[b-li96havxjc] { font-size:9px; font-weight:500; color:var(--a-muted); }
.kpi > strong[b-li96havxjc] { font-size:29px; font-weight:650; letter-spacing:-.9px; margin:10px 0; display:flex; justify-content:space-between; align-items:center; font-variant-numeric:tabular-nums; }
.kpi > strong svg[b-li96havxjc] { width:15px; height:15px; fill:none; stroke:var(--a-muted); stroke-width:1.7; }
.kpi-meta[b-li96havxjc] { display:flex; gap:5px; align-items:center; font-size:10px; min-height:20px; color:var(--a-muted); }
.kpi small[b-li96havxjc] { color:var(--a-muted); font-size:10px; margin-top:5px; line-height:1.4; }
.delta[b-li96havxjc] { font-size:10px; font-weight:600; padding:3px 6px; border-radius:4px; }
.delta.positive[b-li96havxjc] { color:var(--a-success); background:color-mix(in srgb, var(--a-success) 12%, var(--a-surface)); }.delta.negative[b-li96havxjc] { color:var(--a-danger); background:color-mix(in srgb, var(--a-danger) 12%, var(--a-surface)); }
.new-accounts[b-li96havxjc] { color:var(--a-purple); }.attention[b-li96havxjc] { color:var(--a-warning); }
.kpi-dot[b-li96havxjc] { width:7px; height:7px; border-radius:50%; display:inline-block; flex:none; background:var(--a-muted); }
.paid[b-li96havxjc] { --state-color:var(--a-success); --state-bg:color-mix(in srgb, var(--a-success) 12%, var(--a-surface)); }.awaiting[b-li96havxjc] { --state-color:var(--a-warning); --state-bg:color-mix(in srgb, var(--a-warning) 12%, var(--a-surface)); }.overdue[b-li96havxjc] { --state-color:var(--a-danger); --state-bg:color-mix(in srgb, var(--a-danger) 12%, var(--a-surface)); }.trial[b-li96havxjc] { --state-color:var(--bo-trial); --state-bg:color-mix(in srgb, var(--bo-trial) 12%, var(--a-surface)); }.plan[b-li96havxjc] { --state-color:var(--bo-info); --state-bg:color-mix(in srgb, var(--bo-info) 12%, var(--a-surface)); }.inactive[b-li96havxjc] { --state-color:var(--bo-muted); --state-bg:color-mix(in srgb, var(--a-muted) 12%, var(--a-surface)); }.review[b-li96havxjc] { --state-color:var(--bo-review); --state-bg:color-mix(in srgb, var(--bo-review) 12%, var(--a-surface)); }
.kpi-dot[b-li96havxjc], .state-bar > span[b-li96havxjc] { background:var(--state-color,var(--a-muted)); }
.insights-grid[b-li96havxjc] { display:grid; grid-template-columns:minmax(0,2fr) minmax(265px,.9fr); gap:20px; }
.panel[b-li96havxjc] { background:var(--a-surface); border:1px solid var(--a-line); border-radius:9px; box-shadow:0 2px 6px #25334d03; min-width:0; }
.panel-heading[b-li96havxjc] { display:flex; justify-content:space-between; align-items:center; gap:14px; padding:21px 22px 0; }
.panel-heading h2[b-li96havxjc] { margin:0; font-size:14px; font-weight:650; letter-spacing:-.2px; }
.panel-heading p[b-li96havxjc] { margin:5px 0 0; color:var(--a-muted); font-size:10px; line-height:1.5; }
.subtle-pill[b-li96havxjc] { font-size:9px; color:var(--a-muted); padding:5px 7px; background:var(--a-surface-2); border-radius:4px; white-space:nowrap; }
.chart-legend[b-li96havxjc] { display:flex; gap:17px; padding:19px 22px 0; font-size:10px; color:var(--a-muted); }
.chart-legend > span[b-li96havxjc] { display:flex; align-items:center; gap:6px; }.chart-legend i[b-li96havxjc] { width:14px; height:3px; background:var(--a-purple); border-radius:9px; }.chart-legend i.previous[b-li96havxjc] { background:repeating-linear-gradient(90deg,var(--a-muted) 0 4px,transparent 4px 6px); }
.chart-wrap[b-li96havxjc] { position:relative; padding:11px 14px 0 9px; }
.chart-wrap > svg[b-li96havxjc] { display:block; width:100%; height:215px; }
.chart-wrap stop[b-li96havxjc] { stop-color:var(--a-purple); }
.chart-tick line[b-li96havxjc] { stroke:var(--a-line); stroke-width:1; }.chart-tick text[b-li96havxjc], .chart-dates text[b-li96havxjc] { fill:var(--a-muted); font-size:10px; font-family:inherit; }
.current-line[b-li96havxjc] { fill:none; stroke:var(--a-purple); stroke-width:2.4; stroke-linejoin:round; stroke-linecap:round; }
.previous-line[b-li96havxjc] { fill:none; stroke:var(--a-muted); stroke-width:1.6; stroke-dasharray:5 5; }
.chart-marker[b-li96havxjc] { pointer-events:none; }.chart-marker line[b-li96havxjc] { stroke:var(--a-purple); stroke-width:1; stroke-dasharray:3 3; }.chart-marker circle[b-li96havxjc] { fill:var(--a-purple); stroke:var(--a-surface); stroke-width:2; }
.chart-readout[b-li96havxjc] { position:absolute; pointer-events:none; top:9px; right:20px; display:grid; gap:4px; border:1px solid var(--a-line); border-radius:6px; padding:10px 14px; background:var(--a-surface); box-shadow:0 4px 18px #33334d10; min-width:145px; }
.chart-readout strong[b-li96havxjc] { font-size:10px; color:var(--a-muted); }.chart-readout span[b-li96havxjc] { font-size:16px; font-weight:650; color:var(--a-purple); }.chart-readout small[b-li96havxjc] { font-size:9px; color:var(--a-muted); }
.chart-zero[b-li96havxjc] { position:absolute; inset:35px 20px 55px 55px; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:5px; color:var(--a-muted); font-size:12px; pointer-events:none; }.chart-zero span[b-li96havxjc] { color:var(--a-muted); font-size:10px; }
.chart-footer[b-li96havxjc] { border-top:1px solid var(--a-line); margin-top:7px; padding:12px 21px; display:flex; gap:12px; justify-content:space-between; align-items:flex-start; color:var(--a-muted); font-size:9px; position:relative; }
.chart-footer summary[b-li96havxjc] { color:var(--a-purple); cursor:pointer; white-space:nowrap; }.chart-data[b-li96havxjc] { position:absolute; top:35px; right:10px; z-index:10; background:var(--a-surface); border:1px solid var(--a-line); border-radius:8px; box-shadow:0 6px 24px #20204019; max-height:250px; overflow:auto; min-width:300px; padding:10px; }.chart-data caption[b-li96havxjc] { text-align:left; font-size:10px; padding:4px 0 10px; }.chart-data table[b-li96havxjc] { width:100%; border-collapse:collapse; }.chart-data th[b-li96havxjc],.chart-data td[b-li96havxjc] { padding:7px; text-align:left; border-bottom:1px solid var(--a-line); }
.status-total[b-li96havxjc] { font-size:25px; font-weight:650; letter-spacing:-.7px; color:var(--a-ink); }
.state-bar[b-li96havxjc] { display:flex; gap:3px; height:9px; margin:22px 22px 19px; background:var(--a-surface-2); border-radius:4px; overflow:hidden; }.state-bar > span[b-li96havxjc] { min-width:2px; }
.state-list[b-li96havxjc] { padding:0 19px; }.state-list button[b-li96havxjc] { width:100%; background:transparent; border:0; display:flex; align-items:center; gap:9px; padding:7px 3px; color:var(--a-muted); font-size:11px; border-radius:4px; }.state-list button:hover[b-li96havxjc] { background:var(--a-hover); }.state-list button > span[b-li96havxjc] { display:flex; gap:8px; align-items:center; margin-right:auto; }.state-list strong[b-li96havxjc] { color:var(--a-ink); font-size:11px; font-weight:600; }.state-list small[b-li96havxjc] { color:var(--a-muted); font-size:10px; width:36px; text-align:right; }
.status-note[b-li96havxjc] { font-size:9px; color:var(--a-muted); line-height:1.5; margin:11px 22px 18px; }
.action-strip[b-li96havxjc] { display:flex; align-items:center; flex-wrap:wrap; gap:10px 19px; margin:21px 0; padding:15px 19px; background:var(--a-accent-soft); border:1px solid var(--a-line); border-radius:7px; font-size:10px; }
.action-strip-title[b-li96havxjc] { color:var(--a-muted); font-weight:600; margin-right:4px; }.action-strip button[b-li96havxjc],.action-strip a[b-li96havxjc] { background:none; border:0; display:inline-flex; align-items:center; gap:6px; color:var(--a-muted); text-decoration:none; padding:1px 0; font-size:10px; }.action-strip button:hover[b-li96havxjc],.action-strip a:hover[b-li96havxjc] { color:var(--a-purple); }.action-strip button > span[b-li96havxjc],.action-strip a > span[b-li96havxjc] { color:var(--a-muted); }.action-strip a[b-li96havxjc] { margin-left:auto; }.action-strip strong[b-li96havxjc] { font-weight:650; }
.customers-panel .panel-heading[b-li96havxjc] { padding-bottom:20px; }
.text-link[b-li96havxjc] { font-size:11px; font-weight:550; color:var(--a-purple); text-decoration:none; white-space:nowrap; }.text-link:hover[b-li96havxjc] { text-decoration:underline; }
.customer-tabs[b-li96havxjc] { display:flex; gap:20px; border-bottom:1px solid var(--a-line); padding:0 22px; overflow-x:auto; }
.customer-tabs button[b-li96havxjc] { border:0; border-bottom:2px solid transparent; background:transparent; color:var(--a-muted); font-size:11px; padding:0 0 13px; display:flex; gap:7px; align-items:center; white-space:nowrap; border-radius:0; }.customer-tabs button.selected[b-li96havxjc] { color:var(--a-purple); border-bottom-color:var(--a-purple); font-weight:600; }.customer-tabs button > span[b-li96havxjc] { background:var(--a-line); color:var(--a-muted); padding:2px 5px; border-radius:4px; font-size:9px; font-weight:500; }.customer-tabs button.selected > span[b-li96havxjc] { background:var(--a-accent-soft); color:var(--a-purple); }
.customer-toolbar[b-li96havxjc] { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:14px 22px; }
.customer-search[b-li96havxjc] { display:flex; align-items:center; gap:8px; width:350px; max-width:100%; border:1px solid var(--a-line); border-radius:6px; padding:0 9px; height:34px; }.customer-search svg[b-li96havxjc] { color:var(--a-muted); width:14px; height:14px; flex:none; }.customer-search input[b-li96havxjc] { width:100%; min-width:0; border:0; outline:none; background:var(--a-surface); color:var(--a-ink); font-size:11px; padding:6px 0; }.customer-search input[b-li96havxjc]::placeholder { color:var(--a-muted); }.customer-search:focus-within[b-li96havxjc] { border-color:var(--a-purple); box-shadow:0 0 0 2px #635bff12; }.customer-search button[b-li96havxjc] { border:0; border-left:1px solid var(--a-line); padding:0 0 0 8px; background:transparent; color:var(--a-purple); font-size:10px; }
.extra-filter select[b-li96havxjc] { border:1px solid var(--a-line); background:var(--a-surface); color:var(--a-muted); border-radius:6px; font-size:10px; min-height:34px; padding:0 8px; max-width:210px; }
.customer-table-wrap[b-li96havxjc] { position:relative; width:100%; overflow-x:auto; }.customer-table[b-li96havxjc] { border-collapse:collapse; width:100%; white-space:nowrap; }.customer-table th[b-li96havxjc] { text-align:left; color:var(--a-muted); font-size:9px; font-weight:550; padding:10px 13px; background:var(--a-surface-2); border-top:1px solid var(--a-line); border-bottom:1px solid var(--a-line); }.customer-table th:first-child[b-li96havxjc] { padding-left:22px; }.customer-table td[b-li96havxjc] { color:var(--a-muted); font-size:10px; padding:14px 13px; border-bottom:1px solid var(--a-line); vertical-align:middle; }.customer-table td:first-child[b-li96havxjc] { padding-left:22px; }.customer-table td:last-child[b-li96havxjc] { padding-right:22px; text-align:right; }.customer-table tr:last-child td[b-li96havxjc] { border-bottom:0; }.customer-table tbody tr:hover[b-li96havxjc] { background:var(--a-hover); }.customer-table td > strong[b-li96havxjc] { color:var(--a-ink); font-size:11px; font-weight:550; display:block; }.customer-table td > small[b-li96havxjc] { display:block; font-size:9px; margin-top:4px; color:var(--a-muted); }
.customer-identity[b-li96havxjc] { display:flex; align-items:center; gap:10px; background:none; border:0; text-align:left; padding:0; color:inherit; min-width:190px; }.customer-avatar[b-li96havxjc] { display:flex; align-items:center; justify-content:center; height:30px; width:30px; border-radius:7px; background:var(--a-accent-soft); color:var(--a-purple); font-size:10px; font-weight:600; flex:none; }.customer-identity > span:last-child[b-li96havxjc] { display:grid; gap:4px; }.customer-identity strong[b-li96havxjc] { font-size:11px; color:var(--a-ink); font-weight:600; max-width:195px; overflow:hidden; text-overflow:ellipsis; }.customer-identity small[b-li96havxjc] { font-size:9px; color:var(--a-muted); max-width:195px; overflow:hidden; text-overflow:ellipsis; }.customer-identity:hover strong[b-li96havxjc] { color:var(--a-purple); }
.state-badge[b-li96havxjc] { color:var(--state-color); background:var(--state-bg); padding:4px 6px; border-radius:4px; display:inline-flex; align-items:center; gap:5px; font-size:9px; font-weight:550; }.state-badge i[b-li96havxjc] { width:4px; height:4px; border-radius:50%; background:currentColor; }.state-badge.paid[b-li96havxjc] { color:var(--a-success); }.state-badge.awaiting[b-li96havxjc] { color:var(--a-warning); }.state-badge.overdue[b-li96havxjc] { color:var(--a-danger); }.state-badge.plan[b-li96havxjc] { color:var(--bo-info); }.state-badge.inactive[b-li96havxjc] { color:var(--bo-muted); }
.customer-table td > strong.overdue-text[b-li96havxjc] { color:var(--a-danger); }.muted[b-li96havxjc] { color:var(--a-muted); }.coach-name[b-li96havxjc] { max-width:95px; overflow:hidden; text-overflow:ellipsis; display:block; }
.table-action[b-li96havxjc] { border:0; background:none; color:var(--a-purple); display:inline-flex; align-items:center; gap:7px; padding:5px 0; font-size:10px; font-weight:550; white-space:nowrap; }.table-action.muted[b-li96havxjc] { color:var(--a-muted); }.table-action:hover[b-li96havxjc] { color:var(--a-purple); }.table-action > span[b-li96havxjc] { opacity:.65; }
.table-pagination[b-li96havxjc] { padding:14px 22px; display:flex; align-items:center; gap:14px; justify-content:space-between; border-top:1px solid var(--a-line); color:var(--a-muted); font-size:10px; }.table-pagination small[b-li96havxjc] { font-size:10px; color:var(--a-muted); }.table-pagination > div[b-li96havxjc] { display:flex; gap:7px; }.table-pagination .action[b-li96havxjc] { font-size:10px; padding:5px 9px; min-height:28px; }
.dashboard-footnote[b-li96havxjc] { margin:17px 0 0; font-size:10px; line-height:1.6; color:var(--a-muted); }
.analytics-error[b-li96havxjc] { border:1px solid color-mix(in srgb, var(--a-danger) 30%, var(--a-surface)); background:color-mix(in srgb, var(--a-danger) 12%, var(--a-surface)); color:var(--a-danger); display:flex; align-items:center; justify-content:space-between; gap:15px; padding:13px 16px; border-radius:7px; margin:12px 0; font-size:12px; }.customers-panel .analytics-error[b-li96havxjc] { margin:10px 22px; }
.analytics-loading[b-li96havxjc] { min-height:360px; display:flex; align-items:center; justify-content:center; gap:10px; color:var(--a-muted); }.loading-dot[b-li96havxjc] { width:16px; height:16px; border:2px solid var(--a-line); border-top-color:var(--a-purple); border-radius:50%; animation:analytics-spin-b-li96havxjc .8s linear infinite; }
.table-empty[b-li96havxjc] { display:flex; align-items:center; justify-content:center; flex-direction:column; min-height:230px; padding:28px; color:var(--a-muted); gap:7px; text-align:center; }.table-empty strong[b-li96havxjc] { font-size:14px; font-weight:600; color:var(--a-ink); }.table-empty p[b-li96havxjc] { margin:0 0 8px; font-size:11px; }.empty-icon[b-li96havxjc] { font-size:35px; line-height:1; color:var(--a-purple); }
.sr-only[b-li96havxjc] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@keyframes analytics-spin-b-li96havxjc { to { transform:rotate(360deg); } }
@media(min-width:1650px) { .chart-wrap > svg[b-li96havxjc] { height:250px; }.state-list button[b-li96havxjc] { padding:9px 3px; }.kpi > strong[b-li96havxjc] { font-size:34px; } }
@media(max-width:1200px) { .analytics .kpi[b-li96havxjc] { padding:18px 16px; }.kpi > strong[b-li96havxjc] { font-size:25px; }.insights-grid[b-li96havxjc] { grid-template-columns:minmax(0,1.7fr) minmax(230px,.8fr); gap:14px; }.subtle-pill[b-li96havxjc] { display:none; }.action-strip[b-li96havxjc] { gap:10px 14px; }.action-strip-title[b-li96havxjc] { width:100%; }.action-strip a[b-li96havxjc] { margin-left:0; } }
@media(max-width:1000px) { .kpi-grid[b-li96havxjc] { grid-template-columns:repeat(2,minmax(0,1fr)); }.analytics .kpi:nth-child(2)[b-li96havxjc] { border-right:0; }.analytics .kpi:nth-child(-n+2)[b-li96havxjc] { border-bottom:1px solid var(--a-line); }.updated[b-li96havxjc] { width:100%; margin-left:0; } }
@media(max-width:650px) { .analytics-heading[b-li96havxjc] { align-items:flex-start; gap:12px; margin-bottom:20px; }.analytics-heading h1[b-li96havxjc] { font-size:26px; }.analytics-heading p[b-li96havxjc] { font-size:11px; max-width:220px; line-height:1.5; }.heading-actions[b-li96havxjc] { gap:6px; }.heading-actions .primary[b-li96havxjc] { font-size:10px; padding:6px 9px; }.heading-actions .icon-action[b-li96havxjc] { display:none; }.eyebrow[b-li96havxjc] { font-size:8px; }.period-toolbar[b-li96havxjc] { gap:10px; }.comparison-caption[b-li96havxjc] { font-size:9px; }.insights-grid[b-li96havxjc] { grid-template-columns:1fr; }.kpi > strong[b-li96havxjc] { font-size:24px; }.kpi > span[b-li96havxjc] { font-size:10px; }.kpi small[b-li96havxjc] { font-size:9px; }.kpi-meta[b-li96havxjc] { font-size:9px; }.panel-heading[b-li96havxjc] { padding:18px 16px 0; }.chart-wrap > svg[b-li96havxjc] { height:190px; }.status-panel .state-list[b-li96havxjc] { display:grid; grid-template-columns:1fr 1fr; gap:0 16px; }.state-list button[b-li96havxjc] { font-size:10px; }.state-list small[b-li96havxjc] { display:none; }.state-bar[b-li96havxjc] { margin:18px 19px 12px; }.status-note[b-li96havxjc] { font-size:9px; }.action-strip[b-li96havxjc] { padding:14px; gap:12px; }.action-strip button[b-li96havxjc],.action-strip a[b-li96havxjc] { font-size:10px; }.customer-toolbar[b-li96havxjc] { padding:12px; flex-wrap:wrap; gap:9px; }.customer-search[b-li96havxjc] { width:100%; }.extra-filter[b-li96havxjc] { width:100%; }.extra-filter select[b-li96havxjc] { width:100%; max-width:none; }.customer-tabs[b-li96havxjc] { gap:18px; padding:0 16px; }.customers-panel .panel-heading[b-li96havxjc] { align-items:flex-start; }.text-link[b-li96havxjc] { font-size:10px; max-width:100px; white-space:normal; text-align:right; }.table-pagination[b-li96havxjc] { flex-wrap:wrap; padding:12px; }.dashboard-footnote[b-li96havxjc] { font-size:9px; }.chart-footer[b-li96havxjc] { padding:12px 16px; font-size:8px; }.chart-readout[b-li96havxjc] { top:5px; padding:7px 10px; min-width:125px; }.chart-data[b-li96havxjc] { min-width:270px; } }
@media(prefers-reduced-motion:reduce) { .loading-dot[b-li96havxjc] { animation:none; } }
/* _content/Qublo.App.Shared/Components/Backoffice/BackofficePaymentDetailDialog.razor.rz.scp.css */
.payment-detail-backdrop[b-zhc9549egl] { position:fixed; inset:0; z-index:110; display:flex; align-items:center; justify-content:center; padding:24px; background:rgba(4,4,15,.82); backdrop-filter:blur(8px); }
.payment-detail[b-zhc9549egl] { width:min(780px,100%); max-height:calc(100dvh - 48px); display:flex; flex-direction:column; border:1px solid #343158; border-radius:18px; background:#13122f; color:#f3f1ff; box-shadow:0 24px 90px #0007; font-size:13px; }
.payment-detail *[b-zhc9549egl] { box-sizing:border-box; }
.focus-guard[b-zhc9549egl] { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.detail-header[b-zhc9549egl] { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; padding:23px 26px; border-bottom:1px solid #2b284d; }
.eyebrow[b-zhc9549egl] { color:#c7f279; font-size:10px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.detail-header h2[b-zhc9549egl] { margin:5px 0; font-size:23px; font-weight:650; letter-spacing:-.6px; }
.detail-header p[b-zhc9549egl] { color:#aaa6c9; margin:0; font-size:12px; overflow-wrap:anywhere; }
.payment-detail button[b-zhc9549egl] { border:1px solid #3b3665; border-radius:8px; background:#211e45; padding:8px 12px; color:#eeebff; font:inherit; font-size:11px; font-weight:650; cursor:pointer; }
.payment-detail button:hover[b-zhc9549egl] { border-color:#958aff; background:#2e285b; }
.payment-detail button:focus-visible[b-zhc9549egl] { outline:2px solid #b4aaff; outline-offset:3px; }
.payment-detail .close[b-zhc9549egl] { border:0; background:none; color:#a6a0c7; font-size:27px; line-height:1; padding:0 2px; }
.detail-body[b-zhc9549egl] { padding:22px 26px; overflow-y:auto; min-height:0; }
.payment-summary[b-zhc9549egl] { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:19px 21px; background:#201d43; border:1px solid #38305e; border-radius:12px; }
.payment-summary > div[b-zhc9549egl] { display:grid; gap:5px; min-width:0; }
.payment-summary small[b-zhc9549egl] { color:#aca5ca; font-size:11px; }.payment-summary strong[b-zhc9549egl] { font-size:31px; letter-spacing:-.8px; line-height:1.3; }.reference[b-zhc9549egl] { font-size:12px; color:#bcb4e1; overflow-wrap:anywhere; }
.status[b-zhc9549egl] { padding:5px 9px; border-radius:20px; font-size:11px; font-weight:700; white-space:nowrap; }.confirmed[b-zhc9549egl] { color:#8ce1ba; background:#224638; }.voided[b-zhc9549egl] { color:#ff9caf; background:#51233c; }
.detail-grid[b-zhc9549egl] { display:grid; grid-template-columns:1fr 1fr; gap:18px 28px; margin:23px 0; }.detail-grid > div[b-zhc9549egl] { min-width:0; }.detail-grid dt[b-zhc9549egl],.amounts dt[b-zhc9549egl] { color:#a29abe; font-size:11px; margin-bottom:5px; }.detail-grid dd[b-zhc9549egl],.amounts dd[b-zhc9549egl] { margin:0; font-size:13px; font-weight:600; overflow-wrap:anywhere; }.detail-grid dd small[b-zhc9549egl] { display:block; font-size:11px; color:#a29abe; font-weight:400; margin-top:5px; }
.detail-card[b-zhc9549egl] { padding:16px 18px; border:1px solid #302b51; border-radius:12px; margin-top:14px; }.detail-card h3[b-zhc9549egl] { margin:0 0 13px; font-size:13px; font-weight:650; }.detail-card h3 > span[b-zhc9549egl] { font-size:10px; color:#c5bcec; margin-left:5px; padding:2px 6px; background:#302853; border-radius:10px; }
.amounts[b-zhc9549egl] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; margin:0; }.amounts dd[b-zhc9549egl] { font-size:12px; }.verification[b-zhc9549egl] { color:#c0b5d3; font-size:11px; border-top:1px solid #2c284a; margin:14px 0 0; padding-top:12px; }.verification.verified[b-zhc9549egl] { color:#8cddb8; }.verification small[b-zhc9549egl] { display:block; color:#a79fc1; margin:5px 0 0; font-size:10px; }.coupon[b-zhc9549egl] { color:#c0b3f5; font-size:11px; margin:13px 0 0; }
.document[b-zhc9549egl] { display:flex; align-items:center; gap:12px; padding-top:12px; margin-top:12px; border-top:1px solid #2c284a; }.document > div:first-of-type[b-zhc9549egl] { flex:1; min-width:0; }.document strong[b-zhc9549egl] { font-size:12px; overflow-wrap:anywhere; }.document small[b-zhc9549egl] { display:block; margin-top:5px; line-height:1.5; font-size:10px; color:#a69dbf; }.pdf-icon[b-zhc9549egl] { display:grid; place-items:center; width:36px; height:42px; flex:none; border-radius:7px; background:#30254f; color:#d1b3e6; font-size:9px; font-weight:750; }.document-actions[b-zhc9549egl] { display:flex; gap:6px; }
.notes[b-zhc9549egl] { color:#c5bddb; font-size:12px; line-height:1.7; margin:0; white-space:pre-wrap; overflow-wrap:anywhere; }.muted[b-zhc9549egl] { color:#a69dbf; font-size:12px; margin:0; }.void-info[b-zhc9549egl] { background:#30182c; border-color:#603148; }.void-info h3[b-zhc9549egl] { color:#ffabc0; }.void-info p[b-zhc9549egl] { font-size:12px; color:#deb3c7; }
.detail-footer[b-zhc9549egl] { border-top:1px solid #2b284d; padding:17px 26px; display:flex; align-items:center; justify-content:space-between; gap:16px; }.detail-footer > span[b-zhc9549egl] { font-size:10px; color:#9b92b8; }.payment-detail .primary[b-zhc9549egl] { background:#6a5de2; border-color:#7a6deb; color:white; }.payment-detail .primary:hover[b-zhc9549egl] { background:#7c6bed; }
.detail-state[b-zhc9549egl] { display:grid; justify-items:start; gap:8px; padding:35px 10px; color:#c0b8db; }.detail-state p[b-zhc9549egl] { margin:0 0 6px; }.detail-state.error[b-zhc9549egl] { color:#ffb2c5; }
@media(max-width:600px) { .payment-detail-backdrop[b-zhc9549egl] { padding:8px; }.payment-detail[b-zhc9549egl] { max-height:calc(100dvh - 16px); border-radius:14px; }.detail-header[b-zhc9549egl],.detail-body[b-zhc9549egl] { padding:18px; }.detail-footer[b-zhc9549egl] { padding:15px 18px; }.detail-grid[b-zhc9549egl] { gap:17px; }.payment-summary[b-zhc9549egl] { padding:15px; }.payment-summary strong[b-zhc9549egl] { font-size:26px; }.amounts[b-zhc9549egl] { grid-template-columns:1fr; gap:12px; }.amounts > div[b-zhc9549egl] { display:flex; justify-content:space-between; gap:10px; }.document[b-zhc9549egl] { flex-wrap:wrap; }.document-actions[b-zhc9549egl] { width:100%; justify-content:flex-end; }.detail-footer > span[b-zhc9549egl] { max-width:110px; }.detail-grid dd[b-zhc9549egl] { font-size:12px; } }
/* _content/Qublo.App.Shared/Components/Backoffice/BackofficeTicketQueue.razor.rz.scp.css */
.ticket-workspace[b-z1qsq58zqj] { color: var(--bo-ink, #f7f7ff); min-width: 0; font-size: 14px; }
.queue-heading[b-z1qsq58zqj] { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 24px; }
.eyebrow[b-z1qsq58zqj] { color: var(--bo-lime, #c6f94b); font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .12em; }
h1[b-z1qsq58zqj] { font-size: clamp(25px, 3vw, 36px); margin: 7px 0; letter-spacing: -.035em; }
.queue-heading p[b-z1qsq58zqj] { color: var(--bo-muted, #a7a8c6); font-size: 13px; margin: 0; }
button[b-z1qsq58zqj], input[b-z1qsq58zqj], select[b-z1qsq58zqj] { font: inherit; }
button[b-z1qsq58zqj] { cursor: pointer; background: var(--bo-panel-2, #1b1b40); color: inherit; border: 1px solid var(--bo-line, #373755); border-radius: 9px; min-height: 40px; padding: 9px 14px; font-size: 12px; font-weight: 650; }
button:hover:not(:disabled)[b-z1qsq58zqj] { border-color: #9995ff; background: #28264e; }
button:disabled[b-z1qsq58zqj] { opacity: .5; cursor: default; }
button:focus-visible[b-z1qsq58zqj], input:focus-visible[b-z1qsq58zqj], select:focus-visible[b-z1qsq58zqj] { outline: 2px solid #c6f94b; outline-offset: 3px; }
.queue-toolbar[b-z1qsq58zqj] { display: flex; align-items: end; gap: 12px; margin-bottom: 18px; flex-wrap: wrap; }
label[b-z1qsq58zqj] { display: grid; gap: 7px; min-width: 0; color: #d7d6f2; }
label > span:first-child[b-z1qsq58zqj] { font-size: 12px; font-weight: 650; }
input:not([type=checkbox])[b-z1qsq58zqj], select[b-z1qsq58zqj] { background: #111127; color: #f7f7ff; border: 1px solid var(--bo-line, #373755); border-radius: 8px; min-width: 0; width: 100%; box-sizing: border-box; height: 42px; padding: 8px 10px; font-size: 13px; color-scheme: dark; }
input[b-z1qsq58zqj]::placeholder { color: #9596b6; }
.search-field[b-z1qsq58zqj] { flex: 1 1 350px; }
.quick-filters[b-z1qsq58zqj] { display: flex; gap: 7px; flex-wrap: wrap; }
.reset[b-z1qsq58zqj] { background: transparent; color: #c6c3ff; }
.queue-board[b-z1qsq58zqj] { display: grid; grid-template-columns: 240px minmax(0,1fr); gap: 18px; align-items: start; }
.queue-facets[b-z1qsq58zqj] { background: var(--bo-panel, #151532); border: 1px solid var(--bo-line, #373755); border-radius: 12px; padding: 17px 13px; position: sticky; top: 92px; max-height: calc(100dvh - 108px); overflow-y: auto; scrollbar-width: thin; }
.facet-intro[b-z1qsq58zqj] { display: grid; gap: 7px; padding: 0 6px 14px; }
.facet-intro strong[b-z1qsq58zqj] { font-size: 14px; }.facet-intro small[b-z1qsq58zqj], .count-note[b-z1qsq58zqj] { color: #a7a8c6; font-size: 11px; line-height: 1.6; }
fieldset[b-z1qsq58zqj] { border: 0; padding: 13px 0 0; margin: 0 0 12px; min-width: 0; border-top: 1px solid var(--bo-line, #373755); }
legend[b-z1qsq58zqj] { font-size: 12px; padding: 0 6px; font-weight: 750; color: #d7d6f2; }
.facet-option[b-z1qsq58zqj] { display: flex; align-items: center; gap: 8px; min-height: 38px; padding: 3px 7px; border: 1px solid transparent; border-radius: 8px; font-size: 12px; cursor: pointer; }
.facet-option:hover[b-z1qsq58zqj] { background: #202043; }.facet-option.selected[b-z1qsq58zqj] { background: rgba(106,101,232,.18); border-color: rgba(151,144,255,.35); }
.facet-option input[b-z1qsq58zqj] { width: 15px; height: 15px; accent-color: #b2aaff; margin: 0; flex: 0 0 auto; }
.facet-count[b-z1qsq58zqj] { margin-left: auto; font-size: 11px; color: #b9b8d7; font-variant-numeric: tabular-nums; }
.count-note[b-z1qsq58zqj] { margin: 0 6px; }
.priority-dot[b-z1qsq58zqj] { width: 6px; height: 6px; border-radius: 50%; flex: 0 0 auto; background: #979bba; }
.priority-dot.urgent[b-z1qsq58zqj], .priority-line.urgent[b-z1qsq58zqj] { background: #ff6a81; }.priority-dot.high[b-z1qsq58zqj], .priority-line.high[b-z1qsq58zqj] { background: #ffbd66; }.priority-dot.normal[b-z1qsq58zqj], .priority-line.normal[b-z1qsq58zqj] { background: #a19cff; }
.queue-content[b-z1qsq58zqj] { min-width: 0; }.advanced-filters[b-z1qsq58zqj] { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 14px; padding: 18px; background: var(--bo-panel, #151532); border: 1px solid var(--bo-line, #373755); border-radius: 12px; }
.date-note[b-z1qsq58zqj] { grid-column: 1 / -1; margin: -4px 0 0; color: #a7a8c6; font-size: 11px; }
.results-toolbar[b-z1qsq58zqj] { display: flex; gap: 20px; justify-content: space-between; align-items: center; padding: 18px 0 12px; }
.result-count[b-z1qsq58zqj] { display: grid; gap: 5px; }.result-count strong[b-z1qsq58zqj] { font-size: 15px; }.result-count strong span[b-z1qsq58zqj] { color: #a7a8c6; font-weight: 500; }.result-count small[b-z1qsq58zqj] { color: #a7a8c6; font-size: 12px; }
.sort-field[b-z1qsq58zqj] { display: flex; align-items: center; gap: 9px; max-width: 100%; }.sort-field > span[b-z1qsq58zqj] { white-space: nowrap; }.sort-field select[b-z1qsq58zqj] { max-width: 270px; }
.ticket-results[b-z1qsq58zqj] { background: var(--bo-panel, #151532); border: 1px solid var(--bo-line, #373755); border-radius: 12px; overflow: hidden; min-height: 160px; }
.ticket-row[b-z1qsq58zqj] { display: grid; align-items: center; grid-template-columns: 3px minmax(0,1.5fr) minmax(100px,.6fr) auto; gap: 15px; width: 100%; text-align: left; padding: 18px; background: transparent; border: 0; border-bottom: 1px solid var(--bo-line, #373755); border-radius: 0; min-height: 105px; }
.ticket-row:last-child[b-z1qsq58zqj] { border-bottom: 0; }.priority-line[b-z1qsq58zqj] { width: 3px; border-radius: 2px; height: 35px; background: #979bba; }
.ticket-main[b-z1qsq58zqj], .ticket-account[b-z1qsq58zqj], .ticket-meta[b-z1qsq58zqj] { min-width: 0; display: grid; gap: 6px; }.ticket-main strong[b-z1qsq58zqj], .ticket-account strong[b-z1qsq58zqj] { font-size: 13px; line-height: 1.45; overflow-wrap: anywhere; }.ticket-main small[b-z1qsq58zqj], .ticket-account small[b-z1qsq58zqj] { font-size: 11px; color: #b3b3d0; line-height: 1.4; overflow-wrap: anywhere; }.ticket-dates[b-z1qsq58zqj] { font-size: 10px; color: #999bbb; font-weight: 400; line-height: 1.4; }
.ticket-meta[b-z1qsq58zqj] { justify-items: end; gap: 5px; }.ticket-meta small[b-z1qsq58zqj] { color: #a7a8c6; font-size: 10px; }.status-badge[b-z1qsq58zqj], .priority-badge[b-z1qsq58zqj] { font-size: 10px; border-radius: 5px; padding: 4px 7px; white-space: nowrap; font-weight: 750; }
.status-badge[b-z1qsq58zqj] { background: #282544; color: #ded9ff; }.status-badge.open[b-z1qsq58zqj] { background: #3f3225; color: #ffd28a; }.status-badge.waitingforcustomer[b-z1qsq58zqj] { background: #31324c; color: #cdd2ff; }.status-badge.resolved[b-z1qsq58zqj], .status-badge.closed[b-z1qsq58zqj] { background: #173e37; color: #91e4c5; }
.priority-badge[b-z1qsq58zqj] { color: #bfbdd5; background: #25243d; }.priority-badge.urgent[b-z1qsq58zqj] { color: #ffa7b6; background: #442533; }.priority-badge.high[b-z1qsq58zqj] { color: #ffcb8b; background: #3d3025; }
.queue-empty[b-z1qsq58zqj] { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; min-height: 200px; padding: 25px; text-align: center; }.queue-empty span[b-z1qsq58zqj] { color: #a7a8c6; font-size: 13px; line-height: 1.5; }
.loading-indicator[b-z1qsq58zqj] { width: 22px; height: 22px; border: 2px solid #4b476f; border-top-color: #c6f94b; border-radius: 50%; animation: queue-spin-b-z1qsq58zqj 1s linear infinite; }@keyframes queue-spin-b-z1qsq58zqj { to { transform: rotate(360deg); } }
.queue-error[b-z1qsq58zqj] { margin-top: 14px; padding: 12px 15px; background: #3b2333; border: 1px solid #814455; border-radius: 9px; color: #ffb5c2; display: flex; gap: 12px; align-items: center; justify-content: space-between; font-size: 13px; }
.queue-pagination[b-z1qsq58zqj] { display: flex; gap: 16px; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 17px 0; font-size: 12px; color: #b8b8d3; }.queue-pagination label[b-z1qsq58zqj], .queue-pagination > div[b-z1qsq58zqj] { display: flex; align-items: center; gap: 9px; }.queue-pagination select[b-z1qsq58zqj] { width: 72px; }.queue-pagination button[b-z1qsq58zqj] { padding: 6px 13px; font-size: 20px; line-height: 1; }
@media (max-width: 1200px) { .queue-board[b-z1qsq58zqj] { grid-template-columns: 215px minmax(0,1fr); }.advanced-filters[b-z1qsq58zqj] { grid-template-columns: repeat(2, minmax(0,1fr)); }.ticket-row[b-z1qsq58zqj] { grid-template-columns: 3px minmax(0,1fr) auto; gap: 10px; }.ticket-account[b-z1qsq58zqj] { grid-column: 2; grid-row: 2; }.ticket-meta[b-z1qsq58zqj] { grid-column: 3; grid-row: 1 / 3; }.priority-line[b-z1qsq58zqj] { grid-row: 1 / 3; }.ticket-account small[b-z1qsq58zqj] { display: inline; } }
@media (max-width: 760px) { .queue-board[b-z1qsq58zqj] { display: flex; flex-direction: column; }.queue-facets[b-z1qsq58zqj] { position: static; width: 100%; max-height: none; overflow: visible; box-sizing: border-box; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }.facet-intro[b-z1qsq58zqj], .count-note[b-z1qsq58zqj] { grid-column: 1 / -1; }.facet-intro small br[b-z1qsq58zqj] { display: none; }.queue-content[b-z1qsq58zqj] { width: 100%; }.queue-heading[b-z1qsq58zqj] { align-items: start; }.queue-heading .secondary[b-z1qsq58zqj] { flex: 0 0 auto; }.results-toolbar[b-z1qsq58zqj] { flex-wrap: wrap; }.sort-field[b-z1qsq58zqj] { width: 100%; }.sort-field select[b-z1qsq58zqj] { flex: 1; max-width: none; }.queue-toolbar[b-z1qsq58zqj] { align-items: stretch; }.search-field[b-z1qsq58zqj] { flex-basis: 100%; }.quick-filters[b-z1qsq58zqj] { flex: 1; }.queue-pagination[b-z1qsq58zqj] { gap: 12px; }.queue-pagination > div[b-z1qsq58zqj] { margin-left: auto; }.ticket-row[b-z1qsq58zqj] { padding: 14px 10px; }.ticket-main strong[b-z1qsq58zqj] { font-size: 12px; } }
@media (max-width: 430px) { .queue-heading[b-z1qsq58zqj] { flex-wrap: wrap; }.advanced-filters[b-z1qsq58zqj] { padding: 13px; gap: 12px; grid-template-columns: minmax(0,1fr); }.queue-facets[b-z1qsq58zqj] { padding: 13px 7px; }.facet-option[b-z1qsq58zqj] { gap: 5px; font-size: 11px; padding-inline: 4px; }.facet-count[b-z1qsq58zqj] { font-size: 10px; }.ticket-row[b-z1qsq58zqj] { grid-template-columns: 3px minmax(0,1fr); }.ticket-meta[b-z1qsq58zqj] { grid-column: 2; grid-row: 3; display: flex; align-items: center; flex-wrap: wrap; }.priority-line[b-z1qsq58zqj] { grid-row: 1 / 4; }.ticket-dates[b-z1qsq58zqj] { font-size: 10px; } }
@media (prefers-reduced-motion: reduce) { .loading-indicator[b-z1qsq58zqj] { animation: none; } }
/* _content/Qublo.App.Shared/Components/Backoffice/CoachCrmWorkspace.razor.rz.scp.css */
.crm-workspace[b-h327fyac8a]{display:grid;gap:1.25rem;color:#f7f7ff;min-width:0}.crm-tabs[b-h327fyac8a]{display:flex;gap:.5rem;overflow:auto;padding:.3rem;background:#15152f;border:1px solid #292954;border-radius:1rem}.crm-tabs button[b-h327fyac8a]{flex:1;min-width:10rem;padding:.85rem 1rem;border:0;border-radius:.75rem;background:transparent;color:#9898b5;font-weight:800}.crm-tabs button.active[b-h327fyac8a]{background:#6862e8;color:#fff;box-shadow:0 8px 25px #4f46e533}.crm-heading[b-h327fyac8a]{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.crm-heading span[b-h327fyac8a],.crm-card header span[b-h327fyac8a]{color:#8987b2;font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.crm-heading h1[b-h327fyac8a],.crm-card h2[b-h327fyac8a]{margin:.18rem 0;color:#fff}.crm-heading p[b-h327fyac8a],.crm-card p[b-h327fyac8a]{margin:.1rem 0;color:#9291ac}.crm-heading button[b-h327fyac8a],.crm-card button[b-h327fyac8a],.crm-filters button[b-h327fyac8a],.crm-pagination button[b-h327fyac8a],.crm-period-controls button[b-h327fyac8a],.crm-inline-action[b-h327fyac8a]{border:1px solid #393866;border-radius:.7rem;background:#222142;color:#f7f7ff;padding:.65rem .9rem;font-weight:800;cursor:pointer}.crm-heading button:hover[b-h327fyac8a],.crm-card button:hover[b-h327fyac8a],.crm-filters button:hover[b-h327fyac8a]{border-color:#817cff}.crm-summary-grid[b-h327fyac8a]{display:grid;gap:.8rem}.crm-summary-grid.five[b-h327fyac8a]{grid-template-columns:repeat(5,minmax(0,1fr))}.crm-summary-grid.four[b-h327fyac8a]{grid-template-columns:repeat(4,minmax(0,1fr))}.crm-summary-grid.three[b-h327fyac8a]{grid-template-columns:repeat(3,minmax(0,1fr))}.crm-summary[b-h327fyac8a]{position:relative;display:grid;gap:.25rem;padding:1rem 1.1rem;border:1px solid #29294c;border-radius:1rem;background:#17172f;overflow:hidden}.crm-summary[b-h327fyac8a]::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#6862e8}.crm-summary.lime[b-h327fyac8a]::before{background:#b8ff38}.crm-summary.amber[b-h327fyac8a]::before{background:#ffbf3f}.crm-summary.blue[b-h327fyac8a]::before{background:#5ba7ff}.crm-summary.red[b-h327fyac8a]::before{background:#ff557e}.crm-summary span[b-h327fyac8a],.crm-summary small[b-h327fyac8a]{color:#9594b2}.crm-summary strong[b-h327fyac8a]{font-size:1.55rem}.crm-overview-grid[b-h327fyac8a]{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(18rem,.65fr);gap:1rem}.crm-card[b-h327fyac8a]{padding:1.05rem;border:1px solid #2b2a51;border-radius:1rem;background:#17172f;min-width:0}.crm-card>header[b-h327fyac8a]{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.crm-attention[b-h327fyac8a],.crm-selected-list[b-h327fyac8a]{display:grid;gap:.6rem;list-style:none;padding:0;margin:0}.crm-attention li[b-h327fyac8a],.crm-selected-list li[b-h327fyac8a]{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.75rem;border-radius:.7rem;background:#20203d}.crm-attention li div[b-h327fyac8a]{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.3rem}.crm-attention li div span[b-h327fyac8a]{padding:.3rem .5rem;border-radius:999px;background:#3b263a;color:#ff9bb3;font-size:.72rem}.crm-protected-banner[b-h327fyac8a],.crm-recovery-note[b-h327fyac8a]{display:flex;gap:.7rem;padding:.85rem 1rem;border:1px solid #37366a;border-radius:.8rem;background:#1d1c43;color:#aaa8d7}.crm-protected-banner strong[b-h327fyac8a]{color:#fff}.crm-kpi-filters[b-h327fyac8a]{display:grid;grid-template-columns:repeat(8,minmax(8rem,1fr));gap:.55rem;overflow:auto;padding-bottom:.25rem}.crm-kpi-filters button[b-h327fyac8a]{display:grid;gap:.15rem;text-align:left;padding:.75rem;border:1px solid #29294d;border-radius:.75rem;background:#17172f;color:#aaa9c5;cursor:pointer}.crm-kpi-filters button strong[b-h327fyac8a]{font-size:1.1rem;color:#fff}.crm-kpi-filters button.active[b-h327fyac8a]{border-color:#8b86ff;background:#282653}.crm-filters[b-h327fyac8a]{display:grid;grid-template-columns:minmax(13rem,2fr) repeat(4,minmax(10rem,1fr)) auto auto;gap:.55rem}.crm-filters input[b-h327fyac8a],.crm-filters select[b-h327fyac8a],.crm-modal input[b-h327fyac8a],.crm-modal select[b-h327fyac8a],.crm-modal textarea[b-h327fyac8a],.crm-period-controls input[b-h327fyac8a]{width:100%;box-sizing:border-box;border:1px solid #34335d;border-radius:.65rem;background:#111127;color:#fff;padding:.72rem}.crm-filters input:focus[b-h327fyac8a],.crm-filters select:focus[b-h327fyac8a],.crm-modal input:focus[b-h327fyac8a],.crm-modal select:focus[b-h327fyac8a],.crm-modal textarea:focus[b-h327fyac8a]{outline:2px solid #807aff;outline-offset:1px}.crm-active-filters[b-h327fyac8a]{display:flex;flex-wrap:wrap;gap:.4rem}.crm-active-filters button[b-h327fyac8a]{border:1px solid #565393;border-radius:999px;background:#282650;color:#d9d7ff;padding:.35rem .65rem}.crm-table-wrap[b-h327fyac8a]{overflow:auto;border:1px solid #29294b;border-radius:.9rem;background:#15152d}.crm-table-wrap table[b-h327fyac8a]{width:100%;border-collapse:collapse;min-width:58rem}.crm-table-wrap th[b-h327fyac8a],.crm-table-wrap td[b-h327fyac8a]{padding:.8rem;text-align:left;vertical-align:top;border-bottom:1px solid #282747;color:#d4d3e6}.crm-table-wrap th[b-h327fyac8a]{color:#fff}.crm-table-wrap td small[b-h327fyac8a],.crm-table-wrap th small[b-h327fyac8a]{display:block;margin-top:.25rem;color:#8987aa;white-space:normal}.crm-table-wrap a[b-h327fyac8a]{color:#9692ff}.crm-clients-table[b-h327fyac8a]{min-width:92rem!important}.crm-markets[b-h327fyac8a],.crm-actions[b-h327fyac8a]{display:flex;flex-wrap:wrap;gap:.35rem}.crm-markets span[b-h327fyac8a]{padding:.25rem .4rem;border-radius:.35rem;background:#242344;font-size:.72rem}.crm-actions button[b-h327fyac8a],.crm-actions a[b-h327fyac8a]{padding:.38rem .55rem;border:1px solid #393866;border-radius:.5rem;background:#222142;color:#dad9f2;font-weight:700;text-decoration:none}.crm-actions .has-note[b-h327fyac8a]{border-color:#ffbd42;color:#ffcb67}.crm-pill[b-h327fyac8a]{display:inline-flex;align-items:center;width:max-content;padding:.28rem .5rem;border-radius:999px;background:#2b2a4d;color:#d4d2ef;font-size:.72rem;font-weight:900}.crm-pill.lime[b-h327fyac8a],.crm-pill.paid[b-h327fyac8a]{background:#273820;color:#c6ff6e}.crm-pill.amber[b-h327fyac8a],.crm-pill.pending[b-h327fyac8a]{background:#433421;color:#ffd173}.crm-pill.red[b-h327fyac8a]{background:#442334;color:#ff8cab}.crm-pill.blue[b-h327fyac8a]{background:#1d3547;color:#77c7ff}.crm-pill.indigo[b-h327fyac8a]{background:#2d2a5a;color:#aaa6ff}.crm-rate[b-h327fyac8a]{font-weight:900}.crm-rate.good[b-h327fyac8a]{color:#baff4b}.crm-rate.medium[b-h327fyac8a]{color:#ffd25f}.crm-rate.low[b-h327fyac8a]{color:#ff7898}.crm-pagination[b-h327fyac8a]{display:flex;align-items:center;justify-content:space-between;padding:.8rem 0}.crm-equation[b-h327fyac8a]{display:flex;align-items:center;justify-content:space-around;gap:1rem;padding:1rem;border-radius:.8rem;background:#111128}.crm-equation>span[b-h327fyac8a]{display:grid;gap:.25rem;min-width:0}.crm-equation strong[b-h327fyac8a]{font-size:1.35rem;color:#fff}.crm-equation input[b-h327fyac8a]{max-width:7rem}.crm-empty[b-h327fyac8a],.crm-loader[b-h327fyac8a]{display:grid;place-items:center;gap:.4rem;min-height:10rem;text-align:center;border:1px dashed #34335d;border-radius:1rem;color:#9796b2}.crm-empty.compact[b-h327fyac8a]{min-height:5rem}.crm-loader span[b-h327fyac8a],.crm-inline-loader span[b-h327fyac8a]{width:1.65rem;height:1.65rem;border:3px solid #353460;border-top-color:#b9ff3e;border-radius:50%;animation:crm-spin-b-h327fyac8a .8s linear infinite}.crm-alert[b-h327fyac8a]{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1rem;border-radius:.7rem}.crm-alert.error[b-h327fyac8a]{background:#452236;color:#ffadc0}.crm-alert.success[b-h327fyac8a]{background:#203d32;color:#a7ffd4}.crm-alert button[b-h327fyac8a]{border:0;background:transparent;color:inherit;font-size:1.25rem}.crm-modal-backdrop[b-h327fyac8a]{position:fixed;z-index:1200;inset:0;display:grid;place-items:center;padding:1rem;background:#080816d9;backdrop-filter:blur(5px)}.crm-modal[b-h327fyac8a]{width:min(44rem,100%);max-height:90vh;overflow:auto;border:1px solid #353463;border-radius:1.1rem;background:#17172f;box-shadow:0 30px 80px #000a}.crm-modal-wide[b-h327fyac8a]{width:min(64rem,100%)}.crm-modal>header[b-h327fyac8a],.crm-modal>footer[b-h327fyac8a]{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;border-bottom:1px solid #29284a}.crm-modal>footer[b-h327fyac8a]{justify-content:flex-end;border-top:1px solid #29284a;border-bottom:0}.crm-modal>header h2[b-h327fyac8a]{margin:.15rem 0}.crm-modal>header p[b-h327fyac8a]{margin:0;color:#9694b1}.crm-modal>header>button[b-h327fyac8a]{border:0;background:transparent;color:#aaa8c5;font-size:1.5rem}.crm-form-grid[b-h327fyac8a]{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;padding:1.2rem}.crm-form-grid label[b-h327fyac8a],.crm-modal>label[b-h327fyac8a],.crm-period-controls label[b-h327fyac8a]{display:grid;gap:.35rem;color:#b8b6cc;font-weight:700}.crm-form-grid .wide[b-h327fyac8a]{grid-column:1/-1}.crm-form-grid textarea[b-h327fyac8a],.crm-modal>label textarea[b-h327fyac8a]{min-height:6rem;resize:vertical}.crm-checkbox[b-h327fyac8a]{display:flex!important;align-items:center;grid-auto-flow:column;justify-content:start}.crm-checkbox input[b-h327fyac8a]{width:auto}.crm-period-controls[b-h327fyac8a]{display:flex;align-items:end;gap:.7rem;padding:1rem 1.2rem}.crm-summary-grid.three[b-h327fyac8a],.crm-modal .crm-table-wrap[b-h327fyac8a]{margin:1rem 1.2rem}.crm-selected-list[b-h327fyac8a],.crm-modal>label[b-h327fyac8a]{margin:1rem 1.2rem}.crm-inline-loader[b-h327fyac8a]{display:flex;align-items:center;gap:.6rem;padding:1rem 1.2rem}.primary[b-h327fyac8a]{background:#6963e8!important;border-color:#8580ff!important}.warning[b-h327fyac8a]{color:#ffbd41}.limit[b-h327fyac8a]{color:#ff6687}.crm-card footer[b-h327fyac8a]{display:flex;justify-content:flex-end;margin-top:1rem}@keyframes crm-spin-b-h327fyac8a{to{transform:rotate(360deg)}}
.crm-percentage-editor[b-h327fyac8a]{display:flex;align-items:end;justify-content:flex-end;gap:.7rem;margin-top:.8rem}.crm-percentage-editor label[b-h327fyac8a]{display:grid;gap:.3rem;color:#aaa8c5}.crm-percentage-editor input[b-h327fyac8a]{width:9rem;border:1px solid #34335d;border-radius:.6rem;background:#111127;color:#fff;padding:.6rem}
.crm-month-navigation[b-h327fyac8a]{display:flex;align-items:end;gap:.45rem}.crm-month-navigation label[b-h327fyac8a]{display:grid;gap:.2rem;color:#aaa8c5;font-size:.75rem;font-weight:800}.crm-month-navigation input[b-h327fyac8a]{border:1px solid #34335d;border-radius:.6rem;background:#111127;color:#fff;padding:.55rem}.crm-kpi-filters button.active small[b-h327fyac8a]{color:#c6f94b;font-size:.62rem;font-weight:950;letter-spacing:.06em}.crm-table-wrap td[b-h327fyac8a]{white-space:nowrap}.crm-workspace :is(button,a,input,select,textarea):focus-visible[b-h327fyac8a]{outline:2px solid #c6f94b;outline-offset:2px}
.crm-status-stack[b-h327fyac8a]{display:flex;align-items:flex-end;gap:.35rem;flex-direction:column}.crm-collection-progress[b-h327fyac8a]{display:grid;gap:.45rem;padding:1rem 1.1rem;border:1px solid #2b2a51;border-radius:1rem;background:#17172f}.crm-collection-progress>div[b-h327fyac8a]{display:flex;justify-content:space-between;gap:1rem;color:#aaa8c5}.crm-collection-progress strong[b-h327fyac8a]{color:#c6f94b}.crm-collection-progress progress[b-h327fyac8a],.crm-recovery-row progress[b-h327fyac8a],.crm-compact-progress[b-h327fyac8a]{width:100%;height:.65rem;accent-color:#c6f94b}.crm-compact-progress[b-h327fyac8a]{margin-top:.8rem}.crm-recovery-breakdown[b-h327fyac8a]{display:grid;gap:.65rem}.crm-recovery-row[b-h327fyac8a]{display:grid;grid-template-columns:minmax(12rem,.5fr) minmax(12rem,1fr);align-items:center;gap:1rem;padding:.6rem .75rem;border-radius:.65rem;background:#20203d}.crm-recovery-row>div[b-h327fyac8a]{display:flex;justify-content:space-between;gap:.7rem;color:#aaa8c5}.crm-lost-reasons[b-h327fyac8a]{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.55rem}.crm-lost-reasons button[b-h327fyac8a]{display:flex;justify-content:space-between;gap:.7rem;text-align:left}.crm-lost-reasons button.active[b-h327fyac8a]{border-color:#817cff;background:#282653}.crm-lost-reasons button strong[b-h327fyac8a]{color:#ff9aae}
@media(max-width:1200px){.crm-summary-grid.five[b-h327fyac8a]{grid-template-columns:repeat(3,1fr)}.crm-kpi-filters[b-h327fyac8a]{grid-template-columns:repeat(4,minmax(9rem,1fr))}.crm-filters[b-h327fyac8a]{grid-template-columns:repeat(3,1fr)}.crm-overview-grid[b-h327fyac8a]{grid-template-columns:1fr}}
@media(max-width:760px){.crm-heading[b-h327fyac8a]{display:grid}.crm-summary-grid.five[b-h327fyac8a],.crm-summary-grid.four[b-h327fyac8a],.crm-summary-grid.three[b-h327fyac8a]{grid-template-columns:1fr 1fr}.crm-kpi-filters[b-h327fyac8a],.crm-filters[b-h327fyac8a]{grid-template-columns:1fr 1fr}.crm-form-grid[b-h327fyac8a]{grid-template-columns:1fr}.crm-form-grid .wide[b-h327fyac8a]{grid-column:auto}.crm-equation[b-h327fyac8a]{align-items:stretch;flex-direction:column}.crm-equation>b[b-h327fyac8a]{display:none}.crm-period-controls[b-h327fyac8a]{align-items:stretch;flex-direction:column}.crm-pagination[b-h327fyac8a]{align-items:stretch;flex-direction:column;gap:.6rem}.crm-recovery-row[b-h327fyac8a]{grid-template-columns:1fr}.crm-collection-progress>div[b-h327fyac8a],.crm-recovery-row>div[b-h327fyac8a]{align-items:flex-start;flex-direction:column}}
@media(max-width:480px){.crm-summary-grid.five[b-h327fyac8a],.crm-summary-grid.four[b-h327fyac8a],.crm-summary-grid.three[b-h327fyac8a],.crm-kpi-filters[b-h327fyac8a],.crm-filters[b-h327fyac8a]{grid-template-columns:1fr}.crm-modal-backdrop[b-h327fyac8a]{padding:.4rem}.crm-modal[b-h327fyac8a]{max-height:96vh}}
@media(prefers-reduced-motion:reduce){.crm-loader span[b-h327fyac8a],.crm-inline-loader span[b-h327fyac8a]{animation:none}}
.crm-clients-table select[b-h327fyac8a]{border:1px solid #34335d;border-radius:.5rem;background:#111127;color:#fff;padding:.42rem;max-width:10rem}.crm-actions .has-note[b-h327fyac8a]{border-color:#c6f94b;color:#c6f94b}
/* _content/Qublo.App.Shared/Components/Backoffice/CoachDeleteDialog.razor.rz.scp.css */
.coach-delete-overlay[b-mmd7s59o1f]{position:fixed;inset:0;background:rgba(6,7,18,.72);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;color:#f4f5fb;font-family:'Segoe UI',Roboto,Helvetica,Arial,sans-serif}
.coach-delete-box[b-mmd7s59o1f]{box-sizing:border-box;width:100%;max-width:440px;max-height:calc(100dvh - 32px);overflow:auto;background:#12142b;border:1px solid #252a4a;border-radius:16px;padding:28px;box-shadow:0 20px 60px rgba(0,0,0,.5);animation:coachModalIn-b-mmd7s59o1f .18s ease}
.coach-delete-icon[b-mmd7s59o1f]{width:48px;height:48px;border-radius:12px;background:rgba(239,74,99,.12);color:#ef4a63;display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.coach-delete-icon svg[b-mmd7s59o1f]{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.coach-delete-box h2[b-mmd7s59o1f]{font-size:18px;font-weight:700;margin:0 0 8px;color:#f4f5fb}
.coach-delete-text[b-mmd7s59o1f]{font-size:14px;color:#8d92b8;line-height:1.55;margin:0 0 18px;overflow-wrap:anywhere}.coach-delete-text b[b-mmd7s59o1f]{color:#f4f5fb}
.coach-delete-box label[b-mmd7s59o1f]{display:block;font-size:12px;color:#8d92b8;margin-bottom:8px}.coach-delete-box code[b-mmd7s59o1f]{background:rgba(124,108,246,.15);color:#b7aefc;padding:2px 6px;border-radius:5px;font-weight:700}
.coach-delete-box input[b-mmd7s59o1f]{box-sizing:border-box;width:100%;background:#0b0d1f;border:1px solid #252a4a;border-radius:8px;padding:11px 12px;color:#f4f5fb;font-size:14px;margin-bottom:6px}.coach-delete-box input:focus[b-mmd7s59o1f]{outline:2px solid #7c6cf6;outline-offset:-1px}
.coach-delete-hint[b-mmd7s59o1f]{font-size:12px;color:#8d92b8;margin:0 0 22px;min-height:16px}.coach-delete-hint.ok[b-mmd7s59o1f]{color:#3ddc97}.coach-delete-error[b-mmd7s59o1f]{font-size:13px;color:#ff9bad;overflow-wrap:anywhere}
.coach-delete-actions[b-mmd7s59o1f]{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.coach-delete-actions button[b-mmd7s59o1f]{border:1px solid transparent;border-radius:8px;padding:9px 16px;font-size:13px;font-weight:600;cursor:pointer}.coach-delete-actions button:focus-visible[b-mmd7s59o1f]{outline:2px solid #b7aefc;outline-offset:3px}
.coach-delete-actions .coach-delete-cancel[b-mmd7s59o1f]{background:transparent;border-color:#252a4a;color:#f4f5fb}.coach-delete-confirm[b-mmd7s59o1f]{background:#c2304a;color:white}.coach-delete-actions button:disabled[b-mmd7s59o1f]{cursor:not-allowed}.coach-delete-confirm:disabled[b-mmd7s59o1f]{background:#3a2530;color:#7c5c66}
@keyframes coachModalIn-b-mmd7s59o1f{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.coach-delete-box[b-mmd7s59o1f]{animation:none}}
@media(max-width:380px){.coach-delete-box[b-mmd7s59o1f]{padding:24px}.coach-delete-actions button[b-mmd7s59o1f]{padding:9px 10px}}
.coach-delete-box[b-mmd7s59o1f]{max-width:560px}
.coach-delete-box.coach-delete-wide[b-mmd7s59o1f]{max-width:960px}
.coach-delete-fields[b-mmd7s59o1f]{border:0;padding:0;margin:0;min-width:0}
.coach-delete-fields legend[b-mmd7s59o1f]{font-size:15px;font-weight:650;color:#f4f5fb;margin-bottom:8px}
.coach-delete-note[b-mmd7s59o1f]{font-size:12px;line-height:1.55;color:#a9aed0;margin:10px 0 16px}
.coach-delete-modes[b-mmd7s59o1f]{display:grid;gap:8px;margin:16px 0}
.coach-delete-modes label[b-mmd7s59o1f]{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #35395f;border-radius:10px;margin:0;color:#f4f5fb;cursor:pointer}
.coach-delete-box input[type=radio][b-mmd7s59o1f],.coach-delete-box input[type=checkbox][b-mmd7s59o1f]{width:18px;height:18px;min-width:18px;margin:0;accent-color:#9383ff}
.coach-delete-modes label:has(input:checked)[b-mmd7s59o1f]{border-color:#a497ff;background:#242044}
.coach-delete-box select[b-mmd7s59o1f]{box-sizing:border-box;width:100%;min-height:42px;background:#0b0d1f;color:#f4f5fb;border:1px solid #35395f;border-radius:8px;font-size:13px;padding:8px;margin:0}
.coach-delete-box select:focus-visible[b-mmd7s59o1f],.coach-delete-box button:focus-visible[b-mmd7s59o1f]{outline:2px solid #b7aefc;outline-offset:2px}
.coach-delete-box button:disabled[b-mmd7s59o1f],.coach-delete-fields:disabled[b-mmd7s59o1f]{opacity:.6}
.coach-delete-filters[b-mmd7s59o1f]{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin-top:20px}
.coach-delete-filters label[b-mmd7s59o1f],.coach-delete-bulk label[b-mmd7s59o1f]{display:grid;gap:6px;min-width:0;margin:0}
.coach-delete-filters input[b-mmd7s59o1f]{margin:0}
.coach-delete-bulk[b-mmd7s59o1f]{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:16px 0}
.coach-delete-bulk label[b-mmd7s59o1f]{flex:1;min-width:200px}
.coach-delete-bulk button[b-mmd7s59o1f],.coach-delete-pagination button[b-mmd7s59o1f]{background:#252044;color:#f4f5fb;border:1px solid #4b426b;border-radius:8px;font-size:12px;padding:10px;min-height:42px;cursor:pointer}
.coach-delete-students[b-mmd7s59o1f]{max-height:360px;overflow:auto;border:1px solid #35395f;border-radius:10px}
.coach-delete-students table[b-mmd7s59o1f]{width:100%;border-collapse:collapse;font-size:12px;text-align:left}
.coach-delete-students th[b-mmd7s59o1f]{background:#1c1f3b;position:sticky;top:0;z-index:1;color:#b9bedb}
.coach-delete-students th[b-mmd7s59o1f],.coach-delete-students td[b-mmd7s59o1f]{padding:12px 10px;border-bottom:1px solid #252a4a}
.coach-delete-students th:first-child[b-mmd7s59o1f]{width:22px}
.coach-delete-students td:nth-child(2)[b-mmd7s59o1f]{overflow-wrap:anywhere;max-width:280px}
.coach-delete-students td:last-child[b-mmd7s59o1f]{min-width:210px}
.coach-delete-students small[b-mmd7s59o1f]{display:block;color:#a9aed0;margin-top:4px}
.coach-delete-pagination[b-mmd7s59o1f]{display:flex;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px;font-size:12px;color:#b9bedb}
.coach-delete-pagination span[b-mmd7s59o1f]{margin-right:auto}
.coach-delete-summary[b-mmd7s59o1f]{padding:12px;background:#242044;border-radius:8px;color:#dedaff;font-size:13px;line-height:1.5;margin:18px 0}
@media(max-width:640px){
    .coach-delete-box[b-mmd7s59o1f]{padding:20px}
    .coach-delete-filters[b-mmd7s59o1f]{grid-template-columns:1fr}
    .coach-delete-bulk[b-mmd7s59o1f]{align-items:stretch}
    .coach-delete-actions[b-mmd7s59o1f]{margin-top:12px}
    .coach-delete-students tr[b-mmd7s59o1f]{display:grid;grid-template-columns:28px minmax(0,1fr);padding:8px;border-bottom:1px solid #35395f}
    .coach-delete-students td[b-mmd7s59o1f]{border:0;padding:5px}
    .coach-delete-students td:first-child[b-mmd7s59o1f]{grid-column:1;grid-row:1/4}
    .coach-delete-students td:nth-child(2)[b-mmd7s59o1f],.coach-delete-students td:nth-child(3)[b-mmd7s59o1f],.coach-delete-students td:last-child[b-mmd7s59o1f]{grid-column:2;min-width:0;max-width:none}
    .coach-delete-students thead th:not(:first-child)[b-mmd7s59o1f]{display:none}
    .coach-delete-students thead[b-mmd7s59o1f]{position:sticky;top:0;z-index:1;background:#1c1f3b}
    .coach-delete-students th:first-child[b-mmd7s59o1f]{width:auto;border:0;padding:5px;position:static}
    .coach-delete-students select[b-mmd7s59o1f]{max-width:100%}
}
/* _content/Qublo.App.Shared/Components/Backoffice/ContractOperationsOverview.razor.rz.scp.css */
.contract-operations[b-gvoik74ygn] { margin-bottom:1.25rem; display:grid; grid-template-columns:minmax(0,1fr); gap:1rem; min-width:0; color:var(--bo-ink); }
.contract-operation-links[b-gvoik74ygn] { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:1rem; }
.contract-operation-links a[b-gvoik74ygn] { display:flex; flex-direction:column; gap:.3rem; padding:1.15rem; border:1px solid var(--bo-line); border-radius:12px; background:var(--bo-panel); color:inherit; text-decoration:none; }
.contract-operation-links a span[b-gvoik74ygn] { font-size:.85rem; color:var(--bo-muted); }
.contract-operation-table[b-gvoik74ygn] { min-width:0; overflow:auto; border:1px solid var(--bo-line); border-radius:12px; background:var(--bo-panel); }
.contract-operations table[b-gvoik74ygn] { width:100%; border-collapse:collapse; color:var(--bo-ink); }.contract-operations th[b-gvoik74ygn],.contract-operations td[b-gvoik74ygn] { padding:.75rem; text-align:left; border-bottom:1px solid var(--bo-line); }
.contract-operations caption[b-gvoik74ygn],.contract-operations summary[b-gvoik74ygn] { padding:.8rem; text-align:left; font-weight:600; }
.contract-operations caption[b-gvoik74ygn] { color:var(--bo-muted); caption-side:bottom; }
.contract-operations button[b-gvoik74ygn] { padding:.5rem .8rem; cursor:pointer; border:1px solid var(--bo-line); border-radius:8px; background:var(--bo-panel-2); color:inherit; }
.contract-operations a:focus-visible[b-gvoik74ygn],.contract-operations button:focus-visible[b-gvoik74ygn] { outline:2px solid var(--bo-brand); outline-offset:3px; }
@media(max-width:480px){.contract-operation-links[b-gvoik74ygn]{grid-template-columns:minmax(0,1fr)}}
.contract-operations button:disabled[b-gvoik74ygn] { opacity:.5; cursor:default; }
/* _content/Qublo.App.Shared/Components/Backoffice/ContractRegistry.razor.rz.scp.css */
.contracts[b-ojlu3lo5tu] { --bo-card:var(--bo-panel); display:flex; flex-direction:column; gap:1.3rem; min-width:0; color:var(--bo-ink); }
.contracts-heading[b-ojlu3lo5tu] { display:flex; justify-content:space-between; align-items:center; gap:1rem; }
.contracts h2[b-ojlu3lo5tu],.contracts h3[b-ojlu3lo5tu],.contracts h4[b-ojlu3lo5tu],.contracts p[b-ojlu3lo5tu] { margin:.2rem 0; }
.contracts small[b-ojlu3lo5tu] { display:block; color:var(--bo-muted,#68758a); }
.contracts-metrics[b-ojlu3lo5tu] { display:grid; grid-template-columns:repeat(auto-fit,minmax(155px,1fr)); gap:.8rem; }
.contracts-metrics > div[b-ojlu3lo5tu] { padding:1rem; border:1px solid #dde3eb; border-radius:12px; background:var(--bo-card,#fff); }
.contracts-metrics strong[b-ojlu3lo5tu] { display:block; margin-top:.3rem; font-size:1.2rem; }
.contracts-fields[b-ojlu3lo5tu] { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:1rem; margin:1rem 0; }
.contracts label[b-ojlu3lo5tu] { display:flex; flex-direction:column; gap:.35rem; font-size:.9rem; }
.contracts input:not([type=checkbox])[b-ojlu3lo5tu],.contracts select[b-ojlu3lo5tu],.contracts textarea[b-ojlu3lo5tu] { width:100%; padding:.65rem; border:1px solid #c4cfdc; border-radius:8px; background:var(--bo-card,#fff); color:inherit; }
.contracts label:has(input[type=checkbox])[b-ojlu3lo5tu] { flex-direction:row; align-items:center; }
.contracts input[type=checkbox][b-ojlu3lo5tu] { width:18px; height:18px; }
.contracts-filters[b-ojlu3lo5tu] { display:flex; flex-wrap:wrap; align-items:end; gap:1rem; }
.contracts-table-wrap[b-ojlu3lo5tu] { overflow:auto; border:1px solid #dde3eb; border-radius:12px; }
.contracts table[b-ojlu3lo5tu] { width:100%; border-collapse:collapse; background:var(--bo-card,#fff); color:var(--bo-ink); }
.contracts th[b-ojlu3lo5tu],.contracts td[b-ojlu3lo5tu] { padding:.8rem; text-align:left; border-bottom:1px solid #e4e9ef; white-space:nowrap; }
.contracts th[b-ojlu3lo5tu] { font-size:.8rem; color:var(--bo-muted); }
.contracts button[b-ojlu3lo5tu] { cursor:pointer; border:1px solid #b6c3d3; border-radius:8px; padding:.65rem .9rem; background:var(--bo-card,#fff); color:inherit; }
.contracts button:disabled[b-ojlu3lo5tu] { opacity:.5; cursor:default; }
.contracts button:focus-visible[b-ojlu3lo5tu] { outline:3px solid #4c86eb; outline-offset:2px; }
.contracts-editor[b-ojlu3lo5tu] { padding:1.5rem; border:1px solid #ccd7e5; border-radius:16px; background:var(--bo-card,#fff); display:flex; flex-direction:column; gap:1rem; }
.contracts-steps[b-ojlu3lo5tu],.contracts footer[b-ojlu3lo5tu],.contracts-bulk[b-ojlu3lo5tu] { display:flex; gap:.8rem; flex-wrap:wrap; align-items:center; }
.contracts-steps button[aria-current=step][b-ojlu3lo5tu] { background:#e7f0ff; border-color:#4a7fca; color:#143d7a; }
.contracts-installment[b-ojlu3lo5tu] { border:1px solid #d7e0eb; border-radius:10px; padding:1rem; }
.contracts-error[b-ojlu3lo5tu] { color:#9d242b; padding:.75rem; background:#fff0f1; border-radius:8px; }
.contracts-warning[b-ojlu3lo5tu] { color:#835600; padding:.75rem; background:#fff5dc; border-radius:8px; }
.contracts-metrics > div[b-ojlu3lo5tu],.contracts input:not([type=checkbox])[b-ojlu3lo5tu],.contracts select[b-ojlu3lo5tu],.contracts textarea[b-ojlu3lo5tu],.contracts-table-wrap[b-ojlu3lo5tu],.contracts th[b-ojlu3lo5tu],.contracts td[b-ojlu3lo5tu],.contracts button[b-ojlu3lo5tu],.contracts-editor[b-ojlu3lo5tu],.contracts-installment[b-ojlu3lo5tu] { border-color:var(--bo-line); }
.contracts input[b-ojlu3lo5tu]::placeholder,.contracts textarea[b-ojlu3lo5tu]::placeholder { color:var(--bo-muted); }
.contracts button[b-ojlu3lo5tu] { background:var(--bo-panel-2); }
.contracts button:focus-visible[b-ojlu3lo5tu],.contracts input:focus-visible[b-ojlu3lo5tu],.contracts select:focus-visible[b-ojlu3lo5tu],.contracts textarea:focus-visible[b-ojlu3lo5tu] { outline:2px solid var(--bo-brand); outline-offset:3px; }
@media(max-width:640px){.contracts-heading[b-ojlu3lo5tu]{align-items:flex-start;flex-direction:column}.contracts-editor[b-ojlu3lo5tu]{padding:1rem}.contracts-fields[b-ojlu3lo5tu]{grid-template-columns:1fr}.contracts-steps button[b-ojlu3lo5tu]{flex:1 1 40%;}}
/* _content/Qublo.App.Shared/Components/Backoffice/PaymentPdfPreview.razor.rz.scp.css */
.payment-pdf-preview[b-ss2jtuegg0] { height:100%; min-height:0; min-width:0; display:flex; flex-direction:column; background:#e5e5eb; color:#34324b; overflow:hidden; }
.payment-pdf-preview[b-ss2jtuegg0]  .pdf-toolbar { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:10px; padding:10px 14px; background:#201d3e; color:#ece9ff; border-bottom:1px solid #383155; }
.payment-pdf-preview[b-ss2jtuegg0]  button,.payment-pdf-preview[b-ss2jtuegg0]  select { background:#2a254d; color:#f3f0ff; border:1px solid #51476f; border-radius:7px; padding:7px 10px; font:inherit; font-size:11px; cursor:pointer; }
.payment-pdf-preview[b-ss2jtuegg0]  button:disabled { opacity:.4; cursor:default; }
.payment-pdf-preview[b-ss2jtuegg0]  button:focus-visible,.payment-pdf-preview[b-ss2jtuegg0]  select:focus-visible { outline:2px solid #b8adff; outline-offset:2px; }
.payment-pdf-preview[b-ss2jtuegg0]  .pdf-counter { min-width:95px; text-align:center; font-size:11px; }
.payment-pdf-preview[b-ss2jtuegg0]  .pdf-zoom { margin-left:auto; width:auto; max-width:210px; }
.payment-pdf-preview[b-ss2jtuegg0]  .pdf-stage { position:relative; flex:1; min-height:0; overflow-x:auto; overflow-y:scroll; padding:20px; }
.payment-pdf-preview[b-ss2jtuegg0]  .pdf-page { display:block; margin:0 auto; background:white; box-shadow:0 2px 12px #0002; }
.payment-pdf-preview[b-ss2jtuegg0]  .pdf-message { padding:35px 20px; font-size:13px; line-height:1.6; text-align:center; }
.payment-pdf-preview[b-ss2jtuegg0]  .pdf-error { display:grid; gap:16px; justify-items:center; }
.payment-pdf-preview[b-ss2jtuegg0]  .pdf-accessible-text { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
@media(max-width:600px) { .payment-pdf-preview[b-ss2jtuegg0]  .pdf-toolbar { gap:7px; padding:8px; }.payment-pdf-preview[b-ss2jtuegg0]  .pdf-zoom { margin-left:0; } }
/* _content/Qublo.App.Shared/Components/Backoffice/SubscriptionBadges.razor.rz.scp.css */
.subscription-badges[b-ffgr5tc2pj] { display:flex; gap:4px; flex-wrap:wrap; margin-top:5px; } .subscription-badges span[b-ffgr5tc2pj] { background:#e0f2fe; color:#075985; padding:3px 7px; border-radius:20px; font-size:11px; } .subscription-badges .overdue[b-ffgr5tc2pj] { background:#fee2e2; color:#991b1b; }
/* _content/Qublo.App.Shared/Components/Backoffice/SubscriptionMovementEditor.razor.rz.scp.css */
.billing-editor[b-m2i5gu50ci] { background:var(--bo-panel-2,#1b1b40); border:1px solid var(--bo-line,rgba(167,168,230,.16)); border-radius:12px; color:var(--bo-ink,#f7f7ff); padding:16px; display:grid; gap:12px; }
.billing-fields[b-m2i5gu50ci] { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 12px; }
.billing-editor label[b-m2i5gu50ci] { color:var(--bo-muted,#a7a8c6); display:grid; gap:5px; font-size:.85rem; }
.billing-editor input[b-m2i5gu50ci], .billing-editor select[b-m2i5gu50ci], .billing-editor textarea[b-m2i5gu50ci] { background:var(--bo-panel,#151532); border:1px solid var(--bo-line,rgba(167,168,230,.16)); border-radius:6px; color:var(--bo-ink,#f7f7ff); padding:8px; width:100%; box-sizing:border-box; }
.billing-editor input:focus[b-m2i5gu50ci], .billing-editor select:focus[b-m2i5gu50ci], .billing-editor textarea:focus[b-m2i5gu50ci] { border-color:rgba(141,143,243,.66); box-shadow:0 0 0 3px rgba(106,101,232,.13); outline:0; }
.billing-editor input[type=checkbox][b-m2i5gu50ci] { accent-color:var(--bo-brand,#6a65e8); height:18px; width:18px; }
.billing-editor button[b-m2i5gu50ci] { background:var(--bo-brand,#6a65e8); border:1px solid var(--bo-brand,#6a65e8); border-radius:6px; color:#fff; cursor:pointer; padding:8px 14px; }
.billing-editor button:disabled[b-m2i5gu50ci] { opacity:.5; }
.billing-editor summary[b-m2i5gu50ci] { color:var(--bo-ink,#f7f7ff); cursor:pointer; padding-bottom:10px; }
.billing-editor dt[b-m2i5gu50ci] { color:var(--bo-muted,#a7a8c6); font-size:.8rem; }
.billing-editor dd[b-m2i5gu50ci] { color:var(--bo-ink,#f7f7ff); margin:4px 0; font-weight:600; }
.billing-editor p[b-m2i5gu50ci] { color:var(--bo-muted,#a7a8c6); font-size:.85rem; }
.billing-editor .billing-error[b-m2i5gu50ci] { color:#ff8999; }
/* _content/Qublo.App.Shared/Components/Backoffice/SupportAccessLauncher.razor.rz.scp.css */
.support-launcher[b-2wj4yivlwi]{display:block;padding:1rem;border:1px solid #615fa0;border-radius:12px;background:#201e38;color:#eeedf8}.support-launcher summary[b-2wj4yivlwi]{cursor:pointer;font-weight:700}.support-launcher-panel[b-2wj4yivlwi]{display:grid;gap:.65rem;margin-top:.8rem}.support-launcher p[b-2wj4yivlwi]{margin:0;font-size:.85rem}.support-launcher label[b-2wj4yivlwi]{display:grid;gap:.4rem;color:#eeedf8;font-size:.85rem}.support-launcher textarea[b-2wj4yivlwi]{min-height:70px;width:100%;padding:.6rem;border:1px solid #777392;border-radius:8px;background:#121123;color:#fff}.support-launcher button[b-2wj4yivlwi]{padding:.65rem;border:0;border-radius:8px;background:#7771ed;color:#fff;font-weight:700;cursor:pointer}.support-launcher button:disabled[b-2wj4yivlwi]{opacity:.5;cursor:default}.support-launcher .support-launcher-secondary[b-2wj4yivlwi]{background:#403c60}.support-launcher small[b-2wj4yivlwi]{font-size:.75rem;color:#d1cdea}.support-launcher-code[b-2wj4yivlwi]{display:grid;gap:.45rem}.support-launcher-code code[b-2wj4yivlwi]{font-size:1.3rem;letter-spacing:.12em;overflow-wrap:anywhere;color:#fff;user-select:all}.support-launcher .support-launcher-error[b-2wj4yivlwi]{padding:.6rem;background:#571f31;color:#ffe4e9;border-radius:8px}
/* _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;
    }
}

.q-selection-bar.fixed.q-selection-collapsed[b-knf0v7xhez] { left: auto; width: max-content; max-width: calc(100vw - 32px); }
/* _content/Qublo.App.Shared/Components/Catalog/CatalogWorkspaceHeading.razor.rz.scp.css */
.catalog-heading[b-70d590i416] { min-width: 0; }
.catalog-products-heading .catalog-count-badge[b-70d590i416] { height: 44px; font-size: 26px; padding: 0 16px; }
.catalog-products-heading h1[b-70d590i416] { font-size: 34px; }
.catalog-heading-row[b-70d590i416] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.catalog-untracked-link[b-70d590i416] { border: 0; background: transparent; color: var(--q-dark-muted, #9094BC); cursor: pointer; font-size: 17px; font-weight: 800; }
.catalog-untracked-link strong[b-70d590i416] { color: #A9A9FF; text-decoration: underline; text-underline-offset: 4px; }
.catalog-heading h1[b-70d590i416] { margin: 0; font-size: 28px; font-weight: 800; letter-spacing: -.02em; line-height: 1; }
.catalog-count-badge[b-70d590i416],
.catalog-count-skeleton[b-70d590i416],
.catalog-count-unavailable[b-70d590i416] {
    align-items: center;
    border-radius: 999px;
    display: inline-flex;
    flex: 0 0 auto;
    height: 28px;
    min-width: 34px;
    justify-content: center;
    padding: 0 10px;
    white-space: nowrap;
}
.catalog-count-badge[b-70d590i416] {
    background: #5151C9;
    color: #fff;
    font-size: 15px;
    font-weight: 900;
    font-variant-numeric: tabular-nums;
}
.catalog-count-skeleton[b-70d590i416] { background: color-mix(in srgb, #5151C9 25%, transparent); width: 58px; border-radius: 6px; }
.catalog-count-unavailable[b-70d590i416] { color: #68758C; }
.catalog-heading-subtitle[b-70d590i416] { color: #68758C; font-size: 11.5px; font-weight: 700; line-height: 1; margin: 5px 0 0 1px; }
.catalog-heading-subtitle strong[b-70d590i416] { color: #3F3FA8; font-weight: 900; }
[data-theme="dark"] .catalog-count-unavailable[b-70d590i416],
[data-theme="dark"] .catalog-heading-subtitle[b-70d590i416] { color: var(--q-dark-muted); }
[data-theme="dark"] .catalog-heading-subtitle strong[b-70d590i416] { color: var(--q-indigo-bright); }
@media (max-width: 480px) {
    .catalog-heading h1[b-70d590i416] { font-size: 24px; }
}
/* _content/Qublo.App.Shared/Components/Catalog/EbayStoreBadge.razor.rz.scp.css */
.q-ebay-store-badge[b-qlwayncrx0] {
    display: inline-block;
    max-width: min(220px, 100%);
    padding: 4px 8px;
    border-radius: 999px;
    background: #ede9fe;
    color: #4c1d95;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}
/* _content/Qublo.App.Shared/Components/Drafts/DraftHistoryModal.razor.rz.scp.css */
.q-modal-overlay[b-m3e42qasqg] {
    padding: 18px 10px;
}

.q-history-modal[b-m3e42qasqg] {
    height: min(650px, calc(100dvh - 36px));
    max-height: calc(100dvh - 36px);
    min-height: 0;
}

.q-modal-head[b-m3e42qasqg],
.q-history-tabs[b-m3e42qasqg],
.q-history-foot[b-m3e42qasqg] {
    flex-shrink: 0;
}

.q-history-body[b-m3e42qasqg] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow-y: auto;
}

.q-history-list[b-m3e42qasqg] {
    flex: 1 1 auto;
    min-height: 0;
    max-height: none;
}

.q-history-filter[b-m3e42qasqg],
.q-history-paging[b-m3e42qasqg] {
    color: var(--q-dark-ink);
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    padding-bottom: 12px;
    font-size: 13px;
}

.q-history-filter small[b-m3e42qasqg] {
    flex-basis: 100%;
    color: var(--q-dark-muted);
}

.q-history-paging > span[b-m3e42qasqg] {
    flex-basis: 100%;
}

.q-history-page-controls[b-m3e42qasqg] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.q-history-filter select[b-m3e42qasqg],
.q-history-paging input[b-m3e42qasqg] {
    color: var(--q-dark-ink);
    background: var(--q-dark-card);
    border: 1px solid var(--q-dark-line);
    border-radius: 6px;
    min-height: 36px;
    padding: 4px 8px;
    max-width: 100%;
}

.q-history-paging input[b-m3e42qasqg] {
    width: 5.5em;
}

/* When the controls themselves exceed the body, keep every row reachable in
   the body's scroll area instead of shrinking a nested scroller to zero. */
@media (max-height: 600px) {
    .q-history-list[b-m3e42qasqg] {
        flex: 0 0 auto;
        overflow: visible;
    }
}
/* _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);
}

.q-operation-outcome.neutral[b-54ig7k093u] {
    color: var(--q-dark-muted);
}

@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/DraftProductPreflightModal.razor.rz.scp.css */
.q-product-preflight[b-9bpmxzz5vh] { width: min(960px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); display: flex; flex-direction: column; }
.q-modal-body[b-9bpmxzz5vh] { overflow-y: auto; min-height: 0; }
.q-modal-body section[b-9bpmxzz5vh] { padding-block: 12px; border-bottom: 1px solid var(--q-dark-line); }
.q-modal-footer[b-9bpmxzz5vh] { display: flex; flex-wrap: wrap; gap: 8px; }
.preflight-success[b-9bpmxzz5vh] { color: var(--q-lime); font-weight: 700; }
@media (max-width: 480px) { .q-product-preflight[b-9bpmxzz5vh] { width: calc(100vw - 16px); max-height: calc(100dvh - 16px); } }
/* _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-actions[b-tktn6dfus1] {
    display: flex;
    justify-content: flex-end;
    padding: 10px 14px;
    border-bottom: 1px solid rgba(255, 255, 255, .06);
}

.q-draft-publication-actions .q-btn[b-tktn6dfus1] {
    min-height: 34px;
    padding-inline: 14px;
    font-size: 10px;
}

.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/Drafts/EbayPublicationCostPreflightModal.razor.rz.scp.css */
.q-publication-cost-overlay[b-5zw2h9gji8] {
    z-index: 1700;
}

.q-publication-cost-modal[b-5zw2h9gji8] {
    display: flex;
    flex-direction: column;
    max-height: min(90vh, 820px);
    max-width: 920px;
    width: min(920px, calc(100vw - 28px));
}

.q-publication-cost-body[b-5zw2h9gji8] {
    display: grid;
    gap: 14px;
    overflow-y: auto;
}

.q-publication-confirm-modal[b-5zw2h9gji8] {
    max-width: 540px;
    width: min(540px, calc(100vw - 28px));
}

.q-publication-cost-loading[b-5zw2h9gji8],
.q-publication-cost-message[b-5zw2h9gji8],
.q-publication-cost-reopen[b-5zw2h9gji8] {
    align-items: center;
    border: 1px solid var(--q-dark-line);
    border-radius: 12px;
    display: flex;
    gap: 12px;
    padding: 13px 14px;
}

.q-publication-cost-loading[b-5zw2h9gji8],
.q-publication-cost-message[b-5zw2h9gji8] {
    background: var(--q-dark-card-2);
}

.q-publication-cost-loading > span:last-child[b-5zw2h9gji8],
.q-publication-cost-message[b-5zw2h9gji8] {
    align-items: flex-start;
    flex-direction: column;
}

.q-publication-cost-loading strong[b-5zw2h9gji8],
.q-publication-cost-loading small[b-5zw2h9gji8],
.q-publication-cost-message strong[b-5zw2h9gji8],
.q-publication-cost-message span[b-5zw2h9gji8],
.q-publication-cost-reopen strong[b-5zw2h9gji8],
.q-publication-cost-reopen small[b-5zw2h9gji8] {
    display: block;
}

.q-publication-cost-loading small[b-5zw2h9gji8],
.q-publication-cost-message span[b-5zw2h9gji8],
.q-publication-cost-reopen small[b-5zw2h9gji8] {
    color: var(--q-dark-muted);
    font-size: 12px;
    line-height: 1.45;
    margin-top: 2px;
}

.q-publication-cost-message.warning[b-5zw2h9gji8],
.q-publication-cost-message.blocked[b-5zw2h9gji8] {
    background: var(--q-amber-soft);
    border-color: rgba(245, 158, 11, .38);
}

.q-publication-cost-message.error[b-5zw2h9gji8] {
    background: rgba(239, 68, 68, .08);
    border-color: rgba(239, 68, 68, .35);
}

.q-publication-cost-message.free[b-5zw2h9gji8] {
    background: var(--q-lime-soft);
    border-color: rgba(198, 249, 75, .28);
}

.q-publication-cost-message.notice[b-5zw2h9gji8] {
    background: rgba(91, 92, 226, .1);
    border-color: rgba(129, 140, 248, .32);
}

.q-publication-cost-overview[b-5zw2h9gji8] {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.q-publication-cost-overview > div[b-5zw2h9gji8] {
    background: var(--q-dark-card-2);
    border: 1px solid var(--q-dark-line);
    border-radius: 10px;
    padding: 12px;
}

.q-publication-cost-overview span[b-5zw2h9gji8],
.q-publication-cost-market dt[b-5zw2h9gji8] {
    color: var(--q-dark-dim);
    display: block;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.q-publication-cost-overview strong[b-5zw2h9gji8] {
    color: var(--q-dark-ink);
    display: block;
    font-size: 19px;
    margin-top: 5px;
}

.q-publication-cost-overview .paid strong[b-5zw2h9gji8] {
    color: var(--q-amber);
}

.q-publication-cost-groups[b-5zw2h9gji8] {
    display: grid;
    gap: 14px;
}

.q-publication-cost-group[b-5zw2h9gji8] {
    border: 1px solid var(--q-dark-line);
    border-radius: 12px;
    overflow: hidden;
}

.q-publication-cost-group > header[b-5zw2h9gji8],
.q-publication-cost-market > header[b-5zw2h9gji8] {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: space-between;
}

.q-publication-cost-group > header[b-5zw2h9gji8] {
    background: var(--q-dark-card-2);
    padding: 12px 14px;
}

.q-publication-cost-group h3[b-5zw2h9gji8] {
    color: var(--q-dark-ink);
    font-size: 13px;
    margin: 0;
}

.q-publication-cost-group > header > strong[b-5zw2h9gji8] {
    color: var(--q-indigo-bright);
    font-size: 14px;
}

.q-publication-cost-market-list[b-5zw2h9gji8] {
    display: grid;
    gap: 1px;
}

.q-publication-cost-market[b-5zw2h9gji8] {
    background: var(--q-dark-bg);
    padding: 14px;
}

.q-publication-cost-market.blocked[b-5zw2h9gji8] {
    border-left: 3px solid var(--q-amber);
}

.q-publication-cost-market header strong[b-5zw2h9gji8],
.q-publication-cost-market header small[b-5zw2h9gji8] {
    display: block;
}

.q-publication-cost-market header small[b-5zw2h9gji8],
.q-publication-cost-plan[b-5zw2h9gji8],
.q-publication-cost-tax[b-5zw2h9gji8],
.q-publication-cost-disclaimer[b-5zw2h9gji8] {
    color: var(--q-dark-muted);
    font-size: 11.5px;
}

.q-publication-cost-plan[b-5zw2h9gji8] {
    margin: 7px 0 0;
}

.q-publication-cost-market dl[b-5zw2h9gji8] {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 13px 0 0;
}

.q-publication-cost-market dd[b-5zw2h9gji8] {
    color: var(--q-dark-ink);
    font-size: 12.5px;
    font-weight: 800;
    margin: 4px 0 0;
    overflow-wrap: anywhere;
}

.q-publication-cost-tax[b-5zw2h9gji8] {
    display: block;
    margin-top: 10px;
}

.q-publication-cost-blocking-reason[b-5zw2h9gji8] {
    color: var(--q-amber);
    font-size: 12px;
    line-height: 1.45;
    margin: 10px 0 0;
}

.q-publication-cost-disclaimer[b-5zw2h9gji8] {
    line-height: 1.5;
    margin: 0;
}

.q-publication-cost-disclaimer span[b-5zw2h9gji8] {
    display: block;
    margin-top: 3px;
}

.q-publication-cost-technical[b-5zw2h9gji8] {
    border-top: 1px solid var(--q-dark-line);
    padding-top: 10px;
}

.q-publication-cost-technical summary[b-5zw2h9gji8] {
    color: var(--q-dark-muted);
    cursor: pointer;
    font-size: 12px;
    font-weight: 800;
}

.q-publication-cost-technical code[b-5zw2h9gji8] {
    background: var(--q-dark-bg);
    border-radius: 8px;
    color: var(--q-dark-muted);
    display: block;
    font-size: 11px;
    margin-top: 8px;
    max-height: 110px;
    overflow: auto;
    padding: 10px;
    white-space: pre-wrap;
}

.q-publication-cost-actions[b-5zw2h9gji8] {
    flex-wrap: wrap;
}

.q-publication-cost-reopen[b-5zw2h9gji8] {
    background: var(--q-dark-card);
    bottom: 20px;
    box-shadow: 0 14px 45px rgba(0, 0, 0, .28);
    justify-content: space-between;
    max-width: min(480px, calc(100vw - 32px));
    position: fixed;
    right: 20px;
    z-index: 1150;
}

.q-publication-cost-reopen > span[b-5zw2h9gji8] {
    min-width: 0;
}

@media (max-width: 720px) {
    .q-publication-cost-overview[b-5zw2h9gji8],
    .q-publication-cost-market dl[b-5zw2h9gji8] {
        grid-template-columns: 1fr 1fr;
    }

    .q-publication-cost-reopen[b-5zw2h9gji8] {
        bottom: 12px;
        left: 12px;
        right: 12px;
    }
}

@media (max-width: 460px) {
    .q-publication-cost-overview[b-5zw2h9gji8],
    .q-publication-cost-market dl[b-5zw2h9gji8] {
        grid-template-columns: 1fr;
    }
}
/* _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/ImportPreflightModal.razor.rz.scp.css */
.q-import-preflight[b-uhfx32rqmb] { border: 1px solid var(--q-dark-line); padding: 0; color: var(--q-dark-ink); background: var(--q-dark-card); width: min(760px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); margin: auto; }
.q-import-preflight:not([open])[b-uhfx32rqmb] { display: none; }
.q-import-preflight[open][b-uhfx32rqmb] { display: flex; flex-direction: column; }
.q-import-preflight[b-uhfx32rqmb]::backdrop { background: rgba(15, 20, 40, .55); backdrop-filter: blur(3px); }
.q-modal-head[b-uhfx32rqmb] { flex: 0 0 auto; align-items: flex-start; }
.q-modal-head h2[b-uhfx32rqmb] { font-size: 22px; font-weight: 800; line-height: 1.25; margin: 0; }
.q-modal-body[b-uhfx32rqmb] { overflow: auto; min-height: 0; }
.q-modal-body section[b-uhfx32rqmb] { margin-bottom: 16px; }
.q-modal-body a[b-uhfx32rqmb] { color: var(--q-indigo-bright); }
.q-modal-footer[b-uhfx32rqmb] { display: flex; flex-wrap: wrap; gap: 8px; padding: 16px 24px; border-top: 1px solid var(--q-dark-line); flex: 0 0 auto; }
@media(max-width:480px) { .q-import-preflight[b-uhfx32rqmb] { width: calc(100vw - 16px); max-height: calc(100dvh - 16px); } .q-modal-head[b-uhfx32rqmb],.q-modal-body[b-uhfx32rqmb],.q-modal-footer[b-uhfx32rqmb] { padding: 16px; } .q-modal-head h2[b-uhfx32rqmb] { font-size: 19px; } }
/* _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;
}

/* In the height-bounded chat shell, reserve real space for the summary. */
.q-global-import.docked[b-q47kd5o0yc] {
    align-self: flex-end;
    flex: none;
    margin: 0 12px 10px;
    max-height: 30%;
    overflow-y: auto;
    position: static;
    width: min(430px, calc(100% - 24px));
}

.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;
    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] {
    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-wrap: anywhere;
}

.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-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);
}

@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-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;
    }
}

.q-import-minimize[b-q47kd5o0yc]{position:absolute;right:8px;top:-22px;border:1px solid var(--q-dark-line);border-radius:6px;background:var(--q-dark-card);color:inherit;cursor:pointer;padding:0 10px}.q-global-import.minimized[b-q47kd5o0yc]{width:64px}.minimized .q-global-import-copy[b-q47kd5o0yc],.minimized .q-global-import-chevron[b-q47kd5o0yc]{display:none}.minimized .q-global-import-summary[b-q47kd5o0yc]{grid-template-columns:1fr;min-height:0;padding:10px}
/* _content/Qublo.App.Shared/Components/Imports/ImportActivityDialog.razor.rz.scp.css */
.q-import-overlay[b-plgfdrcm86] {
    position: fixed;
    inset: 0;
    z-index: 200;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 28px;
    background: rgba(12, 17, 29, .55);
    backdrop-filter: blur(3px);
}

.q-import-dialog[b-plgfdrcm86] {
    display: flex;
    flex-direction: column;
    width: min(1480px, 100%);
    height: min(860px, 90dvh);
    min-height: 0;
    overflow: hidden;
    background: var(--q-dark-card);
    color: var(--q-dark-ink);
    border: 1px solid var(--q-dark-line);
    border-radius: 16px;
    box-shadow: 0 28px 90px rgba(2, 4, 18, .3);
}

.q-import-header[b-plgfdrcm86] { padding: 22px 32px 0; }
.q-import-navigation[b-plgfdrcm86], .q-import-heading[b-plgfdrcm86], .q-import-title-line[b-plgfdrcm86], .q-import-footer[b-plgfdrcm86], .q-import-pagination[b-plgfdrcm86] {
    display: flex;
    align-items: center;
    gap: 16px;
}
.q-import-navigation[b-plgfdrcm86] { margin-bottom: 22px; }
button[b-plgfdrcm86], select[b-plgfdrcm86], input[b-plgfdrcm86] { font: inherit; }
button[b-plgfdrcm86] { cursor: pointer; }
button:disabled[b-plgfdrcm86] { cursor: default; opacity: .55; }
button:focus-visible[b-plgfdrcm86], select:focus-visible[b-plgfdrcm86], input:focus-visible[b-plgfdrcm86], .q-import-table-scroll:focus-visible[b-plgfdrcm86] {
    outline: 2px solid var(--q-indigo-bright);
    outline-offset: 3px;
}
.q-import-back[b-plgfdrcm86], .q-import-close[b-plgfdrcm86] {
    border: 0;
    background: transparent;
    color: var(--q-dark-muted);
    font-weight: 650;
}
.q-import-back[b-plgfdrcm86] { padding: 6px 0; font-size: 13px; }
.q-import-close[b-plgfdrcm86] { margin-left: auto; width: 36px; height: 36px; border-radius: 8px; font-size: 28px; line-height: 1; }
.q-import-close:hover[b-plgfdrcm86], .q-import-back:hover[b-plgfdrcm86] { color: var(--q-dark-ink); }
.q-import-close:hover[b-plgfdrcm86] { background: var(--q-dark-card-2); }
.q-import-job-select[b-plgfdrcm86] {
    max-width: min(480px, 65%);
    padding: 7px 12px;
    border: 1px solid var(--q-dark-line);
    border-radius: 7px;
    background: var(--q-dark-card);
    color: var(--q-dark-muted);
    font-size: 12px;
}
.q-import-heading[b-plgfdrcm86] { justify-content: space-between; align-items: flex-start; flex-wrap: wrap; }
.q-import-heading-copy[b-plgfdrcm86] { flex: 1; min-width: 240px; }
.q-import-title-line[b-plgfdrcm86] { flex-wrap: wrap; gap: 12px; }
h2[b-plgfdrcm86] { margin: 0; font-size: clamp(19px, 2vw, 26px); line-height: 1.35; font-weight: 800; letter-spacing: -.035em; }
.q-import-total[b-plgfdrcm86] { display: inline-flex; align-items: center; gap: 7px; padding-left: 14px; border-left: 1px solid var(--q-dark-line); font-size: 13px; font-weight: 650; white-space: nowrap; }
.q-import-total > span[b-plgfdrcm86] { color: var(--q-indigo-bright); font-size: 19px; }
.q-import-total.complete > span[b-plgfdrcm86] { color: #27a56d; }
.q-import-heading p[b-plgfdrcm86] { color: var(--q-dark-muted); font-size: 13px; margin: 9px 0 0; }
.q-import-search[b-plgfdrcm86] { display: flex; align-items: center; gap: 10px; width: 270px; border: 1px solid var(--q-dark-line); border-radius: 8px; padding: 10px 12px; color: var(--q-dark-muted); }
.q-import-search svg[b-plgfdrcm86] { flex: none; width: 18px; height: 18px; }
.q-import-search input[b-plgfdrcm86] { width: 100%; min-width: 0; border: 0; background: transparent; color: var(--q-dark-ink); font-size: 13px; }
.q-import-search input[b-plgfdrcm86]::placeholder { color: var(--q-dark-muted); }
.q-import-progress-summary[b-plgfdrcm86] { display: grid; gap: 7px; margin-top: 18px; padding: 12px 14px; border: 1px solid var(--q-dark-line); border-radius: 8px; background: var(--q-dark-card-2); }
.q-import-progress-copy[b-plgfdrcm86], .q-import-progress-counts[b-plgfdrcm86], .q-import-cancel-job[b-plgfdrcm86] { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 14px; }
.q-import-progress-copy[b-plgfdrcm86] { justify-content: space-between; font-size: 12px; }
.q-import-progress-summary progress[b-plgfdrcm86] { width: 100%; height: 5px; accent-color: var(--q-indigo-bright); }
.q-import-progress-counts[b-plgfdrcm86] { color: var(--q-dark-ink); font-size: 11px; font-variant-numeric: tabular-nums; }
.q-import-progress-summary small[b-plgfdrcm86] { color: var(--q-dark-muted); font-size: 11px; line-height: 1.4; }
.q-import-progress-summary .retry[b-plgfdrcm86] { color: var(--q-indigo-bright); }
.q-import-progress-summary .error[b-plgfdrcm86] { color: var(--q-red); }
.q-import-cancel-job[b-plgfdrcm86] { margin-top: 3px; }
.q-import-cancel-job small[b-plgfdrcm86] { flex: 1; min-width: 160px; }
.q-import-tabs[b-plgfdrcm86] { display: flex; gap: 8px; overflow-x: auto; margin-top: 24px; border-bottom: 1px solid var(--q-dark-line); }
.q-import-tabs button[b-plgfdrcm86] { flex: none; padding: 15px 16px; border: 0; border-bottom: 3px solid transparent; background: transparent; color: var(--q-dark-muted); font-size: 13px; font-weight: 700; }
.q-import-tabs button.selected[b-plgfdrcm86] { color: var(--q-indigo-bright); border-bottom-color: var(--q-indigo-bright); }
.q-import-tabs button:hover[b-plgfdrcm86] { background: var(--q-dark-card-2); }
.q-import-table-scroll[b-plgfdrcm86] { flex: 1; min-height: 0; overflow: auto; margin: 10px 24px 0; scrollbar-color: var(--q-indigo-bright) transparent; scrollbar-width: thin; }
.q-import-table[b-plgfdrcm86] { width: 100%; min-width: 1060px; border-collapse: separate; border-spacing: 0; text-align: left; font-size: 13px; }
.q-import-table th[b-plgfdrcm86] { position: sticky; top: 0; z-index: 1; background: var(--q-dark-card); color: var(--q-dark-muted); font-weight: 700; white-space: nowrap; }
.q-import-table th[b-plgfdrcm86], .q-import-table td[b-plgfdrcm86] { padding: 13px 10px; border-bottom: 1px solid var(--q-dark-line); vertical-align: middle; }
.q-import-table tbody tr:hover[b-plgfdrcm86] { background: var(--q-dark-card-2); }
.q-import-product[b-plgfdrcm86] { display: flex; align-items: center; gap: 10px; min-width: 210px; }
.q-import-product strong[b-plgfdrcm86] { display: block; width: clamp(170px, 17vw, 270px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 650; }
.q-import-product-icon[b-plgfdrcm86] { display: grid; place-items: center; width: 36px; height: 36px; flex: none; border-radius: 7px; background: var(--q-dark-card-2); color: var(--q-dark-muted); }
.q-import-product-icon svg[b-plgfdrcm86] { width: 22px; height: 22px; }
.q-import-date[b-plgfdrcm86], .q-import-reference[b-plgfdrcm86] { white-space: nowrap; }
.q-import-reference[b-plgfdrcm86] { font-size: 12px; font-variant-numeric: tabular-nums; }
.q-import-store[b-plgfdrcm86] { max-width: 155px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.q-import-status[b-plgfdrcm86] { display: inline-flex; align-items: center; gap: 7px; white-space: nowrap; font-size: 12px; }
.q-import-status-symbol[b-plgfdrcm86] { display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; flex: none; border-radius: 50%; font-weight: 800; }
.successful .q-import-status-symbol[b-plgfdrcm86] { background: #27a56d; color: white; }
.failed .q-import-status-symbol[b-plgfdrcm86] { background: var(--q-red-soft); color: var(--q-red); }
.rejected .q-import-status-symbol[b-plgfdrcm86] { background: var(--q-indigo-soft); color: var(--q-indigo-bright); }
.active .q-import-status-symbol[b-plgfdrcm86] { background: var(--q-indigo-soft); color: var(--q-indigo-bright); }
.cancelled[b-plgfdrcm86] { color: var(--q-dark-muted); }
.cancelled .q-import-status-symbol[b-plgfdrcm86] { background: var(--q-dark-raise); }
.q-import-message[b-plgfdrcm86] { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-width: 250px; overflow: hidden; margin-top: 4px; color: var(--q-dark-muted); font-size: 11px; line-height: 1.45; }
.q-import-actions[b-plgfdrcm86] { text-align: right; white-space: nowrap; }
.q-import-cancel[b-plgfdrcm86], .q-import-clear[b-plgfdrcm86] { display: inline-flex; align-items: center; gap: 6px; padding: 7px 10px; border: 1px solid color-mix(in srgb, var(--q-red) 30%, var(--q-dark-line)); border-radius: 7px; background: transparent; color: var(--q-red); font-size: 12px; font-weight: 650; }
.q-import-cancel > span[b-plgfdrcm86] { font-size: 9px; }
.q-import-cancel:hover:not(:disabled)[b-plgfdrcm86], .q-import-clear:hover:not(:disabled)[b-plgfdrcm86] { background: var(--q-red-soft); }
.q-import-no-action[b-plgfdrcm86] { color: var(--q-dark-faint); padding-right: 12px; }
.q-import-table td.q-import-empty[b-plgfdrcm86] { height: 230px; text-align: center; color: var(--q-dark-muted); }
.q-import-empty > span[b-plgfdrcm86] { display: block; position: sticky; left: 14px; width: min(75vw, 430px); margin: auto; }
.q-import-error[b-plgfdrcm86] { margin: 12px 32px 0; padding: 10px 14px; background: var(--q-red-soft); color: var(--q-red); border-radius: 7px; font-size: 13px; }
.q-import-footer[b-plgfdrcm86] { flex-wrap: wrap; justify-content: space-between; border-top: 1px solid var(--q-dark-line); padding: 16px 32px; color: var(--q-dark-muted); font-size: 12px; }
.q-import-pagination[b-plgfdrcm86] { margin-right: auto; gap: 10px; }
.q-import-pagination button[b-plgfdrcm86], .q-import-done[b-plgfdrcm86] { border: 1px solid var(--q-dark-line); border-radius: 7px; background: var(--q-dark-card); color: var(--q-dark-ink); padding: 6px 12px; min-height: 32px; }
.q-import-pagination button[b-plgfdrcm86] { font-size: 18px; line-height: 1; }
.q-import-done[b-plgfdrcm86] { font-weight: 650; }
@media (max-width: 700px) {
    .q-import-overlay[b-plgfdrcm86] { padding: 10px; }
    .q-import-dialog[b-plgfdrcm86] { height: 94dvh; border-radius: 12px; }
    .q-import-header[b-plgfdrcm86] { padding: 14px 14px 0; }
    .q-import-navigation[b-plgfdrcm86] { gap: 10px; margin-bottom: 16px; }
    .q-import-job-select[b-plgfdrcm86] { font-size: 11px; padding: 6px; }
    .q-import-heading[b-plgfdrcm86] { gap: 14px; }
    .q-import-total[b-plgfdrcm86] { border: 0; padding-left: 0; }
    .q-import-search[b-plgfdrcm86] { width: 100%; }
    .q-import-tabs[b-plgfdrcm86] { margin-top: 12px; gap: 0; }
    .q-import-tabs button[b-plgfdrcm86] { padding: 13px 10px; font-size: 12px; }
    .q-import-table-scroll[b-plgfdrcm86] { margin: 6px 10px 0; }
    .q-import-footer[b-plgfdrcm86] { padding: 12px 14px; gap: 10px; }
    .q-import-error[b-plgfdrcm86] { margin: 10px 14px 0; }
    .q-import-empty > span[b-plgfdrcm86] { margin: 0; text-align: left; }
}
.q-import-destination[b-plgfdrcm86] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem 1rem;
    padding: .65rem .8rem;
    margin-bottom: .6rem;
    border: 1px solid var(--q-border, #464263);
    border-radius: .5rem;
}

.q-import-destination span[b-plgfdrcm86] {
    flex-basis: 100%;
    overflow-wrap: anywhere;
}
/* _content/Qublo.App.Shared/Components/Inventory/EbayImportedLegacyWorkspaceDialog.razor.rz.scp.css */
.q-ebay-imported-workspace[b-im6ena81b9] {
    display: flex;
    flex-direction: column;
    height: min(900px, calc(100dvh - 48px));
    max-height: calc(100dvh - 48px);
    max-width: 1160px;
    overflow: hidden;
    width: min(1160px, calc(100vw - 48px));
}

.q-ebay-imported-workspace-body[b-im6ena81b9] {
    display: grid;
    flex: 1 1 auto;
    gap: 16px;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 18px 20px 22px;
}

.q-ebay-imported-workspace-toolbar[b-im6ena81b9],
.q-ebay-imported-workspace-selection[b-im6ena81b9],
.q-ebay-imported-workspace-actions[b-im6ena81b9],
.q-ebay-imported-workspace-pagination[b-im6ena81b9] {
    align-items: center;
    display: flex;
    gap: 10px;
}

.q-ebay-imported-workspace-search[b-im6ena81b9] {
    flex: 1 1 280px;
}

.q-ebay-imported-workspace-loading[b-im6ena81b9] {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: center;
    min-height: 180px;
    text-align: left;
}

.q-ebay-imported-workspace-loading > span:last-child[b-im6ena81b9] {
    display: grid;
    gap: 4px;
}

.q-ebay-imported-workspace-loading small[b-im6ena81b9],
.q-ebay-imported-workspace-selection span[b-im6ena81b9],
.q-ebay-imported-workspace-table small[b-im6ena81b9] {
    color: var(--q-dark-muted);
    font-size: 11px;
}

.q-ebay-imported-workspace-selection[b-im6ena81b9] {
    background: var(--q-indigo-soft);
    border: 1px solid color-mix(in srgb, var(--q-indigo-bright) 38%, var(--q-dark-line));
    border-radius: 10px;
    flex-wrap: wrap;
    padding: 10px 12px;
}

.q-ebay-imported-workspace-selection span[b-im6ena81b9] { flex: 1 1 300px; }

.q-ebay-imported-workspace-table td[b-im6ena81b9] { vertical-align: middle; }
.q-ebay-imported-workspace-table td strong[b-im6ena81b9],
.q-ebay-imported-workspace-table td small[b-im6ena81b9] { display: block; }

.q-ebay-imported-workspace-product[b-im6ena81b9] {
    align-items: center;
    display: flex;
    gap: 10px;
    min-width: 250px;
}

.q-ebay-imported-workspace-product img[b-im6ena81b9],
.q-ebay-imported-workspace-placeholder[b-im6ena81b9] {
    align-items: center;
    background: var(--q-dark-panel);
    border-radius: 8px;
    display: flex;
    flex: 0 0 46px;
    height: 46px;
    justify-content: center;
    object-fit: contain;
    width: 46px;
}

.q-ebay-imported-workspace-actions[b-im6ena81b9] { flex-wrap: wrap; }
.q-ebay-imported-workspace-actions .q-btn[b-im6ena81b9] { font-size: 10px; min-height: 30px; padding: 5px 8px; }

.q-ebay-imported-workspace-pagination[b-im6ena81b9] {
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 4px;
}

.q-ebay-imported-workspace-pagination button[b-im6ena81b9] {
    height: auto;
    min-height: 34px;
    min-width: 108px;
    padding: 6px 12px;
    white-space: nowrap;
    width: auto;
}

.q-ebay-imported-workspace-pagination > span[b-im6ena81b9] {
    color: var(--q-dark-muted);
    min-width: 110px;
    text-align: center;
}

@media (max-width: 700px) {
    .q-ebay-imported-workspace-toolbar[b-im6ena81b9] { align-items: stretch; flex-direction: column; }
    .q-ebay-imported-workspace-actions[b-im6ena81b9] { min-width: 160px; }
}
/* _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-progress.in-modal[b-12gqx4fhj7] {
    bottom: auto;
    position: static;
    right: auto;
    width: 100%;
    z-index: auto;
}

.q-inventory-sync-progress.in-modal .q-inventory-sync-panel[b-12gqx4fhj7] {
    box-shadow: none;
    max-height: none;
}

.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-shell[b-12gqx4fhj7] {
    position: relative;
}

.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.has-dismiss[b-12gqx4fhj7] {
    grid-template-columns: auto minmax(0, 1fr) auto auto 34px;
}

.q-inventory-sync-summary-dismiss[b-12gqx4fhj7] {
    align-items: center;
    background: transparent;
    border: 1px solid color-mix(in srgb, var(--q-dark-muted) 45%, transparent);
    border-radius: 9px;
    color: var(--q-dark-muted);
    cursor: pointer;
    display: inline-flex;
    font-size: 21px;
    height: 32px;
    justify-content: center;
    line-height: 1;
    padding: 0;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
}

.q-inventory-sync-summary-dismiss:hover:not(:disabled)[b-12gqx4fhj7] {
    background: var(--q-dark-raise);
    border-color: var(--q-dark-muted);
    color: var(--q-dark-ink);
}

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

.q-inventory-sync-summary-dismiss:disabled[b-12gqx4fhj7] {
    cursor: not-allowed;
    opacity: .42;
}

.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-progress.warning .q-inventory-sync-panel[b-12gqx4fhj7],
.q-inventory-sync-progress.warning .q-inventory-sync-summary[b-12gqx4fhj7] {
    border-color: color-mix(in srgb, var(--q-amber) 48%, 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);
}

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

.failed .q-inventory-sync-summary-dismiss[b-12gqx4fhj7] {
    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-analysis-progress[b-12gqx4fhj7] {
    background: color-mix(in srgb, var(--q-indigo-bright) 7%, var(--q-dark-card));
    border: 1px solid color-mix(in srgb, var(--q-indigo-bright) 26%, var(--q-dark-line));
    border-radius: 10px;
    display: grid;
    gap: 8px;
    padding: 11px 12px;
}

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

.q-inventory-analysis-progress-head > span[b-12gqx4fhj7] {
    display: grid;
    gap: 3px;
}

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

.q-inventory-analysis-progress-head small[b-12gqx4fhj7],
.q-inventory-analysis-progress > small[b-12gqx4fhj7] {
    color: var(--q-dark-muted);
    font-size: 9.5px;
    line-height: 1.4;
}

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

.q-inventory-analysis-progress-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-analysis-progress-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-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-retry-note[b-12gqx4fhj7] {
    align-items: flex-start;
    background: color-mix(in srgb, var(--q-indigo-bright) 6%, transparent);
    border: 1px solid color-mix(in srgb, var(--q-indigo-bright) 18%, var(--q-dark-line));
    border-radius: 9px;
    color: var(--q-dark-muted);
    display: grid;
    gap: 9px;
    grid-template-columns: auto minmax(0, 1fr);
    padding: 9px 11px;
}

.q-inventory-sync-retry-note > span:first-child[b-12gqx4fhj7] {
    color: var(--q-indigo-bright);
    font-size: 15px;
    line-height: 1;
}

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

.q-inventory-sync-retry-note strong[b-12gqx4fhj7] {
    color: var(--q-dark-muted);
    font-size: 10px;
}

.q-inventory-sync-retry-note small[b-12gqx4fhj7] {
    color: var(--q-dark-dim);
    font-size: 9.5px;
}

.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);
    overflow-wrap: anywhere;
}

.q-inventory-sync-diagnostic summary[b-12gqx4fhj7] {
    color: var(--q-dark-muted);
    cursor: pointer;
    font-size: 10px;
    font-weight: 800;
}

.q-inventory-sync-diagnostic small[b-12gqx4fhj7] {
    display: block;
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    margin-top: 5px;
}

.q-inventory-sync-technical-details[b-12gqx4fhj7] {
    color: var(--q-dark-dim);
    font-size: 9.5px;
}

.q-inventory-sync-technical-details summary[b-12gqx4fhj7] {
    cursor: pointer;
    font-weight: 800;
}

.q-inventory-sync-technical-details code[b-12gqx4fhj7] {
    color: var(--q-dark-dim);
    display: block;
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 9px;
    margin-top: 6px;
    overflow-wrap: anywhere;
    white-space: normal;
}

.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,
    .q-inventory-analysis-progress-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/Inventory/EbayUntrackedProductsDialog.razor.rz.scp.css */
.untracked-overlay[b-0s55xsqc8w] { position:fixed; inset:0; z-index:140; background:rgba(6,6,18,.75); display:flex; align-items:center; justify-content:center; padding:24px; }
.untracked-modal[b-0s55xsqc8w] { --line:#2A2C5A; --mut:#9094BC; --ink:#ECECF8; --ok:#C6F16A; --warn:#F2B84B; --bad:#F27272; width:min(1180px,100%); max-height:calc(100dvh - 48px); background:#16173A; color:var(--ink); border:1px solid var(--line); border-radius:18px; display:flex; flex-direction:column; position:relative; font-size:14px; min-height:0; }
.untracked-modal *[b-0s55xsqc8w] { box-sizing:border-box; }
button[b-0s55xsqc8w],input[b-0s55xsqc8w],select[b-0s55xsqc8w] { font:inherit; color:inherit; }
button[b-0s55xsqc8w] { cursor:pointer; }
button:disabled[b-0s55xsqc8w] { opacity:.45; cursor:not-allowed; }
:focus-visible[b-0s55xsqc8w] { outline:2px solid #7373F5; outline-offset:2px; }
.mh[b-0s55xsqc8w] { padding:24px 28px 0; flex-shrink:0; }
.x[b-0s55xsqc8w] { border:0; background:none; position:absolute; right:22px; top:18px; font-size:24px; color:var(--mut); }
h2[b-0s55xsqc8w] { font-size:26px; font-weight:900; margin:0 40px 0 0; }
.tabs[b-0s55xsqc8w] { display:flex; justify-content:space-between; align-items:flex-end; gap:12px; border-bottom:1px solid var(--line); margin-top:16px; }
.tab[b-0s55xsqc8w] { padding:10px 4px; font-weight:900; color:#fff; border-bottom:3px solid #5151C9; }
.help[b-0s55xsqc8w] { border:0; background:none; color:#9A9AFA; font-weight:800; padding-bottom:10px; }
.helpbox[b-0s55xsqc8w] { margin-top:12px; background:#18194A; border:1px solid #3C3E86; border-radius:10px; padding:10px 14px; font-size:13px; color:#D2D4F0; line-height:1.5; }
.bar[b-0s55xsqc8w] { display:flex; align-items:center; gap:12px; padding:14px 28px; flex-shrink:0; flex-wrap:wrap; }
.bar label[b-0s55xsqc8w] { display:flex; align-items:center; gap:10px; font-weight:800; color:#C9CBE6; }
.trash[b-0s55xsqc8w] { width:34px; height:34px; border-radius:9px; display:grid; place-items:center; color:#FFB4B4; border:1px solid #6A2C40; background:#3A1E2C; }
.search[b-0s55xsqc8w] { margin-left:auto; max-width:300px; }
.list[b-0s55xsqc8w] { overflow:auto; overscroll-behavior:contain; padding:0 28px; flex:1 1 auto; min-height:0; }
.row[b-0s55xsqc8w] { display:grid; grid-template-columns:20px 56px minmax(170px,1fr) 30px 180px 100px 145px; gap:12px; align-items:center; padding:12px 10px; border-bottom:1px solid #23254F; border-radius:10px; }
.row.sel[b-0s55xsqc8w] { background:#1E1F4E; }
input[type=checkbox][b-0s55xsqc8w] { width:18px; height:18px; accent-color:#5151C9; }
.th[b-0s55xsqc8w] { width:56px; height:56px; border-radius:9px; flex:0 0 56px; background:#E7E8F0; overflow:hidden; }
.th img[b-0s55xsqc8w] { width:100%; height:100%; object-fit:contain; }
.product[b-0s55xsqc8w] { min-width:0; }
.tt[b-0s55xsqc8w] { font-weight:800; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.meta[b-0s55xsqc8w] { font-size:12.5px; color:var(--mut); margin-top:4px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.meta b[b-0s55xsqc8w] { color:#D2D4F0; }
.menu-host[b-0s55xsqc8w] { position:relative; }
.dots[b-0s55xsqc8w] { border:0; background:none; width:30px; height:30px; border-radius:8px; color:#C9CBE6; font-size:20px; }
.menu[b-0s55xsqc8w] { position:absolute; top:32px; right:0; background:#20224A; border:1px solid var(--line); border-radius:10px; padding:4px; z-index:5; min-width:180px; }
.menu button[b-0s55xsqc8w] { display:block; border:0; background:none; padding:9px 12px; color:#FFB4B4; font-weight:800; }
.inp[b-0s55xsqc8w] { width:100%; height:42px; border-radius:10px; background:#0F1026; border:1px solid #3A3D72; padding:0 12px; min-width:0; }
.inp:focus[b-0s55xsqc8w] { border-color:#7373F5; }
.inp.err[b-0s55xsqc8w] { border-color:var(--bad); }
select.inp:disabled[b-0s55xsqc8w] { opacity:1; color:#C9CBE6; border-style:dashed; }
.inp.pending[b-0s55xsqc8w] { border-color:var(--warn); }
.rerr[b-0s55xsqc8w] { grid-column:5/8; font-size:12px; color:var(--bad); font-weight:700; }
.mf[b-0s55xsqc8w] { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:16px 28px; border-top:1px solid var(--line); flex-shrink:0; }
.btn[b-0s55xsqc8w] { min-height:46px; padding:8px 22px; border-radius:12px; border:1px solid var(--line); background:#1B1C45; font-weight:900; display:inline-flex; align-items:center; justify-content:center; gap:10px; flex-shrink:0; }
.btn.primary[b-0s55xsqc8w] { background:#5151C9; border-color:#5151C9; color:#fff; }
.spin[b-0s55xsqc8w] { display:inline-block; width:16px; height:16px; border-radius:50%; border:2.5px solid rgba(255,255,255,.35); border-top-color:#fff; animation:spin-b-0s55xsqc8w .8s linear infinite; }
@keyframes spin-b-0s55xsqc8w { to { transform:rotate(360deg); } }
.rv[b-0s55xsqc8w] { border:1px solid var(--line); border-radius:12px; margin:12px 0; overflow:hidden; background:#15163A; }
.rvh[b-0s55xsqc8w] { display:grid; grid-template-columns:28px 1fr; gap:12px; padding:12px 14px; align-items:start; }
.pair[b-0s55xsqc8w] { display:grid; grid-template-columns:1fr 26px 1fr; gap:12px; align-items:center; min-width:0; }
.side2[b-0s55xsqc8w] { display:flex; gap:10px; align-items:center; min-width:0; }
.side2 .th[b-0s55xsqc8w] { width:48px; height:48px; flex-basis:48px; }
.lbl[b-0s55xsqc8w] { font-size:11px; font-weight:900; letter-spacing:.08em; color:#9A9AFA; margin-bottom:3px; }
.facts[b-0s55xsqc8w] { display:flex; gap:12px; flex-wrap:wrap; margin-top:6px; font-size:12.5px; }
.facts span[b-0s55xsqc8w] { color:var(--mut); }
.var[b-0s55xsqc8w] { border-top:1px solid var(--line); }
.vr[b-0s55xsqc8w] { display:grid; grid-template-columns:28px 1fr 22px 1.4fr 100px; gap:10px; align-items:center; padding:8px 14px; border-top:1px solid #23254F; font-size:13px; }
.vr.head[b-0s55xsqc8w] { background:#191A42; color:#B4B6F2; font-weight:800; font-size:12px; }
.st-ok[b-0s55xsqc8w] { color:var(--ok); font-weight:900; }.st-w[b-0s55xsqc8w] { color:var(--warn); font-weight:900; }.st-b[b-0s55xsqc8w] { color:var(--bad); font-weight:900; }
.rverr[b-0s55xsqc8w] { padding:10px 14px; background:#2A1522; color:#FFB4B4; font-size:13px; font-weight:700; border-top:1px solid #4A2335; }
.note[b-0s55xsqc8w] { font-size:12.5px; color:var(--mut); }
.review-intro[b-0s55xsqc8w],.progress-note[b-0s55xsqc8w] { padding:14px 28px 0; font-weight:700; }
.notice[b-0s55xsqc8w] { margin:12px 28px; padding:12px; background:#1D2A14; color:#E8F7C8; border:1px solid #4E6B20; border-radius:12px; }
.notice button[b-0s55xsqc8w] { background:none; border:0; color:var(--ok); text-decoration:underline; font-weight:900; }
.paging[b-0s55xsqc8w] { display:flex; justify-content:center; gap:14px; padding:18px; }
.paging button[b-0s55xsqc8w] { border:1px solid var(--line); border-radius:8px; background:#1B1C45; padding:6px 12px; }
.store-select[b-0s55xsqc8w] { margin-top:10px; max-width:320px; }
.empty[b-0s55xsqc8w] { padding:30px; text-align:center; color:var(--mut); }
@media(max-width:1100px) {
 .row[b-0s55xsqc8w] { grid-template-columns:20px 48px minmax(160px,1fr) 30px; }
 .row > .inp[b-0s55xsqc8w] { grid-row:2; }.row > input.inp[b-0s55xsqc8w] { grid-column:2/3; width:200px; }
 .row > select.inp:nth-last-of-type(2)[b-0s55xsqc8w] { grid-column:3; margin-left:165px; width:100px; }
 .row > select.inp:last-of-type[b-0s55xsqc8w] { grid-column:4; width:145px; justify-self:end; }
 .rerr[b-0s55xsqc8w] { grid-column:2/-1; }
}
@media(max-width:700px) {
 .untracked-overlay[b-0s55xsqc8w] { padding:8px; }.untracked-modal[b-0s55xsqc8w] { max-height:calc(100dvh - 16px); }
 .mh[b-0s55xsqc8w] { padding:20px 16px 0; } h2[b-0s55xsqc8w] { font-size:21px; }.bar[b-0s55xsqc8w],.mf[b-0s55xsqc8w] { padding:12px 16px; }.list[b-0s55xsqc8w] { padding:0 12px; }
 .tabs[b-0s55xsqc8w] { align-items:center; }.help[b-0s55xsqc8w] { font-size:12px; max-width:150px; }
 .search[b-0s55xsqc8w] { max-width:none; margin:0; }.row[b-0s55xsqc8w] { grid-template-columns:20px 42px minmax(0,1fr) 30px; gap:8px; }
 .row > input.inp[b-0s55xsqc8w] { grid-column:2/-1; width:100%; }.row > select.inp:nth-last-of-type(2)[b-0s55xsqc8w] { grid-row:3; grid-column:2/3; margin:0; width:100px; }
 .row > select.inp:last-of-type[b-0s55xsqc8w] { grid-row:3; grid-column:3/-1; width:calc(100% - 66px); }
 .th[b-0s55xsqc8w] { width:42px; height:42px; }.pair[b-0s55xsqc8w] { grid-template-columns:1fr; }.arrow[b-0s55xsqc8w] { display:none; }.rvh[b-0s55xsqc8w] { gap:4px; }
 .vr[b-0s55xsqc8w] { grid-template-columns:20px 1fr 90px; }.vr > span:nth-child(3)[b-0s55xsqc8w],.vr.head[b-0s55xsqc8w] { display:none; }.vr select[b-0s55xsqc8w] { grid-column:2; grid-row:2; }
 .vr > span:last-child[b-0s55xsqc8w] { grid-column:3; grid-row:2; }.mf[b-0s55xsqc8w] { flex-wrap:wrap; }.mf .note[b-0s55xsqc8w] { width:100%; }.mf .primary[b-0s55xsqc8w] { margin-left:auto; }
}
@media(prefers-reduced-motion:reduce) { .spin[b-0s55xsqc8w] { animation:none; } }
/* _content/Qublo.App.Shared/Components/Inventory/InventoryActionActivity.razor.rz.scp.css */
.q-inventory-activity[b-cakkc0bz8f] { margin-bottom: 1rem; }
.q-inventory-activity summary[b-cakkc0bz8f] { cursor: pointer; font-weight: 600; }
.q-inventory-activity-item[b-cakkc0bz8f] { display: grid; gap: .5rem; padding: 1rem 0; border-bottom: 1px solid var(--q-border, #363554); }
.q-inventory-activity-item:last-child[b-cakkc0bz8f] { border-bottom: 0; }
.q-inventory-activity-item progress[b-cakkc0bz8f] { width: 100%; }
.q-inventory-activity-item button[b-cakkc0bz8f] { justify-self: start; }
.q-inventory-activity-item code[b-cakkc0bz8f] { user-select: all; overflow-wrap: anywhere; }
/* _content/Qublo.App.Shared/Components/Inventory/InventoryBulkEditDialog.razor.rz.scp.css */
.q-inventory-bulk-edit-modal[b-dnqtxcfgiv] {
    width: min(760px, calc(100vw - 32px));
    max-height: min(840px, calc(100vh - 32px));
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    overflow: hidden;
}

.q-modal-head p[b-dnqtxcfgiv] {
    margin: 6px 0 0;
    color: var(--q-dark-muted);
    font-size: 0.9rem;
}

.q-inventory-bulk-edit-body[b-dnqtxcfgiv] {
    min-height: 0;
    overflow-y: auto;
    padding: 18px 22px;
    display: grid;
    gap: 14px;
}

.q-inventory-operation-picker[b-dnqtxcfgiv] {
    display: grid;
    gap: 7px;
    color: var(--q-dark-ink);
    font-weight: 800;
}

.q-inventory-operation-picker select[b-dnqtxcfgiv],
.q-inventory-operation-fields input[b-dnqtxcfgiv],
.q-inventory-operation-fields select[b-dnqtxcfgiv] {
    width: 100%;
    min-height: 42px;
    border: 1px solid var(--q-dark-line);
    border-radius: 10px;
    background: var(--q-dark-card-2);
    color: var(--q-dark-ink);
    padding: 9px 11px;
    font: inherit;
}

.q-inventory-bulk-help[b-dnqtxcfgiv],
.q-inventory-operation-empty[b-dnqtxcfgiv] {
    border: 1px solid rgba(104, 120, 255, 0.2);
    border-radius: 10px;
    background: rgba(72, 91, 255, 0.09);
    color: var(--q-dark-muted);
    padding: 11px 12px;
    font-size: 0.85rem;
    line-height: 1.45;
}

.q-inventory-operation-list[b-dnqtxcfgiv] {
    display: grid;
    gap: 12px;
}

.q-inventory-operation-card[b-dnqtxcfgiv] {
    border: 1px solid var(--q-dark-line);
    border-radius: 12px;
    background: rgba(25, 27, 58, 0.74);
    padding: 14px;
}

.q-inventory-operation-card > header[b-dnqtxcfgiv] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 12px;
}

.q-inventory-operation-card h3[b-dnqtxcfgiv] {
    margin: 0;
    font-size: 0.95rem;
}

.q-inventory-operation-card header p[b-dnqtxcfgiv] {
    margin: 4px 0 0;
    color: var(--q-dark-muted);
    font-size: 0.8rem;
    line-height: 1.35;
}

.q-inventory-operation-remove[b-dnqtxcfgiv] {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    border: 1px solid var(--q-dark-line);
    border-radius: 8px;
    background: transparent;
    color: var(--q-dark-muted);
    cursor: pointer;
    font-size: 1.2rem;
    line-height: 1;
}

.q-inventory-operation-remove:hover[b-dnqtxcfgiv],
.q-inventory-operation-remove:focus-visible[b-dnqtxcfgiv] {
    border-color: var(--q-red);
    color: var(--q-red);
}

.q-inventory-operation-fields[b-dnqtxcfgiv] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.q-inventory-operation-fields label[b-dnqtxcfgiv] {
    display: grid;
    gap: 6px;
    color: var(--q-dark-muted);
    font-size: 0.82rem;
    font-weight: 700;
}

.q-inventory-operation-fields small[b-dnqtxcfgiv] {
    color: var(--q-dark-dim);
    font-size: 0.75rem;
    font-weight: 500;
}

.q-modal-foot[b-dnqtxcfgiv] {
    border-top: 1px solid var(--q-dark-line);
    padding: 15px 22px;
}

@media (max-width: 620px) {
    .q-inventory-bulk-edit-modal[b-dnqtxcfgiv] {
        width: calc(100vw - 16px);
        max-height: calc(100vh - 16px);
    }

    .q-inventory-bulk-edit-body[b-dnqtxcfgiv] {
        padding: 14px;
    }

    .q-inventory-operation-fields[b-dnqtxcfgiv] {
        grid-template-columns: 1fr;
    }

    .q-modal-foot[b-dnqtxcfgiv] {
        padding: 12px 14px;
    }

    .q-modal-foot .q-btn[b-dnqtxcfgiv] {
        flex: 1 1 0;
    }
}
/* _content/Qublo.App.Shared/Components/Inventory/InventoryDeleteDialog.razor.rz.scp.css */
.qb-ov[b-mvug807pmp] { --qb-ink: #e6e9f7; --qb-muted: #8e96c0; --qb-option-bg: #0f1538; --qb-option-border: #2a3368; --qb-option-muted: #6b73a0; --qb-warning: #fca5a5; position: fixed; inset: 0; background: rgba(5,7,20,.72); display: grid; place-items: center; z-index: 150; padding: 20px; }
.qb-modal[b-mvug807pmp] { box-sizing: border-box; width: 100%; max-width: 470px; max-height: calc(100dvh - 40px); overflow-y: auto; background: #131a44; border: 1px solid #262f63; border-radius: 16px; padding: 26px; color: var(--qb-ink); box-shadow: 0 30px 80px rgba(0,0,0,.6); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: normal; text-align: left; outline: none; }
.qb-modal h3[b-mvug807pmp] { margin: 0 0 10px; font-size: 22px; font-weight: 700; line-height: normal; }
.qb-modal p[b-mvug807pmp] { margin: 0 0 8px; color: var(--qb-muted); font-size: 13.5px; line-height: 1.5; }
.qb-help[b-mvug807pmp] { color: #6f8cff; font-size: 13.5px; display: inline-block; margin-bottom: 18px; }
.qb-x[b-mvug807pmp] { float: right; background: transparent; border: 0; padding: 0; min-height: 0; color: #7a83b5; font-size: 22px; line-height: 1; cursor: pointer; margin: -6px -4px 0 0; }
.qb-cta[b-mvug807pmp] { width: 100%; border: 0; border-radius: 11px; padding: 14px; font-size: 15px; font-weight: 700; line-height: normal; cursor: pointer; color: #fff; font-family: inherit; background: #e33d1f; }
.qb-cta:disabled[b-mvug807pmp], .qb-x:disabled[b-mvug807pmp] { opacity: .45; cursor: not-allowed; }
.qb-cta:focus-visible[b-mvug807pmp], .qb-x:focus-visible[b-mvug807pmp], .qb-help:focus-visible[b-mvug807pmp] { outline: 2px solid #6f8cff; outline-offset: 3px; }
.q-app-shell[data-theme="light"] .qb-ov[b-mvug807pmp] { --qb-ink: #17213b; --qb-muted: #526078; --qb-option-bg: #f5f7ff; --qb-option-border: #d5dbef; --qb-option-muted: #526078; --qb-warning: #a52626; }
.q-app-shell[data-theme="light"] .qb-modal[b-mvug807pmp] { background: #fff; border-color: #d5dbef; }
.q-app-shell[data-theme="light"] .qb-help[b-mvug807pmp] { color: #3150ce; }
/* _content/Qublo.App.Shared/Components/Inventory/InventoryDeleteScopeSelection.razor.rz.scp.css */
.q-delete-scope[b-xyzz4ev6zk] { border: 0; padding: 0; margin: 0; min-width: 0; }
.q-sr-only[b-xyzz4ev6zk] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.qb-opt[b-xyzz4ev6zk] { display: flex; gap: 11px; align-items: flex-start; border: 1px solid var(--qb-option-border, #2a3368); background: var(--qb-option-bg, #0f1538); border-radius: 11px; padding: 13px 14px; margin-bottom: 10px; font-weight: 400; line-height: normal; cursor: pointer; }
.qb-opt.is-sel[b-xyzz4ev6zk] { border-color: #3b5bfd; background: rgba(59,91,253,.12); }
.q-delete-scope input[type="radio"][b-xyzz4ev6zk] {
    /* Global form fields are 100% wide with a text-input minimum height. */
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    min-width: 16px;
    min-height: 16px;
    margin: 2px 0 0;
    padding: 0;
    accent-color: #3b5bfd;
}
.q-delete-scope label > span[b-xyzz4ev6zk] { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.qb-t[b-xyzz4ev6zk] { font-weight: 700; font-size: 13.5px; display: block; color: var(--qb-ink, #e6e9f7); }
.qb-d[b-xyzz4ev6zk] { color: var(--qb-option-muted, #6b73a0); font-size: 12px; margin-top: 3px; line-height: 1.45; display: block; }
.qb-note[b-xyzz4ev6zk] { border-radius: 9px; padding: 11px 13px; font-size: 12.5px; line-height: 1.5; margin: 4px 0 18px; background: rgba(239,68,68,.1); border: 1px solid rgba(239,68,68,.28); color: var(--qb-warning, #fca5a5); }
/* _content/Qublo.App.Shared/Components/Inventory/InventoryRowActions.razor.rz.scp.css */
.qb-acts[b-fp0nf0vjcw] { display: flex; flex-wrap: nowrap; gap: 8px; align-items: center; }
.qb-ib[b-fp0nf0vjcw] { width: 36px; height: 36px; min-height: 36px; flex: 0 0 36px; border-radius: 9px; border: 1px solid transparent; display: grid; place-items: center; position: relative; cursor: pointer; transition: background .15s, transform .15s; padding: 0; }
.qb-ib:hover:not(:disabled)[b-fp0nf0vjcw] { transform: translateY(-1px); }
.qb-ib:focus-visible[b-fp0nf0vjcw] { outline: 2px solid #3b5bfd; outline-offset: 2px; }
.qb-ib:disabled[b-fp0nf0vjcw] { opacity: .45; cursor: not-allowed; }
.qb-ib svg[b-fp0nf0vjcw] { width: 18px; height: 18px; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.qb-ib--del[b-fp0nf0vjcw] { background: rgba(239,68,68,.12); border-color: rgba(239,68,68,.25); }
.qb-ib--del svg[b-fp0nf0vjcw] { stroke: #ef4444; }
.qb-ib--del:hover:not(:disabled)[b-fp0nf0vjcw] { background: rgba(239,68,68,.22); }
.qb-ib--edit[b-fp0nf0vjcw] { background: rgba(245,185,66,.12); border-color: rgba(245,185,66,.25); }
.qb-ib--edit svg[b-fp0nf0vjcw] { stroke: #f5b942; }
.qb-ib--edit:hover:not(:disabled)[b-fp0nf0vjcw] { background: rgba(245,185,66,.22); }
.qb-tip[b-fp0nf0vjcw] { position: absolute; bottom: calc(100% + 7px); left: 50%; transform: translateX(-50%); background: #000; color: #fff; font-size: 11px; padding: 4px 8px; border-radius: 6px; white-space: nowrap; opacity: 0; pointer-events: none; transition: opacity .12s; z-index: 5; }
.qb-ib:hover .qb-tip[b-fp0nf0vjcw], .qb-ib:focus-visible .qb-tip[b-fp0nf0vjcw] { opacity: .95; }
/* _content/Qublo.App.Shared/Components/Notifications/NotificationBell.razor.rz.scp.css */
.q-notification-center[b-mqs98jm1md] {
    position: relative;
}

.q-notification-bell[b-mqs98jm1md] {
    align-items: center;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 11px;
    color: var(--q-dark-muted);
    display: inline-flex;
    height: 40px;
    justify-content: center;
    padding: 0;
    position: relative;
    transition: 150ms ease;
    width: 40px;
}

.q-notification-bell:hover[b-mqs98jm1md],
.q-notification-bell:focus-visible[b-mqs98jm1md],
.q-notification-bell.active[b-mqs98jm1md] {
    background: var(--q-dark-card-2);
    border-color: var(--q-dark-line);
    color: var(--q-dark-ink);
    outline: none;
}

.q-notification-bell svg[b-mqs98jm1md] {
    fill: none;
    height: 20px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
    width: 20px;
}

.q-notification-badge[b-mqs98jm1md] {
    align-items: center;
    background: #ff4d68;
    border: 2px solid var(--q-dark-bg);
    border-radius: 999px;
    color: #fff;
    display: inline-flex;
    font-size: 9px;
    font-weight: 900;
    height: 17px;
    justify-content: center;
    min-width: 17px;
    padding: 0 3px;
    position: absolute;
    right: 1px;
    top: 0;
}

.q-notification-panel[b-mqs98jm1md] {
    background: var(--q-dark-card);
    border: 1px solid var(--q-dark-line);
    border-radius: 16px;
    box-shadow: 0 26px 70px rgba(0, 0, 0, 0.58);
    color: var(--q-dark-ink);
    display: grid;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: calc(100% + 10px);
    width: min(390px, calc(100vw - 32px));
    z-index: 80;
}

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

.q-notification-head span[b-mqs98jm1md] {
    color: #9a9cf2;
    display: block;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.q-notification-head h2[b-mqs98jm1md] {
    font-size: 18px;
    margin: 3px 0 0;
}

.q-notification-read-all[b-mqs98jm1md] {
    background: transparent;
    border: 0;
    color: #aeb0f7;
    font-size: 11px;
    font-weight: 800;
    padding: 6px;
}

.q-notification-read-all:hover[b-mqs98jm1md],
.q-notification-read-all:focus-visible[b-mqs98jm1md] {
    color: #fff;
    text-decoration: underline;
}

.q-notification-error[b-mqs98jm1md] {
    background: rgba(240, 85, 106, 0.12);
    border-bottom: 1px solid rgba(240, 85, 106, 0.28);
    color: #ff9dac;
    font-size: 12px;
    padding: 10px 16px;
}

.q-notification-list[b-mqs98jm1md] {
    max-height: min(52vh, 440px);
    overflow-y: auto;
    overscroll-behavior: contain;
}

.q-notification-item[b-mqs98jm1md] {
    border-bottom: 1px solid var(--q-dark-line);
    display: grid;
    grid-template-columns: minmax(0, 1fr) 34px;
    position: relative;
}

.q-notification-item.unread[b-mqs98jm1md] {
    background: rgba(91, 91, 214, 0.1);
}

.q-notification-item.unread[b-mqs98jm1md]::before {
    background: #8d8ff3;
    border-radius: 0 999px 999px 0;
    bottom: 12px;
    content: "";
    left: 0;
    position: absolute;
    top: 12px;
    width: 3px;
}

.q-notification-main[b-mqs98jm1md] {
    align-items: flex-start;
    background: transparent;
    border: 0;
    color: inherit;
    display: flex;
    gap: 11px;
    min-width: 0;
    padding: 14px 6px 14px 16px;
    text-align: left;
}

.q-notification-main:hover[b-mqs98jm1md],
.q-notification-main:focus-visible[b-mqs98jm1md] {
    background: rgba(255, 255, 255, 0.035);
    outline: none;
}

.q-notification-kind[b-mqs98jm1md] {
    align-items: center;
    background: rgba(141, 143, 243, 0.14);
    border: 1px solid rgba(141, 143, 243, 0.24);
    border-radius: 10px;
    color: #bfc0ff;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 11px;
    font-weight: 900;
    height: 34px;
    justify-content: center;
    width: 34px;
}

.q-notification-kind.order[b-mqs98jm1md] {
    background: rgba(180, 247, 58, 0.1);
    border-color: rgba(180, 247, 58, 0.22);
    color: #c4ff5c;
}

.q-notification-kind.message[b-mqs98jm1md],
.q-notification-kind.support[b-mqs98jm1md] {
    background: rgba(69, 181, 255, 0.1);
    border-color: rgba(69, 181, 255, 0.22);
    color: #7ed0ff;
}

.q-notification-kind.listing[b-mqs98jm1md] {
    background: rgba(255, 180, 58, 0.1);
    border-color: rgba(255, 180, 58, 0.22);
    color: #ffc66d;
}

.q-notification-copy[b-mqs98jm1md] {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.q-notification-copy strong[b-mqs98jm1md] {
    color: var(--q-dark-ink);
    font-size: 12.5px;
    line-height: 1.3;
}

.q-notification-copy > span[b-mqs98jm1md] {
    color: var(--q-dark-muted);
    font-size: 11.5px;
    line-height: 1.4;
}

.q-notification-copy time[b-mqs98jm1md] {
    color: var(--q-dark-dim);
    font-size: 10px;
    margin-top: 2px;
}

.q-notification-dismiss[b-mqs98jm1md] {
    align-self: start;
    background: transparent;
    border: 0;
    border-radius: 8px;
    color: var(--q-dark-dim);
    font-size: 18px;
    height: 28px;
    margin: 10px 6px 0 0;
    padding: 0;
    width: 28px;
}

.q-notification-dismiss:hover[b-mqs98jm1md],
.q-notification-dismiss:focus-visible[b-mqs98jm1md] {
    background: rgba(240, 85, 106, 0.12);
    color: #ff8ea0;
    outline: none;
}

.q-notification-empty[b-mqs98jm1md] {
    align-items: center;
    color: var(--q-dark-muted);
    display: flex;
    flex-direction: column;
    gap: 7px;
    justify-content: center;
    min-height: 180px;
    padding: 28px;
    text-align: center;
}

.q-notification-empty strong[b-mqs98jm1md] {
    color: var(--q-dark-ink);
    font-size: 14px;
}

.q-notification-empty > span:not(.q-notification-empty-icon):not(.q-notification-spinner)[b-mqs98jm1md] {
    font-size: 12px;
}

.q-notification-empty-icon[b-mqs98jm1md] {
    align-items: center;
    background: rgba(180, 247, 58, 0.1);
    border-radius: 999px;
    color: #b4f73a;
    display: inline-flex;
    height: 40px;
    justify-content: center;
    width: 40px;
}

.q-notification-spinner[b-mqs98jm1md] {
    animation: q-notification-spin-b-mqs98jm1md 0.8s linear infinite;
    border: 2px solid rgba(141, 143, 243, 0.2);
    border-radius: 999px;
    border-top-color: #8d8ff3;
    height: 24px;
    width: 24px;
}

@keyframes q-notification-spin-b-mqs98jm1md {
    to { transform: rotate(360deg); }
}

.q-notification-footer[b-mqs98jm1md] {
    align-items: center;
    background: var(--q-dark-card-2);
    display: flex;
    gap: 12px;
    justify-content: space-between;
    padding: 13px 16px;
}

.q-notification-footer > div[b-mqs98jm1md] {
    display: grid;
    gap: 2px;
}

.q-notification-footer strong[b-mqs98jm1md] {
    color: var(--q-dark-ink);
    font-size: 11px;
}

.q-notification-footer span[b-mqs98jm1md] {
    color: var(--q-dark-dim);
    font-size: 9.5px;
    line-height: 1.3;
}

.q-notification-browser-toggle[b-mqs98jm1md] {
    background: transparent;
    border: 1px solid var(--q-dark-line);
    border-radius: 999px;
    color: var(--q-dark-muted);
    flex: 0 0 auto;
    font-size: 10px;
    font-weight: 800;
    min-height: 30px;
    padding: 0 10px;
}

.q-notification-browser-toggle.enabled[b-mqs98jm1md] {
    background: rgba(180, 247, 58, 0.1);
    border-color: rgba(180, 247, 58, 0.24);
    color: #c4ff5c;
}

.q-notification-browser-toggle:disabled[b-mqs98jm1md] {
    cursor: not-allowed;
    opacity: 0.45;
}

@media (max-width: 600px) {
    .q-notification-panel[b-mqs98jm1md] {
        position: fixed;
        right: 12px;
        top: 68px;
        width: calc(100vw - 24px);
    }

    .q-notification-list[b-mqs98jm1md] {
        max-height: 52vh;
    }

    .q-notification-footer[b-mqs98jm1md] {
        align-items: stretch;
        flex-direction: column;
    }

    .q-notification-browser-toggle[b-mqs98jm1md] {
        width: 100%;
    }
}
/* _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/AmazonSpecificationsPanel.razor.rz.scp.css */
.amazon-specifications[b-o2k68r0cuc] { margin-block: 1rem; min-width: 0; color: var(--q-dark-ink, var(--q-ink)); }
.amazon-specifications h3[b-o2k68r0cuc] { margin: 0 0 .4rem; font-size: 1rem; }
.amazon-specifications p[b-o2k68r0cuc] { margin: 0 0 .75rem; font-size: .82rem; }
.amazon-specifications-scroll[b-o2k68r0cuc] { max-height: 22rem; overflow: auto; border: 1px solid var(--q-dark-line, var(--q-line)); border-radius: .65rem; }
.amazon-specifications table[b-o2k68r0cuc] { width: 100%; border-collapse: collapse; font-size: .85rem; }
.amazon-specifications th[b-o2k68r0cuc], .amazon-specifications td[b-o2k68r0cuc] { padding: .65rem .8rem; border-bottom: 1px solid var(--q-dark-line, var(--q-line)); text-align: left; vertical-align: top; overflow-wrap: anywhere; }
.amazon-specifications th[b-o2k68r0cuc] { width: 40%; font-weight: 600; }
.amazon-specifications tr:last-child th[b-o2k68r0cuc], .amazon-specifications tr:last-child td[b-o2k68r0cuc] { border-bottom: 0; }
/* _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-rule-note[b-t5w531qcth] {
    display: grid;
    gap: 6px;
    padding: 12px;
    border: 1px solid var(--q-dark-line-2);
    border-radius: 9px;
    color: var(--q-dark-muted);
    font-size: 12px;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

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

.price-rule-note a[b-t5w531qcth] {
    color: var(--q-indigo-bright);
    text-decoration: underline;
    width: fit-content;
}

.price-fee-basis[b-t5w531qcth] {
    margin: 0;
    color: var(--q-dark-muted);
    font-size: 12px;
    line-height: 1.5;
}

.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-kind.required > span[b-3vnoqshom3] {
    color: var(--q-red);
    font-size: 13px;
    line-height: 0;
    margin-right: 2px;
}

.specific-kind.complete[b-3vnoqshom3],
.specifics-required-badge.complete[b-3vnoqshom3] {
    background: var(--q-lime-soft);
    color: var(--q-lime);
}

.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;
}

.semantic-suggestion[b-3vnoqshom3] {
    align-items: center;
    border-top: 1px solid var(--q-dark-line);
    display: flex;
    font-size: 10.5px;
    font-weight: 750;
    gap: 10px;
    grid-column: 1 / -1;
    justify-content: space-between;
    line-height: 1.4;
    padding: 7px 10px;
}

.semantic-suggestion.verified[b-3vnoqshom3] {
    background: color-mix(in srgb, var(--q-green) 8%, transparent);
    color: var(--q-green);
}

.semantic-suggestion.review[b-3vnoqshom3] {
    background: color-mix(in srgb, var(--q-amber) 8%, transparent);
    color: var(--q-amber);
}

.semantic-suggestion button[b-3vnoqshom3] {
    background: transparent;
    border: 0;
    color: inherit;
    flex: 0 0 auto;
    font-size: 10.5px;
    font-weight: 900;
    padding: 2px 0;
    text-decoration: underline;
}

.semantic-suggestion button:disabled[b-3vnoqshom3] {
    cursor: not-allowed;
    opacity: 0.45;
}

@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/ActiveSessionTable.razor.rz.scp.css */
.q-session-row[b-tjbqoqc1yr]{display:flex;align-items:center;gap:14px;padding:18px 0;border-bottom:1px solid var(--q-dark-line)}.q-session-icon[b-tjbqoqc1yr]{font-size:26px;color:var(--q-indigo);background:var(--q-indigo-soft);border-radius:12px;padding:8px 14px}.q-session-copy[b-tjbqoqc1yr]{flex:1}.q-session-copy small[b-tjbqoqc1yr]{display:block;color:var(--q-dark-muted)}.q-session-copy .q-pill[b-tjbqoqc1yr]{margin-left:8px}
/* _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/EbayAccountEditDialog.razor.rz.scp.css */
.q-account-editor[b-bqmeqzlfj1]{width:min(1060px,94vw);max-height:90dvh;border:1px solid var(--q-dark-line,#dce0eb);border-radius:20px;padding:0;background:var(--q-dark-card,#fff);color:var(--q-dark-ink,#20263a)}
.q-account-editor[b-bqmeqzlfj1]::backdrop{background:rgba(15,20,40,.5)}
header[b-bqmeqzlfj1],footer[b-bqmeqzlfj1]{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 26px}header[b-bqmeqzlfj1]{border-bottom:1px solid var(--q-dark-line,#dce0eb)}footer[b-bqmeqzlfj1]{border-top:1px solid var(--q-dark-line,#dce0eb)}h2[b-bqmeqzlfj1]{font-size:20px;margin:0}
fieldset[b-bqmeqzlfj1]{border:0;margin:0;padding:0;min-width:0}.q-account-editor-body[b-bqmeqzlfj1]{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:400px;max-height:65dvh;overflow:auto}nav[b-bqmeqzlfj1]{padding:20px 12px;border-right:1px solid var(--q-dark-line,#dce0eb)}nav button[b-bqmeqzlfj1]{display:block;width:100%;padding:14px;text-align:left;background:transparent;border:0;border-radius:10px;color:inherit}nav button.active[b-bqmeqzlfj1]{background:#5151c9;color:white}.q-account-editor-content[b-bqmeqzlfj1]{padding:24px;min-width:0}label[b-bqmeqzlfj1]{display:block;margin:12px 0}label input:not([type=checkbox])[b-bqmeqzlfj1],select[b-bqmeqzlfj1],textarea[b-bqmeqzlfj1]{display:block;max-width:100%;width:100%;padding:10px;border:1px solid var(--q-dark-line,#dce0eb);border-radius:8px;background:var(--q-dark-card-2,#fff);color:inherit}textarea[b-bqmeqzlfj1]{min-height:90px}.message[b-bqmeqzlfj1]{margin:12px 24px}.q-account-keyword[b-bqmeqzlfj1]{display:flex;align-items:center;justify-content:space-between;gap:8px;overflow-wrap:anywhere}
@media(max-width:640px){.q-account-editor-body[b-bqmeqzlfj1]{grid-template-columns:1fr}nav[b-bqmeqzlfj1]{display:flex;overflow:auto;border-right:0;border-bottom:1px solid var(--q-dark-line,#dce0eb);padding:8px}nav button[b-bqmeqzlfj1]{width:auto;white-space:nowrap}header[b-bqmeqzlfj1],footer[b-bqmeqzlfj1],.q-account-editor-content[b-bqmeqzlfj1]{padding:16px}h2[b-bqmeqzlfj1]{font-size:17px}}
.q-account-editor[b-bqmeqzlfj1] { width: min(1080px,94vw); border-radius: 18px; overflow: hidden; }
.q-account-editor[open][b-bqmeqzlfj1] { display: flex; flex-direction: column; }
header[b-bqmeqzlfj1],footer[b-bqmeqzlfj1] { flex: 0 0 auto; }
fieldset[b-bqmeqzlfj1] { min-height: 0; overflow: hidden; }
.q-account-editor[b-bqmeqzlfj1]::backdrop { backdrop-filter: blur(3px); }
h2[b-bqmeqzlfj1] { font-size: 21px; font-weight: 750; }
h3[b-bqmeqzlfj1] { font-size: 18px; font-weight: 750; margin: 0 0 18px; }
.q-account-editor-body[b-bqmeqzlfj1] { grid-template-columns: 275px minmax(0,1fr); height: min(65dvh,700px); max-height: 100%; min-height: 0; overflow: hidden; }
/* Keep section navigation outside the content scroll; its own overflow only
   matters on unusually short viewports. No inaccessible off-screen sections. */
nav[b-bqmeqzlfj1] { padding: 16px 14px; min-height: 0; overflow: auto; }
nav button[b-bqmeqzlfj1] { padding: 12px 14px; font-size: 13px; font-weight: 700; margin-bottom: 6px; }
nav button.active[b-bqmeqzlfj1] { box-shadow: 0 6px 16px rgba(81,81,201,.2); }
.q-account-editor-content[b-bqmeqzlfj1] { padding: 8px 28px 80px; min-height: 0; overflow-y: auto; overscroll-behavior: contain; }
label[b-bqmeqzlfj1] { color: var(--q-dark-ink); font-size: 13px; font-weight: 700; margin: 14px 0 20px; }
label small[b-bqmeqzlfj1] { display: block; font-size: 12px; line-height: 1.55; color: var(--q-dark-muted); margin-top: 3px; font-weight: 600; }
label input:not([type=checkbox])[b-bqmeqzlfj1], select[b-bqmeqzlfj1], textarea[b-bqmeqzlfj1] { box-sizing: border-box; margin-top: 10px; min-height: 44px; padding: 10px 12px; font-size: 13px; }
label:has(input[type=checkbox])[b-bqmeqzlfj1] { display: flex; align-items: center; gap: 10px; }
label input[type=checkbox][b-bqmeqzlfj1] { appearance: auto; display: inline-block; width: 18px; min-width: 18px; height: 18px; min-height: 18px; margin: 0; padding: 0; flex: 0 0 18px; accent-color: #5151c9; }
.q-account-editor-grid[b-bqmeqzlfj1] { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 22px; }
.q-account-editor-divider[b-bqmeqzlfj1] { border-top: 1px solid var(--q-dark-line); margin-top: 22px; padding-top: 8px; }
.message[b-bqmeqzlfj1] { max-height: 15dvh; overflow: auto; flex-shrink: 0; }
@media(max-width:640px) { .q-account-editor-body[b-bqmeqzlfj1] { grid-template-columns: minmax(0,1fr); grid-template-rows: auto minmax(0,1fr); } nav[b-bqmeqzlfj1] { padding: 8px; } nav button[b-bqmeqzlfj1] { margin: 0; flex: 0 0 auto; } .q-account-editor-content[b-bqmeqzlfj1] { padding: 8px 16px 80px; } .q-account-editor-grid[b-bqmeqzlfj1] { grid-template-columns: 1fr; gap: 0; } h2[b-bqmeqzlfj1] { font-size: 17px; } }

.q-editor-nav-icon[b-bqmeqzlfj1]{display:inline-block;width:28px;font-size:18px}.q-editor-switch[b-bqmeqzlfj1]{justify-content:space-between}.q-editor-switch span[b-bqmeqzlfj1]{flex:1}.q-editor-switch input[type=checkbox][b-bqmeqzlfj1]{appearance:none;width:46px;min-width:46px;height:27px;border-radius:20px;background:#cdd3e3;position:relative;cursor:pointer}.q-editor-switch input[b-bqmeqzlfj1]:after{content:'';position:absolute;width:21px;height:21px;border-radius:50%;background:white;top:3px;left:3px;box-shadow:0 1px 3px #aaa}.q-editor-switch input:checked[b-bqmeqzlfj1]{background:#5151c9}.q-editor-switch input:checked[b-bqmeqzlfj1]:after{left:22px}.q-message-setting[b-bqmeqzlfj1]{border-bottom:1px solid var(--q-dark-line);padding:4px 0 22px}.q-policy-disabled[b-bqmeqzlfj1]{opacity:.55}.q-keyword-heading[b-bqmeqzlfj1]{display:flex;align-items:center;justify-content:space-between}.q-keyword-heading h3[b-bqmeqzlfj1]{margin:0}.q-account-keyword[b-bqmeqzlfj1]{padding:12px;border-bottom:1px solid var(--q-dark-line)}.q-account-keyword strong[b-bqmeqzlfj1]{flex:1}.q-keyword-add[b-bqmeqzlfj1]{width:100%}.q-keyword-empty[b-bqmeqzlfj1]{padding:70px 20px;text-align:center;color:var(--q-dark-muted)}.q-keyword-empty>span[b-bqmeqzlfj1]{font-size:80px;opacity:.3}.q-editor-skeleton[b-bqmeqzlfj1]{padding-top:20px}.q-editor-skeleton div[b-bqmeqzlfj1]{height:72px;background:var(--q-indigo-soft);margin:16px 0;border-radius:8px;animation:editor-loading-b-bqmeqzlfj1 1.5s ease-in-out infinite alternate}.q-editor-skeleton span[b-bqmeqzlfj1]{font-size:13px;color:var(--q-dark-muted)}@keyframes editor-loading-b-bqmeqzlfj1{to{opacity:.4}}@media(prefers-reduced-motion:reduce){.q-editor-skeleton div[b-bqmeqzlfj1]{animation:none}}

.q-editor-nav-icon[b-bqmeqzlfj1]  svg { width:20px;height:20px;vertical-align:middle; }

header h2[b-bqmeqzlfj1] { flex:1; text-align:left; }
footer .q-btn-ghost[b-bqmeqzlfj1] { padding:0; background:transparent; text-decoration:underline; color:#6055d8; }

.q-message-setting textarea[b-bqmeqzlfj1] { min-height:118px; line-height:1.55; }
footer .q-btn-ghost[b-bqmeqzlfj1] { border:0; box-shadow:none; }
/* _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, var(--q-dark-card-2), var(--q-dark-card));
    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: var(--q-dark-card-2);
    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/Components/SubscriptionExpiredDialog.razor.rz.scp.css */
.subscription-expired-overlay[b-0lnynwg05h] { position:fixed; inset:0; z-index:10000; display:grid; place-items:center; padding:1.25rem; background:rgba(12,18,30,.75); backdrop-filter:blur(5px); }
.subscription-expired-dialog[b-0lnynwg05h] { width:min(100%,440px); max-height:90dvh; overflow:auto; display:flex; flex-direction:column; gap:1rem; padding:2rem; border-radius:20px; background:#fff; color:#172033; box-shadow:0 24px 70px #0005; text-align:center; }
.subscription-expired-dialog h2[b-0lnynwg05h], .subscription-expired-dialog p[b-0lnynwg05h] { margin:0; }
.subscription-expired-icon[b-0lnynwg05h] { display:grid; place-items:center; width:54px; height:54px; margin:auto; border-radius:50%; background:#fff0df; color:#a74412; font-size:2rem; font-weight:700; }
.subscription-expired-help[b-0lnynwg05h] { color:#566074; font-size:.9rem; }
/* _content/Qublo.App.Shared/Components/SubscriptionExpiryNotice.razor.rz.scp.css */
.subscription-expiry-notice[b-1tlizdy22o] { display:flex; align-items:center; gap:1rem; padding: .85rem 1.25rem; border:1px solid #e9b85d; border-radius:12px; background:#fff4db; color:#563500; }
.subscription-expiry-notice > div[b-1tlizdy22o] { display:flex; flex:1; flex-direction:column; gap:.2rem; }
.subscription-expiry-icon[b-1tlizdy22o] { display:grid; place-items:center; flex:0 0 28px; height:28px; border-radius:50%; background:#f4d285; font-weight:800; }
.subscription-expiry-close[b-1tlizdy22o] { border:0; background:transparent; color:inherit; font-size:1.6rem; min-width:44px; min-height:44px; cursor:pointer; }
.subscription-expiry-close:focus-visible[b-1tlizdy22o] { outline:2px solid currentColor; outline-offset:2px; }
@media (max-width:640px) { .subscription-expiry-notice[b-1tlizdy22o] { flex-wrap:wrap; gap:.5rem; } .subscription-expiry-notice > div[b-1tlizdy22o] { flex-basis:65%; } .subscription-expiry-close[b-1tlizdy22o] { margin-left:auto; } }
/* _content/Qublo.App.Shared/Components/SupportAccessBanner.razor.rz.scp.css */
.support-access-banner[b-3c7wn1d429]{position:fixed;inset:0 0 auto;z-index:2147483000;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:84px;padding:.65rem 1.25rem;background:#312653;color:#fff;box-shadow:0 2px 12px #0005;border-bottom:2px solid #c4a8ff}.support-access-banner>div[b-3c7wn1d429]{display:grid;gap:.15rem}.support-access-banner strong[b-3c7wn1d429]{font-size:.95rem}.support-access-banner span[b-3c7wn1d429],.support-access-banner small[b-3c7wn1d429]{font-size:.78rem;color:#eee4ff}.support-access-banner button[b-3c7wn1d429]{flex-shrink:0;padding:.65rem 1rem;border:1px solid #fff9;border-radius:8px;background:#fff;color:#312653;font-weight:700;cursor:pointer}.support-access-banner button:disabled[b-3c7wn1d429]{opacity:.65}@media(max-width:600px){.support-access-banner[b-3c7wn1d429]{align-items:stretch;flex-direction:column;gap:.4rem;min-height:130px;padding:.6rem 1rem}.support-access-banner button[b-3c7wn1d429]{padding:.4rem}}
/* _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-nav-badge[b-68ts1z9f9u]{margin-left:auto;min-width:1.35rem;padding:.15rem .35rem;border-radius:999px;background:#f0698a;color:#fff;font-size:.68rem;line-height:1.05rem;text-align:center}

.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; max-width: none; min-width: 0; padding: 28px; width: 100%; }

.bo-analytics-shell[b-68ts1z9f9u] {
    --bo-brand: #635bff;
    --bo-accent: #b3adff;
    --bo-accent-soft: rgba(141,143,243,.14);
    --bo-hover: #23234a;
    --bo-success: #5bdbb6;
    --bo-danger: #ff8999;
    --bo-warning: #fab84a;
    --bo-trial: #c2a4ff;
    --bo-info: #a4c6f5;
    --bo-review: #efb58f;
    color-scheme: dark;
    grid-template-columns: 218px minmax(0,1fr);
}

.bo-analytics-shell[data-theme="light"][b-68ts1z9f9u] {
    --bo-bg: #f8fafc;
    --bo-panel: #fff;
    --bo-panel-2: #f4f6fa;
    --bo-line: #e5e9f0;
    --bo-ink: #273444;
    --bo-muted: #66758b;
    --bo-accent: #584bd6;
    --bo-accent-soft: #eeecfc;
    --bo-hover: #ebedf6;
    --bo-success: #148568;
    --bo-danger: #bb4e64;
    --bo-warning: #996816;
    --bo-trial: #8060c7;
    --bo-info: #587bab;
    --bo-review: #a56843;
    color-scheme: light;
}

.bo-analytics-shell .bo-sidebar[b-68ts1z9f9u] { background:var(--bo-panel-2); border-right-color:var(--bo-line); padding:24px 13px 18px; }
.bo-analytics-shell .bo-brand[b-68ts1z9f9u] { padding:0 12px 32px; gap:9px; }
.bo-analytics-shell .bo-brand img[b-68ts1z9f9u] { width:29px; height:29px; }
.bo-analytics-shell .bo-brand strong[b-68ts1z9f9u] { font-size:22px; color:var(--bo-ink); font-weight:700; }
.bo-analytics-shell .bo-brand small[b-68ts1z9f9u] { font-size:8px; font-weight:500; letter-spacing:.09em; }
.bo-analytics-shell .bo-nav[b-68ts1z9f9u] { gap:4px; }
.bo-analytics-shell .bo-nav-link[b-68ts1z9f9u] { min-height:39px; border-radius:6px; font-size:12px; font-weight:500; color:var(--bo-muted); gap:10px; }
.bo-analytics-shell .bo-nav-link svg[b-68ts1z9f9u] { height:17px; width:17px; stroke-width:1.6; }
.bo-analytics-shell .bo-nav-link:hover[b-68ts1z9f9u] { background:var(--bo-hover); color:var(--bo-accent); }
.bo-analytics-shell .bo-nav-link.active[b-68ts1z9f9u] { background:var(--bo-accent-soft); border-color:transparent; color:var(--bo-accent); font-weight:600; }
.bo-analytics-shell .bo-nav-link.active[b-68ts1z9f9u]::before { display:none; }
.bo-analytics-shell .bo-topbar[b-68ts1z9f9u] { background:var(--bo-panel); border-bottom-color:var(--bo-line); min-height:65px; }
.bo-analytics-shell .bo-topbar-kicker[b-68ts1z9f9u] { color:var(--bo-muted); font-size:8px; font-weight:500; }
.bo-analytics-shell .bo-topbar > div:first-child strong[b-68ts1z9f9u] { font-size:13px; font-weight:600; color:var(--bo-ink); }
.bo-analytics-shell .bo-avatar[b-68ts1z9f9u] { border-radius:50%; background:var(--bo-accent-soft); color:var(--bo-accent); height:30px; width:30px; font-weight:600; }
.bo-analytics-shell .bo-operator-copy strong[b-68ts1z9f9u] { font-size:11px; font-weight:550; }
.bo-analytics-shell .bo-operator-copy small[b-68ts1z9f9u] { font-size:9px; }
.bo-analytics-shell .bo-signout[b-68ts1z9f9u] { font-size:10px; min-height:29px; border-radius:5px; }
.bo-analytics-shell .bo-content[b-68ts1z9f9u] { padding:30px 32px; }
.bo-analytics-shell .bo-security-mark[b-68ts1z9f9u] { background:var(--bo-accent-soft); border:0; color:var(--bo-accent); width:25px; height:25px; }
.bo-analytics-shell .bo-sidebar-foot[b-68ts1z9f9u] { gap:8px; }
.bo-analytics-shell .bo-sidebar-foot strong[b-68ts1z9f9u] { font-weight:550; font-size:10px; }
.bo-analytics-shell .bo-sidebar-foot small[b-68ts1z9f9u] { font-size:8px; }

@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; }
    .bo-analytics-shell .bo-sidebar[b-68ts1z9f9u] { padding:13px; }
    .bo-analytics-shell .bo-brand[b-68ts1z9f9u] { padding-bottom:15px; }
    .bo-analytics-shell .bo-content[b-68ts1z9f9u] { padding:22px 16px; }
}
/* _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-support-active[b-s6wrche4bp] { padding-top: 84px; }
.q-support-active .q-sidebar[b-s6wrche4bp] { padding-top: 84px; }
.q-support-nav[b-s6wrche4bp] { display: grid; gap: 1rem; padding: 1.5rem; color: #f5f4ff; }
.q-support-nav[b-s6wrche4bp]  a { color: #d5d1ff; text-decoration: none; }
.q-support-nav[b-s6wrche4bp]  a.active { color: #fff; font-weight: 700; }
.q-support-nav small[b-s6wrche4bp] { color: #bab6d2; }
@media (max-width: 600px) {
    .q-support-active[b-s6wrche4bp] { padding-top: 130px; }
    .q-support-active .q-sidebar[b-s6wrche4bp] { padding-top: 130px; }
}

.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;
    }
}

/* Unlike the order table, chat owns its viewport even on narrow screens. */
.q-main-messages .q-topbar[b-s6wrche4bp] { flex: none; }

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

.q-main-messages .q-content.q-content-orders[b-s6wrche4bp] {
    flex: 1 1 0;
    height: auto;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 10px 12px;
}

.q-main-messages .q-shell-notices[b-s6wrche4bp] {
    flex: 0 1 auto;
    max-height: 30%;
    overflow: auto;
}

.q-support-active .q-main-messages[b-s6wrche4bp] { height: calc(100dvh - 84px); }
@media (max-width: 600px) {
    .q-support-active .q-main-messages[b-s6wrche4bp] { height: calc(100dvh - 130px); }
}
/* _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: 14px;
    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: var(--q-dark-card);
    border: 1px solid var(--q-dark-line);
    border-radius: 12px;
    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;
    height: min(620px, calc(100dvh - 28px));
    max-height: calc(100dvh - 28px);
    overflow: hidden;
    padding: 0;
    position: relative;
    top: auto;
    width: min(555px, calc(100vw - 28px));
}

.q-account-panel-head[b-5ulmzgnnd0] {
    align-items: center;
    border: 0;
    display: flex;
    gap: 18px;
    justify-content: space-between;
    padding: 30px 30px 8px;
}

.q-account-panel h2[b-5ulmzgnnd0] {
    color: var(--q-dark-ink);
    font-size: 26px;
    line-height: 1.2;
    margin: 0;
}

.q-panel-close[b-5ulmzgnnd0] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 8px;
    color: var(--q-dark-dim);
    display: inline-flex;
    flex: 0 0 auto;
    height: 34px;
    justify-content: center;
    padding: 0;
    position: absolute;
    right: 13px;
    top: 11px;
    transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease;
    width: 34px;
}

.q-panel-close:hover[b-5ulmzgnnd0] {
    background: var(--q-dark-card-2);
    color: var(--q-dark-ink);
}

.q-panel-close:focus-visible[b-5ulmzgnnd0],
.q-account-text-action:focus-visible[b-5ulmzgnnd0],
.q-account-only-action:focus-visible[b-5ulmzgnnd0],
.q-account-search button:focus-visible[b-5ulmzgnnd0] {
    outline: 2px solid var(--q-indigo-bright);
    outline-offset: 2px;
}

.q-panel-close:disabled[b-5ulmzgnnd0],
.q-account-text-action:disabled[b-5ulmzgnnd0] {
    cursor: not-allowed;
    opacity: .5;
    text-decoration: none;
}

.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: 11px;
    min-height: 0;
    overflow: hidden;
    padding: 6px 30px 14px;
    scrollbar-color: #343568 transparent;
    scrollbar-width: thin;
}

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

.q-account-panel-section:first-child[b-5ulmzgnnd0] {
    gap: 5px;
}

.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: 12px;
    justify-content: space-between;
}

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

.q-account-section-head strong[b-5ulmzgnnd0] {
    color: var(--q-dark-ink);
    font-size: 15px;
}

.q-account-section-head span[b-5ulmzgnnd0] {
    color: var(--q-dark-muted);
    font-size: 13px;
    font-weight: 500;
    line-height: 1.35;
}

.q-primary-account-field[b-5ulmzgnnd0] {
    align-items: center;
    background: var(--q-dark-card-2);
    border: 1px solid var(--q-dark-line);
    border-radius: 9px;
    display: grid;
    gap: 10px;
    grid-template-columns: auto minmax(0, 1fr) auto;
    min-height: 34px;
    padding: 1px 10px 1px 6px;
    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: var(--q-dark-ink);
    cursor: pointer;
    font-size: 14px;
    font-weight: 800;
    min-height: 30px;
    outline: 0;
    padding: 0;
    width: 100%;
}

.q-primary-account-field select:disabled[b-5ulmzgnnd0] {
    cursor: wait;
    opacity: .65;
}

.q-primary-account-field select option[b-5ulmzgnnd0] {
    background: var(--q-dark-card-2);
    color: var(--q-dark-ink);
}

.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] {
    background: transparent;
    border: 0;
    color: var(--q-indigo-bright);
    font-size: 11px;
    font-weight: 900;
    min-height: 26px;
    padding: 0;
}

.q-account-text-action:hover[b-5ulmzgnnd0] {
    color: #bdbefa;
    text-decoration: underline;
}

.q-account-visibility-actions[b-5ulmzgnnd0] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: 9px;
    justify-content: flex-end;
    margin: 0;
}

.q-visible-account-title[b-5ulmzgnnd0] {
    display: grid !important;
    gap: 2px !important;
}

.q-visible-account-title > span:first-child[b-5ulmzgnnd0] {
    align-items: baseline;
    display: flex;
    gap: 8px;
}

.q-visible-account-title small[b-5ulmzgnnd0] {
    color: var(--q-dark-muted);
    font-size: 12px;
    font-weight: 700;
}

.q-visible-account-head[b-5ulmzgnnd0] {
    min-height: 42px;
}

.q-account-visible-warning[b-5ulmzgnnd0] {
    background: var(--q-amber-soft);
    border: 1px solid color-mix(in srgb, var(--q-amber) 42%, transparent);
    border-radius: .7rem;
    color: var(--q-amber);
    font-size: .78rem;
    line-height: 1.35;
    margin: 2px 0 0;
    padding: 9px 10px;
}

.q-account-search[b-5ulmzgnnd0] {
    align-items: center;
    background: var(--q-dark-card-2);
    border: 1px solid var(--q-dark-line);
    border-radius: 9px;
    display: grid;
    gap: 8px;
    grid-template-columns: auto minmax(0, 1fr) auto;
    min-height: 38px;
    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: var(--q-dark-ink);
    font-size: 13px;
    min-height: 36px;
    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-search button:disabled[b-5ulmzgnnd0],
.q-account-search input:disabled[b-5ulmzgnnd0] {
    cursor: wait;
    opacity: .55;
}

.q-account-panel-list[b-5ulmzgnnd0] {
    background: var(--q-dark-card-2);
    border: 1px solid var(--q-dark-line);
    border-radius: 9px;
    display: grid;
    flex: 0 1 auto;
    gap: 0;
    max-height: min(285px, 40vh);
    min-height: 116px;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 3px 9px;
    scrollbar-color: #343568 transparent;
    scrollbar-width: thin;
}

.q-account-option[b-5ulmzgnnd0] {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 8px;
    cursor: pointer;
    display: grid;
    gap: 8px;
    grid-template-columns: minmax(0, 1fr) auto;
    min-height: 50px;
    min-width: 0;
    padding: 7px 6px;
    transition: background-color 100ms ease, border-color 100ms ease;
}

.q-account-option-main[b-5ulmzgnnd0] {
    align-items: center;
    cursor: pointer;
    display: grid;
    gap: 13px;
    grid-template-columns: 18px 36px minmax(0, 1fr);
    min-width: 0;
}

.q-account-only-action[b-5ulmzgnnd0] {
    background: transparent;
    border: 0;
    color: var(--q-accent-soft, #aaa6ff);
    cursor: pointer;
    font-size: 11px;
    font-weight: 800;
    justify-self: end;
    min-height: 32px;
    opacity: 0;
    padding: 0 4px;
    white-space: nowrap;
}

.q-account-only-action:hover:not(:disabled)[b-5ulmzgnnd0] {
    color: var(--q-dark-ink);
}

.q-account-only-action:disabled[b-5ulmzgnnd0] {
    opacity: .45;
    cursor: not-allowed;
}

.q-account-row-actions[b-5ulmzgnnd0] {
    align-items: center;
    display: flex;
    gap: 6px;
}

.q-account-remove-action[b-5ulmzgnnd0] {
    align-items: center;
    background: transparent;
    border: 1px solid color-mix(in srgb, var(--q-red) 22%, transparent);
    border-radius: 6px;
    color: var(--q-red);
    cursor: pointer;
    display: inline-flex;
    font-size: 11px;
    font-weight: 750;
    gap: 4px;
    min-height: 30px;
    padding: 4px 7px;
    white-space: nowrap;
}

.q-account-remove-action svg[b-5ulmzgnnd0] {
    fill: none;
    height: 14px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.7;
    width: 14px;
}

.q-account-remove-action:hover:not(:disabled)[b-5ulmzgnnd0] { background: var(--q-red-soft); }
.q-account-remove-action:disabled[b-5ulmzgnnd0],
.q-account-remove-confirm-actions button:disabled[b-5ulmzgnnd0] { cursor: wait; opacity: .55; }
.q-account-remove-action:focus-visible[b-5ulmzgnnd0],
.q-account-remove-confirm-actions button:focus-visible[b-5ulmzgnnd0] { outline: 2px solid var(--q-indigo-bright); outline-offset: 2px; }

.q-account-remove-confirmation[b-5ulmzgnnd0] {
    background: var(--q-red-soft);
    border: 1px solid color-mix(in srgb, var(--q-red) 25%, transparent);
    border-radius: 9px;
    padding: 12px;
}

.q-account-remove-confirmation > strong[b-5ulmzgnnd0] { color: var(--q-dark-ink); font-size: 13px; overflow-wrap: anywhere; }
.q-account-remove-confirmation > p[b-5ulmzgnnd0] { color: var(--q-dark-muted); font-size: 12px; line-height: 1.5; margin: 6px 0 12px; }
.q-account-remove-confirm-actions[b-5ulmzgnnd0] { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }
.q-account-remove-confirm-actions button[b-5ulmzgnnd0] { border-radius: 7px; cursor: pointer; font-size: 12px; font-weight: 750; min-height: 32px; padding: 6px 10px; }
.q-account-remove-cancel[b-5ulmzgnnd0] { background: var(--q-dark-card); border: 1px solid var(--q-dark-line); color: var(--q-dark-ink); }
.q-account-remove-confirm[b-5ulmzgnnd0] { background: var(--q-red); border: 1px solid var(--q-red); color: #fff; }

.q-account-option:hover[b-5ulmzgnnd0] {
    background: color-mix(in srgb, var(--q-indigo) 8%, transparent);
}

.q-account-option:hover .q-account-only-action[b-5ulmzgnnd0],
.q-account-option:focus-within .q-account-only-action[b-5ulmzgnnd0] {
    opacity: 1;
}

.q-account-option.selected[b-5ulmzgnnd0] {
    background: transparent;
    border-color: transparent;
}

.q-account-option input[b-5ulmzgnnd0] {
    accent-color: var(--q-lime);
    cursor: pointer;
    height: 18px;
    margin: 0;
    width: 18px;
}

.q-account-avatar[b-5ulmzgnnd0] {
    align-items: center;
    background: rgba(141, 143, 243, .9);
    border: 0;
    border-radius: 999px;
    color: #101329;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 11px;
    font-weight: 900;
    height: 36px;
    justify-content: center;
    min-width: 36px;
    padding: 0 5px;
}

.q-primary-account-field .q-account-avatar[b-5ulmzgnnd0] {
    font-size: 9px;
    height: 26px;
    min-width: 26px;
}

.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 input:disabled[b-5ulmzgnnd0] {
    cursor: not-allowed;
    opacity: 0.82;
}

.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: var(--q-dark-ink);
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.q-account-option-copy > small[b-5ulmzgnnd0] {
    color: var(--q-dark-dim);
    display: block;
    font-size: 12px;
    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: var(--q-dark-muted);
    font-size: 13px;
    padding: 28px 16px;
    text-align: center;
}

.q-account-panel-foot[b-5ulmzgnnd0] {
    align-items: center;
    background: transparent;
    border: 0;
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 0 30px 24px;
}

.q-account-panel-links[b-5ulmzgnnd0] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 4px 12px;
    min-width: 0;
}

.q-account-manage-link[b-5ulmzgnnd0],
.q-account-add-market[b-5ulmzgnnd0] {
    background: transparent;
    border: 0;
    color: var(--q-indigo-bright);
    font-size: 11px;
    font-weight: 800;
    min-height: 32px;
    padding: 0;
}

.q-account-add-market[b-5ulmzgnnd0] {
    color: var(--q-lime);
}

.q-account-manage-link:hover:not(:disabled)[b-5ulmzgnnd0],
.q-account-add-market:hover:not(:disabled)[b-5ulmzgnnd0] {
    text-decoration: underline;
}

.q-account-manage-link:focus-visible[b-5ulmzgnnd0],
.q-account-add-market:focus-visible[b-5ulmzgnnd0] {
    outline: 2px solid var(--q-indigo-bright);
    outline-offset: 2px;
}

.q-account-manage-link:disabled[b-5ulmzgnnd0],
.q-account-add-market:disabled[b-5ulmzgnnd0] {
    cursor: not-allowed;
    opacity: .5;
}

.q-account-panel-actions[b-5ulmzgnnd0] {
    display: flex;
    gap: 8px;
}

.q-account-panel-foot .q-btn[b-5ulmzgnnd0] {
    font-size: 12px;
    min-height: 38px;
    width: auto;
}

.q-account-panel-foot button[b-5ulmzgnnd0] {
    white-space: nowrap;
}

.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: var(--q-dark-ink);
}

.q-account-panel-empty p[b-5ulmzgnnd0] {
    color: var(--q-dark-muted);
    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: center;
        padding: 1px 0 1px 14px;
    }

    .q-account-panel[b-5ulmzgnnd0] {
        border-radius: 12px;
        height: calc(100dvh - 2px);
        max-height: calc(100dvh - 2px);
        width: 100%;
    }

    .q-account-panel-head[b-5ulmzgnnd0],
    .q-account-panel-body[b-5ulmzgnnd0],
    .q-account-panel-foot[b-5ulmzgnnd0] {
        padding-right: 24px;
    }

    .q-panel-close[b-5ulmzgnnd0] {
        right: 4px;
    }

    .q-account-panel-body[b-5ulmzgnnd0] {
        display: flex;
        flex-direction: column;
        overflow-y: auto;
    }

    .q-account-panel-list[b-5ulmzgnnd0] {
        max-height: min(285px, 40dvh);
    }

    .q-account-panel-foot[b-5ulmzgnnd0] {
        padding-bottom: calc(13px + env(safe-area-inset-bottom));
    }
}

@media (max-width: 430px) {
    .q-account-row-actions[b-5ulmzgnnd0] { align-items: flex-end; flex-direction: column; gap: 0; }

    .q-account-panel-head[b-5ulmzgnnd0] {
        padding: 24px 20px 7px;
    }

    .q-account-panel-body[b-5ulmzgnnd0] {
        padding-left: 20px;
        padding-right: 20px;
    }

    .q-account-panel-foot[b-5ulmzgnnd0] {
        grid-template-columns: minmax(0, 1fr);
        padding-left: 20px;
        padding-right: 20px;
    }

    .q-account-panel-actions[b-5ulmzgnnd0] {
        display: grid;
        grid-template-columns: 1fr 1.25fr;
    }

    .q-account-panel h2[b-5ulmzgnnd0] {
        font-size: 22px;
    }

    .q-account-only-action[b-5ulmzgnnd0] {
        padding-inline: 2px;
    }

    .q-visible-account-head[b-5ulmzgnnd0] {
        align-items: flex-start;
    }
}

@media (max-height: 620px) {
    .q-account-panel-body[b-5ulmzgnnd0] {
        overflow-y: auto;
    }

    .q-account-panel-list[b-5ulmzgnnd0] {
        flex: 0 1 auto;
        min-height: 0;
    }
}

@media (pointer: coarse) {
    .q-panel-close[b-5ulmzgnnd0],
    .q-account-text-action[b-5ulmzgnnd0],
    .q-account-manage-link[b-5ulmzgnnd0],
    .q-account-add-market[b-5ulmzgnnd0],
    .q-account-only-action[b-5ulmzgnnd0],
    .q-account-remove-action[b-5ulmzgnnd0],
    .q-account-remove-confirm-actions button[b-5ulmzgnnd0],
    .q-account-search button[b-5ulmzgnnd0] {
        min-height: 44px;
        min-width: 44px;
    }

    .q-account-only-action[b-5ulmzgnnd0] {
        opacity: 1;
    }
}

@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:not(.bo-analytics-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] {
    color: var(--bo-ink);
    min-width: 0;
    min-height: calc(100vh - 130px);
}

.bo-overview-content[b-zdjo0d6r4n] { width:100%; min-width:0; max-width:1600px; margin-inline:auto; }

.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-payment-form-modal[b-zdjo0d6r4n] { max-width: 920px; }
.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-account-pagination[b-zdjo0d6r4n] { flex-wrap: wrap; gap: 10px; }
.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-message-attachments[b-zdjo0d6r4n] { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 10px; }
.bo-message-attachment[b-zdjo0d6r4n] { align-items: center; background: rgba(255,255,255,.045); border: 1px solid var(--bo-line); border-radius: 8px; color: var(--bo-ink); cursor: pointer; display: grid; gap: 2px 7px; grid-template-columns: 28px minmax(0,1fr); max-width: 260px; min-height: 43px; padding: 6px 9px; text-align: left; }
.bo-message-attachment:hover[b-zdjo0d6r4n] { background: rgba(106,101,232,.13); border-color: rgba(141,143,243,.42); }
.bo-message-attachment > span[b-zdjo0d6r4n] { align-items: center; background: rgba(106,101,232,.16); border-radius: 6px; color: #b9baff; display: inline-flex; font-size: 7px; font-weight: 900; grid-row: 1 / span 2; height: 28px; justify-content: center; width: 28px; }
.bo-message-attachment > strong[b-zdjo0d6r4n] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bo-message-attachment > small[b-zdjo0d6r4n] { color: var(--bo-muted); font-size: 7px; }
.bo-message-attachment.image > span[b-zdjo0d6r4n] { background: rgba(92,225,173,.13); color: #71e8ba; }
.bo-message-attachment.video > span[b-zdjo0d6r4n] { background: rgba(250,184,74,.13); color: var(--bo-amber); }
.bo-support-attachment-composer[b-zdjo0d6r4n] { display: grid; gap: 8px; }
.bo-support-attachment-picker[b-zdjo0d6r4n] { align-items: center; background: rgba(106,101,232,.06); border: 1px dashed rgba(167,168,230,.3); border-radius: 9px; cursor: pointer; display: grid !important; gap: 3px !important; grid-template-columns: auto minmax(0,1fr); padding: 9px 11px; }
.bo-support-attachment-picker input[b-zdjo0d6r4n] { grid-row: 1 / span 2; max-width: 180px; min-height: 32px; padding: 4px; }
.bo-support-attachment-picker input[b-zdjo0d6r4n]::file-selector-button { background: var(--bo-brand); border: 0; border-radius: 7px; color: #fff; cursor: pointer; font: inherit; font-weight: 850; margin-right: 8px; min-height: 28px; padding: 0 10px; }
.bo-support-attachment-picker span[b-zdjo0d6r4n] { color: var(--bo-ink); font-size: 9px; font-weight: 850; }
.bo-support-attachment-picker small[b-zdjo0d6r4n] { color: var(--bo-muted); font-size: 7.5px; }
.bo-selected-support-attachments[b-zdjo0d6r4n] { display: flex; flex-wrap: wrap; gap: 6px; }
.bo-selected-support-attachments > span[b-zdjo0d6r4n] { align-items: center; background: var(--bo-panel-2); border: 1px solid var(--bo-line); border-radius: 8px; display: grid; gap: 2px 7px; grid-template-columns: minmax(0,1fr) auto; max-width: 260px; padding: 6px 8px; }
.bo-selected-support-attachments strong[b-zdjo0d6r4n] { font-size: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bo-selected-support-attachments small[b-zdjo0d6r4n] { color: var(--bo-muted); font-size: 7px; }
.bo-selected-support-attachments button[b-zdjo0d6r4n] { align-items: center; background: transparent; border: 0; color: var(--bo-muted); cursor: pointer; display: inline-flex; font-size: 16px; grid-column: 2; grid-row: 1 / span 2; justify-content: center; padding: 2px; }
.bo-ticket-attachment-preview-modal[b-zdjo0d6r4n] { max-height: min(90vh,850px); max-width: min(1000px,92vw); overflow: hidden; }
.bo-ticket-attachment-preview-media[b-zdjo0d6r4n] { background: #090a13; display: block; height: auto; margin: 16px auto; max-height: 64vh; max-width: calc(100% - 32px); object-fit: contain; }
.bo-ticket-attachment-preview-frame[b-zdjo0d6r4n] { background: #fff; border: 0; height: 64vh; width: 100%; }

.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-shell[b-zdjo0d6r4n] { display: grid; gap: 8px; }
.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 input[type="file"][b-zdjo0d6r4n]::file-selector-button { background: var(--bo-brand); border: 0; border-radius: 7px; color: #fff; cursor: pointer; font: inherit; font-weight: 850; margin-right: 10px; min-height: 30px; padding: 0 11px; }
.bo-payment-file-picker strong[b-zdjo0d6r4n] { color: var(--bo-ink); font-size: 9px; }
.bo-payment-preview-selected[b-zdjo0d6r4n] { justify-self: start; }
.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; }
.bo-payment-quote[b-zdjo0d6r4n] { background: rgba(106,101,232,.07); border: 1px solid rgba(141,143,243,.22); border-radius: 11px; display: grid; gap: 9px; grid-template-columns: repeat(3,minmax(0,1fr)); padding: 12px 14px; }
.bo-payment-quote > div[b-zdjo0d6r4n] { display: grid; gap: 3px; }
.bo-payment-quote span[b-zdjo0d6r4n], .bo-payment-quote small[b-zdjo0d6r4n] { color: var(--bo-muted); font-size: 8px; }
.bo-payment-quote strong[b-zdjo0d6r4n] { color: var(--bo-ink); font-size: 11px; }
.bo-payment-quote .expected strong[b-zdjo0d6r4n] { color: var(--bo-lime); font-size: 15px; }
.bo-payment-verification[b-zdjo0d6r4n] { background: rgba(167,168,230,.06); border: 1px solid var(--bo-line); border-radius: 9px; padding: 10px 12px; }
.bo-payment-verification.mismatch[b-zdjo0d6r4n] { background: rgba(240,85,106,.08); border-color: rgba(240,85,106,.2); }
.bo-payment-verification.match[b-zdjo0d6r4n] { background: rgba(92,225,173,.08); border-color: rgba(92,225,173,.22); }
.bo-payment-verification strong[b-zdjo0d6r4n] { color: var(--bo-muted); font-size: 10px; }
.bo-payment-verification.mismatch strong[b-zdjo0d6r4n] { color: #ff8999; }
.bo-payment-verification.match strong[b-zdjo0d6r4n] { color: #71e8ba; }
.bo-payment-attestation[b-zdjo0d6r4n] { align-items: center; background: rgba(250,184,74,.07); border: 1px solid rgba(250,184,74,.2); border-radius: 9px; display: flex !important; flex-direction: row; gap: 10px !important; padding: 11px 13px; }
.bo-payment-attestation input[b-zdjo0d6r4n], .bo-form-grid label > small input[type="checkbox"][b-zdjo0d6r4n] { accent-color: var(--bo-brand); flex: 0 0 17px; height: 17px; margin: 0; min-height: 17px; padding: 0; width: 17px; }
.bo-payment-attestation span[b-zdjo0d6r4n] { color: var(--bo-ink); font-size: 9px; line-height: 1.4; }
.bo-table-search[b-zdjo0d6r4n] { max-width: 340px; width: min(42vw,340px); }
.bo-table-search input[b-zdjo0d6r4n] { min-height: 36px; width: 100%; }
.bo-document-actions[b-zdjo0d6r4n] { align-items: flex-start; display: flex !important; flex-direction: column; gap: 4px; margin-top: 5px; }
.bo-document-actions > button[b-zdjo0d6r4n] { max-width: 190px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bo-document-preview-backdrop[b-zdjo0d6r4n] { z-index: 115; }
.bo-document-preview-modal[b-zdjo0d6r4n] { display: grid; grid-template-rows: auto minmax(0,1fr) auto; height: min(900px,calc(100dvh - 44px)); max-width: 1100px; overflow: hidden; }
.sr-only[b-zdjo0d6r4n] { clip: rect(0,0,0,0); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; }

@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}.bo-payment-quote[b-zdjo0d6r4n]{grid-template-columns:1fr}.bo-card>header:has(.bo-table-search)[b-zdjo0d6r4n]{align-items:stretch;flex-direction:column;gap:12px}.bo-table-search[b-zdjo0d6r4n]{max-width:none;width:100%}}
@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}}

.bo-payment-steps[b-zdjo0d6r4n] { display:flex; gap:.5rem; flex-wrap:wrap; margin-bottom:1rem; }
.bo-coach-removing[b-zdjo0d6r4n]{opacity:0;transform:translateX(12px);transition:opacity .35s ease,transform .35s ease}
.bo-coach-delete-toast[b-zdjo0d6r4n]{position:fixed;bottom:24px;right:24px;max-width:calc(100vw - 48px);box-sizing:border-box;background:#161936;border:1px solid #252a4a;border-left:4px solid #3ddc97;border-radius:10px;padding:14px 18px;font-size:14px;color:#f4f5fb;box-shadow:0 12px 30px rgba(0,0,0,.4);z-index:1100;overflow-wrap:anywhere;animation:coachToastIn-b-zdjo0d6r4n .25s ease}
@keyframes coachToastIn-b-zdjo0d6r4n{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.bo-coach-removing[b-zdjo0d6r4n]{transition:none;transform:none}.bo-coach-delete-toast[b-zdjo0d6r4n]{animation:none}}
.bo-payment-steps button[b-zdjo0d6r4n] { padding:.55rem .8rem; border:1px solid var(--q-border,#cbd5e1); border-radius:.6rem; background:transparent; color:inherit; }
.bo-payment-steps button[aria-current="step"][b-zdjo0d6r4n] { background:var(--bo-lime, #c6f94b); color:var(--bo-bg, #0d0d22); }
/* _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/BrowserExtension.razor.rz.scp.css */
.browser-extension-download[b-6cs5z58eio] {
    padding-top: 72px;
}
.browser-extension-release-card[b-6cs5z58eio] {
    background: linear-gradient(145deg, rgba(24, 29, 60, .96), rgba(14, 17, 40, .96));
    border: 1px solid #2e3560;
    border-radius: 22px;
    box-shadow: 0 28px 70px rgba(0, 0, 0, .24);
    display: grid;
    gap: 42px;
    grid-template-columns: minmax(0, 1.2fr) minmax(300px, .8fr);
    padding: clamp(26px, 5vw, 52px);
}

.browser-extension-badge[b-6cs5z58eio] {
    background: rgba(198, 249, 75, .1);
    border: 1px solid rgba(198, 249, 75, .28);
    border-radius: 999px;
    color: #d9ff76;
    display: inline-flex;
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .09em;
    padding: 7px 11px;
    text-transform: uppercase;
}

.browser-extension-release-copy h2[b-6cs5z58eio],
.browser-extension-support h2[b-6cs5z58eio] {
    color: #fff;
    font-family: "Space Grotesk", Inter, system-ui, sans-serif;
    font-size: clamp(28px, 3.6vw, 42px);
    letter-spacing: -.035em;
    margin: 18px 0 12px;
}

.browser-extension-release-copy > p[b-6cs5z58eio],
.browser-extension-support p[b-6cs5z58eio] {
    color: #b4bad6;
    font-size: 16px;
    line-height: 1.7;
    margin: 0;
    max-width: 680px;
}

.browser-extension-actions[b-6cs5z58eio] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 28px;
}

.browser-extension-button[b-6cs5z58eio] {
    align-items: flex-start;
    border-radius: 12px;
    display: inline-flex;
    flex-direction: column;
    font-size: 15px;
    font-weight: 800;
    justify-content: center;
    min-height: 58px;
    padding: 12px 18px;
    text-decoration: none;
}

.browser-extension-button small[b-6cs5z58eio] {
    font-size: 11px;
    font-weight: 600;
    margin-top: 3px;
    opacity: .72;
}

.browser-extension-button--primary[b-6cs5z58eio] {
    background: #c6f94b;
    color: #111526;
}

.browser-extension-button--primary:hover[b-6cs5z58eio] {
    background: #d8ff79;
    color: #080a1a;
}

.browser-extension-button--secondary[b-6cs5z58eio] {
    background: rgba(91, 91, 214, .2);
    border: 1px solid rgba(141, 143, 243, .38);
    color: #edeffa;
}

.browser-extension-button--secondary:hover[b-6cs5z58eio] {
    background: rgba(91, 91, 214, .34);
    color: #fff;
}

.browser-extension-button--disabled[b-6cs5z58eio] {
    background: rgba(255, 255, 255, .05);
    border: 1px solid rgba(255, 255, 255, .11);
    color: #7f87a9;
    cursor: not-allowed;
}

.browser-extension-pending[b-6cs5z58eio] {
    background: rgba(250, 184, 74, .08);
    border: 1px solid rgba(250, 184, 74, .32);
    border-radius: 12px;
    color: #f4d28b;
    display: grid;
    gap: 5px;
    line-height: 1.55;
    margin-top: 26px;
    padding: 16px 18px;
}

.browser-extension-release-details[b-6cs5z58eio] {
    background: rgba(8, 10, 26, .68);
    border: 1px solid rgba(141, 143, 243, .2);
    border-radius: 16px;
    padding: 24px;
}

.browser-extension-release-details h3[b-6cs5z58eio] {
    color: #fff;
    font-size: 18px;
    margin: 0 0 20px;
}

.browser-extension-release-details dl[b-6cs5z58eio] {
    display: grid;
    gap: 0;
    margin: 0;
}

.browser-extension-release-details dl > div[b-6cs5z58eio] {
    border-top: 1px solid rgba(141, 143, 243, .14);
    display: grid;
    gap: 7px;
    padding: 15px 0;
}

.browser-extension-release-details dl > div:first-child[b-6cs5z58eio] {
    border-top: 0;
    padding-top: 0;
}

.browser-extension-release-details dt[b-6cs5z58eio] {
    color: #8d8ff3;
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.browser-extension-release-details dd[b-6cs5z58eio] {
    color: #dce0f4;
    line-height: 1.5;
    margin: 0;
    overflow-wrap: anywhere;
}

.browser-extension-release-details code[b-6cs5z58eio],
.browser-extension-steps code[b-6cs5z58eio] {
    background: rgba(255, 255, 255, .06);
    border-radius: 5px;
    color: #d9ff76;
    padding: 2px 5px;
}

.browser-extension-installation[b-6cs5z58eio] {
    padding-bottom: 88px;
    padding-top: 88px;
}

.browser-extension-steps[b-6cs5z58eio] {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(3, 1fr);
    list-style: none;
    margin: 0;
    padding: 0;
}

.browser-extension-steps li[b-6cs5z58eio] {
    background: #12162f;
    border: 1px solid #242a4e;
    border-radius: 16px;
    display: flex;
    gap: 15px;
    padding: 23px;
}

.browser-extension-steps li > span[b-6cs5z58eio] {
    align-items: center;
    background: rgba(91, 91, 214, .2);
    border-radius: 10px;
    color: #b7b9ff;
    display: flex;
    flex: 0 0 38px;
    font-weight: 900;
    height: 38px;
    justify-content: center;
}

.browser-extension-steps h3[b-6cs5z58eio] {
    color: #fff;
    font-size: 17px;
    margin: 5px 0 9px;
}

.browser-extension-steps p[b-6cs5z58eio] {
    color: #a7aecb;
    line-height: 1.65;
    margin: 0;
}

.browser-extension-note[b-6cs5z58eio] {
    background: rgba(91, 91, 214, .12);
    border: 1px solid rgba(141, 143, 243, .24);
    border-radius: 14px;
    color: #edeffa;
    margin-top: 24px;
    padding: 20px 22px;
}

.browser-extension-note p[b-6cs5z58eio] {
    color: #b4bad6;
    line-height: 1.65;
    margin: 7px 0 0;
}

.browser-extension-support[b-6cs5z58eio] {
    align-items: center;
    display: flex;
    gap: 36px;
    justify-content: space-between;
}

.browser-extension-support a[b-6cs5z58eio] {
    background: #5b5bd6;
    border-radius: 11px;
    color: #fff;
    flex: 0 0 auto;
    font-weight: 800;
    padding: 13px 18px;
    text-decoration: none;
}

.browser-extension-support a:hover[b-6cs5z58eio] {
    background: #3f3fb8;
    color: #fff;
}

@media (max-width: 900px) {
    .browser-extension-release-card[b-6cs5z58eio],
    .browser-extension-steps[b-6cs5z58eio] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 620px) {
    .browser-extension-actions[b-6cs5z58eio],
    .browser-extension-support[b-6cs5z58eio] {
        align-items: stretch;
        flex-direction: column;
    }

    .browser-extension-button[b-6cs5z58eio],
    .browser-extension-support a[b-6cs5z58eio] {
        width: 100%;
    }
}
/* _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.out-of-stock[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%;
    container-type: inline-size;
    container-name: home;
}

.dashboard-page[data-image-quality="low"][b-1bxeerk4j1] {
    --dashboard-image-size: 32px;
}

/* Keep the two-row cards aligned while allowing all six calendar weeks to fit. */
.dashboard-grid[b-1bxeerk4j1] { display: grid; gap: 1rem; min-width: 0; padding-bottom: 6rem; }
.home-row[b-1bxeerk4j1] { display: grid; gap: 1rem; align-items: stretch; min-width: 0; }
.home-row-1[b-1bxeerk4j1] { grid-template-columns: minmax(220px,.90fr) minmax(360px,3.45fr) minmax(280px,1.20fr) minmax(280px,1.15fr); }
.home-row-2[b-1bxeerk4j1] { grid-template-columns: minmax(0,4.60fr) minmax(260px,1fr) minmax(240px,.78fr); }
.home-stack[b-1bxeerk4j1], .side-metrics[b-1bxeerk4j1] { display: flex; flex-direction: column; gap: 1rem; min-width: 0; }
.home-stack > *[b-1bxeerk4j1], .side-metrics > *[b-1bxeerk4j1] { flex: 1 1 auto; }
.home-row > *[b-1bxeerk4j1] { 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: visible;
    container-type: inline-size;
    container-name: dashboard-card;
    display: flex;
    flex-direction: column;
    gap: .625rem;
    padding: 18px 20px;
    position: relative;
}

.dashboard-card h2[b-1bxeerk4j1] {
    color: #d8dae7;
    font-size: 1.0625rem;
    font-weight: 800;
    letter-spacing: -0.015em;
    line-height: 1.2;
    margin: 0;
}

.dashboard-card p[b-1bxeerk4j1] {
    color: #8587aa;
    font-size: 0.8125rem;
    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);
}

.revenue-card h2[b-1bxeerk4j1], .revenue-card p[b-1bxeerk4j1], .revenue-card .metric-value[b-1bxeerk4j1] { color: #fff; }

.revenue-card p[b-1bxeerk4j1] {
    opacity: 1;
}

.revenue-card .privacy-toggle[b-1bxeerk4j1] {
    border-color: rgba(255, 255, 255, 0.15);
    color: #ffffff;
}

.revenue-card .trend-row > span:last-child[b-1bxeerk4j1] {
    color: #ffffff;
}

.products-card[b-1bxeerk4j1] {
    display: flex;
    flex-direction: column;
}

.orders-card[b-1bxeerk4j1] {
    display: flex;
    flex-direction: column;
}

.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: 0.6875rem;
    font-weight: 700;
}

.orders-today strong[b-1bxeerk4j1] {
    color: var(--dashboard-indigo-light);
    font-size: 1rem;
    font-variant-numeric: tabular-nums;
    font-weight: 850;
}

.calendar-card[b-1bxeerk4j1] {
}

.sales-card[b-1bxeerk4j1] {
    display: flex;
    flex-direction: column;
}

.order-status-card[b-1bxeerk4j1] {
    display: flex;
    flex-direction: column;
}

.side-metrics[b-1bxeerk4j1] {
    display: grid;
    gap: 14px;
    grid-template-rows: repeat(2, minmax(0, 1fr));
    min-width: 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: 0.6875rem;
    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: 0.5625rem;
    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: 0.625rem !important;
    margin-top: auto !important;
    padding-top: 10px;
}

.metric-value[b-1bxeerk4j1] { color: #e9eaf3; font-size: clamp(1.25rem, 8cqi, 2.5rem); font-variant-numeric: tabular-nums; font-weight: 780; line-height: 1.15; margin: 0; overflow-wrap: anywhere; }

.metric-value.optional[b-1bxeerk4j1] {
    font-size: clamp(1.3125rem, 1.65vw, 1.875rem);
}

.product-metric[b-1bxeerk4j1] {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 8px 12px;
    margin: 22px 0;
}

.product-unit[b-1bxeerk4j1] {
    color: #e9eaf3;
    font-size: 1rem;
    font-weight: 650;
}

.trend-row[b-1bxeerk4j1] { display: flex; flex-wrap: wrap; align-items: center; gap: .4375rem; }

.trend-row > span:last-child[b-1bxeerk4j1],
.side-caption[b-1bxeerk4j1] {
    color: #8587aa;
    font-size: 0.6875rem;
    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: 0.625rem;
    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;
}

.chart-key span[b-1bxeerk4j1] {
    align-items: center;
    color: #898bae;
    display: inline-flex;
    font-size: 0.65625rem;
    font-weight: 700;
    gap: 6px;
}

.inventory-activity[b-1bxeerk4j1] {
    margin: auto 0 0;
    min-width: 0;
}

.inventory-activity figcaption[b-1bxeerk4j1] {
    color: #c9cbe6;
    font-size: .8125rem;
    font-weight: 650;
}

.inventory-chart-scroll[b-1bxeerk4j1] {
    overflow-x: auto;
    max-width: 100%;
    margin-top: 12px;
}

.inventory-chart-scroll:focus-visible[b-1bxeerk4j1],
.inventory-series-data summary:focus-visible[b-1bxeerk4j1] {
    outline: 2px solid var(--dashboard-indigo-light);
    outline-offset: -2px;
}

.inventory-activity-chart[b-1bxeerk4j1] {
    display: block;
    width: 100%;
    min-width: 600px;
    height: auto;
}

.inventory-chart-grid[b-1bxeerk4j1] {
    stroke: var(--q-dark-line);
    stroke-width: 1;
}

.inventory-chart-line[b-1bxeerk4j1] {
    fill: none;
    stroke: var(--dashboard-lime);
    stroke-width: 2.5;
    stroke-linejoin: round;
}

.inventory-chart-point circle[b-1bxeerk4j1] {
    fill: var(--q-dark-card);
    stroke: var(--dashboard-lime);
    stroke-width: 2.5;
}

.inventory-axis-label[b-1bxeerk4j1] {
    fill: #aeb1d1;
    font-size: 11px;
}

.inventory-value-label[b-1bxeerk4j1] {
    fill: #e9ebf7;
    font-size: 12px;
    font-weight: 650;
}

.inventory-series-data[b-1bxeerk4j1] {
    margin-top: 8px;
    font-size: .75rem;
}

.inventory-series-data summary[b-1bxeerk4j1] {
    cursor: pointer;
    padding: 4px 0;
}

.inventory-series-data table[b-1bxeerk4j1] {
    width: 100%;
    border-collapse: collapse;
}

.inventory-series-data th[b-1bxeerk4j1],
.inventory-series-data td[b-1bxeerk4j1] {
    padding: 4px;
    text-align: left;
    overflow-wrap: anywhere;
    border-bottom: 1px solid var(--q-dark-line);
}

.inventory-series-data td[b-1bxeerk4j1] {
    font-variant-numeric: tabular-nums;
}

.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: 0.625rem;
    font-weight: 700;
    justify-content: space-between;
    left: 0;
    position: absolute;
    right: 0;
}

.semi-gauge[b-1bxeerk4j1] {
    display: grid;
    margin: 4px auto 0;
    max-width: 286px;
    position: relative;
    width: 100%;
}

.semi-gauge svg[b-1bxeerk4j1] {
    display: block;
    height: auto;
    grid-area: 1 / 1;
    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] {
    grid-area: 1 / 1;
    align-self: end;
    justify-self: center;
    margin-bottom: .7rem;
    text-align: center;
    overflow-wrap: anywhere;
}

.gauge-copy span[b-1bxeerk4j1],
.gauge-copy small[b-1bxeerk4j1],
.donut span[b-1bxeerk4j1] {
    color: #8d8fae;
    display: block;
    font-size: 0.75rem;
    font-weight: 650;
}

.gauge-copy strong[b-1bxeerk4j1],
.donut strong[b-1bxeerk4j1] {
    color: #e9eaf3;
    display: block;
    font-size: 2.125rem;
    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: 0.625rem;
}

.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: 0.75rem;
    font-weight: 650;
    gap: 8px;
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
}

.legend-list strong[b-1bxeerk4j1] {
    color: #c9cad9;
    font-size: 0.75rem;
    font-variant-numeric: tabular-nums;
    font-weight: 800;
}

.empty-inline[b-1bxeerk4j1] {
    color: #8587aa;
    font-size: 0.75rem;
    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: 0.5625rem;
    font-weight: 700;
    margin-top: 3px;
}

.calendar-actions[b-1bxeerk4j1] {
    display: flex;
    gap: 3px;
}

.calendar-actions button[b-1bxeerk4j1] {
    border-color: transparent;
    font-size: 1.5625rem;
    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: 0.625rem;
    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: 0.6875rem;
    font-variant-numeric: tabular-nums;
    font-weight: 750;
    height: 39px;
    justify-content: center;
    line-height: 1.1;
    min-height: 43px;
    min-width: 0;
    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: 2px;
    top: 2px;
    width: 4px;
}

.calendar-day small[b-1bxeerk4j1] {
    color: var(--dashboard-lime);
    display: block;
    font-size: 0.5625rem;
    font-weight: 850;
    line-height: 1.1;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.calendar-day i[b-1bxeerk4j1] {
    align-self: flex-end;
    color: #fff;
    font-size: 0.5625rem;
    font-style: normal;
    line-height: 1.1;
    position: static;
}

.calendar-day.today small[b-1bxeerk4j1] {
    color: #fff;
}

.calendar-day.outside[b-1bxeerk4j1] {
    color: #9698b8;
}

.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: 0.6875rem;
    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: 0.625rem;
    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: 0.625rem;
    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: 0.6875rem;
    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;
    white-space: nowrap;
}

.donut[b-1bxeerk4j1] {
    display: grid;
    margin: 12px auto 4px;
    position: relative;
    width: min(100%, 194px);
}

.donut svg[b-1bxeerk4j1] {
    display: block;
    height: auto;
    grid-area: 1 / 1;
    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] {
    grid-area: 1 / 1;
    align-self: center;
    justify-self: center;
    text-align: center;
}

.donut strong[b-1bxeerk4j1] {
    font-size: 2.25rem;
}

.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: 1rem;
}

.side-metric-card p[b-1bxeerk4j1] {
    max-width: 220px;
}

.side-value[b-1bxeerk4j1] {
    font-size: clamp(1.875rem, 2.2vw, 2.375rem);
    margin-top: auto;
    padding-top: 18px;
}

.side-value.money[b-1bxeerk4j1] {
    font-size: clamp(1.5625rem, 1.8vw, 2.125rem);
}

.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: 1.0625rem;
}

.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: 0.75rem;
    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); }
}


/* The reference's four breakpoints; text stays in flow at browser zoom. */
@media (max-width: 1400px) {
 .home-row-1[b-1bxeerk4j1] { grid-template-columns: minmax(0,1fr) minmax(0,2.4fr); }
 .home-row-2[b-1bxeerk4j1] { grid-template-columns: minmax(0,2.6fr) minmax(0,1fr); }
 .home-row-2 > .side-metrics[b-1bxeerk4j1] { grid-column: 1 / -1; flex-direction: row; }
}
@media (max-width: 1100px) {
 .home-row-1[b-1bxeerk4j1], .home-row-2[b-1bxeerk4j1] { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .home-row-1 > .products-card[b-1bxeerk4j1], .home-row-2 > .sales-card[b-1bxeerk4j1] { grid-column: 1 / -1; }
}
@media (max-width: 860px) {
 .card-heading[b-1bxeerk4j1], .sales-heading[b-1bxeerk4j1], .sales-actions[b-1bxeerk4j1] { flex-wrap: wrap; }
 .calendar-grid[b-1bxeerk4j1] { gap: .25rem; }
}
@media (max-width: 720px) {
 .home-row-1[b-1bxeerk4j1], .home-row-2[b-1bxeerk4j1] { grid-template-columns: minmax(0,1fr); }
 .home-row-1 > *[b-1bxeerk4j1], .home-row-2 > *[b-1bxeerk4j1] { grid-column: auto; }
 .home-row-2 > .side-metrics[b-1bxeerk4j1] { flex-direction: column; }
 .dashboard-card[b-1bxeerk4j1] { padding: 1rem; }
}
.dashboard-card h2[b-1bxeerk4j1], .dashboard-card p[b-1bxeerk4j1], .trend-row[b-1bxeerk4j1], .side-caption[b-1bxeerk4j1] {
 white-space: normal; overflow-wrap: anywhere;
}
.side-metrics[b-1bxeerk4j1] { display: flex; }
.dashboard-card[b-1bxeerk4j1] { height: auto; }
.dashboard-card.profit-card[b-1bxeerk4j1] {
 background: linear-gradient(135deg,#A3E635,#84CC16); color: #1A2E05; border-color: #65A30D;
 padding: 0; position: relative;
}
@container home (max-width: 1400px) {
 .home-row-1[b-1bxeerk4j1] { grid-template-columns: minmax(0,1fr) minmax(0,2.4fr); }
 .home-row-2[b-1bxeerk4j1] { grid-template-columns: minmax(0,2.6fr) minmax(0,1fr); }
 .home-row-2 > .side-metrics[b-1bxeerk4j1] { grid-column: 1 / -1; flex-direction: row; }
}
@container home (max-width: 1100px) {
 .home-row-1[b-1bxeerk4j1], .home-row-2[b-1bxeerk4j1] { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .home-row-1 > .products-card[b-1bxeerk4j1], .home-row-2 > .sales-card[b-1bxeerk4j1] { grid-column: 1 / -1; }
}
@container home (max-width: 720px) {
 .home-row-1[b-1bxeerk4j1], .home-row-2[b-1bxeerk4j1] { grid-template-columns: minmax(0,1fr); }
 .home-row-1 > *[b-1bxeerk4j1], .home-row-2 > *[b-1bxeerk4j1] { grid-column: auto; }
 .home-row-2 > .side-metrics[b-1bxeerk4j1] { flex-direction: column; }
}
.profit-card h2[b-1bxeerk4j1], .profit-card p[b-1bxeerk4j1], .profit-card .metric-value[b-1bxeerk4j1], .profit-card .trend-row > span[b-1bxeerk4j1], .profit-card .privacy-toggle[b-1bxeerk4j1] {
 color: #1A2E05;
}
.profit-action[b-1bxeerk4j1] { display: flex; flex: 1; align-items: stretch; justify-content: flex-start; flex-direction: column; gap: .75rem; width: 100%; border: 0; border-radius: inherit; background: transparent; color: inherit; text-align: left; padding: 1.25rem; cursor: pointer; font: inherit; }
.profit-title[b-1bxeerk4j1] { font-size: .875rem; font-weight: 700; padding-right: 2rem; }
.profit-subtitle[b-1bxeerk4j1] { font-size: .75rem; line-height: 1.4; overflow-wrap: anywhere; }
.profit-card > .privacy-toggle[b-1bxeerk4j1] { position: absolute; top: .75rem; right: .75rem; z-index: 1; }
.profit-action .metric-value[b-1bxeerk4j1] { color: inherit; white-space: normal; }
.profit-cta[b-1bxeerk4j1] { font-size: .8125rem; font-weight: 700; overflow-wrap: anywhere; }
.profit-action:hover[b-1bxeerk4j1] { filter: brightness(.85); }
.profit-action:active[b-1bxeerk4j1] { transform: translateY(1px); }
.profit-action:focus-visible[b-1bxeerk4j1] { outline: 3px solid #1A2E05; outline-offset: 3px; border-radius: .25rem; }
@container dashboard-card (max-width: 260px) {
 .metric-value[b-1bxeerk4j1] { font-size: clamp(1rem, 8cqi, 1.5rem); }
 .card-heading p[b-1bxeerk4j1], .data-note[b-1bxeerk4j1] { font-size: .75rem; }
 .trend-row[b-1bxeerk4j1] { flex-direction: column; align-items: flex-start; }
}
@media (prefers-reduced-motion: reduce) {
 .loading-orbit[b-1bxeerk4j1] { animation: none; }
 .profit-action:active[b-1bxeerk4j1] { transform: none; }
}
/* _content/Qublo.App.Shared/Pages/Drafts.razor.rz.scp.css */
.q-drafts-page[b-ue6ci73o4r] {
    gap: 10px;
}

[data-profit-below-target][b-ue6ci73o4r] {
    display: inline-block;
    max-width: 100%;
    white-space: normal;
    overflow-wrap: normal;
    font-size: 11px;
    padding: 3px 5px;
    line-height: 1.35;
    margin-top: 4px;
}

.q-draft-page-jump[b-ue6ci73o4r] {
    align-items: center;
    color: var(--q-dark-muted);
    display: flex;
    gap: 6px;
    white-space: nowrap;
}

.q-draft-page-jump input[b-ue6ci73o4r] {
    background: var(--q-dark-card-2);
    border-color: var(--q-dark-line);
    color: var(--q-dark-ink);
    min-height: 30px;
    min-width: 56px;
    width: 72px;
    text-align: center;
}

.q-drafts-toolbar[b-ue6ci73o4r] {
    display: grid;
    gap: 12px;
    grid-template-columns: 44px 44px minmax(220px, 1fr) auto;
}

.q-drafts-toolbar > .q-toolbar-icon[b-ue6ci73o4r] {
    height: 44px;
    width: 44px;
    border-radius: 10px;
}

.q-drafts-toolbar[b-ue6ci73o4r]  .catalog-filter-trigger {
    height: 44px;
    min-height: 44px;
    width: 44px;
}

.q-drafts-toolbar .q-drafts-search[b-ue6ci73o4r] {
    border-radius: 999px;
    height: 44px;
    min-height: 44px;
    min-width: 0;
    padding: 0 18px;
    width: 100%;
}

.q-drafts-toolbar .q-create-draft[b-ue6ci73o4r] {
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    height: 44px;
    min-height: 44px;
    padding: 0 20px;
    width: auto;
}

.q-drafts-toolbar-actions[b-ue6ci73o4r] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
    min-width: 0;
}

.q-drafts-toolbar-actions .q-btn[b-ue6ci73o4r] {
    white-space: nowrap;
}

.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: 1032px;
    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: 140px; }
.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: 44px 44px minmax(0, 1fr);
    }

    .q-drafts-toolbar-actions[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-toolbar.q-drafts-toolbar[b-hne2aldavr] {
    flex-wrap: wrap;
}

[data-profit-below-target][b-hne2aldavr] {
    display: inline-block;
    max-width: 100%;
    white-space: normal;
    overflow-wrap: normal;
    font-size: 11px;
    padding: 3px 5px;
    line-height: 1.35;
    margin-top: 4px;
}

.q-toolbar.q-drafts-toolbar > .q-search[b-hne2aldavr] {
    min-width: 0;
    max-width: 100%;
}

.q-toolbar.q-drafts-toolbar > .q-btn[b-hne2aldavr] {
    max-width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
}

.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;
}

.q-inventory-capacity-card[b-hne2aldavr] {
    align-items: center;
    background: color-mix(in srgb, var(--q-dark-card) 92%, transparent);
    border: 1px solid var(--q-dark-line);
    border-radius: 12px;
    display: grid;
    gap: 16px;
    grid-template-columns: minmax(210px, 0.8fr) minmax(240px, 1.2fr) auto;
    margin-bottom: 14px;
    padding: 11px 14px;
}

.q-inventory-capacity-copy[b-hne2aldavr] {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.q-inventory-capacity-copy strong[b-hne2aldavr] {
    color: var(--q-dark-ink);
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.q-inventory-capacity-copy span[b-hne2aldavr] {
    color: var(--q-dark-muted);
    font-size: 10px;
}

.q-inventory-capacity-meter[b-hne2aldavr] {
    align-items: center;
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(120px, 1fr) 58px;
}

.q-inventory-capacity-meter > strong[b-hne2aldavr] {
    color: var(--q-dark-muted);
    font-size: 11px;
    text-align: right;
}

.q-inventory-capacity-track[b-hne2aldavr] {
    background: var(--q-dark-raise);
    border-radius: 999px;
    height: 8px;
    overflow: hidden;
}

.q-inventory-capacity-track > span[b-hne2aldavr] {
    background: linear-gradient(90deg, var(--q-indigo-bright), var(--q-lime));
    border-radius: inherit;
    display: block;
    height: 100%;
    min-width: 2px;
}

.q-inventory-capacity-card.is-warning[b-hne2aldavr] {
    border-color: color-mix(in srgb, var(--q-amber) 55%, var(--q-dark-line));
}

.q-inventory-capacity-card.is-warning .q-inventory-capacity-track > span[b-hne2aldavr] {
    background: var(--q-amber);
}

.q-inventory-capacity-card.is-exhausted[b-hne2aldavr] {
    border-color: color-mix(in srgb, var(--q-red) 60%, var(--q-dark-line));
}

.q-inventory-capacity-card.is-exhausted .q-inventory-capacity-track > span[b-hne2aldavr] {
    background: var(--q-red);
}

.q-inventory-capacity-card.is-unlimited .q-inventory-capacity-track > span[b-hne2aldavr] {
    background: linear-gradient(90deg, var(--q-indigo-bright), var(--q-lime));
    opacity: 0.65;
}

.q-inventory-capacity-warning[b-hne2aldavr] {
    align-items: center;
    color: var(--q-amber);
    display: inline-flex;
    font-size: 10px;
    font-weight: 800;
    gap: 6px;
    justify-self: end;
    max-width: 260px;
}

.q-inventory-capacity-card.is-exhausted .q-inventory-capacity-warning[b-hne2aldavr] {
    color: var(--q-red);
}

.q-inventory-capacity-symbol[b-hne2aldavr] {
    align-items: center;
    background: var(--q-dark-raise);
    border: 1px solid var(--q-dark-line);
    border-radius: 50%;
    color: var(--q-dark-muted);
    display: inline-flex;
    font-size: 11px;
    font-weight: 900;
    height: 24px;
    justify-content: center;
    width: 24px;
}

.q-inventory-capacity-card.is-unavailable[b-hne2aldavr] {
    grid-template-columns: auto minmax(0, 1fr) auto;
}

.q-inventory-state-filters[b-hne2aldavr] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
}

.q-inventory-state-filter[b-hne2aldavr] {
    background: color-mix(in srgb, var(--q-dark-card) 92%, transparent);
    border: 1px solid var(--q-dark-line);
    border-radius: 999px;
    color: var(--q-dark-muted);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 34px;
    padding: 6px 12px;
    text-align: left;
    font-size: 12px;
    font-weight: 700;
    transition: border-color 0.15s ease, background-color 0.15s ease;
}

.q-inventory-state-filter:hover[b-hne2aldavr],
.q-inventory-state-filter.active[b-hne2aldavr] {
    background: color-mix(in srgb, var(--q-indigo) 14%, var(--q-dark-card));
    border-color: var(--q-indigo-bright);
}

.q-inventory-state-filter:focus-visible[b-hne2aldavr] {
    outline: 2px solid var(--q-indigo-bright);
    outline-offset: 2px;
}

.q-inventory-state-filter > strong[b-hne2aldavr] {
    color: var(--q-dark-ink);
    font-size: 12px;
    font-variant-numeric: tabular-nums;
}

.q-inventory-state-filter.error > strong[b-hne2aldavr],
.q-inventory-state-filter.unavailable > strong[b-hne2aldavr] {
    color: var(--q-amber);
}

/* 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: 1440px;
    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: 116px; }
.q-inventory-items-table .q-table th:nth-child(4)[b-hne2aldavr] { width: 140px; }
.q-inventory-items-table .q-table th:nth-child(5)[b-hne2aldavr] { width: 110px; }
.q-inventory-items-table .q-table th:nth-child(6)[b-hne2aldavr] { width: 88px; }
.q-inventory-items-table .q-table th:nth-child(7)[b-hne2aldavr] { width: 98px; }
.q-inventory-items-table .q-table th:nth-child(8)[b-hne2aldavr] { width: 92px; }
.q-inventory-items-table .q-table th:nth-child(9)[b-hne2aldavr] { width: 160px; }
.q-inventory-items-table .q-table th:nth-child(10)[b-hne2aldavr] { width: 140px; }

.q-sponsor-configuration[b-hne2aldavr] { width: min(560px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); overflow-y: auto; }
.q-sponsor-configuration fieldset[b-hne2aldavr] { border: 0; padding: 0; margin: 0; display: grid; gap: 16px; min-width: 0; }
.q-sponsor-configuration label[b-hne2aldavr] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.q-sponsor-configuration input[type=number][b-hne2aldavr], .q-sponsor-configuration select[b-hne2aldavr] { width: 100%; padding: 10px; color: inherit; background: var(--q-dark-card); border: 1px solid currentColor; border-radius: 6px; }
.q-sponsor-configuration .q-modal-actions[b-hne2aldavr] { display: flex; flex-wrap: wrap; gap: 8px; }

.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;
}

/* Narrow screens need the product identity before the action column. */
@media (max-width: 760px) {
    .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] {
        position: static;
        box-shadow: none;
    }
}

.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;
}

.qb-bulk-delete[b-hne2aldavr] { background: rgba(239,68,68,.12); border: 1px solid rgba(239,68,68,.25); color: #f87171; font-size: 12.5px; padding: 8px 12px; border-radius: 8px; cursor: pointer; font-family: inherit; font-weight: 600; }
.qb-bulk-delete:hover:not(:disabled)[b-hne2aldavr] { background: rgba(239,68,68,.2); }
.qb-bulk-delete:disabled[b-hne2aldavr] { opacity: .45; cursor: not-allowed; }
.qb-bulk-delete:focus-visible[b-hne2aldavr] { outline: 2px solid #3b5bfd; outline-offset: 2px; }
.qb-delete-status[b-hne2aldavr] { display: flex; align-items: center; gap: 8px; margin-bottom: 18px; color: var(--qb-muted); font-size: 13px; }
.qb-delete-warning[b-hne2aldavr] { background: rgba(239,68,68,.1); border: 1px solid rgba(239,68,68,.28); color: var(--qb-warning); border-radius: 9px; padding: 11px 13px; margin-bottom: 18px; font-size: 12.5px; line-height: 1.5; }
.qb-delete-details[b-hne2aldavr] { margin-bottom: 18px; font-size: 12.5px; color: var(--qb-muted); }
.qb-delete-details summary[b-hne2aldavr] { cursor: pointer; }
.qb-delete-details ul[b-hne2aldavr] { padding-left: 20px; margin-bottom: 0; }
.qb-delete-confirmation[b-hne2aldavr] { display: grid; gap: 8px; margin-bottom: 18px; font-size: 13.5px; color: var(--qb-ink); }
.qb-delete-confirmation[b-hne2aldavr]  input { width: 100%; box-sizing: border-box; background: var(--qb-option-bg); border: 1px solid var(--qb-option-border); color: var(--qb-ink); border-radius: 9px; padding: 12px 13px; }
.qb-delete-retry[b-hne2aldavr] { display: block; margin-bottom: 18px; background: transparent; color: #6f8cff; border: 1px solid currentColor; border-radius: 9px; padding: 8px 12px; cursor: pointer; }

.q-inventory-action-modal[b-hne2aldavr] {
    max-width: 620px;
}

.q-modal-eyebrow[b-hne2aldavr] {
    color: var(--q-indigo-bright);
    display: block;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.12em;
    margin-bottom: 5px;
}

.q-inventory-action-body[b-hne2aldavr] {
    color: var(--q-dark-muted);
    display: grid;
    gap: 14px;
    padding: 20px;
}

.q-inventory-action-body > p[b-hne2aldavr] {
    margin: 0;
}

.q-inventory-action-loading[b-hne2aldavr] {
    align-items: center;
    display: flex;
    gap: 10px;
    min-height: 78px;
}

.q-inventory-action-summary[b-hne2aldavr] {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.q-inventory-action-summary > div[b-hne2aldavr] {
    background: var(--q-dark-raise);
    border: 1px solid var(--q-dark-line);
    border-radius: 10px;
    display: grid;
    gap: 6px;
    padding: 12px;
}

.q-inventory-action-summary span[b-hne2aldavr] {
    color: var(--q-dark-dim);
    font-size: 10px;
    font-weight: 700;
}

.q-inventory-action-summary strong[b-hne2aldavr] {
    color: var(--q-dark-ink);
    font-size: 20px;
}

.q-inventory-action-examples[b-hne2aldavr] {
    margin: 0;
    max-height: 140px;
    overflow: auto;
    padding-left: 20px;
}

.q-inventory-action-examples li[b-hne2aldavr] {
    margin-block: 5px;
}

.q-inventory-sponsorship-preview-modal[b-hne2aldavr],
.q-inventory-sponsorship-removal-modal[b-hne2aldavr] {
    max-height: min(88vh, 880px);
    max-width: 1040px;
    overflow: auto;
}

.q-inventory-sponsorship-preview-body[b-hne2aldavr] {
    color: var(--q-dark-muted);
    display: grid;
    gap: 14px;
    padding: 18px 20px;
}

.q-inventory-sponsorship-preview-table[b-hne2aldavr] {
    border: 1px solid var(--q-dark-line);
    border-radius: 12px;
    max-height: min(48vh, 460px);
}

.q-inventory-sponsorship-preview-table table[b-hne2aldavr] {
    min-width: 780px;
}

.q-inventory-sponsorship-preview-table td:first-child[b-hne2aldavr],
.q-inventory-sponsorship-preview-table td:nth-child(3)[b-hne2aldavr] {
    display: grid;
    gap: 4px;
}

.q-inventory-sponsorship-preview-table td:first-child strong[b-hne2aldavr] {
    color: var(--q-dark-ink);
    max-width: 340px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.q-inventory-sponsorship-preview-table td small[b-hne2aldavr] {
    color: var(--q-dark-dim);
    display: block;
    font-size: 10px;
}

.q-inventory-sponsorship-preview-table .q-pill[b-hne2aldavr] {
    justify-self: start;
}

.q-inventory-sponsorship-removal-table[b-hne2aldavr] {
    border: 1px solid var(--q-dark-line);
    border-radius: 12px;
    max-height: min(48vh, 460px);
}

.q-inventory-sponsorship-removal-table table[b-hne2aldavr] {
    min-width: 760px;
}

.q-inventory-sponsorship-removal-table td:first-child[b-hne2aldavr] {
    display: grid;
    gap: 4px;
}

.q-inventory-sponsorship-removal-table td:first-child strong[b-hne2aldavr] {
    color: var(--q-dark-ink);
    max-width: 340px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.q-inventory-sponsorship-removal-table td small[b-hne2aldavr] {
    color: var(--q-dark-dim);
    display: block;
    font-size: 10px;
}

.q-inventory-sponsorship-removal-table code[b-hne2aldavr] {
    color: var(--q-dark-ink);
    font-size: 12px;
    overflow-wrap: anywhere;
}

.q-inventory-sponsorship-removal-table .q-pill[b-hne2aldavr] {
    justify-self: start;
}

.q-inventory-sponsorship-preview-totals[b-hne2aldavr] {
    align-items: center;
    background: color-mix(in srgb, var(--q-lime) 8%, var(--q-dark-card-2));
    border: 1px solid color-mix(in srgb, var(--q-lime) 34%, var(--q-dark-line));
    border-radius: 12px;
    display: grid;
    gap: 7px;
    padding: 14px;
}

.q-inventory-sponsorship-preview-totals > span[b-hne2aldavr],
.q-inventory-sponsorship-preview-totals > small[b-hne2aldavr] {
    color: var(--q-dark-muted);
}

.q-inventory-sponsorship-preview-totals > div[b-hne2aldavr] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 18px;
}

.q-inventory-sponsorship-preview-totals strong[b-hne2aldavr] {
    color: var(--q-lime);
    font-size: 18px;
}

.q-inventory-sponsorship-preview-totals > small[b-hne2aldavr] {
    font-size: 10px;
    line-height: 1.45;
}

.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-inventory-dismissible-alert[b-hne2aldavr] {
    align-items: center;
}

.q-inventory-dismissible-alert > span[b-hne2aldavr] {
    flex: 1 1 auto;
    min-width: 0;
}

.q-inventory-alert-dismiss[b-hne2aldavr] {
    align-items: center;
    background: transparent;
    border: 1px solid color-mix(in srgb, currentColor 36%, transparent);
    border-radius: 8px;
    color: inherit;
    cursor: pointer;
    display: inline-flex;
    flex: none;
    font-size: 20px;
    height: 30px;
    justify-content: center;
    line-height: 1;
    margin-left: auto;
    padding: 0;
    width: 30px;
}

.q-inventory-alert-dismiss:hover[b-hne2aldavr] {
    background: color-mix(in srgb, currentColor 12%, transparent);
    border-color: currentColor;
}

.q-inventory-alert-dismiss:focus-visible[b-hne2aldavr] {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}

.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;
}

.q-inventory-migration-account-modal[b-hne2aldavr] {
    max-width: 680px;
}

.q-inventory-migration-account-body[b-hne2aldavr] {
    display: grid;
    gap: 14px;
    padding: 18px 22px;
}

.q-inventory-migration-account-toolbar[b-hne2aldavr] {
    align-items: center;
    display: flex;
    gap: 14px;
    justify-content: space-between;
}

.q-inventory-migration-account-toolbar strong[b-hne2aldavr] {
    color: var(--q-dark-ink);
    font-size: 12px;
}

.q-inventory-migration-account-list[b-hne2aldavr] {
    display: grid;
    gap: 9px;
    max-height: min(48vh, 440px);
    overflow-y: auto;
}

.q-inventory-migration-account-list label[b-hne2aldavr] {
    align-items: center;
    background: var(--q-dark-card-2);
    border: 1px solid var(--q-dark-line);
    border-radius: 12px;
    cursor: pointer;
    display: grid;
    gap: 12px;
    grid-template-columns: auto auto minmax(0, 1fr) auto;
    padding: 12px 14px;
}

.q-inventory-migration-account-list label:hover[b-hne2aldavr],
.q-inventory-migration-account-list label.selected[b-hne2aldavr] {
    border-color: color-mix(in srgb, var(--q-indigo-bright) 65%, var(--q-dark-line));
}

.q-inventory-migration-account-list label.selected[b-hne2aldavr] {
    background: color-mix(in srgb, var(--q-indigo-bright) 9%, var(--q-dark-card-2));
}

.q-inventory-migration-account-list input[b-hne2aldavr] {
    accent-color: var(--q-indigo-bright);
    height: 17px;
    margin: 0;
    width: 17px;
}

.q-inventory-migration-account-avatar[b-hne2aldavr] {
    align-items: center;
    background: linear-gradient(145deg, var(--q-indigo-bright), var(--q-indigo));
    border-radius: 10px;
    color: #fff;
    display: inline-flex;
    font-size: 22px;
    font-weight: 900;
    height: 38px;
    justify-content: center;
    width: 38px;
}

.q-inventory-migration-account-list label > span:nth-of-type(2)[b-hne2aldavr] {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.q-inventory-migration-account-list strong[b-hne2aldavr] {
    color: var(--q-dark-ink);
    font-size: 13px;
}

.q-inventory-migration-account-list small[b-hne2aldavr] {
    color: var(--q-dark-muted);
    font-size: 10px;
}

.q-inventory-migration-account-check[b-hne2aldavr] {
    color: var(--q-dark-faint);
    font-size: 17px;
    opacity: 0;
}

.q-inventory-migration-account-list label.selected .q-inventory-migration-account-check[b-hne2aldavr] {
    color: var(--q-lime);
    opacity: 1;
}

.q-inventory-migration-overlay[b-hne2aldavr] {
    align-items: stretch;
    padding-block: 24px;
}

.q-inventory-migration-modal[b-hne2aldavr] {
    max-height: calc(100vh - 48px);
    max-height: calc(100dvh - 48px);
    max-width: 1280px;
    overflow: hidden;
}

.q-inventory-migration-dialog-body[b-hne2aldavr] {
    display: grid;
    gap: 14px;
    min-height: 0;
    overflow-y: auto;
    padding: 16px 20px 22px;
}

.q-inventory-migration-account-tabs[b-hne2aldavr] {
    border-bottom: 1px solid var(--q-dark-line);
    display: flex;
    flex: none;
    gap: 8px;
    overflow-x: auto;
    padding: 12px 20px;
}

.q-inventory-migration-account-tabs button[b-hne2aldavr] {
    align-items: center;
    background: var(--q-dark-card-2);
    border: 1px solid var(--q-dark-line);
    border-radius: 10px;
    color: var(--q-dark-muted);
    cursor: pointer;
    display: flex;
    flex: 0 0 auto;
    gap: 9px;
    min-width: 220px;
    padding: 9px 11px;
    text-align: left;
}

.q-inventory-migration-market-flag[b-hne2aldavr] {
    flex: none;
    font-size: 20px;
    line-height: 1;
}

.q-inventory-migration-account-tabs button.active[b-hne2aldavr] {
    border-color: var(--q-indigo-bright);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--q-indigo-bright) 14%, transparent);
    color: var(--q-dark-ink);
}

.q-inventory-migration-account-tabs button > span:last-child[b-hne2aldavr] {
    display: grid;
    gap: 2px;
}

.q-inventory-migration-account-tabs strong[b-hne2aldavr] {
    color: inherit;
    font-size: 11px;
}

.q-inventory-migration-account-tabs small[b-hne2aldavr] {
    color: var(--q-dark-muted);
    font-size: 9px;
}

.q-inventory-migration-results-state[b-hne2aldavr] {
    background: var(--q-dark-faint);
    border-radius: 999px;
    display: inline-block;
    flex: none;
    height: 9px;
    width: 9px;
}

.q-inventory-migration-results-state.running[b-hne2aldavr] {
    animation: q-inventory-migration-pulse-b-hne2aldavr 1.2s ease-in-out infinite;
    background: var(--q-indigo-bright);
}

.q-inventory-migration-results-state.completed[b-hne2aldavr] { background: var(--q-lime); }
.q-inventory-migration-results-state.warning[b-hne2aldavr] { background: var(--q-amber); }
.q-inventory-migration-results-state.failed[b-hne2aldavr] { background: var(--q-red); }

.q-inventory-migration-results-button[b-hne2aldavr] {
    align-items: center;
    display: inline-flex;
    gap: 8px;
}

.q-inventory-migration-queueing[b-hne2aldavr] {
    align-items: center;
    background: var(--q-indigo-soft);
    border: 1px solid color-mix(in srgb, var(--q-indigo-bright) 38%, var(--q-dark-line));
    border-radius: 11px;
    color: var(--q-indigo-bright);
    display: flex;
    gap: 11px;
    padding: 12px 14px;
}

.q-inventory-migration-loading[b-hne2aldavr] {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: center;
    min-height: 150px;
    padding: 24px;
    text-align: left;
}

.q-inventory-migration-loading > span:last-child[b-hne2aldavr] {
    display: grid;
    gap: 4px;
}

.q-inventory-migration-loading strong[b-hne2aldavr] {
    color: var(--q-dark-ink);
    font-size: 13px;
}

.q-inventory-migration-loading small[b-hne2aldavr] {
    color: var(--q-dark-muted);
    font-size: 11px;
}

.q-inventory-migration-queueing > span:last-child[b-hne2aldavr] {
    display: grid;
    gap: 2px;
}

.q-inventory-migration-queueing strong[b-hne2aldavr] { font-size: 12px; }
.q-inventory-migration-queueing small[b-hne2aldavr] { color: var(--q-dark-muted); font-size: 10px; }

.q-inventory-migration-batch-warning[b-hne2aldavr] {
    display: grid;
    gap: 5px;
}

.q-inventory-migration-batch-warning ul[b-hne2aldavr] {
    display: grid;
    gap: 4px;
    margin: 4px 0 0;
    padding-left: 18px;
}

.q-inventory-migration-batch-warning li span[b-hne2aldavr] {
    margin-left: 5px;
}

.q-inventory-migration-results[b-hne2aldavr] {
    display: grid;
    gap: 12px;
}

.q-inventory-migration-technical-details[b-hne2aldavr],
.q-inventory-migration-row-diagnostic[b-hne2aldavr] {
    color: var(--q-dark-muted);
    font-size: 10px;
}

.q-inventory-migration-technical-details summary[b-hne2aldavr],
.q-inventory-migration-row-diagnostic summary[b-hne2aldavr] {
    cursor: pointer;
    font-weight: 800;
}

.q-inventory-migration-technical-details p[b-hne2aldavr] {
    line-height: 1.5;
    margin: 8px 0 0;
}

.q-inventory-migration-row-diagnostic code[b-hne2aldavr] {
    color: var(--q-dark-dim);
    display: block;
    font-size: 9px;
    margin-top: 5px;
    max-width: 260px;
    overflow-wrap: anywhere;
    white-space: normal;
}

.q-inventory-migration-row-guidance[b-hne2aldavr] {
    color: var(--q-amber);
    font-size: 10px;
    font-weight: 700;
    line-height: 1.4;
    margin-top: 6px;
    max-width: 220px;
    overflow-wrap: anywhere;
}

.q-inventory-migration-row-action[b-hne2aldavr] {
    display: inline-flex;
    font-size: 10px;
    margin-top: 7px;
    min-height: 30px;
    padding: 5px 9px;
    text-decoration: none;
    width: fit-content;
}

.q-inventory-migration-supplier-note[b-hne2aldavr] {
    color: var(--q-dark-muted);
    font-size: 9px;
    line-height: 1.4;
    margin-top: 5px;
    max-width: 180px;
}

.q-inventory-migration-pagination[b-hne2aldavr] {
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 14px;
}

.q-inventory-migration-pagination button[b-hne2aldavr] {
    height: auto;
    min-height: 34px;
    min-width: 108px;
    padding: 6px 12px;
    white-space: nowrap;
    width: auto;
}

.q-inventory-migration-pagination > span[b-hne2aldavr] {
    color: var(--q-dark-muted);
    min-width: 82px;
    text-align: center;
}

@keyframes q-inventory-migration-pulse-b-hne2aldavr {
    50% { opacity: .42; transform: scale(.82); }
}

.q-inventory-vero-chip[b-hne2aldavr] {
    border: 1px solid transparent;
    cursor: pointer;
    font: inherit;
}

.q-inventory-vero-chip:hover[b-hne2aldavr] {
    filter: brightness(1.12);
}

.q-inventory-vero-chip:focus-visible[b-hne2aldavr] {
    box-shadow: 0 0 0 2px var(--q-indigo-bright);
    outline: none;
}

.q-inventory-vero-details[b-hne2aldavr] {
    border-left: 3px solid var(--q-amber);
    display: grid;
    gap: 12px;
    padding: 13px 15px;
}

.q-inventory-vero-details.is-review[b-hne2aldavr] {
    background: var(--q-amber-soft);
}

.q-inventory-vero-details.is-blocked[b-hne2aldavr] {
    background: var(--q-red-soft);
    border-left-color: var(--q-red);
}

.q-inventory-vero-details-head[b-hne2aldavr] {
    align-items: flex-start;
    display: flex;
    gap: 16px;
    justify-content: space-between;
}

.q-inventory-vero-details-head > div[b-hne2aldavr] {
    display: grid;
    gap: 4px;
}

.q-inventory-vero-details-head span[b-hne2aldavr],
.q-inventory-vero-signals p[b-hne2aldavr] {
    color: var(--q-dark-muted);
    font-size: 12px;
    line-height: 1.45;
}

.q-inventory-vero-signals[b-hne2aldavr] {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.q-inventory-vero-signals article[b-hne2aldavr] {
    background: color-mix(in srgb, var(--q-dark-card) 86%, transparent);
    border: 1px solid var(--q-dark-line);
    border-radius: 9px;
    display: grid;
    gap: 6px;
    padding: 10px;
}

.q-inventory-vero-signals article > div[b-hne2aldavr] {
    display: grid;
    gap: 2px;
}

.q-inventory-vero-signals article span[b-hne2aldavr] {
    color: var(--q-dark-dim);
    font-size: 10px;
}

.q-inventory-vero-signals p[b-hne2aldavr] {
    margin: 0;
}

.q-inventory-vero-signals a[b-hne2aldavr] {
    color: var(--q-indigo-bright);
    font-size: 11px;
    font-weight: 800;
    width: fit-content;
}

@media (max-width: 760px) {
    .q-inventory-action-summary[b-hne2aldavr] {
        grid-template-columns: 1fr;
    }

    .q-inventory-capacity-card[b-hne2aldavr],
    .q-inventory-capacity-card.is-unavailable[b-hne2aldavr] {
        align-items: stretch;
        grid-template-columns: 1fr;
    }

    .q-inventory-capacity-symbol[b-hne2aldavr] {
        display: none;
    }

    .q-inventory-capacity-warning[b-hne2aldavr] {
        justify-self: start;
        max-width: none;
    }

    .q-inventory-migration-overlay[b-hne2aldavr] {
        padding: 0;
    }

    .q-inventory-migration-modal[b-hne2aldavr] {
        border-radius: 0;
        max-height: 100vh;
        max-height: 100dvh;
    }

    .q-inventory-migration-dialog-body[b-hne2aldavr] {
        padding-inline: 12px;
    }

    .q-inventory-migration-account-list label[b-hne2aldavr] {
        grid-template-columns: auto auto minmax(0, 1fr);
    }

    .q-inventory-migration-account-check[b-hne2aldavr] {
        display: none;
    }

    .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%;
    }

    .q-inventory-vero-details-head[b-hne2aldavr] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* _content/Qublo.App.Shared/Pages/Notifications.razor.rz.scp.css */
.notification-history[b-98i5b2j31q] { display: grid; gap: 1.2rem; padding: 1.4rem; }
.notification-history-head[b-98i5b2j31q], .notification-history-item[b-98i5b2j31q], .notification-history-pagination[b-98i5b2j31q] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.notification-history-head p[b-98i5b2j31q] { margin: 0; max-width: 52rem; color: var(--q-dark-muted); }
.notification-history-actions[b-98i5b2j31q], .notification-history-filters[b-98i5b2j31q] { display: flex; flex-wrap: wrap; gap: .6rem; }
.notification-history-list[b-98i5b2j31q] { padding: 0; margin: 0; list-style: none; display: grid; gap: .75rem; }
.notification-history-item[b-98i5b2j31q] { padding: 1.2rem; border: 1px solid var(--q-border, #303050); border-radius: .8rem; }
.notification-history-item > div:first-child[b-98i5b2j31q] { flex: 1; min-width: 0; }
.notification-history-item > .notification-history-actions[b-98i5b2j31q] { flex-shrink: 0; }
.notification-history-item.unread[b-98i5b2j31q] { border-inline-start: 4px solid #7771ef; }
.notification-history-item p[b-98i5b2j31q] { margin: .45rem 0; overflow-wrap: anywhere; }
.notification-history-item strong[b-98i5b2j31q] { overflow-wrap: anywhere; }
.notification-history-item time[b-98i5b2j31q], .notification-history-status[b-98i5b2j31q] { font-size: .85rem; color: var(--q-dark-muted); }
.notification-history-status[b-98i5b2j31q] { margin-inline-start: 1rem; }
.notification-history-error[b-98i5b2j31q] { padding: 1rem; border: 1px solid #ba5666; border-radius: .6rem; }
.notification-history-pagination[b-98i5b2j31q] { justify-content: center; }
@media (max-width: 760px) {
    .notification-history[b-98i5b2j31q] { padding: 1rem; }
    .notification-history-head[b-98i5b2j31q], .notification-history-item[b-98i5b2j31q] { align-items: stretch; flex-direction: column; }
    .notification-history-actions .q-btn[b-98i5b2j31q] { flex: 1; }
}
/* _content/Qublo.App.Shared/Pages/OrderMessages.razor.rz.scp.css */
/* Shared order styling is emitted by Orders.razor.css with the same CSS scope. */
/* _content/Qublo.App.Shared/Pages/OrderPageBase.razor.rz.scp.css */
/* Shared order styling is emitted by Orders.razor.css with the same CSS scope. */
/* _content/Qublo.App.Shared/Pages/OrderProblemsPage.razor.rz.scp.css */
/* Shared order styling is emitted by Orders.razor.css with the same CSS scope. */
/* _content/Qublo.App.Shared/Pages/Orders.razor.rz.scp.css */
.orders-page[b-qublo-orders],
.orders-page *[b-qublo-orders] {
    box-sizing: border-box;
}

.orders-page[b-qublo-orders] {
    --orders-shipped-ink: #1b2500;
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: 100%;
    min-height: 0;
    position: relative;
}

.q-app-shell[data-theme="light"] .orders-page[b-qublo-orders] {
    --orders-shipped-ink: #ffffff;
}

.orders-page.orders-page-empty[b-qublo-orders] {
    overflow-y: auto;
    padding-top: 12px;
}

.orders-toolbar[b-qublo-orders] {
    align-items: center;
    display: flex;
    gap: 12px;
    min-width: 0;
    position: relative;
    z-index: 12;
}

.orders-search[b-qublo-orders] {
    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-qublo-orders] {
    border-color: rgba(141, 143, 243, 0.62);
    box-shadow: 0 0 0 2px rgba(91, 91, 214, 0.12);
}

.orders-search svg[b-qublo-orders] {
    fill: none;
    flex: none;
    height: 18px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
    width: 18px;
}

.orders-search input[b-qublo-orders] {
    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-qublo-orders]::placeholder {
    color: var(--q-dark-faint);
}

.orders-search-clear[b-qublo-orders] {
    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-qublo-orders] {
    align-items: center;
    display: flex;
    flex: none;
    gap: 7px;
}

.orders-toolbar-button[b-qublo-orders] {
    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-qublo-orders] {
    background: var(--q-indigo-bright);
    border-color: var(--q-indigo-bright);
}

.orders-toolbar-button.secondary[b-qublo-orders] {
    background: #24264f;
    border-color: #34376b;
    color: #dfe1ef;
}

.orders-toolbar-button.secondary:hover:not(:disabled)[b-qublo-orders] {
    background: #30346a;
    border-color: #454988;
}

.orders-toolbar-button:disabled[b-qublo-orders] {
    cursor: wait;
    opacity: 0.62;
}

.orders-toolbar-button svg[b-qublo-orders] {
    fill: none;
    height: 15px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
    width: 15px;
}

.orders-table-shell[b-qublo-orders] {
    background: var(--q-dark-card);
    border: 1px solid var(--q-dark-line);
    border-radius: 12px 12px 0 0;
    display: grid;
    flex: 1 1 auto;
    grid-template-rows: minmax(0, 1fr) 44px;
    min-height: 0;
    overflow: hidden;
}

.orders-cancellation-requests.embedded[b-qublo-orders] {
    box-shadow: none;
    flex: 0 0 auto;
    left: auto;
    max-height: 330px;
    position: static;
    right: auto;
    top: auto;
    z-index: auto;
}

.orders-cancellation-requests[b-qublo-orders] {
    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-qublo-orders],
.orders-cancellation-requests > article[b-qublo-orders] {
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: space-between;
}

.orders-cancellation-requests > header > div[b-qublo-orders],
.orders-cancellation-requests > article > div[b-qublo-orders] {
    display: grid;
    gap: 4px;
}

.orders-cancellation-requests > header strong[b-qublo-orders],
.orders-cancellation-requests > article strong[b-qublo-orders] {
    color: var(--q-dark-ink);
    font-size: 13px;
}

.orders-cancellation-requests small[b-qublo-orders] {
    color: var(--q-dark-muted);
    font-size: 11.5px;
}

.orders-cancellation-requests > article[b-qublo-orders] {
    background: #181a3a;
    border: 1px solid #2a2d58;
    border-radius: 9px;
    padding: 10px 12px;
}

.orders-warning-copy[b-qublo-orders] {
    color: #ffb44d;
    font-size: 11.5px;
    font-weight: 750;
}

.orders-cancellation-actions[b-qublo-orders] {
    align-items: center;
    display: flex;
    flex: none;
    gap: 8px;
}

.orders-table-scroll[b-qublo-orders] {
    min-height: 0;
    overflow: auto;
    scrollbar-color: #353862 transparent;
    scrollbar-width: thin;
}

.orders-table-scroll[b-qublo-orders]::-webkit-scrollbar {
    height: 7px;
    width: 7px;
}

.orders-table-scroll[b-qublo-orders]::-webkit-scrollbar-thumb {
    background: #353862;
    border-radius: 999px;
}

.orders-table[b-qublo-orders] {
    border-collapse: collapse;
    min-width: 1530px;
    table-layout: fixed;
    width: 100%;
}

.orders-col-checkbox[b-qublo-orders] {
    width: 40px;
}

.orders-col-order[b-qublo-orders] {
    width: 330px;
}

.orders-col-date[b-qublo-orders] {
    width: 110px;
}

.orders-col-status[b-qublo-orders] {
    width: 160px;
}

.orders-col-region[b-qublo-orders] {
    width: 70px;
}

.orders-col-deadline[b-qublo-orders] {
    width: 85px;
}

.orders-col-customer[b-qublo-orders] {
    width: 210px;
}

.orders-col-price[b-qublo-orders] {
    width: 110px;
}

.orders-col-profit[b-qublo-orders] {
    width: 95px;
}

.orders-col-product-id[b-qublo-orders] {
    width: 200px;
}

.orders-col-actions[b-qublo-orders] {
    width: 120px;
}

.orders-table thead[b-qublo-orders] {
    position: sticky;
    top: 0;
    z-index: 4;
}

.orders-table th[b-qublo-orders] {
    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-qublo-orders] {
    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-qublo-orders] {
    transition: background 0.12s ease;
}

.orders-table tbody tr:hover[b-qublo-orders] {
    background: rgba(25, 27, 58, 0.74);
}

.orders-center-cell[b-qublo-orders] {
    text-align: center !important;
}

.orders-money-cell[b-qublo-orders] {
    text-align: right !important;
}

.orders-price-cell .orders-kv[b-qublo-orders] {
    justify-items: end;
}

.orders-price-cell .orders-kv > div[b-qublo-orders] {
    justify-content: flex-end;
}

/* Keep operative controls visible while the data columns scroll. */
.orders-table th.orders-actions-cell[b-qublo-orders],
.orders-table td.orders-actions-cell[b-qublo-orders] {
    background: var(--q-dark-card);
    box-shadow: -12px 0 18px -18px rgba(0, 0, 0, 0.9);
    padding-left: 6px;
    padding-right: 6px;
    position: sticky;
    right: 0;
    text-align: center;
    z-index: 2;
}

.orders-table th.orders-actions-cell[b-qublo-orders] {
    z-index: 5;
}

.orders-table tbody tr:hover td.orders-actions-cell[b-qublo-orders] {
    background: var(--q-dark-card-2);
}

.orders-table .orders-checkbox-cell[b-qublo-orders] {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}

.orders-table input.orders-checkbox[b-qublo-orders] {
    appearance: none;
    background: transparent;
    border: 1px solid #2b2e57;
    border-radius: 4px;
    cursor: pointer;
    display: block;
    flex: 0 0 18px;
    height: 18px;
    margin: 0 auto;
    max-height: 18px;
    max-width: 18px;
    min-height: 18px;
    min-width: 18px;
    padding: 0;
    position: relative;
    width: 18px;
}

.orders-table input.orders-checkbox:checked[b-qublo-orders] {
    background: var(--q-indigo);
    border-color: var(--q-indigo);
}

.orders-table input.orders-checkbox:checked[b-qublo-orders]::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-table input.orders-checkbox:focus-visible[b-qublo-orders] {
    outline: 2px solid var(--q-indigo-bright);
    outline-offset: 2px;
}

.orders-sort[b-qublo-orders] {
    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-qublo-orders] {
    color: var(--q-indigo-bright);
    font-size: 14px;
}

.orders-product[b-qublo-orders] {
    align-items: center;
    display: flex;
    gap: 12px;
    min-width: 0;
}

.orders-thumb[b-qublo-orders] {
    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-qublo-orders] {
    height: 100%;
    object-fit: contain;
    width: 100%;
}

.orders-product-copy[b-qublo-orders] {
    min-width: 0;
}

.orders-product-title[b-qublo-orders] {
    -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-qublo-orders] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 6px;
}

.orders-mini-badge[b-qublo-orders] {
    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.positive[b-qublo-orders] {
    background: var(--q-lime-soft);
    color: var(--q-lime);
}

.orders-mini-badge.profit.negative[b-qublo-orders] {
    background: var(--q-red-soft);
    color: var(--q-red);
}

.orders-mini-badge.profit.zero[b-qublo-orders] {
    background: rgba(146, 150, 178, 0.12);
    color: var(--q-dark-muted);
}

.orders-mini-badge.sponsored[b-qublo-orders] {
    background: rgba(83, 126, 255, 0.16);
    color: #8eacff;
}

.orders-mini-badge.monitored[b-qublo-orders] {
    background: var(--q-lime-soft);
    color: var(--q-lime);
}

.orders-mini-badge.unmonitored[b-qublo-orders] {
    background: var(--q-red-soft);
    color: var(--q-red);
}

.orders-date[b-qublo-orders],
.orders-region[b-qublo-orders],
.orders-deadline[b-qublo-orders] {
    color: var(--q-dark-muted);
    white-space: nowrap;
}

.orders-deadline.overdue[b-qublo-orders] {
    color: #ff424c;
    font-weight: 800;
}

.orders-status-stack[b-qublo-orders] {
    display: grid;
    gap: 5px;
}

.orders-status-select[b-qublo-orders],
.orders-product-sync[b-qublo-orders] {
    border-radius: 8px;
    font-size: 12.5px;
    font-weight: 900;
    height: 34px;
    min-height: 34px;
    width: 100%;
}

.orders-status-select[b-qublo-orders] {
    appearance: auto;
    border: 0;
    color: #ffffff;
    cursor: pointer;
    padding: 0 9px;
}

.orders-status-select.waiting[b-qublo-orders] {
    background: #f9b107;
    color: #302300;
}

.orders-status-select.ordered[b-qublo-orders] {
    background: var(--q-indigo);
}

.orders-status-select.shipped[b-qublo-orders] {
    background: var(--q-lime-deep);
    color: var(--orders-shipped-ink);
}

.orders-status-select.cancelled[b-qublo-orders] {
    background: #c93448;
}

.orders-status-select:disabled[b-qublo-orders] {
    cursor: default;
    opacity: 1;
}

.orders-status-label[b-qublo-orders] {
    align-items: center;
    appearance: none;
    cursor: default;
    display: inline-flex;
}

.orders-product-sync[b-qublo-orders] {
    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-qublo-orders] {
    background: #2c2e5b;
    color: #d3d5e6;
}

.orders-product-sync svg[b-qublo-orders] {
    fill: none;
    height: 15px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
    width: 15px;
}

.orders-customer[b-qublo-orders] {
    color: var(--q-dark-ink);
    display: grid;
    gap: 2px;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.orders-customer small[b-qublo-orders] {
    color: var(--q-dark-muted);
    font-size: 11.5px;
}

.orders-kv[b-qublo-orders] {
    display: grid;
    gap: 3px;
}

.orders-kv > div[b-qublo-orders],
.orders-kv > a[b-qublo-orders] {
    align-items: baseline;
    display: flex;
    gap: 4px;
    min-width: 0;
}

.orders-kv span[b-qublo-orders] {
    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-qublo-orders] {
    color: var(--q-dark-muted);
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.orders-profit[b-qublo-orders] {
    font-weight: 900;
    white-space: nowrap;
}

.orders-profit.positive[b-qublo-orders] {
    color: var(--q-lime);
}

.orders-profit.negative[b-qublo-orders] {
    color: #ff2535;
}

.orders-profit.zero[b-qublo-orders] {
    color: var(--q-dark-muted);
}

.orders-market-mark[b-qublo-orders] {
    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-qublo-orders] {
    background: #d8d8e3;
    font-size: 7px !important;
    height: 18px;
    letter-spacing: -0.25px;
    width: 18px;
}

.orders-product-link[b-qublo-orders] {
    border-radius: 4px;
    color: inherit;
    min-height: 19px;
    text-decoration: none;
}

.orders-product-link:not(.disabled):hover strong:last-child[b-qublo-orders],
.orders-product-link:not(.disabled):focus-visible strong:last-child[b-qublo-orders] {
    color: var(--q-indigo-bright);
    text-decoration: underline;
}

.orders-product-link:focus-visible[b-qublo-orders] {
    outline: 2px solid rgba(141, 143, 243, 0.7);
    outline-offset: 2px;
}

.orders-product-link.disabled[b-qublo-orders] {
    cursor: default;
    opacity: 0.72;
}

.orders-row-actions[b-qublo-orders] {
    align-items: center;
    display: flex;
    gap: 7px;
    justify-content: center;
}

.orders-action[b-qublo-orders] {
    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-qublo-orders] {
    fill: none;
    height: 15px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.9;
    width: 15px;
}

.orders-action.archive[b-qublo-orders] {
    background: var(--q-red-soft);
    color: #ff2535;
}

.orders-action.edit[b-qublo-orders] {
    background: var(--q-amber-soft);
    color: var(--q-amber);
}

.orders-action.link[b-qublo-orders],
.orders-action.restore[b-qublo-orders] {
    background: var(--q-lime-soft);
    color: var(--q-lime);
}

.orders-action:disabled[b-qublo-orders],
.orders-action.disabled[b-qublo-orders] {
    cursor: not-allowed;
    opacity: 0.42;
    pointer-events: none;
}

.orders-empty[b-qublo-orders] {
    color: var(--q-dark-dim);
    display: grid;
    gap: 6px;
    min-height: 210px;
    place-content: center;
    text-align: center;
}

.orders-empty strong[b-qublo-orders] {
    color: var(--q-dark-muted);
    font-size: 14px;
}

.orders-empty-sync[b-qublo-orders] {
    justify-self: center;
    margin-top: 8px;
}

.orders-footer[b-qublo-orders] {
    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-qublo-orders],
.orders-pagination[b-qublo-orders] {
    align-items: center;
    display: flex;
    gap: 8px;
}

.orders-summary b[b-qublo-orders],
.orders-pagination b[b-qublo-orders] {
    color: var(--q-dark-muted);
}

.orders-summary select[b-qublo-orders] {
    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-qublo-orders] {
    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-qublo-orders] {
    color: var(--q-dark-faint);
    opacity: 0.45;
}

.orders-pagination svg[b-qublo-orders] {
    fill: none;
    height: 17px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
    width: 17px;
}

.orders-toast[b-qublo-orders] {
    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-qublo-orders] {
    background: #123526;
    border-color: rgba(198, 249, 75, 0.36);
    color: #83e7ad;
}

.orders-toast.warning[b-qublo-orders] {
    background: #3a2b12;
    border-color: rgba(245, 183, 64, 0.48);
    color: #ffd27a;
}

.orders-toast.error[b-qublo-orders] {
    background: #3a1620;
    border-color: rgba(240, 85, 106, 0.4);
    color: #ff9aa8;
}

.orders-toast button[b-qublo-orders] {
    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-qublo-orders] {
    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-qublo-orders] {
    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: flex;
    flex-direction: column;
    height: 100%;
    max-width: 650px;
    min-width: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    width: min(650px, calc(100vw - 24px));
}

.orders-drawer > *[b-qublo-orders] {
    flex: 0 0 auto;
}

.orders-drawer-head[b-qublo-orders] {
    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-qublo-orders] {
    align-items: center;
    display: flex;
    gap: 8px;
}

.orders-drawer-title-line h2[b-qublo-orders] {
    color: #f0f1fb;
    font-size: 23px;
    line-height: 1.1;
    margin: 0;
}

.orders-drawer-title-line a[b-qublo-orders] {
    color: #d7d9eb;
    display: inline-flex;
}

.orders-drawer-title-line svg[b-qublo-orders] {
    fill: none;
    height: 21px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.9;
    width: 21px;
}

.orders-drawer-head p[b-qublo-orders] {
    color: #777aa4;
    font-size: 13px;
    margin: 7px 0 0;
}

.orders-drawer-close[b-qublo-orders] {
    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-qublo-orders] {
    color: #ffffff;
}

.orders-drawer-summary[b-qublo-orders] {
    border-bottom: 1px solid #25274a;
    margin: 0 30px;
    padding: 14px 0 18px;
}

.orders-drawer-product[b-qublo-orders] {
    align-items: center;
    display: grid;
    gap: 12px;
    grid-template-columns: 68px minmax(0, 1fr);
}

.orders-drawer-thumb[b-qublo-orders] {
    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-qublo-orders] {
    height: 100%;
    object-fit: contain;
    width: 100%;
}

.orders-drawer-product > div[b-qublo-orders] {
    display: grid;
    gap: 7px;
    min-width: 0;
}

.orders-drawer-product a[b-qublo-orders],
.orders-drawer-product > div > strong[b-qublo-orders] {
    color: #1680ff;
    font-size: 13.5px;
    font-weight: 800;
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
}

.orders-drawer-product small[b-qublo-orders] {
    align-items: center;
    color: #b7b9cc;
    display: flex;
    font-size: 12px;
    gap: 5px;
}

.orders-ebay-mark[b-qublo-orders] {
    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-qublo-orders] {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    margin-top: 16px;
}

.orders-drawer-metrics > div[b-qublo-orders],
.orders-drawer-customer > div[b-qublo-orders] {
    display: grid;
    gap: 5px;
    min-width: 0;
}

.orders-drawer-metrics span[b-qublo-orders],
.orders-drawer-customer span[b-qublo-orders] {
    color: #686b97;
    font-size: 12px;
}

.orders-drawer-metrics strong[b-qublo-orders],
.orders-drawer-customer strong[b-qublo-orders] {
    color: #e4e5ef;
    font-size: 13px;
    overflow-wrap: anywhere;
}

.orders-drawer-customer[b-qublo-orders] {
    display: grid;
    gap: 18px 38px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0 30px;
    padding: 17px 0;
}

.orders-drawer-customer strong[b-qublo-orders] {
    white-space: pre-line;
}

.orders-drawer-carrier-state[b-qublo-orders] {
    border-bottom: 1px solid #25274a;
    color: #777aa4;
    font-size: 12.5px;
    margin: 0 30px;
    padding: 6px 0 17px;
}

.orders-drawer-tabs[b-qublo-orders] {
    border-bottom: 1px solid #2a2c50;
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    margin: 0 30px;
}

.orders-drawer-tabs button[b-qublo-orders] {
    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-qublo-orders],
.orders-drawer-tabs button.active[b-qublo-orders] {
    color: #1680ff;
}

.orders-drawer-tabs button.active[b-qublo-orders] {
    border-bottom-color: #1680ff;
}

.orders-drawer-body[b-qublo-orders] {
    min-height: 0;
    overflow: visible;
    padding: 14px 30px 18px;
    scrollbar-color: #383b72 transparent;
    scrollbar-width: thin;
}

.orders-drawer-body[b-qublo-orders]::-webkit-scrollbar {
    width: 7px;
}

.orders-drawer-body[b-qublo-orders]::-webkit-scrollbar-thumb {
    background: #383b72;
    border-radius: 999px;
}

.orders-drawer-actions[b-qublo-orders] {
    align-items: center;
    border-top: 1px solid #292b50;
    display: flex;
    gap: 8px;
    min-height: 60px;
    padding: 10px 30px;
}

.orders-drawer-actions .q-btn[b-qublo-orders] {
    flex: 1;
}

.orders-tracking-panel[b-qublo-orders] {
    display: grid;
    gap: 0;
    padding: 3px 4px;
}

.orders-timeline-item[b-qublo-orders] {
    display: grid;
    gap: 12px;
    grid-template-columns: 24px minmax(0, 1fr);
    min-height: 70px;
    position: relative;
}

.orders-timeline-item:not(:last-child)[b-qublo-orders]::after {
    background: #31345f;
    content: "";
    height: calc(100% - 24px);
    left: 11px;
    position: absolute;
    top: 25px;
    width: 2px;
}

.orders-timeline-dot[b-qublo-orders] {
    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-qublo-orders] {
    background: #1680ff;
    border-color: #5aa5ff;
    box-shadow: 0 0 0 5px rgba(22, 128, 255, 0.12);
}

.orders-timeline-item > div[b-qublo-orders] {
    display: grid;
    gap: 4px;
    justify-items: start;
}

.orders-timeline-item strong[b-qublo-orders] {
    color: #e5e6f0;
    font-size: 13px;
}

.orders-timeline-item small[b-qublo-orders],
.orders-timeline-item span[b-qublo-orders] {
    color: #7477a0;
    font-size: 12px;
}

.orders-tracking-form[b-qublo-orders] {
    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-qublo-orders],
.orders-edit-panel label[b-qublo-orders] {
    color: #d6d7e2;
    display: grid;
    font-size: 12px;
    font-weight: 800;
    gap: 6px;
}

.orders-tracking-form select[b-qublo-orders],
.orders-tracking-form input[b-qublo-orders],
.orders-edit-panel input[b-qublo-orders],
.orders-notes-panel textarea[b-qublo-orders] {
    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-qublo-orders] {
    grid-column: 1 / -1;
}

.orders-tracking-form label.wide[b-qublo-orders] {
    grid-column: 1 / -1;
}

.orders-operation-card[b-qublo-orders] {
    background: #181a3a;
    border: 1px solid #2a2d58;
    border-radius: 10px;
    display: grid;
    gap: 12px;
    margin-top: 14px;
    padding: 14px;
}

.orders-operation-heading[b-qublo-orders] {
    align-items: start;
    display: flex;
    gap: 12px;
    justify-content: space-between;
}

.orders-operation-heading > div[b-qublo-orders] {
    display: grid;
    gap: 4px;
}

.orders-operation-heading strong[b-qublo-orders],
.orders-file-input strong[b-qublo-orders],
.orders-invoice-summary strong[b-qublo-orders] {
    color: #e7e8f0;
    font-size: 13px;
}

.orders-operation-heading small[b-qublo-orders],
.orders-operation-message[b-qublo-orders],
.orders-invoice-summary small[b-qublo-orders] {
    color: #7f82aa;
    font-size: 11.5px;
    line-height: 1.45;
}

.orders-operation-heading > span[b-qublo-orders] {
    border-radius: 999px;
    flex: none;
    font-size: 10px;
    font-weight: 900;
    padding: 4px 8px;
}

.orders-operation-heading > span.ready[b-qublo-orders] {
    background: var(--q-lime-soft);
    color: var(--q-lime);
}

.orders-operation-heading > span.not-configured[b-qublo-orders] {
    background: rgba(255, 180, 77, 0.13);
    color: #ffb44d;
}

.orders-mapping-card[b-qublo-orders] {
    border-color: rgba(255, 180, 77, 0.4);
}

.orders-mapping-search[b-qublo-orders] {
    align-items: end;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.orders-mapping-search label[b-qublo-orders] {
    display: grid;
    flex: 1 1 100%;
    font-size: 12px;
    gap: 6px;
    min-width: 0;
}

.orders-mapping-search input[b-qublo-orders] {
    background: #181a3a;
    border: 1px solid #2a2d58;
    border-radius: 8px;
    color: #e1e2ec;
    min-height: 38px;
    min-width: 0;
    padding: 0 9px;
    width: 100%;
}

.orders-mapping-list[b-qublo-orders] {
    display: grid;
    gap: 10px;
}

.orders-mapping-list article[b-qublo-orders] {
    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-qublo-orders] {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.orders-mapping-list article strong[b-qublo-orders],
.orders-mapping-list article small[b-qublo-orders] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.orders-mapping-list article small[b-qublo-orders] {
    color: #9295b8;
}

.orders-mapping-list select[b-qublo-orders] {
    background: #181a3a;
    border: 1px solid #2a2d58;
    border-radius: 8px;
    color: #e1e2ec;
    min-height: 38px;
    min-width: 0;
    padding: 0 9px;
}

.orders-integration-state[b-qublo-orders] {
    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-qublo-orders] {
    background: rgba(255, 180, 77, 0.08);
    border-color: rgba(255, 180, 77, 0.28);
    color: #ffbd68;
}

.orders-cancellation-form[b-qublo-orders] {
    display: grid;
    gap: 10px;
}

.orders-cancellation-form label[b-qublo-orders],
.orders-file-input[b-qublo-orders] {
    color: #d6d7e2;
    display: grid;
    font-size: 12px;
    font-weight: 800;
    gap: 6px;
}

.orders-cancellation-form select[b-qublo-orders],
.orders-cancellation-form textarea[b-qublo-orders] {
    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-qublo-orders] {
    min-height: 92px;
    resize: vertical;
}

.orders-cancellation-form .danger[b-qublo-orders] {
    background: #b82e43;
    border-color: #d13b51;
}

.orders-file-input[b-qublo-orders] {
    background: #202247;
    border: 1px dashed #444882;
    border-radius: 9px;
    cursor: pointer;
    padding: 14px;
}

.orders-file-input input[b-qublo-orders] {
    color: #aeb1cc;
    font-size: 12px;
}

.orders-invoice-summary[b-qublo-orders] {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: space-between;
}

.orders-invoice-summary > div:first-child[b-qublo-orders] {
    display: grid;
    gap: 4px;
}

.orders-invoice-summary > div:last-child[b-qublo-orders] {
    display: flex;
    gap: 7px;
}

.orders-chat-panel[b-qublo-orders] {
    display: grid;
    grid-template-rows: minmax(210px, 1fr) auto;
    height: 100%;
    min-height: 310px;
}

.orders-chat-empty[b-qublo-orders] {
    align-content: center;
    color: #7a7da6;
    display: grid;
    gap: 8px;
    justify-items: center;
    min-height: 230px;
    text-align: center;
}

.orders-chat-empty strong[b-qublo-orders] {
    color: #e1e2ed;
    font-size: 13.5px;
}

.orders-chat-empty small[b-qublo-orders] {
    max-width: 400px;
}

.orders-chat-empty.error strong[b-qublo-orders],
.orders-chat-empty.error .orders-chat-symbol[b-qublo-orders] {
    color: #ff7588;
}

.orders-chat-symbol[b-qublo-orders] {
    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-qublo-orders] {
    align-content: start;
    display: grid;
    gap: 10px;
    overflow: auto;
    padding: 2px 3px 16px;
}

.orders-chat-message[b-qublo-orders] {
    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-qublo-orders] {
    background: #183d75;
    border-color: #235597;
    border-radius: 11px 11px 3px 11px;
    justify-self: end;
}

.orders-chat-message small[b-qublo-orders] {
    color: #8589b0;
    font-size: 10.5px;
}

.orders-chat-message.seller small[b-qublo-orders] {
    color: #91b9ec;
}

.orders-chat-message p[b-qublo-orders] {
    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-qublo-orders] {
    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-qublo-orders] {
    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-qublo-orders] {
    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-qublo-orders] {
    background: #1680ff;
    color: #ffffff;
}

.orders-chat-compose button:disabled[b-qublo-orders] {
    opacity: 0.45;
}

.orders-chat-compose svg[b-qublo-orders] {
    fill: none;
    height: 17px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
    width: 17px;
}

.orders-fees-panel[b-qublo-orders] {
    display: grid;
    gap: 0;
}

.orders-financial-status[b-qublo-orders] {
    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-qublo-orders] {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: space-between;
}

.orders-financial-status span[b-qublo-orders],
.orders-financial-status small[b-qublo-orders] {
    color: #9fa3bd;
}

.orders-financial-status strong[b-qublo-orders] {
    color: #f1f2f8;
    font-size: 12px;
}

.orders-financial-status.complete[b-qublo-orders] {
    border-left-color: var(--q-lime);
}

.orders-financial-status.partial[b-qublo-orders],
.orders-financial-status.pending[b-qublo-orders] {
    border-left-color: #f0b64a;
}

.orders-financial-status.failed[b-qublo-orders] {
    border-left-color: var(--q-red);
}

.orders-profit-bar[b-qublo-orders] {
    background: #27294f;
    border-radius: 6px;
    height: 32px;
    margin: 0 0 15px;
    overflow: hidden;
}

.orders-profit-bar span[b-qublo-orders] {
    background: linear-gradient(90deg, #1680ff, #35b8ff);
    display: block;
    height: 100%;
    min-width: 0;
}

.orders-fee-row[b-qublo-orders] {
    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-qublo-orders] {
    color: #e2e3ec;
}

.orders-fee-row strong[b-qublo-orders] {
    color: #f1f2f8;
}

.orders-fee-row span small[b-qublo-orders] {
    color: #8eacff;
    font-size: 10px;
    font-weight: 900;
    margin-left: 5px;
}

.orders-fee-row.sponsored[b-qublo-orders] {
    background: rgba(83, 126, 255, 0.06);
}

.orders-fee-row.effective[b-qublo-orders] {
    border-bottom-style: solid;
    font-weight: 800;
}

.orders-fee-row.total[b-qublo-orders] {
    border-bottom-style: solid;
    font-weight: 900;
    margin-top: 5px;
}

.orders-fee-details[b-qublo-orders] {
    border: 1px solid #31345e;
    border-radius: 8px;
    margin-top: 16px;
    overflow: hidden;
}

.orders-fee-details summary[b-qublo-orders] {
    color: #dfe1ee;
    cursor: pointer;
    font-size: 12px;
    font-weight: 800;
    padding: 11px 12px;
}

.orders-fee-detail[b-qublo-orders] {
    align-items: center;
    border-top: 1px solid #2b2e55;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    padding: 9px 12px;
}

.orders-fee-detail > span[b-qublo-orders] {
    display: grid;
    gap: 2px;
}

.orders-fee-detail small[b-qublo-orders] {
    color: #8f93aa;
    font-size: 10px;
}

.orders-notes-panel[b-qublo-orders] {
    display: grid;
    gap: 18px;
}

.orders-notes-panel label[b-qublo-orders] {
    display: grid;
    gap: 6px;
}

.orders-notes-panel strong[b-qublo-orders] {
    color: #e0e1e9;
    font-size: 12.5px;
}

.orders-notes-panel small[b-qublo-orders] {
    color: #73769e;
    font-size: 11.5px;
}

.orders-readonly-note[b-qublo-orders],
.orders-notes-panel textarea[b-qublo-orders] {
    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-qublo-orders] {
    color: #e1e2ec;
    resize: vertical;
}

.orders-edit-panel[b-qublo-orders] {
    display: grid;
    gap: 12px 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.orders-edit-panel label.wide[b-qublo-orders] {
    grid-column: 1 / -1;
}

.orders-edit-panel input:focus[b-qublo-orders],
.orders-notes-panel textarea:focus[b-qublo-orders],
.orders-tracking-form input:focus[b-qublo-orders],
.orders-tracking-form select:focus[b-qublo-orders],
.orders-chat-compose:focus-within[b-qublo-orders] {
    border-color: #1680ff;
    outline: 0;
}

@media (max-width: 900px) {
    .orders-page[b-qublo-orders] {
        grid-template-rows: auto minmax(560px, calc(100vh - 150px));
        padding-top: 10px;
    }

    .orders-page.problems-mode[b-qublo-orders] {
        /* Match the mobile shell's 68px header and 18px bottom padding. */
        min-height: calc(100dvh - 86px);
    }

    .orders-toolbar[b-qublo-orders] {
        align-items: stretch;
        display: grid;
        grid-template-columns: 42px minmax(0, 1fr);
    }

    .orders-toolbar-actions[b-qublo-orders] {
        grid-column: 1 / -1;
        justify-content: flex-end;
    }

    .orders-toast[b-qublo-orders] {
        position: fixed;
        right: 16px;
        top: 76px;
    }

    .orders-drawer-backdrop[b-qublo-orders] {
        padding: 0;
    }

    .orders-drawer[b-qublo-orders] {
        border-radius: 0;
        border-right: 0;
        max-width: 650px;
        width: min(650px, 100vw);
    }
}

@media (max-width: 560px) {
    .orders-drawer-tabs[b-qublo-orders] {
        display: flex;
        overflow-x: auto;
    }

    .orders-drawer-tabs button[b-qublo-orders] {
        flex: 0 0 92px;
    }

    .orders-invoice-summary[b-qublo-orders],
    .orders-cancellation-requests > article[b-qublo-orders] {
        align-items: stretch;
        flex-direction: column;
    }

    .orders-toolbar-actions[b-qublo-orders] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .orders-toolbar-button[b-qublo-orders] {
        padding: 0 8px;
    }

    .orders-footer[b-qublo-orders] {
        align-items: stretch;
        flex-direction: column;
        gap: 4px;
        height: auto;
        padding: 7px 10px;
    }

    .orders-table-shell[b-qublo-orders] {
        grid-template-rows: minmax(0, 1fr) auto;
    }

    .orders-drawer-head[b-qublo-orders],
    .orders-drawer-summary[b-qublo-orders],
    .orders-drawer-customer[b-qublo-orders],
    .orders-drawer-carrier-state[b-qublo-orders],
    .orders-drawer-tabs[b-qublo-orders] {
        margin-left: 18px;
        margin-right: 18px;
    }

    .orders-drawer-body[b-qublo-orders] {
        padding-left: 18px;
        padding-right: 18px;
    }

    .orders-drawer-actions[b-qublo-orders] {
        padding-left: 18px;
        padding-right: 18px;
    }

    .orders-drawer-title-line h2[b-qublo-orders] {
        font-size: 18px;
    }

    .orders-drawer-metrics[b-qublo-orders] {
        gap: 10px;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .orders-drawer-customer[b-qublo-orders],
    .orders-edit-panel[b-qublo-orders],
    .orders-tracking-form[b-qublo-orders] {
        grid-template-columns: 1fr;
    }

    .orders-edit-panel label.wide[b-qublo-orders],
    .orders-tracking-form button[b-qublo-orders] {
        grid-column: auto;
    }

    .orders-mapping-list article[b-qublo-orders] {
        align-items: stretch;
        grid-template-columns: 1fr;
    }

    .orders-drawer-tabs[b-qublo-orders] {
        overflow-x: auto;
    }

    .orders-drawer-tabs button[b-qublo-orders] {
        font-size: 11px;
        padding: 0 4px;
    }
}
.orders-chat-message.automatic[b-qublo-orders] {
    border-left: 3px solid var(--q-indigo-bright);
}

.orders-chat-automatic-label[b-qublo-orders] {
    display: inline-flex;
    margin-left: .4rem;
    padding: .12rem .42rem;
    border-radius: 999px;
    color: #aeb0ff;
    background: rgba(91, 91, 214, .18);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .02em;
    text-transform: uppercase;
}

.orders-problem-list[b-qublo-orders] {
    background: var(--q-dark-card);
    border: 1px solid var(--q-dark-line);
    border-radius: 12px 12px 0 0;
    display: grid;
    flex: 1 1 420px;
    grid-template-rows: minmax(0, 1fr) 44px;
    min-height: 240px;
    overflow: hidden;
}

.orders-problem-list-empty[b-qublo-orders] {
    background: transparent;
    border: 0;
    border-radius: 8px;
    display: block;
    flex: none;
    min-height: 0;
}

.orders-problem-scroll[b-qublo-orders] {
    min-height: 0;
    overflow: auto;
    scrollbar-color: #353862 transparent;
    scrollbar-width: thin;
}

.orders-problem-table[b-qublo-orders] {
    border-collapse: collapse;
    min-width: 1260px;
    table-layout: fixed;
    width: 100%;
}

.orders-problem-table th[b-qublo-orders],
.orders-problem-table td[b-qublo-orders] {
    border-bottom: 1px solid var(--q-dark-line);
    padding: 9px 11px;
    text-align: left;
    vertical-align: middle;
}

.orders-problem-table th[b-qublo-orders] {
    background: var(--q-dark-card);
    color: var(--q-indigo-bright);
    font-size: 11px;
    font-weight: 800;
    position: sticky;
    top: 0;
    z-index: 1;
}

.orders-problem-table th:nth-child(1)[b-qublo-orders] { width: 34px; }
.orders-problem-table th:nth-child(2)[b-qublo-orders] { width: 300px; }
.orders-problem-table th:nth-child(3)[b-qublo-orders] { width: 120px; }
.orders-problem-table th:nth-child(4)[b-qublo-orders] { width: 190px; }
.orders-problem-table th:nth-child(5)[b-qublo-orders] { width: 70px; }
.orders-problem-table th:nth-child(6)[b-qublo-orders] { width: 125px; }
.orders-problem-table th:nth-child(7)[b-qublo-orders] { width: 180px; }
.orders-problem-table th:nth-child(8)[b-qublo-orders] { width: 110px; }
.orders-problem-table th:nth-child(9)[b-qublo-orders] { width: 150px; }
.orders-problem-table th:nth-child(10)[b-qublo-orders] { width: 125px; }

.orders-problem-table td[b-qublo-orders] {
    color: var(--q-dark-ink);
    font-size: 12px;
    height: 84px;
}

.orders-problem-status-stack[b-qublo-orders] {
    display: grid;
    gap: 5px;
}

.orders-problem-type[b-qublo-orders],
.orders-problem-state[b-qublo-orders] {
    align-items: center;
    border-radius: 8px;
    display: inline-flex;
    font-size: 11px;
    font-weight: 800;
    min-height: 27px;
    padding: 5px 9px;
}

.orders-problem-type[b-qublo-orders]::before,
.orders-problem-state[b-qublo-orders]::before {
    border-radius: 4px;
    display: inline-grid;
    font-size: 9px;
    height: 16px;
    margin-right: 6px;
    place-items: center;
    width: 16px;
}

.orders-problem-type[b-qublo-orders] {
    background: rgba(105, 96, 197, .28);
    color: var(--q-dark-ink);
}

.orders-problem-type[b-qublo-orders]::before { content: "!"; background: rgba(197, 194, 232, .22); }
.orders-problem-type.cancellation[b-qublo-orders]::before { content: "×"; }
.orders-problem-state.open[b-qublo-orders] { background: var(--q-red-soft); color: var(--q-red); }
.orders-problem-state.open[b-qublo-orders]::before { content: "!"; background: rgba(255, 76, 110, .2); }
.orders-problem-state.resolved[b-qublo-orders] { background: var(--q-lime-soft); color: var(--q-lime); }
.orders-problem-state.resolved[b-qublo-orders]::before { content: "✓"; background: rgba(26, 164, 98, .2); }

.orders-problem-opened-by[b-qublo-orders] {
    color: var(--q-dark-ink);
    font-weight: 700;
}

.orders-problem-product-id[b-qublo-orders] {
    align-items: center;
    color: var(--q-dark-muted);
    display: flex;
    gap: 7px;
    min-width: 0;
}

.orders-problem-product-id > span[b-qublo-orders] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.orders-problem-order-button[b-qublo-orders] {
    align-items: center;
    background: rgba(0, 155, 89, .12);
    border: 0;
    border-radius: 8px;
    color: #00a95d;
    cursor: pointer;
    display: inline-flex;
    height: 31px;
    justify-content: center;
    width: 31px;
}

.orders-problem-order-button:hover:not(:disabled)[b-qublo-orders] {
    background: rgba(0, 155, 89, .22);
}

.orders-problem-order-button:disabled[b-qublo-orders] { cursor: not-allowed; opacity: .45; }
.orders-problem-order-button svg[b-qublo-orders] { fill: none; height: 18px; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; width: 18px; }

.orders-page.problems-mode[b-qublo-orders] { overflow-y: auto; }
.orders-problem-toolbar[b-qublo-orders] { display: flex; flex: none; flex-wrap: wrap; }
.orders-problem-filter[b-qublo-orders] { min-width: 150px; max-width: 280px; }
.orders-problem-filter select[b-qublo-orders],
.orders-problem-detail input[b-qublo-orders],
.orders-problem-detail select[b-qublo-orders] {
    background: var(--q-dark-card);
    border: 1px solid var(--q-dark-line);
    border-radius: 8px;
    color: var(--q-dark-ink);
    min-height: 36px;
    padding: 7px 10px;
    max-width: 100%;
}
.orders-problem-filter select[b-qublo-orders] { width: 100%; }
.orders-problem-details-button[b-qublo-orders] {
    background: var(--q-dark-card);
    border: 1px solid var(--q-dark-line);
    border-radius: 8px;
    color: var(--q-indigo-bright);
    cursor: pointer;
    font-size: 11px;
    min-height: 31px;
    margin-right: 5px;
    padding: 5px 8px;
}
.orders-problem-details-button:focus-visible[b-qublo-orders],
.orders-problem-detail :focus-visible[b-qublo-orders] { outline: 2px solid var(--q-indigo-bright); outline-offset: 2px; }
.orders-problem-reason[b-qublo-orders] { display: block; color: var(--q-dark-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.orders-problem-deadline[b-qublo-orders] { display: block; color: var(--q-amber, #f5bf41); margin-top: 5px; }
.orders-problem-table .orders-problem-detail-row > td[b-qublo-orders] { height: auto; padding: 14px; }
.orders-problem-detail[b-qublo-orders] {
    background: var(--q-dark-bg);
    border: 1px solid var(--q-dark-line);
    border-radius: 10px;
    display: grid;
    color: var(--q-dark-ink);
    font-size: 0.875rem;
    line-height: 1.5;
    gap: 14px;
    padding: 16px;
}
.orders-problem-detail-copy[b-qublo-orders] { display: grid; gap: 6px; white-space: normal; overflow-wrap: anywhere; }
.orders-problem-policy-warning[b-qublo-orders] { color: var(--q-amber, #f5bf41); }
.orders-problem-allowed-actions[b-qublo-orders],
.orders-problem-detail-actions[b-qublo-orders],
.orders-problem-deduction-form[b-qublo-orders] { align-items: end; display: flex; flex-wrap: wrap; gap: 10px; }
.orders-problem-detail label[b-qublo-orders] { display: grid; gap: 5px; }
.orders-problem-partial-amount[b-qublo-orders] { max-width: 180px; }
.orders-problem-deduction[b-qublo-orders] { border-top: 1px solid var(--q-dark-line); padding-top: 12px; }
.orders-problem-deduction summary[b-qublo-orders] { cursor: pointer; font-weight: 700; }
.orders-problem-deduction-form[b-qublo-orders] { margin: 12px 0; }
.orders-problem-detail small[b-qublo-orders] { color: var(--q-dark-muted); }
.orders-internal-problem-queue[b-qublo-orders] {
    background: var(--q-dark-card);
    border: 1px solid var(--q-dark-line);
    border-radius: 12px;
    display: flex;
    flex: 1 1 320px;
    flex-direction: column;
    min-height: 160px;
    overflow: hidden;
}
.orders-internal-problem-queue > header[b-qublo-orders] { align-items: center; display: flex; flex: none; gap: 12px; padding: 12px 16px; }
.orders-internal-problem-scroll[b-qublo-orders] { flex: 1; min-height: 0; overflow-y: auto; }
.orders-internal-problem-row[b-qublo-orders] { align-items: center; border-top: 1px solid var(--q-dark-line); display: flex; flex-wrap: wrap; gap: 12px; padding: 12px 16px; }
.orders-internal-problem-row > div[b-qublo-orders] { display: grid; flex: 1; gap: 5px; min-width: 170px; overflow-wrap: anywhere; }
.orders-internal-problem-row > span[b-qublo-orders] { color: var(--q-amber, #f5bf41); flex: 2; min-width: 180px; overflow-wrap: anywhere; }
.orders-internal-problem-row small[b-qublo-orders] { color: var(--q-dark-muted); }
.orders-internal-problem-queue .orders-footer[b-qublo-orders] { flex: none; }

@media (max-width: 720px) {
    .orders-problem-filter[b-qublo-orders] { flex: 1; max-width: none; }
    .orders-problem-toolbar .orders-search[b-qublo-orders] { flex-basis: 100%; }
    .orders-internal-problem-queue .orders-footer[b-qublo-orders] { flex-wrap: wrap; gap: 6px; height: auto; min-height: 44px; }
}

.orders-search-token[b-qublo-orders] {
    align-items: center;
    background: var(--q-indigo-bright);
    border-radius: 6px;
    color: #fff;
    display: inline-flex;
    flex: none;
    font-size: 10px;
    font-weight: 900;
    padding: 4px 7px;
}

.orders-page.messages-mode[b-qublo-orders] {
    gap: 0;
    /* Short viewports or shell notices retain a bounded, reachable scroller. */
    min-height: 380px;
}

.orders-messaging-workspace[b-qublo-orders] {
    background: var(--q-dark-card);
    border: 1px solid var(--q-dark-line);
    border-radius: 12px;
    display: grid;
    flex: 1 1 auto;
    grid-template-columns: minmax(240px, 19%) minmax(460px, 1fr) minmax(285px, 20%);
    grid-template-rows: minmax(0, 1fr);
    height: 100%;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
}

.orders-conversation-list[b-qublo-orders] {
    border-right: 1px solid var(--q-dark-line);
    display: flex;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
    overflow: auto;
}

.orders-conversation-list > header[b-qublo-orders],
.orders-conversation-pane > header[b-qublo-orders] {
    align-items: center;
    border-bottom: 1px solid var(--q-dark-line);
    display: flex;
    flex: none;
    justify-content: space-between;
    min-height: 72px;
    padding: 12px 20px;
}

.orders-conversation-list > header > div[b-qublo-orders],
.orders-conversation-pane > header > div[b-qublo-orders] {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.orders-conversation-list > header strong[b-qublo-orders],
.orders-conversation-pane > header strong[b-qublo-orders] {
    color: var(--q-dark-ink);
    font-size: 14px;
}

.orders-conversation-list > header span[b-qublo-orders],
.orders-conversation-pane > header small[b-qublo-orders] {
    color: var(--q-dark-muted);
    font-size: 11px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.orders-conversation-refresh[b-qublo-orders],
.orders-conversation-pin[b-qublo-orders] {
    align-items: center;
    background: transparent;
    border: 1px solid var(--q-dark-line);
    border-radius: 8px;
    color: var(--q-dark-muted);
    display: inline-flex;
    height: 30px;
    justify-content: center;
    width: 30px;
}

.orders-conversation-refresh svg[b-qublo-orders],
.orders-conversation-pin svg[b-qublo-orders] { fill: none; height: 15px; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; width: 15px; }

.orders-conversation-list > button[b-qublo-orders] {
    align-items: center;
    background: transparent;
    border: 0;
    color: var(--q-dark-ink);
    cursor: pointer;
    display: grid;
    flex: none;
    grid-template-columns: 42px minmax(0, 1fr);
    padding: 10px 12px;
    text-align: left;
}

.orders-conversation-list > button:hover[b-qublo-orders] { background: rgba(91, 91, 214, .08); }
.orders-conversation-list > button.active[b-qublo-orders] { background: var(--q-indigo-bright); border-radius: 11px; color: #fff; margin: 0 8px; padding-left: 8px; padding-right: 8px; }

.orders-conversation-avatar[b-qublo-orders] {
    align-items: center;
    background: #f4f4ff;
    border-radius: 50%;
    color: var(--q-indigo);
    display: inline-flex;
    font-size: 13px;
    font-weight: 900;
    height: 36px;
    justify-content: center;
    width: 36px;
}

.orders-conversation-avatar img[b-qublo-orders] { height: 100%; object-fit: cover; width: 100%; }

.orders-conversation-copy[b-qublo-orders] { display: grid; gap: 4px; min-width: 0; }
.orders-conversation-copy > span[b-qublo-orders] { align-items: center; display: flex; gap: 7px; justify-content: space-between; min-width: 0; }
.orders-conversation-copy strong[b-qublo-orders] { font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.orders-conversation-copy small[b-qublo-orders] { color: var(--q-dark-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.orders-conversation-copy time[b-qublo-orders] { color: var(--q-dark-faint); flex: none; font-size: 9px; }
.orders-conversation-list > button.active small[b-qublo-orders],
.orders-conversation-list > button.active time[b-qublo-orders] { color: rgba(255, 255, 255, .75); }
.orders-conversation-empty[b-qublo-orders] { color: var(--q-dark-muted); padding: 28px 16px; }

.orders-conversation-pane[b-qublo-orders] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    min-height: 0;
    min-width: 0;
}

.orders-conversation-body[b-qublo-orders] { min-height: 0; overflow: auto; padding: 20px; }
.orders-conversation-pane > .orders-chat-compose[b-qublo-orders] { grid-template-columns: 34px minmax(0, 1fr) 38px; margin: 0 20px 16px; padding-left: 7px; }
.orders-chat-compose .orders-chat-attach[b-qublo-orders] { background: transparent; color: var(--q-dark-muted); }
.orders-chat-compose .orders-chat-attach:disabled[b-qublo-orders] { opacity: 1; }

.orders-conversation-context[b-qublo-orders] {
    border-left: 1px solid var(--q-dark-line);
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    min-height: 0;
    min-width: 0;
}

.orders-conversation-context > header[b-qublo-orders] {
    align-items: center;
    border-bottom: 1px solid var(--q-dark-line);
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-height: 230px;
    padding: 26px 18px 20px;
}

.orders-context-avatar[b-qublo-orders] {
    align-items: center;
    background: #fff;
    border-radius: 50%;
    color: var(--q-indigo);
    display: inline-flex;
    font-size: 30px;
    font-weight: 900;
    height: 122px;
    justify-content: center;
    overflow: hidden;
    width: 122px;
}

.orders-context-avatar img[b-qublo-orders] { height: 100%; object-fit: contain; width: 100%; }
.orders-conversation-context > header strong[b-qublo-orders] { color: var(--q-dark-ink); font-size: 17px; }

.orders-context-details[b-qublo-orders] {
    display: grid;
    align-content: start;
    gap: 14px;
    overflow: auto;
    padding: 20px;
}

.orders-context-details > div[b-qublo-orders] { display: grid; gap: 4px; }
.orders-context-details > div > span[b-qublo-orders] { color: var(--q-indigo-bright); font-size: 10px; text-transform: uppercase; }
.orders-context-details > div > strong[b-qublo-orders] { color: var(--q-dark-ink); font-size: 12px; overflow-wrap: anywhere; }
.orders-context-details a[b-qublo-orders],
.orders-context-details button:not(.orders-note-save)[b-qublo-orders] { background: transparent; border: 0; color: #1975ff; cursor: pointer; font-size: 12px; padding: 0; text-align: left; text-decoration: underline; }
.orders-context-details button:disabled[b-qublo-orders] { color: var(--q-dark-faint); cursor: not-allowed; text-decoration: none; }
.orders-context-store[b-qublo-orders] { align-items: center; display: flex; gap: 6px; }
.orders-context-store b[b-qublo-orders] { align-items: center; background: #ffd9e7; border-radius: 50%; color: #6d2844; display: inline-flex; font-size: 8px; height: 20px; justify-content: center; width: 20px; }

.orders-context-note[b-qublo-orders] {
    display: grid;
    gap: 7px;
}

.orders-context-note > strong[b-qublo-orders] { color: var(--q-dark-ink); font-size: 12px; }
.orders-context-note textarea[b-qublo-orders] { background: #1a1c40; border: 1px solid var(--q-dark-line); border-radius: 9px; color: var(--q-dark-ink); min-height: 100px; outline: 0; padding: 10px; resize: vertical; }
.orders-context-note textarea:focus[b-qublo-orders] { border-color: var(--q-indigo-bright); }

.orders-note-save[b-qublo-orders] {
    background: var(--q-indigo-bright);
    border: 0;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    font-size: 11px;
    font-weight: 800;
    justify-self: end;
    padding: 7px 11px;
}

.orders-note-save:disabled[b-qublo-orders] { cursor: not-allowed; opacity: .5; }

@media (max-width: 1180px) {
    .orders-messaging-workspace[b-qublo-orders] { grid-template-columns: minmax(190px, 28%) minmax(0, 1fr); grid-template-rows: minmax(0, 1fr) minmax(0, 160px); }
    .orders-conversation-context[b-qublo-orders] { border-left: 0; border-top: 1px solid var(--q-dark-line); grid-column: 1 / -1; grid-template-columns: 180px minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); }
    .orders-conversation-context > header[b-qublo-orders] { border-bottom: 0; border-right: 1px solid var(--q-dark-line); min-height: 0; overflow: auto; padding: 10px; }
    .orders-context-avatar[b-qublo-orders] { height: 72px; width: 72px; flex: none; }
}

@media (max-width: 760px) {
    .orders-messaging-workspace[b-qublo-orders] { grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(80px, 22%) minmax(0, 1fr) minmax(68px, 16%); }
    .orders-conversation-list[b-qublo-orders] { border-bottom: 1px solid var(--q-dark-line); border-right: 0; }
    .orders-conversation-list > header[b-qublo-orders],
    .orders-conversation-pane > header[b-qublo-orders] { min-height: 44px; padding: 6px 10px; }
    .orders-conversation-list > header[b-qublo-orders] { position: sticky; top: 0; z-index: 1; background: var(--q-dark-card); }
    .orders-conversation-body[b-qublo-orders] { padding: 10px; }
    .orders-conversation-pane > .orders-chat-compose[b-qublo-orders] { margin: 0 6px 6px; }
    .orders-conversation-context[b-qublo-orders] { grid-template-columns: minmax(90px, 28%) minmax(0, 1fr); }
    .orders-conversation-context > header[b-qublo-orders] { gap: 4px; padding: 6px; }
    .orders-conversation-context > header strong[b-qublo-orders] { font-size: 12px; overflow-wrap: anywhere; }
    .orders-context-avatar[b-qublo-orders] { height: 36px; width: 36px; font-size: 16px; }
    .orders-context-details[b-qublo-orders] { padding: 8px; }
}

.orders-conversation-list[b-qublo-orders],
.orders-conversation-body[b-qublo-orders],
.orders-context-details[b-qublo-orders] { overscroll-behavior: contain; }
.orders-conversation-pane > .orders-chat-compose textarea[b-qublo-orders] { resize: none; max-height: 90px; }
/* _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-pricing-tier-control[b-jlxc73pxp6] {
    display: grid;
    gap: 8px;
    margin-top: 14px;
    padding: 12px 14px;
    border: 1px solid var(--q-dark-line-2);
    border-radius: 10px;
    overflow-wrap: anywhere;
}

.q-pricing-tier-control .q-sub[b-jlxc73pxp6] {
    margin: 0;
}

.q-pricing-tier-control summary[b-jlxc73pxp6] {
    color: var(--q-dark-ink);
    cursor: pointer;
    font-weight: 600;
}

.q-pricing-tier-control ul[b-jlxc73pxp6] {
    padding-left: 20px;
    color: var(--q-dark-muted);
    line-height: 1.7;
}

.q-ebay-account-table-scroll[b-jlxc73pxp6] {
    isolation: isolate;
}

.q-ebay-account-actions-cell[b-jlxc73pxp6] {
    min-width: 250px;
    position: sticky;
    right: 0;
    z-index: 1;
    background-color: var(--q-dark-card);
    box-shadow: -1px 0 0 var(--q-dark-line-2);
}

th.q-ebay-account-actions-cell[b-jlxc73pxp6] {
    z-index: 2;
}

.q-table tbody tr:hover .q-ebay-account-actions-cell[b-jlxc73pxp6] {
    background-color: var(--q-dark-card-2);
}

.q-table tbody tr.selected .q-ebay-account-actions-cell[b-jlxc73pxp6],
.q-table tbody tr:focus-visible .q-ebay-account-actions-cell[b-jlxc73pxp6] {
    /* Keep the selected tint without making scrolled content visible through it. */
    background-color: var(--q-dark-card);
    background-image: linear-gradient(var(--q-indigo-soft), var(--q-indigo-soft));
}

.q-ebay-account-actions[b-jlxc73pxp6] {
    flex-wrap: nowrap;
    gap: 8px;
}

@media (max-width: 640px) {
    .q-ebay-account-actions-cell[b-jlxc73pxp6] {
        width: 180px;
        min-width: 180px;
        max-width: 180px;
    }

    .q-ebay-account-actions[b-jlxc73pxp6] {
        flex-wrap: wrap;
    }

    .q-ebay-account-actions-cell .q-btn[b-jlxc73pxp6] {
        max-width: 100%;
        white-space: normal;
    }
}

.q-btn-compact[b-jlxc73pxp6] {
    min-height: 34px;
    padding: 8px 12px;
    white-space: nowrap;
}

.q-ebay-callback[b-jlxc73pxp6] {
    align-items: center;
    background: var(--q-dark-card);
    border: 1px solid var(--q-dark-line);
    border-radius: 14px;
    box-shadow: 0 16px 34px rgba(5, 8, 15, 0.16);
    display: grid;
    gap: 14px;
    grid-template-columns: 44px minmax(0, 1fr) auto;
    margin-bottom: 18px;
    overflow: hidden;
    padding: 16px 18px;
    position: relative;
}

.q-ebay-callback[b-jlxc73pxp6]::before {
    content: "";
    height: 3px;
    inset: 0 0 auto;
    position: absolute;
}

.q-ebay-callback-success[b-jlxc73pxp6] {
    background: linear-gradient(110deg, var(--q-lime-soft), transparent 48%), var(--q-dark-card);
}

.q-ebay-callback-success[b-jlxc73pxp6]::before {
    background: var(--q-lime);
}

.q-ebay-callback-declined[b-jlxc73pxp6] {
    background: linear-gradient(110deg, var(--q-amber-soft), transparent 48%), var(--q-dark-card);
}

.q-ebay-callback-declined[b-jlxc73pxp6]::before {
    background: var(--q-amber);
}

.q-ebay-callback-mark[b-jlxc73pxp6] {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 12px;
    display: inline-flex;
    font-size: 20px;
    font-weight: 900;
    height: 44px;
    justify-content: center;
    width: 44px;
}

.q-ebay-callback-success .q-ebay-callback-mark[b-jlxc73pxp6] {
    background: var(--q-lime-soft);
    border-color: var(--q-lime);
    color: var(--q-lime);
}

.q-ebay-callback-declined .q-ebay-callback-mark[b-jlxc73pxp6] {
    background: var(--q-amber-soft);
    border-color: var(--q-amber);
    color: var(--q-amber);
}

.q-ebay-callback-copy[b-jlxc73pxp6] {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.q-ebay-callback-eyebrow[b-jlxc73pxp6] {
    color: var(--q-dark-muted);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 0.11em;
    text-transform: uppercase;
}

.q-ebay-callback-copy h2[b-jlxc73pxp6] {
    color: var(--q-dark-ink);
    font-size: 16px;
    line-height: 1.25;
    margin: 0;
}

.q-ebay-callback-copy p[b-jlxc73pxp6] {
    color: var(--q-dark-muted);
    font-size: 12px;
    line-height: 1.45;
    margin: 0;
}

.q-ebay-callback-action[b-jlxc73pxp6] {
    min-height: 38px;
    min-width: 166px;
    white-space: nowrap;
}

.q-ebay-attempt-remove-modal[b-jlxc73pxp6] {
    max-width: 520px;
}

.q-ebay-connect-overlay[b-jlxc73pxp6] {
    align-items: center;
    backdrop-filter: blur(7px);
    background:
        radial-gradient(circle at 50% 38%, rgba(91, 91, 214, 0.16), transparent 38%),
        rgba(5, 8, 15, 0.8);
    padding: 12px 16px;
}

.q-ebay-connect-modal[b-jlxc73pxp6] {
    background:
        linear-gradient(155deg, rgba(141, 143, 243, 0.075), transparent 34%),
        var(--q-dark-card);
    border-color: rgba(141, 143, 243, 0.24);
    border-radius: 12px;
    box-shadow:
        0 28px 72px rgba(3, 4, 18, 0.64),
        0 0 0 1px rgba(141, 143, 243, 0.05);
    isolation: isolate;
    max-height: calc(100dvh - 24px);
    max-width: 340px;
    overflow: hidden;
    position: relative;
    animation: q-ebay-connect-enter-b-jlxc73pxp6 180ms ease-out;
}

.q-ebay-connect-modal[b-jlxc73pxp6]::before {
    background: linear-gradient(90deg, transparent, var(--q-lime), var(--q-indigo-bright), transparent);
    content: "";
    height: 2px;
    inset: 0 22px auto;
    opacity: 0.72;
    pointer-events: none;
    position: absolute;
    z-index: 2;
}

.q-ebay-connect-modal .q-modal-head[b-jlxc73pxp6] {
    align-items: center;
    background: linear-gradient(180deg, rgba(141, 143, 243, 0.045), transparent);
    border-bottom-color: rgba(141, 143, 243, 0.11);
    padding: 17px 18px 14px;
}

.q-ebay-connect-heading[b-jlxc73pxp6] {
    display: grid;
    gap: 5px;
    min-width: 0;
}

.q-ebay-connect-kicker[b-jlxc73pxp6] {
    align-items: center;
    color: var(--q-lime);
    display: inline-flex;
    font-size: 9px;
    font-weight: 900;
    gap: 6px;
    letter-spacing: 0.12em;
    line-height: 1;
    text-transform: uppercase;
}

.q-ebay-connect-kicker[b-jlxc73pxp6]::before {
    background: var(--q-lime);
    border-radius: 999px;
    box-shadow: 0 0 9px rgba(198, 249, 75, 0.5);
    content: "";
    height: 5px;
    width: 5px;
}

.q-ebay-connect-modal .q-modal-title[b-jlxc73pxp6] {
    font-size: 16px;
    white-space: normal;
}

.q-ebay-connect-modal .q-modal-close[b-jlxc73pxp6] {
    background: rgba(141, 143, 243, 0.055);
    border: 1px solid transparent;
    border-radius: 8px;
    font-size: 14px;
    min-height: 24px;
    transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease;
    width: 24px;
}

.q-ebay-connect-modal .q-modal-close:hover[b-jlxc73pxp6],
.q-ebay-connect-modal .q-modal-close:focus-visible[b-jlxc73pxp6] {
    background: rgba(141, 143, 243, 0.13);
    border-color: rgba(141, 143, 243, 0.24);
    color: var(--q-dark-ink);
    outline: none;
}

.q-ebay-connect-body[b-jlxc73pxp6] {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.012), transparent 58%);
    gap: 18px;
    max-height: calc(100dvh - 152px);
    padding: 17px 18px 14px;
}

.q-ebay-connect-legal p[b-jlxc73pxp6] {
    color: color-mix(in srgb, var(--q-dark-muted) 84%, var(--q-dark-ink));
    font-size: 11px;
    line-height: 1.55;
    margin: 0;
}

.q-ebay-connect-legal[b-jlxc73pxp6] {
    display: grid;
    gap: 14px;
    padding-left: 11px;
    position: relative;
}

.q-ebay-connect-legal[b-jlxc73pxp6]::before {
    background: linear-gradient(180deg, var(--q-indigo-bright), rgba(141, 143, 243, 0.12));
    border-radius: 999px;
    content: "";
    inset: 2px auto 1px 0;
    position: absolute;
    width: 2px;
}

.q-ebay-connect-links[b-jlxc73pxp6] {
    display: grid;
    gap: 8px;
    justify-items: start;
}

.q-ebay-connect-links a[b-jlxc73pxp6] {
    align-items: center;
    color: var(--q-indigo-bright);
    display: inline-flex;
    font-size: 11px;
    font-weight: 700;
    gap: 5px;
    line-height: 1.2;
    text-decoration-color: rgba(141, 143, 243, 0.38);
    text-underline-offset: 3px;
    transition: color 150ms ease, transform 150ms ease;
}

.q-ebay-connect-links a[b-jlxc73pxp6]::after {
    content: "↗";
    font-size: 9px;
    opacity: 0.62;
}

.q-ebay-connect-links a:hover[b-jlxc73pxp6],
.q-ebay-connect-links a:focus-visible[b-jlxc73pxp6] {
    color: color-mix(in srgb, var(--q-indigo-bright) 76%, var(--q-dark-ink));
    outline: none;
    transform: translateX(2px);
}

.q-ebay-connect-modal .q-modal-foot[b-jlxc73pxp6] {
    background: linear-gradient(180deg, transparent, rgba(141, 143, 243, 0.035));
    border-top-color: rgba(141, 143, 243, 0.11);
    gap: 12px;
    padding: 14px 18px 17px;
}

.q-ebay-connect-modal .q-modal-foot .q-btn[b-jlxc73pxp6] {
    border-radius: 9px;
    font-size: 11px;
    min-height: 31px;
    padding: 7px 12px;
    transition: background-color 150ms ease, border-color 150ms ease, box-shadow 150ms ease, transform 150ms ease;
}

.q-ebay-connect-modal .q-modal-foot .q-btn-ghost:hover[b-jlxc73pxp6],
.q-ebay-connect-modal .q-modal-foot .q-btn-ghost:focus-visible[b-jlxc73pxp6] {
    background: var(--q-dark-raise);
    border-color: rgba(141, 143, 243, 0.28);
    color: var(--q-dark-ink);
    outline: none;
    transform: translateY(-1px);
}

.q-ebay-connect-modal .q-modal-foot .q-btn-primary[b-jlxc73pxp6] {
    background: linear-gradient(135deg, var(--q-indigo-bright), var(--q-indigo));
    border-color: rgba(141, 143, 243, 0.66);
    box-shadow: 0 8px 20px rgba(44, 44, 126, 0.32);
}

.q-ebay-connect-modal .q-modal-foot .q-btn-primary:hover[b-jlxc73pxp6],
.q-ebay-connect-modal .q-modal-foot .q-btn-primary:focus-visible[b-jlxc73pxp6] {
    background: linear-gradient(135deg, color-mix(in srgb, var(--q-indigo-bright) 84%, white), var(--q-indigo));
    box-shadow: 0 10px 24px rgba(44, 44, 126, 0.42);
    outline: none;
    transform: translateY(-1px);
}

.q-ebay-connect-modal .q-modal-foot .q-btn:disabled[b-jlxc73pxp6] {
    box-shadow: none;
    transform: none;
}

.q-ebay-availability[b-jlxc73pxp6] {
    display: grid;
    gap: 3px;
    min-width: 130px;
}

.q-ebay-availability strong[b-jlxc73pxp6] {
    color: var(--q-lime);
    white-space: nowrap;
}

.q-ebay-availability small[b-jlxc73pxp6] {
    color: var(--q-dark-muted);
    font-size: 11px;
    white-space: nowrap;
}

.q-ebay-availability small.q-ebay-metrics-warning[b-jlxc73pxp6] {
    color: #ffd27f;
    white-space: normal;
}

.q-ebay-availability-note[b-jlxc73pxp6] {
    background: var(--q-indigo-soft);
    border-top: 1px solid var(--q-dark-line-2);
    color: var(--q-dark-muted);
    font-size: 12px;
    line-height: 1.5;
    padding: 12px 16px;
}

.q-ebay-marketplace-choice[b-jlxc73pxp6] {
    display: grid;
    gap: 6px;
}

.q-ebay-marketplace-choice label[b-jlxc73pxp6] {
    align-items: center;
    color: var(--q-dark-ink);
    display: inline-flex;
    font-size: 11px;
    font-weight: 800;
    gap: 7px;
}

.q-ebay-marketplace-choice label[b-jlxc73pxp6]::before {
    background: var(--q-indigo-bright);
    border-radius: 999px;
    content: "";
    height: 4px;
    opacity: 0.78;
    width: 4px;
}

.q-ebay-marketplace-choice select[b-jlxc73pxp6] {
    background-color: var(--q-dark-card-2);
    border-color: rgba(141, 143, 243, 0.2);
    border-radius: 10px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025);
    font-size: 12px;
    min-height: 40px;
    padding-left: 13px;
    transition: border-color 150ms ease, box-shadow 150ms ease, background-color 150ms ease;
    width: 100%;
}

.q-ebay-marketplace-choice select:hover[b-jlxc73pxp6] {
    background-color: var(--q-dark-raise);
    border-color: rgba(141, 143, 243, 0.4);
}

.q-ebay-marketplace-choice select:focus[b-jlxc73pxp6] {
    background-color: var(--q-dark-card-2);
    border-color: var(--q-indigo-bright);
    box-shadow: 0 0 0 3px rgba(141, 143, 243, 0.14);
}

.q-ebay-marketplace-choice p[b-jlxc73pxp6] {
    color: var(--q-dark-muted);
    font-size: 10px;
    line-height: 1.4;
    margin: 0;
}

@keyframes q-ebay-connect-enter-b-jlxc73pxp6 {
    from {
        opacity: 0;
        transform: translateY(8px) scale(0.985);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@media (prefers-reduced-motion: reduce) {
    .q-ebay-connect-modal[b-jlxc73pxp6] {
        animation: none;
    }

    .q-ebay-connect-modal .q-modal-close[b-jlxc73pxp6],
    .q-ebay-connect-links a[b-jlxc73pxp6],
    .q-ebay-connect-modal .q-modal-foot .q-btn[b-jlxc73pxp6],
    .q-ebay-marketplace-choice select[b-jlxc73pxp6] {
        transition: none;
    }
}

@media (max-width: 380px) {
    .q-ebay-connect-modal .q-modal-head[b-jlxc73pxp6],
    .q-ebay-connect-body[b-jlxc73pxp6],
    .q-ebay-connect-modal .q-modal-foot[b-jlxc73pxp6] {
        padding-left: 14px;
        padding-right: 14px;
    }

    .q-ebay-connect-modal .q-modal-foot[b-jlxc73pxp6] {
        align-items: stretch;
        flex-direction: column-reverse;
    }

    .q-ebay-connect-modal .q-modal-foot .q-btn[b-jlxc73pxp6] {
        width: 100%;
    }
}

@media (max-width: 900px) {
    .q-ebay-account-actions[b-jlxc73pxp6] {
        align-items: stretch;
        flex-direction: column;
    }
}

@media (max-width: 720px) {
    .q-ebay-callback[b-jlxc73pxp6] {
        align-items: start;
        grid-template-columns: 40px minmax(0, 1fr);
        padding: 15px;
    }

    .q-ebay-callback-mark[b-jlxc73pxp6] {
        border-radius: 11px;
        font-size: 18px;
        height: 40px;
        width: 40px;
    }

    .q-ebay-callback-action[b-jlxc73pxp6] {
        grid-column: 1 / -1;
        width: 100%;
    }
}

.q-account-delete-warning[b-jlxc73pxp6] { background:#fff7e4; color:#855300; border-left:4px solid #f1b51c; border-radius:12px; padding:16px; line-height:1.6; }

.q-account-delete-modal[b-jlxc73pxp6] { max-width:480px; padding:26px; gap:14px; box-sizing:border-box; }
.q-account-delete-modal h2[b-jlxc73pxp6], .q-account-delete-modal p[b-jlxc73pxp6] { margin:0; }
.q-account-delete-modal label[b-jlxc73pxp6] { display:flex; align-items:flex-start; gap:10px; line-height:1.6; }
.q-account-delete-modal input[type=checkbox][b-jlxc73pxp6] { margin-top:5px; flex-shrink:0; }
/* _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 typography: 16px body, 14px labels, 12px metadata at the 15px root. */
.support-page[b-pjmdulddsc],
.support-modal[b-pjmdulddsc] {
    --support-font-detail: .8rem;
    --support-font-label: .933333rem;
    --support-font-body: 1.066667rem;
    --support-font-heading: 1.2rem;
    --support-font-title: 1.333333rem;
    font-size: var(--support-font-body);
    line-height: 1.5;
}

.support-page[b-pjmdulddsc] {
    display: grid;
    gap: 18px;
    min-width: 0;
}

.support-page .q-btn[b-pjmdulddsc],
.support-modal .q-btn[b-pjmdulddsc] {
    font-size: var(--support-font-label);
}

.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: var(--support-font-label);
    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: var(--support-font-body);
    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;
    gap: 12px;
    padding: 12px 17px;
}

.support-summary span[b-pjmdulddsc] {
    color: var(--q-dark-muted);
    font-size: var(--support-font-label);
    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: var(--support-font-heading);
    font-weight: 950;
    margin: 0;
}

.support-list-head span[b-pjmdulddsc] {
    color: var(--q-dark-muted);
    display: block;
    font-size: var(--support-font-label);
    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-muted);
    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: var(--support-font-body);
    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-muted);
    cursor: pointer;
    font-size: var(--support-font-label);
    font-weight: 850;
    min-height: 40px;
    padding: 6px 8px;
}

.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;
    justify-content: stretch;
    justify-items: stretch;
    min-width: 0;
    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;
    flex-wrap: wrap;
    gap: 6px 10px;
    justify-content: space-between;
}

.support-ticket-row small[b-pjmdulddsc] {
    color: #9697df;
    font-size: var(--support-font-detail);
    font-weight: 900;
    letter-spacing: .04em;
    overflow-wrap: anywhere;
}

.support-ticket-item > strong[b-pjmdulddsc] {
    color: var(--q-dark-ink);
    display: -webkit-box;
    font-size: var(--support-font-body);
    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-muted);
    font-size: var(--support-font-label);
}

.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: var(--support-font-detail);
    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;
    flex-wrap: wrap;
    gap: 18px;
    justify-content: space-between;
    padding: 18px 20px;
}

.support-conversation-title > span[b-pjmdulddsc] {
    color: #9697df;
    font-size: var(--support-font-detail);
    font-weight: 950;
    letter-spacing: .05em;
    overflow-wrap: anywhere;
}

.support-conversation-title[b-pjmdulddsc] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.support-conversation-title h3[b-pjmdulddsc] {
    font-size: var(--support-font-title);
    margin: 5px 0 3px;
}

.support-conversation-title p[b-pjmdulddsc] {
    color: var(--q-dark-muted);
    font-size: var(--support-font-detail);
    margin: 0;
}

.support-conversation-tags[b-pjmdulddsc] {
    display: flex;
    flex-wrap: wrap;
    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: var(--support-font-detail);
    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;
    flex-wrap: wrap;
    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: var(--support-font-label);
}

.support-message header > span[b-pjmdulddsc] {
    background: rgba(91, 91, 214, .16);
    border-radius: 999px;
    color: #bdbefa;
    font-size: var(--support-font-detail);
    font-weight: 950;
    padding: 2px 5px;
}

.support-message time[b-pjmdulddsc] {
    color: var(--q-dark-muted);
    font-size: var(--support-font-detail);
}

.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-ink);
    font-size: var(--support-font-body);
    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-message-attachments[b-pjmdulddsc] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 7px;
}

.support-message.customer .support-message-attachments[b-pjmdulddsc] { justify-content: flex-end; }

.support-message-attachment[b-pjmdulddsc] {
    align-items: center;
    background: rgba(91, 91, 214, .11);
    border: 1px solid rgba(141, 143, 243, .2);
    border-radius: 10px;
    color: var(--q-dark-ink);
    cursor: pointer;
    display: grid;
    gap: 1px 7px;
    grid-template-columns: auto minmax(0, 1fr);
    max-width: min(100%, 320px);
    min-width: 0;
    padding: 7px 9px;
    text-align: left;
}

.support-message-attachment:hover[b-pjmdulddsc],
.support-message-attachment:focus-visible[b-pjmdulddsc] {
    border-color: #7779ee;
    outline: none;
}

.support-message-attachment > span[b-pjmdulddsc] {
    align-items: center;
    background: rgba(141, 143, 243, .14);
    border-radius: 7px;
    display: inline-flex;
    font-size: var(--support-font-detail);
    font-weight: 950;
    grid-row: 1 / span 2;
    height: 28px;
    justify-content: center;
    width: 32px;
}

.support-message-attachment strong[b-pjmdulddsc] {
    font-size: var(--support-font-label);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.support-message-attachment small[b-pjmdulddsc] { color: var(--q-dark-muted); font-size: var(--support-font-detail); }

.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-attachment-composer[b-pjmdulddsc] {
    display: grid;
    gap: 6px;
}

.support-attachment-composer > small[b-pjmdulddsc] {
    color: var(--q-dark-muted);
    font-size: var(--support-font-detail);
}

.support-attachment-picker[b-pjmdulddsc] {
    align-items: center;
    border: 1px dashed rgba(141, 143, 243, .32);
    border-radius: 10px;
    color: #bdbefa;
    cursor: pointer;
    display: inline-flex !important;
    gap: 8px !important;
    justify-self: start;
    padding: 8px 11px;
}

.support-attachment-picker:hover[b-pjmdulddsc],
.support-attachment-picker:focus-within[b-pjmdulddsc] { border-color: #7779ee; }
.support-attachment-picker input[b-pjmdulddsc] { height: 1px; opacity: 0; overflow: hidden; position: absolute; width: 1px; }
.support-attachment-picker > span[b-pjmdulddsc] { font-size: var(--support-font-title); line-height: 1; }
.support-attachment-picker > strong[b-pjmdulddsc] { font-size: var(--support-font-label); }

.support-selected-attachments[b-pjmdulddsc] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.support-selected-attachments > span[b-pjmdulddsc] {
    align-items: center;
    background: rgba(91, 91, 214, .11);
    border: 1px solid rgba(141, 143, 243, .18);
    border-radius: 999px;
    display: inline-flex;
    gap: 6px;
    max-width: 100%;
    padding: 5px 7px 5px 9px;
}

.support-selected-attachments strong[b-pjmdulddsc] {
    font-size: var(--support-font-label);
    min-width: 0;
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.support-selected-attachments small[b-pjmdulddsc] { color: var(--q-dark-muted); font-size: var(--support-font-detail); }
.support-selected-attachments button[b-pjmdulddsc] { background: transparent; border: 0; color: #ff9cab; cursor: pointer; font-size: 14px; line-height: 1; }
.support-file-error[b-pjmdulddsc] { color: #ff9cab; font-size: var(--support-font-label); font-weight: 750; }

.support-reply label[b-pjmdulddsc],
.support-modal label > span[b-pjmdulddsc] {
    color: #bdbefa;
    font-size: var(--support-font-label);
    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: var(--support-font-body);
    min-width: 0;
    outline: none;
    padding: 11px 12px;
    resize: vertical;
    width: 100%;
}

.support-search input[b-pjmdulddsc]::placeholder,
.support-reply textarea[b-pjmdulddsc]::placeholder,
.support-modal input[b-pjmdulddsc]::placeholder,
.support-modal textarea[b-pjmdulddsc]::placeholder {
    color: var(--q-dark-muted);
    opacity: 1;
}

.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;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
}

.support-attachment-preview[b-pjmdulddsc] { max-width: 980px; }
.support-attachment-preview .support-detail-state[b-pjmdulddsc] { min-height: 300px; }

.support-attachment-preview-media[b-pjmdulddsc],
.support-attachment-preview-frame[b-pjmdulddsc] {
    background: #09091c;
    border: 1px solid var(--q-dark-line);
    border-radius: 12px;
    display: block;
    max-height: min(68vh, 720px);
    min-height: 300px;
    object-fit: contain;
    width: 100%;
}

.support-attachment-preview-frame[b-pjmdulddsc] { height: min(68vh, 720px); }

.support-reply footer > span[b-pjmdulddsc],
.support-modal label > small[b-pjmdulddsc] {
    color: var(--q-dark-muted);
    font-size: var(--support-font-detail);
}

.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: var(--support-font-body); }
.support-closed-note p[b-pjmdulddsc] { color: var(--q-dark-muted); font-size: var(--support-font-detail); 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: var(--support-font-label); }
.support-detail-state[b-pjmdulddsc] { flex: 1; flex-direction: column; gap: 10px; font-size: var(--support-font-body); }

.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: var(--support-font-body); }
.support-list-empty p[b-pjmdulddsc],
.support-detail-empty p[b-pjmdulddsc] { color: var(--q-dark-muted); font-size: var(--support-font-label); 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: var(--support-font-body);
    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: var(--support-font-label);
    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;
    grid-template-columns: minmax(0, 1fr);
    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 > header > div[b-pjmdulddsc] {
    min-width: 0;
}

.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: var(--support-font-body);
    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;
    min-width: 0;
}

.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;
}

/* The light theme needs darker accents as well as lighter surfaces. */
.q-app-shell[data-theme="light"] .support-hero[b-pjmdulddsc] {
    background:
        radial-gradient(circle at 86% 30%, var(--q-lime-soft), transparent 17rem),
        linear-gradient(120deg, var(--q-indigo-soft), var(--q-dark-card));
}

.q-app-shell[data-theme="light"] .support-message.customer p[b-pjmdulddsc] {
    color: var(--q-dark-ink);
}

.q-app-shell[data-theme="light"] .support-ticket-row small[b-pjmdulddsc],
.q-app-shell[data-theme="light"] .support-conversation-title > span[b-pjmdulddsc],
.q-app-shell[data-theme="light"] .support-message-avatar[b-pjmdulddsc],
.q-app-shell[data-theme="light"] .support-message header > span[b-pjmdulddsc],
.q-app-shell[data-theme="light"] .support-attachment-picker[b-pjmdulddsc],
.q-app-shell[data-theme="light"] .support-reply label[b-pjmdulddsc],
.q-app-shell[data-theme="light"] .support-modal label > span[b-pjmdulddsc],
.q-app-shell[data-theme="light"] .support-list-empty > span[b-pjmdulddsc],
.q-app-shell[data-theme="light"] .support-detail-empty > span[b-pjmdulddsc] {
    color: var(--q-indigo-bright);
}

.q-app-shell[data-theme="light"] .support-status.open[b-pjmdulddsc] {
    color: var(--q-brand-dark);
}

.q-app-shell[data-theme="light"] .support-message.customer .support-message-avatar[b-pjmdulddsc] {
    color: var(--q-lime);
}

.q-app-shell[data-theme="light"] .support-status.progress[b-pjmdulddsc] {
    color: var(--q-info);
}

.q-app-shell[data-theme="light"] .support-status.waiting[b-pjmdulddsc],
.q-app-shell[data-theme="light"] .support-priority.high[b-pjmdulddsc] {
    color: var(--q-amber);
}

.q-app-shell[data-theme="light"] .support-priority.urgent[b-pjmdulddsc],
.q-app-shell[data-theme="light"] .support-selected-attachments button[b-pjmdulddsc],
.q-app-shell[data-theme="light"] .support-file-error[b-pjmdulddsc],
.q-app-shell[data-theme="light"] .support-alert.error[b-pjmdulddsc] {
    color: var(--q-red);
}

.q-app-shell[data-theme="light"] .support-reply[b-pjmdulddsc] {
    background: var(--q-dark-card-2);
}

.q-app-shell[data-theme="light"] .support-modal[b-pjmdulddsc] {
    background: var(--q-dark-card);
    border-color: var(--q-dark-line);
    box-shadow: 0 28px 80px rgba(23, 32, 51, .16);
}

@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-attachment-picker[b-pjmdulddsc] { box-sizing: border-box; justify-content: center; width: 100%; }
    .support-selected-attachments[b-pjmdulddsc] { flex-direction: column; }
    .support-selected-attachments > span[b-pjmdulddsc] { box-sizing: border-box; width: 100%; }
    .support-selected-attachments strong[b-pjmdulddsc] { flex: 1; max-width: none; }
    .support-closed-note[b-pjmdulddsc] { align-items: flex-start; flex-wrap: wrap; }
    .support-closed-note .q-btn[b-pjmdulddsc] { width: 100%; }
}