/* _content/Qublo.App.Shared/Components/Backoffice/AccountCommercialDetails.razor.rz.scp.css */
.account-commercial[b-8u25heakmf] { color:var(--bo-ink,var(--q-dark-ink)); display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr)); gap:1rem; margin:1rem 0; min-width:0; }
.account-commercial article[b-8u25heakmf] { background:var(--bo-panel-2,var(--q-dark-raise)); border:1px solid var(--bo-line,color-mix(in srgb, var(--q-indigo) 16%, transparent)); border-radius:12px; padding:1rem; min-width:0; overflow-wrap:anywhere; }
.account-commercial h3[b-8u25heakmf] { color:var(--bo-ink,var(--q-dark-ink)); 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,var(--q-dark-muted)); font-size:.8rem; }.account-commercial dd[b-8u25heakmf] { color:var(--bo-ink,var(--q-dark-ink)); 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,var(--q-dark-muted)); display:block; font-size:.8rem; margin-top:.2rem; }
.account-commercial summary[b-8u25heakmf] { color:var(--bo-ink,var(--q-dark-ink)); }
/* _content/Qublo.App.Shared/Components/Backoffice/AccountMovementDialog.razor.rz.scp.css */
.movement-backdrop[b-s0l3jimcaw] {
    align-items: center;
    background: rgba(0, 0, 0, .65);
    backdrop-filter: blur(8px);
    display: flex;
    inset: 0;
    justify-content: center;
    overflow-y: auto;
    padding: 28px 16px;
    position: fixed;
    z-index: 110;
}
.movement-modal[b-s0l3jimcaw] {
    --bg: #0f1026;
    --card: #16173a;
    --card2: #1b1d42;
    --raise: #23264a;
    --ink: #ececf8;
    --muted: #9094bc;
    --line: #2a2c5a;
    --brand: #5151c9;
    --brand-text: #b8b8ff;
    --ok: #c6f94b;
    --warn: #f7c35c;
    --bad: #ff8294;
    --shadow: 0 18px 45px rgba(0, 0, 0, .28);
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: 20px;
    box-shadow: var(--shadow);
    color: var(--ink);
    color-scheme: dark;
    font: 16px/1.45 Inter, system-ui, -apple-system, Segoe UI, sans-serif;
    margin: auto;
    overflow: hidden;
    width: min(780px, 100%);
}
.movement-modal[b-s0l3jimcaw], .movement-modal *[b-s0l3jimcaw] { box-sizing: border-box; }
.head[b-s0l3jimcaw] { padding: 26px 30px 16px; display: flex; justify-content: space-between; gap: 16px; }
.eyebrow[b-s0l3jimcaw] { color: var(--ok); font-size: 11px; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
h1[b-s0l3jimcaw] { margin: 6px 0 0; font-size: 30px; font-weight: 900; letter-spacing: -.03em; }
.x[b-s0l3jimcaw] { background: none; border: 0; color: var(--muted); font: 400 26px/1 Arial, sans-serif; cursor: pointer; display: block; min-height: 0; padding: 1px 6px; }
.who[b-s0l3jimcaw] { margin: 0 30px 18px; display: flex; align-items: center; gap: 14px; background: var(--card2); border: 1px solid var(--line); border-radius: 16px; padding: 14px 16px; flex-wrap: wrap; }
.av[b-s0l3jimcaw] { width: 44px; height: 44px; border-radius: 50%; background: var(--brand); color: #fff; display: grid; place-items: center; font-weight: 900; font-size: 15px; flex: none; }
.who b[b-s0l3jimcaw] { font-size: 17px; }
.who small[b-s0l3jimcaw] { display: block; color: var(--muted); font-size: 13.5px; }
.meta[b-s0l3jimcaw] { margin-left: auto; display: flex; gap: 16px; flex-wrap: wrap; font-size: 13.5px; color: var(--muted); }
.meta b[b-s0l3jimcaw] { color: var(--ink); font-size: 14px; }
.steps[b-s0l3jimcaw] { display: flex; gap: 8px; padding: 0 30px 20px; align-items: center; }
.dot[b-s0l3jimcaw] { display: flex; align-items: center; gap: 8px; color: var(--muted); font-weight: 800; font-size: 15px; white-space: nowrap; }
.dot i[b-s0l3jimcaw] { width: 28px; height: 28px; border-radius: 50%; border: 1.5px solid var(--line); display: grid; place-items: center; font-style: normal; font-size: 13px; }
.dot.on[b-s0l3jimcaw] { color: var(--ink); }
.dot.on i[b-s0l3jimcaw] { background: var(--brand); border-color: var(--brand); color: #fff; }
.dot.done i[b-s0l3jimcaw] { background: var(--ok); border-color: var(--ok); color: var(--bg); }
.bar[b-s0l3jimcaw] { flex: 1; height: 2px; background: var(--line); border-radius: 2px; min-width: 20px; }
.body[b-s0l3jimcaw] { padding: 26px 30px; border-top: 1px solid var(--line); }
h2[b-s0l3jimcaw] { margin: 0 0 6px; font-size: 21px; font-weight: 900; }
.hint[b-s0l3jimcaw] { color: var(--muted); font-size: 15px; margin: 0 0 20px; }
.choices[b-s0l3jimcaw] { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.choice[b-s0l3jimcaw] { all: unset; cursor: pointer; background: var(--card2); border: 2px solid var(--line); border-radius: 18px; padding: 26px 18px; display: grid; justify-items: center; text-align: center; gap: 8px; transition: .15s; }
.choice:hover[b-s0l3jimcaw] { border-color: var(--brand); transform: translateY(-2px); }
.choice:focus-visible[b-s0l3jimcaw] { outline: 3px solid color-mix(in srgb, var(--brand) 55%, transparent); outline-offset: 2px; }
.choice .em[b-s0l3jimcaw] { font-size: 44px; line-height: 1; }
.choice b[b-s0l3jimcaw] { font-size: 22px; font-weight: 900; letter-spacing: .02em; }
.choice span:not(.em)[b-s0l3jimcaw] { color: var(--muted); font-size: 15px; max-width: 30ch; }
.grid[b-s0l3jimcaw] { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.f[b-s0l3jimcaw] { display: grid; gap: 7px; min-width: 0; }
.full[b-s0l3jimcaw] { grid-column: 1 / -1; }
label[b-s0l3jimcaw] { display: block; font-size: 14px; font-weight: 800; color: var(--muted); }
label small[b-s0l3jimcaw] { display: inline; font-weight: 600; }
input[b-s0l3jimcaw], select[b-s0l3jimcaw] { font: inherit; font-size: 16px; min-height: 50px; border: 1.5px solid var(--line); border-radius: 12px; padding: 0 14px; background: var(--card2); color: var(--ink); width: 100%; }
select option[b-s0l3jimcaw], select optgroup[b-s0l3jimcaw] { background: var(--card2); color: var(--ink); }
input[b-s0l3jimcaw]::placeholder { color: #757575; opacity: 1; }
input:focus[b-s0l3jimcaw], select:focus[b-s0l3jimcaw] { border-color: var(--brand); box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand) 25%, transparent); outline: none; }
.days[b-s0l3jimcaw] { display: flex; align-items: center; border: 1.5px solid var(--brand); border-radius: 12px; background: var(--card2); height: 50px; padding-left: 14px; box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand) 18%, transparent); }
.days input[b-s0l3jimcaw] { flex: 1; min-width: 0; min-height: 0; height: 100%; border: 0; box-shadow: none; background: transparent; padding: 0; font-weight: 900; font-size: 18px; appearance: textfield; }
.days input[b-s0l3jimcaw]::-webkit-inner-spin-button, .days input[b-s0l3jimcaw]::-webkit-outer-spin-button { appearance: none; margin: 0; }
.days span[b-s0l3jimcaw] { padding: 0 16px; font-weight: 800; color: var(--muted); }
.drop[b-s0l3jimcaw] { position: relative; border: 2px dashed var(--line); border-radius: 14px; padding: 18px; display: flex; align-items: center; gap: 14px; cursor: pointer; background: var(--card2); }
.drop b[b-s0l3jimcaw] { font-size: 16px; overflow-wrap: anywhere; }
.drop.ok[b-s0l3jimcaw] { border-color: var(--ok); border-style: solid; }
.pdf-em[b-s0l3jimcaw] { font-size: 28px; }
.drop-copy[b-s0l3jimcaw] { min-width: 0; }
.drop-copy small[b-s0l3jimcaw] { color: var(--muted); }
.drop[b-s0l3jimcaw]  input[type=file] { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.drop:focus-within[b-s0l3jimcaw] { outline: 3px solid color-mix(in srgb, var(--brand) 55%, transparent); outline-offset: 2px; }
.check[b-s0l3jimcaw] { display: flex; gap: 12px; align-items: center; font-weight: 800; font-size: 16px; background: var(--card2); border: 1.5px solid var(--line); border-radius: 12px; padding: 14px 16px; cursor: pointer; }
.check input[b-s0l3jimcaw] { width: 22px; height: 22px; min-height: 0; accent-color: var(--brand); color-scheme: light; flex: none; padding: 0; }
.tag[b-s0l3jimcaw] { display: inline-flex; align-items: center; gap: 6px; border-radius: 999px; padding: 6px 14px; font-size: 15px; font-weight: 900; letter-spacing: .02em; }
.t-pay[b-s0l3jimcaw] { background: color-mix(in srgb, var(--ok) 16%, transparent); color: var(--ok); }
.t-free[b-s0l3jimcaw] { background: color-mix(in srgb, var(--warn) 18%, transparent); color: var(--warn); }
.sum[b-s0l3jimcaw] { border: 1px solid var(--line); border-radius: 16px; overflow: hidden; }
.sum div[b-s0l3jimcaw] { display: flex; justify-content: space-between; gap: 12px; padding: 14px 18px; border-top: 1px solid var(--line); font-size: 16px; }
.sum div:first-child[b-s0l3jimcaw] { border-top: 0; }
.sum span[b-s0l3jimcaw] { color: var(--muted); }
.sum b[b-s0l3jimcaw] { text-align: right; overflow-wrap: anywhere; }
.big[b-s0l3jimcaw] { font-size: 26px; font-weight: 900; color: var(--ok); }
.foot[b-s0l3jimcaw] { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 18px 30px; border-top: 1px solid var(--line); }
.foot small[b-s0l3jimcaw] { color: var(--muted); font-size: 14px; }
.foot-actions[b-s0l3jimcaw] { display: flex; gap: 10px; }
.btn[b-s0l3jimcaw] { font: inherit; font-size: 17px; font-weight: 900; border: 1.5px solid var(--line); background: var(--card2); color: var(--ink); border-radius: 13px; padding: 12px 24px; cursor: pointer; min-height: 52px; }
.btn.primary[b-s0l3jimcaw] { background: var(--brand); border-color: var(--brand); color: #fff; }
button:disabled[b-s0l3jimcaw] { opacity: .45; cursor: not-allowed; }
.info[b-s0l3jimcaw] { display: flex; gap: 12px; align-items: flex-start; background: color-mix(in srgb, var(--warn) 12%, var(--card2)); border: 1.5px solid color-mix(in srgb, var(--warn) 45%, var(--line)); border-radius: 12px; padding: 14px 16px; font-size: 15px; }
.info span[b-s0l3jimcaw] { font-size: 20px; line-height: 1.2; }
.info b[b-s0l3jimcaw] { color: var(--warn); }
.open[b-s0l3jimcaw] { position: relative; z-index: 1; margin-left: 10px; font-size: 14px; font-weight: 800; color: var(--brand-text); text-decoration: underline; cursor: pointer; }
.okpanel[b-s0l3jimcaw] { text-align: center; display: grid; gap: 12px; place-items: center; padding: 30px 0; }
.okpanel .em[b-s0l3jimcaw] { font-size: 56px; }
.movement-error[b-s0l3jimcaw] { color: var(--bad); margin: 16px 0 0; font-size: 15px; }
@media (max-width: 680px) {
    .choices[b-s0l3jimcaw], .grid[b-s0l3jimcaw] { grid-template-columns: 1fr; }
    .meta[b-s0l3jimcaw] { margin-left: 0; }
}
/* _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 color-mix(in srgb, var(--q-indigo) 20%, transparent);
    border-radius: 18px;
    background: var(--q-dark-card-2);
    color: var(--q-dark-ink);
}

.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: var(--q-indigo-bright);
    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: var(--q-dark-muted);
    font-size: .72rem;
}

.bo-history button[b-62bkxawfhr] {
    border: 1px solid color-mix(in srgb, var(--q-indigo) 25%, transparent);
    border-radius: 10px;
    background: var(--q-dark-raise);
    color: var(--q-dark-ink);
    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: var(--q-indigo);
    background: var(--q-dark-raise);
}

.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 color-mix(in srgb, var(--q-lime) 20%, transparent);
    border-radius: 12px;
    background: var(--q-lime-soft);
}

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

.bo-history__pricing strong[b-62bkxawfhr] {
    color: var(--q-lime);
    font-size: .83rem;
}

.bo-history__totals div[b-62bkxawfhr] {
    display: grid;
    gap: .15rem;
    padding: .75rem;
    border: 1px solid color-mix(in srgb, var(--q-indigo) 14%, transparent);
    border-radius: 12px;
    background: var(--q-dark-card-2);
}

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

.bo-history__totals span[b-62bkxawfhr] {
    color: var(--q-dark-muted);
    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: var(--q-indigo);
    background: var(--q-indigo);
    color: var(--q-on-brand);
}

.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: var(--q-dark-card-2);
    color: var(--q-dark-ink);
    font-size: .64rem;
}

.bo-history__table-wrap[b-62bkxawfhr] {
    position: relative;
    min-width: 0;
    overflow-x: auto;
    border: 1px solid color-mix(in srgb, var(--q-indigo) 16%, transparent);
    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 color-mix(in srgb, var(--q-indigo) 12%, transparent);
    text-align: left;
    vertical-align: top;
}

.bo-history[b-62bkxawfhr]  th {
    color: var(--q-dark-muted);
    background: var(--q-dark-card-2);
    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: var(--q-indigo-soft); }
.bo-history[b-62bkxawfhr]  .bo-history__payment-link { border: 0; background: none; padding: 0; color: var(--q-dark-ink); font: inherit; font-weight: 750; cursor: pointer; text-align: left; }
.bo-history[b-62bkxawfhr]  .bo-history__payment-link span { color: var(--q-indigo-bright); margin-left: .35rem; }
.bo-history[b-62bkxawfhr]  .bo-history__payment-link:focus-visible { outline: 2px solid var(--q-indigo); 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: var(--q-indigo-soft);
    color: var(--q-indigo-bright);
    font-size: .66rem;
    font-weight: 800;
}

.bo-history[b-62bkxawfhr]  .bo-history__status.is-positive { background: var(--q-lime-soft); color: var(--q-lime); }
.bo-history[b-62bkxawfhr]  .bo-history__status.is-negative { background: var(--q-red-soft); color: var(--q-red); }
.bo-history[b-62bkxawfhr]  .bo-history__status.is-warning { background: var(--q-amber-soft); color: var(--q-amber); }
.bo-history[b-62bkxawfhr]  .bo-history__status.is-neutral { color: var(--q-dark-muted); }

.bo-history[b-62bkxawfhr]  .bo-history__empty,
.bo-history__state[b-62bkxawfhr] {
    display: grid;
    justify-items: start;
    gap: .4rem;
    padding: 1.2rem;
    color: var(--q-dark-muted);
    font-size: .78rem;
}

.bo-history__state--error[b-62bkxawfhr] {
    border: 1px solid color-mix(in srgb, var(--q-red) 22%, transparent);
    border-radius: 12px;
    background: var(--q-red-soft);
    color: var(--q-red);
}

.bo-history__updating[b-62bkxawfhr] {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    background: var(--q-dark-card-2);
    color: var(--q-dark-ink);
    font-size: .78rem;
    font-weight: 800;
}

.bo-history__pager[b-62bkxawfhr] {
    color: var(--q-dark-muted);
    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: color-mix(in srgb, var(--q-indigo) 25%, transparent);
}

.bo-history[b-62bkxawfhr]  .bo-history__timeline-dot {
    z-index: 1;
    width: 11px;
    height: 11px;
    margin-top: .25rem;
    border: 2px solid var(--q-indigo);
    border-radius: 50%;
    background: var(--q-dark-card);
}

.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: var(--q-dark-muted);
    font-size: .68rem;
}

.bo-history[b-62bkxawfhr]  details {
    margin-top: .2rem;
    color: var(--q-dark-muted);
    font-size: .7rem;
}

.bo-history[b-62bkxawfhr]  pre {
    max-height: 150px;
    overflow: auto;
    padding: .55rem;
    border-radius: 8px;
    background: var(--q-dark-card-2);
    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; flex-wrap:wrap; }
    .bo-history__pager[b-62bkxawfhr] { align-items: flex-start; flex-direction: column; }
    .bo-history[b-62bkxawfhr]  .bo-history__timeline li header { align-items:flex-start; flex-wrap:wrap; gap:.35rem; }
}
.bo-history__header > div[b-62bkxawfhr] { min-width:0; }
.bo-history__pricing[b-62bkxawfhr] { flex-wrap:wrap; }
.bo-history__pricing span[b-62bkxawfhr] { min-width:min(100%,130px); overflow-wrap:anywhere; }
.bo-history__pager div[b-62bkxawfhr] { flex-wrap:wrap; }
.bo-history[b-62bkxawfhr]  .bo-history__timeline p { overflow-wrap:anywhere; }
/* _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; } }
.analytics-heading[b-li96havxjc] { flex-wrap:wrap; }
.analytics-heading > div:first-child[b-li96havxjc] { min-width:0; }
.heading-actions[b-li96havxjc],.chart-legend[b-li96havxjc],.kpi-meta[b-li96havxjc] { flex-wrap:wrap; }
.period-picker[b-li96havxjc] { max-width:100%; min-width:0; }
.period-picker select[b-li96havxjc] { min-width:0; }
.chart-data[b-li96havxjc] { min-width:0; width:min(300px,calc(100% - 20px)); }
.chart-data table[b-li96havxjc] { min-width:250px; }
.customer-search[b-li96havxjc] { min-height:40px; height:auto; }
.customer-search input[b-li96havxjc] { min-height:38px; }
@media(max-width:420px){.kpi-grid[b-li96havxjc]{grid-template-columns:minmax(0,1fr)}.analytics .kpi[b-li96havxjc]{border-right:0;border-bottom:1px solid var(--a-line)}.analytics .kpi:last-child[b-li96havxjc]{border-bottom:0}.status-panel .state-list[b-li96havxjc]{grid-template-columns:minmax(0,1fr)}}
/* _content/Qublo.App.Shared/Components/Backoffice/BackofficeAnalyzersDashboard.razor.rz.scp.css */
.bo-analyzers[b-7hyhjvcyip] { color:var(--q-dark-ink); display:grid; gap:20px; margin-inline:auto; max-width:1700px; min-width:0; }
.analyzers-heading[b-7hyhjvcyip],.analyzers-panel>header[b-7hyhjvcyip] { align-items:center; display:flex; flex-wrap:wrap; gap:18px; justify-content:space-between; }
.analyzers-heading h1[b-7hyhjvcyip] { font-size:clamp(26px,3vw,36px); letter-spacing:-.04em; margin:5px 0 8px; }
.analyzers-heading p[b-7hyhjvcyip],.analyzers-panel header p[b-7hyhjvcyip] { color:var(--q-dark-muted); font-size:12px; line-height:1.6; margin:0; max-width:760px; }
.analyzers-kicker[b-7hyhjvcyip] { color:var(--q-lime); font-size:10px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.analyzers-refresh[b-7hyhjvcyip] { align-items:center; display:flex; gap:12px; }
.analyzers-refresh button[b-7hyhjvcyip] { background:var(--q-dark-card-2); border:1px solid var(--q-dark-line); border-radius:8px; color:var(--q-dark-ink); cursor:pointer; min-height:38px; padding:8px 14px; }
.analyzers-refresh button:disabled[b-7hyhjvcyip] { cursor:wait; opacity:.55; }
.analyzers-live[b-7hyhjvcyip] { align-items:center; display:inline-flex; font-size:11px; gap:7px; }
.analyzers-live[b-7hyhjvcyip]::before { background:var(--q-amber); border-radius:100%; content:""; height:7px; width:7px; }
.analyzers-live.fresh[b-7hyhjvcyip]::before { background:var(--q-lime); }
.analyzers-metrics[b-7hyhjvcyip] { display:grid; gap:12px; grid-template-columns:repeat(4,minmax(0,1fr)); }
.analyzers-metrics article[b-7hyhjvcyip] { background:var(--q-dark-card); border:1px solid var(--q-dark-line); border-radius:12px; display:grid; gap:10px; padding:20px; }
.analyzers-metrics span[b-7hyhjvcyip] { color:var(--q-dark-muted); font-size:12px; }
.analyzers-metrics strong[b-7hyhjvcyip] { font-size:36px; font-variant-numeric:tabular-nums; letter-spacing:-.04em; }
.analyzers-metrics small[b-7hyhjvcyip] { color:var(--q-dark-muted); font-size:10px; line-height:1.5; }
.analyzers-metrics .active strong[b-7hyhjvcyip] { color:var(--q-lime); }
.analyzers-metrics .idle strong[b-7hyhjvcyip] { color:var(--q-indigo-bright); }
.analyzers-metrics .unknown strong[b-7hyhjvcyip] { color:var(--q-amber); }
.analyzers-asof[b-7hyhjvcyip] { color:var(--q-dark-muted); display:flex; flex-wrap:wrap; font-size:11px; gap:8px 24px; }
.analyzers-notice[b-7hyhjvcyip] { background:var(--q-amber-soft); border:1px solid color-mix(in srgb,var(--q-amber) 30%,transparent); border-radius:10px; color:var(--q-amber); font-size:12px; line-height:1.6; margin:0; padding:12px 16px; }
.analyzers-notice.error[b-7hyhjvcyip] { background:var(--q-red-soft); border-color:color-mix(in srgb,var(--q-red) 30%,transparent); color:var(--q-red); }
.analyzers-panel[b-7hyhjvcyip] { background:var(--q-dark-card); border:1px solid var(--q-dark-line); border-radius:14px; min-width:0; overflow:hidden; }
.analyzers-panel>header[b-7hyhjvcyip] { border-bottom:1px solid var(--q-dark-line); padding:20px; }
.analyzers-panel h2[b-7hyhjvcyip] { font-size:16px; margin:0 0 7px; }
.analyzers-legend[b-7hyhjvcyip] { display:flex; flex-wrap:wrap; font-size:10px; gap:12px; }
.analyzers-legend span[b-7hyhjvcyip] { align-items:center; display:inline-flex; gap:5px; }
.analyzers-legend span[b-7hyhjvcyip]::before { border:1px solid var(--q-dark-line); border-radius:3px; content:""; height:9px; width:9px; }
.analyzers-legend .reading[b-7hyhjvcyip]::before,.analyzers-slot.reading[b-7hyhjvcyip] { background:var(--q-lime); color:var(--q-dark-bg); }
.analyzers-legend .analyzing[b-7hyhjvcyip]::before,.analyzers-slot.analyzing[b-7hyhjvcyip] { background:var(--q-indigo); color:var(--q-on-brand); }
.analyzers-legend .waiting[b-7hyhjvcyip]::before,.analyzers-slot.waiting[b-7hyhjvcyip] { background:var(--q-amber); color:var(--q-dark-bg); }
.analyzers-legend .idle[b-7hyhjvcyip]::before,.analyzers-slot.idle[b-7hyhjvcyip] { background:var(--q-dark-card-2); color:var(--q-dark-muted); }
.analyzers-legend .unknown[b-7hyhjvcyip]::before,.analyzers-slot.unknown[b-7hyhjvcyip] { background:repeating-linear-gradient(135deg,var(--q-dark-card-2) 0 4px,var(--q-dark-line) 4px 6px); color:var(--q-dark-muted); }
.analyzers-workers[b-7hyhjvcyip] { display:grid; gap:12px; grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr)); padding:16px; }
.analyzers-worker[b-7hyhjvcyip] { border:1px solid var(--q-dark-line); border-radius:10px; min-width:0; padding:14px; }
.worker-heading[b-7hyhjvcyip],.worker-summary[b-7hyhjvcyip] { align-items:baseline; display:flex; gap:8px; justify-content:space-between; }
.worker-heading strong[b-7hyhjvcyip] { font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.worker-freshness[b-7hyhjvcyip] { color:var(--q-dark-muted); font-size:10px; flex-shrink:0; }
.worker-summary[b-7hyhjvcyip] { color:var(--q-dark-muted); font-size:10px; margin-block:8px 13px; }
.analyzers-slots[b-7hyhjvcyip] { display:grid; gap:5px; grid-template-columns:repeat(10,minmax(0,1fr)); }
.analyzers-slot[b-7hyhjvcyip] { aspect-ratio:1; border:1px solid var(--q-dark-line); border-radius:5px; cursor:pointer; font-size:9px; font-weight:700; min-height:22px; padding:0; }
.analyzers-slot:focus-visible[b-7hyhjvcyip],.analyzers-slot:hover[b-7hyhjvcyip] { outline:2px solid var(--q-dark-ink); outline-offset:2px; }
.analyzers-worker.stale[b-7hyhjvcyip] { border-style:dashed; }
.analyzers-worker.missing[b-7hyhjvcyip] { align-content:center; border-style:dashed; color:var(--q-dark-muted); display:grid; font-size:12px; line-height:1.7; }
.analyzers-worker.missing p[b-7hyhjvcyip] { font-size:11px; margin-bottom:0; }
.analyzers-selection[b-7hyhjvcyip] { background:var(--q-indigo-soft); border-top:1px solid var(--q-dark-line); font-size:11px; line-height:1.8; overflow-wrap:anywhere; padding:16px 20px; }
.analyzers-table[b-7hyhjvcyip] { overflow-x:auto; }
.analyzers-table table[b-7hyhjvcyip] { border-collapse:collapse; font-size:12px; min-width:690px; width:100%; }
.analyzers-table th[b-7hyhjvcyip] { color:var(--q-dark-muted); font-size:10px; font-weight:600; text-align:left; }
.analyzers-table th[b-7hyhjvcyip],.analyzers-table td[b-7hyhjvcyip] { border-bottom:1px solid var(--q-dark-line); padding:13px 20px; white-space:nowrap; }
.analyzers-table tr:last-child td[b-7hyhjvcyip] { border-bottom:0; }
.analyzers-table code[b-7hyhjvcyip] { color:var(--q-indigo-bright); font-size:11px; }
.operation-kind[b-7hyhjvcyip] { font-weight:700; }
.analyzers-empty[b-7hyhjvcyip] { color:var(--q-dark-muted); font-size:12px; line-height:1.7; margin:0; padding:22px; }
@media(max-width:700px) { .analyzers-metrics[b-7hyhjvcyip] { grid-template-columns:repeat(2,minmax(0,1fr)); } .analyzers-metrics article[b-7hyhjvcyip] { padding:15px; } .analyzers-metrics strong[b-7hyhjvcyip] { font-size:29px; } .analyzers-panel>header[b-7hyhjvcyip] { padding:16px; } }
/* _content/Qublo.App.Shared/Components/Backoffice/BackofficeEbayDiagnosticsPanel.razor.rz.scp.css */
.bo-ebay-diagnostics[b-pai8o8kt9t] {
    display: grid;
    gap: 1rem;
    min-width: 0;
    padding: 1.1rem;
    margin-block: 1rem;
    border: 1px solid color-mix(in srgb, var(--q-indigo) 20%, transparent);
    border-radius: 18px;
    background: var(--q-dark-card-2);
    color: var(--q-dark-ink);
}

.bo-ebay-diagnostics__header[b-pai8o8kt9t],
.bo-ebay-diagnostics__readiness li > div[b-pai8o8kt9t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
}

.bo-ebay-diagnostics h3[b-pai8o8kt9t],
.bo-ebay-diagnostics h4[b-pai8o8kt9t],
.bo-ebay-diagnostics h5[b-pai8o8kt9t],
.bo-ebay-diagnostics p[b-pai8o8kt9t] {
    margin: 0;
}

.bo-ebay-diagnostics h3[b-pai8o8kt9t] { font-size: 1.08rem; }
.bo-ebay-diagnostics h4[b-pai8o8kt9t] { font-size: .92rem; }
.bo-ebay-diagnostics h5[b-pai8o8kt9t] { font-size: .8rem; margin-bottom: .65rem; }
.bo-ebay-diagnostics__header p[b-pai8o8kt9t],
.bo-ebay-diagnostics__asof[b-pai8o8kt9t],
.bo-ebay-diagnostics__market-id[b-pai8o8kt9t],
.bo-ebay-diagnostics__explanation[b-pai8o8kt9t],
.bo-ebay-diagnostics small[b-pai8o8kt9t] {
    color: var(--q-dark-muted);
    font-size: .72rem;
    line-height: 1.5;
}

.bo-ebay-diagnostics button[b-pai8o8kt9t] {
    flex-shrink: 0;
    padding: .55rem .8rem;
    border: 1px solid color-mix(in srgb, var(--q-indigo) 35%, transparent);
    border-radius: 10px;
    background: var(--q-dark-raise);
    color: var(--q-dark-ink);
    font: inherit;
    font-size: .76rem;
    font-weight: 750;
    cursor: pointer;
}
.bo-ebay-diagnostics button:focus-visible[b-pai8o8kt9t] { outline: 2px solid var(--q-indigo); outline-offset: 3px; }
.bo-ebay-diagnostics button:disabled[b-pai8o8kt9t] { opacity: .5; cursor: default; }
.bo-ebay-diagnostics__state[b-pai8o8kt9t] { display: grid; gap: .65rem; justify-items: start; padding: .8rem; }
.bo-ebay-diagnostics__state--error[b-pai8o8kt9t] { border: 1px solid #ef444466; border-radius: 10px; }
.bo-ebay-diagnostics__market[b-pai8o8kt9t] { display: grid; gap: 1rem; padding: 1rem; border: 1px solid #64748b40; border-radius: 12px; }
.bo-ebay-diagnostics__market h4 span[b-pai8o8kt9t] { color: var(--q-dark-muted); font-weight: 500; }
.bo-ebay-diagnostics__grid[b-pai8o8kt9t] { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr)); gap: 1.25rem; }
.bo-ebay-diagnostics dl[b-pai8o8kt9t] { display: grid; gap: .5rem; margin: .65rem 0; font-size: .76rem; }
.bo-ebay-diagnostics dl > div[b-pai8o8kt9t] { display: flex; justify-content: space-between; align-items: baseline; gap: .75rem; }
.bo-ebay-diagnostics dt[b-pai8o8kt9t] { color: var(--q-dark-muted); }
.bo-ebay-diagnostics dd[b-pai8o8kt9t] { margin: 0; text-align: right; overflow-wrap: anywhere; }
.bo-ebay-diagnostics code[b-pai8o8kt9t] { font-size: .73rem; overflow-wrap: anywhere; }
.bo-ebay-diagnostics__warning[b-pai8o8kt9t] { padding: .7rem 1rem; border-left: 3px solid #f59e0b; background: #f59e0b12; font-size: .76rem; }
.bo-ebay-diagnostics ul.bo-ebay-diagnostics__warning[b-pai8o8kt9t] { padding-left: 1.5rem; }
.bo-ebay-diagnostics__flags dl[b-pai8o8kt9t] { grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); column-gap: 1.5rem; }
.bo-ebay-diagnostics__readiness ol[b-pai8o8kt9t] { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: .65rem; list-style: none; padding: 0; margin: 0; }
.bo-ebay-diagnostics__readiness li[b-pai8o8kt9t] { display: grid; gap: .35rem; padding: .8rem; background: var(--q-dark-raise); border-radius: 10px; font-size: .76rem; }
.bo-ebay-diagnostics__readiness li > div span[b-pai8o8kt9t] { color: var(--q-dark-muted); }
.bo-ebay-diagnostics__readiness li > p[b-pai8o8kt9t] { font-size: .72rem; }

@media (max-width: 600px) {
    .bo-ebay-diagnostics__header[b-pai8o8kt9t] { align-items: start; flex-direction: column; }
    .bo-ebay-diagnostics__market[b-pai8o8kt9t] { padding: .75rem; }
}
/* _content/Qublo.App.Shared/Components/Backoffice/BackofficeErrorBoundary.razor.rz.scp.css */
.bo-section-error[b-vrlcjpb9sv] { display: grid; gap: 16px; padding: 24px; min-width:0; overflow-wrap:anywhere; border: 1px solid var(--q-line); border-radius: 14px; background: var(--q-surface); }
.bo-section-error > div[b-vrlcjpb9sv] { display: flex; flex-wrap: wrap; gap: 10px; }
/* _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:var(--q-overlay); 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 var(--q-dark-line); border-radius:18px; background:var(--q-dark-card); color:var(--q-dark-ink); box-shadow:0 24px 90px var(--q-shadow-color); 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 var(--q-dark-line); }
.eyebrow[b-zhc9549egl] { color:var(--q-lime); 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:var(--q-dark-muted); margin:0; font-size:12px; overflow-wrap:anywhere; }
.payment-detail button[b-zhc9549egl] { border:1px solid var(--q-dark-line); border-radius:8px; background:var(--q-dark-raise); padding:8px 12px; color:var(--q-dark-ink); font:inherit; font-size:11px; font-weight:650; cursor:pointer; }
.payment-detail button:hover[b-zhc9549egl] { border-color:var(--q-indigo); background:var(--q-dark-raise); }
.payment-detail button:focus-visible[b-zhc9549egl] { outline:2px solid var(--q-indigo); outline-offset:3px; }
.payment-detail .close[b-zhc9549egl] { border:0; background:none; color:var(--q-dark-muted); 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:var(--q-dark-raise); border:1px solid var(--q-dark-line); border-radius:12px; }
.payment-summary > div[b-zhc9549egl] { display:grid; gap:5px; min-width:0; }
.payment-summary small[b-zhc9549egl] { color:var(--q-dark-muted); 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:var(--q-indigo-bright); 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:var(--q-lime); background:var(--q-dark-raise); }.voided[b-zhc9549egl] { color:var(--q-red); background:var(--q-red-soft); }
.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:var(--q-dark-muted); 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:var(--q-dark-muted); font-weight:400; margin-top:5px; }
.detail-card[b-zhc9549egl] { padding:16px 18px; border:1px solid var(--q-dark-line); 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:var(--q-indigo-bright); margin-left:5px; padding:2px 6px; background:var(--q-dark-raise); 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:var(--q-dark-muted); font-size:11px; border-top:1px solid var(--q-dark-line); margin:14px 0 0; padding-top:12px; }.verification.verified[b-zhc9549egl] { color:var(--q-lime); }.verification small[b-zhc9549egl] { display:block; color:var(--q-dark-muted); margin:5px 0 0; font-size:10px; }.coupon[b-zhc9549egl] { color:var(--q-indigo-bright); 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 var(--q-dark-line); }.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:var(--q-dark-muted); }.pdf-icon[b-zhc9549egl] { display:grid; place-items:center; width:36px; height:42px; flex:none; border-radius:7px; background:var(--q-dark-raise); color:var(--q-indigo-bright); font-size:9px; font-weight:750; }.document-actions[b-zhc9549egl] { display:flex; gap:6px; }
.notes[b-zhc9549egl] { color:var(--q-dark-muted); font-size:12px; line-height:1.7; margin:0; white-space:pre-wrap; overflow-wrap:anywhere; }.muted[b-zhc9549egl] { color:var(--q-dark-muted); font-size:12px; margin:0; }.void-info[b-zhc9549egl] { background:var(--q-dark-card); border-color:var(--q-dark-line); }.void-info h3[b-zhc9549egl] { color:var(--q-red); }.void-info p[b-zhc9549egl] { font-size:12px; color:var(--q-red); }
.detail-footer[b-zhc9549egl] { border-top:1px solid var(--q-dark-line); padding:17px 26px; display:flex; align-items:center; justify-content:space-between; gap:16px; }.detail-footer > span[b-zhc9549egl] { font-size:10px; color:var(--q-dark-muted); }.payment-detail .primary[b-zhc9549egl] { background:var(--q-indigo); border-color:var(--q-indigo); color: var(--q-on-brand); }.payment-detail .primary:hover[b-zhc9549egl] { background:var(--q-indigo); }
.detail-state[b-zhc9549egl] { display:grid; justify-items:start; gap:8px; padding:35px 10px; color:var(--q-dark-muted); }.detail-state p[b-zhc9549egl] { margin:0 0 6px; }.detail-state.error[b-zhc9549egl] { color:var(--q-red); }
@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; } }
.detail-header[b-zhc9549egl],.detail-footer[b-zhc9549egl] { flex:none; }
.detail-header > div[b-zhc9549egl] { min-width:0; }
.payment-detail .close[b-zhc9549egl] { flex:none; }
.detail-grid[b-zhc9549egl] { grid-template-columns:repeat(2,minmax(0,1fr)); }
.document-actions[b-zhc9549egl] { flex-wrap:wrap; }
@media(max-width:600px){.payment-summary[b-zhc9549egl],.detail-footer[b-zhc9549egl]{flex-wrap:wrap}.detail-footer > span[b-zhc9549egl]{max-width:none}}
@media(max-width:420px){.detail-grid[b-zhc9549egl]{grid-template-columns:minmax(0,1fr)}.detail-footer > button[b-zhc9549egl]{width:100%}}
/* _content/Qublo.App.Shared/Components/Backoffice/BackofficeTicketQueue.razor.rz.scp.css */
.ticket-workspace[b-z1qsq58zqj] { color: var(--bo-ink, var(--q-dark-ink)); min-width: 0; font-size: 14px; }
.queue-skeleton[b-z1qsq58zqj] { display: grid; gap: 1px; padding: 8px; }
.queue-skeleton-row[b-z1qsq58zqj] { display: grid; gap: 20px; grid-template-columns: 2fr 1fr 1fr; padding: 24px 18px; }
.queue-skeleton-row span[b-z1qsq58zqj] { animation: ticket-skeleton-pulse-b-z1qsq58zqj 1.4s ease-in-out infinite; background: var(--bo-panel-2, var(--q-dark-raise)); border-radius: 5px; height: 15px; }
@keyframes ticket-skeleton-pulse-b-z1qsq58zqj { 50% { opacity: .35; } }
@media (prefers-reduced-motion: reduce) { .queue-skeleton-row span[b-z1qsq58zqj] { animation: none; } }
.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, var(--q-lime)); 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, var(--q-dark-muted)); 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, var(--q-dark-raise)); color: inherit; border: 1px solid var(--bo-line, var(--q-dark-line)); border-radius: 9px; min-height: 40px; padding: 9px 14px; font-size: 12px; font-weight: 650; }
button:hover:not(:disabled)[b-z1qsq58zqj] { border-color: var(--q-indigo); background: var(--q-dark-raise); }
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 var(--q-lime); 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: var(--q-indigo-bright); }
label > span:first-child[b-z1qsq58zqj] { font-size: 12px; font-weight: 650; }
input:not([type=checkbox])[b-z1qsq58zqj], select[b-z1qsq58zqj] { background: var(--q-dark-card); color: var(--q-dark-ink); border: 1px solid var(--bo-line, var(--q-dark-line)); border-radius: 8px; min-width: 0; width: 100%; box-sizing: border-box; height: 42px; padding: 8px 10px; font-size: 13px; color-scheme: inherit; }
input[b-z1qsq58zqj]::placeholder { color: var(--q-dark-muted); }
.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: var(--q-indigo-bright); }
.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, var(--q-dark-card)); border: 1px solid var(--bo-line, var(--q-dark-line)); 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: var(--q-dark-muted); 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, var(--q-dark-line)); }
legend[b-z1qsq58zqj] { font-size: 12px; padding: 0 6px; font-weight: 750; color: var(--q-indigo-bright); }
.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: var(--q-dark-raise); }.facet-option.selected[b-z1qsq58zqj] { background: var(--q-indigo-soft); border-color: color-mix(in srgb, var(--q-indigo) 35%, transparent); }
.facet-option input[b-z1qsq58zqj] { width: 15px; height: 15px; accent-color: var(--q-indigo); margin: 0; flex: 0 0 auto; }
.facet-count[b-z1qsq58zqj] { margin-left: auto; font-size: 11px; color: var(--q-dark-muted); 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: var(--q-dark-card-2); }
.priority-dot.urgent[b-z1qsq58zqj], .priority-line.urgent[b-z1qsq58zqj] { background: var(--q-red); }.priority-dot.high[b-z1qsq58zqj], .priority-line.high[b-z1qsq58zqj] { background: var(--q-amber); }.priority-dot.normal[b-z1qsq58zqj], .priority-line.normal[b-z1qsq58zqj] { background: var(--q-indigo-soft); }
.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, var(--q-dark-card)); border: 1px solid var(--bo-line, var(--q-dark-line)); border-radius: 12px; }
.date-note[b-z1qsq58zqj] { grid-column: 1 / -1; margin: -4px 0 0; color: var(--q-dark-muted); 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: var(--q-dark-muted); font-weight: 500; }.result-count small[b-z1qsq58zqj] { color: var(--q-dark-muted); 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, var(--q-dark-card)); border: 1px solid var(--bo-line, var(--q-dark-line)); 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, var(--q-dark-line)); 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: var(--q-dark-card-2); }
.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: var(--q-dark-muted); line-height: 1.4; overflow-wrap: anywhere; }.ticket-dates[b-z1qsq58zqj] { font-size: 10px; color: var(--q-dark-muted); font-weight: 400; line-height: 1.4; }
.ticket-meta[b-z1qsq58zqj] { justify-items: end; gap: 5px; }.ticket-meta small[b-z1qsq58zqj] { color: var(--q-dark-muted); 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: var(--q-dark-raise); color: var(--q-dark-ink); }.status-badge.open[b-z1qsq58zqj] { background: var(--q-dark-raise); color: var(--q-amber); }.status-badge.waitingforcustomer[b-z1qsq58zqj] { background: var(--q-dark-raise); color: var(--q-dark-ink); }.status-badge.resolved[b-z1qsq58zqj], .status-badge.closed[b-z1qsq58zqj] { background: var(--q-lime-soft); color: var(--q-lime); }
.priority-badge[b-z1qsq58zqj] { color: var(--q-dark-muted); background: var(--q-dark-raise); }.priority-badge.urgent[b-z1qsq58zqj] { color: var(--q-red); background: var(--q-dark-raise); }.priority-badge.high[b-z1qsq58zqj] { color: var(--q-amber); background: var(--q-dark-raise); }
.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: var(--q-dark-muted); font-size: 13px; line-height: 1.5; }
.loading-indicator[b-z1qsq58zqj] { width: 22px; height: 22px; border: 2px solid var(--q-dark-line); border-top-color: var(--q-lime); 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: var(--q-dark-raise); border: 1px solid var(--q-dark-line); border-radius: 9px; color: var(--q-red); 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: var(--q-dark-muted); }.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:var(--q-dark-ink);min-width:0}.crm-tabs[b-h327fyac8a]{display:flex;gap:.5rem;overflow:auto;padding:.3rem;background:var(--q-dark-card);border:1px solid var(--q-dark-line);border-radius:1rem}.crm-tabs button[b-h327fyac8a]{flex:1;min-width:10rem;padding:.85rem 1rem;border:0;border-radius:.75rem;background:transparent;color:var(--q-dark-muted);font-weight:800}.crm-tabs button.active[b-h327fyac8a]{background:var(--q-indigo);color: var(--q-on-brand);box-shadow:0 8px 25px color-mix(in srgb, var(--q-indigo) 20%, transparent)}.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:var(--q-dark-muted);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:var(--q-dark-ink)}.crm-heading p[b-h327fyac8a],.crm-card p[b-h327fyac8a]{margin:.1rem 0;color:var(--q-dark-muted)}.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 var(--q-dark-line);border-radius:.7rem;background:var(--q-dark-raise);color:var(--q-dark-ink);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:var(--q-indigo)}.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 var(--q-dark-line);border-radius:1rem;background:var(--q-dark-card);overflow:hidden}.crm-summary[b-h327fyac8a]::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--q-indigo)}.crm-summary.lime[b-h327fyac8a]::before{background:var(--q-lime)}.crm-summary.amber[b-h327fyac8a]::before{background:var(--q-amber)}.crm-summary.blue[b-h327fyac8a]::before{background:var(--q-info)}.crm-summary.red[b-h327fyac8a]::before{background:var(--q-red)}.crm-summary span[b-h327fyac8a],.crm-summary small[b-h327fyac8a]{color:var(--q-dark-muted)}.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 var(--q-dark-line);border-radius:1rem;background:var(--q-dark-card);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:var(--q-dark-raise)}.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:var(--q-dark-raise);color:var(--q-red);font-size:.72rem}.crm-protected-banner[b-h327fyac8a],.crm-recovery-note[b-h327fyac8a]{display:flex;gap:.7rem;padding:.85rem 1rem;border:1px solid var(--q-dark-line);border-radius:.8rem;background:var(--q-dark-raise);color:var(--q-indigo-bright)}.crm-protected-banner strong[b-h327fyac8a]{color:var(--q-dark-ink)}.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 var(--q-dark-line);border-radius:.75rem;background:var(--q-dark-card);color:var(--q-dark-muted);cursor:pointer}.crm-kpi-filters button strong[b-h327fyac8a]{font-size:1.1rem;color:var(--q-dark-ink)}.crm-kpi-filters button.active[b-h327fyac8a]{border-color:var(--q-indigo);background:var(--q-dark-raise)}.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 var(--q-dark-line);border-radius:.65rem;background:var(--q-dark-card);color:var(--q-dark-ink);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 var(--q-indigo);outline-offset:1px}.crm-active-filters[b-h327fyac8a]{display:flex;flex-wrap:wrap;gap:.4rem}.crm-active-filters button[b-h327fyac8a]{border:1px solid var(--q-dark-line);border-radius:999px;background:var(--q-dark-raise);color:var(--q-dark-ink);padding:.35rem .65rem}.crm-table-wrap[b-h327fyac8a]{overflow:auto;border:1px solid var(--q-dark-line);border-radius:.9rem;background:var(--q-dark-card)}.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 var(--q-dark-line);color:var(--q-dark-ink)}.crm-table-wrap th[b-h327fyac8a]{color:var(--q-dark-ink)}.crm-table-wrap td small[b-h327fyac8a],.crm-table-wrap th small[b-h327fyac8a]{display:block;margin-top:.25rem;color:var(--q-dark-muted);white-space:normal}.crm-table-wrap a[b-h327fyac8a]{color:var(--q-indigo-bright)}.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:var(--q-dark-raise);font-size:.72rem}.crm-actions button[b-h327fyac8a],.crm-actions a[b-h327fyac8a]{padding:.38rem .55rem;border:1px solid var(--q-dark-line);border-radius:.5rem;background:var(--q-dark-raise);color:var(--q-indigo-bright);font-weight:700;text-decoration:none}.crm-actions .has-note[b-h327fyac8a]{border-color:var(--q-amber);color:var(--q-amber)}.crm-pill[b-h327fyac8a]{display:inline-flex;align-items:center;width:max-content;padding:.28rem .5rem;border-radius:999px;background:var(--q-dark-raise);color:var(--q-indigo-bright);font-size:.72rem;font-weight:900}.crm-pill.lime[b-h327fyac8a],.crm-pill.paid[b-h327fyac8a]{background:var(--q-dark-raise);color:var(--q-lime)}.crm-pill.amber[b-h327fyac8a],.crm-pill.pending[b-h327fyac8a]{background:var(--q-dark-raise);color:var(--q-amber)}.crm-pill.red[b-h327fyac8a]{background:var(--q-dark-raise);color:var(--q-red)}.crm-pill.blue[b-h327fyac8a]{background:var(--q-dark-raise);color:var(--q-info)}.crm-pill.indigo[b-h327fyac8a]{background:var(--q-dark-raise);color:var(--q-indigo-bright)}.crm-rate[b-h327fyac8a]{font-weight:900}.crm-rate.good[b-h327fyac8a]{color:var(--q-lime)}.crm-rate.medium[b-h327fyac8a]{color:var(--q-amber)}.crm-rate.low[b-h327fyac8a]{color:var(--q-red)}.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:var(--q-dark-card)}.crm-equation>span[b-h327fyac8a]{display:grid;gap:.25rem;min-width:0}.crm-equation strong[b-h327fyac8a]{font-size:1.35rem;color:var(--q-dark-ink)}.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 var(--q-dark-line);border-radius:1rem;color:var(--q-dark-muted)}.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 var(--q-dark-line);border-top-color:var(--q-lime);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:var(--q-dark-raise);color:var(--q-red)}.crm-alert.success[b-h327fyac8a]{background:var(--q-dark-raise);color:var(--q-lime)}.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:var(--q-overlay);backdrop-filter:blur(5px)}.crm-modal[b-h327fyac8a]{width:min(44rem,100%);max-height:90vh;overflow:auto;border:1px solid var(--q-dark-line);border-radius:1.1rem;background:var(--q-dark-card);box-shadow:0 30px 80px var(--q-shadow-color)}.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 var(--q-dark-line)}.crm-modal>footer[b-h327fyac8a]{justify-content:flex-end;border-top:1px solid var(--q-dark-line);border-bottom:0}.crm-modal>header h2[b-h327fyac8a]{margin:.15rem 0}.crm-modal>header p[b-h327fyac8a]{margin:0;color:var(--q-dark-muted)}.crm-modal>header>button[b-h327fyac8a]{border:0;background:transparent;color:var(--q-dark-muted);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:var(--q-dark-muted);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:var(--q-indigo)!important;border-color:var(--q-indigo)!important;color:var(--q-on-brand)!important}.warning[b-h327fyac8a]{color:var(--q-amber)}.limit[b-h327fyac8a]{color:var(--q-red)}.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:var(--q-dark-muted)}.crm-percentage-editor input[b-h327fyac8a]{width:9rem;border:1px solid var(--q-dark-line);border-radius:.6rem;background:var(--q-dark-card);color:var(--q-dark-ink);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:var(--q-dark-muted);font-size:.75rem;font-weight:800}.crm-month-navigation input[b-h327fyac8a]{border:1px solid var(--q-dark-line);border-radius:.6rem;background:var(--q-dark-card);color:var(--q-dark-ink);padding:.55rem}.crm-kpi-filters button.active small[b-h327fyac8a]{color:var(--q-lime);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 var(--q-lime);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 var(--q-dark-line);border-radius:1rem;background:var(--q-dark-card)}.crm-collection-progress>div[b-h327fyac8a]{display:flex;justify-content:space-between;gap:1rem;color:var(--q-dark-muted)}.crm-collection-progress strong[b-h327fyac8a]{color:var(--q-lime)}.crm-collection-progress progress[b-h327fyac8a],.crm-recovery-row progress[b-h327fyac8a],.crm-compact-progress[b-h327fyac8a]{width:100%;height:.65rem;accent-color:var(--q-lime)}.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:var(--q-dark-raise)}.crm-recovery-row>div[b-h327fyac8a]{display:flex;justify-content:space-between;gap:.7rem;color:var(--q-dark-muted)}.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:var(--q-indigo);background:var(--q-dark-raise)}.crm-lost-reasons button strong[b-h327fyac8a]{color:var(--q-red)}
@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 var(--q-dark-line);border-radius:.5rem;background:var(--q-dark-card);color:var(--q-dark-ink);padding:.42rem;max-width:10rem}.crm-actions .has-note[b-h327fyac8a]{border-color:var(--q-lime);color:var(--q-lime)}
.crm-filters[b-h327fyac8a]{grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr))}
.crm-filters > *[b-h327fyac8a],.crm-form-grid > *[b-h327fyac8a],.crm-heading > div[b-h327fyac8a],.crm-modal > header > div[b-h327fyac8a]{min-width:0}
.crm-modal[b-h327fyac8a]{min-width:0;max-height:calc(100dvh - 2rem);color:var(--q-dark-ink)}
.crm-modal > footer[b-h327fyac8a],.crm-card > header[b-h327fyac8a]{flex-wrap:wrap}
.crm-modal > header[b-h327fyac8a]{align-items:flex-start}
.crm-modal > header > div[b-h327fyac8a]{flex:1;overflow-wrap:anywhere}
.crm-modal > header > button[b-h327fyac8a]{flex:none}
.crm-workspace input[type=checkbox][b-h327fyac8a],.crm-modal input[type=checkbox][b-h327fyac8a]{width:18px;height:18px;min-height:18px;padding:0;margin:0;flex:none;accent-color:var(--q-indigo)}
.crm-checkbox[b-h327fyac8a]{gap:.6rem}
.crm-attention li > strong[b-h327fyac8a],.crm-selected-list li > *[b-h327fyac8a]{min-width:0;overflow-wrap:anywhere}
.crm-month-navigation[b-h327fyac8a]{flex-wrap:wrap;max-width:100%}
.crm-month-navigation label[b-h327fyac8a]{min-width:0;flex:1}
.crm-month-navigation input[b-h327fyac8a]{min-width:0;width:100%}
.crm-percentage-editor[b-h327fyac8a]{flex-wrap:wrap}
.crm-lost-reasons[b-h327fyac8a]{grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr))}
.crm-modal .crm-summary-grid > article[b-h327fyac8a]{display:grid;gap:.35rem;min-width:0;padding:.85rem;border:1px solid var(--q-dark-line);border-radius:.75rem;background:var(--q-dark-raise)}
.crm-modal .crm-summary-grid strong[b-h327fyac8a]{overflow-wrap:anywhere}
.crm-modal[b-h327fyac8a]  .account-commercial{margin-inline:1.2rem}
@media(max-width:760px){.crm-filters[b-h327fyac8a]{grid-template-columns:repeat(2,minmax(0,1fr))}.crm-card > header[b-h327fyac8a]{align-items:flex-start}.crm-attention li[b-h327fyac8a],.crm-selected-list li[b-h327fyac8a]{align-items:flex-start;flex-wrap:wrap}.crm-protected-banner[b-h327fyac8a]{flex-wrap:wrap}}
@media(max-width:480px){.crm-filters[b-h327fyac8a]{grid-template-columns:minmax(0,1fr)}.crm-modal[b-h327fyac8a]{max-height:calc(100dvh - .8rem)}.crm-modal > footer > button[b-h327fyac8a]{width:100%}}
/* _content/Qublo.App.Shared/Components/Backoffice/CoachDeleteDialog.razor.rz.scp.css */
.coach-delete-overlay[b-mmd7s59o1f]{position:fixed;inset:0;background:var(--q-overlay);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;color:var(--q-ink);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:var(--q-surface);border:1px solid var(--q-line);border-radius:16px;padding:28px;box-shadow:0 20px 60px var(--q-shadow-color);animation:coachModalIn-b-mmd7s59o1f .18s ease}
.coach-delete-icon[b-mmd7s59o1f]{width:48px;height:48px;border-radius:12px;background:var(--q-red-soft);color:var(--q-red);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:var(--q-ink)}
.coach-delete-text[b-mmd7s59o1f]{font-size:14px;color:var(--q-muted);line-height:1.55;margin:0 0 18px;overflow-wrap:anywhere}.coach-delete-text b[b-mmd7s59o1f]{color:var(--q-ink)}
.coach-delete-box label[b-mmd7s59o1f]{display:block;font-size:12px;color:var(--q-muted);margin-bottom:8px}.coach-delete-box code[b-mmd7s59o1f]{background:var(--q-indigo-soft);color:var(--q-indigo-bright);padding:2px 6px;border-radius:5px;font-weight:700}
.coach-delete-box input[b-mmd7s59o1f]{box-sizing:border-box;width:100%;background:var(--q-surface-2);border:1px solid var(--q-line);border-radius:8px;padding:11px 12px;color:var(--q-ink);font-size:14px;margin-bottom:6px}.coach-delete-box input:focus[b-mmd7s59o1f]{outline:2px solid var(--q-indigo);outline-offset:-1px}
.coach-delete-hint[b-mmd7s59o1f]{font-size:12px;color:var(--q-muted);margin:0 0 22px;min-height:16px}.coach-delete-hint.ok[b-mmd7s59o1f]{color:var(--q-lime)}.coach-delete-error[b-mmd7s59o1f]{font-size:13px;color:var(--q-red);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 var(--q-indigo-bright);outline-offset:3px}
.coach-delete-actions .coach-delete-cancel[b-mmd7s59o1f]{background:transparent;border-color:var(--q-line);color:var(--q-ink)}.coach-delete-confirm[b-mmd7s59o1f]{background:var(--q-danger-fill);color:var(--q-on-brand)}.coach-delete-actions button:disabled[b-mmd7s59o1f]{cursor:not-allowed}.coach-delete-confirm:disabled[b-mmd7s59o1f]{background:var(--q-red-soft);color:var(--q-muted)}
@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:var(--q-ink);margin-bottom:8px}
.coach-delete-note[b-mmd7s59o1f]{font-size:12px;line-height:1.55;color:var(--q-muted);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 var(--q-line);border-radius:10px;margin:0;color:var(--q-ink);cursor:pointer}
.coach-delete-box input[type=radio][b-mmd7s59o1f],.coach-delete-box input[type=checkbox][b-mmd7s59o1f]{width:18px;height:18px;min-height:18px;min-width:18px;flex:none;margin:0;padding:0;accent-color:var(--q-indigo)}
.coach-delete-modes label:has(input:checked)[b-mmd7s59o1f]{border-color:var(--q-indigo-bright);background:var(--q-indigo-soft)}
.coach-delete-box select[b-mmd7s59o1f]{box-sizing:border-box;width:100%;min-height:42px;background:var(--q-surface-2);color:var(--q-ink);border:1px solid var(--q-line);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 var(--q-indigo-bright);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:var(--q-surface-raised);color:var(--q-ink);border:1px solid var(--q-line);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 var(--q-line);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:var(--q-surface-2);position:sticky;top:0;z-index:1;color:var(--q-muted)}
.coach-delete-students th[b-mmd7s59o1f],.coach-delete-students td[b-mmd7s59o1f]{padding:12px 10px;border-bottom:1px solid var(--q-line)}
.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:var(--q-muted);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:var(--q-muted)}
.coach-delete-pagination span[b-mmd7s59o1f]{margin-right:auto}
.coach-delete-summary[b-mmd7s59o1f]{padding:12px;background:var(--q-indigo-soft);border-radius:8px;color:var(--q-ink);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 var(--q-line)}
    .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:var(--q-surface-2)}
    .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%}
}
.coach-delete-box input:not([type=radio]):not([type=checkbox])[b-mmd7s59o1f],.coach-delete-box select[b-mmd7s59o1f]{min-width:0}
.coach-delete-modes label[b-mmd7s59o1f]{min-width:0;overflow-wrap:anywhere}
/* _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,var(--q-dark-muted)); }
.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 var(--q-dark-line); border-radius:12px; background:var(--bo-card,var(--q-dark-card)); }
.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 var(--q-dark-line); border-radius:8px; background:var(--bo-card,var(--q-dark-card)); 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; flex:none; }
.contracts-filters[b-ojlu3lo5tu] { display:flex; flex-wrap:wrap; align-items:end; gap:1rem; }
.contracts-table-wrap[b-ojlu3lo5tu] { overflow:auto; border:1px solid var(--q-dark-line); border-radius:12px; }
.contracts table[b-ojlu3lo5tu] { width:100%; border-collapse:collapse; background:var(--bo-card,var(--q-dark-card)); color:var(--bo-ink); }
.contracts th[b-ojlu3lo5tu],.contracts td[b-ojlu3lo5tu] { padding:.8rem; text-align:left; border-bottom:1px solid var(--q-dark-line); white-space:nowrap; }
.contracts th[b-ojlu3lo5tu] { font-size:.8rem; color:var(--bo-muted); }
.contracts button[b-ojlu3lo5tu] { cursor:pointer; border:1px solid var(--q-dark-line); border-radius:8px; padding:.65rem .9rem; background:var(--bo-card,var(--q-dark-card)); color:inherit; }
.contracts button:disabled[b-ojlu3lo5tu] { opacity:.5; cursor:default; }
.contracts button:focus-visible[b-ojlu3lo5tu] { outline:3px solid var(--q-info); outline-offset:2px; }
.contracts-editor[b-ojlu3lo5tu] { padding:1.5rem; border:1px solid var(--q-dark-line); border-radius:16px; background:var(--bo-card,var(--q-dark-card)); 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:var(--q-info-soft); border-color:var(--q-info); color:var(--q-dark-ink); }
.contracts-installment[b-ojlu3lo5tu] { border:1px solid var(--q-dark-line); border-radius:10px; padding:1rem; min-width:0; }
.contracts-error[b-ojlu3lo5tu] { color:var(--q-red); padding:.75rem; background:var(--q-red-soft); border-radius:8px; }
.contracts-warning[b-ojlu3lo5tu] { color:var(--q-amber); padding:.75rem; background:var(--q-amber-soft); 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%;}}
.contracts label[b-ojlu3lo5tu],.contracts-fields > *[b-ojlu3lo5tu] { min-width:0; }
.contracts-editor[b-ojlu3lo5tu] { overflow-wrap:anywhere; }
@media(max-width:480px){.contracts-filters > label:not(:has(input[type=checkbox]))[b-ojlu3lo5tu]{width:100%}.contracts footer button[b-ojlu3lo5tu],.contracts-bulk > button[b-ojlu3lo5tu]{width:100%}}
/* _content/Qublo.App.Shared/Components/Backoffice/HistoricalSubscriptionImporter.razor.rz.scp.css */
.historical-importer[b-zuigtjuxg3] {
    min-width: 0;
    padding: 1rem;
    border: 1px solid var(--q-line);
    border-radius: 12px;
    background: var(--q-surface);
    color: var(--q-ink);
    overflow-wrap: anywhere;
}

.historical-importer summary[b-zuigtjuxg3] { cursor: pointer; font-weight: 800; }
.historical-importer p[b-zuigtjuxg3] { color: var(--q-muted); line-height: 1.5; }
.historical-importer[b-zuigtjuxg3]  input[type=file] { max-width: 100%; padding: .5rem; }
.historical-importer label[b-zuigtjuxg3] { display: flex; align-items: flex-start; gap: .6rem; margin: 1rem 0; }
.historical-importer input[type=checkbox][b-zuigtjuxg3] { width: 18px; height: 18px; flex: none; margin-top: .1rem; }
.historical-importer-table[b-zuigtjuxg3] { min-width: 0; max-height: 350px; overflow: auto; border: 1px solid var(--q-line); border-radius: 8px; }
.historical-importer table[b-zuigtjuxg3] { width: 100%; min-width: 640px; border-collapse: collapse; font-size: .85rem; }
.historical-importer th[b-zuigtjuxg3],.historical-importer td[b-zuigtjuxg3] { padding: .65rem; border-bottom: 1px solid var(--q-line); text-align: left; vertical-align: top; }
.historical-importer th[b-zuigtjuxg3] { background: var(--q-surface-2); color: var(--q-muted); }
.historical-importer .historical-importer-error[b-zuigtjuxg3] { color: var(--q-red); }
/* _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:var(--q-dark-card); color:var(--q-dark-ink); 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:var(--q-dark-raise); color:var(--q-dark-ink); border-bottom:1px solid var(--q-dark-line); }
.payment-pdf-preview[b-ss2jtuegg0]  button,.payment-pdf-preview[b-ss2jtuegg0]  select { background:var(--q-dark-raise); color:var(--q-dark-ink); border:1px solid var(--q-dark-line); 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 var(--q-indigo); 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 var(--q-shadow-color); }
.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:var(--q-info-soft); color:var(--q-info); padding:3px 7px; border-radius:20px; font-size:11px; } .subscription-badges .overdue[b-ffgr5tc2pj] { background:var(--q-red-soft); color:var(--q-red); }
/* _content/Qublo.App.Shared/Components/Backoffice/SubscriptionExpiryAlerts.razor.rz.scp.css */
.expiry-alerts[b-a12hc7w1zp] {
    min-width: 0;
    margin-bottom: 1rem;
    padding: .85rem 1rem;
    border: 1px solid var(--q-amber-line);
    border-radius: 10px;
    background: var(--q-amber-soft);
    color: var(--q-ink);
    overflow-wrap: anywhere;
}

.expiry-alerts summary[b-a12hc7w1zp] { color: var(--q-amber); cursor: pointer; font-weight: 800; }
.expiry-alerts ul[b-a12hc7w1zp] { display: grid; gap: .65rem; margin: .85rem 0 0; padding-left: 1.2rem; font-size: .85rem; line-height: 1.5; }
.expiry-alerts li[b-a12hc7w1zp] { padding-left: .15rem; }
.expiry-alerts-error[b-a12hc7w1zp] { color: var(--q-red); overflow-wrap: anywhere; }
/* _content/Qublo.App.Shared/Components/Backoffice/SubscriptionMovementEditor.razor.rz.scp.css */
.billing-editor[b-m2i5gu50ci] { background:var(--bo-panel-2,var(--q-dark-raise)); border:1px solid var(--bo-line,color-mix(in srgb, var(--q-indigo) 16%, transparent)); border-radius:12px; color:var(--bo-ink,var(--q-dark-ink)); padding:16px; display:grid; gap:12px; }
.billing-fields[b-m2i5gu50ci] { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%,210px), 1fr)); gap: 12px; }
.billing-editor label[b-m2i5gu50ci] { color:var(--bo-muted,var(--q-dark-muted)); 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,var(--q-dark-card)); border:1px solid var(--bo-line,color-mix(in srgb, var(--q-indigo) 16%, transparent)); border-radius:6px; color:var(--bo-ink,var(--q-dark-ink)); 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:color-mix(in srgb, var(--q-indigo) 66%, transparent); box-shadow:0 0 0 3px color-mix(in srgb, var(--q-indigo) 13%, transparent); outline:0; }
.billing-editor label[b-m2i5gu50ci] { min-width:0; }
.billing-editor label:has(input[type=checkbox])[b-m2i5gu50ci] { display:flex; align-items:center; gap:.6rem; }
.billing-editor input[type=checkbox][b-m2i5gu50ci] { accent-color:var(--bo-brand,var(--q-indigo)); flex:none; height:18px; min-height:18px; width:18px; margin:0; padding:0; }
.billing-editor dd[b-m2i5gu50ci] { overflow-wrap:anywhere; }
.billing-editor details > .billing-fields[b-m2i5gu50ci] { margin-bottom:.8rem; }
.billing-editor button[b-m2i5gu50ci] { background:var(--bo-brand,var(--q-indigo)); border:1px solid var(--bo-brand,var(--q-indigo)); border-radius:6px; color: var(--q-on-brand); cursor:pointer; padding:8px 14px; }
.billing-editor button:disabled[b-m2i5gu50ci] { opacity:.5; }
.billing-editor summary[b-m2i5gu50ci] { color:var(--bo-ink,var(--q-dark-ink)); cursor:pointer; padding-bottom:10px; }
.billing-editor dt[b-m2i5gu50ci] { color:var(--bo-muted,var(--q-dark-muted)); font-size:.8rem; }
.billing-editor dd[b-m2i5gu50ci] { color:var(--bo-ink,var(--q-dark-ink)); margin:4px 0; font-weight:600; }
.billing-editor p[b-m2i5gu50ci] { color:var(--bo-muted,var(--q-dark-muted)); font-size:.85rem; }
.billing-editor .billing-error[b-m2i5gu50ci] { color:var(--q-red); }
/* _content/Qublo.App.Shared/Components/Backoffice/SupportAccessLauncher.razor.rz.scp.css */
.support-launcher[b-2wj4yivlwi]{display:block;padding:1rem;border:1px solid var(--q-dark-line);border-radius:12px;background:var(--q-dark-card);color:var(--q-dark-ink)}.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:var(--q-dark-ink);font-size:.85rem}.support-launcher textarea[b-2wj4yivlwi]{min-height:70px;width:100%;padding:.6rem;border:1px solid var(--q-dark-line);border-radius:8px;background:var(--q-dark-card);color:var(--q-dark-ink)}.support-launcher button[b-2wj4yivlwi]{padding:.65rem;border:0;border-radius:8px;background:var(--q-indigo);color: var(--q-on-brand);font-weight:700;cursor:pointer}.support-launcher button:disabled[b-2wj4yivlwi]{opacity:.5;cursor:default}.support-launcher .support-launcher-secondary[b-2wj4yivlwi]{background:var(--q-dark-raise);color:var(--q-dark-ink)}.support-launcher small[b-2wj4yivlwi]{font-size:.75rem;color:var(--q-indigo-bright)}.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:var(--q-dark-ink);user-select:all}.support-launcher .support-launcher-error[b-2wj4yivlwi]{padding:.6rem;background:var(--q-red-soft);color:var(--q-dark-ink);border-radius:8px}
/* _content/Qublo.App.Shared/Components/Catalog/AnimatedCounter.razor.rz.scp.css */
.q-animated-counter[b-435keozfoq] {
    font-variant-numeric: tabular-nums;
}
/* _content/Qublo.App.Shared/Components/Catalog/BulkSelectionBar.razor.rz.scp.css */
.q-selection-bar[b-knf0v7xhez] {
    align-items: center;
    background: var(--qbar-bg);
    border: 1px solid var(--qbar-border);
    border-radius: 999px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .24);
    color: var(--qbar-text);
    color-scheme: dark;
    display: flex;
    flex-wrap: wrap;
    font-size: 15px;
    font-weight: 800;
    gap: 18px;
    justify-content: space-between;
    min-height: 56px;
    min-width: 0;
    padding: 10px 12px;
}

.q-selection-bar.fixed[b-knf0v7xhez] {
    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 1 auto;
    gap: 8px;
}

.q-selection-count[b-knf0v7xhez] {
    align-items: center;
    background: var(--qbar-badge);
    border: 1px solid var(--qbar-badge);
    border-radius: 999px;
    color: var(--qbar-text);
    display: inline-flex;
    font-size: 15px;
    font-weight: 800;
    height: 28px;
    justify-content: center;
    min-width: 28px;
    padding: 0 7px;
}

.q-selection-summary strong[b-knf0v7xhez] {
    color: var(--qbar-text);
    font-size: 15px;
    font-weight: 800;
    white-space: nowrap;
}

.q-selection-all[b-knf0v7xhez],
.q-selection-actions[b-knf0v7xhez]  button:not(.q-selection-clear) {
    background: transparent;
    border: 1px solid transparent;
    border-radius: 8px;
    box-shadow: none;
    color: var(--qbar-text);
    font-size: 15px;
    font-weight: 800;
    gap: 6px;
    min-height: 34px;
    opacity: 1;
    padding: 0 11px;
    white-space: nowrap;
}

.q-selection-all:hover:not(:disabled)[b-knf0v7xhez],
.q-selection-actions[b-knf0v7xhez]  button:not(.q-selection-clear):hover:not(:disabled) {
    background: var(--qbar-hover);
}

.q-selection-all:focus-visible[b-knf0v7xhez],
.q-selection-actions[b-knf0v7xhez]  button:not(.q-selection-clear):focus-visible {
    outline: 2px solid var(--qbar-text);
    outline-offset: 2px;
}

.q-selection-separator[b-knf0v7xhez] {
    background: var(--qbar-sep);
    flex: 0 0 1px;
    height: 24px;
}

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

.q-selection-actions[b-knf0v7xhez]  button svg {
    color: var(--qbar-text);
    flex-shrink: 0;
    fill: none;
    height: 17px;
    opacity: 1;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.9;
    width: 17px;
}

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

.q-selection-clear:hover:not(:disabled)[b-knf0v7xhez] {
    background: var(--qbar-hover);
    border-color: transparent;
}

.q-selection-clear:focus-visible[b-knf0v7xhez] {
    outline: 2px solid var(--qbar-text);
    outline-offset: 2px;
}

@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;
        border-radius: 22px;
        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-summary[b-knf0v7xhez] {
        flex-wrap: wrap;
        min-width: 0;
    }

    .q-selection-all[b-knf0v7xhez] {
        min-width: 0;
        white-space: normal;
    }

    .q-selection-summary .q-selection-separator[b-knf0v7xhez] {
        display: none;
    }
}

.q-selection-bar.fixed.q-selection-collapsed[b-knf0v7xhez] { left: auto; width: max-content; max-width: calc(100vw - 32px); }

/* The compact draft variant does not alter the inventory selection toolbar. */
.q-selection-bar.fixed.q-draft-selection[b-knf0v7xhez] {
    border-radius: 999px;
    bottom: max(20px, env(safe-area-inset-bottom));
    gap: 16px;
    justify-content: center;
    left: 50%;
    right: auto;
    max-width: calc(100vw - 32px);
    padding: 10px 16px;
    transform: translateX(-50%);
    width: max-content;
}
@media (max-width: 900px) {
    .q-selection-bar.fixed.q-draft-selection[b-knf0v7xhez] { border-radius: 22px; flex-wrap: wrap; gap: 8px; }
    .q-draft-selection .q-selection-actions[b-knf0v7xhez] { flex-wrap: wrap; justify-content: center; }
}

@media (width > 900px) {
    /* Without measurement, remain visible inside the content column. */
    .q-selection-bar.fixed.q-draft-selection[b-knf0v7xhez] {
        left: auto;
        margin: 0 auto;
        max-width: 100%;
        position: sticky;
        right: auto;
        transform: none;
    }

    .q-selection-bar.fixed.q-draft-selection.q-draft-selection-measured[b-knf0v7xhez] {
        flex-wrap: nowrap;
        left: var(--q-draft-selection-center);
        margin: 0;
        max-width: var(--q-draft-selection-width);
        position: fixed;
        transform: translateX(-50%);
    }

    .q-draft-selection.q-draft-selection-measured .q-selection-summary[b-knf0v7xhez],
    .q-draft-selection.q-draft-selection-measured .q-selection-actions[b-knf0v7xhez] {
        flex: 0 0 auto;
        flex-wrap: nowrap;
        width: max-content;
    }

    .q-draft-selection .q-selection-summary > *[b-knf0v7xhez],
    .q-draft-selection .q-selection-actions[b-knf0v7xhez]  > * {
        flex-shrink: 0;
    }

    .q-selection-bar.fixed.q-draft-selection.q-draft-selection-tight[b-knf0v7xhez] {
        gap: 8px;
    }

    .q-draft-selection.q-draft-selection-tight .q-selection-actions[b-knf0v7xhez] {
        gap: 4px;
    }

    .q-draft-selection.q-draft-selection-tight .q-selection-all[b-knf0v7xhez],
    .q-draft-selection.q-draft-selection-tight .q-selection-actions[b-knf0v7xhez]  button:not(.q-selection-clear) {
        padding-left: 6px;
        padding-right: 6px;
    }

    .q-selection-bar.fixed.q-draft-selection.q-draft-selection-stacked[b-knf0v7xhez] {
        border-radius: 22px;
        flex-direction: column;
        width: var(--q-draft-selection-width);
    }

    .q-draft-selection.q-draft-selection-stacked .q-selection-summary[b-knf0v7xhez],
    .q-draft-selection.q-draft-selection-stacked .q-selection-actions[b-knf0v7xhez] {
        justify-content: center;
        max-width: 100%;
    }

    .q-draft-selection.q-draft-selection-stacked .q-selection-summary > .q-selection-separator:last-child[b-knf0v7xhez] {
        display: none;
    }

    .q-draft-selection.q-draft-selection-stacked .q-selection-actions[b-knf0v7xhez] {
        flex: 0 1 auto;
        flex-wrap: wrap;
    }
}
/* _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-row[b-70d590i416] { gap: 6px; }
    .catalog-heading h1[b-70d590i416] { font-size: 22px; }
    .catalog-products-heading .catalog-count-badge[b-70d590i416] { height: 28px; font-size: 15px; padding: 0 8px; }
    .catalog-untracked-link[b-70d590i416] {
        font-size: 13px;
        justify-content: flex-start;
        line-height: 1.3;
        padding: 0;
        text-align: left;
    }
}
/* _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/Catalog/TableLoadingSkeleton.razor.rz.scp.css */
.q-table-skeleton-row td[b-quliyk8tdg] {
    padding: 14px 16px;
}

.q-table-skeleton-bar[b-quliyk8tdg] {
    background: linear-gradient(90deg,
        var(--q-line) 25%,
        color-mix(in srgb, var(--q-line) 65%, var(--q-surface)) 50%,
        var(--q-line) 75%);
    background-size: 200% 100%;
    animation: q-table-skeleton-shimmer-b-quliyk8tdg 1s linear infinite;
    border-radius: 4px;
    display: block;
    height: 16px;
    width: 100%;
}

@keyframes q-table-skeleton-shimmer-b-quliyk8tdg {
    from { background-position: 200% 0; }
    to { background-position: -200% 0; }
}

@media (prefers-reduced-motion: reduce) {
    .q-table-skeleton-bar[b-quliyk8tdg] { animation: none; }
}
/* _content/Qublo.App.Shared/Components/ClipboardValueCopyButton.razor.rz.scp.css */
.q-clipboard-value-copy[b-sx2ogg8brh] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 6px;
    color: var(--q-dark-muted);
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 28px;
    height: 28px;
    justify-content: center;
    margin: 0;
    min-height: 0;
    min-width: 0;
    padding: 0;
    transition: background-color 0.15s ease, color 0.15s ease;
    vertical-align: middle;
    width: 28px;
}

.q-clipboard-value-copy:hover:not(:disabled)[b-sx2ogg8brh] {
    background: var(--q-indigo-soft);
    color: var(--q-dark-ink);
}

.q-clipboard-value-copy:focus-visible[b-sx2ogg8brh] {
    background: var(--q-indigo-soft);
    outline: 2px solid var(--q-indigo-bright);
    outline-offset: 2px;
}

.q-clipboard-value-copy.copied[b-sx2ogg8brh],
.q-clipboard-value-copy.copied:hover:not(:disabled)[b-sx2ogg8brh] {
    color: var(--q-ok);
}

.q-clipboard-value-copy:disabled[b-sx2ogg8brh] {
    cursor: not-allowed;
    opacity: 0.4;
}

.q-clipboard-value-copy svg[b-sx2ogg8brh] {
    fill: none;
    height: 17px;
    pointer-events: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
    width: 17px;
}

.q-clipboard-copy-status[b-sx2ogg8brh] {
    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;
}

.q-clipboard-copy-error[b-sx2ogg8brh] {
    color: var(--q-bad);
    display: block;
    font-size: 0.75rem;
    line-height: 1.4;
}
/* _content/Qublo.App.Shared/Components/Dashboard/DashboardTodoDialog.razor.rz.scp.css */
.todo-overlay[b-dhy6rv3i5a] {
    align-items: center;
    backdrop-filter: blur(3px);
    background: var(--q-overlay);
    display: flex;
    inset: 0;
    justify-content: center;
    opacity: 0;
    padding: 16px;
    position: fixed;
    transition: opacity .16s ease;
    z-index: 1000;
}

.todo-overlay[hidden][b-dhy6rv3i5a] {
    display: none;
}

.todo-overlay.open[b-dhy6rv3i5a] {
    opacity: 1;
}

.todo-dialog[b-dhy6rv3i5a] {
    --dashboard-lime: var(--q-lime);
    --dashboard-indigo-light: var(--q-indigo-bright);
    background: var(--q-dark-card);
    border: 1px solid var(--q-dark-line);
    border-radius: 14px;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.45), 0 2px 6px var(--q-shadow-color);
    color: var(--q-dark-ink);
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-height: calc(100vh - 32px);
    max-width: 440px;
    padding: 20px 20px 18px;
    transform: translateY(10px) scale(.98);
    transition: transform .18s cubic-bezier(.2, .8, .2, 1);
    width: 100%;
}

.todo-overlay.open .todo-dialog[b-dhy6rv3i5a] {
    transform: none;
}

.todo-head[b-dhy6rv3i5a] {
    align-items: flex-start;
    display: flex;
    gap: 12px;
    justify-content: space-between;
}

.todo-head h2[b-dhy6rv3i5a] {
    color: var(--q-dark-ink);
    font-size: 1.0625rem;
    font-weight: 800;
    letter-spacing: -0.015em;
    line-height: 1.2;
    margin: 0;
}

.todo-head .trend-chip[b-dhy6rv3i5a] {
    margin-top: 7px;
}

.todo-head .trend-chip[hidden][b-dhy6rv3i5a] {
    display: none;
}

.todo-dialog button.todo-close[b-dhy6rv3i5a] {
    align-items: center;
    background: transparent;
    border: 1px solid var(--q-dark-line);
    border-radius: 7px;
    color: var(--q-dark-muted);
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 0.875rem;
    font-weight: 700;
    height: 30px;
    justify-content: center;
    min-height: 30px;
    padding: 0;
    width: 30px;
}

.todo-dialog button.todo-close:hover[b-dhy6rv3i5a],
.todo-dialog button.todo-close:focus-visible[b-dhy6rv3i5a] {
    background: var(--q-indigo-soft);
    border-color: color-mix(in srgb, var(--q-indigo) 50%, transparent);
    color: var(--dashboard-indigo-light);
}

.todo-list[b-dhy6rv3i5a] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    list-style: none;
    margin: 0;
    max-height: 46vh;
    overflow-y: auto;
    padding: 0;
}

.todo-item[b-dhy6rv3i5a] {
    align-items: center;
    background: var(--q-dark-card-2);
    border: 1px solid transparent;
    border-radius: 8px;
    display: flex;
    gap: 10px;
    min-height: 40px;
    padding: 6px 6px 6px 12px;
}

.todo-item:hover[b-dhy6rv3i5a] {
    border-color: var(--q-dark-line);
}

.todo-check[b-dhy6rv3i5a] {
    appearance: none;
    -webkit-appearance: none;
    background: transparent;
    border: 1.5px solid var(--q-brand-line);
    border-radius: 5px;
    cursor: pointer;
    display: grid;
    flex: 0 0 auto;
    height: 18px;
    margin: 0;
    place-content: center;
    transition: background-color .12s ease, border-color .12s ease;
    width: 18px;
}

.todo-check[b-dhy6rv3i5a]::after {
    border-bottom: 2px solid var(--q-on-success);
    border-right: 2px solid var(--q-on-success);
    content: "";
    height: 9px;
    margin-top: -2px;
    opacity: 0;
    transform: rotate(45deg);
    width: 5px;
}

.todo-check:hover[b-dhy6rv3i5a] {
    border-color: var(--dashboard-lime);
}

.todo-check:checked[b-dhy6rv3i5a] {
    background: var(--q-lime);
    border-color: var(--q-lime);
}

.todo-check:checked[b-dhy6rv3i5a]::after {
    opacity: 1;
}

.todo-check:focus-visible[b-dhy6rv3i5a] {
    outline: 2px solid var(--q-indigo-bright);
    outline-offset: 2px;
}

.todo-text[b-dhy6rv3i5a] {
    color: var(--q-dark-ink);
    flex: 1 1 auto;
    font-size: 0.8125rem;
    font-weight: 650;
    line-height: 1.35;
    min-width: 0;
    overflow-wrap: anywhere;
}

.todo-item.done .todo-text[b-dhy6rv3i5a] {
    color: var(--q-dark-muted);
    opacity: .75;
    text-decoration: line-through;
}

.todo-dialog button.todo-remove[b-dhy6rv3i5a] {
    background: transparent;
    border: 0;
    border-radius: 6px;
    color: var(--q-dark-muted);
    flex: 0 0 auto;
    font-size: 1.05rem;
    font-weight: 600;
    height: 28px;
    line-height: 1;
    min-height: 28px;
    opacity: 0;
    padding: 0;
    width: 28px;
}

.todo-item:hover .todo-remove[b-dhy6rv3i5a],
.todo-item:focus-within .todo-remove[b-dhy6rv3i5a] {
    opacity: 1;
}

.todo-dialog button.todo-remove:hover[b-dhy6rv3i5a],
.todo-dialog button.todo-remove:focus-visible[b-dhy6rv3i5a] {
    background: var(--q-red-soft);
    color: var(--q-red);
}

.todo-empty[b-dhy6rv3i5a] {
    color: var(--q-dark-muted);
    font-size: 0.8125rem;
    font-weight: 560;
    padding: 12px 2px;
}

.todo-add[b-dhy6rv3i5a] {
    display: flex;
    gap: 8px;
}

.todo-add input[b-dhy6rv3i5a] {
    background: var(--q-dark-card-2);
    border: 1px solid var(--q-dark-line);
    border-radius: 8px;
    color: var(--q-dark-ink);
    flex: 1 1 auto;
    font-size: 0.8125rem;
    font-weight: 600;
    height: 38px;
    min-width: 0;
    outline: none;
    padding: 0 12px;
}

.todo-add input:focus[b-dhy6rv3i5a] {
    border-color: var(--q-brand-line);
    box-shadow: 0 0 0 3px var(--q-indigo-soft);
}

.todo-dialog button.todo-submit[b-dhy6rv3i5a] {
    background: var(--q-indigo);
    border-color: var(--q-indigo);
    color: var(--q-on-brand);
    flex: 0 0 auto;
    font-size: 0.8125rem;
    height: 38px;
    min-height: 38px;
    padding: 0 16px;
}

.todo-dialog button.todo-submit:hover[b-dhy6rv3i5a],
.todo-dialog button.todo-submit:focus-visible[b-dhy6rv3i5a] {
    background: var(--q-brand-dark);
    border-color: var(--q-brand-dark);
}

.trend-chip[b-dhy6rv3i5a] {
    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-dhy6rv3i5a] {
    background: var(--q-lime-soft);
    color: var(--dashboard-lime);
}

@media (hover: none) { .todo-dialog button.todo-remove[b-dhy6rv3i5a] { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .todo-overlay[b-dhy6rv3i5a], .todo-dialog[b-dhy6rv3i5a] { transition: none; } }
/* _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-imports[b-m3e42qasqg] {
    overflow-y: auto;
    padding: 0;
    overscroll-behavior: contain;
}

.q-history-imports[b-m3e42qasqg]  .q-history-import-row {
    box-sizing: border-box;
    height: 72px;
    grid-template-columns: 24px 28px minmax(0, 1fr) auto;
}

.q-history-imports[b-m3e42qasqg]  .q-history-import-row .q-history-copy small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 600px) {
    .q-history-imports[b-m3e42qasqg]  .q-history-import-row {
        gap: 4px 8px;
        grid-template-columns: 24px 28px minmax(0, 1fr);
    }
    .q-history-imports[b-m3e42qasqg]  .q-history-import-row .q-history-copy { grid-column: 3; }
    .q-history-imports[b-m3e42qasqg]  .q-history-import-row time { grid-column: 3; padding: 0; }
}
/* _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 var(--q-shadow-color);
    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/DraftPublicationPreparationPanel.razor.rz.scp.css */
.q-draft-preparation-panel[b-slk48u8l1r] {
    display: grid;
    gap: 14px;
    border-color: color-mix(in srgb, var(--q-indigo) 34%, transparent);
    color: var(--q-dark-ink);
}

.q-draft-preparation-main[b-slk48u8l1r] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.q-draft-preparation-state[b-slk48u8l1r] {
    display: grid;
    flex: none;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: var(--q-indigo-soft);
    color: var(--q-indigo-bright);
    font-size: 18px;
    font-weight: 900;
}

.ready .q-draft-preparation-state[b-slk48u8l1r] {
    background: var(--q-lime-soft);
    color: var(--q-lime);
}

.stopped .q-draft-preparation-state[b-slk48u8l1r] {
    background: var(--q-amber-soft);
    color: var(--q-amber);
}

.q-draft-preparation-copy[b-slk48u8l1r] {
    flex: 1;
    min-width: 0;
}

.q-draft-preparation-copy h3[b-slk48u8l1r] {
    margin: 0;
    font-size: 16px;
}

.q-draft-preparation-copy p[b-slk48u8l1r] {
    margin: 4px 0 0;
    color: var(--q-dark-muted);
    font-size: 12px;
    line-height: 1.45;
}

.q-draft-preparation-count[b-slk48u8l1r] {
    flex: none;
    padding: 9px 12px;
    border-radius: 10px;
    background: var(--q-dark-card-2);
    color: var(--q-indigo-bright);
    font-size: 12px;
    text-align: center;
}

.q-draft-preparation-progress[b-slk48u8l1r] {
    height: 6px;
    overflow: hidden;
    border-radius: 999px;
    background: var(--q-dark-card-2);
}

.q-draft-preparation-progress > span[b-slk48u8l1r] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--q-indigo);
    transition: width .25s ease;
}

.ready .q-draft-preparation-progress > span[b-slk48u8l1r] {
    background: var(--q-lime);
}

.q-draft-preparation-progress.indeterminate > span[b-slk48u8l1r] {
    width: 35% !important;
    animation: draft-preparation-progress-b-slk48u8l1r 1.4s ease-in-out infinite;
}

.q-draft-preparation-summary[b-slk48u8l1r] {
    margin: 0;
    padding: 10px 12px;
    border: 1px solid var(--q-dark-line);
    border-radius: 10px;
    background: var(--q-dark-card-2);
    font-size: 12px;
    line-height: 1.45;
    overflow-wrap: anywhere;
    white-space: pre-line;
}

.q-draft-preparation-actions[b-slk48u8l1r] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
}

.q-draft-preparation-actions .q-btn:focus-visible[b-slk48u8l1r] {
    outline: 2px solid var(--q-indigo-bright);
    outline-offset: 2px;
}

.q-draft-preparation-spinner[b-slk48u8l1r] {
    width: 18px;
    height: 18px;
    border: 2px solid color-mix(in srgb, var(--q-indigo-bright) 25%, transparent);
    border-top-color: var(--q-indigo-bright);
    border-radius: 50%;
    animation: draft-preparation-spin-b-slk48u8l1r .8s linear infinite;
}

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

@keyframes draft-preparation-progress-b-slk48u8l1r {
    from { transform: translateX(-100%); }
    to { transform: translateX(300%); }
}

@media (max-width: 720px) {
    .q-draft-preparation-main[b-slk48u8l1r] {
        flex-wrap: wrap;
        gap: 10px;
    }

    .q-draft-preparation-copy[b-slk48u8l1r] {
        flex-basis: calc(100% - 52px);
    }

    .q-draft-preparation-count[b-slk48u8l1r] {
        margin-left: 52px;
        text-align: left;
    }
}

@media (prefers-reduced-motion: reduce) {
    .q-draft-preparation-spinner[b-slk48u8l1r],
    .q-draft-preparation-progress.indeterminate > span[b-slk48u8l1r] {
        animation: none;
    }

    .q-draft-preparation-progress > span[b-slk48u8l1r] {
        transition: none;
    }
}
/* _content/Qublo.App.Shared/Components/Drafts/DraftPublicationProgressPanel.razor.rz.scp.css */
.q-draft-publication-progress[b-tktn6dfus1] {
    position: fixed;
    inset: auto 24px max(24px, env(safe-area-inset-bottom)) auto;
    max-height: min(640px, calc(100vh - 224px));
    max-height: min(640px, calc(100dvh - 224px));
    display: flex;
    flex-direction: column;
    /* 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(100% - 48px));
    color: var(--q-dark-ink);
    filter: drop-shadow(0 22px 48px var(--q-shadow-color));
}

.q-draft-publication-summary[b-tktn6dfus1],
.q-draft-publication-panel[b-tktn6dfus1] {
    border: 1px solid color-mix(in srgb, var(--q-indigo) 34%, transparent);
    background: var(--q-dark-card);
}

.q-draft-publication-summary[b-tktn6dfus1] {
    width: 100%;
    min-height: 78px;
    flex: none;
    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: var(--q-indigo-soft);
    color: var(--q-indigo-bright);
}

.q-draft-publication-state.failed[b-tktn6dfus1] {
    background: var(--q-red-soft);
    color: var(--q-red);
}

.q-draft-publication-state.success[b-tktn6dfus1] {
    background: var(--q-lime-soft);
    color: var(--q-lime);
}

.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: var(--q-dark-muted);
    font-size: 11px;
}

.q-draft-publication-copy .q-draft-publication-summary-error[b-tktn6dfus1] {
    color: var(--q-amber);
    overflow-wrap: anywhere;
}

.q-draft-publication-count[b-tktn6dfus1] {
    min-width: 48px;
    padding: 7px 9px;
    border-radius: 999px;
    background: var(--q-indigo-soft);
    color: var(--q-indigo-bright);
    font-size: 11px;
    font-weight: 900;
    text-align: center;
}

.q-draft-publication-chevron[b-tktn6dfus1] {
    color: var(--q-dark-muted);
    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: var(--q-dark-card-2);
}

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

.q-draft-publication-panel[b-tktn6dfus1] {
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    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 var(--q-dark-line);
}

.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: var(--q-dark-muted);
    font-size: 10px;
}

.q-draft-publication-close[b-tktn6dfus1] {
    width: 32px;
    height: 32px;
    border: 0;
    border-radius: 9px;
    background: var(--q-dark-card-2);
    color: var(--q-dark-muted);
    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 var(--q-dark-line);
}

.q-draft-publication-refresh-error[b-tktn6dfus1] {
    margin: 10px 14px 0;
    padding: 9px 10px;
    border: 1px solid color-mix(in srgb, var(--q-amber) 28%, transparent);
    border-radius: 9px;
    background: var(--q-amber-soft);
    color: var(--q-amber);
    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: var(--q-dark-card-2);
}

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

.q-draft-publication-kpis small[b-tktn6dfus1] {
    color: var(--q-dark-muted);
    font-size: 9px;
}

.q-draft-publication-kpis .active strong[b-tktn6dfus1] { color: var(--q-indigo-bright); }
.q-draft-publication-kpis .success strong[b-tktn6dfus1] { color: var(--q-lime); }
.q-draft-publication-kpis .failed strong[b-tktn6dfus1] { color: var(--q-red); }

.q-draft-publication-actions[b-tktn6dfus1] {
    display: flex;
    justify-content: flex-end;
    padding: 10px 14px;
    border-bottom: 1px solid var(--q-dark-line);
}

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

.q-draft-publication-items[b-tktn6dfus1] {
    padding: 8px;
}

.q-draft-publication-summary:focus-visible[b-tktn6dfus1],
.q-draft-publication-close:focus-visible[b-tktn6dfus1],
.q-draft-publication-fix:focus-visible[b-tktn6dfus1],
.q-draft-publication-panel:focus-visible[b-tktn6dfus1] {
    outline: 2px solid var(--q-indigo-bright);
    outline-offset: 2px;
}

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

.q-draft-publication-item.failed[b-tktn6dfus1] {
    background: var(--q-red-soft);
}

.q-draft-publication-symbol[b-tktn6dfus1] {
    width: 30px;
    height: 30px;
    background: var(--q-indigo-soft);
    color: var(--q-indigo-bright);
}

.q-draft-publication-item.success .q-draft-publication-symbol[b-tktn6dfus1] {
    background: var(--q-lime-soft);
    color: var(--q-lime);
}

.q-draft-publication-item.failed .q-draft-publication-symbol[b-tktn6dfus1] {
    background: var(--q-red-soft);
    color: var(--q-red);
}

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

.q-draft-publication-item-copy small[b-tktn6dfus1] {
    color: var(--q-dark-muted);
    font-size: 9px;
}

.q-draft-publication-item-copy p[b-tktn6dfus1] {
    margin: 3px 0 0;
    color: var(--q-dark-ink);
    font-size: 10px;
    line-height: 1.35;
}

.q-draft-publication-fix[b-tktn6dfus1] {
    min-height: 32px;
    padding: 0 11px;
    border: 1px solid color-mix(in srgb, var(--q-lime) 30%, transparent);
    border-radius: 9px;
    background: var(--q-lime-soft);
    color: var(--q-lime);
    font-size: 10px;
    font-weight: 900;
    cursor: pointer;
}

.q-draft-publication-spinner[b-tktn6dfus1] {
    width: 16px;
    height: 16px;
    border: 2px solid color-mix(in srgb, var(--q-indigo) 25%, transparent);
    border-top-color: var(--q-indigo);
    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] {
        inset: auto 12px max(12px, env(safe-area-inset-bottom)) auto;
        width: calc(100% - 24px);
        /* Keep expanded details bounded on small screens. */
        max-height: calc(52vh - 108px);
        max-height: calc(52dvh - 108px);
    }

    .q-draft-publication-summary[b-tktn6dfus1] {
        min-height: 68px;
        grid-template-columns: 34px minmax(0, 1fr) auto 14px;
        gap: 8px;
        padding: 9px 10px;
    }

    .q-draft-publication-state[b-tktn6dfus1] {
        width: 34px;
        height: 34px;
    }

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

    .q-draft-publication-kpis[b-tktn6dfus1] {
        gap: 5px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding: 9px;
    }

    .q-draft-publication-kpis > span[b-tktn6dfus1] {
        padding: 7px 5px;
    }

    .q-draft-publication-panel > header[b-tktn6dfus1] {
        padding: 10px;
    }

    .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/DraftTableRow.razor.rz.scp.css */
.q-drafts-table .q-table td[b-1v9rfoukts] { font-size: 13px; padding: 8px 12px; }

[data-profit-below-target][b-1v9rfoukts] {
    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-drafts-table .q-checkbox-cell[b-1v9rfoukts] {
    padding-left: 10px !important;
    padding-right: 4px !important;
}

.q-drafts-table .q-product[b-1v9rfoukts] {
    gap: 10px;
    min-width: 0;
}

.q-drafts-table .q-product > span:last-child[b-1v9rfoukts] {
    min-width: 0;
}

.q-drafts-table .q-thumb[b-1v9rfoukts] {
    border-radius: 8px;
    height: 40px;
    width: 40px;
}

.q-drafts-table .q-product-title[b-1v9rfoukts] {
    max-width: clamp(240px, 28vw, 420px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.q-drafts-table .q-draft-status-badges[b-1v9rfoukts] {
    gap: 4px;
    margin-top: 4px;
    row-gap: 3px;
}

.q-drafts-table .q-draft-status-badges .q-pill[b-1v9rfoukts] {
    border-radius: 6px;
    font-size: 10px;
    min-height: 18px;
    padding: 2px 6px;
}

.q-drafts-table .q-draft-product-links[b-1v9rfoukts] {
    gap: 2px;
}

.q-drafts-table .q-draft-product-link[b-1v9rfoukts] {
    min-height: 18px;
}

.q-draft-clickable-row[b-1v9rfoukts] {
    cursor: pointer;
}

.q-draft-clickable-row > td[b-1v9rfoukts] {
    transition: background-color 0.15s ease;
}

.q-draft-clickable-row:hover > td[b-1v9rfoukts],
.q-draft-clickable-row:focus > td[b-1v9rfoukts] {
    background: var(--q-indigo-soft);
}

.q-draft-clickable-row:focus[b-1v9rfoukts] {
    outline: none;
}

.q-draft-clickable-row:focus-visible[b-1v9rfoukts] {
    outline: 2px solid var(--q-indigo-bright);
    outline-offset: -2px;
}

.q-draft-clickable-row .q-thumb[b-1v9rfoukts] {
    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-1v9rfoukts] {
        background: var(--q-dark-card);
        box-shadow:
            0 18px 45px var(--q-shadow-color),
            0 0 0 1px color-mix(in srgb, var(--q-indigo) 34%, transparent);
        transform: scale(2.75);
        z-index: 30;
    }
}

@media (prefers-reduced-motion: reduce) {
    .q-draft-clickable-row .q-thumb[b-1v9rfoukts] {
        transition: none;
    }
}

.q-draft-product-links[b-1v9rfoukts] {
    gap: 2px;
}

.q-drafts-table .q-draft-product-link[b-1v9rfoukts] {
    min-height: 18px;
}

.q-draft-clickable-row[b-1v9rfoukts] {
    cursor: pointer;
}

.q-draft-clickable-row > td[b-1v9rfoukts] {
    transition: background-color 0.15s ease;
}

.q-draft-clickable-row:hover > td[b-1v9rfoukts],
.q-draft-clickable-row:focus > td[b-1v9rfoukts] {
    background: var(--q-indigo-soft);
}

.q-draft-clickable-row:focus[b-1v9rfoukts] {
    outline: none;
}

.q-draft-clickable-row:focus-visible[b-1v9rfoukts] {
    outline: 2px solid var(--q-indigo-bright);
    outline-offset: -2px;
}

.q-draft-clickable-row .q-thumb[b-1v9rfoukts] {
    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-1v9rfoukts] {
        background: var(--q-dark-card);
        box-shadow:
            0 18px 45px var(--q-shadow-color),
            0 0 0 1px color-mix(in srgb, var(--q-indigo) 34%, transparent);
        transform: scale(2.75);
        z-index: 30;
    }
}

@media (prefers-reduced-motion: reduce) {
    .q-draft-clickable-row .q-thumb[b-1v9rfoukts] {
        transition: none;
    }
}

@media (max-width: 700px) {
    .q-drafts-toolbar[b-1v9rfoukts] {
        grid-template-columns: 44px 44px minmax(0, 1fr);
    }

    .q-drafts-toolbar-actions[b-1v9rfoukts] {
        grid-column: 3;
        grid-row: 1;
        justify-self: end;
    }

    .q-drafts-toolbar .q-drafts-search[b-1v9rfoukts] {
        grid-column: 1 / -1;
        grid-row: 2;
    }

    .q-drafts-toast[b-1v9rfoukts] {
        left: 10px;
        max-width: none;
        right: 10px;
        top: 82px;
    }
}

.q-draft-product-links[b-1v9rfoukts] {
    align-items: flex-start;
    gap: 7px;
}

.q-draft-product-link[b-1v9rfoukts] {
    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-1v9rfoukts],
.q-draft-product-link:focus-visible[b-1v9rfoukts] {
    color: var(--q-dark-ink);
}

.q-draft-product-link:focus-visible[b-1v9rfoukts] {
    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-1v9rfoukts],
.q-draft-product-link:focus-visible .q-draft-product-code[b-1v9rfoukts] {
    text-decoration: underline;
}

.q-draft-product-link.is-disabled[b-1v9rfoukts] {
    color: var(--q-dark-faint);
    cursor: not-allowed;
}

.q-draft-market-badge[b-1v9rfoukts] {
    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-1v9rfoukts] {
    align-items: center;
    background: var(--q-indigo);
    border: 1px solid var(--q-dark-line);
    border-radius: 50%;
    color: var(--q-on-brand);
    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-1v9rfoukts] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.q-draft-status-badges[b-1v9rfoukts] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 6px;
}

.q-pill-info[b-1v9rfoukts] {
    background: var(--q-indigo-soft);
    border-color: color-mix(in srgb, var(--q-indigo) 38%, transparent);
    color: var(--q-indigo-bright);
}

.q-monitor-pill.active[b-1v9rfoukts] {
    background: var(--q-lime-soft);
    border-color: color-mix(in srgb, var(--q-lime) 34%, transparent);
    color: var(--q-lime);
}

.q-monitor-pill.inactive[b-1v9rfoukts] {
    background: var(--q-dark-card-2);
    border-color: var(--q-dark-line);
    color: var(--q-dark-dim);
}

.q-vero-banner-row strong[b-1v9rfoukts] {
    color: inherit;
}

.q-draft-validation-banner[b-1v9rfoukts] {
    color: var(--q-red);
    background: var(--q-red-soft);
    border: 1px solid color-mix(in srgb, var(--q-red) 28%, transparent);
    align-items: center;
    display: flex;
    gap: 10px;
}

.q-draft-validation-banner > span[b-1v9rfoukts] {
    min-width: 0;
    flex: 1;
    overflow-wrap: anywhere;
}

.q-profit-cell[b-1v9rfoukts] {
    display: grid;
    gap: 2px;
    white-space: nowrap;
}

.q-profit-cell strong[b-1v9rfoukts] {
    color: var(--q-lime);
    font-size: 13px;
}

.q-profit-cell small[b-1v9rfoukts] {
    color: var(--q-dark-muted);
    font-size: 10px;
    font-weight: 700;
}

.q-profit-cell.negative strong[b-1v9rfoukts] {
    color: var(--q-red);
}

.q-profit-unavailable[b-1v9rfoukts] {
    color: var(--q-dark-dim);
    font-size: 12px;
    font-weight: 700;
}


.q-ebay-store-badge[b-1v9rfoukts] {
    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;
}

.q-draft-vero-warning[b-1v9rfoukts] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 9px 14px;
    color: var(--q-red);
    background: var(--q-red-soft);
    font-size: 12px;
    line-height: 1.5;
}

.q-draft-validation-banner.q-draft-pricing-advisory[b-1v9rfoukts] {
    color: var(--q-amber);
    background: var(--q-amber-soft);
    border-color: var(--q-amber-line);
    flex-wrap: wrap;
}
.q-draft-validation-banner > .q-draft-settings-account[b-1v9rfoukts] {
    flex: 0 1 auto;
    font-weight: 600;
}
.q-draft-validation-banner > a[b-1v9rfoukts] { flex: none; }
/* _content/Qublo.App.Shared/Components/Drafts/DraftVeroWarnings.razor.rz.scp.css */
.q-draft-vero-warning[b-p14nuebmxf] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 9px 14px;
    color: var(--q-red);
    background: var(--q-red-soft);
    font-size: 12px;
    line-height: 1.5;
}
/* _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: color-mix(in srgb, var(--q-amber) 38%, transparent);
}

.q-publication-cost-message.error[b-5zw2h9gji8] {
    background: var(--q-red-soft);
    border-color: color-mix(in srgb, var(--q-red) 35%, transparent);
}

.q-publication-cost-message.free[b-5zw2h9gji8] {
    background: var(--q-lime-soft);
    border-color: color-mix(in srgb, var(--q-lime) 28%, transparent);
}

.q-publication-cost-message.notice[b-5zw2h9gji8] {
    background: var(--q-indigo-soft);
    border-color: color-mix(in srgb, var(--q-indigo) 32%, transparent);
}

.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 var(--q-shadow-color);
    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;
    }
}

.q-publication-help[b-5zw2h9gji8] {
    align-self: flex-start;
    color: var(--q-indigo-bright);
    font-size: 13px;
}
.q-publication-warnings[b-5zw2h9gji8] {
    align-items: flex-start;
    display: flex;
    gap: 10px;
    line-height: 1.5;
    margin: 12px 0 4px;
}
.q-publication-warnings input[b-5zw2h9gji8] {
    accent-color: var(--q-indigo);
    flex: 0 0 18px;
    height: 18px;
    margin: 3px 0 0;
    max-width: 18px;
    min-height: 18px;
    min-width: 18px;
    padding: 0;
    width: 18px;
}

.q-publication-warnings span[b-5zw2h9gji8] {
    flex: 1;
}

.q-draft-publication-confirm[b-5zw2h9gji8] {
    width: min(500px, 92vw);
    max-width: 500px;
    border-radius: 18px;
    padding: 26px;
}

.q-draft-publication-confirm .q-modal-head[b-5zw2h9gji8],
.q-draft-publication-confirm .q-modal-body[b-5zw2h9gji8],
.q-draft-publication-confirm .q-modal-foot[b-5zw2h9gji8] {
    padding: 0;
    border: 0;
}

.q-draft-publication-confirm .q-modal-head[b-5zw2h9gji8] { margin-bottom: 18px; }
.q-draft-publication-confirm .q-modal-title[b-5zw2h9gji8] { font-size: 26px; }
.q-draft-publication-confirm .q-modal-foot[b-5zw2h9gji8] { margin-top: 22px; }
.q-draft-publication-confirm .q-btn-primary[b-5zw2h9gji8] { width: 100%; min-height: 50px; }
.q-draft-publication-confirm .q-btn-primary:disabled[b-5zw2h9gji8] { opacity: .45; }
.q-draft-publication-confirm .q-publication-warnings[b-5zw2h9gji8] { margin: 10px 0 0; }
.q-draft-publication-confirm .q-publication-warnings input[b-5zw2h9gji8] {
    flex-basis: 20px;
    height: 20px;
    min-height: 20px;
    min-width: 20px;
    max-width: 20px;
    width: 20px;
}

.q-publication-warning-hint[b-5zw2h9gji8] {
    color: var(--q-red);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.45;
    margin: 0;
}

.q-publication-preparation-progress[b-5zw2h9gji8] {
    height: 6px;
    margin-top: 12px;
    overflow: hidden;
    border-radius: 999px;
    background: var(--q-dark-line);
}

.q-publication-preparation-progress > span[b-5zw2h9gji8] {
    display: block;
    height: 100%;
    background: var(--q-indigo-bright);
    transition: width .2s ease;
}

@media (prefers-reduced-motion: reduce) {
    .q-publication-preparation-progress > span[b-5zw2h9gji8] { transition: none; }
}
/* _content/Qublo.App.Shared/Components/Drafts/GlobalDraftPublicationStatus.razor.rz.scp.css */
.q-global-publication[b-vlt5e3p30o] {
    position: fixed;
    right: 18px;
    bottom: calc(132px + env(safe-area-inset-bottom));
    width: min(430px, calc(100vw - 36px));
    color: var(--q-dark-ink);
    z-index: 91;
}
.q-global-publication.docked[b-vlt5e3p30o] {
    align-self: flex-end;
    flex: none;
    margin: 0 12px 10px;
    position: relative;
    inset: auto;
    width: min(430px, calc(100% - 24px));
}
.q-publication-summary[b-vlt5e3p30o] {
    align-items: center;
    background: var(--q-dark-card);
    border: 1px solid var(--q-indigo-bright);
    border-radius: 14px;
    box-shadow: 0 18px 48px var(--q-shadow-color);
    color: inherit;
    cursor: pointer;
    display: grid;
    gap: 11px;
    grid-template-columns: auto minmax(0, 1fr) auto;
    padding: 11px 13px;
    text-align: left;
    width: 100%;
}
.q-publication-summary:focus-visible[b-vlt5e3p30o] { outline: 2px solid var(--q-indigo-bright); outline-offset: 2px; }
.q-publication-activity[b-vlt5e3p30o] { display: block; margin-left: auto; }
.q-publication-dismiss[b-vlt5e3p30o] {
    position: absolute;
    top: -28px;
    right: 0;
    width: 28px;
    height: 28px;
    border: 1px solid var(--q-dark-line);
    border-radius: 8px;
    background: var(--q-dark-card);
    color: var(--q-dark-ink);
    cursor: pointer;
}
.q-publication-dismiss:focus-visible[b-vlt5e3p30o],
.q-publication-operations select:focus-visible[b-vlt5e3p30o] {
    outline: 2px solid var(--q-indigo-bright);
    outline-offset: 2px;
}
.q-publication-symbol[b-vlt5e3p30o] {
    align-items: center;
    background: var(--q-indigo-soft);
    border-radius: 11px;
    color: var(--q-indigo-bright);
    display: flex;
    height: 38px;
    justify-content: center;
    width: 38px;
}
.q-publication-symbol.has-errors[b-vlt5e3p30o], .q-publication-error[b-vlt5e3p30o] { color: var(--q-red); }
.q-publication-copy[b-vlt5e3p30o] { display: grid; gap: 3px; min-width: 0; }
.q-publication-copy strong[b-vlt5e3p30o] { font-size: 13px; }
.q-publication-copy small[b-vlt5e3p30o], .q-publication-target small[b-vlt5e3p30o] { color: var(--q-dark-muted); font-size: 11px; overflow-wrap: anywhere; }
.q-publication-copy small.q-publication-error[b-vlt5e3p30o] { color: var(--q-red); }
.q-publication-count[b-vlt5e3p30o] { font-size: 12px; }
.q-publication-bar[b-vlt5e3p30o] { background: var(--q-dark-raise); border-radius: 999px; display: block; height: 4px; overflow: hidden; }
.q-publication-bar > span[b-vlt5e3p30o] { background: linear-gradient(90deg, var(--q-indigo-bright), var(--q-lime)); display: block; height: 100%; }
.q-publication-spinner[b-vlt5e3p30o] {
    animation: q-publication-spin-b-vlt5e3p30o .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-publication-backdrop[b-vlt5e3p30o] {
    align-items: center;
    background: color-mix(in srgb, black 65%, transparent);
    display: flex;
    inset: 0;
    justify-content: center;
    padding: 18px;
    position: fixed;
    z-index: 170;
}
.q-publication-dialog[b-vlt5e3p30o] {
    background: var(--q-dark-card);
    border: 1px solid var(--q-dark-line);
    border-radius: 16px;
    color: var(--q-dark-ink);
    max-height: calc(100dvh - 36px);
    overflow: auto;
    padding: 20px;
    width: min(920px, 100%);
}
.q-publication-dialog header[b-vlt5e3p30o], .q-publication-dialog footer[b-vlt5e3p30o], .q-publication-pagination[b-vlt5e3p30o] {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: space-between;
}
.q-publication-dialog h2[b-vlt5e3p30o] { font-size: 20px; margin: 0 0 5px; }
.q-publication-operations[b-vlt5e3p30o] { display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0; }
.q-publication-operations select[b-vlt5e3p30o] {
    flex: 1;
    min-width: 160px;
    max-width: 100%;
    padding: 8px 12px;
    border: 1px solid var(--q-dark-line);
    border-radius: 8px;
    background: var(--q-dark-card-2);
    color: var(--q-dark-ink);
    font: inherit;
}
.q-publication-hint[b-vlt5e3p30o], .q-publication-operation-meta[b-vlt5e3p30o] { color: var(--q-dark-muted); font-size: 12px; }
.q-publication-operation-meta[b-vlt5e3p30o] { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-bottom: 16px; }
.q-publication-remove[b-vlt5e3p30o] { margin-left: auto; color: var(--q-red); }
.q-publication-more-history[b-vlt5e3p30o] { margin-bottom: 16px; }
.q-publication-kpis[b-vlt5e3p30o] { display: flex; flex-wrap: wrap; gap: 20px; margin-bottom: 16px; }
.q-publication-targets[b-vlt5e3p30o] { border: 1px solid var(--q-dark-line); border-radius: 10px; max-height: 50dvh; overflow: auto; }
.q-publication-target[b-vlt5e3p30o] { border-bottom: 1px solid var(--q-dark-line); }
.q-publication-target:last-child[b-vlt5e3p30o] { border-bottom: 0; }
.q-publication-target-row[b-vlt5e3p30o] {
    align-items: center;
    cursor: pointer;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    list-style: none;
    min-height: 48px;
    padding: 8px 14px;
}
.q-publication-target-row[b-vlt5e3p30o]::-webkit-details-marker { display: none; }
.q-publication-target-row:hover[b-vlt5e3p30o],
.q-publication-target[open] > .q-publication-target-row[b-vlt5e3p30o] { background: var(--q-dark-card-2); }
.q-publication-target-row:focus-visible[b-vlt5e3p30o] {
    outline: 2px solid var(--q-indigo-bright);
    outline-offset: -3px;
    border-radius: 6px;
}
.q-publication-target-asin[b-vlt5e3p30o] { font-size: 14px; font-variant-numeric: tabular-nums; letter-spacing: .035em; overflow-wrap: anywhere; }
.q-publication-target-identity[b-vlt5e3p30o] { display: grid; gap: 3px; min-width: 0; }
.q-publication-target-status[b-vlt5e3p30o] {
    align-items: center;
    background: color-mix(in srgb, currentColor 12%, transparent);
    border-radius: 50%;
    display: inline-flex;
    flex: 0 0 28px;
    height: 28px;
    justify-content: center;
}
.q-publication-target-status svg[b-vlt5e3p30o] { fill: none; height: 20px; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; width: 20px; }
.q-publication-target-status.is-succeeded[b-vlt5e3p30o] { color: var(--q-lime); }
.q-publication-target-status.is-confirmed[b-vlt5e3p30o] { color: var(--q-indigo-bright); }
.q-publication-target-status.is-failed[b-vlt5e3p30o] { color: var(--q-red); }
.q-publication-target-status.is-cancelled[b-vlt5e3p30o] { color: var(--q-dark-muted); }
.q-publication-target-status.is-pending[b-vlt5e3p30o] { color: var(--q-indigo-bright); }
.q-publication-target-status.is-unknown[b-vlt5e3p30o] { color: var(--q-dark-muted); }
.q-publication-target-detail[b-vlt5e3p30o] { display: grid; gap: 6px; padding: 4px 14px 14px; }
.q-publication-target:not([open]) > .q-publication-target-detail[b-vlt5e3p30o] { display: none; }
.q-publication-target-detail > .q-btn[b-vlt5e3p30o] { justify-self: start; margin-top: 4px; }
.q-publication-sr-only[b-vlt5e3p30o] { clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; }
.q-publication-target p[b-vlt5e3p30o] { margin: 4px 0; overflow-wrap: anywhere; }
.q-publication-pagination[b-vlt5e3p30o] { justify-content: center; margin: 12px 0; }
.q-publication-dialog footer[b-vlt5e3p30o] { justify-content: flex-end; margin-top: 16px; }
@keyframes q-publication-spin-b-vlt5e3p30o { to { transform: rotate(360deg); } }
@media (max-width: 600px) {
    .q-global-publication[b-vlt5e3p30o] { bottom: calc(132px + env(safe-area-inset-bottom)); right: 10px; width: calc(100vw - 20px); }
    .q-publication-operations select[b-vlt5e3p30o] { order: 1; width: 100%; }
    .q-publication-backdrop[b-vlt5e3p30o] { padding: 10px; }
    .q-publication-dialog[b-vlt5e3p30o] { max-height: calc(100dvh - 20px); padding: 14px; }
}
@media (prefers-reduced-motion: reduce) { .q-publication-spinner[b-vlt5e3p30o] { animation: none; } }
/* _content/Qublo.App.Shared/Components/Filters/CatalogFilters.razor.rz.scp.css */
.catalog-filter[b-zig7rvyo73],
.catalog-filter *[b-zig7rvyo73] {
    box-sizing: border-box;
}

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

.catalog-filter-trigger[b-zig7rvyo73] {
    align-items: center;
    background: var(--q-indigo-soft, var(--q-indigo-soft));
    border: 1px solid color-mix(in srgb, var(--q-indigo) 20%, transparent);
    border-radius: 10px;
    color: var(--q-indigo-bright);
    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: color-mix(in srgb, var(--q-indigo) 27%, transparent);
    border-color: color-mix(in srgb, var(--q-indigo) 62%, transparent);
    color: var(--q-dark-ink);
}

.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);
    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);
    border: 2px solid var(--q-dark-bg);
    border-radius: 999px;
    color: var(--q-on-brand);
    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);
    border: 1px solid var(--q-dark-line);
    border-radius: 12px;
    box-shadow: 0 20px 55px var(--q-shadow-color);
    color: var(--q-dark-ink);
    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);
    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);
    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);
    color: var(--q-dark-ink);
}

.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: var(--q-indigo-soft);
    border: 1px solid color-mix(in srgb, var(--q-indigo) 25%, transparent);
    border-radius: 999px;
    color: var(--q-indigo-bright);
    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: color-mix(in srgb, var(--q-indigo) 24%, transparent);
    border-color: color-mix(in srgb, var(--q-indigo) 60%, transparent);
    color: var(--q-dark-ink);
}

.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);
    border: 1px solid var(--q-dark-line);
    border-radius: 8px;
    color: var(--q-dark-ink);
    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);
    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);
    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: repeat(2, minmax(0, 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);
    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);
    border: 1px solid var(--q-dark-line);
    color: var(--q-dark-muted);
}

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

.catalog-filter-apply[b-zig7rvyo73] {
    background: var(--q-indigo);
    border: 1px solid var(--q-indigo);
    color: var(--q-on-brand);
}

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

.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: 1100px) {
    .catalog-filter-popover[b-zig7rvyo73] {
        left: 50%;
        max-height: calc(100dvh - 32px);
        overflow-y: auto;
        position: fixed;
        top: 16px;
        transform: translateX(-50%);
        width: min(650px, calc(100vw - 24px));
    }
}

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

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

    .catalog-filter-fields.two[b-zig7rvyo73] {
        grid-template-columns: 1fr;
    }
}
/* _content/Qublo.App.Shared/Components/GlobalActivityLauncher.razor.rz.scp.css */
.q-activity-launcher[b-ahgljspi9y] {
    position: fixed;
    z-index: 91;
    inset-inline-end: max(18px, env(safe-area-inset-right));
    inset-block-end: calc(18px + env(safe-area-inset-bottom));
    color: var(--q-ink);
}

.q-activity-launcher.docked[b-ahgljspi9y] {
    position: relative;
    inset: auto;
    align-self: flex-end;
    flex: none;
    margin: 0 max(12px, env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom));
}

.q-activity-launcher.in-header[b-ahgljspi9y] {
    position: relative;
    inset: auto;
    z-index: auto;
}

.q-activity-trigger[b-ahgljspi9y] {
    position: relative;
    display: grid;
    place-items: center;
    inline-size: 52px;
    block-size: 52px;
    padding: 0;
    border: 1px solid var(--q-line);
    border-radius: 50%;
    background: var(--q-surface);
    color: var(--q-brand-text);
    box-shadow: var(--q-shadow);
    cursor: pointer;
    transition: background-color 150ms ease, border-color 150ms ease, transform 150ms ease;
}

.q-activity-trigger:hover[b-ahgljspi9y],
.q-activity-trigger[aria-expanded="true"][b-ahgljspi9y],
.q-activity-trigger.has-activity[b-ahgljspi9y] {
    border-color: var(--q-brand-text);
    background: var(--q-surface-2);
}

.in-header .q-activity-trigger[b-ahgljspi9y] {
    inline-size: 40px;
    block-size: 40px;
    box-shadow: none;
}

.q-activity-trigger:active[b-ahgljspi9y] {
    transform: scale(.96);
}

.q-activity-trigger svg[b-ahgljspi9y],
.q-activity-row-icon[b-ahgljspi9y] {
    inline-size: 23px;
    block-size: 23px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.q-activity-trigger.has-activity svg[b-ahgljspi9y] {
    animation: q-activity-spin-b-ahgljspi9y 2.4s linear infinite;
}

.q-activity-count[b-ahgljspi9y] {
    position: absolute;
    inset-inline-end: -4px;
    inset-block-start: -4px;
    display: grid;
    min-inline-size: 21px;
    block-size: 21px;
    place-items: center;
    padding-inline: 3px;
    border: 2px solid var(--q-surface);
    border-radius: 20px;
    background: var(--q-brand);
    color: var(--q-on-brand);
    font-size: .65rem;
    font-weight: 750;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

.q-activity-panel-anchor[b-ahgljspi9y] {
    position: absolute;
    inset-inline-end: 0;
    inset-block-end: 100%;
    padding-block-end: 9px;
}

.in-header .q-activity-panel-anchor[b-ahgljspi9y] {
    inset-block: 100% auto;
    padding-block: 9px 0;
}

.q-activity-panel[b-ahgljspi9y] {
    inline-size: min(21rem, calc(100vw - 36px - env(safe-area-inset-right)));
    max-block-size: min(28rem, calc(100dvh - 96px - env(safe-area-inset-bottom)));
    overflow: auto;
    padding: 11px;
    border: 1px solid var(--q-line);
    border-radius: 15px;
    background: var(--q-surface);
    box-shadow: var(--q-shadow);
    animation: q-activity-enter-b-ahgljspi9y 150ms ease-out both;
}

.q-activity-panel h2[b-ahgljspi9y] {
    margin: 1px 3px 9px;
    font-size: .91rem;
    line-height: 1.25;
}

.q-activity-empty[b-ahgljspi9y] {
    margin: 10px 3px 13px;
    color: var(--q-muted);
    font-size: .82rem;
}

.q-activity-warning[b-ahgljspi9y] {
    margin: 8px 3px 0;
    color: var(--q-warn);
    font-size: .74rem;
}

.q-activity-entries[b-ahgljspi9y] {
    display: grid;
    gap: 4px;
    max-block-size: min(18rem, 42dvh);
    margin: 0;
    padding: 2px;
    overflow-y: auto;
    overscroll-behavior: contain;
    list-style: none;
}

.q-activity-row[b-ahgljspi9y] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 9px;
    inline-size: 100%;
    min-block-size: 58px;
    padding: 6px 8px;
    border: 1px solid transparent;
    border-radius: 9px;
    background: var(--q-surface-2);
    color: var(--q-ink);
    text-align: start;
}

.q-activity-row:not(:disabled)[b-ahgljspi9y],
.q-activity-history button:not(:disabled)[b-ahgljspi9y] {
    cursor: pointer;
}

.q-activity-row:not(:disabled):hover[b-ahgljspi9y],
.q-activity-history button:not(:disabled):hover[b-ahgljspi9y] {
    border-color: var(--q-brand-text);
}

.q-activity-row:disabled[b-ahgljspi9y],
.q-activity-history button:disabled[b-ahgljspi9y] {
    opacity: .7;
}

.q-activity-row-icon[b-ahgljspi9y] {
    inline-size: 19px;
    block-size: 19px;
    color: var(--q-brand-text);
}

.q-activity-row-copy[b-ahgljspi9y] {
    display: grid;
    min-inline-size: 0;
    gap: 2px;
}

.q-activity-row-title[b-ahgljspi9y] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 4px 8px;
    flex-wrap: wrap;
}

.q-activity-row-title strong[b-ahgljspi9y] {
    font-size: .82rem;
    font-weight: 700;
}

.q-activity-row-copy small[b-ahgljspi9y] {
    color: var(--q-muted);
    font-size: .71rem;
    font-variant-numeric: tabular-nums;
}

.q-activity-progress[b-ahgljspi9y] {
    display: block;
    block-size: 3px;
    margin-block-start: 2px;
    overflow: hidden;
    border-radius: 2px;
    background: var(--q-line);
}

.q-activity-progress > span[b-ahgljspi9y] {
    display: block;
    block-size: 100%;
    border-radius: inherit;
    background: var(--q-brand-text);
}

.q-activity-chevron[b-ahgljspi9y] {
    color: var(--q-muted);
    font-size: 1.15rem;
    line-height: 1;
}

.q-activity-history[b-ahgljspi9y] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-block-start: 8px;
    padding-block-start: 8px;
    border-block-start: 1px solid var(--q-line);
}

.q-activity-history button[b-ahgljspi9y] {
    flex: 1 0 auto;
    min-block-size: 36px;
    padding: 4px 8px;
    border: 1px solid var(--q-line);
    border-radius: 8px;
    background: transparent;
    color: var(--q-brand-text);
    font-size: .75rem;
    font-weight: 700;
}

.q-activity-trigger:focus-visible[b-ahgljspi9y],
.q-activity-row:focus-visible[b-ahgljspi9y],
.q-activity-history button:focus-visible[b-ahgljspi9y] {
    outline: 2px solid var(--q-brand-text);
    outline-offset: 2px;
}

.q-activity-row:focus-visible[b-ahgljspi9y] {
    outline-offset: -2px;
}

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

@keyframes q-activity-enter-b-ahgljspi9y {
    from { opacity: 0; transform: translateY(5px) scale(.98); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

@media (max-width: 600px) {
    .q-activity-launcher[b-ahgljspi9y] {
        inset-inline-end: max(12px, env(safe-area-inset-right));
        inset-block-end: calc(12px + env(safe-area-inset-bottom));
    }

    .q-activity-launcher.docked[b-ahgljspi9y] {
        inset: auto;
    }

    .q-activity-panel[b-ahgljspi9y] {
        inline-size: min(21rem, calc(100vw - 24px - env(safe-area-inset-right)));
    }
}

@media (prefers-reduced-motion: no-preference) {
    .q-activity-row:not(:disabled)[b-ahgljspi9y],
    .q-activity-history button:not(:disabled)[b-ahgljspi9y] {
        transition: transform 150ms ease-out, border-color 140ms ease;
    }

    .q-activity-row:not(:disabled):active[b-ahgljspi9y],
    .q-activity-history button:not(:disabled):active[b-ahgljspi9y] {
        transform: scale(.98);
        transition-duration: 65ms;
    }
}

@media (prefers-reduced-motion: reduce) {
    .q-activity-trigger[b-ahgljspi9y],
    .q-activity-trigger.has-activity svg[b-ahgljspi9y],
    .q-activity-panel[b-ahgljspi9y] {
        animation: none;
        transition: none;
        transform: none;
    }

    .q-activity-trigger:active[b-ahgljspi9y] {
        transform: none;
    }
}
/* _content/Qublo.App.Shared/Components/Imports/GlobalImportStatus.razor.rz.scp.css */
.q-global-import[b-q47kd5o0yc] {
    bottom: 18px;
    color: var(--q-dark-ink);
    position: fixed;
    right: 18px;
    width: min(430px, calc(100vw - 36px));
    z-index: 90;
}

.q-global-import.expanded[b-q47kd5o0yc] {
    z-index: 160;
}

/* 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: relative;
    inset: auto;
    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 var(--q-shadow-color);
    color: var(--q-dark-ink);
    cursor: pointer;
    display: grid;
    gap: 11px;
    grid-template-columns: auto minmax(0, 1fr) auto;
    min-height: 70px;
    padding: 11px 46px 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-dismiss[b-q47kd5o0yc] {
    position: absolute;
    right: 8px;
    top: 8px;
    width: 28px;
    min-height: 24px;
    border: 1px solid var(--q-dark-line);
    border-radius: 6px;
    background: var(--q-dark-card);
    color: var(--q-dark-ink);
    cursor: pointer;
}

.q-global-import-history[b-q47kd5o0yc] {
    display: block;
    margin-left: auto;
    padding: 9px 13px;
    border: 1px solid var(--q-dark-line);
    border-radius: 8px;
    background: var(--q-dark-card);
    color: var(--q-dark-ink);
    font-size: 12px;
    cursor: pointer;
}

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

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

    .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:-26px;min-height:24px;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:100px}.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: var(--q-overlay);
    backdrop-filter: blur(3px);
}

.q-import-dialog[b-plgfdrcm86] {
    display: flex;
    flex-direction: column;
    width: min(1480px, 100%);
    height: min(940px, 94dvh);
    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 var(--q-shadow-color);
}

.q-import-header[b-plgfdrcm86] { flex: none; padding: 20px 24px 18px; border-bottom: 1px solid var(--q-dark-line); }
.q-import-body[b-plgfdrcm86] { flex: 1; min-height: 0; overflow-y: auto; padding: 18px 24px 24px; scrollbar-color: var(--q-indigo-bright) transparent; scrollbar-width: thin; }
.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: 16px; }
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: var(--q-lime); }
.q-import-heading p[b-plgfdrcm86] { color: var(--q-dark-muted); font-size: 12px; line-height: 1.5; margin: 6px 0 0; }
.q-import-history-hint[b-plgfdrcm86] { display: none; }
.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-overview[b-plgfdrcm86] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(230px, .36fr); gap: 16px; margin: 16px 0; }
.q-import-progress-summary[b-plgfdrcm86], .q-import-draft-summary[b-plgfdrcm86] { display: grid; align-content: start; gap: 14px; min-width: 0; padding: 18px; border: 1px solid var(--q-dark-line); border-radius: 12px; 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; gap: 12px; font-size: 13px; line-height: 1.5; }
.q-import-progress-copy strong[b-plgfdrcm86] { font-size: 24px; font-variant-numeric: tabular-nums; line-height: 1.2; }
.q-import-progress-summary progress[b-plgfdrcm86] { display: block; width: 100%; height: 7px; margin: 0; border: 0; border-radius: 8px; overflow: hidden; accent-color: var(--q-indigo-bright); }
.q-import-progress-summary progress[b-plgfdrcm86]::-webkit-progress-bar { background: var(--q-dark-line); }
.q-import-progress-summary progress[b-plgfdrcm86]::-webkit-progress-value { background: var(--q-indigo-bright); }
.q-import-progress-summary progress[b-plgfdrcm86]::-moz-progress-bar { background: var(--q-indigo-bright); }
.q-import-progress-counts[b-plgfdrcm86] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; color: var(--q-dark-ink); font-size: 12px; font-variant-numeric: tabular-nums; }
.q-import-progress-counts > span[b-plgfdrcm86] { padding: 10px 12px; border: 1px solid var(--q-dark-line); border-radius: 8px; line-height: 1.45; }
.q-import-progress-summary small[b-plgfdrcm86], .q-import-draft-summary small[b-plgfdrcm86], .q-import-paused-panel small[b-plgfdrcm86] { display: block; color: var(--q-dark-muted); font-size: 12px; line-height: 1.55; }
.q-import-card-label[b-plgfdrcm86] { color: var(--q-dark-muted); font-size: 12px; font-weight: 650; line-height: 1.5; }
.q-import-draft-total strong[b-plgfdrcm86] { font-size: 36px; font-variant-numeric: tabular-nums; line-height: 1; letter-spacing: -.03em; }
.q-import-draft-total > span[b-plgfdrcm86] { color: var(--q-dark-muted); font-size: 12px; line-height: 1.5; }
.q-import-draft-breakdown[b-plgfdrcm86] { display: flex; flex-wrap: wrap; gap: 8px 16px; color: var(--q-dark-muted); font-size: 12px; line-height: 1.5; }
.q-import-count-help[b-plgfdrcm86] { color: var(--q-dark-muted); font-size: 12px; line-height: 1.5; }
.q-import-count-help summary[b-plgfdrcm86] { cursor: pointer; width: fit-content; }
.q-import-count-help summary:focus-visible[b-plgfdrcm86] { outline: 2px solid var(--q-indigo-bright); outline-offset: 3px; }
.q-import-count-help[open] summary[b-plgfdrcm86] { margin-bottom: 8px; }
.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-paused-panel[b-plgfdrcm86] { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 20px; padding: 16px 18px; margin: 16px 0; border: 1px solid color-mix(in srgb, var(--q-indigo-bright) 40%, var(--q-dark-line)); border-radius: 12px; background: var(--q-indigo-soft); }
.q-import-paused-copy[b-plgfdrcm86] { flex: 1; min-width: min(100%, 280px); }
.q-import-paused-copy strong[b-plgfdrcm86] { display: block; margin-bottom: 6px; font-size: 13px; line-height: 1.5; }
.q-import-resume[b-plgfdrcm86] { flex: none; padding: 10px 15px; min-height: 40px; border: 1px solid var(--q-indigo); border-radius: 8px; background: var(--q-indigo); color: var(--q-on-brand); font-size: 12px; font-weight: 700; }
.q-import-resume:hover:not(:disabled)[b-plgfdrcm86] { filter: brightness(1.1); }
.q-import-job-controls[b-plgfdrcm86] { display: flex; flex-wrap: wrap; gap: 12px; margin: 12px 0 20px; }
.q-import-cancel-job[b-plgfdrcm86] { margin: 0; flex: 1; }
.q-import-cancel-job small[b-plgfdrcm86] { flex: 1; min-width: 160px; }
.q-import-cancel-job small[b-plgfdrcm86] { color: var(--q-dark-muted); font-size: 12px; line-height: 1.5; }
.q-import-table-toolbar[b-plgfdrcm86] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 18px; margin-top: 20px; padding-bottom: 12px; border-bottom: 1px solid var(--q-dark-line); }
.q-import-tabs[b-plgfdrcm86] { display: flex; gap: 4px; max-width: 100%; overflow-x: auto; }
.q-import-tabs button[b-plgfdrcm86] { flex: none; padding: 11px 12px; border: 0; border-bottom: 2px solid transparent; background: transparent; color: var(--q-dark-muted); font-size: 12px; 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] { overflow-x: auto; margin: 10px 0 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: var(--q-lime); color: var(--q-on-success); }
.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); }
.incomplete .q-import-status-symbol[b-plgfdrcm86] { background: var(--q-indigo-soft); color: var(--q-indigo-bright); }
.q-import-wait[b-plgfdrcm86] { display: block; max-width: 250px; margin-top: 4px; color: var(--q-dark-muted); font-size: 11px; line-height: 1.45; }
.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], .q-import-notice[b-plgfdrcm86] { margin: 14px 0; padding: 12px 16px; border-radius: 8px; font-size: 12px; line-height: 1.55; overflow-wrap: anywhere; }
.q-import-error[b-plgfdrcm86] { background: var(--q-red-soft); color: var(--q-red); }
.q-import-notice[b-plgfdrcm86] { border: 1px solid var(--q-dark-line); background: var(--q-indigo-soft); color: var(--q-dark-ink); }
.q-import-footer[b-plgfdrcm86] { flex: none; flex-wrap: wrap; justify-content: space-between; border-top: 1px solid var(--q-dark-line); padding: 14px 24px; 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-height: 800px) and (min-width: 701px) {
    .q-import-header[b-plgfdrcm86] { padding: 12px 22px; }
    .q-import-navigation[b-plgfdrcm86] { margin-bottom: 10px; }
    .q-import-navigation button[b-plgfdrcm86] { min-height: 28px; }
    h2[b-plgfdrcm86] { font-size: 22px; }
    .q-import-heading p[b-plgfdrcm86] { font-size: 11px; }
    .q-import-body[b-plgfdrcm86] { padding: 12px 22px 20px; }
    .q-import-destination[b-plgfdrcm86] { padding: 9px 14px; }
    .q-import-overview[b-plgfdrcm86] { margin: 12px 0; gap: 12px; }
    .q-import-progress-summary[b-plgfdrcm86], .q-import-draft-summary[b-plgfdrcm86] { padding: 14px; gap: 10px; }
    .q-import-progress-copy strong[b-plgfdrcm86] { font-size: 22px; }
    .q-import-progress-counts[b-plgfdrcm86] { display: flex; flex-wrap: wrap; gap: 6px; }
    .q-import-progress-counts > span[b-plgfdrcm86] { padding: 6px 9px; font-size: 11px; }
    .q-import-draft-total strong[b-plgfdrcm86] { font-size: 30px; }
    .q-import-paused-panel[b-plgfdrcm86] { padding: 12px 14px; margin: 12px 0; gap: 10px 16px; }
    .q-import-paused-copy strong[b-plgfdrcm86] { margin-bottom: 4px; font-size: 12px; }
    .q-import-job-controls[b-plgfdrcm86] { margin: 10px 0 12px; }
    .q-import-table-toolbar[b-plgfdrcm86] { margin-top: 12px; padding-bottom: 8px; }
    .q-import-tabs button[b-plgfdrcm86] { padding: 8px 9px; font-size: 11px; }
    .q-import-search[b-plgfdrcm86] { width: 240px; padding: 8px 10px; }
}
@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; }
    .q-import-body[b-plgfdrcm86] { padding: 14px; }
    .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-overview[b-plgfdrcm86] { grid-template-columns: minmax(0, 1fr); gap: 12px; margin: 12px 0; }
    .q-import-progress-summary[b-plgfdrcm86], .q-import-draft-summary[b-plgfdrcm86] { padding: 14px; gap: 12px; }
    .q-import-progress-counts[b-plgfdrcm86] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .q-import-progress-counts > span[b-plgfdrcm86] { padding: 8px 10px; }
    .q-import-draft-total strong[b-plgfdrcm86] { font-size: 30px; }
    .q-import-paused-panel[b-plgfdrcm86] { padding: 14px; margin: 12px 0; }
    .q-import-paused-panel .q-import-resume[b-plgfdrcm86] { width: 100%; }
    .q-import-tabs[b-plgfdrcm86] { gap: 0; }
    .q-import-tabs button[b-plgfdrcm86] { padding: 13px 10px; font-size: 12px; }
    .q-import-table-scroll[b-plgfdrcm86] { margin: 6px 0 0; }
    .q-import-footer[b-plgfdrcm86] { padding: 12px 14px; gap: 10px; }
    .q-import-error[b-plgfdrcm86], .q-import-notice[b-plgfdrcm86] { margin: 12px 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: 12px 16px;
    margin: 0;
    border: 1px solid var(--q-dark-line);
    border-radius: .5rem;
}

.q-import-destination span[b-plgfdrcm86] {
    order: 3;
    flex-basis: 100%;
    overflow-wrap: anywhere;
}
.q-import-destination strong[b-plgfdrcm86] { font-size: 13px; line-height: 1.5; }
.q-import-destination > span[b-plgfdrcm86] { color: var(--q-dark-muted); font-size: 12px; line-height: 1.5; }
.q-import-destination .q-import-done[b-plgfdrcm86] { margin-left: auto; font-size: 12px; }

@media (max-width: 420px) {
    .q-import-overlay[b-plgfdrcm86] { padding: 6px; }
    .q-import-header[b-plgfdrcm86] { padding: 12px; }
    .q-import-body[b-plgfdrcm86] { padding: 12px; }
    .q-import-navigation[b-plgfdrcm86] { flex-wrap: wrap; }
    .q-import-job-select[b-plgfdrcm86] { order: 3; max-width: none; width: 100%; }
    .q-import-destination .q-import-done[b-plgfdrcm86] { width: 100%; margin-left: 0; }
    .q-import-footer[b-plgfdrcm86] { padding: 12px; }
}

.q-import-history[b-plgfdrcm86],
.q-import-remove[b-plgfdrcm86] {
    padding: 7px 11px;
    border: 1px solid var(--q-dark-line);
    border-radius: 7px;
    background: var(--q-dark-card);
    color: var(--q-dark-ink);
    font-size: 12px;
    font-weight: 650;
    cursor: pointer;
}

.q-import-history[aria-pressed="true"][b-plgfdrcm86] {
    border-color: var(--q-indigo-bright);
    color: var(--q-indigo-bright);
}

.q-import-no-jobs[b-plgfdrcm86] {
    display: grid;
    flex: 1;
    place-items: center;
    padding: 32px;
    color: var(--q-dark-muted);
    text-align: center;
}

.q-import-history:focus-visible[b-plgfdrcm86],
.q-import-remove:focus-visible[b-plgfdrcm86] {
    outline: 2px solid var(--q-indigo-bright);
    outline-offset: 2px;
}
/* _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-card-2);
    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/EbayInventoryCoverageNotice.razor.rz.scp.css */
.q-inventory-coverage[b-vqorxmop8u] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px 20px;
    margin-bottom: 14px;
    padding: 14px;
    border: 1px solid var(--q-dark-line);
    border-radius: 12px;
    background: var(--q-dark-card);
    color: var(--q-dark-ink);
}
.q-inventory-coverage.has-difference[b-vqorxmop8u] { border-left: 3px solid #d99b27; }
.q-inventory-coverage-copy[b-vqorxmop8u] { display: grid; gap: 5px; flex: 1 1 300px; min-width: 0; overflow-wrap: anywhere; }
.q-inventory-coverage-account[b-vqorxmop8u] { font-size: 12px; color: var(--q-dark-muted); }
.q-inventory-coverage strong[b-vqorxmop8u] { font-size: 14px; }
.q-inventory-coverage p[b-vqorxmop8u] { margin: 0; font-size: 12px; line-height: 1.5; }
.q-inventory-coverage small[b-vqorxmop8u] { font-size: 11px; line-height: 1.45; color: var(--q-dark-muted); }
.q-inventory-coverage button[b-vqorxmop8u] { max-width: 100%; white-space: normal; }
/* _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 var(--q-shadow-color);
    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 var(--q-shadow-color);
    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: var(--q-on-brand);
    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, var(--q-dark-card-2), 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, var(--q-dark-card-2), 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:var(--q-overlay); display:flex; align-items:center; justify-content:center; padding:24px; }
.untracked-modal[b-0s55xsqc8w] { --line:var(--q-dark-line); --mut:var(--q-dark-muted); --ink:var(--q-dark-ink); --ok:var(--q-lime); --warn:var(--q-amber); --bad:var(--q-red); width:min(1180px,100%); max-height:calc(100dvh - 48px); background:var(--q-dark-card); 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 var(--q-indigo-bright); 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:var(--bad); border:1px solid var(--q-red-line); background:var(--q-red-soft); }
.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 minmax(350px,.9fr); gap:12px; align-items:center; padding:12px 10px; border-bottom:1px solid var(--line); border-radius:10px; }
.listing-link-fields[b-0s55xsqc8w] { display:grid; grid-template-columns:minmax(0,1fr) auto 100px; gap:12px; align-items:center; min-width:0; }
.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:var(--mut); 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:var(--q-indigo-bright); }
.inp.err[b-0s55xsqc8w] { border-color:var(--bad); }
select.inp:disabled[b-0s55xsqc8w] { opacity:1; color:var(--mut); 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; max-width:100%; padding:8px 22px; border-radius:12px; border:1px solid var(--line); background:var(--q-dark-card-2); font-weight:900; display:inline-flex; align-items:center; justify-content:center; gap:10px; flex-shrink:0; white-space:normal; overflow-wrap:anywhere; }
.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:var(--q-red-soft); color:var(--bad); font-size:13px; font-weight:700; border-top:1px solid var(--q-red-line); }
.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:var(--q-lime-soft); color:var(--ok); border:1px solid var(--q-lime-line); 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; flex-wrap:wrap; align-items:center; justify-content:center; gap:14px; padding:18px; }
.paging button[b-0s55xsqc8w] { border:1px solid var(--line); border-radius:8px; background:var(--q-dark-card-2); padding:6px 12px; }
.paging span[b-0s55xsqc8w] { min-width:0; overflow-wrap:anywhere; text-align:center; }
.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(0,1fr) 30px; }
 .listing-link-fields[b-0s55xsqc8w] { grid-column:2/-1; }
 .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; }
 .listing-link-fields[b-0s55xsqc8w] { grid-template-columns:minmax(0,1fr) 100px; gap:8px; }
 .listing-source[b-0s55xsqc8w] { grid-column:1/-1; }
 .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; } }

.inp[b-0s55xsqc8w],.btn[b-0s55xsqc8w],.job-result[b-0s55xsqc8w] { background:var(--q-dark-card); color:var(--ink); border-color:var(--line); }
.btn.primary[b-0s55xsqc8w] { background:#5151C9; color:#fff; }
.meta b[b-0s55xsqc8w],.bar label[b-0s55xsqc8w] { color:var(--ink); }
.row.sel[b-0s55xsqc8w] { background:color-mix(in srgb,#5151C9 12%,var(--q-dark-card)); }
.mh > .note[b-0s55xsqc8w] { margin:12px 0; }
.list-bar[b-0s55xsqc8w] { padding:12px 0; }
.bulk-input[b-0s55xsqc8w] { border:1px solid var(--line); border-radius:10px; padding:12px; margin:8px 0; }
.bulk-input summary[b-0s55xsqc8w] { cursor:pointer; font-weight:700; }
.bulk-text[b-0s55xsqc8w] { min-height:110px; height:auto; padding:10px; resize:vertical; }
.variant-inputs[b-0s55xsqc8w] { grid-column:2/-1; display:grid; gap:8px; width:100%; }
.variant-inputs label[b-0s55xsqc8w] { display:grid; grid-template-columns:minmax(130px,1fr) minmax(80px,.6fr) minmax(180px,1fr); gap:8px; align-items:center; font-size:12px; }
.variant-inputs small[b-0s55xsqc8w] { overflow-wrap:anywhere; color:var(--mut); }
.csv-upload[b-0s55xsqc8w] { position:relative; overflow:hidden; }
.csv-upload[b-0s55xsqc8w]  input { position:absolute; inset:0; opacity:0; cursor:pointer; width:100%; }
.csv-upload:focus-within[b-0s55xsqc8w] { outline:2px solid var(--q-indigo-bright); outline-offset:2px; }
.csv-upload.disabled[b-0s55xsqc8w] { opacity:.45; }
.job-summary[b-0s55xsqc8w] { margin:8px 28px; padding:10px; border:1px solid var(--line); border-radius:10px; display:flex; flex-wrap:wrap; gap:8px; align-items:center; font-size:12px; flex-shrink:0; }
.job-summary small[b-0s55xsqc8w] { width:100%; color:var(--mut); }
.job-summary .btn[b-0s55xsqc8w] { margin-left:auto; min-height:32px; padding:5px 10px; font-size:12px; }
.link-jobs[b-0s55xsqc8w] { margin:20px 0; border-top:1px solid var(--line); padding-top:12px; }
.link-jobs > .progress-note[b-0s55xsqc8w] { padding:12px 0; display:grid; gap:6px; font-size:13px; }
.job-result[b-0s55xsqc8w] { padding:12px; margin:8px 0; border:1px solid var(--line); border-radius:10px; display:grid; gap:5px; font-size:12px; overflow-wrap:anywhere; }
.job-result p[b-0s55xsqc8w] { margin:0; }
.retry-inputs[b-0s55xsqc8w] { display:grid; gap:8px; grid-template-columns:minmax(160px,1fr) 70px minmax(100px,1fr) auto auto; align-items:center; }
.retry-inputs .btn[b-0s55xsqc8w] { min-height:38px; padding:6px 10px; font-size:12px; }
@media(max-width:1100px) {
 .retry-inputs[b-0s55xsqc8w] { grid-template-columns:minmax(0,1fr) 100px; }
 .retry-inputs input:nth-of-type(2)[b-0s55xsqc8w],.retry-inputs .btn[b-0s55xsqc8w] { grid-column:1/-1; }
}
@media(max-width:700px) {
 .variant-inputs label[b-0s55xsqc8w] { grid-template-columns:1fr; }.retry-inputs[b-0s55xsqc8w] { grid-template-columns:minmax(0,1fr) 75px; }
 .retry-inputs .btn[b-0s55xsqc8w],.retry-inputs input:nth-of-type(2)[b-0s55xsqc8w] { grid-column:1/-1; }.job-summary[b-0s55xsqc8w] { margin:8px 16px; }
}
/* _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-dark-line); }
.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 color-mix(in srgb, var(--q-indigo) 20%, transparent);
    border-radius: 10px;
    background: var(--q-indigo-soft);
    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: var(--q-dark-card-2);
    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: var(--q-ink);
    --qb-muted: var(--q-muted);
    --qb-surface: var(--q-surface);
    --qb-option-bg: var(--q-surface-2);
    --qb-option-border: var(--q-line);
    --qb-accent: var(--q-indigo-bright);
    --qb-selected-bg: var(--q-indigo-soft);
    --qb-warning-bg: var(--q-amber-soft);
    --qb-warning-ink: var(--q-amber);
    --qb-disabled-bg: var(--q-surface-raised);
    --qb-disabled-ink: var(--q-muted);
    position: fixed;
    inset: 0;
    background: var(--q-overlay);
    display: grid;
    place-items: center;
    z-index: 150;
    padding: 20px;
}
.qb-modal[b-mvug807pmp] {
    box-sizing: border-box;
    width: 100%;
    max-width: 520px;
    max-height: calc(100dvh - 40px);
    overflow-y: auto;
    background: var(--qb-surface);
    border: 1px solid var(--qb-option-border);
    border-radius: 20px;
    padding: 26px;
    color: var(--qb-ink);
    box-shadow: 0 30px 80px rgba(0, 0, 0, .35);
    font-family: inherit;
    font-size: 14px;
    line-height: 1.5;
    text-align: left;
    outline: none;
}
.qb-eyebrow[b-mvug807pmp] { display: block; color: var(--qb-accent); font-size: 11px; font-weight: 800; letter-spacing: .12em; margin-bottom: 6px; }
.qb-modal h2[b-mvug807pmp] { margin: 0 28px 2px 0; color: var(--qb-ink); font-size: 24px; font-weight: 800; line-height: 1.25; overflow-wrap: anywhere; }
.qb-x[b-mvug807pmp] { float: right; background: transparent; border: 0; padding: 0; width: 28px; min-height: 28px; color: var(--qb-muted); font-size: 28px; line-height: 1; cursor: pointer; margin: -4px -4px 0 0; }
.qb-warning[b-mvug807pmp] { display: flex; align-items: flex-start; gap: 10px; background: var(--qb-warning-bg); color: var(--qb-warning-ink); border-left: 4px solid #f4bd4f; border-radius: 10px; padding: 12px 14px; margin: 14px 0 16px; font-size: 13px; font-weight: 700; line-height: 1.5; }
.qb-warning-icon[b-mvug807pmp] { flex: 0 0 18px; height: 18px; margin-top: 2px; border-radius: 50%; background: #f4bd4f; color: #382b0d; text-align: center; line-height: 18px; font-weight: 800; }
.qb-consent[b-mvug807pmp] { display: flex; align-items: flex-start; gap: 12px; margin: 0 0 20px; color: var(--qb-ink); font-size: 13px; font-weight: 700; line-height: 1.5; cursor: pointer; }
.qb-consent > span[b-mvug807pmp] { flex: 1; min-width: 0; overflow-wrap: break-word; }
.qb-consent input[type="checkbox"][b-mvug807pmp] { appearance: none; box-sizing: border-box; flex: 0 0 18px; width: 18px; height: 18px; min-width: 18px; min-height: 18px; margin: 2px 0 0; padding: 0; border: 2px solid var(--qb-muted); border-radius: 4px; background: transparent; cursor: pointer; }
.qb-consent input[type="checkbox"]:checked[b-mvug807pmp] { background: var(--qb-accent); border-color: var(--qb-accent); }
.qb-consent input[type="checkbox"]:checked[b-mvug807pmp]::after { content: ""; display: block; width: 5px; height: 9px; border: solid #fff; border-width: 0 2px 2px 0; transform: translate(4px, 0) rotate(45deg); }
.qb-consent input:disabled[b-mvug807pmp] { cursor: not-allowed; }
.qb-cta[b-mvug807pmp] { width: 100%; border: 0; border-radius: 12px; padding: 13px; min-height: 48px; font-size: 15px; font-weight: 800; line-height: 1.5; cursor: pointer; color: #fff; font-family: inherit; background: #dc3545; }
.qb-cta:disabled[b-mvug807pmp] { background: var(--qb-disabled-bg); color: var(--qb-disabled-ink); opacity: 1; cursor: not-allowed; }
.qb-x:disabled[b-mvug807pmp] { opacity: .5; cursor: not-allowed; }
.qb-cta:focus-visible[b-mvug807pmp], .qb-x:focus-visible[b-mvug807pmp], .qb-consent input:focus-visible[b-mvug807pmp] { outline: 2px solid var(--qb-accent); outline-offset: 3px; }
@media (max-width: 560px) {
    .qb-ov[b-mvug807pmp] { padding: 12px; }
    .qb-modal[b-mvug807pmp] { padding: 22px 18px; max-height: calc(100dvh - 24px); }
    .qb-modal h2[b-mvug807pmp] { font-size: 22px; }
}
/* _content/Qublo.App.Shared/Components/Inventory/InventoryDeleteScopeSelection.razor.rz.scp.css */
.q-delete-scope[b-xyzz4ev6zk] { border: 0; padding: 0; margin: 0 0 20px; min-width: 0; }
.q-delete-scope legend[b-xyzz4ev6zk] { padding: 0; margin: 6px 0 16px; color: var(--qb-muted); font-size: 14px; font-weight: 700; line-height: 1.5; }
.qb-opt[b-xyzz4ev6zk] { box-sizing: border-box; width: 100%; display: flex; gap: 12px; align-items: flex-start; border: 1px solid var(--qb-option-border); background: var(--qb-option-bg); border-radius: 12px; padding: 13px 16px; margin-bottom: 10px; font-weight: 400; line-height: 1.5; cursor: pointer; }
.qb-opt:last-child[b-xyzz4ev6zk] { margin-bottom: 0; }
.qb-opt.is-sel[b-xyzz4ev6zk] { border-color: var(--qb-accent); background: var(--qb-selected-bg); }
.q-delete-scope input[type="radio"][b-xyzz4ev6zk] {
    /* Do not inherit global text-field dimensions or the white input background. */
    appearance: none;
    box-sizing: border-box;
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px;
    margin: 2px 0 0;
    padding: 0;
    border: 2px solid var(--qb-muted);
    border-radius: 50%;
    background: transparent;
    cursor: pointer;
}
.q-delete-scope input[type="radio"]:checked[b-xyzz4ev6zk] { border-color: var(--qb-accent); background: radial-gradient(circle, var(--qb-accent) 0 5px, transparent 5.5px); }
.q-delete-scope input:focus-visible[b-xyzz4ev6zk] { outline: 2px solid var(--qb-accent); outline-offset: 3px; }
.q-delete-scope input:disabled[b-xyzz4ev6zk] { cursor: not-allowed; }
.q-delete-scope label > span[b-xyzz4ev6zk] { flex: 1; min-width: 0; overflow-wrap: break-word; }
.qb-t[b-xyzz4ev6zk] { font-weight: 800; font-size: 14px; display: block; color: var(--qb-ink); }
.qb-d[b-xyzz4ev6zk] { color: var(--qb-muted); font-size: 13px; margin-top: 2px; line-height: 1.5; display: block; }
/* _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/Inventory/InventorySynchronizationStatus.razor.rz.scp.css */
.q-inventory-sync-status[b-7ajhw0yz12] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    height: 36px;
    color: var(--q-dark-muted);
    font-size: 12px;
}
.q-inventory-sync-copy[b-7ajhw0yz12] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.q-inventory-sync-status > .q-btn[b-7ajhw0yz12] { margin-left: auto; min-height: 30px; padding-block: 4px; flex-shrink: 0; }
.q-inventory-sync-warning[b-7ajhw0yz12] { color: var(--q-amber); font-weight: 800; }
/* _content/Qublo.App.Shared/Components/Inventory/InventoryTableRow.razor.rz.scp.css */
/* Row-local rules retain CSS isolation after extracting the table body. */
[data-profit-below-target][b-f6tk4gmt46] {
    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-status-badges[b-f6tk4gmt46] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 6px;
}

/* Row template shared with the Bozze list (clickable rows + BUY/SELL product links). */
.q-draft-clickable-row[b-f6tk4gmt46] {
    cursor: pointer;
}

.q-draft-clickable-row > td[b-f6tk4gmt46] {
    transition: background-color 0.15s ease;
}

.q-draft-clickable-row:hover > td[b-f6tk4gmt46],
.q-draft-clickable-row:focus > td[b-f6tk4gmt46] {
    background: var(--q-info-soft);
}

.q-draft-clickable-row:focus[b-f6tk4gmt46] {
    outline: none;
}

.q-draft-clickable-row:focus-visible[b-f6tk4gmt46] {
    outline: 2px solid var(--q-indigo-bright);
    outline-offset: -2px;
}

.q-draft-product-links[b-f6tk4gmt46] {
    align-items: flex-start;
    gap: 7px;
}

.q-draft-product-link[b-f6tk4gmt46] {
    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-f6tk4gmt46],
.q-draft-product-link:focus-visible[b-f6tk4gmt46] {
    color: var(--q-dark-ink);
}

.q-draft-product-link:focus-visible[b-f6tk4gmt46] {
    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-f6tk4gmt46],
.q-draft-product-link:focus-visible .q-draft-product-code[b-f6tk4gmt46] {
    text-decoration: underline;
}

.q-draft-product-link.is-disabled[b-f6tk4gmt46] {
    color: var(--q-dark-faint);
    cursor: not-allowed;
}

.q-draft-market-badge[b-f6tk4gmt46] {
    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-f6tk4gmt46] {
    align-items: center;
    background: var(--q-indigo);
    border: 1px solid var(--q-dark-line);
    border-radius: 50%;
    color: var(--q-on-brand);
    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-f6tk4gmt46] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.q-profit-cell[b-f6tk4gmt46] {
    display: grid;
    gap: 2px;
    white-space: nowrap;
}

.q-profit-cell strong[b-f6tk4gmt46] {
    color: var(--q-lime);
    font-size: 13px;
}

.q-profit-cell small[b-f6tk4gmt46] {
    color: var(--q-dark-muted);
    font-size: 10px;
    font-weight: 700;
}

.q-profit-cell.negative strong[b-f6tk4gmt46] {
    color: var(--q-red);
}

.q-profit-unavailable[b-f6tk4gmt46] {
    color: var(--q-dark-dim);
    font-size: 12px;
    font-weight: 700;
}

.q-inventory-performance[b-f6tk4gmt46] {
    min-width: 92px;
}

.q-inventory-items-table .q-product[b-f6tk4gmt46] {
    min-width: 0;
}

.q-inventory-items-table .q-product > span:last-child[b-f6tk4gmt46] {
    min-width: 0;
}

.q-inventory-items-table .q-product-title[b-f6tk4gmt46] {
    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-f6tk4gmt46] {
    max-width: 112px;
}

.q-inventory-items-table .q-row-actions[b-f6tk4gmt46] {
    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-f6tk4gmt46],
.q-inventory-items-table .q-draft-clickable-row > td:last-child[b-f6tk4gmt46] {
    background: var(--q-dark-card);
    box-shadow: -12px 0 18px -18px var(--q-shadow-color);
    position: sticky;
    right: 0;
    z-index: 2;
}

.q-inventory-items-table .q-table thead th:last-child[b-f6tk4gmt46] {
    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-f6tk4gmt46],
    .q-inventory-items-table .q-draft-clickable-row > td:last-child[b-f6tk4gmt46] {
        position: static;
        box-shadow: none;
    }
}

.q-inventory-items-table .q-draft-clickable-row:hover > td:last-child[b-f6tk4gmt46],
.q-inventory-items-table .q-draft-clickable-row:focus > td:last-child[b-f6tk4gmt46] {
    background: var(--q-dark-card-2);
}

.q-inventory-deletion-retry[b-f6tk4gmt46] {
    align-items: center;
    flex-wrap: wrap;
}

.q-inventory-deletion-retry > span[b-f6tk4gmt46] {
    flex: 1 1 420px;
    min-width: 0;
    overflow-wrap: anywhere;
}

.q-inventory-deletion-retry > span strong[b-f6tk4gmt46] {
    margin-right: 4px;
}

.q-inventory-deletion-retry-button[b-f6tk4gmt46] {
    flex: none;
    margin-left: auto;
    min-height: 30px;
    padding: 6px 11px;
}

.q-inventory-dismissible-alert[b-f6tk4gmt46] {
    align-items: center;
}

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

.q-inventory-alert-dismiss[b-f6tk4gmt46] {
    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-f6tk4gmt46] {
    background: color-mix(in srgb, currentColor 12%, transparent);
    border-color: currentColor;
}

.q-inventory-alert-dismiss:focus-visible[b-f6tk4gmt46] {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}
/* _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: var(--q-red);
    border: 2px solid var(--q-dark-bg);
    border-radius: 999px;
    color: var(--q-on-danger);
    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 var(--q-shadow-color);
    color: var(--q-dark-ink);
    display: flex;
    flex-direction: column;
    max-height: calc(100dvh - 100px);
    min-width: 0;
    overflow-y: auto;
    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;
    flex: none;
    gap: 16px;
    justify-content: space-between;
    padding: 16px 18px 14px;
}

.q-notification-head span[b-mqs98jm1md] {
    color: var(--q-indigo-bright);
    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: var(--q-indigo-bright);
    font-size: 11px;
    font-weight: 800;
    padding: 6px;
}

.q-notification-read-all:hover[b-mqs98jm1md],
.q-notification-read-all:focus-visible[b-mqs98jm1md] {
    color: var(--q-dark-ink);
    text-decoration: underline;
}

.q-notification-error[b-mqs98jm1md] {
    background: var(--q-red-soft);
    border-bottom: 1px solid color-mix(in srgb, var(--q-red) 28%, transparent);
    color: var(--q-red);
    font-size: 12px;
    padding: 10px 16px;
}

.q-notification-list[b-mqs98jm1md] {
    flex: 1 1 auto;
    max-height: min(52dvh, 440px);
    min-height: 0;
    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: var(--q-indigo-soft);
}

.q-notification-item.unread[b-mqs98jm1md]::before {
    background: var(--q-indigo);
    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: var(--q-dark-card-2);
    outline: none;
}

.q-notification-kind[b-mqs98jm1md] {
    align-items: center;
    background: var(--q-indigo-soft);
    border: 1px solid color-mix(in srgb, var(--q-indigo) 24%, transparent);
    border-radius: 10px;
    color: var(--q-indigo-bright);
    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: var(--q-lime-soft);
    border-color: color-mix(in srgb, var(--q-lime) 22%, transparent);
    color: var(--q-lime);
}

.q-notification-kind.message[b-mqs98jm1md],
.q-notification-kind.support[b-mqs98jm1md] {
    background: var(--q-info-soft);
    border-color: color-mix(in srgb, var(--q-info) 22%, transparent);
    color: var(--q-info);
}

.q-notification-kind.listing[b-mqs98jm1md] {
    background: var(--q-amber-soft);
    border-color: color-mix(in srgb, var(--q-amber) 22%, transparent);
    color: var(--q-amber);
}

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

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

.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: var(--q-red-soft);
    color: var(--q-red);
    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: var(--q-lime-soft);
    border-radius: 999px;
    color: var(--q-lime);
    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 color-mix(in srgb, var(--q-indigo) 20%, transparent);
    border-radius: 999px;
    border-top-color: var(--q-indigo);
    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;
    flex: none;
    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: var(--q-lime-soft);
    border-color: color-mix(in srgb, var(--q-lime) 24%, transparent);
    color: var(--q-lime);
}

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

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

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

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

    .q-notification-browser-toggle[b-mqs98jm1md] {
        width: 100%;
    }
}

.q-notification-head > div[b-mqs98jm1md],.q-notification-footer > div[b-mqs98jm1md] { min-width: 0; }
.q-notification-head[b-mqs98jm1md] { flex-wrap: wrap; }
.q-notification-error[b-mqs98jm1md] { overflow-wrap: anywhere; }
/* _content/Qublo.App.Shared/Components/Orders/OrderCancelDialog.razor.rz.scp.css */
.order-cancel-host[b-wn65kcj76b] { display: contents; }
.order-cancel-dialog[b-wn65kcj76b] {
    box-sizing: border-box;
    position: fixed;
    inset: 0;
    margin: auto;
    width: 520px;
    max-width: calc(100% - 32px);
    max-height: calc(100% - 32px);
    overflow: auto;
    border: 0;
    border-radius: 16px;
    padding: 26px;
    background: var(--q-surface, #16173A);
    color: var(--q-ink, #ECECF8);
    box-shadow: 0 20px 50px rgba(0, 0, 0, .3);
    font: inherit;
}
.order-cancel-dialog:not([open])[b-wn65kcj76b] { display: none; }
.order-cancel-dialog[b-wn65kcj76b]::backdrop { background: rgba(15, 16, 38, .55); }
.order-cancel-host[data-fallback="true"][b-wn65kcj76b] {
    display: flex;
    position: fixed;
    inset: 0;
    align-items: center;
    justify-content: center;
    z-index: 2000;
    background: rgba(15, 16, 38, .55);
}
.order-cancel-host[data-fallback="true"] .order-cancel-dialog[b-wn65kcj76b] { z-index: 2001; }
.order-cancel-dialog h2[b-wn65kcj76b] { margin: 0 28px 14px 0; font-size: 24px; line-height: 1.25; font-weight: 800; }
.order-cancel-close[b-wn65kcj76b] {
    position: absolute;
    top: 12px;
    right: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    min-height: 32px;
    padding: 0;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--q-muted, #9094BC);
    font: inherit;
    font-size: 24px;
    line-height: 1;
    box-shadow: none;
}
.order-cancel-product[b-wn65kcj76b] { display: flex; gap: 12px; align-items: center; margin-bottom: 16px; }
.order-cancel-thumbnail[b-wn65kcj76b] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 72px;
    width: 72px;
    height: 72px;
    overflow: hidden;
    border-radius: 10px;
    background: var(--q-brand-soft, rgba(81, 81, 201, .14));
    color: var(--q-brand-text, #B8B8FF);
    font-size: 26px;
    font-weight: 800;
}
.order-cancel-thumbnail img[b-wn65kcj76b] { width: 100%; height: 100%; object-fit: contain; }
.order-cancel-product-copy[b-wn65kcj76b] { min-width: 0; overflow-wrap: anywhere; }
.order-cancel-product-copy strong[b-wn65kcj76b] { display: block; font-size: 15px; line-height: 1.4; font-weight: 700; }
.order-cancel-product-copy small[b-wn65kcj76b] { display: block; margin-top: 2px; font-size: 13px; color: var(--q-muted, #9094BC); }
.order-cancel-label[b-wn65kcj76b] { display: block; margin: 0; font-size: 14px; font-weight: 800; }
.order-cancel-description[b-wn65kcj76b] { margin: 2px 0 8px; color: var(--q-muted, #9094BC); font-size: 12.5px; line-height: 1.5; }
.order-cancel-reason[b-wn65kcj76b], .order-cancel-message textarea[b-wn65kcj76b] {
    box-sizing: border-box;
    width: 100%;
    padding: 10px 12px;
    border: 1px solid var(--q-line, #2A2C5A);
    border-radius: 10px;
    background: var(--q-surface, #16173A);
    color: var(--q-ink, #ECECF8);
    font: inherit;
    font-size: 14px;
}
.order-cancel-message-row[b-wn65kcj76b] { display: flex; justify-content: space-between; align-items: center; gap: 14px; margin-top: 12px; }
.order-cancel-message-row .order-cancel-description[b-wn65kcj76b] { margin-bottom: 0; }
.order-cancel-toggle[b-wn65kcj76b] {
    position: relative;
    display: block;
    flex: 0 0 46px;
    width: 46px;
    height: 26px;
    min-height: 26px;
    max-height: 26px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: #5151C9;
    box-shadow: none;
}
.order-cancel-toggle[b-wn65kcj76b]::after { content: ""; position: absolute; top: 3px; left: 23px; width: 20px; height: 20px; border-radius: 50%; background: #fff; transition: left .15s; }
.order-cancel-toggle.is-off[b-wn65kcj76b] { background: #CFD5E4; }
.order-cancel-toggle.is-off[b-wn65kcj76b]::after { left: 3px; }
.order-cancel-message[b-wn65kcj76b] { margin-top: 8px; }
.order-cancel-message textarea[b-wn65kcj76b] { display: block; resize: vertical; line-height: 1.5; }
.order-cancel-preview[b-wn65kcj76b] { margin-top: 8px; padding: 8px 10px; border: 1px dashed var(--q-line, #2A2C5A); border-radius: 10px; color: var(--q-muted, #9094BC); font-size: 12.5px; line-height: 1.5; white-space: pre-wrap; overflow-wrap: anywhere; }
.order-cancel-preview[b-wn65kcj76b]  .order-cancel-variable { color: var(--q-brand-text, #B8B8FF); font-weight: 700; }
.order-cancel-loading[b-wn65kcj76b] { color: var(--q-muted, #9094BC); font-size: 13px; }
.order-cancel-error[b-wn65kcj76b] { color: #FF8585; margin: 14px 0 0; font-size: 13px; line-height: 1.5; overflow-wrap: anywhere; }
html[data-theme="light"] .order-cancel-error[b-wn65kcj76b] { color: #B42318; }
.order-cancel-confirm[b-wn65kcj76b] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    height: 46px;
    min-height: 46px;
    max-height: 46px;
    margin-top: 16px;
    padding: 0 12px;
    border: 0;
    border-radius: 10px;
    background: #D42020;
    color: #fff;
    font: inherit;
    font-size: 15px;
    font-weight: 800;
}
.order-cancel-close[b-wn65kcj76b], .order-cancel-toggle[b-wn65kcj76b], .order-cancel-confirm[b-wn65kcj76b] { cursor: pointer; }
.order-cancel-close:disabled[b-wn65kcj76b], .order-cancel-toggle:disabled[b-wn65kcj76b], .order-cancel-confirm:disabled[b-wn65kcj76b] { opacity: .45; cursor: not-allowed; }
.order-cancel-close:focus-visible[b-wn65kcj76b], .order-cancel-toggle:focus-visible[b-wn65kcj76b], .order-cancel-confirm:focus-visible[b-wn65kcj76b],
.order-cancel-reason:focus-visible[b-wn65kcj76b], .order-cancel-message textarea:focus-visible[b-wn65kcj76b] { outline: 3px solid rgba(81, 81, 201, .6); outline-offset: 2px; }
.order-cancel-spinner[b-wn65kcj76b] { width: 18px; height: 18px; flex: 0 0 18px; animation: order-cancel-spin-b-wn65kcj76b .8s linear infinite; }
@keyframes order-cancel-spin-b-wn65kcj76b { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .order-cancel-toggle[b-wn65kcj76b]::after { transition: none; } .order-cancel-spinner[b-wn65kcj76b] { animation: none; } }
@media (max-width: 420px) { .order-cancel-dialog[b-wn65kcj76b] { padding: 22px; } }
/* _content/Qublo.App.Shared/Components/Orders/OrderFeedbackBadge.razor.rz.scp.css */
.order-feedback-badge[b-n0ede5zmxb] { margin-top: 6px; font-size: 11.5px; font-weight: 700; line-height: 1.4; }
.order-feedback-badge.is-requested[b-n0ede5zmxb] { color: var(--q-brand-text); }
.order-feedback-badge.is-received[b-n0ede5zmxb] { color: var(--q-ok); }
/* _content/Qublo.App.Shared/Components/Orders/OrderFeedbackDialog.razor.rz.scp.css */
.order-feedback-host[b-gkqt40h6cv] { display: contents; }
.order-feedback-dialog[b-gkqt40h6cv] {
    box-sizing: border-box; position: fixed; inset: 0; margin: auto;
    width: 480px; max-width: calc(100% - 32px); max-height: calc(100% - 32px); overflow: auto;
    border: 0; border-radius: 16px; padding: 26px;
    background: var(--q-surface, #16173A); color: var(--q-ink, #ECECF8);
    box-shadow: 0 20px 50px rgba(0, 0, 0, .3); font: inherit;
}
.order-feedback-dialog:not([open])[b-gkqt40h6cv] { display: none; }
.order-feedback-dialog[b-gkqt40h6cv]::backdrop { background: rgba(15, 16, 38, .55); }
.order-feedback-host[data-fallback="true"][b-gkqt40h6cv] {
    display: flex; position: fixed; inset: 0; align-items: center; justify-content: center;
    z-index: 2000; background: rgba(15, 16, 38, .55);
}
.order-feedback-host[data-fallback="true"] .order-feedback-dialog[b-gkqt40h6cv] { z-index: 2001; }
.order-feedback-dialog h2[b-gkqt40h6cv] { margin: 0 28px 14px 0; font-size: 24px; line-height: 1.25; font-weight: 800; }
.order-feedback-close[b-gkqt40h6cv] {
    position: absolute; top: 12px; right: 12px; display: flex; align-items: center; justify-content: center;
    width: 32px; height: 32px; min-height: 32px; padding: 0; border: 0; border-radius: 8px;
    background: transparent; color: var(--q-muted, #9094BC); font: inherit; font-size: 24px; line-height: 1; box-shadow: none;
}
.order-feedback-product[b-gkqt40h6cv] { display: flex; gap: 12px; align-items: center; margin-bottom: 16px; }
.order-feedback-thumbnail[b-gkqt40h6cv] {
    display: flex; align-items: center; justify-content: center; flex: 0 0 56px; width: 56px; height: 56px;
    overflow: hidden; border-radius: 10px; background: var(--q-brand-soft, rgba(81, 81, 201, .14));
    color: var(--q-brand-text, #B8B8FF); font-size: 22px; font-weight: 800;
}
.order-feedback-thumbnail img[b-gkqt40h6cv] { width: 100%; height: 100%; object-fit: contain; }
.order-feedback-product-copy[b-gkqt40h6cv] { min-width: 0; overflow-wrap: anywhere; }
.order-feedback-product-copy strong[b-gkqt40h6cv] { display: block; font-size: 15px; line-height: 1.4; font-weight: 700; }
.order-feedback-product-copy small[b-gkqt40h6cv] { display: block; margin-top: 2px; font-size: 13px; color: var(--q-muted, #9094BC); }
.order-feedback-message[b-gkqt40h6cv] {
    box-sizing: border-box; display: block; width: 100%; padding: 10px 12px; resize: vertical;
    border: 1px solid var(--q-line, #2A2C5A); border-radius: 10px;
    background: var(--q-surface, #16173A); color: var(--q-ink, #ECECF8);
    font: inherit; font-size: 14px; line-height: 1.5;
}
.order-feedback-preview[b-gkqt40h6cv] {
    margin-top: 8px; padding: 8px 10px; border: 1px dashed var(--q-line, #2A2C5A); border-radius: 10px;
    color: var(--q-muted, #9094BC); font-size: 12.5px; line-height: 1.5; white-space: pre-wrap; overflow-wrap: anywhere;
}
.order-feedback-preview[b-gkqt40h6cv]  .order-feedback-variable { color: var(--q-brand-text, #B8B8FF); font-weight: 700; }
.order-feedback-once[b-gkqt40h6cv] { margin: 8px 0 0; color: var(--q-muted, #9094BC); font-size: 12.5px; line-height: 1.5; }
.order-feedback-error[b-gkqt40h6cv] { color: #FF8585; margin: 14px 0 0; font-size: 13px; line-height: 1.5; overflow-wrap: anywhere; }
html[data-theme="light"] .order-feedback-error[b-gkqt40h6cv] { color: #B42318; }
.order-feedback-confirm[b-gkqt40h6cv] {
    display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%;
    height: 46px; min-height: 46px; max-height: 46px; margin-top: 16px; padding: 0 12px;
    border: 0; border-radius: 10px; background: #5151C9; color: #fff; font: inherit; font-size: 15px; font-weight: 800;
}
.order-feedback-close[b-gkqt40h6cv], .order-feedback-confirm[b-gkqt40h6cv] { cursor: pointer; }
.order-feedback-close:disabled[b-gkqt40h6cv], .order-feedback-confirm:disabled[b-gkqt40h6cv] { opacity: .45; cursor: not-allowed; }
.order-feedback-close:focus-visible[b-gkqt40h6cv], .order-feedback-confirm:focus-visible[b-gkqt40h6cv], .order-feedback-message:focus-visible[b-gkqt40h6cv] { outline: 3px solid rgba(81, 81, 201, .6); outline-offset: 2px; }
.order-feedback-spinner[b-gkqt40h6cv] { width: 18px; height: 18px; flex: 0 0 18px; animation: order-feedback-spin-b-gkqt40h6cv .8s linear infinite; }
@keyframes order-feedback-spin-b-gkqt40h6cv { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .order-feedback-spinner[b-gkqt40h6cv] { animation: none; } }
@media (max-width: 420px) { .order-feedback-dialog[b-gkqt40h6cv] { padding: 22px; } }
/* _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, var(--q-indigo-soft));
    border: 1px solid color-mix(in srgb, var(--q-indigo) 20%, transparent);
    border-radius: 10px;
    color: var(--q-indigo-bright);
    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: color-mix(in srgb, var(--q-indigo) 27%, transparent);
    border-color: color-mix(in srgb, var(--q-indigo) 62%, transparent);
    color: var(--q-dark-ink);
}

.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);
    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);
    border: 2px solid var(--q-dark-bg);
    border-radius: 999px;
    color: var(--q-on-brand);
    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);
    border: 1px solid var(--q-dark-line);
    border-radius: 12px;
    box-shadow: 0 20px 55px var(--q-shadow-color);
    color: var(--q-dark-ink);
    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);
    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);
    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);
    color: var(--q-dark-ink);
}

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

.orders-filter select[b-thi528lksv] {
    background: var(--q-dark-card-2);
    border: 1px solid var(--q-dark-line);
    border-radius: 8px;
    color: var(--q-dark-ink);
    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);
    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);
    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);
    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);
    border: 1px solid var(--q-dark-line);
    color: var(--q-dark-muted);
}

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

.orders-filter-apply[b-thi528lksv] {
    background: var(--q-indigo);
    border: 1px solid var(--q-indigo);
    color: var(--q-on-brand);
}

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

.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/Orders/OrderStatusMenu.razor.rz.scp.css */
.order-status-menu[b-98g31emzh5] {
    display: block;
    min-width: 168px;
    width: 100%;
}

.order-status-trigger[b-98g31emzh5] {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    width: 100%;
    min-width: 168px;
    height: 34px;
    min-height: 34px;
    max-height: 34px;
    padding: 0 12px;
    border: 0;
    border-radius: 9px;
    font: inherit;
    font-size: 13.5px;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
    text-align: left;
    cursor: pointer;
    box-shadow: 0 1px 2px rgba(23, 32, 51, .12);
}

.status-waiting[b-98g31emzh5] { background: #F5C842; color: #4A3200; }
.status-shipped[b-98g31emzh5] { background: #5151C9; color: #FFFFFF; }
.status-delivered[b-98g31emzh5] { background: #167A55; color: #FFFFFF; }
.status-cancelled[b-98g31emzh5] { background: #D42020; color: #FFFFFF; cursor: default; }
.order-status-trigger:hover:not(:disabled):not(.status-cancelled)[b-98g31emzh5] { filter: brightness(.94); }
.order-status-trigger:focus-visible[b-98g31emzh5] { outline: none; box-shadow: 0 0 0 3px rgba(81, 81, 201, .45); }
.order-status-trigger:disabled[b-98g31emzh5] { cursor: not-allowed; }
.order-status-icon[b-98g31emzh5] { width: 18px; height: 18px; flex: none; }
.order-status-chevron[b-98g31emzh5] { width: 14px; height: 14px; flex: none; margin-left: auto; transition: transform 150ms; }
.order-status-trigger[aria-expanded="true"] .order-status-chevron[b-98g31emzh5] { transform: rotate(180deg); }
.order-status-spinner[b-98g31emzh5] { animation: order-status-spin-b-98g31emzh5 .8s linear infinite; }

.order-status-popover[b-98g31emzh5] {
    box-sizing: border-box;
    display: none;
    position: fixed;
    inset: auto;
    z-index: 10000;
    min-width: 220px;
    margin: 0;
    padding: 6px;
    border: 0;
    border-radius: 12px;
    background: #3F3FB8;
    color: #FFFFFF;
    box-shadow: 0 14px 32px rgba(23, 32, 51, .28);
    overflow-y: auto;
    overscroll-behavior: contain;
    animation: order-status-open-b-98g31emzh5 120ms ease-out;
    transform-origin: top left;
}

/* Scope is applied to the menu, not to html; the top layer and fallback clone
   both retain the scoped attribute and inherit the document's selected theme. */
html[data-theme="light"] .order-status-popover[b-98g31emzh5] { background: #5151C9; }
.order-status-popover:popover-open[b-98g31emzh5] { display: block; }
.order-status-popover.is-fallback[b-98g31emzh5] { display: block; }
.order-status-popover[b-98g31emzh5]::backdrop { background: transparent; pointer-events: none; }
.order-status-popover[data-placement="above"][b-98g31emzh5] { transform-origin: bottom left; }

.order-status-item[b-98g31emzh5] {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    width: 100%;
    height: 38px;
    min-height: 38px;
    max-height: 38px;
    padding: 0 8px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: #FFFFFF;
    font: inherit;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    text-align: left;
    white-space: nowrap;
    cursor: pointer;
}

.order-status-item-icon[b-98g31emzh5] { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; flex: none; border-radius: 6px; background: rgba(255, 255, 255, .16); }
.order-status-item:hover:not(:disabled)[b-98g31emzh5], .order-status-item:focus-visible[b-98g31emzh5] { background: rgba(255, 255, 255, .14); outline: none; }
.order-status-item:disabled[b-98g31emzh5] { opacity: .45; cursor: not-allowed; }
.order-status-check[b-98g31emzh5] { margin-left: auto; font-size: 15px; }
.order-status-separator[b-98g31emzh5] { border-top: 1px dashed rgba(255, 255, 255, .35); margin: 6px 4px; }
.order-status-cancel .order-status-item-icon[b-98g31emzh5] { background: rgba(255, 107, 107, .28); }
.order-status-feedback[b-98g31emzh5] { padding-left: 22px; font-size: 13px; }

@keyframes order-status-open-b-98g31emzh5 { from { opacity: 0; transform: scale(.98); } to { opacity: 1; transform: none; } }
@keyframes order-status-spin-b-98g31emzh5 { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
    .order-status-popover[b-98g31emzh5], .order-status-spinner[b-98g31emzh5] { animation: none; }
    .order-status-chevron[b-98g31emzh5] { transition: none; }
}
/* _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: var(--q-indigo-soft) !important;
    opacity: 1;
}

.q-password-visibility-toggle:focus-visible[b-gef3prcpjl] {
    outline: 2px solid var(--q-indigo);
    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-dark-muted);
}

.analytics-kicker[b-wvl19hlrqa] {
    color: var(--q-indigo-bright);
    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-indigo-bright) 22%, transparent);
    border-radius: .7rem;
    background: color-mix(in srgb, var(--q-indigo-bright) 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-dark-muted);
}

@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/CategoryPicker.razor.rz.scp.css */
.category-picker[b-fzoxkf0ywt] { display:grid; gap:6px; min-width:0; position:relative; }
.category-picker-value[b-fzoxkf0ywt] { background:var(--q-dark-card); border:1px solid var(--q-dark-line); border-radius:8px; color:var(--q-dark-ink); padding:10px 12px; text-align:left; overflow-wrap:anywhere; width:100%; }
.category-picker-value.missing[b-fzoxkf0ywt] { color:var(--q-amber); }
.category-picker-panel[b-fzoxkf0ywt] { background:var(--q-dark-card); border:1px solid var(--q-dark-line); border-radius:8px; padding:10px; z-index:5; display:grid; gap:8px; min-width:0; }
.category-picker-panel [role=listbox][b-fzoxkf0ywt] { display:grid; max-height:260px; overflow:auto; }
.category-picker-panel [role=option][b-fzoxkf0ywt] { background:transparent; border:0; color:var(--q-dark-ink); padding:10px; text-align:left; overflow-wrap:anywhere; }
.category-picker-panel [role=option]:hover[b-fzoxkf0ywt], .category-picker-panel [role=option].active[b-fzoxkf0ywt] { background:var(--q-indigo-soft); }
/* _content/Qublo.App.Shared/Components/ProductEditor/DettagliTab.razor.rz.scp.css */
.detail-description textarea[b-nkvzlq9b2j] { min-height: 12em; resize: vertical; }
/* _content/Qublo.App.Shared/Components/ProductEditor/ImmaginiTab.razor.rz.scp.css */
.image-toolbar[b-551pw1c2ko],
.image-url-row[b-551pw1c2ko] {
    flex-wrap: wrap;
}

.image-url-row input[b-551pw1c2ko] {
    flex: 1 1 16rem;
    min-width: 0;
}

@media (max-width: 620px) {
    .image-url-row .q-btn[b-551pw1c2ko] {
        flex: 1 1 0;
    }
}
/* _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: var(--q-indigo-soft);
    color: var(--q-indigo-bright);
}

.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: var(--q-dark-card);
    border: 0;
    border-radius: 0;
    color: var(--q-dark-ink);
    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 color-mix(in srgb, var(--q-indigo) 55%, transparent);
    outline: 0;
}

.listing-html-preview-wrap[b-7mfpen8iko] {
    background: var(--q-info-soft);
    display: grid;
    grid-template-rows: auto 1fr;
    min-width: 0;
}

.listing-html-preview-wrap > span[b-7mfpen8iko] {
    background: var(--q-dark-card);
    color: var(--q-dark-muted);
    font-size: 10.5px;
    font-weight: 800;
    letter-spacing: .04em;
    padding: 6px 10px;
    text-transform: uppercase;
}

.listing-html-preview[b-7mfpen8iko] {
    background: var(--q-surface);
    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;
}

@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, var(--q-indigo-soft), var(--q-indigo-soft));
    border-color: color-mix(in srgb, var(--q-info) 38%, transparent);
}

.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: var(--q-dark-card-2);
    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 color-mix(in srgb, var(--q-indigo) 14%, transparent);
}

.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: var(--q-indigo-soft);
    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: var(--q-lime-soft);
    border: 1px solid color-mix(in srgb, var(--q-lime) 18%, transparent);
    border-radius: 999px;
    flex: none;
    font-size: 11.5px;
    font-weight: 900;
    padding: 6px 10px;
}

.price-margin-chip.negative[b-t5w531qcth] {
    background: var(--q-red-soft);
    border-color: color-mix(in srgb, var(--q-red) 20%, transparent);
}

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

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

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

.specific-row.invalid .specific-value[b-3vnoqshom3] {
    border-color: var(--q-red);
}

.specific-value-validation[b-3vnoqshom3] {
    color: var(--q-red);
    font-size: 11px;
    grid-column: 1 / -1;
    line-height: 1.4;
}

.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: var(--q-lime-soft);
    color: var(--q-lime);
}

.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) {

    .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-dark-line);
    border-radius: .9rem;
    background: var(--q-surface);
}

.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-dark-muted);
    font-size: .8rem;
}

.analytics-chart-card header > strong[b-k649asws9h] {
    color: var(--q-indigo-bright);
    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-dark-muted);
    font-size: 10px;
}

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

.analytics-series-line[b-k649asws9h] {
    fill: none;
    stroke: var(--q-indigo-bright);
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 3;
}

.impressions .analytics-series-line[b-k649asws9h],
.impressions .analytics-series-point[b-k649asws9h] {
    stroke: var(--q-indigo-bright);
}

.analytics-series-point[b-k649asws9h] {
    fill: var(--q-surface);
    stroke: var(--q-indigo-bright);
    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-indigo-bright) 8%, transparent);
}

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

.analytics-chart-empty span[b-k649asws9h] {
    color: var(--q-dark-ink);
    font-size: 1.5rem;
    font-weight: 800;
}
/* _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: 900px) {
    .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;
        max-height: calc(100dvh - 86px);
        overflow-y: auto;
        overscroll-behavior: contain;
        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/RegistrationPhoneInput.razor.rz.scp.css */
.registration-phone[b-lz9mqk1woh] { border: 0; margin: 0; min-width: 0; padding: 0; }
.registration-phone legend[b-lz9mqk1woh] { color: #08021a; font-size: .86rem; font-weight: 850; margin-bottom: 8px; padding: 0; }
.registration-phone-fields[b-lz9mqk1woh] { display: grid; gap: 10px; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.registration-phone label[b-lz9mqk1woh] { display: grid; gap: 6px; min-width: 0; }
.registration-phone label span[b-lz9mqk1woh] { color: #08021a; font-size: .86rem; font-weight: 850; }
.registration-phone input[b-lz9mqk1woh], .registration-phone select[b-lz9mqk1woh] { background: #ffffff; border: 1px solid #cbd5e1; border-radius: 8px; color: #08021a; font: inherit; min-height: 3rem; min-width: 0; padding: .72rem .85rem; width: 100%; }
.registration-phone input:focus[b-lz9mqk1woh], .registration-phone select:focus[b-lz9mqk1woh] { border-color: #5b5bd6; box-shadow: 0 0 0 3px rgba(91, 91, 214, .16); outline: none; }
.registration-phone small[b-lz9mqk1woh] { color: #64748b; display: block; font-size: 11px; margin-top: 7px; }
@media (max-width: 480px) { .registration-phone-fields[b-lz9mqk1woh] { grid-template-columns: minmax(0, 1fr); } }
/* _content/Qublo.App.Shared/Components/Settings/ActiveSessionTable.razor.rz.scp.css */
.q-session-search[b-tjbqoqc1yr] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 18px 0 4px;
    padding: 10px 14px;
    border: 1px solid var(--q-dark-line);
    border-radius: 10px;
    color: var(--q-dark-muted);
}

.q-session-search svg[b-tjbqoqc1yr] {
    flex: none;
    width: 20px;
    height: 20px;
}

.q-session-search input[b-tjbqoqc1yr] {
    min-width: 0;
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--q-dark-ink);
}

.q-session-search:focus-within[b-tjbqoqc1yr] {
    outline: 2px solid var(--q-brand);
    outline-offset: 2px;
}

.q-session-row[b-tjbqoqc1yr] {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    padding: 18px 0;
    border-bottom: 1px solid var(--q-dark-line);
}

.q-session-icon[b-tjbqoqc1yr] {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    border-radius: 12px;
    color: var(--q-indigo);
    background: var(--q-indigo-soft);
}

.q-session-icon svg[b-tjbqoqc1yr] {
    width: 26px;
    height: 26px;
}

.q-session-copy[b-tjbqoqc1yr] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.q-session-copy small[b-tjbqoqc1yr] {
    display: block;
    color: var(--q-dark-muted);
}

.q-session-footer[b-tjbqoqc1yr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 0;
    color: var(--q-dark-muted);
}

.q-session-pagination[b-tjbqoqc1yr] {
    display: flex;
    gap: 8px;
}

.q-session-pagination button[b-tjbqoqc1yr] {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border: 1px solid var(--q-dark-line);
    border-radius: 8px;
    background: var(--q-dark-card);
    color: var(--q-dark-ink);
    font-size: 24px;
    cursor: pointer;
}

.q-session-pagination button:disabled[b-tjbqoqc1yr] {
    opacity: .45;
    cursor: default;
}

@media (max-width: 600px) {
    .q-session-row[b-tjbqoqc1yr] {
        grid-template-columns: 48px minmax(0, 1fr);
        gap: 10px 14px;
    }

    .q-session-row > button[b-tjbqoqc1yr] {
        grid-column: 2;
        justify-self: start;
    }
}
/* _content/Qublo.App.Shared/Components/Settings/AppearancePreferencesMenu.razor.rz.scp.css */
.q-appearance-menu[b-5e6nar2c0t] {
    border-block: 1px solid var(--q-line);
    padding: 8px 4px;
    display: grid;
    gap: 10px;
    min-width: min(260px, calc(100vw - 48px));
}
.q-appearance-label[b-5e6nar2c0t] { display: block; color: var(--q-muted); font-size: 12px; margin-bottom: 5px; }
.q-appearance-options[b-5e6nar2c0t] { display: flex; flex-wrap: wrap; gap: 5px; }
.q-appearance-options button[b-5e6nar2c0t] {
    flex: 1 1 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 6px 9px;
    border: 1px solid var(--q-line);
    border-radius: 8px;
    color: var(--q-ink);
    background: var(--q-surface-2);
}
.q-appearance-options button[aria-pressed="true"][b-5e6nar2c0t] { border-color: var(--q-ok); color: var(--q-ok); background: var(--q-ok-soft); }
.q-appearance-options button:focus-visible[b-5e6nar2c0t] { outline: 2px solid var(--q-info); outline-offset: 2px; }
.q-appearance-error[b-5e6nar2c0t] { color: var(--q-bad); max-width: 270px; }
/* _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);
    border: 1px solid var(--q-dark-line);
    border-radius: 16px;
    color: var(--q-dark-ink);
    min-width: 0;
    padding: 24px;
}

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

.plan-summary__top > div[b-hbt52xqixp],
.billing-card__head > div[b-hbt52xqixp] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.plan-summary__eyebrow[b-hbt52xqixp] {
    color: var(--q-indigo-bright);
    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); 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: var(--q-lime-soft); color: var(--q-lime); }
.plan-summary__status.is-warning[b-hbt52xqixp] { background: var(--q-amber-soft); color: var(--q-amber); }
.plan-summary__status.is-neutral[b-hbt52xqixp] { background: var(--q-indigo-soft); color: var(--q-indigo-bright); }

.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); }
.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: var(--q-dark-card-2);
    border: 1px solid var(--q-dark-line);
    border-radius: 10px;
    padding: 13px;
}

.plan-summary__usage dt[b-hbt52xqixp] { color: var(--q-dark-muted); 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: var(--q-indigo);
    border: 0;
    color: var(--q-on-brand);
    margin-top: 20px;
    min-height: 46px;
    width: 100%;
}

.plan-summary__action:hover[b-hbt52xqixp] { background: var(--q-indigo); }
.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); 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);
    line-height: 1.5;
    margin: 7px 0 0;
}

.billing-card__provider[b-hbt52xqixp] {
    background: var(--q-indigo-soft);
    border-radius: 999px;
    color: var(--q-indigo-bright);
    font-size: 11px;
    font-weight: 800;
    padding: 6px 9px;
    white-space: nowrap;
}

.billing-card__provider.is-manual[b-hbt52xqixp] {
    background: var(--q-lime-soft);
    border: 1px solid color-mix(in srgb, var(--q-lime) 20%, transparent);
    color: var(--q-lime);
}

.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: var(--q-dark-card-2);
    border: 1px solid var(--q-dark-line-2);
    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); 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);
    display: grid;
    font-size: 11px;
    font-weight: 800;
    gap: 6px;
}

.billing-card__form input[b-hbt52xqixp] {
    background: var(--q-dark-card-2);
    border: 1px solid var(--q-dark-line);
    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, var(--q-lime-soft), transparent 38%),
        var(--q-dark-card);
}

.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: var(--q-dark-card-2);
    border: 1px solid var(--q-dark-line-2);
    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); 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: var(--q-indigo-soft);
    border: 1px solid color-mix(in srgb, var(--q-indigo) 22%, transparent);
    border-radius: 10px;
    color: var(--q-dark-muted);
    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__top[b-hbt52xqixp],
    .billing-card__head[b-hbt52xqixp] { flex-wrap: wrap; }

    .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/BulkMarketPricingBandsDialog.razor.rz.scp.css */
.q-market-bands-dialog[b-1vw9fm4xjy] { width: min(780px, calc(100vw - 28px)); max-height: calc(100dvh - 40px); display: flex; flex-direction: column; }
.q-market-bands-body[b-1vw9fm4xjy] { padding: 20px; overflow-y: auto; min-height: 0; }
.q-market-bands-selection[b-1vw9fm4xjy] { border: 1px solid var(--q-line); border-radius: 9px; margin: 16px 0; display: grid; gap: 10px; padding: 12px; }
.q-market-bands-selection label[b-1vw9fm4xjy], .q-market-bands-option[b-1vw9fm4xjy] { display: flex; gap: 8px; align-items: center; }
.q-market-bands-option[b-1vw9fm4xjy] { margin-block: 12px; }
.q-market-bands-outcomes[b-1vw9fm4xjy] { padding-left: 18px; }
.q-market-bands-outcomes .saved[b-1vw9fm4xjy] { color: var(--q-ok); }
.q-market-bands-outcomes .failed[b-1vw9fm4xjy] { color: var(--q-bad); }
/* _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; min-width:0; overflow-wrap:anywhere; text-align:left; }
header > button[b-bqmeqzlfj1] { flex:none; }
footer .q-btn-ghost[b-bqmeqzlfj1] { padding:0; background:transparent; text-decoration:underline; color:var(--q-brand-text); }

.q-message-setting textarea[b-bqmeqzlfj1] { min-height:118px; line-height:1.55; }
footer .q-btn-ghost[b-bqmeqzlfj1] { border:0; box-shadow:none; }

.q-pricing-settings[b-bqmeqzlfj1] { padding-top: 12px; }
.q-pricing-settings label[b-bqmeqzlfj1] { font-size: 15px; font-weight: 800; margin: 14px 0 22px; }
.q-pricing-settings label small[b-bqmeqzlfj1], .q-pricing-bands p[b-bqmeqzlfj1] { font-size: 13.5px; line-height: 1.45; font-weight: 400; color: var(--q-dark-muted); margin: 4px 0 10px; }
.q-pricing-settings input:not([type=checkbox])[b-bqmeqzlfj1], .q-pricing-settings select[b-bqmeqzlfj1] { height: 48px; border-radius: 12px; font-size: 15px; font-weight: 700; }
.q-pricing-settings input[b-bqmeqzlfj1]::placeholder { color: var(--q-dark-muted); opacity: .7; }
.q-pricing-settings .q-account-editor-grid[b-bqmeqzlfj1] { gap: 0 18px; align-items: end; }
.q-pricing-bands h3[b-bqmeqzlfj1] { font-size: 15px; margin: 0; }
.q-pricing-bands label[b-bqmeqzlfj1] { margin: 0 0 18px; font-size: 14px; }
.q-pricing-bands label:last-child[b-bqmeqzlfj1] { grid-column: 1 / -1; }
.q-pricing-settings .q-pricing-apply[b-bqmeqzlfj1] { font-size: 14px; font-weight: 700; margin: 22px 0; }
.q-pricing-import[b-bqmeqzlfj1] { border-top: 1px solid var(--q-dark-line); margin-top: 26px; padding-top: 22px; }
.q-pricing-import h3[b-bqmeqzlfj1] { font-size: 12px; letter-spacing: .12em; color: var(--q-brand-text); margin: 0; }
.q-pricing-import .q-editor-switch[b-bqmeqzlfj1] { align-items: flex-start; gap: 20px; }
.q-pricing-import .q-editor-switch small[b-bqmeqzlfj1] { margin-top: 6px; }
.q-pricing-confirm[b-bqmeqzlfj1] { padding: 20px 26px; border-top: 1px solid var(--q-dark-line); flex-shrink: 0; }
.q-pricing-confirm p[b-bqmeqzlfj1] { margin: 0 0 16px; }
.q-pricing-confirm > div[b-bqmeqzlfj1] { display: flex; justify-content: flex-end; gap: 12px; }
.q-editor-switch input:focus-visible[b-bqmeqzlfj1] { outline: 2px solid var(--q-primary, #5151c9); outline-offset: 3px; }
/* Policy controls follow the supplied three-state prototype, with keyboard focus retained. */
.q-policy-switch[b-bqmeqzlfj1] { align-items:flex-start; gap:20px; margin:22px 0 0; font-size:17px; font-weight:800; }
.q-policy-switch small[b-bqmeqzlfj1] { font-size:14px; font-weight:400; line-height:1.5; margin-top:6px; }
.q-policy-switch input[type=checkbox][b-bqmeqzlfj1] { flex:0 0 54px; width:54px; min-width:54px; height:30px; background:#3a3d72; }
.q-policy-switch input[b-bqmeqzlfj1]:after { width:22px; height:22px; top:4px; left:4px; box-shadow:none; }
.q-policy-switch input:checked[b-bqmeqzlfj1] { background:#5151c9; }
.q-policy-switch input:checked[b-bqmeqzlfj1]:after { left:28px; }
.q-policy-switch input:disabled[b-bqmeqzlfj1] { opacity:.35; cursor:not-allowed; }
.q-policy-switch.q-policy-disabled[b-bqmeqzlfj1] { opacity:1; }
.q-policy-switch.q-policy-disabled span[b-bqmeqzlfj1] { opacity:.45; }
.q-policy-switch input:focus-visible[b-bqmeqzlfj1] { outline:3px solid var(--q-indigo,#7777ee); outline-offset:4px; }
.q-policy-field[b-bqmeqzlfj1] { margin-top:24px; font-size:15px; font-weight:800; }
.q-policy-field small[b-bqmeqzlfj1] { font-size:13.5px; line-height:1.45; font-weight:400; }
.q-policy-field input:not([type=checkbox])[b-bqmeqzlfj1], .q-policy-field select[b-bqmeqzlfj1] { height:50px; border-radius:12px; padding:0 16px; font-weight:700; }
.q-policy-field input:disabled[b-bqmeqzlfj1], .q-policy-field select:disabled[b-bqmeqzlfj1] { cursor:not-allowed; }
@media(prefers-reduced-motion:no-preference) { .q-policy-switch input[b-bqmeqzlfj1], .q-policy-switch input[b-bqmeqzlfj1]:after { transition:background .2s,left .2s; } }

.q-policy-field input:not([type=checkbox])[b-bqmeqzlfj1], .q-policy-field select[b-bqmeqzlfj1] { font-size:15px; }
.q-country-select[b-bqmeqzlfj1] { position:relative; display:block; }
.q-country-select select[b-bqmeqzlfj1] { padding-left:50px; }
.q-country-flag[b-bqmeqzlfj1] { display:inline-block; width:24px; height:16px; border-radius:2px; box-shadow:0 0 0 1px #ffffff26; }
.q-country-select .q-country-flag[b-bqmeqzlfj1] { position:absolute; left:16px; top:17px; pointer-events:none; }
.q-country-flag[data-country=IT][b-bqmeqzlfj1] { background:linear-gradient(90deg,#009246 33.33%,#fff 33.33%,#fff 66.66%,#ce2b37 66.66%); }
.q-country-flag[data-country=DE][b-bqmeqzlfj1] { background:linear-gradient(#111 33.33%,#d00 33.33%,#d00 66.66%,#ffce00 66.66%); }
.q-country-flag[data-country=US][b-bqmeqzlfj1] { background:url('flags/us.svg') center/100% 100%; }
.q-country-flag[data-country=AU][b-bqmeqzlfj1] { background:url('flags/au.svg') center/100% 100%; }
.q-account-error[b-bqmeqzlfj1] { max-height: 25dvh; }
.q-account-error p[b-bqmeqzlfj1] { margin: 0; }
.q-account-error .q-account-error-uncertain[b-bqmeqzlfj1] { margin-top: 6px; font-size: 12px; line-height: 1.4; }
.q-account-error-reference[b-bqmeqzlfj1] { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 12px; margin-top: 6px; font-size: 12px; }
.q-account-error-reference span[b-bqmeqzlfj1] { min-width: 0; overflow-wrap: anywhere; }
.q-account-error-reference code[b-bqmeqzlfj1] { font-size: inherit; user-select: all; }
.q-account-error-reference button[b-bqmeqzlfj1] { min-height: 28px; padding: 3px 9px; font-size: 12px; }
.q-account-copy-status[b-bqmeqzlfj1] { display: block; margin-top: 4px; font-size: 12px; }
.q-account-error-section[b-bqmeqzlfj1] { display: block; margin-bottom: 4px; }
.q-account-operation-notice[b-bqmeqzlfj1] { padding: 12px 16px; border: 1px solid var(--q-indigo,#7777ee); border-radius: 10px; background: var(--q-indigo-soft,#eef0ff); color: var(--q-dark-ink,#20263a); }
.q-editor-nav-error[b-bqmeqzlfj1] { display: inline-flex; align-items: center; justify-content: center; width: 14px; height: 14px; margin-left: 7px; border-radius: 50%; background: #b42318; color: #fff; font-size: 11px; font-weight: 800; line-height: 1; vertical-align: middle; box-shadow: 0 0 0 1px #fff; }
/* _content/Qublo.App.Shared/Components/Settings/EbayReadinessPanel.razor.rz.scp.css */
.q-ebay-readiness[b-o0rh3mon2w] { display: grid; gap: 1rem; margin-block: 1rem; padding: 1.2rem; border: 1px solid var(--q-line); border-radius: 16px; background: var(--q-surface); }
.q-ebay-readiness header[b-o0rh3mon2w], .q-ebay-readiness-heading[b-o0rh3mon2w] { display: flex; align-items: center; justify-content: space-between; gap: .75rem; }
.q-ebay-readiness h3[b-o0rh3mon2w], .q-ebay-readiness p[b-o0rh3mon2w] { margin: 0; }
.q-ebay-readiness header p[b-o0rh3mon2w], .q-ebay-readiness small[b-o0rh3mon2w] { color: var(--q-muted); font-size: .8rem; }
.q-ebay-readiness ol[b-o0rh3mon2w] { list-style: none; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: .8rem; padding: 0; margin: 0; }
.q-ebay-readiness li[b-o0rh3mon2w] { display: grid; gap: .55rem; padding: 1rem; border: 1px solid var(--q-line); border-left: 3px solid var(--q-muted); border-radius: 10px; font-size: .85rem; }
.q-ebay-readiness li .q-btn[b-o0rh3mon2w] { justify-self: start; }
.q-ebay-readiness .is-ok[b-o0rh3mon2w] { border-left-color: var(--q-ok); }
.q-ebay-readiness .is-warning[b-o0rh3mon2w], .q-ebay-readiness .is-pending[b-o0rh3mon2w] { border-left-color: var(--q-warn); }
.q-ebay-readiness .is-blocked[b-o0rh3mon2w] { border-left-color: var(--q-bad); }
.q-ebay-readiness code[b-o0rh3mon2w] { overflow-wrap: anywhere; }
@media (max-width: 600px) { .q-ebay-readiness header[b-o0rh3mon2w] { flex-direction: column; align-items: start; } }
/* _content/Qublo.App.Shared/Components/Settings/PreferencesSettings.razor.rz.scp.css */
.q-tools-card[b-kdkrg1b3h0] { min-width: 0; }
.q-tools-extension[b-kdkrg1b3h0] { display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; margin-top: 20px; }
.q-tools-extension > div[b-kdkrg1b3h0] { min-width: 0; }
.q-tools-extension p[b-kdkrg1b3h0] { margin: 6px 0 0; }
.q-tools-actions[b-kdkrg1b3h0] { flex-wrap: wrap; }
@media (max-width: 600px) {
    .q-tools-actions[b-kdkrg1b3h0] { width: 100%; }
    .q-tools-actions a[b-kdkrg1b3h0] { flex: 1 1 170px; text-align: center; }
}
/* _content/Qublo.App.Shared/Components/Settings/PricingBandsEditor.razor.rz.scp.css */
.q-bulk-price-bands[b-axwgh8wilr] { min-width: 0; width: 100%; }
.q-bulk-price-bands > label[b-axwgh8wilr] { display: grid; gap: 6px; }
.q-bulk-price-bands select[b-axwgh8wilr] { width: 100%; }
.q-bulk-price-band-values[b-axwgh8wilr] { display: grid; grid-template-columns: repeat(auto-fit, minmax(135px, 1fr)); gap: 12px; margin-block: 12px; }
.q-bulk-price-band-values label[b-axwgh8wilr] { display: grid; gap: 6px; min-width: 0; }
.q-bulk-price-band-values input[b-axwgh8wilr] { width: 100%; }
/* _content/Qublo.App.Shared/Components/Settings/PricingBandsSummary.razor.rz.scp.css */
.q-dedicated-bands[b-c4sqj3110h] { margin-block: 16px; }
.q-dedicated-bands dl[b-c4sqj3110h] { display: grid; gap: 6px; }
.q-dedicated-bands dl > div[b-c4sqj3110h] { display: flex; gap: 14px; justify-content: space-between; border-bottom: 1px solid var(--q-line); padding-block: 7px; }
.q-dedicated-bands dd[b-c4sqj3110h] { margin: 0; font-weight: 600; }
.q-dedicated-bands [data-current-band="true"][b-c4sqj3110h] { color: var(--q-ok); }
/* _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__identity > div[b-3yipsi2og5] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.profile-card__avatar[b-3yipsi2og5] {
    align-items: center;
    background: var(--q-indigo);
    border: 1px solid var(--q-dark-line);
    border-radius: 50%;
    box-shadow: 0 12px 30px color-mix(in srgb, var(--q-indigo) 30%, transparent);
    color: var(--q-on-brand);
    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/Settings/ReferralSettings.razor.rz.scp.css */
.q-referral[b-5zxgxvfok0], .q-referral-grid[b-5zxgxvfok0], .q-referral-card[b-5zxgxvfok0], .q-referral-history[b-5zxgxvfok0] { min-width: 0; }
.q-referral-grid[b-5zxgxvfok0] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 18px; align-items: stretch; }
.q-referral-card[b-5zxgxvfok0] { display: flex; flex-direction: column; }
.q-referral-totals[b-5zxgxvfok0] { display: grid; gap: 18px; margin: 24px 0 10px; }
.q-referral-totals span[b-5zxgxvfok0] { display: block; color: var(--q-muted); margin-bottom: 4px; }
.q-referral-totals strong[b-5zxgxvfok0] { font-size: 30px; line-height: 1.2; overflow-wrap: anywhere; }
.q-referral-values[b-5zxgxvfok0] { margin: 18px 0 20px; }
.q-referral-values > div[b-5zxgxvfok0] { display: flex; align-items: baseline; justify-content: space-between; gap: 14px; padding: 12px 0; border-bottom: 1px solid var(--q-line); }
.q-referral-values dt[b-5zxgxvfok0] { color: var(--q-muted); }
.q-referral-values dd[b-5zxgxvfok0] { margin: 0; text-align: right; overflow-wrap: anywhere; min-width: 0; font-weight: 600; }
.q-referral-credit[b-5zxgxvfok0] { margin-top: auto; display: flex; align-items: center; justify-content: center; gap: 10px; padding: 14px; border-radius: 9px; color: var(--q-info); background: var(--q-info-soft); text-align: center; }
.q-referral-link[b-5zxgxvfok0] { display: grid; gap: 7px; margin-bottom: 16px; }
.q-referral-link input[b-5zxgxvfok0] { width: 100%; min-width: 0; }
.q-referral-share[b-5zxgxvfok0] { margin-top: auto; }
.q-referral-share button[b-5zxgxvfok0] { width: 100%; display: flex; align-items: center; justify-content: center; gap: 9px; }
.q-referral-share svg[b-5zxgxvfok0] { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.7; }
.q-referral-copy-status[b-5zxgxvfok0] { margin-top: 8px; color: var(--q-muted); font-size: 13px; }
.q-referral-copy-status[data-copied="true"][b-5zxgxvfok0] { color: var(--q-ok); }
.q-referral-copy-status:empty[b-5zxgxvfok0] { display: none; }
.q-referral-history[b-5zxgxvfok0] { margin-top: 18px; }
.q-referral-history .q-table-wrap[b-5zxgxvfok0] { margin-top: 14px; max-width: 100%; }
.q-referral-table[b-5zxgxvfok0] { min-width: 1100px; width: 100%; }
.q-referral-table th[b-5zxgxvfok0], .q-referral-table td[b-5zxgxvfok0] { white-space: nowrap; padding-inline: 10px; }
.q-referral-table .q-referral-number[b-5zxgxvfok0] { text-align: right; }
.q-referral-table .q-referral-empty[b-5zxgxvfok0] { text-align: center; color: var(--q-muted); padding-block: 24px; }
.q-referral-account[b-5zxgxvfok0] { font-size: 12px; }
.q-referral-muted[b-5zxgxvfok0] { color: var(--q-muted); }
.q-referral-type[b-5zxgxvfok0] { border-radius: 5px; }
.q-referral-status[b-5zxgxvfok0]::before { content: ""; flex: 0 0 5px; width: 5px; height: 5px; border-radius: 50%; background: currentColor; }
.q-referral-info[b-5zxgxvfok0] { color: var(--q-info); background: var(--q-info-soft); }
@media (max-width: 1099px) { .q-referral-grid[b-5zxgxvfok0] { grid-template-columns: minmax(0, 1fr); } }
/* _content/Qublo.App.Shared/Components/Settings/SecuritySettings.razor.rz.scp.css */
.q-security-subtitle[b-c20tupj3nu] {
    line-height: 1.5;
    margin: 6px 0 18px;
}

.q-disconnect-all-devices[b-c20tupj3nu] {
    gap: 8px;
    margin-top: 18px;
    min-height: 46px;
    width: 100%;
}

.q-disconnect-all-devices svg[b-c20tupj3nu] {
    flex: none;
}
/* _content/Qublo.App.Shared/Components/ShippingAddressCopyButton.razor.rz.scp.css */
.orders-copy-all[b-45mdhajfll] {
    width: 100%;
}

.shipping-address-copy-status[b-45mdhajfll] {
    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;
}

.shipping-address-copy-help[b-45mdhajfll] {
    display: block;
    color: var(--q-dark-muted);
    font-size: 12px;
    line-height: 1.5;
}

.shipping-address-copy-error[b-45mdhajfll] {
    color: var(--q-bad);
}
/* _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:var(--q-overlay); 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:var(--q-dark-card); color:var(--q-dark-ink); box-shadow:0 24px 70px var(--q-shadow-color); 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:var(--q-amber-soft); color:var(--q-amber); font-size:2rem; font-weight:700; }
.subscription-expired-help[b-0lnynwg05h] { color:var(--q-dark-muted); 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 var(--q-amber); border-radius:12px; background:var(--q-amber-soft); color:var(--q-amber); }
.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:var(--q-amber); font-weight:800;     color: var(--q-on-warning);
}
.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:var(--q-dark-raise);color:var(--q-dark-ink);box-shadow:0 2px 12px var(--q-shadow-color);border-bottom:2px solid var(--q-indigo)}.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:var(--q-dark-ink)}.support-access-banner button[b-3c7wn1d429]{flex-shrink:0;padding:.65rem 1rem;border:1px solid var(--q-dark-line);border-radius:8px;background:var(--q-dark-card);color:var(--q-dark-ink);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: var(--q-dark-bg);
    --bo-panel: var(--q-dark-card);
    --bo-panel-2: var(--q-dark-card-2);
    --bo-line: var(--q-dark-line);
    --bo-ink: var(--q-dark-ink);
    --bo-muted: var(--q-dark-muted);
    --bo-brand: var(--q-indigo);
    --bo-lime: var(--q-lime);
    --bo-amber: var(--q-amber);
    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%, var(--q-indigo-soft), 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 var(--q-dark-line);
    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, var(--q-dark-card) 0%, var(--q-dark-card) 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: var(--q-dark-card-2); color: var(--bo-ink); }
.bo-nav-link.active[b-68ts1z9f9u] {
    background: linear-gradient(90deg, color-mix(in srgb, var(--q-indigo) 28%, transparent), var(--q-indigo-soft));
    border-color: color-mix(in srgb, var(--q-indigo) 24%, transparent);
    color: var(--q-dark-ink);
}
.bo-nav-link.active[b-68ts1z9f9u]::before {
    background: var(--bo-lime);
    border-radius: 99px;
    box-shadow: 0 0 16px color-mix(in srgb, var(--q-lime) 38%, transparent);
    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:var(--q-red);color: var(--q-on-danger);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: var(--q-lime-soft);
    border: 1px solid color-mix(in srgb, var(--q-lime) 24%, transparent);
    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: var(--q-dark-card-2);
    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), var(--q-indigo));
    border-radius: 10px;
    color: var(--q-on-brand);
    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: color-mix(in srgb, var(--q-lime) 34%, transparent); color: var(--bo-ink); }
.bo-content[b-68ts1z9f9u] { margin: 0; max-width: none; min-width: 0; padding: 28px; width: 100%; }

#blazor-error-ui[b-68ts1z9f9u] { display: none; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 10000; padding: 16px 24px; background: var(--q-dark-card-2); color: var(--q-ink); border-top: 2px solid var(--q-red); box-shadow: 0 -4px 20px #0003; }
#blazor-error-ui .reload[b-68ts1z9f9u] { margin-left: 16px; color: inherit; font-weight: 700; text-decoration: underline; }

.bo-analytics-shell[b-68ts1z9f9u] {
    --bo-brand: var(--q-indigo);
    --bo-accent: var(--q-indigo-bright);
    --bo-accent-soft: var(--q-indigo-soft);
    --bo-hover: var(--q-dark-raise);
    --bo-success: var(--q-lime);
    --bo-danger: var(--q-red);
    --bo-warning: var(--q-amber);
    --bo-trial: var(--q-indigo-bright);
    --bo-info: var(--q-info);
    --bo-review: var(--q-amber);
    grid-template-columns: 218px minmax(0,1fr);
}

.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; }
}
.bo-content[data-q-page-generation][b-68ts1z9f9u],
.bo-public-shell[data-q-page-generation][b-68ts1z9f9u] { position: relative; }
/* _content/Qublo.App.Shared/Layout/MainLayout.razor.rz.scp.css */
.page[b-s6wrche4bp] {
    background: var(--q-bg);
    color: var(--q-ink);
    min-height: 100vh;
}

/* Relative offsets leave fixed dialogs anchored to the viewport during entry. */
[data-q-page-generation][b-s6wrche4bp] { position: relative; }

.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: var(--q-dark-ink); }
.q-support-nav[b-s6wrche4bp]  a { color: var(--q-dark-ink); text-decoration: none; }
.q-support-nav[b-s6wrche4bp]  a.active { color: var(--q-dark-ink); font-weight: 700; }
.q-support-nav small[b-s6wrche4bp] { color: var(--q-dark-muted); }
@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: var(--q-dark-bg);
    color: var(--q-dark-ink);
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    justify-content: center;
    min-height: 100vh;
    text-align: center;
}

.q-session-startup small[b-s6wrche4bp] {
    color: var(--q-dark-muted);
}

.q-session-startup-spinner[b-s6wrche4bp] {
    animation: q-session-startup-spin-b-s6wrche4bp 0.8s linear infinite;
    border: 3px solid color-mix(in srgb, var(--q-indigo) 20%, transparent);
    border-radius: 50%;
    border-top-color: var(--q-indigo);
    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: var(--q-dark-card);
    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: color-mix(in srgb, var(--q-info) 92%, transparent);
    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: var(--q-dark-card);
    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: var(--q-amber-soft);
    border-top: 1px solid var(--q-amber);
    bottom: 0;
    box-shadow: 0 -12px 30px var(--q-shadow-color);
    box-sizing: border-box;
    color: var(--q-amber);
    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: var(--q-amber);
    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: var(--q-overlay);
    backdrop-filter: blur(6px);
    display: flex;
    inset: 0;
    justify-content: center;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 24px;
    position: fixed;
    z-index: 200;
}

.q-ebay-required-dialog[b-s6wrche4bp] {
    background:
        radial-gradient(circle at 100% 0, var(--q-indigo-soft), transparent 44%),
        var(--q-dark-card);
    border: 1px solid var(--q-dark-line);
    border-radius: 20px;
    box-shadow: 0 32px 90px var(--q-shadow-color);
    color: var(--q-dark-ink);
    display: grid;
    gap: 20px;
    max-height: calc(100dvh - 48px);
    max-width: 520px;
    min-width: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 30px;
    width: 100%;
}

.q-ebay-required-dialog > *[b-s6wrche4bp] { min-width: 0; overflow-wrap: anywhere; }

.q-ebay-required-icon[b-s6wrche4bp] {
    align-items: center;
    background: var(--q-indigo-soft);
    border: 1px solid color-mix(in srgb, var(--q-indigo) 38%, transparent);
    border-radius: 14px;
    color: var(--q-indigo-bright);
    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: 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;
    min-height: 46px;
    outline: none;
    padding: 0 13px;
    width: 100%;
}

.q-password-change-field input:focus[b-s6wrche4bp] {
    border-color: var(--q-indigo);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--q-indigo) 16%, transparent);
}

.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 color-mix(in srgb, var(--q-red) 32%, transparent);
    border-radius: 10px;
    color: var(--q-red);
    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);
    font-size: 23px;
    font-weight: 950;
}

.q-account-suspended-overlay[b-s6wrche4bp] {
    background: var(--q-overlay);
    z-index: 260;
}

.q-account-suspended-dialog[b-s6wrche4bp] {
    background:
        radial-gradient(circle at 100% 0, var(--q-red-soft), transparent 46%),
        var(--q-dark-card);
    border-color: color-mix(in srgb, var(--q-red) 34%, transparent);
    max-width: 540px;
}

.q-account-suspended-icon[b-s6wrche4bp] {
    background: var(--q-red-soft);
    border-color: color-mix(in srgb, var(--q-red) 38%, transparent);
    color: var(--q-red);
}

.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: var(--q-red-soft);
    border: 1px solid color-mix(in srgb, var(--q-red) 20%, transparent);
    color: var(--q-red) !important;
}

.q-account-suspended-polling[b-s6wrche4bp] {
    background: var(--q-indigo-soft);
    border: 1px solid color-mix(in srgb, var(--q-indigo) 18%, transparent);
}

.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: var(--q-amber-soft);
    border-color: color-mix(in srgb, var(--q-amber) 34%, transparent);
    color: var(--q-amber);
    font-size: 22px;
    font-weight: 950;
}

.q-renewal-warning-close[b-s6wrche4bp] {
    align-items: center;
    background: transparent;
    border: 0;
    color: var(--q-dark-muted);
    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);
}

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

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

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

.q-main-orders:not(.q-main-messages) .q-content[b-s6wrche4bp]  .orders-page {
    padding-top: 0;
}

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

.q-shell-notices[b-s6wrche4bp] {
    position: sticky;
    top: var(--q-topbar-height);
    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, var(--q-amber-soft), 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;
        max-height: calc(100dvh - 24px);
        padding: 24px 20px;
    }
}

@media (max-height: 500px) {
    .q-ebay-required-overlay[b-s6wrche4bp] { padding: 12px; }
    .q-ebay-required-dialog[b-s6wrche4bp] { gap: 14px; max-height: calc(100dvh - 24px); padding: 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 - var(--q-topbar-height));
        overflow: visible;
        padding-bottom: 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); }
}

/* Support owns its viewport; only its ticket list and messages scroll. */
.q-app-shell:has(> .q-main-support)[b-s6wrche4bp] {
    height: var(--q-support-viewport-height, 100dvh);
    min-height: 0;
}
.q-app-shell:has(> .q-main-support) > .q-sidebar[b-s6wrche4bp] { height: 100%; min-height: 0; }
.q-main.q-main-support[b-s6wrche4bp] {
    display: flex;
    flex-direction: column;
    height: var(--q-support-viewport-height, 100dvh);
    min-height: 0;
    overflow: hidden;
}
.q-main-support > .q-topbar[b-s6wrche4bp] { flex: none; }
.q-main-support .q-content.q-content-support[b-s6wrche4bp] {
    display: flex;
    flex: 1 1 0;
    min-height: 0;
    overflow: hidden;
    padding: 10px 12px;
}
.q-main-support .q-content-support[b-s6wrche4bp]  .support-page { flex: 1; }
.q-main-support .q-shell-notices[b-s6wrche4bp] { flex: 0 1 auto; max-height: 25%; overflow: auto; }
.q-support-active .q-main-support[b-s6wrche4bp] { height: calc(var(--q-support-viewport-height, 100dvh) - 84px); }
@media (max-width: 600px) {
    .q-support-active .q-main-support[b-s6wrche4bp] { height: calc(var(--q-support-viewport-height, 100dvh) - 130px); }
}
@media (width < 900px) {
    /* Keep the existing navigation disclosure usable without pushing the
       support workspace beneath the viewport while its menu is expanded. */
    .q-navigation-open:has(> .q-main-support)[b-s6wrche4bp] { grid-template-rows: minmax(0, auto) minmax(0, 1fr); }
    .q-navigation-open > .q-main-support[b-s6wrche4bp] { height: 100%; }
}
/* _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-indigo-bright);
}

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

.nav-link-muted small[b-5ulmzgnnd0] {
    background: var(--q-info-soft);
    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: var(--q-indigo-soft);
    border-radius: 8px;
    color: var(--q-indigo-bright);
    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 color-mix(in srgb, var(--q-red) 32%, transparent);
    border-radius: 10px;
    color: var(--q-red);
    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: var(--q-overlay);
    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 var(--q-shadow-color);
    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: var(--q-dark-line) 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 color-mix(in srgb, var(--q-indigo) 18%, transparent);
}

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

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

.q-account-search button[b-5ulmzgnnd0] {
    align-items: center;
    background: transparent;
    border: 0;
    color: var(--q-dark-muted);
    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: var(--q-dark-line) 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-indigo-bright);
    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: var(--q-on-danger); }

.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: var(--q-indigo);
    border: 0;
    border-radius: 999px;
    color: var(--q-on-brand);
    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: var(--q-info-soft);
    color: var(--q-info);
}

.q-account-avatar.tone-2[b-5ulmzgnnd0] {
    background: var(--q-amber-soft);
    color: var(--q-amber);
}

.q-account-avatar.tone-3[b-5ulmzgnnd0] {
    background: var(--q-red-soft);
    color: var(--q-red);
}

.q-account-avatar.tone-4[b-5ulmzgnnd0] {
    background: var(--q-indigo-soft);
    color: var(--q-indigo-bright);
}

.q-account-avatar.tone-5[b-5ulmzgnnd0] {
    background: var(--q-lime-soft);
    color: var(--q-lime);
}

.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 color-mix(in srgb, var(--q-lime) 25%, transparent);
    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 color-mix(in srgb, var(--q-indigo) 28%, transparent);
    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 var(--q-dark-line);
    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: var(--q-indigo-bright) !important;
    font-size: 11px !important;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.q-side-plan-progress[b-5ulmzgnnd0] {
    background: var(--q-dark-card-2);
    border-radius: 999px;
    display: block;
    height: 6px;
    overflow: hidden;
    width: 100%;
}

.q-side-plan-progress i[b-5ulmzgnnd0] {
    background: linear-gradient(90deg, var(--q-indigo), var(--q-lime));
    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(--q-dark-bg);
    --coach-panel: var(--q-dark-card);
    --coach-panel-2: var(--q-dark-card-2);
    --coach-line: var(--q-dark-line);
    --coach-ink: var(--q-dark-ink);
    --coach-muted: var(--q-dark-muted);
    --coach-brand: var(--q-indigo);
    --coach-lime: var(--q-lime);
    --coach-amber: var(--q-amber);
    color: var(--coach-ink);
}

.coach-detail-page[b-ib3pypag4j] { min-height: calc(100vh - 130px); }
.coach-back-link[b-ib3pypag4j] { align-items: center; color: var(--q-indigo-bright); display: inline-flex; font-size: 10px; font-weight: 850; gap: 7px; margin-bottom: 15px; text-decoration: none; }
.coach-back-link:hover[b-ib3pypag4j] { color: var(--q-dark-ink); }
.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, var(--q-indigo-soft), var(--q-dark-card-2) 50%, var(--q-lime-soft)); 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: var(--q-indigo); border-radius: 12px; color: var(--q-on-brand); 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: var(--q-lime-soft); border-color: color-mix(in srgb, var(--q-lime) 22%, transparent); color: var(--q-lime); }
.coach-status.inactive[b-ib3pypag4j],
.coach-subscription.inactive[b-ib3pypag4j] { background: var(--q-red-soft); border-color: color-mix(in srgb, var(--q-red) 22%, transparent); color: var(--q-red); }
.coach-subscription.pending[b-ib3pypag4j] { background: var(--q-amber-soft); border-color: color-mix(in srgb, var(--q-amber) 22%, transparent); color: var(--q-amber); }

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: color-mix(in srgb, var(--q-indigo) 50%, transparent); }
button:disabled[b-ib3pypag4j] { cursor: not-allowed; opacity: .55; }
button.coach-primary[b-ib3pypag4j] { background: var(--coach-brand); border-color: var(--coach-brand); color: var(--q-on-brand); }
button.coach-primary:hover:not(:disabled)[b-ib3pypag4j] { background: var(--q-indigo); }

.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: var(--q-red-soft); border-color: color-mix(in srgb, var(--q-red) 28%, transparent); color: var(--q-red); }
.coach-alert.success[b-ib3pypag4j] { background: var(--q-lime-soft); border-color: color-mix(in srgb, var(--q-lime) 24%, transparent); 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: var(--q-indigo-bright); }.coach-kpi.lime[b-ib3pypag4j] { color: var(--coach-lime); }.coach-kpi.blue[b-ib3pypag4j] { color: var(--q-info); }.coach-kpi.amber[b-ib3pypag4j] { color: var(--coach-amber); }.coach-kpi.green[b-ib3pypag4j] { color: var(--q-lime); }

.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 var(--q-shadow-color); 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: var(--q-indigo-bright); background: var(--q-indigo); }
.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: var(--q-info); background: var(--q-info); }
.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: var(--q-indigo-bright); 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: var(--q-dark-card-2); 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: var(--q-lime); }.health-track i.engaged[b-ib3pypag4j] { background: var(--q-info); }.health-track i.pending[b-ib3pypag4j] { background: var(--coach-amber); }.health-track i.expiring[b-ib3pypag4j] { background: var(--q-red); }
.coach-health-panel > footer[b-ib3pypag4j] { align-items: baseline; background: var(--q-indigo-soft); 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: var(--q-dark-muted); 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: var(--q-dark-ink); 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: var(--q-dark-card-2); }
.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 var(--q-dark-line); 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,var(--q-dark-card-2),var(--q-dark-card-2) 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: var(--q-info); }.student-bar:nth-of-type(5) i[b-ib3pypag4j] { background: var(--q-lime); }

.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: var(--q-red-soft); border: 1px solid color-mix(in srgb, var(--q-red) 28%, transparent); border-radius: 50%; color: var(--q-red); 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: var(--q-overlay); 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 color-mix(in srgb, var(--q-indigo) 22%, transparent); border-radius: 15px; box-shadow: 0 35px 100px var(--q-shadow-color); max-height: calc(100dvh - 40px); max-width: 780px; overflow-y: auto; width: 100%; min-width:0; }
.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: var(--q-red-soft); border: 1px solid color-mix(in srgb, var(--q-red) 22%, transparent); border-radius: 8px; color: var(--q-red); 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: var(--q-indigo-bright); 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: var(--q-indigo-soft); 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: var(--q-dark-card-2); border: 1px solid color-mix(in srgb, var(--q-indigo) 12%, transparent); 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: var(--q-dark-card-2); }
.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(100dvh - 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; }
}
.coach-identity h1[b-ib3pypag4j] { overflow-wrap:anywhere; }
.coach-modal > header[b-ib3pypag4j] { gap:12px; }
.coach-modal > header > div[b-ib3pypag4j] { min-width:0; }
.coach-modal > header > button[b-ib3pypag4j] { flex:none; }
.assign-selection-toolbar[b-ib3pypag4j] { flex-wrap:wrap; gap:8px; }
/* _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: var(--q-dark-bg);
    --bo-panel: var(--q-dark-card);
    --bo-panel-2: var(--q-dark-card-2);
    --bo-line: var(--q-dark-line);
    --bo-ink: var(--q-dark-ink);
    --bo-muted: var(--q-dark-muted);
    --bo-brand: var(--q-indigo);
    --bo-lime: var(--q-lime);
    --bo-amber: var(--q-amber);
    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.bo-analytics-page[b-zdjo0d6r4n] { --bo-bg: var(--q-dark-bg); --bo-panel: var(--q-dark-card); --bo-panel-2: var(--q-dark-card-2); --bo-ink: var(--q-dark-ink); --bo-muted: var(--q-dark-muted); --bo-line: var(--q-dark-line); }

.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: color-mix(in srgb, var(--q-indigo) 44%, transparent); }
.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: var(--q-on-brand); }
.bo-page button.bo-primary:hover[b-zdjo0d6r4n], .bo-modal-backdrop button.bo-primary:hover[b-zdjo0d6r4n] { background: var(--q-indigo); }
.bo-page button.bo-danger[b-zdjo0d6r4n], .bo-modal-backdrop button.bo-danger[b-zdjo0d6r4n] { background: var(--q-red-soft); border-color: color-mix(in srgb, var(--q-red) 32%, transparent); color: var(--q-red); }
.bo-page button.bo-secondary[b-zdjo0d6r4n], .bo-modal-backdrop button.bo-secondary[b-zdjo0d6r4n] { background: var(--q-indigo-soft); border-color: color-mix(in srgb, var(--q-indigo) 26%, transparent); color: var(--q-indigo-bright); width: 100%; }

.bo-card[b-zdjo0d6r4n] { background: var(--bo-panel); border: 1px solid var(--bo-line); border-radius: 14px; box-shadow: 0 18px 45px var(--q-shadow-color); 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: var(--q-indigo-bright); 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: var(--q-red-soft); border-color: color-mix(in srgb, var(--q-red) 28%, transparent); color: var(--q-red); }
.bo-alert.success[b-zdjo0d6r4n] { background: var(--q-lime-soft); border-color: color-mix(in srgb, var(--q-lime) 24%, transparent); color: var(--bo-lime); }
.bo-alert button[b-zdjo0d6r4n] { background: transparent; color: inherit; }
.bo-alert-actions[b-zdjo0d6r4n] { align-items: center; display: flex; gap: 8px; }
.bo-alert-reference[b-zdjo0d6r4n] { opacity: .82; }

.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 var(--q-dark-line); 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-retained-section[hidden][b-zdjo0d6r4n] { display: none !important; }
.bo-section-refresh[b-zdjo0d6r4n] { align-items: center; color: var(--bo-muted); display: flex; gap: 8px; font-size: 11px; justify-content: flex-end; margin-bottom: 8px; }
.bo-section-refresh > span[b-zdjo0d6r4n] { animation: bo-dashboard-spin-b-zdjo0d6r4n .8s linear infinite; border: 2px solid var(--bo-line); border-top-color: var(--q-indigo); border-radius: 50%; height: 13px; width: 13px; }
.bo-section-skeleton[b-zdjo0d6r4n] { min-height: 410px; }
.bo-skeleton-heading[b-zdjo0d6r4n], .bo-skeleton-footer[b-zdjo0d6r4n] { display: flex; justify-content: space-between; gap: 18px; padding: 20px; }
.bo-skeleton-heading > span[b-zdjo0d6r4n], .bo-skeleton-footer > span[b-zdjo0d6r4n], .bo-skeleton-cell[b-zdjo0d6r4n] { animation: bo-skeleton-pulse-b-zdjo0d6r4n 1.4s ease-in-out infinite; background: var(--bo-panel-2); border-radius: 5px; display: block; height: 13px; width: 75%; }
.bo-skeleton-heading > span[b-zdjo0d6r4n] { width: 150px; height: 20px; }
.bo-skeleton-footer > span[b-zdjo0d6r4n] { width: 100px; }
.bo-section-skeleton table[b-zdjo0d6r4n] { width: 100%; min-width: 420px; }
.bo-section-skeleton td[b-zdjo0d6r4n], .bo-section-skeleton th[b-zdjo0d6r4n] { padding-block: 17px; }
.bo-skeleton-slow[b-zdjo0d6r4n] { align-items: center; color: var(--bo-muted); display: flex; gap: 12px; padding: 18px; }
.bo-table-search[b-zdjo0d6r4n] { align-items: center; display: flex; gap: 8px; }
@keyframes bo-skeleton-pulse-b-zdjo0d6r4n { 50% { opacity: .4; } }
@media (prefers-reduced-motion: reduce) { .bo-skeleton-heading > span[b-zdjo0d6r4n], .bo-skeleton-footer > span[b-zdjo0d6r4n], .bo-skeleton-cell[b-zdjo0d6r4n], .bo-section-refresh > span[b-zdjo0d6r4n] { animation: none; } }

.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: var(--q-indigo-bright); }.bo-metric.lime[b-zdjo0d6r4n] { color: var(--bo-lime); }.bo-metric.amber[b-zdjo0d6r4n] { color: var(--bo-amber); }.bo-metric.blue[b-zdjo0d6r4n] { color: var(--q-info); }.bo-metric.red[b-zdjo0d6r4n] { color: var(--q-red); }.bo-metric.green[b-zdjo0d6r4n] { color: var(--q-lime); }

.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: var(--q-dark-muted); 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: var(--q-dark-ink); 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: var(--q-dark-card-2); }
.bo-row-action[b-zdjo0d6r4n] { background: transparent !important; min-height: 30px !important; padding: 0 9px; }
.bo-row-action.danger[b-zdjo0d6r4n] { color: var(--q-red); }

.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: var(--q-lime-soft); border-color: color-mix(in srgb, var(--q-lime) 20%, transparent); color: var(--q-lime); }
.bo-status.warn[b-zdjo0d6r4n] { background: var(--q-amber-soft); border-color: color-mix(in srgb, var(--q-amber) 20%, transparent); color: var(--q-amber); }
.bo-status.danger[b-zdjo0d6r4n] { background: var(--q-red-soft); border-color: color-mix(in srgb, var(--q-red) 20%, transparent); color: var(--q-red); }
.bo-status.info[b-zdjo0d6r4n] { background: var(--q-info-soft); border-color: color-mix(in srgb, var(--q-info) 20%, transparent); color: var(--q-info); }
.bo-status.purple[b-zdjo0d6r4n] { background: var(--q-indigo-soft); border-color: color-mix(in srgb, var(--q-indigo) 20%, transparent); color: var(--q-indigo-bright); }
.bo-status.muted[b-zdjo0d6r4n] { background: var(--q-dark-card-2); 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: var(--q-dark-raise); border-radius: 99px; height: 27px; width: 3px; }.bo-priority.urgent[b-zdjo0d6r4n] { background: var(--q-red); box-shadow: 0 0 10px color-mix(in srgb, var(--q-red) 40%, transparent); }.bo-priority.high[b-zdjo0d6r4n] { background: var(--bo-amber); }.bo-priority.normal[b-zdjo0d6r4n] { background: var(--q-info); }.bo-priority.low[b-zdjo0d6r4n] { background: var(--q-dark-raise); }

.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:not(:where([type="checkbox"], [type="radio"]))[b-zdjo0d6r4n], .bo-page select[b-zdjo0d6r4n], .bo-page textarea[b-zdjo0d6r4n], .bo-modal-backdrop input:not(:where([type="checkbox"], [type="radio"]))[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: color-mix(in srgb, var(--q-indigo) 66%, transparent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--q-indigo) 13%, transparent); }
.bo-page option[b-zdjo0d6r4n], .bo-modal-backdrop option[b-zdjo0d6r4n] { background: var(--q-dark-card); }
.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-account-filters[b-zdjo0d6r4n] { align-items: flex-end; flex-wrap: wrap; gap: 12px; justify-content: flex-start; }
.bo-account-filters > label:not(.bo-account-filter-check)[b-zdjo0d6r4n] { flex: 1 1 140px; min-width: 0; }
.bo-account-filters > label.bo-account-filter-check[b-zdjo0d6r4n] { align-items: center; display: flex; flex: 0 0 auto; gap: 8px; min-height: 42px; white-space: nowrap; }
.bo-account-filter-check input[type="checkbox"][b-zdjo0d6r4n] { accent-color: var(--bo-brand); flex: 0 0 18px; height: 18px; margin: 0; min-height: 18px; padding: 0; width: 18px; }
.bo-account-filters > button[b-zdjo0d6r4n] { flex: 0 0 auto; min-height: 42px; white-space: nowrap; }
@media (max-width: 620px) { .bo-account-filters > label:not(.bo-account-filter-check)[b-zdjo0d6r4n] { flex: 0 0 auto; } }

.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-error[b-zdjo0d6r4n] { gap: 10px; }
.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: var(--q-indigo-soft); border-radius: 99px; color: var(--q-indigo-bright); 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: var(--q-dark-muted); 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: var(--q-lime-soft); 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: var(--q-indigo-soft); color: var(--q-indigo-bright); }.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: var(--q-dark-card-2) !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: var(--q-lime-soft); border: 1px solid color-mix(in srgb, var(--q-lime) 18%, transparent); border-radius: 11px; display: flex; gap: 13px; margin-bottom: 15px; padding: 13px 16px; }.bo-role-note > span[b-zdjo0d6r4n] { align-items: center; background: var(--q-lime-soft); 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: var(--q-indigo); border-radius: 9px; color: var(--q-on-brand); 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: var(--q-amber-soft); 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: var(--q-indigo-soft); 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: var(--q-on-brand); 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: var(--q-indigo); }

.bo-modal-backdrop[b-zdjo0d6r4n] { align-items: center; background: var(--q-overlay); 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: var(--q-dark-card); border: 1px solid color-mix(in srgb, var(--q-indigo) 22%, transparent); border-radius: 15px; box-shadow: 0 35px 100px var(--q-shadow-color); 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[b-zdjo0d6r4n] { min-width: 0; max-height: calc(100dvh - 44px); }
.bo-modal-header[b-zdjo0d6r4n] { gap: 12px; }
.bo-modal-header > div[b-zdjo0d6r4n] { min-width: 0; overflow-wrap: anywhere; }
.bo-modal-header > button[b-zdjo0d6r4n] { flex: 0 0 30px; }
.bo-small-modal > *[b-zdjo0d6r4n], .bo-form-grid > *[b-zdjo0d6r4n] { min-width: 0; }
.bo-modal label > input[b-zdjo0d6r4n], .bo-modal label > select[b-zdjo0d6r4n], .bo-modal label > textarea[b-zdjo0d6r4n] { min-width: 0; }
.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-modal-footer[b-zdjo0d6r4n] { flex-wrap: wrap; gap: 12px; }
.bo-modal-footer > div[b-zdjo0d6r4n] { flex-wrap: wrap; min-width: 0; }
.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: var(--q-indigo-soft); border: 1px solid var(--bo-line); border-radius: 9px 0 0 9px; color: var(--q-indigo-bright); 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: var(--q-dark-card-2); 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: color-mix(in srgb, var(--q-indigo) 44%, transparent); }
.bo-invite-mode-card.selected[b-zdjo0d6r4n] { background: var(--q-indigo-soft); border-color: color-mix(in srgb, var(--q-indigo) 66%, transparent); }
.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: color-mix(in srgb, var(--q-indigo) 44%, transparent); transform: translateY(-1px); }
.bo-invite-plan-card.selected[b-zdjo0d6r4n] { border-color: var(--bo-lime); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--q-lime) 15%, transparent); }
.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: var(--q-lime-soft); border: 1px solid color-mix(in srgb, var(--q-lime) 20%, transparent); 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: var(--q-red-soft); border: 1px solid color-mix(in srgb, var(--q-red) 22%, transparent); border-radius: 8px; color: var(--q-red); font-size: 9px; padding: 10px; }
.bo-credential-warning[b-zdjo0d6r4n] { background: var(--q-amber-soft); border: 1px solid color-mix(in srgb, var(--q-amber) 20%, transparent); 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,var(--q-indigo-soft),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: var(--q-lime-soft); border-radius: 8px; color: var(--bo-lime); display: inline-flex; height: 31px; justify-content: center; width: 31px; }
.bo-account-hero > div[b-zdjo0d6r4n] { align-content: start; }
.bo-account-hero .bo-subscription-extension[b-zdjo0d6r4n] { justify-self: start; margin-top: 8px; min-height: 32px; padding: 6px 12px; }
.bo-subscription-extension-modal[b-zdjo0d6r4n] { max-width: 420px; }
.bo-subscription-extension-modal .bo-modal-footer[b-zdjo0d6r4n] { justify-content: flex-end; }
.bo-subscription-extension-preview[b-zdjo0d6r4n] { background: var(--bo-panel-2); border: 1px solid var(--bo-line); border-radius: 8px; display: grid; gap: 4px; margin: 0 22px; padding: 10px 12px; }
.bo-subscription-extension-preview span[b-zdjo0d6r4n] { color: var(--bo-muted); font-size: 11px; }
.bo-subscription-extension-preview strong[b-zdjo0d6r4n] { font-size: 16px; }
.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; flex-wrap: wrap; gap: 5px; justify-content: flex-end; max-width: 235px; }
.bo-customer-account-actions[b-zdjo0d6r4n] { display: inline-flex; flex: 0 0 auto; gap: 5px; }
.bo-customer-account-actions button[b-zdjo0d6r4n] { white-space: nowrap; }
.bo-customer-account-actions .bo-subscription-extension[b-zdjo0d6r4n] { background: var(--q-indigo-soft); border-color: color-mix(in srgb, var(--q-indigo) 28%, transparent); font-weight: 850; }
.bo-stack-list > div > span:nth-child(2)[b-zdjo0d6r4n] { min-width: 0; overflow-wrap: anywhere; }
.bo-message[b-zdjo0d6r4n] { min-width: 0; overflow-wrap: anywhere; }
.bo-message header[b-zdjo0d6r4n] { flex-wrap: wrap; }
.bo-customer-user-actions .bo-account-reactivate[b-zdjo0d6r4n] { border-color: color-mix(in srgb, var(--q-lime) 25%, transparent); color: var(--bo-lime); }
.bo-customer-user-row > span:nth-child(2)[b-zdjo0d6r4n] { overflow-wrap: anywhere; }
@media(max-width:600px){.bo-customer-user-row .bo-user-access[b-zdjo0d6r4n]{align-items:flex-start;grid-column:2/-1}.bo-customer-user-row .bo-customer-user-actions[b-zdjo0d6r4n]{justify-content:flex-start;max-width:100%}}
.bo-customer-access-flag[b-zdjo0d6r4n] { font-weight: 800; }
.bo-customer-access-flag.danger[b-zdjo0d6r4n] { color: var(--q-red); }
.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: var(--q-indigo-soft); border-color: color-mix(in srgb, var(--q-indigo) 22%, transparent); }.bo-message.internal[b-zdjo0d6r4n] { align-self: stretch; background: var(--q-amber-soft); border-color: color-mix(in srgb, var(--q-amber) 18%, transparent); 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: var(--q-indigo-bright); font-size: 10px; line-height: 1.6; margin: 8px 0 0; white-space: pre-wrap; }.bo-ticket-properties[b-zdjo0d6r4n] { background: var(--q-dark-card-2); 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: var(--q-dark-card-2); 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: var(--q-indigo-soft); border-color: color-mix(in srgb, var(--q-indigo) 42%, transparent); }
.bo-message-attachment > span[b-zdjo0d6r4n] { align-items: center; background: var(--q-indigo-soft); border-radius: 6px; color: var(--q-indigo-bright); 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: var(--q-lime-soft); color: var(--q-lime); }
.bo-message-attachment.video > span[b-zdjo0d6r4n] { background: var(--q-amber-soft); color: var(--bo-amber); }
.bo-support-attachment-composer[b-zdjo0d6r4n] { display: grid; gap: 8px; }
.bo-support-attachment-picker[b-zdjo0d6r4n] { align-items: center; background: var(--q-indigo-soft); border: 1px dashed color-mix(in srgb, var(--q-indigo) 30%, transparent); 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[b-zdjo0d6r4n]  input { grid-row: 1 / span 2; max-width: 180px; min-width: 0; min-height: 32px; padding: 4px; }
.bo-support-attachment-picker[b-zdjo0d6r4n]  input::file-selector-button { background: var(--bo-brand); border: 0; border-radius: 7px; color: var(--q-on-brand); 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-support-attachment-picker > span[b-zdjo0d6r4n], .bo-support-attachment-picker > small[b-zdjo0d6r4n] { min-width: 0; overflow-wrap: anywhere; }
.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: var(--q-dark-bg); 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: var(--q-dark-card); border: 0; height: 64vh; width: 100%; }

.bo-payment-file-picker[b-zdjo0d6r4n] { background: var(--q-indigo-soft); border: 1px dashed color-mix(in srgb, var(--q-indigo) 35%, transparent); 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: var(--q-on-brand); 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: var(--q-red) !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: var(--q-indigo-soft); border: 1px solid color-mix(in srgb, var(--q-indigo) 22%, transparent); 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: var(--q-indigo-soft); border: 1px solid var(--bo-line); border-radius: 9px; padding: 10px 12px; }
.bo-payment-verification.mismatch[b-zdjo0d6r4n] { background: var(--q-red-soft); border-color: color-mix(in srgb, var(--q-red) 20%, transparent); }
.bo-payment-verification.match[b-zdjo0d6r4n] { background: var(--q-lime-soft); border-color: color-mix(in srgb, var(--q-lime) 22%, transparent); }
.bo-payment-verification strong[b-zdjo0d6r4n] { color: var(--bo-muted); font-size: 10px; }
.bo-payment-verification.mismatch strong[b-zdjo0d6r4n] { color: var(--q-red); }
.bo-payment-verification.match strong[b-zdjo0d6r4n] { color: var(--q-lime); }
.bo-payment-attestation[b-zdjo0d6r4n] { align-items: center; background: var(--q-amber-soft); border: 1px solid color-mix(in srgb, var(--q-amber) 20%, transparent); 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}}
@media (max-width: 620px) {
    .bo-modal[b-zdjo0d6r4n] { max-height: calc(100dvh - 16px); }
    .bo-user-access[b-zdjo0d6r4n], .bo-payment-document-actions[b-zdjo0d6r4n] { align-items: flex-start; grid-column: 2; }
    .bo-support-attachment-picker[b-zdjo0d6r4n] { grid-template-columns: minmax(0, 1fr); }
    .bo-support-attachment-picker[b-zdjo0d6r4n]  input { grid-row: auto; max-width: none; }
}

.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:var(--q-dark-card);border:1px solid var(--q-dark-line);border-left:4px solid var(--q-lime);border-radius:10px;padding:14px 18px;font-size:14px;color:var(--q-dark-ink);box-shadow:0 12px 30px var(--q-shadow-color);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-dark-line); border-radius:.6rem; background:transparent; color:inherit; }
.bo-payment-steps button[aria-current="step"][b-zdjo0d6r4n] { background:var(--q-indigo); color:var(--q-on-brand); }
/* _content/Qublo.App.Shared/Pages/BackofficeLogin.razor.rz.scp.css */
.bo-login-page[b-pep6yyfmvh] {
    background:
        radial-gradient(circle at 20% 20%, var(--q-indigo-soft), transparent 33rem),
        radial-gradient(circle at 82% 88%, var(--q-lime-soft), transparent 25rem),
        var(--q-bg);
    color: var(--q-ink);
    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: var(--q-ink); 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: var(--q-muted); 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: var(--q-lime); 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: var(--q-muted); 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: var(--q-surface); border: 1px solid var(--q-line); 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: var(--q-muted); font-size: 10px; line-height: 1.5; }
.bo-login-foot[b-pep6yyfmvh] { color: var(--q-muted); font-size: 10px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }

.bo-login-panel[b-pep6yyfmvh] { align-items: center; background: var(--q-surface-2); color: var(--q-ink); 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: var(--q-indigo-bright); font-size: 10px; font-weight: 950; letter-spacing: .14em; text-transform: uppercase; }
.bo-login-card h2[b-pep6yyfmvh] { color: var(--q-ink); font-size: 38px; font-weight: 950; letter-spacing: -.045em; margin: 8px 0 7px; }
.bo-login-card header p[b-pep6yyfmvh] { color: var(--q-muted); line-height: 1.5; margin: 0; }
.bo-login-card label[b-pep6yyfmvh] { color: var(--q-ink); display: grid; font-size: 12px; font-weight: 900; gap: 7px; }
.bo-login-card input[b-pep6yyfmvh] { background: var(--q-surface); border: 1px solid var(--q-line); border-radius: 10px; color: var(--q-ink); min-height: 52px; padding: 0 14px; }
.bo-login-card input:focus[b-pep6yyfmvh] { border-color: var(--q-brand); box-shadow: 0 0 0 3px var(--q-brand-soft); }
.bo-login-submit[b-pep6yyfmvh] { background: var(--q-brand); border: 0; border-radius: 10px; box-shadow: var(--q-shadow); color: var(--q-on-brand); display: flex; font-weight: 950; justify-content: space-between; min-height: 54px; padding: 0 18px; }
.bo-login-submit:hover[b-pep6yyfmvh] { background: var(--q-brand-dark); }
.bo-login-error[b-pep6yyfmvh] { background: var(--q-red-soft); border: 1px solid var(--q-bad-soft); border-radius: 9px; color: var(--q-red); font-size: 12px; font-weight: 800; padding: 12px 14px; }
.bo-login-security[b-pep6yyfmvh] { align-items: center; border-top: 1px solid var(--q-line); color: var(--q-indigo-bright); display: flex; gap: 10px; margin-top: 5px; padding-top: 18px; }
.bo-login-security > span[b-pep6yyfmvh] { align-items: center; background: var(--q-indigo-soft); 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: var(--q-ink); font-size: 11px; }
.bo-login-security small[b-pep6yyfmvh] { color: var(--q-muted); font-size: 9px; }
.bo-login-spinner[b-pep6yyfmvh] { animation: bo-login-spin-b-pep6yyfmvh .8s linear infinite; border: 2px solid color-mix(in srgb, var(--q-on-brand) 30%, transparent); border-radius: 50%; border-top-color: var(--q-on-brand); height: 18px; width: 18px; }

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

@media (max-width: 980px) {
    .bo-login-page[b-pep6yyfmvh] { grid-template-columns: 1fr; }
    .bo-login-visual[b-pep6yyfmvh] { min-height: auto; padding: 26px 24px 44px; }
    .bo-login-copy[b-pep6yyfmvh] { padding: 64px 0 20px; }
    .bo-proof-grid[b-pep6yyfmvh] { grid-template-columns: 1fr; }
    .bo-login-foot[b-pep6yyfmvh] { display: none; }
    .bo-login-panel[b-pep6yyfmvh] { padding: 52px 24px; }
}
/* _content/Qublo.App.Shared/Pages/Catalog.razor.rz.scp.css */
.catalog-page[b-hw4y8rpfyl] {
    display: grid;
    gap: 1rem;
}

.catalog-hero[b-hw4y8rpfyl],
.hero-actions[b-hw4y8rpfyl],
.market-control[b-hw4y8rpfyl],
.market-state[b-hw4y8rpfyl],
.panel-heading[b-hw4y8rpfyl],
.button-row[b-hw4y8rpfyl],
.inline-field[b-hw4y8rpfyl],
.editor-actions[b-hw4y8rpfyl] {
    align-items: center;
    display: flex;
    gap: 0.75rem;
}

.catalog-hero[b-hw4y8rpfyl],
.market-control[b-hw4y8rpfyl],
.panel-heading[b-hw4y8rpfyl] {
    justify-content: space-between;
}

.catalog-hero h1[b-hw4y8rpfyl] {
    font-size: 2.55rem;
    font-weight: 900;
    line-height: 1.05;
    margin: 0.35rem 0 0.45rem;
    max-width: 780px;
}

.catalog-hero p[b-hw4y8rpfyl] {
    color: var(--q-muted);
    line-height: 1.55;
    margin: 0;
    max-width: 850px;
}

.hero-actions[b-hw4y8rpfyl],
.market-state[b-hw4y8rpfyl],
.button-row[b-hw4y8rpfyl],
.editor-actions[b-hw4y8rpfyl] {
    flex-wrap: wrap;
    justify-content: flex-end;
}

.market-control[b-hw4y8rpfyl],
.readiness-banner[b-hw4y8rpfyl],
.catalog-flow article[b-hw4y8rpfyl],
.panel[b-hw4y8rpfyl],
.empty-panel[b-hw4y8rpfyl] {
    background: var(--q-dark-card);
    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-indigo-bright);
    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-indigo-bright);
}

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

.draft-row.selected[b-hw4y8rpfyl] {
    background: var(--q-dark-card);
    border-color: var(--q-indigo-bright);
    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: var(--q-dark-card);
}

.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-indigo-bright);
    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: var(--q-dark-card);
    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: var(--q-dark-card);
    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-dark-ink);
    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-indigo-bright);
    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: var(--q-on-brand);
}

.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-indigo-bright);
    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-gap: .75rem;
    --dashboard-indigo: var(--q-indigo);
    --dashboard-indigo-bright: var(--q-indigo-bright);
    --dashboard-indigo-light: var(--q-indigo-bright);
    --dashboard-lime: var(--q-lime);
    --dashboard-image-size: 48px;
    color: var(--q-dark-ink);
    min-width: 0;
    width: 100%;
    container-type: inline-size;
    container-name: home;
}

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

.dashboard-grid[b-1bxeerk4j1],
.home-row[b-1bxeerk4j1],
.home-stack[b-1bxeerk4j1],
.side-metrics[b-1bxeerk4j1] {
    display: grid;
    gap: var(--dashboard-gap);
    min-width: 0;
}

/* Keep the calendar and narrow cards readable while the charts take the remaining width. */
.home-row-1[b-1bxeerk4j1] {
    grid-template-columns: minmax(13rem, 1fr) minmax(0, 2.7fr) minmax(12rem, 1.1fr) minmax(15rem, 1.2fr);
}

.home-row-2[b-1bxeerk4j1] {
    grid-template-columns: minmax(0, 3fr) minmax(12rem, 1fr) minmax(14rem, 1.15fr);
}

.home-stack[b-1bxeerk4j1],
.side-metrics[b-1bxeerk4j1] {
    grid-auto-rows: 1fr;
}

.dashboard-card[b-1bxeerk4j1] {
    background: var(--q-dark-card);
    border: 1px solid var(--q-dark-line);
    border-radius: 11px;
    min-width: 0;
    overflow: visible;
    container-type: inline-size;
    container-name: dashboard-card;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    padding: .875rem 1rem;
    position: relative;
}

.dashboard-card h2[b-1bxeerk4j1] {
    color: var(--q-dark-ink);
    font-size: 1.0625rem;
    font-weight: 800;
    letter-spacing: -0.015em;
    line-height: 1.2;
    margin: 0;
    overflow-wrap: break-word;
}

.dashboard-card p[b-1bxeerk4j1] {
    color: var(--q-dark-muted);
    font-size: 0.8125rem;
    font-weight: 560;
    line-height: 1.35;
    margin: 4px 0 0;
    overflow-wrap: break-word;
}

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

.card-heading > div:first-child[b-1bxeerk4j1],
.calendar-heading > div:first-child[b-1bxeerk4j1] {
    flex: 1 1 0;
    min-width: 0;
}

.privacy-toggle[b-1bxeerk4j1],
.refresh-button[b-1bxeerk4j1],
.calendar-actions button[b-1bxeerk4j1] {
    align-items: center;
    background: transparent;
    border: 1px solid var(--q-dark-line);
    border-radius: 7px;
    color: var(--q-dark-muted);
    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: var(--q-indigo-soft);
    border-color: color-mix(in srgb, var(--q-indigo) 50%, transparent);
    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, var(--q-indigo) 0%, var(--dashboard-indigo) 100%);
    border-color: color-mix(in srgb, var(--q-indigo) 72%, transparent);
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--q-dark-ink) 9%, transparent);
}

.revenue-card h2[b-1bxeerk4j1],
.revenue-card p[b-1bxeerk4j1],
.revenue-card .metric-value[b-1bxeerk4j1] {
    color: var(--q-on-brand);
}

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

.revenue-card .privacy-toggle[b-1bxeerk4j1] {
    border-color: color-mix(in srgb, var(--q-on-brand) 35%, transparent);
    color: var(--q-on-brand);
}

.revenue-card .trend-row > span:last-child[b-1bxeerk4j1] {
    color: var(--q-on-brand);
}

.compact-metric[b-1bxeerk4j1] {
    justify-content: center;
}

.orders-today[b-1bxeerk4j1] {
    align-items: center;
    background: var(--q-indigo-soft);
    border: 1px solid color-mix(in srgb, var(--q-indigo) 20%, transparent);
    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: var(--q-dark-muted);
    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;
}

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

.product-unit[b-1bxeerk4j1] {
    color: var(--q-dark-ink);
    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: var(--q-dark-muted);
    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: var(--q-lime-soft);
    color: var(--dashboard-lime);
}

.trend-chip.negative[b-1bxeerk4j1] {
    background: var(--q-red-soft);
    color: var(--q-red);
}

.trend-chip.flat[b-1bxeerk4j1] {
    background: var(--q-indigo-soft);
    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: color-mix(in srgb, var(--q-on-brand) 14%, transparent);
    color: var(--q-on-brand);
}

.chart-key span[b-1bxeerk4j1] {
    align-items: center;
    color: var(--q-dark-muted);
    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: var(--q-dark-muted);
    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: 0;
    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: var(--q-dark-muted);
    font-size: 11px;
}

.inventory-value-label[b-1bxeerk4j1] {
    fill: var(--q-dark-ink);
    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: var(--q-dark-line);
    stroke-width: 1;
}

.spark-line[b-1bxeerk4j1] {
    fill: none;
    stroke: var(--dashboard-indigo-bright);
    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: var(--q-dark-card);
    stroke-width: 2;
    vector-effect: non-scaling-stroke;
}

.spark-caption[b-1bxeerk4j1] {
    bottom: 0;
    color: var(--q-dark-muted);
    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: .25rem auto;
    max-width: 16rem;
    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: var(--q-dark-line);
}

.gauge-value[b-1bxeerk4j1] {
    stroke: var(--dashboard-indigo-bright);
}

.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: var(--q-dark-muted);
    display: block;
    font-size: 0.75rem;
    font-weight: 650;
}

.gauge-copy strong[b-1bxeerk4j1],
.donut strong[b-1bxeerk4j1] {
    color: var(--q-dark-ink);
    display: block;
    font-size: clamp(1.25rem, 10cqi, 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: var(--q-dark-muted);
    font-size: 0.625rem;
}

.legend-list[b-1bxeerk4j1] {
    display: grid;
    gap: .5rem;
}

.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: var(--q-dark-muted);
    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: var(--q-dark-ink);
    font-size: 0.75rem;
    font-variant-numeric: tabular-nums;
    font-weight: 800;
}

.empty-inline[b-1bxeerk4j1] {
    color: var(--q-dark-muted);
    font-size: 0.75rem;
    font-weight: 650;
    line-height: 1.4;
    padding: 8px 0;
}

.calendar-heading[b-1bxeerk4j1] {
    align-items: center;
    gap: .375rem;
    justify-content: space-between;
}

.calendar-region[b-1bxeerk4j1] {
    color: var(--q-dark-muted);
    display: block;
    font-size: 0.6875rem;
    font-weight: 700;
    margin-top: 3px;
}

.calendar-actions[b-1bxeerk4j1] {
    display: flex;
    flex: none;
    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;
    gap: .25rem;
    grid-template-columns: repeat(7, minmax(0, 1fr));
}

.calendar-weekdays span[b-1bxeerk4j1] {
    color: var(--q-dark-muted);
    font-size: 0.75rem;
    font-weight: 800;
    text-align: center;
}

.calendar-grid[b-1bxeerk4j1] {
    grid-auto-rows: 1fr;
}

.calendar-day[b-1bxeerk4j1] {
    align-items: center;
    background: var(--q-dark-card-2);
    border: 1px solid transparent;
    border-radius: 5px;
    color: var(--q-dark-muted);
    display: flex;
    font-size: 0.9375rem;
    font-variant-numeric: tabular-nums;
    font-weight: 750;
    justify-content: center;
    line-height: 1.1;
    min-height: 44px;
    min-width: 0;
    position: relative;
}

.calendar-day.has-event[b-1bxeerk4j1] {
    align-items: flex-start;
    border-color: color-mix(in srgb, var(--q-lime) 20%, transparent);
    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: var(--q-dark-ink);
    font-size: 0.5625rem;
    font-style: normal;
    line-height: 1.1;
    position: static;
}

.calendar-day.today small[b-1bxeerk4j1],
.calendar-day.today i[b-1bxeerk4j1] {
    color: var(--q-on-brand);
}

.calendar-day.today.has-event[b-1bxeerk4j1]::after {
    background: var(--q-on-brand);
}

.calendar-day.outside[b-1bxeerk4j1] {
    color: var(--q-dark-muted);
}

.calendar-day.today[b-1bxeerk4j1] {
    background: var(--dashboard-indigo);
    box-shadow: 0 7px 18px color-mix(in srgb, var(--q-indigo) 28%, transparent);
    color: var(--q-on-brand);
}

.sales-heading[b-1bxeerk4j1] {
    align-items: center;
    flex-wrap: wrap;
}

.sales-heading > div:first-child[b-1bxeerk4j1] {
    flex-basis: 12rem;
}

.sales-actions[b-1bxeerk4j1] {
    align-items: center;
    gap: 7px;
}

.sales-actions > span[b-1bxeerk4j1] {
    align-items: center;
    background: var(--q-dark-card);
    border: 1px solid var(--q-dark-line);
    border-radius: 7px;
    color: var(--q-dark-muted);
    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] {
    flex-wrap: wrap;
    gap: .75rem;
    justify-content: flex-end;
}

.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] {
    --sales-axis-space: 1.5rem;
    display: grid;
    flex: 1;
    gap: .5rem;
    grid-template-columns: max-content minmax(0, 1fr);
    min-height: 13rem;
}

.sales-y-axis[b-1bxeerk4j1] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 4px 0 var(--sales-axis-space);
    text-align: right;
}

.sales-y-axis span[b-1bxeerk4j1],
.sales-x-axis span[b-1bxeerk4j1] {
    color: var(--q-dark-muted);
    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: var(--sales-axis-space);
    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 var(--q-dark-line);
    display: block;
    width: 100%;
}

.sales-bars[b-1bxeerk4j1] {
    align-items: end;
    display: grid;
    grid-template-columns: repeat(10, minmax(0, 1fr));
    z-index: 1;
}

.sales-column[b-1bxeerk4j1] {
    height: 100%;
    position: relative;
}

.sales-tooltip[b-1bxeerk4j1] {
    background: var(--q-dark-card-2);
    border: 1px solid color-mix(in srgb, var(--q-indigo) 32%, transparent);
    border-radius: 9px;
    box-shadow: 0 15px 35px var(--q-shadow-color);
    color: var(--q-dark-ink);
    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: var(--q-dark-muted);
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

.sales-tooltip b[b-1bxeerk4j1] {
    color: var(--q-dark-ink);
    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 color-mix(in srgb, var(--q-indigo) 18%, transparent);
    display: block;
    left: 16%;
    max-width: 42px;
    min-height: 2px;
    position: absolute;
    right: 16%;
    width: 68%;
}

.profit-line[b-1bxeerk4j1] {
    height: calc(100% - var(--sales-axis-space) - 4px);
    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: var(--q-dark-card);
    stroke-width: 2;
    vector-effect: non-scaling-stroke;
}

.sales-x-axis[b-1bxeerk4j1] {
    align-items: start;
    bottom: 0;
    display: grid;
    grid-template-columns: repeat(10, minmax(0, 1fr));
    height: calc(var(--sales-axis-space) - .375rem);
    left: 0;
    position: absolute;
    right: 0;
}

.sales-x-axis span[b-1bxeerk4j1] {
    line-height: 1.2;
    overflow-wrap: anywhere;
    text-align: center;
}

.order-status-card .donut[b-1bxeerk4j1] {
    display: grid;
    margin: .25rem auto;
    position: relative;
    width: min(100%, 10rem);
}

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

.donut-value[b-1bxeerk4j1] {
    stroke: var(--dashboard-indigo-bright);
}

.donut > div[b-1bxeerk4j1] {
    grid-area: 1 / 1;
    align-self: center;
    justify-self: center;
    text-align: center;
}

.donut strong[b-1bxeerk4j1] {
    font-size: clamp(1.25rem, 10cqi, 2rem);
}

.revenue-card .metric-value[b-1bxeerk4j1],
.profit-card .metric-value[b-1bxeerk4j1] {
    font-size: clamp(1.3125rem, 10cqi, 2.25rem);
    line-height: 1.1;
}

.metric-value[b-1bxeerk4j1]  .metric-cents {
    font-size: 0.45em;
    margin-left: 1px;
    vertical-align: 0.95em;
}

.market-legend :is(span, strong)[b-1bxeerk4j1],
.status-legend :is(span, strong)[b-1bxeerk4j1] {
    font-size: 0.875rem;
}

.donut-segment[b-1bxeerk4j1] {
    fill: none;
    stroke-linecap: butt;
    stroke-width: 20;
}

.donut-segment.waiting[b-1bxeerk4j1],
.status-dot.waiting[b-1bxeerk4j1] {
    stroke: var(--dashboard-indigo-bright);
    background: var(--dashboard-indigo-bright);
}

.donut-segment.shipped[b-1bxeerk4j1],
.status-dot.shipped[b-1bxeerk4j1] {
    stroke: var(--dashboard-lime);
    background: var(--dashboard-lime);
}

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

.side-metric-card h2[b-1bxeerk4j1] {
    font-size: 1rem;
}

.side-value[b-1bxeerk4j1] {
    font-size: clamp(1.375rem, 9cqi, 1.875rem);
}

.side-caption[b-1bxeerk4j1] {
    align-items: center;
    flex-wrap: wrap;
    gap: .375rem;
    overflow-wrap: anywhere;
}

.traffic-daily-bars[b-1bxeerk4j1] {
    align-items: end;
    display: grid;
    gap: 1px;
    grid-template-columns: repeat(30, minmax(1px, 1fr));
    height: 1.875rem;
}

.traffic-daily-bars i[b-1bxeerk4j1] {
    background: linear-gradient(180deg, var(--dashboard-lime), var(--q-indigo));
    border-radius: 2px 2px 0 0;
    min-height: 2px;
    opacity: .9;
}

.traffic-daily-bars i.unavailable[b-1bxeerk4j1] {
    background: var(--q-dark-raise);
    opacity: .55;
}

.traffic-daily-bars.hidden i[b-1bxeerk4j1] {
    background: var(--q-dark-raise);
    height: 34% !important;
    opacity: .65;
}

.dashboard-loading[b-1bxeerk4j1] {
    align-items: center;
    background: var(--q-dark-card);
    border: 1px solid var(--q-dark-line);
    border-radius: 11px;
    color: var(--q-dark-ink);
    display: flex;
    flex-direction: column;
    gap: 6px;
    justify-content: center;
    min-height: 16rem;
    text-align: center;
}

.dashboard-loading strong[b-1bxeerk4j1] {
    font-size: 1.0625rem;
}

.dashboard-loading small[b-1bxeerk4j1] {
    color: var(--q-dark-muted);
}

.loading-orbit[b-1bxeerk4j1] {
    animation: dashboard-spin-b-1bxeerk4j1 0.85s linear infinite;
    border: 3px solid var(--q-dark-line);
    border-radius: 50%;
    border-top-color: var(--dashboard-indigo);
    height: 34px;
    margin-bottom: 6px;
    width: 34px;
}

.dashboard-alert[b-1bxeerk4j1] {
    align-items: center;
    background: var(--q-red-soft);
    border: 1px solid color-mix(in srgb, var(--q-red) 28%, transparent);
    border-radius: 9px;
    color: var(--q-red);
    display: flex;
    font-size: 0.75rem;
    font-weight: 700;
    gap: 12px;
    justify-content: space-between;
    margin: 0 0 var(--dashboard-gap);
    min-height: 42px;
    padding: 8px 10px 8px 14px;
}

.dashboard-alert button[b-1bxeerk4j1] {
    background: var(--q-red-soft);
    border: 1px solid color-mix(in srgb, var(--q-red) 25%, transparent);
    color: var(--q-red);
    min-height: 28px;
}

@keyframes dashboard-spin-b-1bxeerk4j1 {
    to { transform: rotate(360deg); }
}


/* Reflow based on the space inside the sidebar and content gutters. */
@container home (720px < width < 1100px) {
    .home-row-1[b-1bxeerk4j1],
    .home-row-2[b-1bxeerk4j1] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sales-card[b-1bxeerk4j1] {
        grid-column: 1 / -1;
    }
}

@container home (width <= 720px) {
    .home-row-1[b-1bxeerk4j1],
    .home-row-2[b-1bxeerk4j1] {
        grid-template-columns: minmax(0, 1fr);
    }

    .home-stack[b-1bxeerk4j1],
    .side-metrics[b-1bxeerk4j1] {
        grid-auto-rows: auto;
    }
}

@container dashboard-card (width < 29rem) {
    .sales-chart[b-1bxeerk4j1] {
        --sales-axis-space: 2.25rem;
    }

    .sales-x-axis span[b-1bxeerk4j1] {
        inline-size: min(100%, 4ch);
        justify-self: center;
    }
}


/* ===== MODIFICA 3 · Calendario con to-do ===== */
.calendar-day[data-todo-key][b-1bxeerk4j1] {
    cursor: pointer;
    transition: border-color .12s ease, background-color .12s ease;
}

.calendar-day[data-todo-key]:not(.today):hover[b-1bxeerk4j1] {
    border-color: var(--q-brand-line);
}

.calendar-day[data-todo-key]:focus-visible[b-1bxeerk4j1] {
    outline: 2px solid var(--q-indigo-bright);
    outline-offset: 1px;
}

/* Segno «nota» sui giorni con almeno un'attività. */
.calendar-day .todo-mark[b-1bxeerk4j1] {
    background: linear-gradient(225deg, color-mix(in srgb, var(--q-warn) 55%, var(--q-bg)) 0 3px, color-mix(in srgb, var(--q-warn) 62%, var(--q-on-brand)) 3px);
    border-radius: 1.5px;
    bottom: 3px;
    box-shadow: 0 1px 2px var(--q-shadow-color);
    height: 8px;
    pointer-events: none;
    position: absolute;
    right: 3px;
    width: 8px;
}

.calendar-day.has-event .todo-mark[b-1bxeerk4j1] {
    bottom: auto;
    right: 2px;
    top: 9px;
}

/* Nota promemoria al passaggio del mouse */
.todo-note[b-1bxeerk4j1] {
    background: color-mix(in srgb, var(--q-warn) 32%, var(--q-on-brand));
    border-radius: 4px 4px 14px 4px;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.42), 0 1px 2px var(--q-shadow-color);
    color: var(--q-on-warning);
    left: 0;
    max-width: 240px;
    opacity: 0;
    padding: 10px 12px 12px;
    pointer-events: none;
    position: fixed;
    top: 0;
    transform: translateY(3px);
    transition: opacity .12s ease, transform .12s ease;
    width: max-content;
    min-width: 170px;
    z-index: 900;
}

.todo-note[b-1bxeerk4j1]::after {
    background: linear-gradient(135deg, color-mix(in srgb, var(--q-warn) 78%, var(--q-on-brand)) 50%, transparent 50%);
    border-radius: 0 0 14px 0;
    bottom: 0;
    content: "";
    height: 14px;
    position: absolute;
    right: 0;
    width: 14px;
}

.todo-note.show[b-1bxeerk4j1] {
    opacity: 1;
    transform: none;
}

.todo-note strong[b-1bxeerk4j1] {
    display: block;
    font-size: 0.6875rem;
    font-weight: 850;
    letter-spacing: .01em;
    margin-bottom: 6px;
}

.todo-note ul[b-1bxeerk4j1] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.todo-note li[b-1bxeerk4j1] {
    align-items: flex-start;
    display: flex;
    font-size: 0.75rem;
    font-weight: 650;
    gap: 7px;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.todo-note li i[b-1bxeerk4j1] {
    border: 1.5px solid color-mix(in srgb, var(--q-on-warning) 55%, transparent);
    border-radius: 3px;
    flex: 0 0 auto;
    height: 11px;
    margin-top: 2px;
    position: relative;
    width: 11px;
}

.todo-note li.done i[b-1bxeerk4j1] {
    background: var(--q-on-warning);
    border-color: var(--q-on-warning);
}

.todo-note li.done i[b-1bxeerk4j1]::after {
    border-bottom: 1.5px solid var(--q-lime);
    border-right: 1.5px solid var(--q-lime);
    content: "";
    height: 6px;
    left: 2.5px;
    position: absolute;
    top: 0;
    transform: rotate(45deg);
    width: 3px;
}

.todo-note li.done span[b-1bxeerk4j1] {
    opacity: .6;
    text-decoration: line-through;
}

@media (hover: none) {
    .todo-dialog button.todo-remove[b-1bxeerk4j1] { opacity: 1; }
    .todo-note[b-1bxeerk4j1] { display: none; }
}

@media (prefers-reduced-motion: reduce) {
    .loading-orbit[b-1bxeerk4j1] {
        animation: none;
    }

    .todo-overlay[b-1bxeerk4j1], .todo-dialog[b-1bxeerk4j1], .todo-note[b-1bxeerk4j1] { transition: none; }
}

/* ===== Prodotti totali come Droopify: numero, grafico pulito senza scritte, tooltip al passaggio del mouse ===== */
.product-spark[b-1bxeerk4j1] { flex: 1 1 auto; margin: 6px 0 4px; min-height: 120px; position: relative; }
.product-spark-svg[b-1bxeerk4j1] { display: block; height: 100%; inset: 0; position: absolute; width: 100%; }
.product-spark-svg line[b-1bxeerk4j1] { stroke: var(--q-dark-line); stroke-dasharray: 5 5; stroke-width: 1; vector-effect: non-scaling-stroke; }
.product-spark-svg polyline[b-1bxeerk4j1] { fill: none; stroke: var(--dashboard-lime); stroke-linejoin: round; stroke-width: 2.5; vector-effect: non-scaling-stroke; }
.spark-col[b-1bxeerk4j1] { bottom: 0; left: var(--x); position: absolute; top: 0; transform: translateX(-50%); width: 10%; cursor: default; }
.spark-col[b-1bxeerk4j1]::before { border-left: 1px dashed var(--q-dark-muted); bottom: 0; content: ""; left: 50%; opacity: 0; position: absolute; top: 0; }
.spark-dot[b-1bxeerk4j1] { background: var(--dashboard-lime); border: 2px solid var(--q-dark-card); border-radius: 50%; height: 10px; left: 50%; position: absolute; top: var(--y); transform: translate(-50%, -50%); transition: transform .12s ease; width: 10px; }
.spark-tip[b-1bxeerk4j1] { background: var(--q-dashboard-tooltip-bg, #0b0c1f); border: 1px solid var(--q-dark-line); border-radius: 10px; box-shadow: 0 10px 24px rgba(0,0,0,.35); display: grid; gap: 4px; left: 50%; opacity: 0; padding: 10px 12px; pointer-events: none; position: absolute; top: calc(var(--y) - 14px); transform: translate(-50%, -100%); transition: opacity .12s ease; white-space: nowrap; z-index: 5; }
.spark-col.left .spark-tip[b-1bxeerk4j1] { left: auto; right: 50%; transform: translate(0, -100%); }
.spark-col.right .spark-tip[b-1bxeerk4j1] { left: 50%; transform: translate(0, -100%); }
.spark-tip strong[b-1bxeerk4j1] { color: var(--q-dark-ink); font-size: .875rem; font-weight: 700; }
.spark-tip span[b-1bxeerk4j1] { color: var(--q-dark-muted); font-size: .8125rem; }
.spark-tip b[b-1bxeerk4j1] { color: var(--q-dark-ink); }
.spark-col:hover[b-1bxeerk4j1]::before, .spark-col:hover .spark-tip[b-1bxeerk4j1] { opacity: 1; }
.spark-col:hover .spark-dot[b-1bxeerk4j1] { transform: translate(-50%, -50%) scale(1.6); }

.calendar-day[data-todo-key][b-1bxeerk4j1] { gap: 0; text-align: initial; }
.calendar-day[data-todo-key]:not(.has-event)[b-1bxeerk4j1] { padding: 0; }

.side-value[b-1bxeerk4j1], .gauge-copy strong[b-1bxeerk4j1], .donut strong[b-1bxeerk4j1] { max-width: 100%; overflow-wrap: anywhere; }
.spark-tip[b-1bxeerk4j1] { max-width: min(18rem, 75vw); white-space: normal; }
.sales-tooltip[b-1bxeerk4j1] { max-width: min(20rem, 75vw); }
.sales-tooltip span[b-1bxeerk4j1] { flex-wrap: wrap; gap: 3px 8px; }
/* _content/Qublo.App.Shared/Pages/Drafts.razor.rz.scp.css */
.q-drafts-page[b-ue6ci73o4r] {
    gap: 10px;
}

.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 var(--q-shadow-color);
    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; }

n: 0;
    max-width: 1470px;
    padding: 11px 14px;
    position: fixed;
    right: 26px;
    z-index: 120;[b-ue6ci73o4r]
}

.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: var(--q-dark-card-2);
    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 var(--q-shadow-color);
    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: var(--q-indigo-soft);
    border: 1px solid color-mix(in srgb, var(--q-indigo) 20%, transparent);
    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: var(--q-dark-card-2);
    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] {
    color: var(--q-red);
    background: var(--q-red-soft);
    border: 1px solid color-mix(in srgb, var(--q-red) 28%, transparent);
    align-items: center;
    display: flex;
    gap: 10px;
}

.q-draft-validation-banner > span[b-ue6ci73o4r] {
    min-width: 0;
    flex: 1;
    overflow-wrap: anywhere;
}

.q-draft-validation-banner.q-draft-pricing-advisory[b-ue6ci73o4r] {
    color: var(--q-amber);
    background: var(--q-amber-soft);
    border-color: var(--q-amber-line);
    flex-wrap: wrap;
}

.q-draft-validation-banner > .q-draft-settings-account[b-ue6ci73o4r] {
    flex: 0 1 auto;
    font-weight: 600;
}

.q-draft-validation-banner > a[b-ue6ci73o4r] {
    flex: none;
}

.q-draft-error-action[b-ue6ci73o4r] {
    flex: none;
    min-height: 30px;
    padding: 0 11px;
    border: 1px solid currentColor;
    border-radius: 8px;
    background: var(--q-dark-card-2);
    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: var(--q-dark-card-2);
    outline: none;
}

.q-draft-error-action:disabled[b-ue6ci73o4r] {
    cursor: not-allowed;
    opacity: .55;
}

.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);
    color: var(--q-on-brand);
}

.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: 12px;
    padding-bottom: 20px;
}

.q-import-products label[b-ue6ci73o4r] {
    display: grid;
    gap: 8px;
}

.q-import-products[b-ue6ci73o4r]  textarea {
    min-height: 160px;
    max-height: 35vh;
    resize: vertical;
    font-weight: 400;
    line-height: 1.5;
    width: 100%;
}

.q-import-products > small[b-ue6ci73o4r] {
    display: block;
    color: var(--q-dark-muted);
    font-size: 12px;
    margin-top: 8px;
}

.q-import-destination-grid[b-ue6ci73o4r] {
    align-items: end;
    grid-template-columns: repeat(2, 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: space-between;
    flex-wrap: wrap;
}

.q-import-modal-foot > .q-btn[b-ue6ci73o4r] {
    margin-left: auto;
}

.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;
    cursor: pointer;
    display: flex;
    gap: 9px;
    font-size: 13px;
    color: var(--q-dark-ink);
}

.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] {
    font-weight: 500;
}

@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-modal-foot > .q-btn[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: var(--q-overlay);
    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;
    }

}

.q-drafts-toast.q-publication-started-toast[b-ue6ci73o4r] {
    bottom: max(24px, env(safe-area-inset-bottom));
    left: max(24px, env(safe-area-inset-left));
    right: auto;
    top: auto;
    border-left: 5px solid var(--q-lime);
    color: var(--q-dark-ink);
    font-weight: 400;
}

.q-publication-started-toast > span > strong[b-ue6ci73o4r],
.q-publication-started-toast > span > span[b-ue6ci73o4r] { display: block; }
.q-publication-started-toast strong[b-ue6ci73o4r] { margin-bottom: 3px; }
/* _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/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: var(--q-dark-card);
    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-page.q-drafts-page[b-hne2aldavr] { gap: 12px; }
.q-inventory-status-overlay[hidden][b-hne2aldavr] { display: none; }
.q-inventory-status-modal[b-hne2aldavr] { max-height: 85vh; overflow-y: auto; padding: 20px; }
.q-inventory-status-modal > .q-inventory-coverage[b-hne2aldavr] { margin-top: 12px; }

.q-toolbar.q-drafts-toolbar[b-hne2aldavr] {
    flex-wrap: wrap;
    margin-bottom: 0;
}

.q-inventory-cell-skeleton[b-hne2aldavr] { display: block; min-height: 14px; margin: 9px 0; border-radius: 5px; background: color-mix(in srgb, currentColor 12%, transparent); }
.q-inventory-placeholder-row td:nth-child(2) .q-inventory-cell-skeleton[b-hne2aldavr] { min-width: 150px; }

[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 color-mix(in srgb, var(--q-dark-ink) 55%, transparent) 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: 8px;
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(0, 1fr) minmax(120px, 0.5fr) auto;
    margin-bottom: 0;
    height: 36px;
    padding: 4px 10px;
}

.q-inventory-capacity-copy[b-hne2aldavr] {
    min-width: 0;
}

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

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

.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: 4px;
    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;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

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

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

.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;
    flex-shrink: 0;
    white-space: nowrap;
    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: var(--q-info-soft);
}

.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: var(--q-indigo);
    border: 1px solid var(--q-dark-line);
    border-radius: 50%;
    color: var(--q-on-brand);
    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(--qbar-bg);
    border: 1px solid var(--qbar-border);
    border-radius: 999px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .24);
    color: var(--qbar-text);
    color-scheme: dark;
    display: flex;
    gap: 18px;
    justify-content: space-between;
    margin-bottom: 14px;
    min-height: 56px;
    padding: 12px 14px;
}

.q-inventory-bulk-bar > div:first-child[b-hne2aldavr] {
    display: grid;
    gap: 3px;
}

.q-inventory-bulk-bar strong[b-hne2aldavr],
.q-inventory-bulk-bar span[b-hne2aldavr] {
    color: var(--qbar-text);
    font-size: 15px;
    font-weight: 800;
}

.q-inventory-bulk-bar button[b-hne2aldavr] {
    background: transparent;
    border-color: transparent;
    color: var(--qbar-text);
    font-size: 15px;
    font-weight: 800;
    opacity: 1;
}

.q-inventory-bulk-bar button:hover:not(:disabled)[b-hne2aldavr] {
    background: var(--qbar-hover);
}

.q-inventory-bulk-bar button:focus-visible[b-hne2aldavr] {
    outline: 2px solid var(--qbar-text);
    outline-offset: 2px;
}

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

.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: var(--q-amber-soft);
    border-color: color-mix(in srgb, var(--q-amber) 42%, transparent);
    color: var(--q-amber);
}

.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 var(--q-shadow-color);
    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: var(--qb-warning-bg); border: 1px solid var(--qb-warning-ink); color: var(--qb-warning-ink); border-radius: 9px; padding: 11px 13px; margin-bottom: 18px; font-size: 12.5px; line-height: 1.5; }
.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, var(--q-lime-soft), 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: var(--q-amber);
}

.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: var(--q-indigo);
    border-radius: 10px;
    color: var(--q-on-brand);
    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] {
        grid-template-columns: minmax(0, 1fr) 90px auto;
        gap: 6px;
    }

    .q-inventory-capacity-warning[b-hne2aldavr] {
        max-width: 12px;
    }

    .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] {
        border-radius: 22px;
        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-dark-line); 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 var(--q-indigo); }
.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 var(--q-red); border-radius: .6rem; }
.notification-history-pagination[b-98i5b2j31q] { justify-content: center; flex-wrap: wrap; }
@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] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: 100%;
    min-height: 0;
    position: relative;
}

.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: color-mix(in srgb, var(--q-indigo) 62%, transparent);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--q-indigo) 12%, transparent);
}

.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: var(--q-on-brand);
    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-brand-dark);
    border-color: var(--q-brand-dark);
}

.orders-toolbar-button.secondary[b-qublo-orders] {
    background: var(--q-dark-raise);
    border-color: var(--q-dark-line);
    color: var(--q-dark-ink);
}

.orders-toolbar-button.secondary:hover:not(:disabled)[b-qublo-orders] {
    background: var(--q-dark-raise);
    border-color: var(--q-dark-line);
}

.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 var(--q-shadow-color);
    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: var(--q-dark-card);
    border: 1px solid var(--q-dark-line);
    border-radius: 9px;
    padding: 10px 12px;
}

.orders-warning-copy[b-qublo-orders] {
    color: var(--q-amber);
    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: var(--q-dark-line) 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: var(--q-dark-faint);
    border-radius: 999px;
}

.orders-table[b-qublo-orders] {
    border-collapse: collapse;
    min-width: 1560px;
    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: 190px;
}

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

.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 var(--q-shadow-color);
    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 var(--q-dark-line);
    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 var(--q-on-brand);
    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: var(--q-dark-card);
    border-radius: 8px;
    color: var(--q-dark-muted);
    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%;
}

button.orders-thumb[b-qublo-orders] {
    border: 2px solid transparent;
    box-sizing: border-box;
    cursor: pointer;
    font-family: inherit;
    padding: 0;
}

button.orders-thumb:not(:disabled):hover[b-qublo-orders],
button.orders-thumb:not(:disabled):focus-visible[b-qublo-orders] {
    border-color: #5151C9;
    outline: none;
    box-shadow: 0 0 0 3px rgba(81,81,201,.35);
}

button.orders-thumb:disabled[b-qublo-orders] {
    cursor: default;
}

.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: var(--q-dark-card-2);
    color: var(--q-dark-muted);
}

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

.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: var(--q-red);
    font-weight: 800;
}

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

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

.orders-product-sync[b-qublo-orders] {
    align-items: center;
    background: var(--q-dark-raise);
    border: 1px solid var(--q-dark-line);
    color: var(--q-dark-muted);
    display: inline-flex;
    gap: 6px;
    justify-content: center;
    padding: 0 8px;
}

.orders-product-sync:hover:not(:disabled)[b-qublo-orders] {
    background: var(--q-dark-raise);
    color: var(--q-dark-ink);
}

.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: var(--q-dark-raise);
    border-radius: 3px;
    color: var(--q-dark-muted);
    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: var(--q-red);
}

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

.orders-market-mark[b-qublo-orders] {
    align-items: center;
    background: var(--q-dark-card-2);
    border-radius: 999px;
    color: var(--q-dark-ink) !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: var(--q-dark-card-2);
    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 color-mix(in srgb, var(--q-indigo) 70%, transparent);
    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: var(--q-red);
}

.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 var(--q-shadow-color);
    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: var(--q-lime-soft);
    border-color: color-mix(in srgb, var(--q-lime) 36%, transparent);
    color: var(--q-lime);
}

.orders-toast.warning[b-qublo-orders] {
    background: var(--q-amber-soft);
    border-color: color-mix(in srgb, var(--q-amber) 48%, transparent);
    color: var(--q-amber);
}

.orders-toast.error[b-qublo-orders] {
    background: var(--q-red-soft);
    border-color: color-mix(in srgb, var(--q-red) 40%, transparent);
    color: var(--q-red);
}

.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: var(--q-overlay);
    display: flex;
    inset: 0;
    justify-content: flex-end;
    padding: 14px 12px;
    position: fixed;
    z-index: 70;
}

.orders-drawer[b-qublo-orders] {
    background: var(--q-dark-card);
    border: 1px solid var(--q-dark-line);
    border-radius: 14px;
    box-shadow: -24px 0 70px var(--q-shadow-color);
    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 var(--q-dark-line);
    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: var(--q-dark-ink);
    font-size: 23px;
    line-height: 1.1;
    margin: 0;
}

.orders-drawer-title-line a[b-qublo-orders] {
    color: var(--q-dark-ink);
    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: var(--q-dark-muted);
    font-size: 13px;
    margin: 7px 0 0;
}

.orders-drawer-close[b-qublo-orders] {
    background: transparent;
    border: 0;
    color: var(--q-dark-muted);
    font-size: 27px;
    height: 30px;
    line-height: 1;
    min-height: 30px;
    padding: 0;
    width: 30px;
}

.orders-drawer-close:hover[b-qublo-orders] {
    color: var(--q-dark-ink);
}

.orders-drawer-summary[b-qublo-orders] {
    border-bottom: 1px solid var(--q-dark-line);
    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: var(--q-dark-card);
    border-radius: 8px;
    color: var(--q-dark-muted);
    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: var(--q-info);
    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: var(--q-dark-muted);
    display: flex;
    font-size: 12px;
    gap: 5px;
}

.orders-ebay-mark[b-qublo-orders] {
    align-items: center;
    background: var(--q-dark-card-2);
    border-radius: 999px;
    color: var(--q-dark-ink);
    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: var(--q-dark-muted);
    font-size: 12px;
}

.orders-drawer-metrics strong[b-qublo-orders],
.orders-drawer-customer strong[b-qublo-orders] {
    color: var(--q-dark-ink);
    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-customer-label[b-qublo-orders] {
    align-items: center;
    display: flex;
    gap: 6px;
}

.orders-drawer-customer > .orders-drawer-customer-copy-all[b-qublo-orders] {
    grid-column: 1 / -1;
}

.orders-drawer-carrier-state[b-qublo-orders] {
    border-bottom: 1px solid var(--q-dark-line);
    color: var(--q-dark-muted);
    font-size: 12.5px;
    margin: 0 30px;
    padding: 6px 0 17px;
}

.orders-drawer-tabs[b-qublo-orders] {
    border-bottom: 1px solid var(--q-dark-line);
    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: var(--q-dark-ink);
    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: var(--q-info);
}

.orders-drawer-tabs button.active[b-qublo-orders] {
    border-bottom-color: var(--q-info);
}

.orders-drawer-body[b-qublo-orders] {
    min-height: 0;
    overflow: visible;
    padding: 14px 30px 18px;
    scrollbar-color: var(--q-dark-line) transparent;
    scrollbar-width: thin;
}

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

.orders-drawer-body[b-qublo-orders]::-webkit-scrollbar-thumb {
    background: var(--q-dark-faint);
    border-radius: 999px;
}

.orders-drawer-actions[b-qublo-orders] {
    align-items: center;
    border-top: 1px solid var(--q-dark-line);
    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: var(--q-dark-raise);
    content: "";
    height: calc(100% - 24px);
    left: 11px;
    position: absolute;
    top: 25px;
    width: 2px;
}

.orders-timeline-dot[b-qublo-orders] {
    background: var(--q-dark-raise);
    border: 2px solid var(--q-dark-line);
    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: var(--q-info);
    border-color: var(--q-info);
    box-shadow: 0 0 0 5px color-mix(in srgb, var(--q-info) 12%, transparent);
}

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

.orders-timeline-item strong[b-qublo-orders] {
    color: var(--q-dark-ink);
    font-size: 13px;
}

.orders-timeline-item small[b-qublo-orders],
.orders-timeline-item span[b-qublo-orders] {
    color: var(--q-dark-muted);
    font-size: 12px;
}

.orders-tracking-form[b-qublo-orders] {
    background: var(--q-dark-card);
    border: 1px solid var(--q-dark-line);
    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: var(--q-dark-ink);
    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: var(--q-dark-raise);
    border: 1px solid var(--q-dark-line);
    border-radius: 8px;
    color: var(--q-dark-ink);
    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: var(--q-dark-card);
    border: 1px solid var(--q-dark-line);
    border-radius: 10px;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    margin-top: 14px;
    min-width: 0;
    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: var(--q-dark-ink);
    font-size: 13px;
}

.orders-operation-heading small[b-qublo-orders],
.orders-operation-message[b-qublo-orders],
.orders-invoice-summary small[b-qublo-orders] {
    color: var(--q-dark-muted);
    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: var(--q-amber-soft);
    color: var(--q-amber);
}

.orders-mapping-card[b-qublo-orders] {
    border-color: color-mix(in srgb, var(--q-amber) 40%, transparent);
}

.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: var(--q-dark-card);
    border: 1px solid var(--q-dark-line);
    border-radius: 8px;
    color: var(--q-dark-ink);
    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: var(--q-dark-card-2);
    border: 1px solid var(--q-dark-line);
    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: var(--q-dark-muted);
}

.orders-mapping-list 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: 38px;
    min-width: 0;
    padding: 0 9px;
}

.orders-integration-state[b-qublo-orders] {
    background: var(--q-dark-raise);
    border: 1px solid var(--q-dark-line);
    border-radius: 8px;
    color: var(--q-dark-ink);
    display: grid;
    font-size: 11.5px;
    gap: 4px;
    padding: 9px 10px;
}

.orders-integration-state.warning[b-qublo-orders] {
    background: var(--q-amber-soft);
    border-color: color-mix(in srgb, var(--q-amber) 28%, transparent);
    color: var(--q-amber);
}

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

.orders-cancellation-form label[b-qublo-orders],
.orders-file-input[b-qublo-orders] {
    color: var(--q-dark-ink);
    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: var(--q-dark-raise);
    border: 1px solid var(--q-dark-line);
    border-radius: 8px;
    color: var(--q-dark-ink);
    font-size: 12.5px;
    min-height: 38px;
    padding: 8px 10px;
}

.orders-cancellation-form textarea[b-qublo-orders] {
    min-height: 92px;
    resize: vertical;
}

.orders-file-input[b-qublo-orders] {
    background: var(--q-dark-raise);
    border: 1px dashed var(--q-dark-line);
    border-radius: 9px;
    cursor: pointer;
    min-width: 0;
    overflow-wrap: anywhere;
    padding: 14px;
}

.orders-file-input[b-qublo-orders]  input {
    color: var(--q-dark-muted);
    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;
    min-width: 0;
    overflow-wrap: anywhere;
}

.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: var(--q-dark-muted);
    display: grid;
    gap: 8px;
    justify-items: center;
    min-height: 230px;
    text-align: center;
}

.orders-chat-empty strong[b-qublo-orders] {
    color: var(--q-dark-ink);
    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: var(--q-red);
}

.orders-chat-symbol[b-qublo-orders] {
    align-items: center;
    background: var(--q-dark-raise);
    border-radius: 999px;
    color: var(--q-dark-muted);
    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: var(--q-dark-raise);
    border: 1px solid var(--q-dark-line);
    border-radius: 11px 11px 11px 3px;
    justify-self: start;
    max-width: 82%;
    padding: 9px 11px;
}

.orders-chat-message.seller[b-qublo-orders] {
    background: var(--q-dark-raise);
    border-color: var(--q-info);
    border-radius: 11px 11px 3px 11px;
    justify-self: end;
}

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

.orders-chat-message.seller small[b-qublo-orders] {
    color: var(--q-info);
}

.orders-chat-message p[b-qublo-orders] {
    color: var(--q-dark-ink);
    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 var(--q-dark-line);
    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: var(--q-dark-ink);
    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: var(--q-dark-raise);
    border: 0;
    border-radius: 8px;
    color: var(--q-dark-ink);
    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: var(--q-indigo);
    color: var(--q-on-brand);
}

.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: var(--q-dark-card-2);
    border: 1px solid var(--q-dark-line);
    border-left: 3px solid var(--q-dark-line);
    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: var(--q-dark-muted);
}

.orders-financial-status strong[b-qublo-orders] {
    color: var(--q-dark-ink);
    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: var(--q-amber);
}

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

.orders-profit-bar[b-qublo-orders] {
    background: var(--q-dark-raise);
    border-radius: 6px;
    height: 32px;
    margin: 0 0 15px;
    overflow: hidden;
}

.orders-profit-bar span[b-qublo-orders] {
    background: linear-gradient(90deg, var(--q-info), var(--q-info));
    display: block;
    height: 100%;
    min-width: 0;
}

.orders-fee-row[b-qublo-orders] {
    align-items: baseline;
    border-bottom: 1px dotted var(--q-dark-line);
    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: var(--q-dark-ink);
}

.orders-fee-row strong[b-qublo-orders] {
    color: var(--q-dark-ink);
}

.orders-fee-row span small[b-qublo-orders] {
    color: var(--q-info);
    font-size: 10px;
    font-weight: 900;
    margin-left: 5px;
}

.orders-fee-row.sponsored[b-qublo-orders] {
    background: var(--q-indigo-soft);
}

.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 var(--q-dark-line);
    border-radius: 8px;
    margin-top: 16px;
    overflow: hidden;
}

.orders-fee-details summary[b-qublo-orders] {
    color: var(--q-dark-ink);
    cursor: pointer;
    font-size: 12px;
    font-weight: 800;
    padding: 11px 12px;
}

.orders-fee-detail[b-qublo-orders] {
    align-items: center;
    border-top: 1px solid var(--q-dark-line);
    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: var(--q-dark-muted);
    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: var(--q-dark-ink);
    font-size: 12.5px;
}

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

.orders-readonly-note[b-qublo-orders],
.orders-notes-panel textarea[b-qublo-orders] {
    background: var(--q-dark-card);
    border: 1px solid var(--q-dark-line);
    border-radius: 8px;
    color: var(--q-dark-muted);
    line-height: 1.45;
    min-height: 86px;
    padding: 10px;
    white-space: pre-wrap;
}

.orders-notes-panel textarea[b-qublo-orders] {
    color: var(--q-dark-ink);
    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: var(--q-info);
    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: var(--q-indigo-bright);
    background: var(--q-indigo-soft);
    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: var(--q-dark-line) 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;
    min-width: 168px;
}

.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: color-mix(in srgb, var(--q-indigo) 28%, transparent);
    color: var(--q-dark-ink);
}

.orders-problem-type[b-qublo-orders]::before { content: "!"; background: var(--q-indigo-soft); }
.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: var(--q-red-soft); }
.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: var(--q-lime-soft); }

.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: var(--q-lime-soft);
    border: 0;
    border-radius: 8px;
    color: var(--q-lime);
    cursor: pointer;
    display: inline-flex;
    height: 31px;
    justify-content: center;
    width: 31px;
}

.orders-problem-order-button:hover:not(:disabled)[b-qublo-orders] {
    background: var(--q-lime-soft);
}

.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); 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); }
.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); 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);
    border-radius: 6px;
    color: var(--q-on-brand);
    display: inline-flex;
    flex: none;
    font-size: 10px;
    font-weight: 900;
    padding: 4px 7px;
}

.orders-page.messages-mode[b-qublo-orders] {
    gap: 0;
    min-height: 0;
    min-width: 0;
    padding-top: 0;
    container-type: inline-size;
    container-name: messages-workspace;
}

.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(210px, 22%) minmax(0, 1fr) minmax(230px, 24%);
    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: var(--q-indigo-soft); }
.orders-conversation-list > button.active[b-qublo-orders] { background: var(--q-indigo); border-radius: 11px; color: var(--q-on-brand); margin: 0 8px; padding-left: 8px; padding-right: 8px; }

.orders-conversation-avatar[b-qublo-orders] {
    align-items: center;
    background: var(--q-indigo-soft);
    border-radius: 50%;
    color: var(--q-indigo-bright);
    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: var(--q-on-brand); }
.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: var(--q-dark-card);
    border-radius: 50%;
    color: var(--q-indigo-bright);
    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: var(--q-info); 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: var(--q-red-soft); border-radius: 50%; color: var(--q-red); 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: var(--q-dark-raise); 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);
    border: 0;
    border-radius: 8px;
    color: var(--q-on-brand);
    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; }

/* Measure the workspace after navigation and shell gutters, including at
   fractional widths produced by native browser zoom. */
@container messages-workspace (width < 1050px) {
    .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; }
}

@container messages-workspace (width < 620px) {
    .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; }

.messages-mode .orders-toast[b-qublo-orders] { position: absolute; top: 0; max-width: calc(100% - 16px); }
.messages-mode .orders-conversation-list > button[b-qublo-orders] { flex-shrink: 0; }
.messages-mode .orders-conversation-pane > header > div[b-qublo-orders] { min-width: 0; }
.messages-mode .orders-conversation-pane > header strong[b-qublo-orders],
.messages-mode .orders-conversation-pane > header small[b-qublo-orders] { overflow-wrap: anywhere; }
.messages-mode .orders-conversation-pane > header[b-qublo-orders],
.messages-mode .orders-conversation-pane > .orders-chat-compose[b-qublo-orders] { flex-shrink: 0; }
.messages-mode .orders-conversation-pane > .orders-chat-compose[b-qublo-orders] { min-width: 0; }
.messages-mode .orders-conversation-pane > .orders-chat-compose textarea[b-qublo-orders] { min-width: 0; }

@media (height < 650px) {
    .messages-mode .orders-conversation-pane > header[b-qublo-orders],
    .messages-mode .orders-conversation-list > header[b-qublo-orders] { min-height: 44px; padding-block: 6px; }
    .messages-mode .orders-conversation-body[b-qublo-orders] { padding: 10px; }
    .messages-mode .orders-conversation-pane > .orders-chat-compose[b-qublo-orders] { margin-bottom: 6px; }
}
/* _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-settings-ebay-page[b-jlxc73pxp6] {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-height: 0;
}

.q-settings-ebay-page > :not(.q-ebay-accounts-card)[b-jlxc73pxp6] {
    flex: none;
}

.q-settings-ebay-page > .q-toolbar[b-jlxc73pxp6] {
    flex-wrap: wrap;
}

.q-settings-ebay-page .q-search[b-jlxc73pxp6] {
    min-width: 0;
}

.q-settings-ebay-page .q-search input[b-jlxc73pxp6] {
    min-width: 0;
    width: 100%;
}

.q-ebay-accounts-card[b-jlxc73pxp6] {
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;
}

.q-ebay-accounts-card > .q-table-foot[b-jlxc73pxp6] {
    background: var(--q-dark-card);
    flex: none;
    justify-content: flex-start;
    margin-top: auto;
}

.q-ebay-account-table-scroll[b-jlxc73pxp6] {
    flex: none;
    isolation: isolate;
}

.q-ebay-account-table[b-jlxc73pxp6] {
    --q-ebay-account-actions-width: 110px;
    --q-ebay-account-row-opacity: 16%;
    table-layout: fixed;
}

html[data-theme="light"] .q-ebay-account-table[b-jlxc73pxp6] {
    --q-ebay-account-row-opacity: 10%;
}

.q-ebay-account-table-text-actions[b-jlxc73pxp6] {
    --q-ebay-account-actions-width: 170px;
}

/* Simple percentages work with fixed tables. Account uses the remaining width
   after these columns and the action column, rather than adding it to 100%. */
.q-ebay-account-added-column[b-jlxc73pxp6] { width: 9%; }
.q-ebay-account-region-column[b-jlxc73pxp6] { width: 6%; }
.q-ebay-account-type-column[b-jlxc73pxp6] { width: 9%; }
.q-ebay-account-status-column[b-jlxc73pxp6] { width: 10%; }
.q-ebay-account-quantity-column[b-jlxc73pxp6] { width: 14%; }
.q-ebay-account-availability-column[b-jlxc73pxp6] { width: 17%; }
.q-ebay-account-value-column[b-jlxc73pxp6] { width: 10%; }
.q-ebay-account-actions-column[b-jlxc73pxp6] { width: var(--q-ebay-account-actions-width); }

.q-ebay-account-table-text-actions .q-ebay-account-quantity-column[b-jlxc73pxp6] { width: 12%; }
.q-ebay-account-table-text-actions .q-ebay-account-availability-column[b-jlxc73pxp6] { width: 15%; }
.q-ebay-account-table-text-actions .q-ebay-account-value-column[b-jlxc73pxp6] { width: 9%; }

.q-ebay-account-table th[b-jlxc73pxp6],
.q-ebay-account-table td[b-jlxc73pxp6] {
    overflow-wrap: anywhere;
    padding-inline: 8px;
    white-space: normal;
}

.q-ebay-account-table .q-product[b-jlxc73pxp6] {
    gap: 8px;
    min-width: 0;
}

.q-ebay-account-table .q-product > span:last-child[b-jlxc73pxp6] {
    min-width: 0;
}

.q-ebay-account-table .q-product-title[b-jlxc73pxp6],
.q-ebay-account-table .q-sub[b-jlxc73pxp6],
.q-ebay-account-table .q-pill[b-jlxc73pxp6] {
    overflow-wrap: anywhere;
    white-space: normal;
}

.q-ebay-account-actions-cell[b-jlxc73pxp6] {
    background-color: var(--q-dark-card);
}

.q-ebay-account-table .q-clickable-row[b-jlxc73pxp6],
.q-ebay-account-table .q-clickable-row .q-ebay-account-actions-cell[b-jlxc73pxp6] {
    transition: background-color 120ms ease;
}

.q-ebay-account-table .q-clickable-row[b-jlxc73pxp6] {
    background-color: transparent;
    box-shadow: none;
}

.q-ebay-account-table .q-clickable-row:hover[b-jlxc73pxp6],
.q-ebay-account-table .q-clickable-row:focus-visible:not([data-ebay-focus-restored])[b-jlxc73pxp6] {
    background-color: color-mix(in srgb, var(--q-brand) var(--q-ebay-account-row-opacity), transparent);
}

.q-ebay-account-table .q-clickable-row:focus-visible[b-jlxc73pxp6] {
    outline: 2px solid var(--q-brand-text);
    outline-offset: -2px;
}

.q-ebay-account-table .q-clickable-row:hover .q-ebay-account-actions-cell[b-jlxc73pxp6],
.q-ebay-account-table .q-clickable-row:focus-visible:not([data-ebay-focus-restored]) .q-ebay-account-actions-cell[b-jlxc73pxp6] {
    /* Composite the same transparent row tint on the card so sticky actions
       stay opaque without painting the tint twice. */
    background-color: color-mix(in srgb, var(--q-brand) var(--q-ebay-account-row-opacity), var(--q-dark-card));
}

.q-ebay-account-actions[b-jlxc73pxp6] {
    align-items: stretch;
    flex-direction: column;
    gap: 8px;
}

.q-ebay-account-actions-cell .q-btn[b-jlxc73pxp6] {
    max-width: 100%;
    overflow-wrap: anywhere;
    text-align: center;
    white-space: normal;
}

.q-ebay-account-icon-actions[b-jlxc73pxp6] {
    align-items: center;
    flex-direction: row;
}

.q-ebay-account-icon-actions .q-btn[b-jlxc73pxp6] {
    flex: none;
    padding-inline: 8px;
    width: 36px;
}

@media (max-width: 1279px) {
    .q-ebay-account-table[b-jlxc73pxp6] {
        min-width: 960px;
    }

    .q-ebay-account-actions-cell[b-jlxc73pxp6] {
        box-shadow: -1px 0 0 var(--q-dark-line-2);
        position: sticky;
        right: 0;
        z-index: 1;
    }

    th.q-ebay-account-actions-cell[b-jlxc73pxp6] {
        z-index: 2;
    }

    .q-ebay-account-table .q-clickable-row:focus-visible .q-ebay-account-actions-cell[b-jlxc73pxp6] {
        /* The opaque sticky cell would cover this part of the row outline. */
        box-shadow: -1px 0 0 var(--q-dark-line-2),
            inset 0 2px 0 var(--q-brand-text),
            inset 0 -2px 0 var(--q-brand-text),
            inset -2px 0 0 var(--q-brand-text);
    }
}

.q-btn-compact[b-jlxc73pxp6] {
    min-height: 34px;
    padding: 8px 12px;
    white-space: nowrap;
}

@media (forced-colors: active) and (max-width: 1279px) {
    .q-ebay-account-table .q-clickable-row:focus-visible .q-ebay-account-actions-cell[b-jlxc73pxp6]::after {
        /* Forced colors disable shadows; preserve the visible keyboard edges. */
        border: 2px solid Highlight;
        border-left: 0;
        content: "";
        inset: 0;
        pointer-events: none;
        position: absolute;
    }
}

.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 var(--q-shadow-color);
    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-attempt-remove-modal .q-modal-head > div[b-jlxc73pxp6] {
    min-width: 0;
}

.q-ebay-attempt-remove-modal .q-modal-title[b-jlxc73pxp6] {
    white-space: normal;
    overflow-wrap: anywhere;
}

.q-ebay-connect-overlay[b-jlxc73pxp6] {
    align-items: center;
    backdrop-filter: blur(7px);
    background:
        radial-gradient(circle at 50% 38%, var(--q-indigo-soft), transparent 38%),
        var(--q-overlay);
    padding: 12px 16px;
}

.q-ebay-connect-modal[b-jlxc73pxp6] {
    background:
        linear-gradient(155deg, var(--q-indigo-soft), transparent 34%),
        var(--q-dark-card);
    border-color: color-mix(in srgb, var(--q-indigo) 24%, transparent);
    border-radius: 12px;
    box-shadow:
        0 28px 72px var(--q-shadow-color),
        0 0 0 1px color-mix(in srgb, var(--q-indigo) 5%, transparent);
    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, var(--q-indigo-soft), transparent);
    border-bottom-color: color-mix(in srgb, var(--q-indigo) 11%, transparent);
    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 color-mix(in srgb, var(--q-lime) 50%, transparent);
    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: var(--q-indigo-soft);
    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: var(--q-indigo-soft);
    border-color: color-mix(in srgb, var(--q-indigo) 24%, transparent);
    color: var(--q-dark-ink);
    outline: none;
}

.q-ebay-connect-body[b-jlxc73pxp6] {
    background: linear-gradient(180deg, var(--q-dark-card-2), 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), var(--q-indigo-soft));
    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: color-mix(in srgb, var(--q-indigo) 38%, transparent);
    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, var(--q-indigo-soft));
    border-top-color: color-mix(in srgb, var(--q-indigo) 11%, transparent);
    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: color-mix(in srgb, var(--q-indigo) 28%, transparent);
    color: var(--q-dark-ink);
    outline: none;
    transform: translateY(-1px);
}

.q-ebay-connect-modal .q-modal-foot .q-btn-primary[b-jlxc73pxp6] {
    background: var(--q-indigo);
    border-color: color-mix(in srgb, var(--q-indigo) 66%, transparent);
    box-shadow: 0 8px 20px color-mix(in srgb, var(--q-dark-ink) 32%, transparent);
}

.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: var(--q-brand-dark);
    box-shadow: 0 10px 24px color-mix(in srgb, var(--q-dark-ink) 42%, transparent);
    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: 0;
}

.q-ebay-availability strong[b-jlxc73pxp6] {
    color: var(--q-lime);
    overflow-wrap: anywhere;
    white-space: normal;
}

.q-ebay-availability small[b-jlxc73pxp6] {
    color: var(--q-dark-muted);
    font-size: 11px;
    overflow-wrap: anywhere;
    white-space: normal;
}

.q-ebay-availability small.q-ebay-metrics-warning[b-jlxc73pxp6] {
    color: var(--q-amber);
    white-space: normal;
}

.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: color-mix(in srgb, var(--q-indigo) 20%, transparent);
    border-radius: 10px;
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--q-dark-ink) 2.5%, transparent);
    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: color-mix(in srgb, var(--q-indigo) 40%, transparent);
}

.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 color-mix(in srgb, var(--q-indigo) 14%, transparent);
}

.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: 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-modal[b-jlxc73pxp6] { width:min(480px, calc(100vw - 32px)); max-width:calc(100vw - 32px); padding:0; gap:0; box-sizing:border-box; overflow-x:hidden; }
.q-account-delete-modal h2[b-jlxc73pxp6], .q-account-delete-modal p[b-jlxc73pxp6] { margin:0; }
.q-account-delete-modal .q-modal-head[b-jlxc73pxp6] { min-width:0; }
.q-account-delete-modal .q-modal-title[b-jlxc73pxp6] { min-width:0; white-space:normal; overflow:visible; text-overflow:clip; overflow-wrap:anywhere; }
.q-account-delete-modal .q-modal-close[b-jlxc73pxp6] { flex-shrink:0; }
.q-account-delete-modal .q-modal-body[b-jlxc73pxp6] { display:grid; gap:14px; padding:20px 24px; min-width:0; }
.q-account-delete-modal .q-modal-body > *[b-jlxc73pxp6] { min-width:0; overflow-wrap:anywhere; }
.q-account-delete-modal .q-modal-foot[b-jlxc73pxp6] { justify-content:flex-end; gap:12px; }
.q-account-delete-consent[b-jlxc73pxp6] { display:flex; align-items:flex-start; gap:10px; min-height:0; margin:0; font-size:14px; line-height:1.5; font-weight:600; color:var(--q-dark-ink); cursor:pointer; }
.q-account-delete-consent input[type=checkbox][b-jlxc73pxp6] { flex:0 0 18px; width:18px; height:18px; min-width:18px; min-height:0; margin:3px 0 0; padding:0; border:0; background:none; accent-color:var(--q-brand); }
.q-account-delete-consent > span[b-jlxc73pxp6] { flex:1 1 auto; min-width:0; overflow-wrap:anywhere; }
@media (max-width:480px) {
    .q-account-delete-modal .q-modal-head[b-jlxc73pxp6], .q-account-delete-modal .q-modal-body[b-jlxc73pxp6], .q-account-delete-modal .q-modal-foot[b-jlxc73pxp6] { padding-left:18px; padding-right:18px; }
    .q-account-delete-modal .q-modal-foot[b-jlxc73pxp6] { flex-direction:column; align-items:stretch; }
    .q-account-delete-modal .q-modal-foot .q-btn[b-jlxc73pxp6] { width:100%; }
}
.q-ebay-delete-wait[b-jlxc73pxp6] { background: var(--q-surface); color: var(--q-ink); border: 1px solid var(--q-line); border-radius: 10px; padding: .8rem; }
/* _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%, var(--q-lime-soft), transparent 17rem),
        linear-gradient(120deg, var(--q-indigo-soft), var(--q-dark-card-2));
    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: var(--q-indigo-soft);
    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: var(--q-on-brand);
}

.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: var(--q-indigo-soft);
    border-color: color-mix(in srgb, var(--q-indigo) 26%, transparent);
}

.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: var(--q-indigo-bright);
    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: var(--q-indigo-soft); color: var(--q-indigo-bright); }
.support-status.progress[b-pjmdulddsc] { background: var(--q-info-soft); color: var(--q-info); }
.support-status.waiting[b-pjmdulddsc] { background: var(--q-amber-soft); color: var(--q-amber); }
.support-status.resolved[b-pjmdulddsc] { background: var(--q-lime-soft); color: var(--q-lime); }
.support-status.closed[b-pjmdulddsc] { background: var(--q-dark-card-2); color: var(--q-dark-muted); }
.support-priority.low[b-pjmdulddsc],
.support-priority.normal[b-pjmdulddsc] { background: var(--q-dark-card-2); color: var(--q-dark-muted); }
.support-priority.high[b-pjmdulddsc] { background: var(--q-amber-soft); color: var(--q-amber); }
.support-priority.urgent[b-pjmdulddsc] { background: var(--q-red-soft); color: var(--q-red); }

.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: var(--q-indigo-bright);
    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: var(--q-indigo-soft);
    border: 1px solid color-mix(in srgb, var(--q-indigo) 22%, transparent);
    border-radius: 9px;
    color: var(--q-indigo-bright);
    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: var(--q-lime-soft);
    border-color: color-mix(in srgb, var(--q-lime) 14%, transparent);
    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: var(--q-indigo-soft);
    border-radius: 999px;
    color: var(--q-indigo-bright);
    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: var(--q-indigo-soft);
    border-color: color-mix(in srgb, var(--q-indigo) 22%, transparent);
    border-radius: 12px 4px 12px 12px;
    color: var(--q-dark-ink);
}

.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: var(--q-indigo-soft);
    border: 1px solid color-mix(in srgb, var(--q-indigo) 20%, transparent);
    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: var(--q-indigo);
    outline: none;
}

.support-message-attachment > span[b-pjmdulddsc] {
    align-items: center;
    background: var(--q-indigo-soft);
    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: var(--q-dark-card-2);
    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 color-mix(in srgb, var(--q-indigo) 32%, transparent);
    border-radius: 10px;
    color: var(--q-indigo-bright);
    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: var(--q-indigo); }
.support-attachment-picker[b-pjmdulddsc]  input { height: 1px; min-height: 0; opacity: 0; overflow: hidden; padding: 0; 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: var(--q-indigo-soft);
    border: 1px solid color-mix(in srgb, var(--q-indigo) 18%, transparent);
    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: var(--q-red); cursor: pointer; font-size: 14px; line-height: 1; }
.support-file-error[b-pjmdulddsc] { color: var(--q-red); font-size: var(--support-font-label); font-weight: 750; }

.support-reply label[b-pjmdulddsc],
.support-modal label > span[b-pjmdulddsc] {
    color: var(--q-indigo-bright);
    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: var(--q-indigo);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--q-indigo) 12%, transparent);
}

.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-modal.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: var(--q-dark-bg);
    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: var(--q-lime-soft);
    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: var(--q-lime-soft);
    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: var(--q-indigo-soft);
    border-radius: 14px;
    color: var(--q-indigo-bright);
    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 color-mix(in srgb, var(--q-indigo) 20%, transparent);
    border-radius: 50%;
    border-top-color: var(--q-indigo);
    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: var(--q-red-soft);
    border: 1px solid color-mix(in srgb, var(--q-red) 22%, transparent);
    color: var(--q-red);
}

.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: var(--q-overlay);
    display: flex;
    inset: 0;
    justify-content: center;
    padding: 24px;
    position: fixed;
    z-index: 100;
}

.support-modal[b-pjmdulddsc] {
    background: var(--q-dark-card);
    border: 1px solid var(--q-dark-line);
    border-radius: 18px;
    box-shadow: 0 28px 80px var(--q-shadow-color);
    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;
    overflow-wrap: anywhere;
}

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

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

/* Bounded customer workspace. The composer and both headers stay in flow;
   the two flexing bodies own their independent scroll positions. */
.support-page[b-pjmdulddsc] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: 100%;
    min-height: 0;
    min-width: 0;
    --support-font-body: .933333rem;
}
.support-page > :not(.support-workspace)[b-pjmdulddsc] { flex: none; }
.support-hero[b-pjmdulddsc] {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    border-radius: 12px;
    gap: 10px 18px;
    padding: 10px 16px;
}
.support-hero > div[b-pjmdulddsc] { flex: 1 1 18rem; min-width: 0; }
.support-eyebrow[b-pjmdulddsc] { font-size: .666667rem; letter-spacing: .08em; }
.support-hero h2[b-pjmdulddsc] { font-size: 1.266667rem; line-height: 1.2; margin: 2px 0; }
.support-hero p[b-pjmdulddsc] { font-size: .8rem; line-height: 1.35; }
.support-summary[b-pjmdulddsc] { display: flex; flex: 0 1 auto; flex-wrap: wrap; gap: 8px 18px; }
.support-summary article[b-pjmdulddsc] {
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
    background: transparent;
    border: 0;
    border-radius: 0;
    gap: 0;
    min-height: 0;
    padding: 0;
}
.support-summary strong[b-pjmdulddsc] { font-size: 1.266667rem; line-height: 1.25; }
.support-summary span[b-pjmdulddsc] { font-size: .733333rem; line-height: 1.3; }
.support-new-button[b-pjmdulddsc] { width: auto; min-height: 34px; padding: 7px 12px; }
.support-workspace[b-pjmdulddsc] {
    flex: 1 1 0;
    grid-template-columns: clamp(250px, 26%, 350px) minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
    gap: 10px;
    min-height: 0;
    min-width: 0;
}
.support-ticket-list[b-pjmdulddsc],
.support-conversation[b-pjmdulddsc] { min-height: 0; max-height: none; border-radius: 12px; }
.support-ticket-list[b-pjmdulddsc] { padding: 12px 10px 0; }
.support-list-head[b-pjmdulddsc] { flex: none; margin-bottom: 8px; }
.support-list-head h3[b-pjmdulddsc] { font-size: 1rem; }
.support-search[b-pjmdulddsc] { flex: none; margin-bottom: 8px; }
.support-search input[b-pjmdulddsc] { min-height: 34px; padding-block: 7px; }
.support-filter[b-pjmdulddsc] { flex: none; margin-bottom: 8px; }
.support-filter button[b-pjmdulddsc] { padding-block: 5px; }
.support-ticket-scroll[b-pjmdulddsc] { gap: 5px; padding-bottom: 10px; overscroll-behavior: contain; }
.support-ticket-item[b-pjmdulddsc] { flex: none; gap: 3px; padding: 9px 10px; }
.support-ticket-item > strong[b-pjmdulddsc] { font-size: .866667rem; line-height: 1.35; }
.support-ticket-meta[b-pjmdulddsc], .support-ticket-preview[b-pjmdulddsc], .support-ticket-row > small[b-pjmdulddsc] { font-size: .733333rem; }
.support-conversation[b-pjmdulddsc] { position: relative; }
.support-conversation-head[b-pjmdulddsc] {
    flex: none;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 12px;
    padding: 10px 14px;
}
.support-conversation-title[b-pjmdulddsc] { flex: 1; min-width: 0; }
.support-conversation-title > span[b-pjmdulddsc] { font-size: .733333rem; }
.support-conversation-title h3[b-pjmdulddsc] { font-size: 1.066667rem; line-height: 1.3; margin: 2px 0; overflow-wrap: anywhere; }
.support-conversation-title p[b-pjmdulddsc] { font-size: .733333rem; margin: 0; }
.support-conversation-tags[b-pjmdulddsc] { flex-wrap: wrap; gap: 5px; }
.support-back[b-pjmdulddsc] { display: none; }
.support-messages[b-pjmdulddsc] {
    flex: 1 1 0;
    gap: 12px;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 14px;
    scrollbar-gutter: stable;
}
.support-message[b-pjmdulddsc] { flex: none; gap: 8px; max-width: 90%; }
.support-message-avatar[b-pjmdulddsc] { flex: none; height: 28px; width: 28px; font-size: .733333rem; }
.support-message > div[b-pjmdulddsc] { min-width: 0; }
.support-message header[b-pjmdulddsc] { flex-wrap: wrap; gap: 3px 8px; }
.support-message p[b-pjmdulddsc] { font-size: var(--support-font-body); line-height: 1.45; margin-top: 5px; padding: 8px 10px; overflow-wrap: anywhere; }
.support-message-attachments[b-pjmdulddsc] { gap: 5px; margin-top: 7px; }
.support-message-attachment[b-pjmdulddsc] { padding: 7px 9px; }
.support-conversation > .support-alert[b-pjmdulddsc] { flex: 0 0 auto; margin: 0; padding: 7px 12px; max-height: 24%; overflow: auto; }
.support-reply[b-pjmdulddsc] {
    flex: none;
    gap: 5px;
    padding: 10px 14px;
    min-height: 0;
}
.support-reply textarea[b-pjmdulddsc] {
    min-height: 38px;
    max-height: 40dvh;
    resize: none;
    line-height: 1.4;
    padding: 7px 10px;
}
.support-attachment-composer[b-pjmdulddsc] { gap: 4px; min-width: 0; }
.support-attachment-picker[b-pjmdulddsc] { max-width: 100%; padding: 4px 8px; gap: 6px !important; }
.support-attachment-picker > strong[b-pjmdulddsc] { font-size: .8rem; overflow-wrap: anywhere; }
.support-attachment-composer > small[b-pjmdulddsc] { font-size: .733333rem; line-height: 1.3; }
.support-selected-attachments[b-pjmdulddsc] { max-height: 74px; overflow-y: auto; }
.support-selected-attachments > span[b-pjmdulddsc] { padding-block: 3px; }
.support-selected-attachments strong[b-pjmdulddsc] { font-size: .8rem; }
.support-reply footer[b-pjmdulddsc] { flex-direction: row; align-items: center; gap: 6px; }
.support-reply footer > span[b-pjmdulddsc] { font-size: .733333rem; }
.support-reply footer .q-btn[b-pjmdulddsc] { min-height: 32px; padding-block: 6px; width: auto; }
.support-closed-note[b-pjmdulddsc] { flex: none; gap: 8px; padding: 10px 14px; }
.support-closed-note p[b-pjmdulddsc] { font-size: .8rem; line-height: 1.35; }
.support-drop-zone[b-pjmdulddsc] {
    position: absolute;
    inset: 0;
    z-index: 5;
    display: none;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
    padding: 24px;
    border: 2px dashed var(--q-indigo-bright);
    border-radius: inherit;
    background: color-mix(in srgb, var(--q-dark-card) 94%, transparent);
    color: var(--q-dark-ink);
    pointer-events: none;
    text-align: center;
}
.support-drop-zone strong[b-pjmdulddsc] { font-size: 1.2rem; }
.support-drop-zone span[b-pjmdulddsc] { font-size: .866667rem; }
.support-dragging > .support-drop-zone[b-pjmdulddsc] { display: flex; }
.support-modal[b-pjmdulddsc] { position: relative; max-height: calc(var(--q-support-viewport-height, 100dvh) - 32px); }
.support-modal .support-drop-zone[b-pjmdulddsc] { position: fixed; inset: auto; }
.support-modal.support-dragging[b-pjmdulddsc] { outline: 2px dashed var(--q-indigo-bright); }

@media (width < 1100px) {
    .support-hero[b-pjmdulddsc] { gap: 6px 12px; padding: 8px 12px; }
    .support-hero > div[b-pjmdulddsc] { flex-basis: 100%; }
    .support-summary[b-pjmdulddsc] { flex: 1; }
    .support-summary article[b-pjmdulddsc] { flex-direction: row; align-items: center; gap: 5px; }
    .support-summary strong[b-pjmdulddsc] { font-size: 1rem; }
    .support-workspace[b-pjmdulddsc] { grid-template-columns: minmax(220px, 29%) minmax(0, 1fr); }
}
@media (width < 720px), (height < 500px) and (width < 950px) {
    .support-workspace[b-pjmdulddsc] { grid-template-columns: minmax(0, 1fr); }
    .support-conversation[b-pjmdulddsc] { display: none; }
    .support-show-conversation .support-ticket-list[b-pjmdulddsc] { display: none; }
    .support-show-conversation .support-conversation[b-pjmdulddsc] { display: flex; }
    .support-back[b-pjmdulddsc] { display: inline-flex; align-self: center; min-height: 28px; padding: 4px 8px; font-size: .8rem; }
    .support-hero[b-pjmdulddsc] { padding: 6px 9px; }
    .support-hero > div[b-pjmdulddsc] { flex: 1 1 10rem; }
    .support-hero p[b-pjmdulddsc] { font-size: .733333rem; }
    .support-summary[b-pjmdulddsc] { gap: 4px 10px; }
    .support-summary span[b-pjmdulddsc] { font-size: .666667rem; }
    .support-conversation-head[b-pjmdulddsc] { padding: 7px 9px; }
    .support-conversation-title[b-pjmdulddsc] { flex-basis: calc(100% - 110px); }
    .support-conversation-title h3[b-pjmdulddsc] { font-size: .933333rem; }
    .support-conversation-title p[b-pjmdulddsc] { line-height: 1.2; }
    .support-conversation-tags[b-pjmdulddsc] { margin-left: auto; }
    .support-messages[b-pjmdulddsc] { padding: 9px; }
    .support-message[b-pjmdulddsc] { max-width: 100%; }
    .support-reply[b-pjmdulddsc] { gap: 4px; padding: 7px 9px; }
    .support-attachment-picker[b-pjmdulddsc] { width: auto; }
    .support-reply footer .q-btn[b-pjmdulddsc] { min-height: 30px; }
    .support-selected-attachments[b-pjmdulddsc] { flex-direction: row; }
    .support-selected-attachments > span[b-pjmdulddsc] { width: auto; }
}
@media (height < 650px) {
    .support-page[b-pjmdulddsc] { gap: 6px; }
    .support-hero[b-pjmdulddsc] { padding-block: 5px; }
    .support-hero h2[b-pjmdulddsc] { font-size: 1.066667rem; }
    .support-summary article[b-pjmdulddsc] { flex-direction: row; align-items: center; gap: 5px; }
    .support-conversation-head[b-pjmdulddsc] { padding-block: 5px; }
    .support-conversation-title p[b-pjmdulddsc] { line-height: 1.1; }
    .support-reply[b-pjmdulddsc] { gap: 3px; padding-block: 6px; }
    .support-attachment-composer[b-pjmdulddsc] { gap: 2px; }
    .support-attachment-picker[b-pjmdulddsc] { padding-block: 2px; }
    .support-selected-attachments[b-pjmdulddsc] { max-height: 40px; }
}
.support-short-viewport .support-hero[b-pjmdulddsc] { max-height: 76px; overflow-y: auto; flex-shrink: 1; }
.support-short-viewport .support-conversation-head[b-pjmdulddsc] { padding-block: 4px; }
.support-short-viewport .support-reply[b-pjmdulddsc] { gap: 3px; padding-block: 5px; }
.support-short-viewport .support-selected-attachments[b-pjmdulddsc] { max-height: 38px; }