/* /Components/AdminAnalyticsTrend.razor.rz.scp.css */
.analytics-trend[b-t29wrwglab] { min-width: 0; }
.trend-legend[b-t29wrwglab], .trend-readout[b-t29wrwglab] { display: flex; gap: .7rem 1.3rem; flex-wrap: wrap; align-items: center; font-size: .9rem; }
.trend-legend span[b-t29wrwglab] { display: inline-flex; align-items: center; gap: .5rem; }
.trend-legend i[b-t29wrwglab] { width: 12px; height: 12px; border-radius: 3px; }
.trend-svg[b-t29wrwglab] { width: 100%; height: auto; min-height: 160px; display: block; margin-top: .75rem; overflow: visible; }
.trend-svg text[b-t29wrwglab] { fill: var(--mud-palette-text-secondary); font: 13px sans-serif; }
.trend-grid[b-t29wrwglab] { stroke: var(--mud-palette-lines-default); stroke-dasharray: 3 4; }
.trend-readout[b-t29wrwglab] { padding: .75rem 1rem; border-radius: 10px; background: var(--mud-palette-background); font-variant-numeric: tabular-nums; }
.trend-slider[b-t29wrwglab] { display: flex; align-items: center; flex-wrap: wrap; gap: 1rem; font-size: .85rem; margin: .5rem 0; }
.trend-slider input[b-t29wrwglab] { flex: 1; min-width: 140px; min-height: 44px; accent-color: var(--mud-palette-primary); }
.trend-details summary[b-t29wrwglab] { cursor: pointer; min-height: 44px; padding: .75rem 0; font-weight: 600; }
.trend-table-wrap[b-t29wrwglab] { max-height: 350px; overflow: auto; }
table[b-t29wrwglab] { width: 100%; border-collapse: collapse; font-size: .85rem; }
caption[b-t29wrwglab] { text-align: left; padding: .5rem; }
th[b-t29wrwglab], td[b-t29wrwglab] { padding: .65rem .5rem; border-bottom: 1px solid var(--mud-palette-lines-default); text-align: right; }
th:first-child[b-t29wrwglab] { text-align: left; }
thead[b-t29wrwglab] { position: sticky; top: 0; background: var(--mud-palette-surface); }
input:focus-visible[b-t29wrwglab], summary:focus-visible[b-t29wrwglab], .trend-table-wrap:focus-visible[b-t29wrwglab] { outline: 3px solid var(--mud-palette-primary); outline-offset: 3px; }
@media (max-width: 480px) {
    .trend-readout[b-t29wrwglab] { display: grid; gap: .25rem; }
    .trend-svg text[b-t29wrwglab] { font-size: 24px; }
}
/* /Components/AdminClubCommercial.razor.rz.scp.css */
.commercial-cockpit[b-iouqa2vgn7], .commercial-wizard[b-iouqa2vgn7] { color:var(--mud-palette-text-primary); overflow-wrap:anywhere; }
.commercial-launchers[b-iouqa2vgn7] { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr)); gap:12px; }
.commercial-launch[b-iouqa2vgn7] { display:flex; flex-direction:column; align-items:flex-start; text-align:left; gap:10px; padding:22px; border:1px solid var(--mud-palette-lines-default); border-radius:16px; background:var(--mud-palette-surface); color:inherit; cursor:pointer; min-height:152px; }
.commercial-launch.primary[b-iouqa2vgn7] { border:2px solid var(--mud-palette-primary); background:color-mix(in srgb,var(--mud-palette-primary) 9%,var(--mud-palette-surface)); }
.commercial-launch strong[b-iouqa2vgn7] { font-size:1.05rem; }
.commercial-launch span[b-iouqa2vgn7], .commercial-kpis span[b-iouqa2vgn7], .commercial-heading p[b-iouqa2vgn7], .commercial-eyebrow[b-iouqa2vgn7], .commercial-record-total span[b-iouqa2vgn7], .commercial-footnote[b-iouqa2vgn7] { color:var(--mud-palette-text-secondary); font-size:.88rem; }
.commercial-launch:hover[b-iouqa2vgn7], .commercial-record:hover[b-iouqa2vgn7] { border-color:var(--mud-palette-primary); }
button:focus-visible[b-iouqa2vgn7], summary:focus-visible[b-iouqa2vgn7], input:focus-visible[b-iouqa2vgn7] { outline:3px solid var(--mud-palette-primary); outline-offset:3px; }
.commercial-kpis[b-iouqa2vgn7] { display:grid; grid-template-columns:repeat(auto-fit,minmax(130px,1fr)); gap:12px; margin:24px 0; padding:18px 0; border-block:1px solid var(--mud-palette-lines-default); }
.commercial-kpis div[b-iouqa2vgn7] { display:grid; gap:4px; }
.commercial-kpis strong[b-iouqa2vgn7] { font-size:1.7rem; font-variant-numeric:tabular-nums; }
.commercial-heading[b-iouqa2vgn7] { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; margin:20px 0 12px; }
.commercial-heading h2[b-iouqa2vgn7] { font-size:1.5rem; font-weight:700; }
.commercial-heading h3[b-iouqa2vgn7], .commercial-wizard h3[b-iouqa2vgn7] { font-size:1.25rem; font-weight:650; }
.commercial-filters[b-iouqa2vgn7] { display:grid; grid-template-columns:minmax(0,2fr) minmax(0,1fr); gap:18px; margin:12px 0 20px; }
.commercial-documents[b-iouqa2vgn7] { display:grid; gap:12px; }
.commercial-record[b-iouqa2vgn7] { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:20px; color:inherit; background:var(--mud-palette-surface); border:1px solid var(--mud-palette-lines-default); border-radius:14px; text-align:left; cursor:pointer; width:100%; }
.commercial-record h3[b-iouqa2vgn7] { font-size:1.12rem; font-weight:700; margin:6px 0; }
.commercial-record-total[b-iouqa2vgn7] { display:grid; gap:4px; text-align:right; flex-shrink:0; }
.commercial-record-total strong[b-iouqa2vgn7] { font-size:1.25rem; }
.commercial-empty[b-iouqa2vgn7] { padding:40px 20px; text-align:center; border:1px dashed var(--mud-palette-lines-default); border-radius:14px; }
.commercial-steps[b-iouqa2vgn7] { list-style:none; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding:0; margin:0 0 26px; gap:8px; }
.commercial-steps li[b-iouqa2vgn7] { display:flex; flex-direction:column; gap:8px; align-items:center; padding:12px 4px; color:var(--mud-palette-text-secondary); font-size:.85rem; border-bottom:3px solid var(--mud-palette-lines-default); }
.commercial-steps li span[b-iouqa2vgn7] { display:grid; place-items:center; width:30px; height:30px; border:1px solid currentColor; border-radius:50%; }
.commercial-steps li.current[b-iouqa2vgn7] { color:var(--mud-palette-primary); border-color:currentColor; font-weight:750; }
.commercial-steps li.done[b-iouqa2vgn7] { color:var(--mud-palette-text-primary); }
.commercial-form-grid[b-iouqa2vgn7] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin:16px 0; }
.commercial-form-grid label[b-iouqa2vgn7] { display:grid; gap:6px; color:var(--mud-palette-text-secondary); font-size:.9rem; }
.commercial-form-grid input[b-iouqa2vgn7] { min-width:0; width:100%; min-height:44px; padding:10px; border:1px solid var(--mud-palette-lines-inputs); border-radius:6px; background:var(--mud-palette-surface); color:var(--mud-palette-text-primary); font:inherit; color-scheme:light dark; }
.commercial-line[b-iouqa2vgn7] { border:1px solid var(--mud-palette-lines-default); background:color-mix(in srgb,var(--mud-palette-background) 45%,var(--mud-palette-surface)); border-radius:14px; padding:18px; margin:20px 0; }
.commercial-line .commercial-heading[b-iouqa2vgn7] { margin-top:0; }
.commercial-price-summary[b-iouqa2vgn7] { padding:14px 0; border-block:1px solid var(--mud-palette-lines-default); }
.commercial-price-summary strong[b-iouqa2vgn7] { font-size:1.25rem; }
.commercial-toolbar[b-iouqa2vgn7], .commercial-wizard-actions[b-iouqa2vgn7] { display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
.commercial-wizard-actions[b-iouqa2vgn7] { width:100%; justify-content:flex-end; }
.commercial-preview-details[b-iouqa2vgn7] { margin:24px 0; border:1px solid var(--mud-palette-lines-default); border-radius:12px; overflow:hidden; }
.commercial-preview-details summary[b-iouqa2vgn7] { padding:16px; cursor:pointer; font-weight:650; }
.commercial-footnote[b-iouqa2vgn7] { margin:16px 0; }
.commercial-offer-toggle[b-iouqa2vgn7] { display:flex; gap:8px; margin:18px 0; }
.commercial-offer-toggle button[b-iouqa2vgn7] { flex:1; min-height:48px; border:1px solid var(--mud-palette-lines-default); border-radius:12px; background:var(--mud-palette-surface); color:inherit; font:inherit; cursor:pointer; }
.commercial-offer-toggle button[aria-pressed="true"][b-iouqa2vgn7], .commercial-package[aria-pressed="true"][b-iouqa2vgn7] { border:2px solid var(--mud-palette-primary); background:color-mix(in srgb,var(--mud-palette-primary) 12%,var(--mud-palette-surface)); }
.commercial-packages[b-iouqa2vgn7] { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,120px),1fr)); gap:10px; }
.commercial-package[b-iouqa2vgn7] { display:grid; gap:8px; padding:16px; border:2px solid var(--mud-palette-lines-default); border-radius:14px; color:inherit; background:var(--mud-palette-surface); text-align:left; cursor:pointer; }
.commercial-package span[b-iouqa2vgn7] { font-weight:650; }
.commercial-package strong[b-iouqa2vgn7] { font-size:1.3rem; font-variant-numeric:tabular-nums; }
.commercial-package small[b-iouqa2vgn7], .commercial-line-options summary span[b-iouqa2vgn7] { color:var(--mud-palette-text-secondary); }
.commercial-line-options[b-iouqa2vgn7] { margin:10px 0; }
.commercial-line-options summary[b-iouqa2vgn7] { cursor:pointer; font-weight:650; min-height:44px; }
.commercial-line-options summary span[b-iouqa2vgn7] { display:block; font-size:.8rem; font-weight:400; margin-top:4px; }
@media(max-width:600px) { .commercial-form-grid[b-iouqa2vgn7], .commercial-filters[b-iouqa2vgn7] { grid-template-columns:minmax(0,1fr); } .commercial-record[b-iouqa2vgn7] { align-items:flex-start; flex-direction:column; gap:12px; } .commercial-record-total[b-iouqa2vgn7] { text-align:left; } .commercial-launchers[b-iouqa2vgn7] { grid-template-columns:repeat(2,minmax(0,1fr)); } .commercial-launch[b-iouqa2vgn7] { padding:14px; min-height:144px; } .commercial-launch span[b-iouqa2vgn7] { font-size:.8rem; } .commercial-line[b-iouqa2vgn7] { padding:12px; } .commercial-steps[b-iouqa2vgn7] { gap:4px; } .commercial-steps li[b-iouqa2vgn7] { font-size:.75rem; } }
@media(prefers-reduced-motion:reduce) { *[b-iouqa2vgn7] { scroll-behavior:auto; } }
/* /Components/AdminClubDocumentPreview.razor.rz.scp.css */
.commercial-document[b-zq9fcwvvu3] { background:#fff; color:#18202c; padding:clamp(16px,4vw,42px); font:14px/1.55 system-ui,sans-serif; border-radius:8px; max-width:900px; margin:auto; overflow-wrap:anywhere; }
.commercial-document header[b-zq9fcwvvu3] { display:flex; justify-content:space-between; gap:24px; flex-wrap:wrap; border-bottom:2px solid #283e55; padding-bottom:20px; }
.commercial-document h2[b-zq9fcwvvu3] { font-size:28px; margin:0 0 6px; }
.commercial-document h3[b-zq9fcwvvu3] { font-size:16px; margin:0 0 8px; }
.commercial-document p[b-zq9fcwvvu3] { margin:4px 0; }
.commercial-document section[b-zq9fcwvvu3] { margin:24px 0; }
.document-lines[b-zq9fcwvvu3] { overflow-x:auto; }
table[b-zq9fcwvvu3] { border-collapse:collapse; width:100%; font-size:13px; }
th[b-zq9fcwvvu3], td[b-zq9fcwvvu3] { text-align:right; padding:10px 7px; border-bottom:1px solid #bbc5d0; }
th:first-child[b-zq9fcwvvu3], td:first-child[b-zq9fcwvvu3] { text-align:left; min-width:120px; }
th[b-zq9fcwvvu3] { background:#eef2f6; }
.document-totals[b-zq9fcwvvu3] { margin:24px 0 24px auto; max-width:340px; }
.document-totals div[b-zq9fcwvvu3] { display:flex; justify-content:space-between; gap:20px; padding:6px; }
.document-totals div:last-child[b-zq9fcwvvu3] { border-top:2px solid #283e55; font-size:18px; font-weight:700; }
.document-draft[b-zq9fcwvvu3] { background:#fff4d6; color:#553d00; padding:12px; }
.document-multiline[b-zq9fcwvvu3] { white-space:pre-wrap; }
.document-acceptance[b-zq9fcwvvu3] { min-height:100px; border:1px solid #bbc5d0; padding:14px; }
@media screen and (max-width:600px) {
    .document-lines[b-zq9fcwvvu3] { overflow:visible; }
    table[b-zq9fcwvvu3], tbody[b-zq9fcwvvu3] { display:block; }
    thead[b-zq9fcwvvu3] { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
    tr[b-zq9fcwvvu3] { display:block; border:1px solid #bbc5d0; padding:10px; margin-block:12px; border-radius:6px; }
    td[b-zq9fcwvvu3] { display:flex; justify-content:space-between; gap:12px; text-align:right; padding:6px 0; }
    td:first-child[b-zq9fcwvvu3] { display:block; text-align:left; font-weight:650; }
    td[b-zq9fcwvvu3]::before { content:attr(data-label); text-align:left; }
}
@media print { .commercial-document[b-zq9fcwvvu3] { max-width:none; padding:0; border-radius:0; font-size:10pt; } header[b-zq9fcwvvu3], tr[b-zq9fcwvvu3], .document-totals[b-zq9fcwvvu3], section[b-zq9fcwvvu3] { break-inside:avoid; } thead[b-zq9fcwvvu3] { display:table-header-group; } .document-lines[b-zq9fcwvvu3] { overflow:visible; } }
/* /Components/AdminClubPriceSheet.razor.rz.scp.css */
.club-price-sheet[b-02n0c6hs83] { background:#fff; color:#17243a; padding:clamp(16px,4vw,40px); border:1px solid #dce4ee; border-radius:16px; overflow-wrap:anywhere; }
header[b-02n0c6hs83] { display:flex; align-items:center; gap:18px; padding-bottom:24px; border-bottom:3px solid #387fba; margin-bottom:20px; }
header img[b-02n0c6hs83] { width:64px; height:64px; object-fit:contain; }
h2[b-02n0c6hs83] { font-size:clamp(1.4rem,3vw,2rem); margin:5px 0; }
table[b-02n0c6hs83] { width:100%; border-collapse:collapse; font-variant-numeric:tabular-nums; margin:24px 0; }
th[b-02n0c6hs83],td[b-02n0c6hs83] { padding:14px 8px; border-bottom:1px solid #dce4ee; text-align:right; }
th:first-child[b-02n0c6hs83] { text-align:left; }
thead[b-02n0c6hs83] { background:#edf4fb; color:#234c76; }
td[b-02n0c6hs83] { font-weight:650; }
.club-price-sheet footer[b-02n0c6hs83] { display:block; width:auto; margin:0; padding:16px 0 0; font-size:.8rem; color:#45546b; line-height:1.65; border-top:1px solid #dce4ee; }
.club-price-sheet footer p[b-02n0c6hs83] { margin:0 0 8px; max-width:none; }
@media(max-width:600px) { th[b-02n0c6hs83],td[b-02n0c6hs83] { padding:12px 3px; font-size:.8rem; } header[b-02n0c6hs83] { gap:10px; } header img[b-02n0c6hs83] { width:42px; height:42px; } }
@media print { .club-price-sheet[b-02n0c6hs83] { border:0; border-radius:0; padding:0; } thead[b-02n0c6hs83] { display:table-header-group; } tr[b-02n0c6hs83], header[b-02n0c6hs83], footer[b-02n0c6hs83] { break-inside:avoid; } }
/* /Components/AdminDistributionChart.razor.rz.scp.css */
.distribution-card[b-69k4ue9s1s] { height: 100%; min-height: 420px; padding: clamp(1.5rem, 3vw, 2rem); border: 1px solid var(--mud-palette-lines-default); border-radius: 22px; background: var(--mud-palette-surface); box-shadow: 0 15px 36px rgba(15, 23, 42, .11); }
.distribution-card > header[b-69k4ue9s1s] { display: flex; align-items: center; gap: 1rem; margin-bottom: 1.5rem; padding-bottom: 1rem; border-bottom: 1px solid var(--mud-palette-lines-default); }
.distribution-icon[b-69k4ue9s1s] { display: grid; place-items: center; width: 42px; height: 42px; flex: 0 0 auto; border-radius: 13px; color: #fff; background: linear-gradient(135deg, #5d3fd3, #a84c91); }
.distribution-content[b-69k4ue9s1s] { display: grid; grid-template-columns: minmax(210px, .9fr) minmax(0, 1.1fr); gap: 1.5rem; align-items: center; }
.distribution-chart[b-69k4ue9s1s] { min-width: 0; overflow: hidden; }
.distribution-chart[b-69k4ue9s1s]  .mud-chart-legend { display: none; }
.distribution-legend[b-69k4ue9s1s] { display: flex; flex-direction: column; gap: .7rem; }
.distribution-legend > div[b-69k4ue9s1s] { display: grid; grid-template-columns: 10px minmax(0, 1fr) auto auto; align-items: center; gap: .7rem; padding: .75rem .85rem; border: 1px solid var(--mud-palette-lines-default); border-radius: 12px; background: color-mix(in srgb, var(--mud-palette-surface) 90%, var(--mud-palette-primary) 10%); }
.distribution-legend i[b-69k4ue9s1s] { width: 9px; height: 9px; border-radius: 50%; }
.distribution-legend span[b-69k4ue9s1s] { min-width: 0; overflow-wrap: anywhere; font-size: .8rem; font-weight: 650; }
.distribution-legend strong[b-69k4ue9s1s], .distribution-legend small[b-69k4ue9s1s] { font-variant-numeric: tabular-nums; white-space: nowrap; }
.distribution-legend small[b-69k4ue9s1s] { color: var(--mud-palette-text-secondary); }
@media (max-width: 700px) { .distribution-content[b-69k4ue9s1s] { grid-template-columns: 1fr; } .distribution-card[b-69k4ue9s1s] { min-height: 0; padding: 1.25rem; } }
/* /Components/AdminFeedbackCard.razor.rz.scp.css */
.feedback-note[b-v3918ads7u] {
    --note-accent: #64748b;
    --note-soft: rgba(100, 116, 139, .12);
    width: 100%;
    min-height: 150px;
    padding: 1rem;
    border: 1px solid color-mix(in srgb, var(--note-accent) 40%, var(--mud-palette-lines-default));
    border-left: 5px solid var(--note-accent);
    border-radius: 8px 18px 18px 8px;
    color: var(--mud-palette-text-primary);
    background: linear-gradient(135deg, var(--note-soft), transparent 58%), var(--mud-palette-surface);
    box-shadow: 0 12px 28px rgba(2, 6, 23, .12);
    font: inherit;
    text-align: left;
    cursor: pointer;
    display: grid;
    grid-template-rows: auto 1fr auto;
    gap: .85rem;
    transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.feedback-note.type-bug[b-v3918ads7u] { --note-accent: #f43f5e; --note-soft: rgba(244, 63, 94, .11); }
.feedback-note.type-improvement[b-v3918ads7u] { --note-accent: #f59e0b; --note-soft: rgba(245, 158, 11, .11); }
.feedback-note.type-other[b-v3918ads7u] { --note-accent: #38bdf8; --note-soft: rgba(56, 189, 248, .1); }
.feedback-note.priority-critical[b-v3918ads7u] { box-shadow: 0 0 0 2px rgba(239, 68, 68, .17), 0 14px 30px rgba(2, 6, 23, .16); }

.feedback-note:hover[b-v3918ads7u] {
    transform: translateY(-3px);
    border-color: var(--note-accent);
    box-shadow: 0 18px 34px rgba(2, 6, 23, .2);
}

.feedback-note:focus-visible[b-v3918ads7u] {
    outline: 3px solid color-mix(in srgb, var(--note-accent) 62%, white);
    outline-offset: 4px;
}

.note-symbols[b-v3918ads7u],
.note-status[b-v3918ads7u],
.note-footer[b-v3918ads7u],
.note-author[b-v3918ads7u],
.note-age[b-v3918ads7u] { display: flex; align-items: center; }

.note-symbols[b-v3918ads7u] { min-width: 0; gap: .5rem; }
.note-symbol[b-v3918ads7u] {
    width: 31px;
    height: 31px;
    border-radius: 9px;
    color: white;
    background: var(--note-accent);
    display: grid;
    place-items: center;
}
.note-symbol[b-v3918ads7u]  .mud-icon-root { font-size: 1.05rem; }

.note-status[b-v3918ads7u] {
    width: fit-content;
    min-height: 30px;
    gap: .35rem;
    padding: .3rem .55rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 999px;
    color: var(--mud-palette-text-secondary);
    background: color-mix(in srgb, var(--mud-palette-background) 76%, transparent);
    font-size: .68rem;
    font-weight: 850;
}
.note-status[b-v3918ads7u]  .mud-icon-root { font-size: .95rem; }
.note-status.status-inprogress[b-v3918ads7u] { color: #60a5fa; border-color: rgba(96, 165, 250, .35); }
.note-status.status-resolved[b-v3918ads7u] { color: #34d399; border-color: rgba(52, 211, 153, .35); }
.note-status.status-rejected[b-v3918ads7u] { color: #fb7185; border-color: rgba(251, 113, 133, .35); }

.note-plan[b-v3918ads7u] {
    width: 32px;
    height: 32px;
    margin-left: auto;
    border: 1px solid rgba(245, 158, 11, .35);
    border-radius: 10px;
    object-fit: cover;
    box-shadow: 0 5px 13px rgba(0, 0, 0, .18);
}

.feedback-note h3[b-v3918ads7u] { margin: 0; overflow-wrap: anywhere; font-size: .98rem; line-height: 1.4; }

.note-footer[b-v3918ads7u] {
    min-width: 0;
    justify-content: space-between;
    gap: .75rem;
    padding-top: .7rem;
    border-top: 1px dashed color-mix(in srgb, var(--note-accent) 32%, transparent);
    color: var(--mud-palette-text-secondary);
    font-size: .72rem;
}
.note-author[b-v3918ads7u] { min-width: 0; gap: .3rem; overflow: hidden; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.note-age[b-v3918ads7u] { flex: 0 0 auto; gap: .3rem; }
.note-footer[b-v3918ads7u]  .mud-icon-root { font-size: .9rem; }

@media (prefers-reduced-motion: reduce) {
    .feedback-note[b-v3918ads7u] { transition: none; }
    .feedback-note:hover[b-v3918ads7u] { transform: none; }
}
.note-unread[b-v3918ads7u] { color: var(--mud-palette-primary); font-size: .8rem; font-weight: 700; }
/* /Components/AdminFeedbackNotification.razor.rz.scp.css */
.admin-feedback-notification[b-cf8f28w07l] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    color: inherit;
    text-decoration: none;
}
.admin-feedback-notification:hover[b-cf8f28w07l] { background: #ffffff1f; }
.admin-feedback-notification:focus-visible[b-cf8f28w07l] { outline: 3px solid currentColor; outline-offset: 2px; }
.notification-count[b-cf8f28w07l] {
    position: absolute;
    inset-block-start: 1px;
    inset-inline-end: 0;
    min-width: 19px;
    padding: 1px 4px;
    border-radius: 999px;
    background: #b91c1c;
    color: #fff;
    font-size: 11px;
    line-height: 17px;
    font-weight: 800;
}
/* /Components/AdminFinanceMetric.razor.rz.scp.css */
.finance-metric[b-nhngq9qhpr] {
    --metric-accent: #3b82f6;
    position: relative;
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 1rem;
    align-items: center;
    min-height: 132px;
    padding: 1.25rem;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--mud-palette-lines-default) 75%, transparent);
    border-radius: 20px;
    background: var(--mud-palette-surface);
    box-shadow: 0 14px 34px rgba(2, 6, 23, .12);
}
.finance-metric[b-nhngq9qhpr]::after {
    content: "";
    position: absolute;
    width: 110px;
    height: 110px;
    right: -45px;
    bottom: -55px;
    border-radius: 50%;
    opacity: .15;
    background: var(--metric-accent);
}
.metric-icon[b-nhngq9qhpr] {
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    border-radius: 16px;
    color: #fff;
    background: var(--metric-accent);
}
.metric-icon[b-nhngq9qhpr]  svg { color: #fff; }
.metric-copy[b-nhngq9qhpr] { min-width: 0; display: flex; flex-direction: column; gap: .18rem; }
.metric-copy span[b-nhngq9qhpr] { color: var(--mud-palette-text-secondary); font-size: .78rem; font-weight: 800; letter-spacing: .045em; text-transform: uppercase; }
.metric-copy strong[b-nhngq9qhpr] { color: var(--mud-palette-text-primary); font-size: clamp(1.55rem, 3vw, 2.15rem); line-height: 1.05; font-variant-numeric: tabular-nums; }
.metric-copy small[b-nhngq9qhpr] { color: var(--mud-palette-text-secondary); line-height: 1.35; }
.finance-metric.blue[b-nhngq9qhpr] { --metric-accent: #3b82f6; }
.finance-metric.green[b-nhngq9qhpr] { --metric-accent: #10b981; }
.finance-metric.orange[b-nhngq9qhpr] { --metric-accent: #f59e0b; }
.finance-metric.pink[b-nhngq9qhpr] { --metric-accent: #ec4899; }
.finance-metric.purple[b-nhngq9qhpr] { --metric-accent: #8b5cf6; }
.finance-metric.cyan[b-nhngq9qhpr] { --metric-accent: #06b6d4; }
.finance-metric.red[b-nhngq9qhpr] { --metric-accent: #ef4444; }
@media (max-width: 560px) {
    .finance-metric[b-nhngq9qhpr] { min-height: 112px; grid-template-columns: 46px minmax(0, 1fr); padding: 1rem; border-radius: 17px; }
    .metric-icon[b-nhngq9qhpr] { width: 46px; height: 46px; border-radius: 14px; }
}
/* /Components/AdminFinanceTreasury.razor.rz.scp.css */
.treasury[b-sswky49y0b] { margin: 1.2rem 0; padding: clamp(1rem, 2.5vw, 1.6rem); border: 1px solid var(--mud-palette-lines-default); border-radius: 20px; background: var(--mud-palette-surface); }
.treasury header[b-sswky49y0b], .payout[b-sswky49y0b] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
h2[b-sswky49y0b], h3[b-sswky49y0b], p[b-sswky49y0b] { margin: 0 0 .6rem; }
p[b-sswky49y0b], .payout span[b-sswky49y0b], .movement > span[b-sswky49y0b] { color: var(--mud-palette-text-secondary); }
.balances[b-sswky49y0b] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin: 1rem 0; }
.balances > div[b-sswky49y0b], .payout > div[b-sswky49y0b] { display: grid; gap: .25rem; }
.balances strong[b-sswky49y0b] { font-size: 1.7rem; }
.payout[b-sswky49y0b] { padding: .9rem 0; border-top: 1px solid var(--mud-palette-lines-default); }
.payout strong[b-sswky49y0b] { font-size: 1.3rem; }
.hint[b-sswky49y0b] { font-size: .9rem; }
.breakdown[b-sswky49y0b] { margin-top: 1.5rem; padding-top: 1rem; border-top: 2px solid var(--mud-palette-primary); }
.movement[b-sswky49y0b] { padding: 1rem 0; border-top: 1px solid var(--mud-palette-lines-default); overflow-wrap: anywhere; }
.movement > span[b-sswky49y0b] { display: block; font-size: .85rem; }
dl[b-sswky49y0b] { margin: .7rem 0 0; }
dl > div[b-sswky49y0b] { display: flex; justify-content: space-between; gap: 1rem; }
dd[b-sswky49y0b] { margin: 0; white-space: nowrap; font-variant-numeric: tabular-nums; }
.net[b-sswky49y0b] { font-weight: 700; margin-top: .5rem; }
a[b-sswky49y0b] { display: inline-flex; align-items: center; min-height: 44px; overflow-wrap: anywhere; }
@media (max-width: 600px) { .balances[b-sswky49y0b] { grid-template-columns: 1fr; } .payout[b-sswky49y0b] { align-items: stretch; } .payout > div[b-sswky49y0b] { width: 100%; } .treasury[b-sswky49y0b]  .mud-button-root { min-height: 44px; } }
/* /Components/AdminGrantEditor.razor.rz.scp.css */
.grant-editor[b-htyys8w8et] { display: grid; gap: .9rem; padding: 1rem; border-radius: 14px; background: var(--mud-palette-background); }
.grant-editor-actions[b-htyys8w8et] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .5rem; }
/* /Components/AdminOnlinePresence.razor.rz.scp.css */
.admin-online-count[b-szntfve8u4] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .3rem .6rem;
    margin-inline: .35rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 999px;
    color: var(--mud-palette-text-primary);
    font-size: .75rem;
    white-space: nowrap;
}
@media (max-width: 600px) {
    .admin-online-count[b-szntfve8u4] { font-size: .65rem; padding: .25rem .35rem; }
    .admin-online-count[b-szntfve8u4]  .mud-icon-root { display: none; }
}
@media (max-width: 420px) {
    .admin-online-label[b-szntfve8u4] { display: none; }
    .admin-online-count[b-szntfve8u4]  .mud-icon-root { display: inline-block; font-size: 1rem; }
}
/* /Components/AdminPremiumCodes.razor.rz.scp.css */
.rewards-page[b-8gxis0f7vk] { max-width:1400px; margin:auto; padding:24px clamp(12px,3vw,40px) 64px; min-width:0; }
.rewards-heading[b-8gxis0f7vk] { display:flex; flex-wrap:wrap; gap:20px; justify-content:space-between; align-items:center; margin-bottom:24px; }
.rewards-eyebrow[b-8gxis0f7vk] { font-size:.74rem; letter-spacing:.13em; font-weight:700; color:var(--mud-palette-primary); }
.rewards-heading h1[b-8gxis0f7vk] { font-size:clamp(1.6rem,3vw,2.25rem); font-weight:750; line-height:1.2; margin:8px 0; }
.rewards-heading h2[b-8gxis0f7vk],.rewards-form h2[b-8gxis0f7vk] { font-size:1.5rem; font-weight:700; }
.rewards-heading p[b-8gxis0f7vk],.rewards-hint[b-8gxis0f7vk] { color:var(--mud-palette-text-secondary); }
.rewards-form[b-8gxis0f7vk] { padding:24px; margin-bottom:32px; border-radius:16px; background:var(--mud-palette-surface); border:1px solid var(--mud-palette-lines-default); }
.rewards-form p[b-8gxis0f7vk] { margin:16px 0; }
.rewards-fields[b-8gxis0f7vk] { display:grid; grid-template-columns:2fr 1fr; gap:16px; margin-top:20px; }
.rewards-presets[b-8gxis0f7vk],.rewards-form-footer[b-8gxis0f7vk],.rewards-actions[b-8gxis0f7vk],.rewards-selection[b-8gxis0f7vk],.rewards-pagination[b-8gxis0f7vk],.rewards-search[b-8gxis0f7vk] { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-block:16px; }
.rewards-form-footer[b-8gxis0f7vk] { justify-content:flex-end; }
.rewards-form-footer span[b-8gxis0f7vk] { margin-right:auto; font-weight:650; }
.rewards-draft[b-8gxis0f7vk] { display:grid; grid-template-columns:minmax(0,1fr) 150px 44px; align-items:center; gap:12px; }
.rewards-draft-block[b-8gxis0f7vk] { padding:16px 0; border-bottom:1px solid var(--mud-palette-lines-default); }
.rewards-card-grid[b-8gxis0f7vk] { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr)); gap:1rem; }
.rewards-card-grid .rewards-draft-block[b-8gxis0f7vk] { min-width:0; padding:0; border:0; }
.rewards-add-card[b-8gxis0f7vk] { display:grid; place-content:center; text-align:center; gap:.5rem; padding:2rem 1rem; min-height:190px; border:2px dashed var(--mud-palette-primary); border-radius:1rem; color:var(--mud-palette-primary); background:var(--mud-palette-primary-hover); cursor:pointer; font:inherit; }
.rewards-add-card > span[b-8gxis0f7vk] { font-size:2rem; }
.rewards-add-card small[b-8gxis0f7vk] { color:var(--mud-palette-text-secondary); }
.rewards-models[b-8gxis0f7vk] { flex:1 1 100%; }
.rewards-models > summary[b-8gxis0f7vk] { min-height:44px; padding:.7rem 0; cursor:pointer; }
.rewards-models .rewards-presets[b-8gxis0f7vk] { margin-top:0; }
.rewards-add-card:focus-visible[b-8gxis0f7vk] { outline:3px solid var(--mud-palette-primary); outline-offset:3px; }
.rewards-search[b-8gxis0f7vk] { max-width:680px; }
.rewards-search[b-8gxis0f7vk]  .mud-input-control { flex:1; }
.rewards-table small[b-8gxis0f7vk] { display:block; color:var(--mud-palette-text-secondary); font-size:.8rem; margin-top:4px; }
.rewards-counters[b-8gxis0f7vk] { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px; margin:24px 0; }
.rewards-counters button[b-8gxis0f7vk] { display:block; border:1px solid var(--mud-palette-lines-default); border-radius:12px; padding:14px; text-align:left; background:var(--mud-palette-surface); color:var(--mud-palette-text-primary); cursor:pointer; }
.rewards-row-actions[b-8gxis0f7vk] { display:flex; flex-wrap:wrap; gap:4px; }
.rewards-counters strong[b-8gxis0f7vk] { display:block; font-size:1.8rem; }
.rewards-counters span[b-8gxis0f7vk] { font-size:.85rem; }
.rewards-counters .selected[b-8gxis0f7vk] { outline:2px solid var(--mud-palette-primary); outline-offset:2px; }
.reward-status[b-8gxis0f7vk] { display:inline-block; padding:5px 10px; border-radius:8px; font-size:.82rem; font-weight:650; background:var(--mud-palette-background); }
.reward-status.available[b-8gxis0f7vk] { color:#08766a; background:#e2f4ee; }.reward-status.redeemed[b-8gxis0f7vk] { color:#3454ac; background:#e8edff; }
.reward-status.activating[b-8gxis0f7vk] { color:#8e5b00; background:#fff0ce; }.reward-status.cancelled[b-8gxis0f7vk] { color:#6a4e52; background:#f2e6e8; }
.reward-status.revoked[b-8gxis0f7vk] { color:#9f1239; background:#ffe4e6; }
.rewards-pagination[b-8gxis0f7vk] { justify-content:center; }.rewards-hint[b-8gxis0f7vk] { font-size:.85rem; margin-top:16px; }
.reward-print-toolbar[b-8gxis0f7vk] { display:flex; flex-wrap:wrap; gap:12px; align-items:center; padding:20px 0; }.reward-print-toolbar p[b-8gxis0f7vk] { width:100%; }
.reward-print-language[b-8gxis0f7vk] { display:flex; flex-wrap:wrap; align-items:center; gap:8px; max-width:100%; }
.reward-print-language select[b-8gxis0f7vk] { min-height:44px; min-width:150px; max-width:100%; padding:8px 12px; border:1px solid var(--mud-palette-lines-default); border-radius:8px; background:var(--mud-palette-surface); color:var(--mud-palette-text-primary); font:inherit; cursor:pointer; }
.reward-print-language select:focus-visible[b-8gxis0f7vk] { outline:3px solid var(--mud-palette-primary); outline-offset:3px; }
#reward-print-language-hint[b-8gxis0f7vk] { color:var(--mud-palette-text-secondary); font-size:.85rem; }
.rewards-page[b-8gxis0f7vk]  .mud-button-root,.rewards-page[b-8gxis0f7vk]  .mud-icon-button { min-height:44px; }.rewards-page[b-8gxis0f7vk]  .mud-icon-button { min-width:44px; }
.rewards-page button:focus-visible[b-8gxis0f7vk] { outline:3px solid var(--mud-palette-primary); outline-offset:3px; }
@media(max-width:650px) {
    .rewards-page[b-8gxis0f7vk] { padding:16px 10px 36px; }.rewards-form[b-8gxis0f7vk] { padding:16px 12px; }
    .rewards-fields[b-8gxis0f7vk] { grid-template-columns:1fr; }.rewards-draft[b-8gxis0f7vk] { grid-template-columns:minmax(0,1fr) 44px; border-bottom:1px solid var(--mud-palette-lines-default); padding:12px 0; }
    .rewards-draft[b-8gxis0f7vk]  .mud-input-control:first-child { grid-column:1 / -1; }
    .rewards-counters[b-8gxis0f7vk] { grid-template-columns:repeat(3,minmax(0,1fr)); }.rewards-counters button[b-8gxis0f7vk] { padding:10px; }.rewards-counters strong[b-8gxis0f7vk] { font-size:1.4rem; }
    .rewards-page[b-8gxis0f7vk]  .mud-table-cell { display:grid; grid-template-columns:90px minmax(0,1fr); align-items:center; gap:8px; overflow-wrap:anywhere; text-align:left; }
    .rewards-page[b-8gxis0f7vk]  .mud-table-cell:before { width:auto; padding:0; white-space:nowrap; font-size:.8rem; }
    .rewards-page[b-8gxis0f7vk]  .mud-table-cell .mud-button-root { overflow-wrap:normal; }
    .rewards-page[b-8gxis0f7vk]  .mud-table-container { overflow-x:visible; }
    .rewards-selection[b-8gxis0f7vk]  .mud-button-root { flex-grow:1; }
}
@media(max-width:599.98px) {
    .rewards-heading[b-8gxis0f7vk] { gap:12px; margin-bottom:16px; }
    .rewards-heading h1[b-8gxis0f7vk] { font-size:1.5rem; }
    .rewards-page[b-8gxis0f7vk]  .rewards-list-table .mud-table-body .mud-table-row { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; padding:12px; margin-block:12px; border:1px solid var(--mud-palette-lines-default); border-radius:12px; }
    .rewards-page[b-8gxis0f7vk]  .rewards-list-table .mud-table-cell { display:flex; flex-direction:column; align-items:flex-start; gap:4px; padding:6px; border:0; }
    .rewards-page[b-8gxis0f7vk]  .rewards-list-table .mud-table-cell:before { font-size:.75rem; font-weight:400; white-space:normal; }
    .rewards-page[b-8gxis0f7vk]  .rewards-list-table .rewards-list-name { grid-column:1 / -1; display:block; padding-bottom:10px; border-bottom:1px solid var(--mud-palette-lines-default); }
    .rewards-page[b-8gxis0f7vk]  .rewards-list-table .rewards-list-name:before,.rewards-page[b-8gxis0f7vk]  .rewards-list-table .rewards-list-open:before { display:none; }
    .rewards-page[b-8gxis0f7vk]  .rewards-list-table .rewards-list-open { justify-content:center; align-items:stretch; }
}
/* /Components/AdminPrizeCard.razor.rz.scp.css */
.prize-card[b-0jpauavd55] { height:100%; display:flex; flex-direction:column; gap:.75rem; min-width:0; padding:1rem; background:var(--mud-palette-surface); border:1px solid var(--mud-palette-lines-default); border-radius:1rem; border-top:4px solid var(--mud-palette-primary); }
.card-top[b-0jpauavd55] { display:flex; gap:.8rem; align-items:center; justify-content:space-between; }
.card-icon[b-0jpauavd55] { display:grid; place-items:center; width:44px; height:44px; border-radius:.75rem; background:var(--mud-palette-primary-hover); font-size:1.6rem; flex:none; }
.card-value[b-0jpauavd55] { font-size:1.2rem; color:var(--mud-palette-primary); text-align:right; overflow-wrap:anywhere; }
h3[b-0jpauavd55] { font-size:1.05rem; font-weight:750; overflow-wrap:anywhere; }
.card-criteria[b-0jpauavd55] { display:flex; flex-wrap:wrap; gap:.4rem; padding:0; margin:0; list-style:none; }
.card-criteria li[b-0jpauavd55] { padding:.3rem .5rem; background:var(--mud-palette-background-grey); border-radius:.4rem; font-size:.82rem; overflow-wrap:anywhere; }
.card-cumulative[b-0jpauavd55] { font-size:.82rem; color:var(--mud-palette-success); }
.card-actions[b-0jpauavd55] { display:flex; flex-wrap:wrap; align-items:center; gap:.3rem; border-top:1px solid var(--mud-palette-lines-default); padding-top:.6rem; margin-top:auto; }
.card-actions[b-0jpauavd55]  button { min-height:44px; }
/* /Components/AdminPrizeComposer.razor.rz.scp.css */
.composer-hint[b-p38xk1ylf2] { color:var(--mud-palette-text-secondary); font-size:.9rem; margin-bottom:.8rem; }
.category-cards[b-p38xk1ylf2] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.7rem; }
.category-card[b-p38xk1ylf2] { display:flex; flex-direction:column; align-items:flex-start; gap:.4rem; text-align:left; min-width:0; padding:1rem; border:2px solid var(--mud-palette-lines-default); border-radius:.9rem; color:var(--mud-palette-text-primary); background:var(--mud-palette-surface); cursor:pointer; font:inherit; }
.category-card:hover[b-p38xk1ylf2] { border-color:var(--mud-palette-primary); background:var(--mud-palette-primary-hover); }
.category-card > span[b-p38xk1ylf2] { font-size:1.75rem; }
.category-card strong[b-p38xk1ylf2] { font-size:.95rem; }
.category-card small[b-p38xk1ylf2] { color:var(--mud-palette-text-secondary); font-size:.8rem; }
.category-card:focus-visible[b-p38xk1ylf2], .value-types button:focus-visible[b-p38xk1ylf2] { outline:3px solid var(--mud-palette-primary); outline-offset:2px; }
.composer-form[b-p38xk1ylf2] { display:grid; gap:1rem; }
.composer-selected[b-p38xk1ylf2] { display:flex; align-items:center; gap:.6rem; flex-wrap:wrap; }
.composer-selected > span[b-p38xk1ylf2] { font-size:1.5rem; }
.composer-selected[b-p38xk1ylf2]  button { margin-left:auto; }
.composer-section[b-p38xk1ylf2] { display:grid; gap:.7rem; padding:1rem; background:var(--mud-palette-background-grey); border-radius:.8rem; min-width:0; }
.composer-section h3[b-p38xk1ylf2] { font-size:1rem; font-weight:750; }
.value-types[b-p38xk1ylf2] { border:0; padding:0; display:flex; flex-wrap:wrap; gap:.5rem; min-width:0; }
.value-types legend[b-p38xk1ylf2] { font-size:.85rem; margin-bottom:.4rem; }
.value-types button[b-p38xk1ylf2] { flex:1; min-height:48px; border:2px solid var(--mud-palette-lines-default); border-radius:.65rem; padding:.5rem; font:inherit; background:var(--mud-palette-surface); color:var(--mud-palette-text-primary); cursor:pointer; }
.value-types button[aria-pressed="true"][b-p38xk1ylf2] { border-color:var(--mud-palette-primary); background:var(--mud-palette-primary-hover); font-weight:700; }
@media(max-width:600px) { .category-cards[b-p38xk1ylf2] { grid-template-columns:repeat(2,minmax(0,1fr)); gap:.5rem; } .category-card[b-p38xk1ylf2] { padding:.75rem; } .composer-section[b-p38xk1ylf2] { padding:.7rem; } }
/* /Components/AdminRewardAgeFilter.razor.rz.scp.css */
.age-filter[b-oawxcbzfqe] { display:grid; gap:.8rem; min-width:0; }
label[b-oawxcbzfqe] { display:grid; gap:.4rem; font-size:.9rem; }
select[b-oawxcbzfqe] { width:100%; min-width:0; min-height:48px; padding:.6rem; border:1px solid var(--mud-palette-lines-inputs); border-radius:.6rem; background:var(--mud-palette-surface); color:var(--mud-palette-text-primary); font:inherit; }
fieldset[b-oawxcbzfqe] { border:0; padding:0; display:grid; gap:.5rem; min-width:0; }
legend[b-oawxcbzfqe] { font-weight:700; margin-bottom:.5rem; font-size:.9rem; }
.age-option[b-oawxcbzfqe] { display:flex; align-items:center; gap:.7rem; padding:.8rem; border:2px solid var(--mud-palette-lines-default); border-radius:.7rem; cursor:pointer; }
.age-option.selected[b-oawxcbzfqe] { border-color:var(--mud-palette-primary); background:var(--mud-palette-primary-hover); }
.age-option input[b-oawxcbzfqe] { width:20px; height:20px; flex:none; accent-color:var(--mud-palette-primary); }
.age-option strong[b-oawxcbzfqe], .age-option small[b-oawxcbzfqe] { display:block; }
.age-option small[b-oawxcbzfqe] { color:var(--mud-palette-text-secondary); margin-top:.2rem; }
input:focus-visible[b-oawxcbzfqe], select:focus-visible[b-oawxcbzfqe] { outline:3px solid var(--mud-palette-primary); outline-offset:3px; }
/* /Components/AdminRewardRuleEditor.razor.rz.scp.css */
.reward-rule-editor[b-hdxfebihh1] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:12px 0; }
.guided > summary[b-hdxfebihh1] { display:none; }
.guided > .reward-rule-editor[b-hdxfebihh1] { margin:0; }
.rule-age[b-hdxfebihh1] { grid-column:1 / -1; min-width:0; }
.reward-rule-disclosure summary[b-hdxfebihh1] { min-height:44px; padding:12px 0; color:var(--mud-palette-primary); font-size:.85rem; font-weight:600; cursor:pointer; overflow-wrap:anywhere; }
.reward-rule-disclosure summary:focus-visible[b-hdxfebihh1] { outline:3px solid var(--mud-palette-primary); outline-offset:2px; }
label[b-hdxfebihh1] { display:flex; flex-direction:column; gap:6px; font-size:.85rem; min-width:0; }
select[b-hdxfebihh1],input[b-hdxfebihh1] { font:inherit; min-height:44px; max-width:100%; width:100%; padding:8px; border:1px solid var(--mud-palette-lines-default); border-radius:8px; background:var(--mud-palette-surface); color:var(--mud-palette-text-primary); }
.reward-rule-check[b-hdxfebihh1] { flex-direction:row; align-items:center; min-height:44px; }
.reward-rule-check input[b-hdxfebihh1] { width:22px; height:22px; min-height:22px; flex:none; }
input:focus-visible[b-hdxfebihh1],select:focus-visible[b-hdxfebihh1] { outline:3px solid var(--mud-palette-primary); outline-offset:2px; }
@media(max-width:600px) { .reward-rule-editor[b-hdxfebihh1] { grid-template-columns:1fr; } }
.reward-rule-advanced[b-hdxfebihh1] { grid-column: 1 / -1; min-width: 0; }
.reward-rule-advanced > summary[b-hdxfebihh1] { padding: .6rem 0; cursor: pointer; }
.reward-rule-advanced p[b-hdxfebihh1] { font-size: .85rem; color: var(--mud-palette-text-secondary); }
/* /Components/AdminTournamentAllocationPanel.razor.rz.scp.css */
.tournament-allocation[b-gys6hma9m1] { margin:24px 0 32px; padding:24px; border-radius:20px; background:var(--mud-palette-surface); border:1px solid var(--mud-palette-lines-default); min-width:0; }
.allocation-intro[b-gys6hma9m1],.allocation-import[b-gys6hma9m1],.allocation-lottery[b-gys6hma9m1] { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px; }
.allocation-intro h3[b-gys6hma9m1] { font-size:1.5rem; margin:6px 0; font-weight:750; }
.allocation-eyebrow[b-gys6hma9m1] { color:var(--mud-palette-primary); font-size:.8rem; font-weight:700; }
.allocation-count[b-gys6hma9m1] { font-size:1.5rem; color:var(--mud-palette-primary); }
.allocation-count small[b-gys6hma9m1] { display:block; font-size:.8rem; color:var(--mud-palette-text-secondary); }
.allocation-steps[b-gys6hma9m1] { list-style:none; padding:16px 0; display:flex; flex-wrap:wrap; gap:12px 24px; font-weight:600; font-size:.9rem; }
.allocation-steps li[b-gys6hma9m1] { flex:1; min-width:150px; padding:.8rem; border-radius:.6rem; background:var(--mud-palette-background-grey); }
.allocation-steps .active[b-gys6hma9m1] { background:var(--mud-palette-primary); color:var(--mud-palette-primary-text); }
.allocation-steps .done[b-gys6hma9m1] { color:var(--mud-palette-success); }
.allocation-import[b-gys6hma9m1]  .mud-input-control { flex:1; min-width:200px; }
.allocation-winners[b-gys6hma9m1] { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr)); gap:16px; margin:16px 0; }
.allocation-winner[b-gys6hma9m1] { padding:18px; background:var(--mud-palette-background); border-radius:14px; min-width:0; overflow-wrap:anywhere; }
.allocation-winner header[b-gys6hma9m1] { display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px; font-size:.9rem; }
.allocation-winner header span[b-gys6hma9m1] { color:var(--mud-palette-primary); font-weight:700; }
.allocation-winner h5[b-gys6hma9m1] { font-size:1.15rem; margin:14px 0; font-weight:750; }
.allocation-winner dl[b-gys6hma9m1] { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin:12px 0; }
.allocation-winner dt[b-gys6hma9m1] { font-size:.72rem; color:var(--mud-palette-text-secondary); }.allocation-winner dd[b-gys6hma9m1] { font-weight:650; }
.allocation-winner p[b-gys6hma9m1],.rewards-hint[b-gys6hma9m1] { font-size:.85rem; margin:12px 0; color:var(--mud-palette-text-secondary); }
.allocation-winner small[b-gys6hma9m1] { display:block; font-size:.75rem; }
.allocation-choice[b-gys6hma9m1] { border-left:4px solid var(--mud-palette-primary); padding:18px; background:var(--mud-palette-background); border-radius:8px; margin:16px 0; }
h4[b-gys6hma9m1] { font-size:1.05rem; font-weight:700; }.allocation-choice p[b-gys6hma9m1] { margin:10px 0; }
.allocation-options[b-gys6hma9m1] { display:flex; flex-wrap:wrap; gap:12px; }
.allocation-options button[b-gys6hma9m1] { flex:1; min-width:min(100%,210px); padding:14px; text-align:left; background:var(--mud-palette-surface); border:1px solid var(--mud-palette-primary); color:var(--mud-palette-text-primary); border-radius:12px; cursor:pointer; }
.allocation-options button span[b-gys6hma9m1],.allocation-options button small[b-gys6hma9m1] { display:block; margin-top:6px; }
.allocation-options button[b-gys6hma9m1] { max-width:100%; overflow-wrap:anywhere; }
.allocation-lottery[b-gys6hma9m1] { padding:20px 0; border-top:1px solid var(--mud-palette-lines-default); }.allocation-lottery p[b-gys6hma9m1] { font-size:.85rem; max-width:650px; margin-top:8px; }
.allocation-players[b-gys6hma9m1] { margin-top:20px; }.allocation-players summary[b-gys6hma9m1] { cursor:pointer; padding:14px 0; min-height:44px; font-weight:650; }.allocation-players p[b-gys6hma9m1] { margin-bottom:12px; }.allocation-players[b-gys6hma9m1]  small { display:block; }
.allocation-choice select[b-gys6hma9m1] { display:block; width:100%; min-height:44px; padding:10px; background:var(--mud-palette-surface); color:var(--mud-palette-text-primary); font:inherit; border:1px solid var(--mud-palette-lines-default); }
button:focus-visible[b-gys6hma9m1],summary:focus-visible[b-gys6hma9m1],select:focus-visible[b-gys6hma9m1] { outline:3px solid var(--mud-palette-primary); outline-offset:3px; }
@media(max-width:600px) { .tournament-allocation[b-gys6hma9m1] { padding:16px 12px; }.allocation-import[b-gys6hma9m1] { display:block; }.allocation-import[b-gys6hma9m1]  .mud-button-root { width:100%; margin-top:12px; }.allocation-steps[b-gys6hma9m1] { display:grid; gap:8px; }.allocation-winner[b-gys6hma9m1] { padding:14px; }.allocation-choice[b-gys6hma9m1] { padding:12px; } }
/* /Components/AdminUserDetailsDialog.razor.rz.scp.css */
.profile-title[b-8p1i380oq9] {
    display: flex;
    align-items: center;
    gap: .9rem;
    min-width: 0;
    padding-right: 1.5rem;
    overflow-wrap: anywhere;
}
.profile-title img[b-8p1i380oq9] { width: 58px; height: 58px; flex: 0 0 auto; object-fit: contain; }
.profile-title > div[b-8p1i380oq9] { min-width: 0; }
.profile-title-status[b-8p1i380oq9] { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: .35rem; }
.profile-title-status > span[b-8p1i380oq9], .presence-value[b-8p1i380oq9] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    width: fit-content;
    padding: .15rem .48rem;
    border-radius: 999px;
    color: var(--mud-palette-text-secondary);
    background: var(--mud-palette-action-default-hover);
    font-size: .7rem;
    font-weight: 800;
}
.profile-title-status .is-online[b-8p1i380oq9], .presence-value.is-online[b-8p1i380oq9] {
    color: var(--mud-palette-success);
    background: color-mix(in srgb, var(--mud-palette-success) 12%, transparent);
}
.profile-title-status .is-online[b-8p1i380oq9]  .mud-icon-root { width: .55rem; height: .55rem; }

.profile-content[b-8p1i380oq9] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    padding-block: .15rem .5rem;
}
.profile-summary[b-8p1i380oq9] {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .7rem;
}
.profile-summary > div[b-8p1i380oq9] {
    display: grid;
    align-content: start;
    gap: .25rem;
    min-height: 112px;
    padding: .9rem 1rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 15px;
    background: color-mix(in srgb, var(--mud-palette-surface) 91%, var(--mud-palette-primary) 9%);
}
.profile-summary > div[b-8p1i380oq9]::before {
    content: "";
    width: 28px;
    height: 4px;
    border-radius: 999px;
    background: var(--mud-palette-primary);
}
.profile-summary > .activity-summary.online[b-8p1i380oq9]::before { background: var(--mud-palette-success); }
.profile-summary > .cost-summary[b-8p1i380oq9]::before { background: #d97706; }
.profile-summary strong[b-8p1i380oq9] { font-size: clamp(1.05rem, 2vw, 1.35rem); line-height: 1.2; overflow-wrap: anywhere; }
.profile-summary small[b-8p1i380oq9], .profile-summary span[b-8p1i380oq9] { color: var(--mud-palette-text-secondary); font-size: .74rem; }
.profile-summary .activity-summary.online strong[b-8p1i380oq9] { color: var(--mud-palette-success); }
.profile-summary .cost-summary strong[b-8p1i380oq9] { color: #d97706; }
.profile-content > .mud-alert[b-8p1i380oq9] { grid-column: 1 / -1; }

.profile-section[b-8p1i380oq9] {
    min-width: 0;
    padding: 1rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 16px;
    background: var(--mud-palette-surface);
    box-shadow: 0 5px 16px rgba(15, 23, 42, .035);
}
.profile-section h3[b-8p1i380oq9] {
    display: flex;
    align-items: center;
    gap: .55rem;
    margin: 0;
    font-size: 1.02rem;
}
.profile-section h3[b-8p1i380oq9]  .mud-icon-root {
    box-sizing: content-box;
    padding: .38rem;
    border-radius: 10px;
    color: var(--mud-palette-primary);
    background: color-mix(in srgb, var(--mud-palette-primary) 12%, transparent);
}
.section-purpose[b-8p1i380oq9] {
    margin: .5rem 0 .8rem;
    color: var(--mud-palette-text-secondary);
    font-size: .78rem;
    line-height: 1.4;
}
.profile-grant[b-8p1i380oq9] {
    display: grid;
    gap: .4rem;
    padding: .75rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 12px;
    background: color-mix(in srgb, var(--mud-palette-background) 55%, transparent);
    overflow-wrap: anywhere;
}
.profile-grant + .profile-grant[b-8p1i380oq9] { margin-top: .6rem; }
.grant-heading[b-8p1i380oq9] { display: flex; align-items: center; gap: .5rem; flex-wrap: wrap; }
.profile-grant p[b-8p1i380oq9] { margin: 0; }
.profile-grant small[b-8p1i380oq9] { color: var(--mud-palette-text-secondary); }

dl[b-8p1i380oq9] { display: grid; gap: 0; margin: 0; }
dl > div[b-8p1i380oq9] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 1rem;
    min-height: 38px;
    padding: .5rem 0;
    border-bottom: 1px solid color-mix(in srgb, var(--mud-palette-lines-default) 75%, transparent);
}
dl > div:last-child[b-8p1i380oq9] { border-bottom: 0; }
dt[b-8p1i380oq9] { color: var(--mud-palette-text-secondary); }
dd[b-8p1i380oq9] { margin: 0; text-align: right; font-weight: 700; overflow-wrap: anywhere; }
.cost-line dd[b-8p1i380oq9] { color: #d97706; font-size: 1.05rem; }
.profile-note[b-8p1i380oq9] { margin: .75rem 0 0; color: var(--mud-palette-text-secondary); font-size: .78rem; line-height: 1.45; }
.storage-section[b-8p1i380oq9] { grid-column: 1 / -1; }
.storage-section dl[b-8p1i380oq9] { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 1.5rem; }

.profile-advanced[b-8p1i380oq9] {
    grid-column: 1 / -1;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 16px;
    background: var(--mud-palette-surface);
    overflow: hidden;
}
.profile-advanced > summary[b-8p1i380oq9] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 58px;
    padding: .8rem 1rem;
    cursor: pointer;
    list-style: none;
}
.profile-advanced > summary[b-8p1i380oq9]::-webkit-details-marker { display: none; }
.profile-advanced > summary[b-8p1i380oq9]::after { content: "+"; color: var(--mud-palette-primary); font-size: 1.4rem; font-weight: 700; }
.profile-advanced[open] > summary[b-8p1i380oq9]::after { content: "−"; }
.profile-advanced > summary:focus-visible[b-8p1i380oq9] { outline: 2px solid var(--mud-palette-primary); outline-offset: -3px; }
.profile-advanced > summary > span[b-8p1i380oq9] { display: flex; align-items: center; gap: .5rem; font-weight: 800; }
.profile-advanced > summary > small[b-8p1i380oq9] { margin-left: auto; color: var(--mud-palette-text-secondary); }
.advanced-content[b-8p1i380oq9] { display: grid; gap: .8rem; padding: 0 .8rem .8rem; }

.storage-limit-cards[b-8p1i380oq9] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: .6rem;
    margin: .9rem 0;
}
.storage-limit-cards > div[b-8p1i380oq9] { display: grid; gap: .25rem; padding: .75rem; border: 1px solid var(--mud-palette-lines-default); border-radius: 12px; }
.storage-limit-cards small[b-8p1i380oq9] { color: var(--mud-palette-text-secondary); }
.storage-limit-cards span[b-8p1i380oq9] { width: fit-content; padding: .12rem .4rem; border-radius: 999px; font-size: .7rem; }
.storage-limit-cards .inherited[b-8p1i380oq9] { color: var(--mud-palette-text-secondary); background: var(--mud-palette-action-default-hover); }
.storage-limit-cards .custom[b-8p1i380oq9] { color: var(--mud-palette-primary-text); background: var(--mud-palette-primary-hover); }

@media (max-width: 1000px) {
    .profile-summary[b-8p1i380oq9] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .storage-limit-cards[b-8p1i380oq9] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 700px) {
    .profile-content[b-8p1i380oq9] { grid-template-columns: 1fr; }
    .storage-section dl[b-8p1i380oq9] { grid-template-columns: 1fr; }
    .profile-title img[b-8p1i380oq9] { width: 48px; height: 48px; }
    .profile-advanced > summary[b-8p1i380oq9] { align-items: flex-start; flex-direction: column; gap: .2rem; padding-right: 3rem; }
    .profile-advanced > summary > small[b-8p1i380oq9] { margin-left: 0; }
    .profile-advanced > summary[b-8p1i380oq9]::after { position: absolute; right: 1rem; }
}

@media (max-width: 520px) {
    .profile-summary[b-8p1i380oq9] { grid-template-columns: 1fr; }
    .profile-summary > div[b-8p1i380oq9] { min-height: 0; }
    .profile-section[b-8p1i380oq9] { padding: .85rem; }
    dl > div[b-8p1i380oq9] { align-items: flex-start; flex-direction: column; gap: .2rem; }
    dd[b-8p1i380oq9] { text-align: left; }
    .storage-limit-cards[b-8p1i380oq9] { grid-template-columns: 1fr; }
}
/* /Components/AdminUserStorageLimitsEditor.razor.rz.scp.css */
.storage-editor[b-zs6iwq89rs] { display: grid; gap: 1rem; padding: 1rem; border: 1px solid var(--mud-palette-primary); border-radius: 16px; background: color-mix(in srgb, var(--mud-palette-primary) 7%, transparent); }
.storage-editor__intro[b-zs6iwq89rs] { display: flex; justify-content: space-between; align-items: start; gap: 1rem; }
.storage-editor__intro > div[b-zs6iwq89rs] { display: grid; gap: .25rem; }
.storage-editor__rows[b-zs6iwq89rs] { display: grid; gap: .7rem; }
.storage-editor__row[b-zs6iwq89rs] { display: grid; grid-template-columns: minmax(220px, 1fr) minmax(270px, .9fr) minmax(120px, auto); align-items: center; gap: .8rem; padding: .8rem; border: 1px solid var(--mud-palette-lines-default); border-radius: 12px; background: var(--mud-palette-surface); }
.storage-editor__description[b-zs6iwq89rs] { display: grid; gap: .15rem; }
.storage-editor__description span[b-zs6iwq89rs], .storage-editor__description small[b-zs6iwq89rs] { color: var(--mud-palette-text-secondary); }
.storage-editor__control[b-zs6iwq89rs] { display: grid; grid-template-columns: minmax(0, 1fr) 92px; gap: .55rem; }
.storage-editor__result[b-zs6iwq89rs] { display: grid; justify-items: end; gap: .2rem; }
.storage-editor__result span[b-zs6iwq89rs] { padding: .15rem .45rem; border-radius: 999px; font-size: .72rem; }
.storage-editor__result .inherited[b-zs6iwq89rs] { color: var(--mud-palette-text-secondary); background: var(--mud-palette-action-default-hover); }
.storage-editor__result .custom[b-zs6iwq89rs] { color: var(--mud-palette-primary-text); background: var(--mud-palette-primary-hover); }
.storage-editor__actions[b-zs6iwq89rs] { display: flex; justify-content: flex-end; gap: .6rem; flex-wrap: wrap; }
@media (max-width: 850px) { .storage-editor__row[b-zs6iwq89rs] { grid-template-columns: 1fr; } .storage-editor__result[b-zs6iwq89rs] { justify-items: start; grid-template-columns: auto 1fr; align-items: center; } }
@media (max-width: 560px) { .storage-editor[b-zs6iwq89rs] { padding: 0; border: 0; background: transparent; } .storage-editor__row[b-zs6iwq89rs] { padding: .65rem; } .storage-editor__intro[b-zs6iwq89rs] { flex-direction: column; } .storage-editor__control[b-zs6iwq89rs] { grid-template-columns: minmax(0, 1fr) 86px; } .storage-editor__actions > *[b-zs6iwq89rs] { flex: 1 1 auto; } }
/* /Components/Analysis/AnalysisVariationTree.razor.rz.scp.css */
.analysis-variation-tree[b-4uri9rc3sg] { width:100%; min-width:0; }
.variation-hint[b-4uri9rc3sg] { margin:.2rem .2rem .5rem; color:var(--mud-palette-text-secondary); font-size:.8rem; }
.variation-line[b-4uri9rc3sg] { display:grid; gap:.25rem; min-width:0; }
.variation-run[b-4uri9rc3sg] { display:flex; flex-wrap:wrap; gap:.25rem; align-items:center; min-width:0; }
.variation-children[b-4uri9rc3sg] { display:grid; gap:.5rem; margin-inline-start:min(var(--fork-offset,.6rem),max(0px,calc(100% - 160px))); padding:.15rem 0 .15rem .65rem; border-inline-start:1px solid color-mix(in srgb,var(--mud-palette-primary) 30%,transparent); }
.variation-side[b-4uri9rc3sg] { position:relative; }
.variation-side[b-4uri9rc3sg]::before { content:""; position:absolute; width:.5rem; height:1px; inset-inline-start:-.65rem; top:22px; background:color-mix(in srgb,var(--mud-palette-primary) 30%,transparent); }
.variation-children.is-deep[b-4uri9rc3sg] { margin-inline-start:0; padding-inline-start:0; border:0; }
.variation-children.is-deep > .variation-side[b-4uri9rc3sg]::before { display:none; }
.variation-move[b-4uri9rc3sg] { display:inline-flex; align-items:center; justify-content:center; gap:.3rem; min-height:44px; min-width:44px; padding:.3rem .45rem; border:1px solid var(--mud-palette-lines-default); border-radius:7px; background:var(--mud-palette-surface); color:var(--mud-palette-text-primary); cursor:pointer; }
.variation-move small[b-4uri9rc3sg] { color:var(--mud-palette-text-secondary); font-size:.7rem; }
.variation-move.is-current[b-4uri9rc3sg] { background:var(--mud-palette-primary); color:var(--mud-palette-primary-text); }
.variation-move.is-current small[b-4uri9rc3sg] { color:inherit; }
.variation-move:focus-visible[b-4uri9rc3sg],.variation-actions summary:focus-visible[b-4uri9rc3sg],.variation-action-buttons button:focus-visible[b-4uri9rc3sg] { outline:3px solid var(--mud-palette-primary); outline-offset:2px; }
.variation-actions[open][b-4uri9rc3sg] { display:flex; align-items:center; flex-wrap:wrap; }
.variation-actions summary[b-4uri9rc3sg] { display:flex; align-items:center; justify-content:center; width:44px; height:44px; color:var(--mud-palette-text-secondary); cursor:pointer; border-radius:7px; list-style:none; }
.variation-actions summary[b-4uri9rc3sg]::-webkit-details-marker { display:none; }
.variation-actions[b-4uri9rc3sg]  svg { width:20px; height:20px; }
.variation-action-buttons[b-4uri9rc3sg] { display:flex; border:1px solid var(--mud-palette-lines-default); border-radius:8px; background:var(--mud-palette-surface); }
.variation-action-buttons button[b-4uri9rc3sg] { display:flex; align-items:center; justify-content:center; width:44px; height:44px; padding:0; background:transparent; border:0; border-radius:5px; color:var(--mud-palette-text-primary); cursor:pointer; }
.variation-action-buttons .variation-delete[b-4uri9rc3sg] { color:var(--mud-palette-error); }
@media(max-width:500px) { .variation-children[b-4uri9rc3sg] { padding-inline-start:.5rem; } .variation-side[b-4uri9rc3sg]::before { inset-inline-start:-.5rem; } }
/* /Components/Analysis/AnalysisWorkspace.razor.rz.scp.css */
.analysis-workspace-container[b-sh0g2e9rnv] {width:100%;min-width:0;container-type:inline-size;}
.analysis-workspace[b-sh0g2e9rnv] {display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,1fr);gap:24px;align-items:start;width:100%;min-width:0;}
.analysis-workspace-board-column[b-sh0g2e9rnv] {min-width:0;width:100%;}
.analysis-workspace-board[b-sh0g2e9rnv] {width:100%;max-width:var(--analysis-board-limit,760px);margin-inline:auto;min-width:0;}
.analysis-workspace-board[b-sh0g2e9rnv]  .chess-board-shell {width:100%!important;max-width:100%!important;--board-size:100%;}
.analysis-workspace-board[b-sh0g2e9rnv]  .chess-board {width:100%;}
.analysis-workspace-navigation[b-sh0g2e9rnv] {display:flex;justify-content:center;align-items:center;gap:4px;flex-wrap:wrap;margin-block:8px;}
.analysis-workspace-navigation button[b-sh0g2e9rnv] {display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:1px solid var(--mud-palette-lines-default);border-radius:10px;background:var(--mud-palette-surface);color:var(--mud-palette-text-primary);cursor:pointer;}
.analysis-workspace-navigation button:disabled[b-sh0g2e9rnv] {opacity:.35;cursor:default;}
.analysis-workspace-navigation strong[b-sh0g2e9rnv] {min-width:58px;text-align:center;font-size:.85rem;font-variant-numeric:tabular-nums;}
.analysis-workspace-moves[b-sh0g2e9rnv] {display:flex;position:relative;flex-wrap:nowrap;align-items:center;gap:4px;min-height:56px;overflow:auto;overscroll-behavior:contain;padding:6px;scrollbar-width:thin;}
.analysis-workspace-moves button[b-sh0g2e9rnv] {display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:44px;min-height:44px;padding:5px 9px;flex:0 0 auto;border:0;border-radius:7px;background:transparent;color:var(--mud-palette-text-primary);cursor:pointer;font-weight:700;}
.analysis-workspace-moves small[b-sh0g2e9rnv] {font-size:.67rem;color:var(--mud-palette-text-secondary);font-weight:400;}
.analysis-workspace-moves .is-current[b-sh0g2e9rnv] {background:var(--mud-palette-primary);color:var(--mud-palette-primary-text);}
.analysis-workspace-moves .is-current small[b-sh0g2e9rnv] {color:inherit;}
.analysis-workspace-moves p[b-sh0g2e9rnv] {margin:6px;font-size:.8rem;color:var(--mud-palette-text-secondary);}
.analysis-workspace-tools[b-sh0g2e9rnv] {min-width:0;}
.analysis-workspace-tabs[b-sh0g2e9rnv] {display:flex;flex-wrap:wrap;gap:8px;padding:0;}
.analysis-workspace-tabs button[b-sh0g2e9rnv] {display:flex;align-items:center;justify-content:center;gap:8px;flex:1 1 auto;min-width:0;min-height:56px;padding:10px 12px;border:1px solid var(--mud-palette-lines-default);border-radius:12px;background:var(--mud-palette-surface);color:var(--mud-palette-text-secondary);font-size:.85rem;font-weight:700;cursor:pointer;}
.analysis-workspace-tabs button[aria-selected=true][b-sh0g2e9rnv] {background:var(--mud-palette-primary);color:var(--mud-palette-primary-text);}
.analysis-workspace-tool-content[b-sh0g2e9rnv] {min-width:0;max-height:min(750px,calc(100svh - 170px));overflow:auto;overscroll-behavior:contain;padding:14px;scrollbar-width:thin;}
.analysis-workspace-tool-content>section[hidden][b-sh0g2e9rnv] {display:none!important;}
.analysis-workspace-tool-content[b-sh0g2e9rnv]  .opening-reference {border:0;padding:0;background:transparent;box-shadow:none;}
.analysis-workspace-tool-content[b-sh0g2e9rnv]  .opening-reference-body {padding:0;}
.analysis-workspace-tool-content[b-sh0g2e9rnv]  .opening-reference-modes button {min-height:44px;padding:9px;}
.analysis-workspace-tool-content[b-sh0g2e9rnv]  .opening-reference-modes small {display:none;}
.analysis-workspace-tool-content[b-sh0g2e9rnv]  .stockfish-analysis {margin:0;box-shadow:none;}
.analysis-workspace button:focus-visible[b-sh0g2e9rnv] {outline:2px solid var(--mud-palette-primary);outline-offset:2px;}
.analysis-workspace.is-focused[b-sh0g2e9rnv] {grid-template-columns:minmax(0,1fr);}
.is-focused .analysis-workspace-tools[b-sh0g2e9rnv] {display:none;}
.is-focused .analysis-workspace-board[b-sh0g2e9rnv] {max-width:940px;}
@media(max-width:959.98px) {
 .analysis-workspace[b-sh0g2e9rnv] {grid-template-columns:minmax(0,1fr);gap:16px;}
 .analysis-workspace-board[b-sh0g2e9rnv] {max-width:680px;}
 .analysis-workspace-tool-content[b-sh0g2e9rnv] {max-height:none;overflow:visible;overscroll-behavior:auto;}
}
@media(max-width:600px) {
 .analysis-workspace[b-sh0g2e9rnv] {gap:10px;}
 .analysis-workspace-tabs[b-sh0g2e9rnv] {padding:5px;}
 .analysis-workspace-tabs button[b-sh0g2e9rnv] {font-size:.8rem;padding:8px;}
 .analysis-workspace-tool-content[b-sh0g2e9rnv] {padding:10px;}
 .analysis-workspace-navigation[b-sh0g2e9rnv] {gap:2px;}
 .analysis-workspace-navigation strong[b-sh0g2e9rnv] {min-width:46px;}
 .analysis-workspace-navigation button[b-sh0g2e9rnv] {flex-basis:44px;width:44px;}

}
@media(prefers-reduced-motion:reduce) {.analysis-workspace *[b-sh0g2e9rnv] {scroll-behavior:auto!important;}}

@container (max-width:780px) {
 .analysis-workspace[b-sh0g2e9rnv] {grid-template-columns:minmax(0,1fr);gap:12px;}
 .analysis-workspace-tool-content[b-sh0g2e9rnv] {max-height:none;overflow:visible;overscroll-behavior:auto;}
}

.analysis-workspace-tabs button:nth-child(-n+2)[b-sh0g2e9rnv] {flex-basis:calc(50% - 8px);}

@media (min-width:600px) and (max-width:959.98px) and (max-height:500px) {
 .analysis-workspace-board[b-sh0g2e9rnv] {max-width:min(100%,calc(100svh - 100px));}
 @container (min-width:600px) { .analysis-workspace[b-sh0g2e9rnv] {grid-template-columns:minmax(0,1fr) minmax(280px,1fr);gap:12px;} }
}

.analysis-workspace-tool-content[b-sh0g2e9rnv]  .opening-tree-panel {padding:0;border:0;background:transparent;box-shadow:none;}

.analysis-workspace-score[b-sh0g2e9rnv] {margin-block:10px;border:1px solid var(--mud-palette-lines-default);border-radius:14px;background:var(--mud-palette-surface);overflow:hidden;}
.analysis-workspace-score>header[b-sh0g2e9rnv] {display:flex;align-items:center;gap:8px;padding:2px 10px;border-bottom:1px solid var(--mud-palette-lines-default);}
.analysis-workspace-score>header strong[b-sh0g2e9rnv] {font-size:.85rem;}
.analysis-workspace-score>header small[b-sh0g2e9rnv] {color:var(--mud-palette-text-secondary);font-variant-numeric:tabular-nums;}
.analysis-workspace-score>header button[b-sh0g2e9rnv] {margin-left:auto;display:flex;align-items:center;gap:4px;min-height:44px;border:0;background:transparent;color:var(--mud-palette-primary);cursor:pointer;font-size:.78rem;}
.analysis-workspace-moves.is-expanded[b-sh0g2e9rnv] {flex-wrap:wrap;align-content:start;max-height:300px;align-items:start;}
.analysis-workspace-moves button[b-sh0g2e9rnv] {border:1px solid var(--mud-palette-lines-default);background:color-mix(in srgb,var(--mud-palette-surface) 92%,var(--mud-palette-primary));}
.analysis-workspace-tabs button[b-sh0g2e9rnv]  .mud-icon-root {font-size:20px;flex-shrink:0;}

.analysis-workspace-tool-content[b-sh0g2e9rnv] {margin-top:12px;border:1px solid var(--mud-palette-lines-default);border-radius:16px;background:var(--mud-palette-surface);}

.analysis-workspace-moves.has-score-content[b-sh0g2e9rnv] { align-items:start; flex-wrap:wrap; max-height:180px; }
.analysis-workspace-moves.has-score-content.is-expanded[b-sh0g2e9rnv] { max-height:none; overflow:visible; }
/* /Components/AnalyticsPreference.razor.rz.scp.css */
.analytics-preference[b-gst1r4z5w0] {
    display: grid;
    gap: .35rem;
    padding: 1.15rem 1.25rem;
}

.analytics-preference small[b-gst1r4z5w0] {
    color: var(--mud-palette-text-secondary);
    line-height: 1.45;
}

.analytics-preference small + small[b-gst1r4z5w0] { font-weight: 600; }
/* /Components/BottomSheet.razor.rz.scp.css */
.bottom-sheet[b-pn0zwtexhs] { --sheet-collapsed: 148px; --sheet-drag: 0px; display: flex; flex-direction: column; min-width: 0; min-height: 0; }
.bottom-sheet-content[b-pn0zwtexhs] { flex: 1 1 auto; min-height: 0; overflow: auto; overscroll-behavior: contain; }
.bottom-sheet-handle[b-pn0zwtexhs] { display: none; }
.bottom-sheet-drag-capture[b-pn0zwtexhs] { position: fixed; inset: 0; z-index: 1; cursor: grabbing; touch-action: none; }

@media (max-width: 899px) {
    .bottom-sheet[b-pn0zwtexhs] { position: fixed; left: 0; right: 0; bottom: 0; z-index: 30; height: calc(var(--sheet-height) + var(--sheet-drag)); max-height: calc(100dvh - 48px); padding-bottom: env(safe-area-inset-bottom); border: 1px solid #334155; border-bottom: 0; border-radius: 18px 18px 0 0; background: var(--mud-palette-surface, #0f172a); box-shadow: 0 -12px 40px #0009; transition: height .22s ease; }
    .bottom-sheet.is-dragging[b-pn0zwtexhs] { transition: none; }
    .bottom-sheet.snap-0[b-pn0zwtexhs] { --sheet-height: var(--sheet-collapsed); }
    .bottom-sheet.snap-1[b-pn0zwtexhs] { --sheet-height: 55dvh; }
    .bottom-sheet.snap-2[b-pn0zwtexhs] { --sheet-height: calc(100dvh - 48px); }
    .bottom-sheet-handle[b-pn0zwtexhs] { display: grid; place-items: center; flex: 0 0 auto; width: 100%; min-height: 44px; padding: 0; border: 0; background: transparent; cursor: grab; touch-action: none; user-select: none; -webkit-user-select: none; position: relative; z-index: 2; }
    .bottom-sheet-handle span[b-pn0zwtexhs] { width: 44px; height: 5px; border-radius: 3px; background: #64748b; }
    .bottom-sheet-handle:focus-visible[b-pn0zwtexhs] { outline: 3px solid #93c5fd; outline-offset: -3px; }
}
@media (prefers-reduced-motion: reduce) {
    .bottom-sheet[b-pn0zwtexhs] { transition: none; }
}
/* /Components/Chess/CourseTree.razor.rz.scp.css */
.course-tree[b-xlroxnl71r] { min-width: 0; }
.course-tree h2[b-xlroxnl71r] { margin: 0 0 .6rem; font-size: 1.08rem; }
.course-current-branch[b-xlroxnl71r] { margin: 0; }
.course-family-tree[b-xlroxnl71r] {
    margin-top: .75rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 14px;
    background: var(--mud-palette-surface);
}
.course-family-tree > summary[b-xlroxnl71r] {
    min-height: 44px;
    padding: .5rem .7rem;
    align-content: center;
    cursor: pointer;
    font-weight: 700;
}
.course-family-tree > summary:focus-visible[b-xlroxnl71r] { outline: 2px solid var(--mud-palette-primary); outline-offset: 2px; }
.course-family-tree[open] > summary[b-xlroxnl71r] { border-bottom: 1px solid var(--mud-palette-lines-default); }
.course-family-tree > ul[b-xlroxnl71r] { padding: .4rem; }
.course-tree[b-xlroxnl71r]  ul { list-style: none; margin: 0; padding: 0; }
.course-tree[b-xlroxnl71r]  ul ul { margin-inline-start: .5rem; padding-inline-start: .5rem; border-inline-start: 1px solid var(--mud-palette-lines-default); }
.course-tree[b-xlroxnl71r]  .course-tree-row { display: flex; align-items: center; min-width: 0; border-radius: 8px; }
.course-tree[b-xlroxnl71r]  .course-tree-row.is-selected { background: color-mix(in srgb, var(--mud-palette-primary) 12%, var(--mud-palette-surface)); font-weight: 700; }
.course-tree[b-xlroxnl71r]  .course-branch-select { flex: 1; min-width: 0; padding: .55rem .25rem; min-height: 44px; color: var(--mud-palette-text-primary); overflow-wrap: anywhere; }
.course-tree[b-xlroxnl71r]  .course-tree-toggle { width: 44px; min-width: 44px; min-height: 44px; color: var(--mud-palette-text-secondary); background: transparent; border: 0; border-radius: 8px; cursor: pointer; font-size: 1rem; }
.course-tree[b-xlroxnl71r]  .course-tree-leaf { width: 44px; text-align: center; flex-shrink: 0; color: var(--mud-palette-text-secondary); }
.course-tree[b-xlroxnl71r]  .course-branch-select:focus-visible, .course-tree[b-xlroxnl71r]  button:focus-visible { outline: 2px solid var(--mud-palette-primary); outline-offset: -2px; }
.course-tree[b-xlroxnl71r]  .course-tree-pages { display: flex; flex-wrap: wrap; align-items: center; gap: .25rem; padding: .25rem .4rem .5rem; }

.course-tree[b-xlroxnl71r]  .course-branch-select { border: 0; background: none; font: inherit; text-align: start; cursor: pointer; }
.course-tree[b-xlroxnl71r]  .course-tree-row:hover { background: var(--mud-palette-action-default-hover); }
/* /Components/Engine/EngineEvalBoard.razor.rz.scp.css */
.engine-eval-board[b-3926y0l6fn] { width: 100%; min-width: 0; }
.engine-eval-board[b-3926y0l6fn]  .chess-board-shell.with-evaluation { width: 100%; }
.engine-eval-board.gauge-right[b-3926y0l6fn]  .chess-board-shell.with-evaluation { grid-template-columns: minmax(0, 1fr) 46px; }
.engine-eval-board.gauge-right[b-3926y0l6fn]  .chess-board-shell.with-evaluation > .chess-board-evaluation { order: 2; }
@media (max-width: 600px) {
    .engine-eval-board[b-3926y0l6fn]  .chess-coordinate-frame { display: block; }
    .engine-eval-board[b-3926y0l6fn]  .chess-rank-coordinates, .engine-eval-board[b-3926y0l6fn]  .chess-file-coordinates { display: none; }
    .engine-eval-board[b-3926y0l6fn]  .chess-coordinate-frame > .chess-board { width: 100%; }
    .engine-eval-board.gauge-right[b-3926y0l6fn]  .chess-board-shell.with-evaluation { grid-template-columns: minmax(0, 1fr) 40px; gap: 3px; }
}
/* /Components/EngineVariationPreview.razor.rz.scp.css */
.engine-variation-preview[b-hfhntggyvx] { min-width:0; margin-block:8px; }
.engine-variation-preview button[b-hfhntggyvx] { min-height:44px; padding:8px 12px; color:var(--mud-palette-text-primary); background:var(--mud-palette-surface); border:1px solid var(--mud-palette-lines-default); border-radius:8px; cursor:pointer; font:inherit; }
.engine-variation-preview button:focus-visible[b-hfhntggyvx] { outline:2px solid var(--mud-palette-primary); outline-offset:2px; }
.engine-variation-preview button:disabled[b-hfhntggyvx] { opacity:.5; cursor:default; }
.variation-toggle[b-hfhntggyvx] { display:flex; align-items:center; gap:6px; width:100%; text-align:start; overflow-wrap:anywhere; }
.engine-variation-preview p[b-hfhntggyvx] { font-size:.82rem; margin:8px 0; }
.variation-moves[b-hfhntggyvx] { display:flex; flex-wrap:wrap; gap:4px; margin-block:8px; }
.variation-moves button[aria-pressed=true][b-hfhntggyvx] { border-color:var(--mud-palette-primary); background:var(--mud-palette-primary); color:var(--mud-palette-primary-text); }
.variation-board[b-hfhntggyvx] { width:min(100%, 340px); margin-inline:auto; }
.variation-navigation[b-hfhntggyvx] { display:flex; justify-content:center; align-items:center; gap:12px; margin-top:8px; }

.is-compact .compact-pv[b-hfhntggyvx] { margin:0; gap:2px; }
.is-compact .compact-pv button[b-hfhntggyvx] { display:inline-flex; align-items:baseline; gap:3px; min-height:28px; padding:2px 3px; white-space:nowrap; border:1px solid transparent; background:transparent; font-size:.78rem; }
.is-compact .compact-pv button small[b-hfhntggyvx] { opacity:.65; font-size:.62rem; }
.is-compact .compact-pv button:hover[b-hfhntggyvx], .is-compact .compact-pv button[aria-pressed=true][b-hfhntggyvx] { color:var(--mud-palette-text-primary); background:color-mix(in srgb,var(--mud-palette-primary) 16%,transparent); border-color:var(--mud-palette-primary); }
@media (pointer:coarse) { .is-compact .compact-pv button[b-hfhntggyvx] { min-height:44px; } }
/* /Components/EvaluationBar.razor.rz.scp.css */
.evaluation-bar[b-yrtiiexwmz] { position: relative; overflow: hidden; border: 1px solid #64748b; border-radius: 8px; background: #f8fafc; min-width: 0; }
.evaluation-bar-black[b-yrtiiexwmz] { position: absolute; background: linear-gradient(90deg, #111827, #26334a); transition: width .18s ease, height .18s ease; }
.evaluation-bar strong[b-yrtiiexwmz] { position: relative; z-index: 1; padding: 2px 6px; border-radius: 4px; color: #0f172a; background: #ffffffdd; font-size: .75rem; }
.is-horizontal[b-yrtiiexwmz] { display: flex; align-items: center; justify-content: center; min-height: 28px; width: 100%; margin-block: .5rem; }
.is-horizontal .evaluation-bar-black[b-yrtiiexwmz] { inset: 0 auto 0 0; width: var(--black-share); }
.is-horizontal.is-flipped .evaluation-bar-black[b-yrtiiexwmz] { inset: 0 0 0 auto; }
.is-vertical[b-yrtiiexwmz] { width: 100%; height: 100%; min-height: 180px; }
.is-vertical .evaluation-bar-black[b-yrtiiexwmz] { inset: 0 0 auto; height: var(--black-share); }
.is-vertical.is-flipped .evaluation-bar-black[b-yrtiiexwmz] { inset: auto 0 0; }
.is-vertical[b-yrtiiexwmz]::before { content: ""; position: absolute; z-index: 1; top: 50%; inset-inline: 0; border-top: 1px dashed #38bdf8; opacity: .8; }
.is-vertical[b-yrtiiexwmz]::after { content: ""; position: absolute; z-index: 2; top: var(--black-share); inset-inline: 0; height: 3px; background: #38bdf8; box-shadow: 0 0 8px #38bdf8a8; transition: top .18s ease; }
.is-vertical.is-flipped[b-yrtiiexwmz]::after { top: calc(100% - var(--black-share)); }
.is-vertical strong[b-yrtiiexwmz] { position: absolute; z-index: 3; top: clamp(24px, var(--black-share), calc(100% - 24px)); left: 50%; transform: translate(-50%, -50%); min-width: 38px; max-width: calc(100% - 4px); padding: 3px 2px; border: 1px solid #38bdf8; border-radius: 7px; color: #0f172a; background: #fff; box-shadow: 0 1px 6px #02061755; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: .66rem; font-variant-numeric: tabular-nums; transition: top .18s ease; }
.is-vertical.is-flipped strong[b-yrtiiexwmz] { top: clamp(24px, calc(100% - var(--black-share)), calc(100% - 24px)); }
/* /Components/GameEvaluationChart.razor.rz.scp.css */
.evaluation-chart[b-difg74tin2] { position:relative; width:100%; min-width:0; --chart-ink:var(--mud-palette-text-primary,#e2e8f0); --chart-blue:var(--mud-palette-primary,#60a5fa); }
.plot[b-difg74tin2] { position: relative; }
svg[b-difg74tin2] { display:block; width:100%; height:clamp(210px,24vw,290px); overflow:visible; touch-action:pan-y; }
svg line[b-difg74tin2], svg polyline[b-difg74tin2], svg circle[b-difg74tin2] { vector-effect: non-scaling-stroke; }
.axis-labels[b-difg74tin2] { position:absolute; inset:0; pointer-events:none; color:var(--chart-ink); font-size:12px; font-variant-numeric:tabular-nums; }
.y-label[b-difg74tin2] { position: absolute; left: 5.8%; transform: translate(-100%, -50%); }
.x-label[b-difg74tin2] { position: absolute; top: 94%; transform: translateX(-50%); white-space: nowrap; }
.white-zone[b-difg74tin2] { fill:var(--chart-ink); fill-opacity:.04; }
.black-zone[b-difg74tin2] { fill:var(--chart-blue); fill-opacity:.07; }
.grid[b-difg74tin2] { stroke:var(--chart-ink); stroke-opacity:.14; stroke-width:1; }
.zero[b-difg74tin2] { stroke:var(--chart-ink); stroke-width:1.5; stroke-dasharray:6 4; }
.area.white[b-difg74tin2] { fill:var(--chart-ink); fill-opacity:.12; }
.area.black[b-difg74tin2] { fill:var(--chart-blue); fill-opacity:.18; }
.curve[b-difg74tin2] { fill: none; stroke-width: 3; stroke-linejoin: round; stroke-linecap: round; }
.curve.white[b-difg74tin2] { stroke:var(--chart-ink); }
.curve.black[b-difg74tin2] { stroke:var(--chart-blue); stroke-dasharray:7 3; }
.critical[b-difg74tin2], .selected[b-difg74tin2] { position: absolute; transform: translate(-50%, -50%); border-radius: 50%; box-sizing: border-box; }
.critical[b-difg74tin2] { z-index:1; display:grid; place-items:center; width:20px; height:20px; border:2px solid var(--mud-palette-surface,#111827); box-shadow:0 1px 4px #0005; }
.critical strong[b-difg74tin2] { font:900 11px/1 system-ui,sans-serif; letter-spacing:-1px; color:#fff; }
.inaccuracy[b-difg74tin2] { border-radius:6px; background:var(--move-inaccuracy,#e8b431); }
.inaccuracy strong[b-difg74tin2] { color:#231c0a; }
.mistake[b-difg74tin2] { border-radius:4px; transform:translate(-50%,-50%) rotate(45deg); background:var(--move-mistake,#ef883c); }
.mistake strong[b-difg74tin2] { transform:rotate(-45deg); color:#2a1605; }
.blunder[b-difg74tin2] { width:23px; border-radius:4px; background:var(--move-blunder,#cb354c); outline:1px solid #fff7; }
.cursor[b-difg74tin2] { stroke:var(--chart-ink); stroke-width:1.5; stroke-dasharray:3 3; }
.selected[b-difg74tin2] { z-index:2; width:30px; height:30px; border-radius:50%; background:transparent; border:3px solid var(--chart-blue); box-shadow:0 0 0 2px var(--chart-ink); }
.hit[b-difg74tin2] { fill:transparent; pointer-events:all; cursor:pointer; }
.chart-tooltip[b-difg74tin2] { position:absolute; z-index:2; top:2px; right:3%; max-width:92%; padding:9px 12px; border:1px solid var(--chart-ink); border-radius:8px; color:var(--chart-ink); background:var(--mud-palette-surface,#111827); box-shadow:0 4px 14px #0002; font-size:.8rem; pointer-events:none; }
.graph-scrubber[b-difg74tin2] { display:block; width:calc(100% - 10.3%); margin:0 3.2% 0 7.1%; min-height:44px; accent-color:var(--chart-blue); cursor:pointer; }
.graph-scrubber:focus-visible[b-difg74tin2] { outline:2px solid var(--chart-blue); outline-offset:2px; border-radius:5px; }
/* /Components/GameMoveIndicator.razor.rz.scp.css */
.review-move-indicators[b-gytr7oigaw] { display:inline-flex; align-items:center; gap:3px; font-weight:800; }
.preparation-marker[b-gytr7oigaw] { display:inline-flex; align-items:center; min-width:18px; }
.preparation-marker[b-gytr7oigaw]  svg { width:16px; height:16px; }
.quality-marker[b-gytr7oigaw] { display:inline-flex; align-items:center; min-width:24px; text-align:center; }
/* /Components/Games/ColorSplit.razor.rz.scp.css */
.split[b-fedrg7l466]{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.5rem;align-items:center;padding:.55rem .65rem;border:1px solid var(--mud-palette-lines-default);border-radius:10px;background:color-mix(in srgb,#e2e8f0 5%,var(--mud-palette-surface))}.split.dark[b-fedrg7l466]{background:color-mix(in srgb,#64748b 7%,var(--mud-palette-surface))}.piece[b-fedrg7l466]{font-size:1.15rem}.split div[b-fedrg7l466]{display:grid}.split strong[b-fedrg7l466]{font-size:.78rem}.split small[b-fedrg7l466]{color:var(--mud-palette-text-secondary);font-size:.67rem}.rate[b-fedrg7l466]{text-align:right}.rate strong[b-fedrg7l466]{font-size:.9rem;color:var(--mud-palette-primary)}
/* /Components/Games/FolderShareDialog.razor.rz.scp.css */
.folder-share-overlay[b-m78gfxyjyw] { position: fixed; inset: 0; z-index: 1850; display: grid; place-items: center; padding: 1rem; background: rgba(2, 6, 23, .72); backdrop-filter: blur(8px); }
.folder-share-selection-name[b-m78gfxyjyw]{display:grid;gap:6px;margin:12px 0;font-weight:700}.folder-share-selection-name input[b-m78gfxyjyw]{min-height:44px;width:100%;padding:8px 12px;border:1px solid var(--mud-palette-lines-default);border-radius:8px;background:var(--mud-palette-background);color:inherit;font:inherit}
.folder-share-card[b-m78gfxyjyw] { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; width: min(560px, 100%); max-height: min(92dvh, 760px); overflow: hidden; border: 1px solid rgba(148, 163, 184, .28); border-radius: 18px; background: var(--mud-palette-surface); color: var(--mud-palette-text-primary); box-shadow: 0 24px 80px rgba(0, 0, 0, .45); }
.folder-share-card > header[b-m78gfxyjyw] { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .75rem; padding: 1rem 1.1rem; border-bottom: 1px solid rgba(148, 163, 184, .2); }
.folder-share-card header small[b-m78gfxyjyw] { color: var(--mud-palette-primary); font-size: .62rem; font-weight: 900; letter-spacing: .1em; }
.folder-share-card h2[b-m78gfxyjyw] { margin: 0; font-size: 1.15rem; line-height: 1.25; overflow-wrap: anywhere; }
.folder-share-icon[b-m78gfxyjyw] { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; background: rgba(245, 158, 11, .14); color: #f59e0b; }
.folder-share-close[b-m78gfxyjyw] { display: grid; place-items: center; width: 44px; height: 44px; border: 0; border-radius: 12px; background: transparent; color: inherit; cursor: pointer; }
.folder-share-body[b-m78gfxyjyw] { display: grid; gap: .8rem; padding: 1rem 1.1rem; overflow-y: auto; overscroll-behavior: contain; }
.folder-share-body p[b-m78gfxyjyw] { margin: 0; font-size: .86rem; line-height: 1.45; }
.folder-share-lead[b-m78gfxyjyw] { color: var(--mud-palette-text-secondary); }
.folder-share-friends[b-m78gfxyjyw] { display: grid; gap: .45rem; min-width: 0; margin: 0; padding: 0; border: 0; }
.folder-share-friends legend[b-m78gfxyjyw] { margin-bottom: .35rem; font-weight: 800; font-size: .9rem; }
.folder-share-friends label[b-m78gfxyjyw] { display: grid; grid-template-columns: 24px minmax(0, 1fr); align-items: center; gap: .65rem; min-height: 52px; padding: .55rem .75rem; border: 1px solid rgba(148, 163, 184, .28); border-radius: 12px; cursor: pointer; }
.folder-share-friends label.selected[b-m78gfxyjyw] { border-color: var(--mud-palette-primary); background: rgba(59, 130, 246, .08); }
.folder-share-friends label.disabled[b-m78gfxyjyw] { opacity: .62; cursor: not-allowed; }
.folder-share-friends input[b-m78gfxyjyw] { width: 22px; height: 22px; margin: 0; accent-color: var(--mud-palette-primary); }
.folder-share-friends span[b-m78gfxyjyw] { display: grid; gap: .15rem; min-width: 0; }
.folder-share-friends strong[b-m78gfxyjyw] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.folder-share-friends small[b-m78gfxyjyw] { color: var(--mud-palette-text-secondary); font-size: .74rem; overflow-wrap: anywhere; }
.folder-share-friends code[b-m78gfxyjyw] { font-size: .72rem; letter-spacing: .02em; word-spacing: .15em; }
.folder-share-hint[b-m78gfxyjyw] { color: var(--mud-palette-text-secondary); font-size: .76rem !important; }
.folder-share-warning[b-m78gfxyjyw] { padding: .6rem .75rem; border-radius: 10px; background: rgba(245, 158, 11, .12); color: #fbbf24; }
.folder-share-error[b-m78gfxyjyw] { padding: .6rem .75rem; border-radius: 10px; background: rgba(244, 63, 94, .12); color: #fda4af; }
.folder-share-link[b-m78gfxyjyw] { justify-self: start; display: inline-flex; align-items: center; min-height: 44px; color: var(--mud-palette-primary); font-weight: 700; }
.folder-share-card > footer[b-m78gfxyjyw] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .55rem; padding: .85rem 1.1rem calc(.85rem + env(safe-area-inset-bottom, 0px)); border-top: 1px solid rgba(148, 163, 184, .2); }
.folder-share-card footer button[b-m78gfxyjyw] { min-height: 44px; padding: .5rem 1rem; border: 1px solid rgba(148, 163, 184, .35); border-radius: 12px; background: transparent; color: inherit; font-weight: 700; cursor: pointer; }
.folder-share-card footer .folder-share-save[b-m78gfxyjyw] { border-color: var(--mud-palette-primary); background: var(--mud-palette-primary); color: var(--mud-palette-primary-text); }
.folder-share-card footer .folder-share-stop[b-m78gfxyjyw] { margin-right: auto; border-color: #fb7185; color: #fda4af; }
.folder-share-card footer button:disabled[b-m78gfxyjyw] { opacity: .55; cursor: not-allowed; }
@media (max-width: 640px) {
    .folder-share-overlay[b-m78gfxyjyw] { padding: 0; align-items: end; }
    .folder-share-card[b-m78gfxyjyw] { width: 100%; max-height: 94dvh; border-radius: 20px 20px 0 0; }
    .folder-share-card > footer[b-m78gfxyjyw] { justify-content: stretch; }
    .folder-share-card footer button[b-m78gfxyjyw] { flex: 1 1 auto; }
    .folder-share-card footer .folder-share-stop[b-m78gfxyjyw] { flex-basis: 100%; margin-right: 0; }
}
.folder-share-name[b-m78gfxyjyw] { display: flex; align-items: center; gap: .3rem; margin: .15rem 0 0; font-weight: 700; overflow-wrap: anywhere; }
.folder-share-name[b-m78gfxyjyw]  .mud-icon-root { width: 1rem; height: 1rem; color: #f59e0b; }
/* /Components/Games/GameAnalysisCenterLink.razor.rz.scp.css */
.game-analysis-center-link[b-jnsvoajz4e] { display: grid; grid-template-columns: 42px 1fr auto; align-items: center; gap: 12px; width: 100%; margin: 14px 0; padding: 12px 15px; border: 1px solid #3b82f680; border-radius: 15px; color: #eff6ff; text-decoration: none; background: linear-gradient(105deg, #172554, #1e293b); transition: border-color .18s, transform .18s; }
.game-analysis-center-link:hover[b-jnsvoajz4e] { border-color: #60a5fa; transform: translateY(-1px); }
.game-analysis-center-link > span[b-jnsvoajz4e] { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; color: #bfdbfe; background: #2563eb; }
.game-analysis-center-link > div[b-jnsvoajz4e] { display: grid; min-width: 0; }
.game-analysis-center-link strong[b-jnsvoajz4e] { font-size: .96rem; }
.game-analysis-center-link small[b-jnsvoajz4e] { color: #a9b9cf; }
@media (max-width: 600px) { .game-analysis-center-link[b-jnsvoajz4e] { margin: 10px 0; } .game-analysis-center-link small[b-jnsvoajz4e] { font-size: .76rem; } }
/* /Components/Games/GamePlayers.razor.rz.scp.css */
.game-players[b-xdxngt81ba] { display: flex; flex-wrap: wrap; justify-content: center; align-items: baseline; gap: .15em .35em; min-width: 0; text-align: center; }
.game-players > span[b-xdxngt81ba] { min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
/* /Components/Games/GameScore.razor.rz.scp.css */
.game-score[b-20xqsz7n6f] {
    --score-tone:var(--mud-palette-text-secondary);
    --score-tint:5%;
    --score-ink:var(--mud-palette-text-primary);
    display:flex;align-items:center;justify-content:center;gap:clamp(12px,2vw,24px);min-width:0;
    border:1px solid color-mix(in srgb,var(--score-tone) 40%,var(--mud-palette-lines-default));
    border-radius:16px;background:color-mix(in srgb,var(--score-tone) var(--score-tint),var(--mud-palette-surface));
    text-align:center;
}
.score-positive[b-20xqsz7n6f] {--score-tone:#16a34a;--score-ink:color-mix(in srgb,#16a34a 42%,var(--mud-palette-text-primary));--score-tint:6%}
.score-strong-positive[b-20xqsz7n6f] {--score-tone:#16a34a;--score-ink:color-mix(in srgb,#16a34a 75%,var(--mud-palette-text-primary));--score-tint:16%}
.score-negative[b-20xqsz7n6f] {--score-tone:#e11d48;--score-ink:color-mix(in srgb,#e11d48 42%,var(--mud-palette-text-primary));--score-tint:6%}
.score-strong-negative[b-20xqsz7n6f] {--score-tone:#e11d48;--score-ink:color-mix(in srgb,#e11d48 75%,var(--mud-palette-text-primary));--score-tint:16%}
.result-score-hero[b-20xqsz7n6f] {padding:clamp(16px,3vw,24px);margin:16px 0 8px;flex-wrap:wrap}
.result-score-compact[b-20xqsz7n6f] {padding:12px;flex-direction:column;gap:4px;height:100%}
.result-score-ring[b-20xqsz7n6f] {position:relative;isolation:isolate;display:grid;place-items:center;flex:none;width:clamp(112px,14vw,144px);aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--score-tone) var(--score),var(--mud-palette-lines-default) 0)}
.result-score-ring[b-20xqsz7n6f]::before {position:absolute;inset:9px;border-radius:50%;background:var(--mud-palette-surface);content:'';z-index:-1}
.result-score-ring strong[b-20xqsz7n6f] {font-size:clamp(1.7rem,3vw,2.2rem);font-variant-numeric:tabular-nums;color:var(--score-ink)}
.result-score-compact .result-score-ring[b-20xqsz7n6f] {width:88px}
.result-score-compact .result-score-ring[b-20xqsz7n6f]::before {inset:7px}
.result-score-compact .result-score-ring strong[b-20xqsz7n6f] {font-size:1.25rem}
.score-details[b-20xqsz7n6f] {min-width:0;max-width:100%}
.score-title[b-20xqsz7n6f] {display:flex;align-items:center;justify-content:center;font-size:clamp(1.2rem,2.5vw,1.7rem);font-weight:750;line-height:1.3}
.score-title > span[b-20xqsz7n6f] {overflow-wrap:anywhere}
.score-title .score-help[b-20xqsz7n6f] {flex:0 0 44px;width:44px;height:44px;color:var(--mud-palette-text-secondary);display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;padding:0;cursor:pointer}
.score-help:focus-visible[b-20xqsz7n6f] {outline:2px solid var(--mud-palette-primary);outline-offset:2px;border-radius:50%}
.result-score-compact .score-title[b-20xqsz7n6f] {font-size:.9rem;font-weight:650}
.score-details p[b-20xqsz7n6f] {font-weight:700;margin:4px 0 10px;overflow-wrap:anywhere}
.score-details small[b-20xqsz7n6f] {color:var(--mud-palette-text-secondary);line-height:1.5}
@media(max-width:500px){.result-score-hero[b-20xqsz7n6f]{padding:14px;gap:10px}.result-score-hero .result-score-ring[b-20xqsz7n6f]{width:110px}.score-title[b-20xqsz7n6f]{font-size:1.2rem}.score-details p[b-20xqsz7n6f]{font-size:.9rem}.score-details small[b-20xqsz7n6f]{font-size:.75rem}}
/* /Components/Games/GameScoreHelpDialog.razor.rz.scp.css */
.score-explanation p[b-lcr57gqa4s] {margin:0 0 16px;line-height:1.65;overflow-wrap:anywhere}
/* /Components/Games/GameSourceLabel.razor.rz.scp.css */
.game-source-label[b-r06xwban47] { display:inline-flex; align-items:center; gap:.4em; max-width:100%; vertical-align:middle; }
.game-source-label bdi[b-r06xwban47] { min-width:0; overflow-wrap:anywhere; }
/* Keep the official SVG unmodified, with its own light-mode colors on white. */
.game-source-label img[b-r06xwban47] { flex:none; width:1.35em; height:1.35em; object-fit:contain; padding:2px; background:white; border-radius:3px; color-scheme:light; }
/* /Components/Games/OpeningFamilyCard.razor.rz.scp.css */
.family-card[b-gsxdf5cwnv] { display:grid; min-width:0; gap:1.15rem; padding:clamp(.9rem,2vw,1.5rem); border:1px solid var(--mud-palette-lines-default); border-radius:20px; background:var(--mud-palette-surface); }
header[b-gsxdf5cwnv] { display:flex; flex-wrap:wrap; justify-content:space-between; gap:.7rem; align-items:center; }
header > div[b-gsxdf5cwnv] { min-width:0; flex:1 1 220px; }
.family-kicker[b-gsxdf5cwnv] { margin:0; color:var(--mud-palette-text-secondary); font-size:.8rem; }
h3[b-gsxdf5cwnv],h4[b-gsxdf5cwnv],p[b-gsxdf5cwnv] { margin:.25rem 0; overflow-wrap:anywhere; }
h3[b-gsxdf5cwnv] { font-size:clamp(1.15rem,2vw,1.4rem); } h4[b-gsxdf5cwnv] { font-size:1rem; }
.family-explore[b-gsxdf5cwnv] { border:1px solid var(--mud-palette-lines-default); border-radius:8px; padding:.5rem .7rem; min-height:44px; color:var(--mud-palette-primary); font:inherit; cursor:pointer; background:transparent; }
.family-explore:focus-visible[b-gsxdf5cwnv],summary:focus-visible[b-gsxdf5cwnv] { outline:2px solid var(--mud-palette-primary); outline-offset:2px; }
.family-lines[b-gsxdf5cwnv] { border-top:1px solid var(--mud-palette-lines-default); }
summary[b-gsxdf5cwnv] { padding:.85rem 0; cursor:pointer; min-height:48px; }
.family-lines > summary[b-gsxdf5cwnv] { font-weight:750; }
.family-lines > summary small[b-gsxdf5cwnv] { margin-inline-start:.5rem; color:var(--mud-palette-text-secondary); }
.family-variant-group[b-gsxdf5cwnv] { margin-block:.7rem; }
.family-branch[b-gsxdf5cwnv] { padding:.5rem 0; color:var(--mud-palette-primary); }
.family-variant[b-gsxdf5cwnv] { min-width:0; border-block-end:1px solid var(--mud-palette-lines-default); }
.family-variant.is-subvariant[b-gsxdf5cwnv] { border-inline-start:2px solid var(--mud-palette-lines-default); padding-inline-start:1rem; margin-inline-start:.3rem; }
.family-variant > summary[b-gsxdf5cwnv] { display:flex; flex-wrap:wrap; gap:.5rem; align-items:center; }
.family-variant > summary[b-gsxdf5cwnv]::before { content:'›'; color:var(--mud-palette-primary); font-size:1.4rem; transition:transform .15s; }
.family-variant[open] > summary[b-gsxdf5cwnv]::before { transform:rotate(90deg); }
.family-variant-name[b-gsxdf5cwnv] { flex:1 1 180px; min-width:0; overflow-wrap:anywhere; }
.family-eco[b-gsxdf5cwnv] { padding:.2rem .4rem; border-radius:6px; background:color-mix(in srgb,var(--mud-palette-primary) 12%,transparent); }
.family-count[b-gsxdf5cwnv] { color:var(--mud-palette-text-secondary); font-size:.85rem; }
.family-variant-details[b-gsxdf5cwnv] { display:grid; gap:.8rem; padding-bottom:1rem; }
.family-variant .family-explore[b-gsxdf5cwnv] { justify-self:start; }
@media (prefers-reduced-motion:reduce) { .family-variant > summary[b-gsxdf5cwnv]::before { transition:none; } }
/* /Components/Games/OtbChoiceChips.razor.rz.scp.css */
.otb-chips[b-cb68eylf7b] { min-width: 0; margin: .5rem 0 .4rem; padding: 0; border: 0; }
.otb-chips legend[b-cb68eylf7b] { margin-bottom: .35rem; color: #94a3b8; font-size: .8rem; font-weight: 700; }
.otb-chips-list[b-cb68eylf7b] { display: flex; flex-wrap: wrap; gap: .4rem; }
.otb-chip[b-cb68eylf7b] { min-height: 44px; padding: 0 .9rem; border: 1px solid #334155; border-radius: 999px; background: #0f172a; color: inherit; font: inherit; font-size: .9rem; font-weight: 650; cursor: pointer; }
.otb-chip.selected[b-cb68eylf7b] { border-color: #60a5fa; background: #1e3a8a; color: #fff; }
.otb-chip:focus-visible[b-cb68eylf7b] { outline: 3px solid #93c5fd; outline-offset: 2px; }
/* /Components/Games/OtbGameMetadataDialog.razor.rz.scp.css */
.otb-meta-overlay[b-xa1vzbi326] { position: fixed; inset: 0; z-index: 1500; display: grid; place-items: center; padding: clamp(.4rem, 2vw, 1.2rem); background: #020617d9; backdrop-filter: blur(7px); }
.otb-meta-dialog[b-xa1vzbi326] { display: flex; flex-direction: column; width: min(720px, 100%); max-height: calc(100dvh - 1rem); overflow: hidden; border: 1px solid #334155; border-radius: 20px; background: var(--mud-palette-background); box-shadow: 0 24px 80px #000a; }
.otb-meta-head[b-xa1vzbi326] { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding: 1rem 1.1rem .4rem; }
.otb-meta-head h2[b-xa1vzbi326], .otb-meta-head p[b-xa1vzbi326] { margin: 0; }
.otb-meta-head small[b-xa1vzbi326] { color: #60a5fa; font-size: .68rem; font-weight: 850; letter-spacing: .1em; }
.otb-meta-head p[b-xa1vzbi326] { color: #94a3b8; font-size: .8rem; }
.otb-meta-body[b-xa1vzbi326] { flex: 1 1 auto; min-height: 0; overflow-y: auto; padding: .4rem 1.1rem 1rem; }
.otb-meta-color[b-xa1vzbi326] { display: grid; grid-template-columns: 1fr 1fr; gap: .6rem; margin: 0 0 .6rem; padding: 0; border: 0; }
.otb-meta-color legend[b-xa1vzbi326] { margin-bottom: .4rem; color: #94a3b8; font-size: .8rem; font-weight: 700; }
.otb-meta-color-btn[b-xa1vzbi326] { display: flex; align-items: center; justify-content: center; gap: .55rem; min-height: 56px; border: 2px solid #334155; border-radius: 14px; background: #0f172a; color: inherit; font: inherit; font-weight: 750; cursor: pointer; }
.otb-meta-color-btn.selected[b-xa1vzbi326] { border-color: #60a5fa; background: #1e3a8a55; }
.otb-meta-color-btn:focus-visible[b-xa1vzbi326] { outline: 3px solid #93c5fd; outline-offset: 2px; }
.otb-meta-piece[b-xa1vzbi326] { width: 22px; height: 22px; border-radius: 50%; border: 2px solid #94a3b8; }
.otb-meta-piece.white[b-xa1vzbi326] { background: #f8fafc; }
.otb-meta-piece.black[b-xa1vzbi326] { background: #020617; }
.otb-meta-grid[b-xa1vzbi326] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 1rem; }
.otb-meta-actions[b-xa1vzbi326] { display: flex; justify-content: flex-end; gap: .6rem; padding: .7rem 1.1rem calc(.8rem + env(safe-area-inset-bottom)); border-top: 1px solid #1e293b; }
.otb-meta-actions[b-xa1vzbi326]  .mud-button-root { min-height: 44px; }

@media (max-width: 600px) {
    .otb-meta-overlay[b-xa1vzbi326] { padding: 0; place-items: end stretch; }
    .otb-meta-dialog[b-xa1vzbi326] { width: 100%; height: 100dvh; max-height: 100dvh; border-radius: 0; border: 0; }
    .otb-meta-grid[b-xa1vzbi326] { grid-template-columns: 1fr; }
    .otb-meta-actions[b-xa1vzbi326]  .mud-button-root { flex: 1 1 0; white-space: normal; line-height: 1.2; }
}
@media (max-width: 360px) {
    .otb-meta-actions[b-xa1vzbi326]  .mud-button-icon-end { display: none; }
    .otb-meta-actions[b-xa1vzbi326]  .mud-button-root { padding-inline: .5rem; }
}
@media (prefers-reduced-motion: reduce) {
    .otb-meta-overlay[b-xa1vzbi326] { backdrop-filter: none; }
}
/* /Components/Games/OtbMoveEntryWorkspace.razor.rz.scp.css */
.otb-entry[b-xt675u7lqs] { position: fixed; inset: 0; z-index: 1450; display: flex; flex-direction: column; overflow: hidden; background: var(--mud-palette-background, #020617); padding: env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left); outline: none; }
.otb-entry-head[b-xt675u7lqs] { display: flex; align-items: center; gap: .5rem; min-height: 56px; padding: .35rem .75rem; border-bottom: 1px solid #1e293b; }
.otb-entry-head[b-xt675u7lqs]  .otb-entry-icon { width: 44px; height: 44px; }
.otb-entry-info[b-xt675u7lqs] { flex: 1 1 auto; min-width: 0; min-height: 44px; display: flex; flex-direction: column; justify-content: center; padding: .15rem .5rem; border: 1px solid transparent; border-radius: 10px; background: transparent; color: inherit; font: inherit; text-align: left; cursor: pointer; }
.otb-entry-info:hover[b-xt675u7lqs], .otb-entry-info:focus-visible[b-xt675u7lqs] { border-color: #334155; background: #0f172a; }
.otb-entry-info strong[b-xt675u7lqs], .otb-entry-info small[b-xt675u7lqs] { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.otb-entry-info small[b-xt675u7lqs] { color: #94a3b8; font-size: .75rem; }
.otb-entry-head[b-xt675u7lqs]  .otb-entry-finish { min-height: 44px; flex: 0 0 auto; }
.otb-entry-head[b-xt675u7lqs]  .otb-entry-finish-compact { display: none; width: 44px; height: 44px; }

.otb-entry-main[b-xt675u7lqs] { flex: 1 1 auto; min-height: 0; display: grid; grid-template-columns: minmax(0, 1fr) minmax(340px, 440px); gap: 1rem; padding: .75rem 1rem 1rem; }
.otb-entry-board-col[b-xt675u7lqs] { min-width: 0; min-height: 0; display: flex; flex-direction: column; align-items: center; gap: .5rem; }
.otb-entry-board[b-xt675u7lqs] { width: min(100%, calc(100dvh - 56px - 1.75rem - 60px)); }
.otb-entry-toolbar[b-xt675u7lqs] { display: flex; flex-wrap: wrap; justify-content: center; gap: .25rem; }
.otb-entry-toolbar[b-xt675u7lqs]  .mud-icon-button { width: 44px; height: 44px; }
.otb-entry-confirm[b-xt675u7lqs] { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: .5rem; padding: .5rem .75rem; border: 1px solid #f59e0b88; border-radius: 12px; background: #451a0333; }
.otb-entry-confirm p[b-xt675u7lqs] { margin: 0; font-weight: 650; }
.otb-entry-confirm[b-xt675u7lqs]  .mud-button-root { min-height: 44px; }

.otb-entry[b-xt675u7lqs]  .otb-entry-sheet { min-height: 0; border: 1px solid #1e293b; border-radius: 16px; background: #0b1220; }
.otb-entry-tabs[b-xt675u7lqs] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .25rem; padding: .35rem; border-bottom: 1px solid #1e293b; position: sticky; top: 0; z-index: 20; background: #0b1220; isolation: isolate; }
.otb-entry-tabs button[b-xt675u7lqs] { min-height: 44px; padding: .25rem .4rem; border: 0; border-radius: 10px; background: transparent; color: #cbd5e1; font: inherit; font-size: .85rem; font-weight: 700; line-height: 1.15; cursor: pointer; }
.otb-entry-tabs button[aria-selected="true"][b-xt675u7lqs] { background: #1e3a8a; color: #fff; }
.otb-entry-tabs button:focus-visible[b-xt675u7lqs] { outline: 3px solid #93c5fd; outline-offset: -3px; }
.otb-entry-engine-dot[b-xt675u7lqs] { display: inline-block; width: 8px; height: 8px; margin-left: .25rem; border-radius: 50%; background: #22c55e; vertical-align: middle; }
.otb-entry-panel[b-xt675u7lqs] { position: relative; z-index: 0; padding: .6rem .7rem; min-width: 0; }
.otb-entry-panel[hidden][b-xt675u7lqs] { display: none; }
.otb-entry-empty[b-xt675u7lqs], .otb-entry-count[b-xt675u7lqs], .otb-entry-engine-note[b-xt675u7lqs], .otb-entry-hint[b-xt675u7lqs] { margin: .25rem 0 .5rem; color: #94a3b8; font-size: .85rem; }
.otb-entry-moves[b-xt675u7lqs] { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: .15rem .5rem; margin: 0; padding: 0; list-style: none; }
.otb-entry-moves li[b-xt675u7lqs] { display: grid; grid-template-columns: 2.4rem 1fr 1fr; align-items: center; gap: .15rem; }
.otb-entry-move-no[b-xt675u7lqs] { color: #64748b; font-size: .8rem; text-align: right; padding-right: .2rem; }
.otb-entry-move[b-xt675u7lqs] { min-height: 44px; min-width: 44px; padding: 0 .4rem; border: 0; border-radius: 8px; background: transparent; color: inherit; font: inherit; font-weight: 650; text-align: left; cursor: pointer; }
.otb-entry-move:hover[b-xt675u7lqs] { background: #1e293b; }
.otb-entry-move.current[b-xt675u7lqs] { background: #2563eb; color: #fff; }

.otb-entry-modal[b-xt675u7lqs] { position: fixed; inset: 0; z-index: 1460; display: grid; place-items: center; padding: 1rem; background: #020617cc; }
.otb-entry-modal section[b-xt675u7lqs] { width: min(480px, 100%); padding: 1.1rem; border: 1px solid #334155; border-radius: 18px; background: var(--mud-palette-background); box-shadow: 0 24px 80px #000a; }
.otb-entry-modal h2[b-xt675u7lqs] { margin: 0 0 .3rem; font-size: 1.2rem; }
.otb-entry-modal p[b-xt675u7lqs] { margin: 0 0 .6rem; color: #94a3b8; }
.otb-entry-modal p strong[b-xt675u7lqs] { color: var(--mud-palette-text-primary, #e2e8f0); font-weight: 650; }
.otb-entry-modal[b-xt675u7lqs]  .mud-input-control { margin-top: .5rem; }
.otb-entry-modal-actions[b-xt675u7lqs] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .5rem; margin-top: 1rem; }
.otb-entry-modal-actions[b-xt675u7lqs]  .mud-button-root { min-height: 44px; }

@media (max-width: 899px) {
    .otb-entry-head[b-xt675u7lqs] { min-height: 48px; padding: .15rem .35rem; gap: .25rem; }
    .otb-entry-main[b-xt675u7lqs] { display: block; padding: 0; overflow: hidden; }
    .otb-entry-board-col[b-xt675u7lqs] { gap: .25rem; }
    .otb-entry-board[b-xt675u7lqs] { width: min(100%, calc(100dvh - 48px - 52px - 148px)); }
    .otb-entry-head[b-xt675u7lqs]  .otb-entry-finish-wide { display: none; }
    .otb-entry-head[b-xt675u7lqs]  .otb-entry-finish-compact { display: inline-flex; }
    .otb-entry-toolbar[b-xt675u7lqs] { flex-wrap: nowrap; gap: 0; }
    .otb-entry[b-xt675u7lqs]  .otb-entry-sheet { --sheet-collapsed: max(148px, calc(100dvh - 48px - 100vw - 56px - env(safe-area-inset-top))); border-radius: 18px 18px 0 0; }
    /* Half snap (auto-raised when opening Base de référence / Moteur) must never hide the board's last rank or the eval bar:
       stop at the board's bottom edge; only the full snap may cover the board. */
    .otb-entry[b-xt675u7lqs]  .otb-entry-sheet.snap-1 { --sheet-height: max(var(--sheet-collapsed), min(55dvh, calc(100dvh - 48px - 100vw - env(safe-area-inset-top)))); }
    .otb-entry-moves[b-xt675u7lqs] { display: flex; flex-wrap: wrap; gap: .1rem .25rem; }
    .otb-entry-moves li[b-xt675u7lqs] { display: flex; grid-template-columns: none; }
    .otb-entry-move-no[b-xt675u7lqs] { padding-right: 0; }
    .otb-entry-confirm[b-xt675u7lqs] { position: fixed; left: .5rem; right: .5rem; bottom: 156px; z-index: 40; background: #1c1203; }
    .otb-entry-modal[b-xt675u7lqs] { place-items: end stretch; padding: 0; }
    .otb-entry-modal section[b-xt675u7lqs] { width: 100%; border-radius: 18px 18px 0 0; padding-bottom: calc(1.1rem + env(safe-area-inset-bottom)); }
    .otb-entry-modal-actions[b-xt675u7lqs]  .mud-button-root { flex: 1 1 100%; }
}
@media (max-width: 360px) {
    .otb-entry-tabs button[b-xt675u7lqs] { font-size: .78rem; }
}
/* /Components/Games/PreparationGameList.razor.rz.scp.css */
.preparation-game-list[b-epmm0158bk]{display:grid;gap:8px;min-width:0;margin-top:10px}
.preparation-game-list header[b-epmm0158bk]{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;align-items:center}
.preparation-game-list header small[b-epmm0158bk]{color:var(--mud-palette-text-secondary);font-size:.72rem}
.preparation-game-list a[b-epmm0158bk]{display:grid;gap:5px;min-width:0;padding:12px;border:1px solid var(--mud-palette-lines-default);border-radius:10px;text-decoration:none;color:inherit;background:var(--mud-palette-background);overflow-wrap:anywhere}
.preparation-game-list a:hover[b-epmm0158bk],.preparation-game-list a:focus-visible[b-epmm0158bk]{border-color:var(--mud-palette-primary);outline:2px solid var(--mud-palette-primary)}
.preparation-game-list a strong[b-epmm0158bk]{font-size:.85rem}.preparation-game-list a>span[b-epmm0158bk],.preparation-game-list a small[b-epmm0158bk]{font-size:.76rem}
.preparation-game-open[b-epmm0158bk]{display:flex;gap:6px;align-items:center;min-height:24px;color:var(--mud-palette-primary);font-weight:700}
.preparation-game-open[b-epmm0158bk]  svg{width:18px;height:18px;flex:none}
.preparation-game-pages[b-epmm0158bk]{display:flex;flex-wrap:wrap;gap:6px}.preparation-game-pages[b-epmm0158bk]  button{min-height:44px}
/* /Components/Games/ResultBreakdown.razor.rz.scp.css */
.result-metrics[b-0s5wtzrb9d] { display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:.6rem;align-items:stretch; }
.result-outcomes[b-0s5wtzrb9d] {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}
.is-emphasized .result-metrics[b-0s5wtzrb9d] {display:flex;justify-content:center}
.is-emphasized .result-metrics > span[b-0s5wtzrb9d] {flex-direction:row;align-items:center;gap:.7rem;padding:.4rem .8rem}
.result-outcomes button strong[b-0s5wtzrb9d]{font-size:clamp(1.25rem,3vw,1.7rem);font-variant-numeric:tabular-nums}.result-outcomes button small[b-0s5wtzrb9d]{font-size:.85rem;font-weight:700}.result-outcomes button span[b-0s5wtzrb9d]{font-weight:700}
.result-outcomes button[b-0s5wtzrb9d]  svg{align-self:center;width:24px;height:24px}
.result-outcomes .result-win[b-0s5wtzrb9d]{background:color-mix(in srgb,#16a34a 9%,var(--mud-palette-surface))}.result-outcomes .result-draw[b-0s5wtzrb9d]{background:color-mix(in srgb,#60a5fa 9%,var(--mud-palette-surface))}.result-outcomes .result-loss[b-0s5wtzrb9d]{background:color-mix(in srgb,#e11d48 9%,var(--mud-palette-surface))}
.result-metrics > span[b-0s5wtzrb9d], .result-outcomes button[b-0s5wtzrb9d] { display: flex; flex-direction: column; align-items:center; justify-content:center; text-align:center; gap: .3rem; min-width: 0; overflow-wrap: anywhere; }
.result-metrics[b-0s5wtzrb9d] { padding-block: .6rem; }
.result-metrics > span[b-0s5wtzrb9d] { padding:clamp(.55rem,1.5vw,1rem); border-radius:12px; background:color-mix(in srgb,var(--mud-palette-primary) 7%,var(--mud-palette-surface)); }
.result-bar[b-0s5wtzrb9d] { display:flex; height:18px; overflow:hidden; border-radius:99px; margin:.65rem 0; }
.result-bar .win[b-0s5wtzrb9d] { background:#16a34a; }.result-bar .draw[b-0s5wtzrb9d] { background:#60a5fa; }.result-bar .loss[b-0s5wtzrb9d] { background:#e11d48; }
.result-outcomes button:nth-child(1)[b-0s5wtzrb9d] { border-top:3px solid #16a34a; }
.result-outcomes button:nth-child(2)[b-0s5wtzrb9d] { border-top:3px solid #60a5fa; }
.result-outcomes button:nth-child(3)[b-0s5wtzrb9d] { border-top:3px solid #e11d48; }
.result-metrics small[b-0s5wtzrb9d] { color: var(--mud-palette-text-secondary); }
.result-metrics strong[b-0s5wtzrb9d] { font-size: clamp(1.2rem,2.2vw,1.65rem); font-variant-numeric:tabular-nums; }
.result-outcomes button[b-0s5wtzrb9d] { min-height: 60px; padding: .55rem; border: 1px solid var(--mud-palette-lines-default); border-radius: .65rem; font: inherit; color: inherit; background: transparent; cursor: pointer; }
.result-outcomes button:hover[b-0s5wtzrb9d] { background: color-mix(in srgb, var(--mud-palette-primary) 12%, transparent); }
.result-outcomes button:focus-visible[b-0s5wtzrb9d] { outline: 2px solid var(--mud-palette-primary); outline-offset: 2px; }
@media (max-width: 390px) { .result-metrics[b-0s5wtzrb9d], .result-outcomes[b-0s5wtzrb9d] { gap: .3rem; } .result-outcomes button[b-0s5wtzrb9d] { padding: .4rem; } }
/* /Components/Games/StockfishSessionReportPanel.razor.rz.scp.css */
.sf-session-report[b-dzzlyvghr5] {
    margin: 0 0 1.25rem;
    padding: 1rem 1.15rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 12px;
    background: var(--mud-palette-surface);
}

.sf-session-head[b-dzzlyvghr5] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    align-items: flex-start;
    justify-content: space-between;
}

.sf-session-kicker[b-dzzlyvghr5] {
    color: var(--mud-palette-text-secondary);
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .14em;
}

.sf-session-head h2[b-dzzlyvghr5] {
    margin: .15rem 0 .2rem;
    font-size: 1.05rem;
}

.sf-session-caption[b-dzzlyvghr5] {
    margin: 0;
    color: var(--mud-palette-text-secondary);
    font-size: .78rem;
}

.sf-session-actions[b-dzzlyvghr5] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
}

.sf-session-actions button[b-dzzlyvghr5] {
    padding: .4rem .7rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 8px;
    background: transparent;
    color: inherit;
    font: inherit;
    font-size: .78rem;
    cursor: pointer;
}

.sf-session-actions button:hover[b-dzzlyvghr5],
.sf-session-actions button:focus-visible[b-dzzlyvghr5] {
    border-color: var(--mud-palette-primary);
    outline: none;
}

.sf-session-grid[b-dzzlyvghr5] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(180px, 100%), 1fr));
    gap: .35rem 1rem;
    margin: .9rem 0 0;
}

.sf-session-grid div[b-dzzlyvghr5] {
    display: flex;
    justify-content: space-between;
    gap: .6rem;
    padding: .28rem 0;
    border-bottom: 1px solid color-mix(in srgb, var(--mud-palette-lines-default) 55%, transparent);
}

.sf-session-grid dt[b-dzzlyvghr5] {
    color: var(--mud-palette-text-secondary);
    font-size: .75rem;
}

.sf-session-grid dd[b-dzzlyvghr5] {
    margin: 0;
    font-size: .78rem;
    font-weight: 600;
    text-align: right;
}

.sf-session-empty[b-dzzlyvghr5] {
    margin: .9rem 0 0;
    color: var(--mud-palette-text-secondary);
    font-size: .8rem;
}

.sf-session-json[b-dzzlyvghr5] {
    max-height: 22rem;
    margin: .9rem 0 0;
    padding: .75rem;
    overflow: auto;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 8px;
    background: var(--mud-palette-background);
    font-size: .72rem;
    line-height: 1.4;
    white-space: pre;
}

@media (max-width: 600px) {
    .sf-session-actions[b-dzzlyvghr5] { width: 100%; }
    .sf-session-actions button[b-dzzlyvghr5] { flex: 1 1 auto; }
}
/* /Components/InPersonGameLibrary.razor.rz.scp.css */
.inperson-lib[b-1y6aeonryk] {
    margin-top: 2.5rem;
    padding: clamp(1.3rem, 3vw, 2.2rem);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 20px;
    background: var(--mud-palette-surface);
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.08);
}
.inperson-lib-loading[b-1y6aeonryk] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-height: 3rem;
    color: var(--mud-palette-text-secondary);
}
.inperson-lib-empty[b-1y6aeonryk],
.inperson-lib-note[b-1y6aeonryk] {
    margin: 0 0 1.2rem;
    max-width: 70ch;
    color: var(--mud-palette-text-secondary);
}
.inperson-lib-toolbar[b-1y6aeonryk],
.inperson-lib-create[b-1y6aeonryk] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
    gap: 1rem;
    align-items: start;
    margin-bottom: 1.1rem;
}
.inperson-lib-create[b-1y6aeonryk] {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
}
.inperson-lib-alert[b-1y6aeonryk] { margin-bottom: 1rem; }
.inperson-lib-tree[b-1y6aeonryk] { display: grid; gap: 0.85rem; }
.inperson-lib-year[b-1y6aeonryk],
.inperson-lib-event[b-1y6aeonryk] {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 16px;
    background: color-mix(in srgb, var(--mud-palette-primary) 4%, var(--mud-palette-surface));
    padding: 0.35rem 0.85rem 0.85rem;
}
.inperson-lib-event[b-1y6aeonryk] {
    margin: 0.7rem 0 0;
    background: var(--mud-palette-surface);
}
.inperson-lib-event.untitled[b-1y6aeonryk] {
    background: color-mix(in srgb, var(--mud-palette-warning) 7%, var(--mud-palette-surface));
}
.inperson-lib-year > summary[b-1y6aeonryk],
.inperson-lib-event > summary[b-1y6aeonryk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    cursor: pointer;
    list-style: none;
    padding: 0.85rem 0.2rem;
    font-weight: 750;
    font-size: 1.05rem;
}
.inperson-lib-year > summary[b-1y6aeonryk]::-webkit-details-marker,
.inperson-lib-event > summary[b-1y6aeonryk]::-webkit-details-marker { display: none; }
.inperson-lib-year > summary small[b-1y6aeonryk],
.inperson-lib-event > summary small[b-1y6aeonryk] {
    margin-left: 0.45rem;
    color: var(--mud-palette-text-secondary);
    font-weight: 600;
}
.inperson-lib-link[b-1y6aeonryk] {
    border: 0;
    background: none;
    color: var(--mud-palette-primary);
    font: inherit;
    font-weight: 700;
    cursor: pointer;
    padding: 0.2rem 0.35rem;
}
.inperson-lib-link:disabled[b-1y6aeonryk] { opacity: 0.5; cursor: default; }
.inperson-lib-inline[b-1y6aeonryk] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    align-items: center;
    margin: 0.4rem 0 0.8rem;
}
.inperson-lib-round[b-1y6aeonryk] {
    margin: 0.8rem 0 0.4rem;
    font-size: 0.92rem;
    color: var(--mud-palette-text-secondary);
}
.inperson-lib-games[b-1y6aeonryk] {
    display: grid;
    gap: 0.65rem;
    margin: 0;
    padding: 0;
    list-style: none;
}
.inperson-lib-games article[b-1y6aeonryk] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 0.75rem 1rem;
    align-items: center;
    padding: 0.9rem 1rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 14px;
}
.inperson-lib-games strong[b-1y6aeonryk],
.inperson-lib-games small[b-1y6aeonryk] { display: block; }
.inperson-lib-games small[b-1y6aeonryk] { margin-top: 0.25rem; color: var(--mud-palette-text-secondary); }
.inperson-lib-games article > div[b-1y6aeonryk] { min-width: 0; overflow-wrap: anywhere; }
.inperson-lib-scores[b-1y6aeonryk] {
    display: grid;
    gap: 0.2rem;
    justify-items: end;
    text-align: right;
}
.inperson-lib-pgn[b-1y6aeonryk] {
    padding: 0.3rem 0.6rem;
    border-radius: 99px;
    background: color-mix(in srgb, var(--mud-palette-primary) 14%, transparent);
    font-size: 0.8rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}
.inperson-lib-yours[b-1y6aeonryk] {
    color: var(--mud-palette-text-secondary);
    font-size: 0.78rem;
    font-weight: 650;
}
.inperson-lib-move[b-1y6aeonryk] {
    grid-column: 1 / -1;
    display: grid;
    gap: 0.7rem;
    padding-top: 0.4rem;
}
.inperson-lib-move p[b-1y6aeonryk] {
    margin: 0;
    color: var(--mud-palette-text-secondary);
}
.inperson-lib-empty-events[b-1y6aeonryk] {
    margin-top: 1.5rem;
    padding-top: 1.1rem;
    border-top: 1px solid var(--mud-palette-lines-default);
}
.inperson-lib-empty-events h3[b-1y6aeonryk] { margin: 0 0 0.35rem; font-size: 1.05rem; }
.inperson-lib-empty-events p[b-1y6aeonryk] { margin: 0 0 0.8rem; color: var(--mud-palette-text-secondary); }
.inperson-lib-empty-events ul[b-1y6aeonryk] { display: grid; gap: 0.55rem; margin: 0; padding: 0; list-style: none; }
.inperson-lib-empty-events li[b-1y6aeonryk] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
    padding: 0.8rem 1rem;
    border: 1px dashed var(--mud-palette-lines-default);
    border-radius: 14px;
}
@media (max-width: 720px) {
    .inperson-lib-toolbar[b-1y6aeonryk],
    .inperson-lib-create[b-1y6aeonryk],
    .inperson-lib-games article[b-1y6aeonryk] { grid-template-columns: 1fr; }
    .inperson-lib-scores[b-1y6aeonryk] { justify-items: start; text-align: left; }
}
/* /Components/InPersonPgnImportWizard.razor.rz.scp.css */
.otb-simple-import[b-vn9iin78iq] { margin-top: 0; }
.otb-drop[b-vn9iin78iq] { display: grid; gap: 1rem; }
.inperson-import[b-vn9iin78iq] {
    margin-top: 0;
    padding: clamp(1rem, 2.5vw, 1.6rem);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 18px;
    background: var(--mud-palette-surface);
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.08);
}
.inperson-alert[b-vn9iin78iq] { margin-bottom: 1rem; }

.otb-import-preview[b-vn9iin78iq] { display: grid; gap: 1rem; }
.otb-import-summary[b-vn9iin78iq] {
    display: flex;
    align-items: center;
    gap: .8rem;
    padding: .85rem 1rem;
    border: 1px solid color-mix(in srgb, var(--mud-palette-success) 38%, var(--mud-palette-lines-default));
    border-radius: 14px;
    background: color-mix(in srgb, var(--mud-palette-success) 8%, var(--mud-palette-surface));
}
.otb-import-summary-icon[b-vn9iin78iq] {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    flex: 0 0 auto;
    border-radius: 12px;
    color: var(--mud-palette-success);
    background: color-mix(in srgb, var(--mud-palette-success) 14%, transparent);
}
.otb-import-summary strong[b-vn9iin78iq], .otb-import-summary small[b-vn9iin78iq] { display: block; }
.otb-import-summary small[b-vn9iin78iq] { margin-top: .15rem; color: var(--mud-palette-text-secondary); }

.otb-whoami[b-vn9iin78iq] {
    display: grid;
    gap: .8rem;
    padding: 1rem;
    border: 1px solid color-mix(in srgb, var(--mud-palette-primary) 35%, var(--mud-palette-lines-default));
    border-radius: 16px;
    background: color-mix(in srgb, var(--mud-palette-primary) 5%, var(--mud-palette-surface));
}
.otb-whoami > header[b-vn9iin78iq] {
    display: flex;
    gap: .75rem;
    align-items: flex-start;
}
.otb-whoami > header > span[b-vn9iin78iq] {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    flex: 0 0 auto;
    border-radius: 12px;
    color: #bfdbfe;
    background: #1d4ed833;
}
.otb-whoami h3[b-vn9iin78iq] { margin: 0; font-size: 1.05rem; }
.otb-whoami p[b-vn9iin78iq] { margin: .2rem 0 0; color: var(--mud-palette-text-secondary); line-height: 1.45; }

.otb-identity-candidates[b-vn9iin78iq] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .55rem;
}
.otb-identity-candidate[b-vn9iin78iq] {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    gap: .55rem;
    align-items: center;
    min-height: 56px;
    padding: .6rem .7rem;
    border: 1px solid #334155;
    border-radius: 12px;
    color: inherit;
    background: #0f172a;
    text-align: left;
    cursor: pointer;
}
.otb-identity-candidate:hover[b-vn9iin78iq] { border-color: #60a5fa; }
.otb-identity-candidate.selected[b-vn9iin78iq] {
    border-color: #22c55e;
    background: #14532d33;
    box-shadow: inset 0 0 0 1px #22c55e55;
}
.otb-choice-check[b-vn9iin78iq] {
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border: 1px solid #475569;
    border-radius: 8px;
    color: white;
    background: #020617;
    font-weight: 900;
}
.otb-identity-candidate.selected .otb-choice-check[b-vn9iin78iq] { border-color: #22c55e; background: #16a34a; }
.otb-identity-candidate strong[b-vn9iin78iq], .otb-identity-candidate small[b-vn9iin78iq] { display: block; overflow-wrap: anywhere; }
.otb-identity-candidate small[b-vn9iin78iq] { margin-top: .1rem; color: #94a3b8; font-size: .72rem; }
.otb-whoami-help[b-vn9iin78iq] { font-size: .78rem; }

.otb-identity-state[b-vn9iin78iq] {
    display: flex;
    align-items: flex-start;
    gap: .55rem;
    padding: .65rem .75rem;
    border-radius: 11px;
    font-size: .82rem;
    line-height: 1.4;
}
.otb-identity-state.success[b-vn9iin78iq] { color: #bbf7d0; background: #14532d55; }
.otb-identity-state.warning[b-vn9iin78iq] { color: #fde68a; background: #78350f44; }

.otb-preview-list[b-vn9iin78iq] { display: grid; gap: .5rem; }
.otb-preview-list h3[b-vn9iin78iq] { margin: 0; font-size: .95rem; }
.inperson-game-list[b-vn9iin78iq] {
    display: grid;
    gap: .35rem;
    margin: 0;
    padding: 0;
    list-style: none;
}
.inperson-game-list li[b-vn9iin78iq] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .75rem;
    align-items: center;
    padding: .62rem .75rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 11px;
    background: color-mix(in srgb, var(--mud-palette-primary) 3%, var(--mud-palette-surface));
}
.inperson-game-list li.identified[b-vn9iin78iq] { border-left: 3px solid #22c55e; }
.inperson-game-list li.needs-identity[b-vn9iin78iq] { border-left: 3px solid #f59e0b; }
.inperson-game-list strong[b-vn9iin78iq], .inperson-game-list small[b-vn9iin78iq] { display: block; }
.inperson-game-list small[b-vn9iin78iq] { color: var(--mud-palette-text-secondary); }
.otb-preview-result[b-vn9iin78iq] { min-width: 92px; text-align: right; }
.otb-preview-result small[b-vn9iin78iq] { margin-top: .1rem; font-size: .7rem; }
.inperson-more[b-vn9iin78iq] { margin: 0; color: var(--mud-palette-text-secondary); font-size: .8rem; }

.inperson-actions[b-vn9iin78iq] {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
    margin-top: .25rem;
}
.otb-import-actions[b-vn9iin78iq] { justify-content: flex-end; }
.otb-import-actions[b-vn9iin78iq]  .mud-button-root { min-height: 44px; border-radius: 11px; font-weight: 750; }

@media (max-width: 720px) {
    .otb-identity-candidates[b-vn9iin78iq] { grid-template-columns: 1fr; }
    .otb-import-actions[b-vn9iin78iq] { display: grid; grid-template-columns: 1fr; }
    .otb-import-actions[b-vn9iin78iq]  .mud-button-root { width: 100%; }
}
@media (max-width: 390px) {
    .inperson-import[b-vn9iin78iq] { padding: .8rem; border-radius: 14px; }
    .otb-whoami[b-vn9iin78iq] { padding: .8rem; }
    .inperson-game-list li[b-vn9iin78iq] { grid-template-columns: 1fr; }
    .otb-preview-result[b-vn9iin78iq] { text-align: left; }
}
/* /Components/MoveIndicatorsPreference.razor.rz.scp.css */
.move-indicators-preference[b-v1jw77ad2e] { display:grid; gap:4px; margin:12px 0; }
small[b-v1jw77ad2e] { color:var(--mud-palette-text-secondary); padding-inline:12px; font-size:.8rem; }
[role=alert][b-v1jw77ad2e] { display:flex; align-items:center; flex-wrap:wrap; gap:8px; color:var(--mud-palette-error); }
/* /Components/MoveQualityBadge.razor.rz.scp.css */
/* Original CSS artwork; glyphs use standard chess annotation punctuation. */
.move-quality-badge[b-q05epecjat] { --quality-color:var(--move-good); --quality-ink:#fff; display:inline-flex; align-items:center; gap:7px; padding:4px 9px 4px 4px; border-radius:9px; background:color-mix(in srgb,var(--quality-color) 14%,var(--mud-palette-surface)); border:1px solid color-mix(in srgb,var(--quality-color) 45%,transparent); vertical-align:middle; line-height:1.2; max-width:100%; }
.quality-symbol[b-q05epecjat] { display:grid; place-items:center; flex:0 0 auto; width:26px; height:26px; border-radius:7px; background:var(--quality-color); color:var(--quality-ink); font:900 16px/1 system-ui,sans-serif; letter-spacing:-1px; text-shadow:none; box-shadow:inset 0 -2px 0 #0002; }
.quality-label[b-q05epecjat] { font-size:.78rem; font-weight:800; color:var(--mud-palette-text-primary); overflow-wrap:anywhere; }
.quality-inaccuracy[b-q05epecjat] { --quality-color:var(--move-inaccuracy); --quality-ink:#231c0a; }
.quality-mistake[b-q05epecjat] { --quality-color:var(--move-mistake); --quality-ink:#2a1605; }
.quality-blunder[b-q05epecjat] { --quality-color:var(--move-blunder); }
.quality-forced[b-q05epecjat] { --quality-color:#64748b; }
.quality-good .quality-symbol[b-q05epecjat] { font-size:24px; }
.quality-mistake .quality-symbol[b-q05epecjat] { border-radius:3px 9px 3px 9px; }
.quality-blunder .quality-symbol[b-q05epecjat] { border-radius:3px; border:2px solid #fff5; }
.compact[b-q05epecjat] { padding:0; border:0; background:transparent; gap:0; }
.compact .quality-symbol[b-q05epecjat] { width:24px; height:24px; font-size:15px; }
.on-board .quality-symbol[b-q05epecjat] { width:clamp(22px,4.5vw,34px); height:clamp(22px,4.5vw,34px); font-size:clamp(15px,2.7vw,21px); border:2px solid #fff; box-shadow:0 2px 7px #0007; }
/* /Components/Openings/OpeningReferenceDialog.razor.rz.scp.css */
.opening-reference-overlay[b-ixn5yr50hp] {
    position: fixed;
    z-index: 1900;
    inset: 0;
    display: grid;
    place-items: center;
    padding: clamp(.8rem, 3vw, 2rem);
    background: #020617bf;
    backdrop-filter: blur(7px);
}

.opening-reference-dialog[b-ixn5yr50hp] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    width: min(1040px, 100%);
    max-height: min(92dvh, 900px);
    overflow: hidden;
    border: 1px solid #60a5fa70;
    border-radius: 20px;
    color: #f8fafc;
    background: #0b1425;
    box-shadow: 0 28px 90px #000a;
}

.opening-reference-dialog > header[b-ixn5yr50hp] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.15rem;
    border-bottom: 1px solid #26344d;
    background: linear-gradient(120deg, #1e3a5f, #111a2b);
}

.opening-reference-dialog-heading[b-ixn5yr50hp] { display: grid; gap: .16rem; }
.opening-reference-dialog h2[b-ixn5yr50hp] { margin: 0; font-size: 1.25rem; }
.opening-reference-dialog header small[b-ixn5yr50hp] { color: #93c5fd; font-size: .66rem; font-weight: 900; letter-spacing: .1em; }
.opening-reference-dialog-icon[b-ixn5yr50hp] { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 14px; color: #fff; background: linear-gradient(145deg,#2563eb,#7c3aed); }
.opening-reference-dialog-sources[b-ixn5yr50hp] { display: flex; flex-wrap: wrap; gap: .28rem; margin: .12rem 0 0; }
.opening-reference-dialog-sources span[b-ixn5yr50hp] { padding: .12rem .4rem; border: 1px solid #60a5fa45; border-radius: 999px; color: #bfdbfe; font-size: .66rem; }
.opening-reference-dialog header button[b-ixn5yr50hp] {
    display: grid;
    place-items: center;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 1px solid #475569;
    border-radius: 12px;
    color: #e2e8f0;
    background: #111a2b;
    cursor: pointer;
}

.opening-reference-dialog-content[b-ixn5yr50hp] { min-height: 0; overflow: auto; padding: 1rem; overscroll-behavior: contain; }
.opening-reference-dialog-content[b-ixn5yr50hp]  .opening-reference { box-shadow: none; }
.opening-reference-dialog-content[b-ixn5yr50hp]  .opening-reference-header { display: none; }
.opening-reference-dialog-content[b-ixn5yr50hp]  .opening-reference-body { padding: .85rem; }
.opening-reference-dialog-content[b-ixn5yr50hp]  .opening-reference-moves { max-height: none; }
.opening-reference-dialog-fallback[b-ixn5yr50hp] { margin: 0; padding: 1rem; color: #fecaca; }

@media (max-width: 760px) {
    .opening-reference-overlay[b-ixn5yr50hp] { align-items: stretch; padding: 0; }
    .opening-reference-dialog[b-ixn5yr50hp] { width: 100%; height: 100dvh; max-height: none; border: 0; border-radius: 0; }
    .opening-reference-dialog > header[b-ixn5yr50hp] { padding: max(.7rem, env(safe-area-inset-top)) max(.75rem, env(safe-area-inset-right)) .7rem max(.75rem, env(safe-area-inset-left)); }
    .opening-reference-dialog-icon[b-ixn5yr50hp] { width: 38px; height: 38px; border-radius: 12px; }
    .opening-reference-dialog-sources[b-ixn5yr50hp] { display: none; }
    .opening-reference-dialog-content[b-ixn5yr50hp] { padding: .55rem max(.55rem, env(safe-area-inset-right)) max(.55rem, env(safe-area-inset-bottom)) max(.55rem, env(safe-area-inset-left)); }
    .opening-reference-dialog-content[b-ixn5yr50hp]  .opening-reference-body { padding: .6rem; }
}

@media (prefers-reduced-motion: reduce) {
    .opening-reference-overlay[b-ixn5yr50hp] { backdrop-filter: none; }
}
/* /Components/Openings/OpeningReferencePanel.razor.rz.scp.css */
.opening-reference[b-6286rodm7q] {
    overflow: hidden;
    overflow-x: hidden;
    max-width: 100%;
    border: 1px solid color-mix(in srgb, var(--mud-palette-primary) 24%, var(--mud-palette-lines-default));
    border-radius: 20px;
    color: var(--mud-palette-text-primary);
    background:
        radial-gradient(circle at 100% 0, color-mix(in srgb, var(--mud-palette-primary) 15%, transparent), transparent 38%),
        var(--mud-palette-surface);
    box-shadow: 0 16px 38px rgba(4, 8, 20, .2);
}

button[b-6286rodm7q] { font: inherit; }

.opening-reference-header[b-6286rodm7q] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .85rem;
    padding: 1rem;
}

.opening-reference-icon[b-6286rodm7q], .opening-reference-options-heading > span[b-6286rodm7q], .opening-reference-connect > span[b-6286rodm7q] {
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    border-radius: 14px;
    color: #fff;
    background: linear-gradient(145deg, #2563eb, #7c3aed);
    box-shadow: 0 8px 20px #2563eb38;
}

.opening-reference-header h2[b-6286rodm7q], .opening-reference-header p[b-6286rodm7q] { margin: 0; }
.opening-reference-header h2[b-6286rodm7q] { font-size: clamp(1.05rem, 2vw, 1.3rem); }
.opening-reference-header p[b-6286rodm7q] { margin-top: .15rem; color: var(--mud-palette-text-secondary); font-size: .78rem; }
.opening-reference-eyebrow[b-6286rodm7q] { color: #60a5fa; font-size: .65rem; font-weight: 900; letter-spacing: .13em; }

.opening-reference-toggle[b-6286rodm7q] {
    display: flex;
    align-items: center;
    gap: .25rem;
    min-height: 40px;
    padding: .45rem .7rem;
    border: 1px solid color-mix(in srgb, var(--mud-palette-primary) 42%, transparent);
    border-radius: 12px;
    color: #93c5fd;
    background: color-mix(in srgb, var(--mud-palette-primary) 10%, transparent);
    cursor: pointer;
}

.opening-reference-body[b-6286rodm7q] { display: grid; gap: .7rem; padding: 0 1rem 1rem; min-width: 0; }

.opening-reference-toolbar[b-6286rodm7q] {
    display: grid;
    gap: .55rem;
    min-width: 0;
}
.opening-reference-colors[b-6286rodm7q] { display: grid; grid-template-columns: 1fr 1fr; gap: .4rem; }
.opening-reference-colors button[b-6286rodm7q] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    min-height: 44px;
    padding: .35rem .55rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 12px;
    color: inherit;
    background: var(--mud-palette-surface);
    cursor: pointer;
}
.opening-reference-colors button.active[b-6286rodm7q] { border-color: #60a5fa; box-shadow: 0 0 0 2px #60a5fa25; }
.opening-reference-colors button.active.b[b-6286rodm7q] { border-color: #f59e0b; box-shadow: 0 0 0 2px #f59e0b25; }
.piece[b-6286rodm7q] { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 9px; font-size: 1.35rem; }
.piece.white[b-6286rodm7q] { color: #111827; background: #f8fafc; }
.piece.black[b-6286rodm7q] { color: #f8fafc; background: #111827; }
.opening-reference-emoji[b-6286rodm7q] { font-size: 1.15rem; line-height: 1; }

.opening-reference-modes[b-6286rodm7q] { display: grid; grid-template-columns: repeat(auto-fit, minmax(132px, 1fr)); gap: .55rem; }
.opening-reference-modes > button[b-6286rodm7q], .opening-reference-chip-grid > button[b-6286rodm7q] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .45rem;
    min-height: 56px;
    min-width: 0;
    padding: .55rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 14px;
    color: inherit;
    background: color-mix(in srgb, var(--mud-palette-background) 70%, transparent);
    text-align: left;
    cursor: pointer;
    overflow: hidden;
}
.opening-reference-modes > button > span[b-6286rodm7q], .opening-reference-chip-grid > button > span[b-6286rodm7q] { display: grid; gap: .05rem; min-width: 0; overflow-wrap: anywhere; }
.opening-reference-modes > button[b-6286rodm7q] { display: flex; justify-content: center; text-align: center; }
.opening-reference-modes small[b-6286rodm7q], .opening-reference-chip-grid small[b-6286rodm7q] { color: var(--mud-palette-text-secondary); font-size: .68rem; }
.opening-reference-modes > button.active[b-6286rodm7q] {
    border-color: #38bdf8;
    color: #e0f2fe;
    background: linear-gradient(135deg, #0369a130, #2563eb18);
    box-shadow: inset 4px 0 #38bdf8;
}
.opening-reference-modes > button:focus-visible[b-6286rodm7q],
.opening-reference-private-results button:focus-visible[b-6286rodm7q],
.opening-reference-private-search button:focus-visible[b-6286rodm7q] {
    outline: 3px solid #38bdf8;
    outline-offset: 2px;
}

.opening-reference-private[b-6286rodm7q] {
    display: grid;
    gap: .75rem;
    padding: .9rem;
    border: 1px solid color-mix(in srgb, var(--mud-palette-primary) 28%, var(--mud-palette-lines-default));
    border-radius: 18px;
    background:
        radial-gradient(circle at 100% 0, #7c3aed1c, transparent 42%),
        color-mix(in srgb, var(--mud-palette-background) 62%, transparent);
}
.opening-reference-private-database[b-6286rodm7q] { display: grid; gap: .35rem; }
.opening-reference-private-database label[b-6286rodm7q] { color: var(--mud-palette-text-secondary); font-size: .72rem; font-weight: 800; }
.opening-reference-private-database select[b-6286rodm7q] {
    width: 100%;
    min-height: 46px;
    padding: .55rem .75rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 12px;
    color: inherit;
    background: var(--mud-palette-surface);
    font: inherit;
}
.opening-reference-private-search[b-6286rodm7q] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: .65rem;
}
.opening-reference-private-search > .mud-button-root[b-6286rodm7q] { min-height: 54px; border-radius: 12px; }
.opening-reference-private-results[b-6286rodm7q] { display: grid; gap: .45rem; }
.opening-reference-private-results > strong[b-6286rodm7q] { font-size: .8rem; }
.opening-reference-private-results > p[b-6286rodm7q] { margin: 0; color: var(--mud-palette-text-secondary); font-size: .78rem; }
.opening-reference-private-results > button[b-6286rodm7q] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .65rem;
    width: 100%;
    min-height: 58px;
    padding: .55rem .65rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 14px;
    color: inherit;
    background: color-mix(in srgb, var(--mud-palette-surface) 82%, transparent);
    text-align: left;
    cursor: pointer;
}
.opening-reference-private-results > button.active[b-6286rodm7q] { border-color: #34d399; background: #05966918; box-shadow: inset 4px 0 #34d399; }
.opening-reference-private-results > button > span:nth-child(2)[b-6286rodm7q] { display: grid; gap: .1rem; min-width: 0; }
.opening-reference-private-results > button strong[b-6286rodm7q] { overflow-wrap: anywhere; }
.opening-reference-private-results > button small[b-6286rodm7q] { color: var(--mud-palette-text-secondary); font-size: .68rem; }
.opening-reference-private-avatar[b-6286rodm7q] {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 12px;
    color: #ddd6fe;
    background: linear-gradient(145deg, #4f46e5, #7c3aed);
}
.opening-reference-private-selected[b-6286rodm7q],
.opening-reference-private-empty[b-6286rodm7q] {
    display: flex;
    align-items: center;
    gap: .65rem;
    min-height: 52px;
    padding: .65rem .75rem;
    border: 1px solid #34d39955;
    border-radius: 14px;
    background: #05966912;
}
.opening-reference-private-selected[b-6286rodm7q] { color: #a7f3d0; }
.opening-reference-private-selected > span[b-6286rodm7q],
.opening-reference-private-empty > div[b-6286rodm7q] { display: grid; gap: .08rem; }
.opening-reference-private-selected small[b-6286rodm7q] { color: var(--mud-palette-text-secondary); }
.opening-reference-private-selected[b-6286rodm7q]  .mud-button-root { margin-left: auto; }
.opening-reference-private-empty[b-6286rodm7q] { border-color: var(--mud-palette-lines-default); background: color-mix(in srgb, var(--mud-palette-surface) 75%, transparent); }
.opening-reference-private-empty p[b-6286rodm7q] { margin: 0; color: var(--mud-palette-text-secondary); font-size: .75rem; }
.opening-reference-private-empty a[b-6286rodm7q] { color: #7dd3fc; font-weight: 800; }
.opening-reference-options-toggle[b-6286rodm7q] {
    display: flex;
    align-items: center;
    gap: .45rem;
    min-height: 40px;
    width: 100%;
    padding: .4rem .65rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 12px;
    color: inherit;
    background: color-mix(in srgb, var(--mud-palette-background) 70%, transparent);
    cursor: pointer;
}
.opening-reference-options-toggle strong[b-6286rodm7q] { flex: 1; text-align: left; }

.opening-reference-options[b-6286rodm7q] {
    display: grid;
    gap: .8rem;
    padding: .85rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 16px;
    background: color-mix(in srgb, var(--mud-palette-background) 62%, transparent);
}
.opening-reference-options-heading[b-6286rodm7q] { display: flex; align-items: center; gap: .65rem; }
.opening-reference-options-heading > span[b-6286rodm7q] { width: 36px; height: 36px; border-radius: 11px; background: linear-gradient(145deg, #0891b2, #2563eb); }
.opening-reference-options-heading > div[b-6286rodm7q] { display: grid; gap: .05rem; }
.opening-reference-options-heading small[b-6286rodm7q] { color: var(--mud-palette-text-secondary); font-size: .7rem; }
.opening-reference-chip-grid[b-6286rodm7q] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .5rem; }
.opening-reference-chip-grid > button[b-6286rodm7q] { grid-template-columns: 1fr; justify-items: center; min-height: 58px; text-align: center; }
.opening-reference-chip-grid > button > .mud-icon-root[b-6286rodm7q] { flex: none; }
.opening-reference-chip-grid strong[b-6286rodm7q] { max-width: 100%; font-size: clamp(.68rem, 2vw, .82rem); }
.opening-reference-chip-grid > button.active[b-6286rodm7q] { border-color: #22c55e; background: #16a34a15; }
.opening-reference-chip-grid > button.active > .mud-icon-root:last-child[b-6286rodm7q] { color: #34d399; }
.opening-reference-cache-note[b-6286rodm7q] { display: flex; align-items: center; gap: .35rem; color: #67e8f9; font-size: .7rem; }

.opening-reference-filter-group[b-6286rodm7q] { display: grid; gap: .45rem; }
.opening-reference-filter-group > strong[b-6286rodm7q] { font-size: .78rem; }
.opening-reference-filter-chips[b-6286rodm7q] { display: flex; flex-wrap: wrap; gap: .35rem; }
.opening-reference-filter-chips button[b-6286rodm7q] {
    min-height: 36px;
    padding: .35rem .58rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 999px;
    color: var(--mud-palette-text-secondary);
    background: transparent;
    cursor: pointer;
}
.opening-reference-filter-chips button.active[b-6286rodm7q] { border-color: #84cc16; color: #ecfccb; background: #65a30d28; }

.opening-reference-loading[b-6286rodm7q], .opening-reference-connect[b-6286rodm7q], .opening-reference-error[b-6286rodm7q], .opening-reference-empty[b-6286rodm7q] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .75rem;
    padding: .9rem;
    border: 1px solid #38bdf84a;
    border-radius: 16px;
    background: #0284c712;
}
.opening-reference-loading > div[b-6286rodm7q], .opening-reference-connect > div[b-6286rodm7q], .opening-reference-error > div[b-6286rodm7q], .opening-reference-empty > div[b-6286rodm7q] { display: grid; gap: .15rem; }
.opening-reference-loading small[b-6286rodm7q], .opening-reference-connect p[b-6286rodm7q], .opening-reference-error p[b-6286rodm7q], .opening-reference-error small[b-6286rodm7q], .opening-reference-empty small[b-6286rodm7q] {
    margin: 0;
    color: var(--mud-palette-text-secondary);
    font-size: .72rem;
}
.opening-reference-spinner[b-6286rodm7q] {
    width: 34px;
    height: 34px;
    border: 4px solid #38bdf838;
    border-top-color: #38bdf8;
    border-radius: 50%;
    animation: reference-spin-b-6286rodm7q .8s linear infinite;
}
.opening-reference-progress[b-6286rodm7q] { grid-column: 1 / -1; height: 8px; overflow: hidden; border-radius: 999px; background: #0f172a; }
.opening-reference-progress i[b-6286rodm7q] { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #38bdf8, #8b5cf6, #f59e0b); transition: width .24s ease; }
@keyframes reference-spin-b-6286rodm7q { to { transform: rotate(360deg); } }

.opening-reference-connect[b-6286rodm7q] { border-color: #84cc164a; background: #65a30d12; }
.opening-reference-connect > span[b-6286rodm7q] { background: linear-gradient(145deg, #65a30d, #16a34a); }
.opening-reference-connect button[b-6286rodm7q], .opening-reference-error button[b-6286rodm7q] {
    display: flex;
    align-items: center;
    gap: .35rem;
    min-height: 44px;
    padding: .5rem .75rem;
    border: 0;
    border-radius: 12px;
    color: #fff;
    background: #2563eb;
    font-weight: 800;
    cursor: pointer;
}
.opening-reference-error[b-6286rodm7q] { border-color: #f59e0b55; background: #f59e0b10; }
.opening-reference-error > .mud-icon-root[b-6286rodm7q] { color: #fbbf24; font-size: 2rem; }
.opening-reference-error button[b-6286rodm7q] { background: #b45309; }
.opening-reference-empty[b-6286rodm7q] { grid-template-columns: auto 1fr; border-style: dashed; }
.opening-reference-empty > .mud-icon-root[b-6286rodm7q] { color: var(--mud-palette-text-secondary); font-size: 2rem; }

.opening-reference-results[b-6286rodm7q] { display: grid; gap: .65rem; }
.opening-reference-results > header[b-6286rodm7q] { display: grid; gap: .15rem; }
.opening-reference-results > header > div[b-6286rodm7q] { display: flex; align-items: center; gap: .4rem; }
.opening-reference-results > header small[b-6286rodm7q] { color: var(--mud-palette-text-secondary); font-size: .7rem; }
.opening-reference-live-dot[b-6286rodm7q] { width: 9px; height: 9px; border-radius: 50%; background: #22c55e; box-shadow: 0 0 0 5px #22c55e20; }
.opening-reference-legend[b-6286rodm7q] { display: flex; flex-wrap: wrap; gap: .7rem; color: var(--mud-palette-text-secondary); font-size: .68rem; }
.opening-reference-legend span[b-6286rodm7q] { display: flex; align-items: center; gap: .25rem; }
.opening-reference-legend i[b-6286rodm7q] { width: 10px; height: 10px; border-radius: 3px; }
.opening-reference-legend i.white[b-6286rodm7q] { background: #f8fafc; }
.opening-reference-legend i.draw[b-6286rodm7q] { background: #94a3b8; }
.opening-reference-legend i.black[b-6286rodm7q] { background: #111827; border: 1px solid #64748b; }

.opening-reference-moves[b-6286rodm7q] {
    display: grid;
    gap: .35rem;
    margin: 0;
    padding: 0;
    list-style: none;
    max-height: min(42vh, 420px);
    overflow: auto;
}
.opening-reference-moves li[b-6286rodm7q] {
    display: grid;
    gap: .25rem;
    min-width: 0;
    padding: .45rem .5rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-left: 4px solid #64748b;
    border-radius: 12px;
    background: color-mix(in srgb, var(--mud-palette-background) 74%, transparent);
}
.opening-reference-moves li.win-rate-low[b-6286rodm7q] { border-left-color: #ef4444; background: linear-gradient(90deg, #ef444416, transparent 55%); }
.opening-reference-moves li.win-rate-watch[b-6286rodm7q] { border-left-color: #f59e0b; background: linear-gradient(90deg, #f59e0b16, transparent 55%); }
.opening-reference-moves li.win-rate-good[b-6286rodm7q] { border-left-color: #22c55e; background: linear-gradient(90deg, #16a34a18, transparent 55%); }
.opening-reference-moves li.win-rate-excellent[b-6286rodm7q] { border-left-color: #22d3ee; background: linear-gradient(90deg, #06b6d424, transparent 58%); box-shadow: inset 0 0 20px #22d3ee0a; }
.opening-reference-moves button[b-6286rodm7q] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: .45rem;
    width: 100%;
    min-height: 36px;
    padding: 0;
    border: 0;
    color: inherit;
    background: transparent;
    text-align: left;
    cursor: pointer;
}
.opening-reference-moves button:disabled[b-6286rodm7q] { cursor: default; opacity: 1; }
.opening-reference-move-name[b-6286rodm7q], .opening-reference-score[b-6286rodm7q] { min-width: 0; }
.opening-reference-move-name strong[b-6286rodm7q] { font-size: 1rem; }
.opening-reference-move-count[b-6286rodm7q] { color: var(--mud-palette-text-secondary); font-size: .72rem; font-variant-numeric: tabular-nums; }
.opening-reference-score[b-6286rodm7q] { text-align: right; }
.opening-reference-score strong[b-6286rodm7q] { color: #86efac; font-size: 1rem; }
.win-rate-low .opening-reference-score strong[b-6286rodm7q] { color: #fca5a5; }
.win-rate-watch .opening-reference-score strong[b-6286rodm7q] { color: #fcd34d; }
.win-rate-good .opening-reference-score strong[b-6286rodm7q] { color: #86efac; }
.win-rate-excellent .opening-reference-score strong[b-6286rodm7q] { color: #67e8f9; }
.opening-reference-outcome[b-6286rodm7q] { display: flex; width: 100%; min-height: 24px; overflow: hidden; border-radius: 8px; background: #334155; }
.opening-reference-outcome span[b-6286rodm7q] { display: grid; place-items: center; min-width: 0; overflow: hidden; color: #0f172a; font-size: .64rem; font-weight: 900; }
.opening-reference-outcome .white[b-6286rodm7q] { background: #f8fafc; }
.opening-reference-outcome .draw[b-6286rodm7q] { color: #fff; background: #64748b; }
.opening-reference-outcome .black[b-6286rodm7q] { color: #fff; background: #111827; }
.opening-reference-confidence[b-6286rodm7q] { padding-left: .15rem; }

.opening-reference-games[b-6286rodm7q] { display: grid; gap: .35rem; margin-top: .15rem; }
.opening-reference-games h3[b-6286rodm7q] { margin: .2rem 0 0; font-size: .82rem; }
.opening-reference-games ol[b-6286rodm7q] { display: grid; gap: .25rem; margin: 0; padding: 0; list-style: none; }
.opening-reference-games li[b-6286rodm7q] {
    display: grid;
    grid-template-columns: 76px minmax(0, 1fr) auto 36px;
    align-items: center;
    gap: .45rem;
    min-width: 0;
    padding: .35rem .45rem;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}
.opening-reference-games time[b-6286rodm7q], .opening-reference-games small[b-6286rodm7q] { color: var(--mud-palette-text-secondary); font-size: .66rem; }
.opening-reference-players[b-6286rodm7q] { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: .35rem; min-width: 0; }
.opening-reference-players strong[b-6286rodm7q] { min-width: 0; font-size: .8rem; overflow-wrap: anywhere; text-align: center; }
.opening-reference-players > span[b-6286rodm7q] { color: #93c5fd; font-size: .68rem; font-weight: 900; }
.opening-reference-games a[b-6286rodm7q] { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 10px; color: #7dd3fc; }
.opening-reference-games a:hover[b-6286rodm7q], .opening-reference-games a:focus-visible[b-6286rodm7q] { background: #38bdf820; outline: 2px solid #38bdf8; }

@media (max-width: 900px) {
    .opening-reference-header[b-6286rodm7q] { grid-template-columns: auto minmax(0, 1fr); }
    .opening-reference-toggle[b-6286rodm7q] { min-height: 36px; padding: .3rem .5rem; }
    .opening-reference-chip-grid[b-6286rodm7q] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 820px) {
    .opening-reference-slot.mobile-panel-active .opening-reference-body[b-6286rodm7q] {
        max-height: min(46vh, 380px);
        overflow: auto;
    }
    .opening-reference-header p[b-6286rodm7q], .opening-reference-eyebrow[b-6286rodm7q] { display: none; }
    .opening-reference-header[b-6286rodm7q] { gap: .45rem; padding: .55rem .7rem; }
    .opening-reference-header h2[b-6286rodm7q] { font-size: 1rem; }
    .opening-reference-icon[b-6286rodm7q] { width: 34px; height: 34px; }
    .opening-reference-body[b-6286rodm7q] { gap: .45rem; padding: 0 .7rem .65rem; }
    .opening-reference-modes > button[b-6286rodm7q], .opening-reference-chip-grid > button[b-6286rodm7q] { min-height: 44px; padding: .35rem; }
    .opening-reference-modes small[b-6286rodm7q] { display: none; }
    .opening-reference-colors button[b-6286rodm7q] { min-height: 38px; }
    .opening-reference-moves[b-6286rodm7q] { max-height: min(32vh, 260px); }
}

@media (max-width: 600px) {
    .opening-reference[b-6286rodm7q] { border-radius: 14px; }
    .opening-reference-filter-chips button[b-6286rodm7q] { min-height: 32px; padding: .25rem .45rem; }
    .opening-reference-loading[b-6286rodm7q], .opening-reference-error[b-6286rodm7q] { grid-template-columns: auto minmax(0, 1fr); }
    .opening-reference-error button[b-6286rodm7q] { grid-column: 1 / -1; justify-content: center; width: 100%; }
    .opening-reference-outcome[b-6286rodm7q] { min-height: 16px; }
    .opening-reference-outcome span[b-6286rodm7q] { font-size: .58rem; }
    .opening-reference-games li[b-6286rodm7q] { grid-template-columns: minmax(0, 1fr) auto; gap: .2rem .4rem; padding: .4rem .2rem; }
    .opening-reference-games time[b-6286rodm7q] { grid-column: 1; grid-row: 2; }
    .opening-reference-games small[b-6286rodm7q] { grid-column: 1; grid-row: 3; }
    .opening-reference-games a[b-6286rodm7q] { grid-column: 2; grid-row: 1 / 4; width: 44px; height: 44px; }
    .opening-reference-players[b-6286rodm7q] { grid-column: 1; grid-row: 1; }
    .opening-reference-private[b-6286rodm7q] { padding: .65rem; border-radius: 14px; }
    .opening-reference-private-search[b-6286rodm7q] { grid-template-columns: 1fr; }
    .opening-reference-private-search > .mud-button-root[b-6286rodm7q] { width: 100%; min-height: 46px; }
}

@media (max-width: 390px) {
    .opening-reference-toggle[b-6286rodm7q] { width: 100%; justify-content: center; grid-column: 1 / -1; }
    .opening-reference-modes > button[b-6286rodm7q] { gap: .2rem; padding: .3rem .2rem; }
    .opening-reference-modes > button > .mud-icon-root[b-6286rodm7q] { display: none; }
    .opening-reference-chip-grid[b-6286rodm7q] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .opening-reference-move-name strong[b-6286rodm7q] { font-size: .92rem; }
    .opening-reference-modes[b-6286rodm7q] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 360px) {
    .opening-reference-header h2[b-6286rodm7q] { font-size: .92rem; }
    .opening-reference-colors button strong[b-6286rodm7q] { font-size: .78rem; }
}

@media (max-width: 320px) {
    .opening-reference-modes[b-6286rodm7q] { gap: .25rem; }
    .opening-reference-emoji[b-6286rodm7q] { font-size: 1rem; }
    .piece[b-6286rodm7q] { width: 22px; height: 22px; font-size: 1.05rem; }
}

@media (prefers-reduced-motion: reduce) {
    .opening-reference-spinner[b-6286rodm7q] { animation-duration: 1.8s; }
    .opening-reference-progress i[b-6286rodm7q] { transition: none; }
}

/* COS smooth opening-reference refresh */
.opening-reference-refreshing[b-6286rodm7q] {
    display: flex;
    align-items: center;
    gap: .55rem;
    min-height: 40px;
    padding: .45rem .65rem;
    border: 1px solid #38bdf838;
    border-radius: 12px;
    color: #bae6fd;
    background: #0284c710;
}
.opening-reference-refreshing .opening-reference-spinner[b-6286rodm7q] { width: 20px; height: 20px; border-width: 3px; flex: 0 0 auto; }
.opening-reference-refreshing span:last-child[b-6286rodm7q] { display: grid; gap: .05rem; }
.opening-reference-refreshing small[b-6286rodm7q] { color: var(--mud-palette-text-secondary); font-size: .68rem; }
.opening-reference-results.is-refreshing > header[b-6286rodm7q],
.opening-reference-results.is-refreshing > .opening-reference-moves[b-6286rodm7q] { opacity: .78; }
.opening-reference-results > header[b-6286rodm7q],
.opening-reference-results > .opening-reference-moves[b-6286rodm7q] { transition: opacity .14s ease; }
@media (prefers-reduced-motion: reduce) {
    .opening-reference-results > header[b-6286rodm7q],
    .opening-reference-results > .opening-reference-moves[b-6286rodm7q] { transition: none; }
}

/* COS_REFERENCE_COMPACT_20260830 */
@media (max-width: 820px) {
    .opening-reference-slot.mobile-panel-active .opening-reference-body[b-6286rodm7q] {
        max-height: min(40dvh, 320px);
        overscroll-behavior: contain;
    }
    .opening-reference-options[b-6286rodm7q] { padding: .55rem; gap: .5rem; }
    .opening-reference-filter-group[b-6286rodm7q] { gap: .3rem; }
    .opening-reference-filter-chips[b-6286rodm7q] { gap: .25rem; }
    .opening-reference-moves[b-6286rodm7q] { max-height: min(24dvh, 205px); }
    .opening-reference-moves li[b-6286rodm7q] { padding: .3rem .4rem; }
    .opening-reference-outcome[b-6286rodm7q] { min-height: 14px; }
}
@media (max-width: 600px) {
    .opening-reference-modes > button[b-6286rodm7q] { min-height: 40px; border-radius: 11px; }
    .opening-reference-options-toggle[b-6286rodm7q] { min-height: 36px; }
    .opening-reference-filter-chips button[b-6286rodm7q] { min-height: 30px; font-size: .72rem; }
    .opening-reference-move-count[b-6286rodm7q] { font-size: .66rem; }
}
@media (max-height: 740px) and (max-width: 900px) {
    .opening-reference-slot.mobile-panel-active .opening-reference-body[b-6286rodm7q] { max-height: 34dvh; }
    .opening-reference-moves[b-6286rodm7q] { max-height: 18dvh; }
}
.preparation-results-perspective[b-6286rodm7q]{display:flex;align-items:center;gap:8px;margin:8px 0 12px;font-size:.85rem;color:var(--mud-palette-text-secondary)}
.opening-reference-moves.preparation-reference-moves[b-6286rodm7q]{gap:12px;max-height:none;overflow:visible;padding:3px}
.opening-reference-moves.preparation-reference-moves>li[b-6286rodm7q]{padding:12px;border:1px solid var(--mud-palette-lines-default);border-left:3px solid var(--mud-palette-primary);border-radius:12px;background:var(--mud-palette-surface);gap:10px}
.preparation-reference-moves .preparation-reference-choice[b-6286rodm7q]{display:grid;grid-template-columns:minmax(45px,1fr) auto 18px;align-items:center;gap:8px;width:100%;min-height:48px;min-width:0;padding:0;text-align:left}
.preparation-reference-san[b-6286rodm7q]{font-size:1.1rem}.preparation-reference-volume[b-6286rodm7q]{display:flex;flex-direction:column;gap:4px;text-align:right;font-weight:700;font-size:.85rem}.preparation-reference-volume small[b-6286rodm7q]{font-size:.72rem;font-weight:400;color:var(--mud-palette-text-secondary)}.preparation-reference-volume small b[b-6286rodm7q]{color:var(--mud-palette-text-primary)}
.preparation-reference-choice[b-6286rodm7q]  svg{width:18px;height:18px;color:var(--mud-palette-primary)}
.preparation-reference-volume small b[b-6286rodm7q]{white-space:nowrap}
.preparation-reference-choice:focus-visible[b-6286rodm7q]{outline:3px solid var(--mud-palette-primary);outline-offset:3px;border-radius:6px}
.preparation-result-bar[b-6286rodm7q]{display:flex;height:10px;width:100%;overflow:hidden;border-radius:8px;background:var(--mud-palette-lines-default)}
.preparation-reference-dates[b-6286rodm7q]{display:grid;gap:3px;font-size:.78rem;color:var(--mud-palette-text-secondary)}
.preparation-reference-dates small[b-6286rodm7q]{font-size:.72rem}
.preparation-reference-moves .preparation-reference-games-button[b-6286rodm7q]{display:flex;justify-content:center;gap:8px;min-height:44px;border:1px solid var(--mud-palette-lines-default);border-radius:8px;color:var(--mud-palette-primary);font-size:.8rem}
.preparation-reference-moves .preparation-reference-games-button:disabled[b-6286rodm7q]{opacity:.5}
.preparation-reference-games-button:focus-visible[b-6286rodm7q]{outline:2px solid var(--mud-palette-primary);outline-offset:2px}
.preparation-result-bar .result-white[b-6286rodm7q]{background:#f8fafc}.preparation-result-bar .result-draw[b-6286rodm7q]{background:#94a3b8}.preparation-result-bar .result-black[b-6286rodm7q]{background:#1e293b}.preparation-result-bar .result-unknown[b-6286rodm7q]{background:repeating-linear-gradient(135deg,#64748b 0 3px,#cbd5e1 3px 6px)}
.preparation-result-values[b-6286rodm7q]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}
.preparation-result-values>div[b-6286rodm7q]{min-width:0;border-top:3px solid #94a3b8;padding-top:5px}.preparation-result-values>.result-white[b-6286rodm7q]{border-color:#f8fafc}.preparation-result-values>.result-black[b-6286rodm7q]{border-color:#1e293b}.preparation-result-values>.result-unknown[b-6286rodm7q]{grid-column:1/-1;border-color:#64748b;display:flex;justify-content:space-between;gap:8px}
.preparation-result-values dt[b-6286rodm7q]{font-size:.73rem;color:var(--mud-palette-text-secondary);overflow-wrap:anywhere}.preparation-result-values dd[b-6286rodm7q]{margin:3px 0 0;font-size:.9rem;font-weight:800}.preparation-result-values dd small[b-6286rodm7q]{font-size:.72rem;font-weight:500;white-space:nowrap}
@media(max-width:500px){.opening-reference-moves.preparation-reference-moves>li[b-6286rodm7q]{padding:9px}.preparation-reference-volume small[b-6286rodm7q]{max-width:130px}.preparation-result-values[b-6286rodm7q]{gap:5px}}
/* /Components/Openings/SharedOpeningAccess.razor.rz.scp.css */
.shared-opening-member[b-lk56pljrqe] { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem; padding: .5rem 0; border-bottom: 1px solid var(--mud-palette-divider); }
.shared-opening-member bdi[b-lk56pljrqe] { flex-basis: 100%; overflow-wrap: anywhere; }
summary[b-lk56pljrqe] { cursor: pointer; min-height: 44px; display: list-item; padding: .65rem 0; }
/* /Components/Openings/SharedOpenings.razor.rz.scp.css */
.shared-openings[b-wm91e82667]  .mud-typography { overflow-wrap: anywhere; }
/* /Components/OtbDefinition.razor.rz.scp.css */
.otb-definition[b-e7r3pesf0r] {
    display: flex;
    align-items: flex-start;
    gap: .42rem;
    margin: .65rem 0 0;
    color: var(--mud-palette-text-secondary);
    font-size: .82rem;
    line-height: 1.45;
}

.otb-definition-marker[b-e7r3pesf0r] {
    flex: 0 0 auto;
    color: var(--mud-palette-primary);
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.1;
}
/* /Components/PasswordInput.razor.rz.scp.css */
.password-input[b-2hnkm66psd] { display:block; position:relative; width:100%; min-width:0; }
input[b-2hnkm66psd] { width:100%; min-width:0; min-height:44px; padding:.65rem 3rem .65rem .75rem; border:1px solid var(--mud-palette-lines-inputs,#475569); border-radius:10px; background:var(--mud-palette-background); color:var(--mud-palette-text-primary); font:inherit; }
button[b-2hnkm66psd] { position:absolute; inset-block:0; inset-inline-end:0; display:grid; place-items:center; width:44px; min-height:44px; padding:8px; border:0; border-radius:10px; background:transparent; color:var(--mud-palette-text-secondary); cursor:pointer; }
button:hover[b-2hnkm66psd] { color:var(--mud-palette-primary); }
button:focus-visible[b-2hnkm66psd] { outline:2px solid var(--mud-palette-primary); outline-offset:-3px; }
button:disabled[b-2hnkm66psd], input:disabled[b-2hnkm66psd] { opacity:.55; cursor:default; }
@media(max-width:600px) { input[b-2hnkm66psd] { font-size:16px; } }
/* /Components/PersonalGameManager.razor.rz.scp.css */
.otb-library[b-pndaq33q47] { display: grid; gap: .85rem; min-width: 0; }
.otb-share-selection-tools[b-pndaq33q47]{display:flex;flex-wrap:wrap;gap:8px;padding:10px;border-block:1px solid var(--mud-palette-lines-default);background:var(--mud-palette-surface)}
.otb-share-selection-tools strong[b-pndaq33q47]{flex-basis:100%;font-size:.85rem}
.otb-share-selection-tools button[b-pndaq33q47],.otb-share-selections button[b-pndaq33q47]{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:8px 12px;border:1px solid var(--mud-palette-lines-default);border-radius:8px;color:inherit;background:var(--mud-palette-surface);cursor:pointer}
.otb-share-selection-tools .otb-share-publish[b-pndaq33q47]{background:var(--mud-palette-primary);color:var(--mud-palette-primary-text)}
.otb-share-selection-tools button:disabled[b-pndaq33q47]{opacity:.5;cursor:default}
.otb-share-selecting li[b-pndaq33q47]{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center}
.otb-share-game-check[b-pndaq33q47]{display:grid;place-items:center;min-width:44px;min-height:44px;cursor:pointer}.otb-share-game-check input[b-pndaq33q47]{width:22px;height:22px;accent-color:var(--mud-palette-primary)}
.otb-share-selecting li:has(input:checked)[b-pndaq33q47]{border:2px solid var(--mud-palette-primary);background:color-mix(in srgb,var(--mud-palette-primary) 12%,var(--mud-palette-surface))}
.otb-share-selections[b-pndaq33q47]{padding:10px}.otb-share-selections summary[b-pndaq33q47]{min-height:44px;cursor:pointer;font-weight:700}.otb-share-selections button[b-pndaq33q47]{width:100%;justify-content:space-between;margin-top:6px;flex-wrap:wrap}.otb-share-selections button span[b-pndaq33q47]{font-size:.75rem}
.otb-visually-hidden[b-pndaq33q47] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.otb-alert[b-pndaq33q47] { margin: 0; }
.otb-breadcrumb[b-pndaq33q47] { display: flex; flex-wrap: wrap; align-items: center; gap: .35rem .55rem; min-width: 0; padding: .55rem .75rem; border: 1px solid var(--mud-palette-lines-default); border-radius: 14px; background: color-mix(in srgb, var(--mud-palette-surface) 88%, #1e293b); }
.otb-breadcrumb button[b-pndaq33q47] { min-height: 36px; padding: .2rem .45rem; border: 0; border-radius: 8px; color: inherit; background: transparent; font: inherit; cursor: pointer; }
.otb-breadcrumb button.current[b-pndaq33q47], .otb-crumb-home[b-pndaq33q47] { font-weight: 750; color: #93c5fd; }
.otb-breadcrumb small[b-pndaq33q47] { margin-left: auto; color: var(--mud-palette-text-secondary); font-size: .72rem; }
.otb-global-search[b-pndaq33q47] { display: grid; grid-template-columns: auto minmax(180px, .8fr) minmax(240px, 1.2fr) auto; align-items: center; gap: .65rem; min-width: 0; padding: .7rem .8rem; border: 1px solid #2563eb66; border-radius: 14px; background: linear-gradient(135deg, #172554aa, #0f172a); }
.otb-global-search[b-pndaq33q47] >  .mud-icon-root { color: #60a5fa; }
.otb-global-search label[b-pndaq33q47] { display: grid; gap: .1rem; min-width: 0; }
.otb-global-search label strong[b-pndaq33q47] { color: #dbeafe; font-size: .82rem; }
.otb-global-search label span[b-pndaq33q47] { color: #94a3b8; font-size: .7rem; }
.otb-global-search input[b-pndaq33q47] { width: 100%; min-width: 0; min-height: 44px; box-sizing: border-box; padding: .55rem .75rem; border: 1px solid #475569; border-radius: 11px; color: #f8fafc; background: #020617cc; font: inherit; }
.otb-global-search input:focus[b-pndaq33q47] { border-color: #60a5fa; outline: 3px solid #3b82f633; }
.otb-search-clear[b-pndaq33q47] { display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid #475569; border-radius: 10px; color: #cbd5e1; background: #1e293b; cursor: pointer; }
.otb-global-search-result[b-pndaq33q47] { grid-column: 3 / -1; color: #7dd3fc; font-size: .72rem; font-weight: 800; }
.otb-workspace[b-pndaq33q47], .study-workspace[b-pndaq33q47] { display: grid; grid-template-columns: minmax(220px, 270px) minmax(360px, 420px) minmax(0, 1fr); min-height: min(72vh, 780px); border: 1px solid var(--mud-palette-lines-default); border-radius: 18px; overflow: hidden; background: #0b1220; }
.otb-folders[b-pndaq33q47], .otb-games[b-pndaq33q47] { display: flex; min-width: 0; flex-direction: column; background: #0f172a; border-right: 1px solid #1e293b; }
.otb-folders header[b-pndaq33q47], .otb-games header[b-pndaq33q47] { display: flex; align-items: center; justify-content: space-between; gap: .5rem; padding: .7rem .75rem; border-bottom: 1px solid #1e293b; }

/* Make the two folder actions self-explanatory instead of showing two identical icons. */
.otb-folders header > div[b-pndaq33q47] { display: flex; flex-wrap: wrap; gap: .35rem; justify-content: flex-end; }
.otb-folders header .otb-icon-btn[b-pndaq33q47] {
    display: inline-flex;
    width: auto;
    min-width: 40px;
    gap: .3rem;
    padding: 0 .55rem;
}
.otb-folders header .otb-icon-btn[b-pndaq33q47]::after { font-size: .69rem; font-weight: 800; white-space: nowrap; }
.otb-folders header .otb-icon-btn[aria-label="Nouveau dossier"][b-pndaq33q47]::after { content: "Dossier"; }
.otb-folders header .otb-icon-btn[aria-label="Nouveau sous-dossier"][b-pndaq33q47]::after { content: "Sous-dossier"; }
.otb-folders header .otb-icon-btn[aria-label="Nouveau dossier"][b-pndaq33q47] { border-color: #3b82f6; background: #1e3a5f; }
.otb-folders header .otb-icon-btn[aria-label="Nouveau sous-dossier"][b-pndaq33q47] { border-color: #8b5cf6; background: #312e81; }

/* Give the game actions their own clear row; avoid cramped/truncated buttons. */
.otb-games header[b-pndaq33q47] { display: grid; grid-template-columns: minmax(0, 1fr); align-items: stretch; }
.otb-games header > div:first-child[b-pndaq33q47] { min-width: 0; }
.otb-games header > div:first-child small[b-pndaq33q47] { display: none; }
.otb-games header > div:first-child small.otb-search-count[b-pndaq33q47] { display: block; }
.otb-folders header strong[b-pndaq33q47], .otb-games header strong[b-pndaq33q47] { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.otb-games header small[b-pndaq33q47] { display: block; color: #60a5fa; font-size: .64rem; font-weight: 800; letter-spacing: .08em; }
.otb-icon-btn[b-pndaq33q47], .otb-mini-text[b-pndaq33q47], .otb-mini-primary[b-pndaq33q47], .otb-import-btn[b-pndaq33q47], .otb-manual-btn[b-pndaq33q47], .otb-export-btn[b-pndaq33q47], .otb-folder-tools button[b-pndaq33q47], .otb-back[b-pndaq33q47], .study-game-nav button[b-pndaq33q47], .otb-viewer-tabs button[b-pndaq33q47], .otb-side[b-pndaq33q47] {
    min-height: 40px; border: 1px solid #334155; border-radius: 10px; color: inherit; background: #1e293b; font: inherit; cursor: pointer;
}
.otb-icon-btn[b-pndaq33q47] { display: grid; place-items: center; width: 40px; padding: 0; }
.otb-mini-primary[b-pndaq33q47], .otb-import-btn[b-pndaq33q47] { border-color: #2563eb; background: #1d4ed8; color: #fff; font-weight: 750; }
.otb-import-btn[b-pndaq33q47], .otb-manual-btn[b-pndaq33q47] { display: inline-flex; align-items: center; justify-content: center; gap: .35rem; min-height: 44px; padding: .4rem .65rem; font-size: .75rem; white-space: nowrap; flex: 1 1 0; }
.otb-manual-btn[b-pndaq33q47] { border-color: #0d9488; background: #134e4a; color: #ecfeff; font-weight: 750; }
.otb-export-btn[b-pndaq33q47] { display: inline-flex; align-items: center; justify-content: center; gap: .35rem; min-height: 44px; padding: .4rem .65rem; border-color: #6366f1; color: #e0e7ff; background: #312e8166; font-weight: 800; } /* UX-030 */
.otb-export-btn:disabled[b-pndaq33q47] { opacity: .5; cursor: wait; }
.otb-game-actions[b-pndaq33q47] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: stretch; gap: .45rem; width: 100%; flex: 0 0 auto; }
.otb-empty-folder[b-pndaq33q47] { display: inline-flex; align-items: center; justify-content: center; gap: .35rem; min-height: 44px; padding: .35rem .65rem; border: 1px solid #fb7185; border-radius: 10px; color: #fecdd3; background: #7f1d1d22; font: inherit; font-size: .72rem; font-weight: 800; cursor: pointer; } /* UX-030 */
.otb-empty-folder:disabled[b-pndaq33q47] { opacity: .5; cursor: wait; }
.otb-empty-confirm[b-pndaq33q47] { border-bottom: 1px solid #1e293b; background: #7f1d1d18; }
.otb-mini-text[b-pndaq33q47] { background: transparent; }
.otb-icon-btn:focus-visible[b-pndaq33q47], .otb-mini-primary:focus-visible[b-pndaq33q47], .otb-import-btn:focus-visible[b-pndaq33q47], .otb-manual-btn:focus-visible[b-pndaq33q47], .otb-folder:focus-visible[b-pndaq33q47], .otb-chapters button:focus-visible[b-pndaq33q47], .otb-side:focus-visible[b-pndaq33q47], .otb-breadcrumb button:focus-visible[b-pndaq33q47] {
    outline: 3px solid #60a5fa; outline-offset: 2px;
}
.otb-inline-form[b-pndaq33q47], .otb-confirm[b-pndaq33q47] { display: grid; gap: .4rem; padding: .55rem .7rem; }
.otb-inline-form input[b-pndaq33q47], .otb-inline-form select[b-pndaq33q47] { min-height: 40px; width: 100%; padding: .4rem .55rem; border: 1px solid #334155; border-radius: 10px; color: inherit; background: #020617; font: inherit; }
.otb-folder-list[b-pndaq33q47] { flex: 1; min-height: 0; overflow: auto; padding: .4rem; }
.otb-folder[b-pndaq33q47] { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: .4rem; width: 100%; padding: .42rem .5rem; border: 0; border-radius: 9px; color: inherit; background: transparent; text-align: left; cursor: pointer; }
.otb-folder.depth-2[b-pndaq33q47] { width: calc(100% - 14px); margin-left: 14px; }
.otb-folder.depth-3[b-pndaq33q47] { width: calc(100% - 28px); margin-left: 28px; }
.otb-folder.depth-4[b-pndaq33q47] { width: calc(100% - 42px); margin-left: 42px; }
.otb-folder.depth-5[b-pndaq33q47] { width: calc(100% - 56px); margin-left: 56px; }
.otb-folder.selected[b-pndaq33q47] { color: #93c5fd; background: #3b82f624; }
.otb-folder[b-pndaq33q47]  .mud-icon-root { color: #f59e0b; }
.otb-folder strong[b-pndaq33q47], .otb-folder small[b-pndaq33q47] { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.otb-folder small[b-pndaq33q47] { color: #94a3b8; font-size: .68rem; }
.otb-folder-tools[b-pndaq33q47] { display: flex; flex-wrap: wrap; gap: .35rem; padding: .5rem .65rem .7rem; }
.otb-folder-tools button[b-pndaq33q47] { min-height: 36px; padding: .25rem .55rem; font-size: .75rem; }
.otb-folder-order-tools[b-pndaq33q47] { display: grid; grid-template-columns: auto 1fr 1fr; align-items: center; gap: .35rem; width: 100%; padding-bottom: .15rem; }
.otb-folder-order-tools span[b-pndaq33q47] { color: #94a3b8; font-size: .72rem; font-weight: 800; }
.otb-folder-order-tools button[b-pndaq33q47] { display: inline-flex; align-items: center; justify-content: center; gap: .25rem; min-height: 42px; }
.otb-folder-order-tools button:disabled[b-pndaq33q47] { opacity: .38; cursor: default; }
.otb-folder-tools button.danger[b-pndaq33q47], .otb-mini-primary.danger[b-pndaq33q47] { border-color: #fb7185; color: #fecdd3; }
.otb-confirm p[b-pndaq33q47] { margin: 0; font-size: .82rem; color: #cbd5e1; }

.otb-chapters[b-pndaq33q47] { display: grid; grid-auto-rows: max-content; align-content: start; gap: .45rem; flex: 1; min-height: 0; margin: 0; padding: .55rem; overflow: auto; list-style: none; }
.study-chapters li[b-pndaq33q47] { overflow: hidden; border: 1px solid #26354d; border-radius: 12px; background: #111c30; }
.study-chapters li.selected[b-pndaq33q47] { background: #4f46e540; box-shadow: inset 3px 0 #818cf8; }
.study-chapters button[b-pndaq33q47] { display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; align-items: center; gap: .55rem; width: 100%; min-height: 58px; padding: .6rem; border: 0; color: inherit; background: transparent; text-align: left; cursor: pointer; }
.chapter-number[b-pndaq33q47] { color: #818cf8; font-size: 1rem; font-weight: 900; }
.study-chapters strong[b-pndaq33q47], .study-chapters small[b-pndaq33q47] { display: block; min-width: 0; white-space: normal; overflow-wrap: anywhere; }
.study-chapters strong[b-pndaq33q47] { font-size: .8rem; line-height: 1.25; }
.study-chapters button > span[b-pndaq33q47] { min-width: 0; }
.study-chapters small[b-pndaq33q47] { margin-top: .18rem; color: #94a3b8; font-size: .68rem; line-height: 1.25; }
.study-chapters .otb-analysis-summary[b-pndaq33q47] { color: #7dd3fc; font-weight: 800; }
.study-chapters b[b-pndaq33q47] { font-size: .75rem; }
.otb-status[b-pndaq33q47] { display: grid; place-items: center; width: 1.35rem; font-size: .9rem; }
.study-empty[b-pndaq33q47], .study-no-game[b-pndaq33q47] { display: grid; place-items: center; gap: .35rem; padding: 1.4rem; text-align: center; color: #94a3b8; }

.otb-viewer[b-pndaq33q47] { container-type: inline-size; min-width: 0; overflow: auto; padding: .7rem; background: radial-gradient(circle at 50% 30%, #1e293b80, #020617 70%); }
.otb-back[b-pndaq33q47] { display: none; margin-bottom: .5rem; }
.otb-viewer-grid[b-pndaq33q47] { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(220px, .85fr); gap: .7rem; height: 100%; }
.otb-board-wrap[b-pndaq33q47] { display: flex; min-width: 0; flex-direction: column; align-items: center; }
.study-board[b-pndaq33q47] { width: min(100%, 560px); flex: none; aspect-ratio: 1; }
.study-player[b-pndaq33q47] { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .5rem; width: min(100%, 560px); padding: .35rem .1rem; }
.study-player strong[b-pndaq33q47] { min-width: 0; overflow-wrap: anywhere; text-align: center; }
.study-player small[b-pndaq33q47] { color: #94a3b8; }
.study-board-nav[b-pndaq33q47] { display: flex; align-items: center; justify-content: center; gap: .15rem; width: 100%; padding-top: .3rem; }
.study-board-nav strong[b-pndaq33q47] { min-width: 64px; text-align: center; color: #94a3b8; font-size: .74rem; }
.study-board-nav[b-pndaq33q47]  .mud-icon-button { flex: 0 0 44px; width: 44px; height: 44px; padding: 10px; }
.otb-score[b-pndaq33q47] { display: flex; min-width: 0; flex-direction: column; border: 1px solid #1e293b; border-radius: 14px; background: #0f172a; }
.otb-viewer-tabs[b-pndaq33q47], .study-game-nav[b-pndaq33q47] { display: flex; justify-content: space-between; gap: .35rem; padding: .45rem; border-bottom: 1px solid #1e293b; }
.otb-viewer-tabs button[aria-selected="true"][b-pndaq33q47] { border-color: #6366f1; background: #312e81; }
.study-game-nav span[b-pndaq33q47] { align-self: center; font-size: .75rem; color: #94a3b8; }
.study-moves[b-pndaq33q47] { display: grid; grid-template-columns: 32px 1fr 1fr; align-content: start; max-height: 280px; overflow: auto; padding: .5rem; }
.study-moves .move-number[b-pndaq33q47] { padding: .34rem .2rem; color: #64748b; font-size: .78rem; }
.study-moves button[b-pndaq33q47] { padding: .34rem; border: 0; border-radius: 7px; color: inherit; background: transparent; text-align: left; font-size: .88rem; cursor: pointer; }
.study-moves button.current[b-pndaq33q47] { color: #fff; background: #2563eb; }
.otb-info-head[b-pndaq33q47] { display: flex; align-items: flex-start; justify-content: space-between; gap: .4rem; padding: .7rem; }
.otb-info-head h3[b-pndaq33q47] { margin: 0; font-size: .92rem; }
.otb-info-head > div[b-pndaq33q47] { min-width: 0; flex: 1; }
.otb-info-head small[b-pndaq33q47] { color: #60a5fa; font-size: .64rem; font-weight: 800; letter-spacing: .08em; }
.study-metadata[b-pndaq33q47] { display: grid; gap: .45rem; margin: 0; padding: 0 .75rem .75rem; }
.study-metadata div[b-pndaq33q47] { display: grid; grid-template-columns: 72px 1fr; gap: .4rem; }
.study-metadata dt[b-pndaq33q47] { color: #94a3b8; font-size: .7rem; }
.study-metadata dd[b-pndaq33q47] { margin: 0; font-size: .78rem; overflow-wrap: anywhere; }
.otb-identity[b-pndaq33q47] { display: grid; gap: .45rem; margin: .4rem .75rem .85rem; padding: .75rem; border: 1px solid #6366f166; border-radius: 14px; background: #312e8140; }
.otb-identity p[b-pndaq33q47] { margin: 0; font-weight: 750; }
.otb-identity-hint[b-pndaq33q47] { font-weight: 400 !important; color: #cbd5e1; font-size: .78rem; }
.otb-side.white[b-pndaq33q47] { background: #ecfdf5; color: #064e3b; }
.otb-side.black[b-pndaq33q47] { background: #1e3a5f; color: #dbeafe; }
.otb-identity-summary[b-pndaq33q47] { display: flex; align-items: center; justify-content: space-between; gap: .65rem; margin: .4rem .75rem .85rem; padding: .65rem .75rem; border: 1px solid #334155; border-radius: 12px; background: #0f172a; }
.otb-identity-summary span[b-pndaq33q47] { color: #cbd5e1; }
.otb-identity-summary strong[b-pndaq33q47] { color: #f8fafc; }

.game-edit-overlay[b-pndaq33q47] { position: fixed; inset: 0; z-index: 1800; display: grid; place-items: center; padding: 1rem; background: rgba(2, 6, 23, .72); backdrop-filter: blur(8px); }
.game-edit-card[b-pndaq33q47] {
    display: grid;
    gap: 0;
    width: min(720px, 100%);
    max-height: min(860px, calc(100dvh - 2rem));
    overflow: auto;
    border: 1px solid color-mix(in srgb, var(--mud-palette-primary) 38%, var(--mud-palette-lines-default));
    border-radius: 22px;
    background: var(--mud-palette-surface);
    box-shadow: 0 28px 90px #0008;
}
.game-edit-card > header[b-pndaq33q47] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .85rem;
    padding: 1.05rem 1.15rem;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}
.game-edit-icon[b-pndaq33q47] { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 14px; color: #fff; background: linear-gradient(135deg, #2563eb, #7c3aed); }
.game-edit-card h2[b-pndaq33q47], .game-edit-card p[b-pndaq33q47] { margin: 0; }
.game-edit-card h2[b-pndaq33q47] { font-size: 1.28rem; line-height: 1.25; }
.game-edit-card p[b-pndaq33q47] { margin-top: .18rem; color: var(--mud-palette-text-secondary); font-size: .78rem; }
.game-edit-card header small[b-pndaq33q47] { color: var(--mud-palette-primary); font-size: .61rem; font-weight: 900; letter-spacing: .11em; }
.game-edit-grid[b-pndaq33q47] { display: grid; grid-template-columns: 1fr 1fr; gap: .85rem 1rem; padding: 1.05rem 1.15rem; }
.game-edit-grid > :last-child[b-pndaq33q47] { grid-column: 1 / -1; }
.game-move-card[b-pndaq33q47] { width: min(520px, 100%); }
.game-move-content[b-pndaq33q47] { padding: 1.1rem 1.15rem; }
.game-move-icon[b-pndaq33q47] { background: linear-gradient(135deg, #0f766e, #2563eb); }
.game-edit-card footer[b-pndaq33q47] {
    display: flex;
    justify-content: flex-end;
    gap: .55rem;
    padding: .95rem 1.15rem;
    border-top: 1px solid var(--mud-palette-lines-default);
    background: var(--mud-palette-surface);
}
.game-export-card[b-pndaq33q47] { width: min(820px, 100%); }
.game-export-content[b-pndaq33q47] { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; padding: 1.05rem 1.15rem; }
.game-export-content fieldset[b-pndaq33q47] { min-width: 0; margin: 0; padding: .8rem; border: 1px solid #334155; border-radius: 14px; }
.game-export-content legend[b-pndaq33q47] { padding: 0 .35rem; font-size: .82rem; font-weight: 850; }
.game-export-scopes[b-pndaq33q47] { display: grid; align-content: start; gap: .5rem; }
.game-export-scopes label[b-pndaq33q47] { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: .65rem; min-height: 58px; padding: .65rem; border: 1px solid #334155; border-radius: 12px; cursor: pointer; }
.game-export-scopes label.selected[b-pndaq33q47] { border-color: #60a5fa; background: #1d4ed833; }
.game-export-scopes strong[b-pndaq33q47], .game-export-scopes small[b-pndaq33q47] { display: block; }
.game-export-scopes small[b-pndaq33q47] { margin-top: .15rem; color: #94a3b8; }
.game-export-folder-picker[b-pndaq33q47] { display: grid; gap: .4rem; max-height: 230px; padding: .55rem; overflow: auto; border: 1px solid #334155; border-radius: 12px; background: #02061766; }
.game-export-folder-picker > div[b-pndaq33q47] { padding: .15rem .2rem .3rem; }
.game-export-folder-picker > div strong[b-pndaq33q47], .game-export-folder-picker > div small[b-pndaq33q47] { display: block; }
.game-export-folder-picker > div small[b-pndaq33q47] { margin-top: .15rem; }
.game-export-folder-picker label[b-pndaq33q47] { grid-template-columns: auto auto minmax(0, 1fr); min-height: 50px; padding: .45rem .55rem; }
.game-export-folder-picker[b-pndaq33q47]  .mud-icon-root { color: #f59e0b; }
.game-export-options[b-pndaq33q47] { display: grid; align-content: start; }
.game-export-options > p[b-pndaq33q47] { margin: 0 0 .35rem; color: #94a3b8; }
.game-export-summary[b-pndaq33q47] { margin-right: auto; color: #cbd5e1; }
.game-export-summary strong[b-pndaq33q47] { color: #60a5fa; }

@media (max-width: 1100px) {
    .otb-workspace[b-pndaq33q47] { grid-template-columns: minmax(200px, 240px) minmax(0, 1fr); }
    .otb-viewer[b-pndaq33q47] { grid-column: 1 / -1; border-top: 1px solid #1e293b; }
    .otb-viewer-grid[b-pndaq33q47] { grid-template-columns: minmax(0, 1fr) minmax(220px, .9fr); }
    .otb-folders header .otb-icon-btn[b-pndaq33q47]::after { display: none; }
    .otb-folders header .otb-icon-btn[b-pndaq33q47] { width: 40px; padding: 0; justify-content: center; }
}
@media (max-width: 700px) {
    /* UX-030-media */
    .otb-export-btn[b-pndaq33q47], .otb-empty-folder[b-pndaq33q47], .otb-icon-btn[b-pndaq33q47], .otb-mini-text[b-pndaq33q47], .otb-mini-primary[b-pndaq33q47], .study-game-nav button[b-pndaq33q47], .otb-viewer-tabs button[b-pndaq33q47], .otb-side[b-pndaq33q47] {
        min-height: 44px;
    }

    .otb-global-search[b-pndaq33q47] { grid-template-columns: auto minmax(0, 1fr) auto; }
    .otb-global-search label[b-pndaq33q47] { grid-column: 2 / -1; }
    .otb-global-search input[b-pndaq33q47] { grid-column: 1 / 3; }
    .otb-global-search-result[b-pndaq33q47] { grid-column: 1 / -1; }
    .otb-workspace[b-pndaq33q47] { display: block; min-height: 0; overflow: visible; }
    .otb-folders[b-pndaq33q47], .otb-games[b-pndaq33q47], .otb-viewer[b-pndaq33q47] { border-right: 0; }
    .otb-library:not(.folders-open) .otb-folders[b-pndaq33q47] { display: none; }
    .otb-library.folders-open .otb-games[b-pndaq33q47], .otb-library.folders-open .otb-viewer[b-pndaq33q47] { display: none; }
    .otb-library:not(.game-open):not(.folders-open) .otb-viewer[b-pndaq33q47] { display: none; }
    .otb-library.game-open .otb-folders[b-pndaq33q47], .otb-library.game-open .otb-games[b-pndaq33q47] { display: none; }
    .otb-back[b-pndaq33q47] { display: inline-flex; align-items: center; min-height: 44px; padding: .35rem .7rem; }
    .otb-viewer-grid[b-pndaq33q47] { grid-template-columns: 1fr; }
    .study-moves[b-pndaq33q47] { max-height: 220px; }
    .study-moves button[b-pndaq33q47] { min-height: 44px; }
    .otb-breadcrumb small[b-pndaq33q47] { display: none; }
    .game-edit-overlay[b-pndaq33q47] { padding: 0; align-items: end; }
    .game-edit-card[b-pndaq33q47] { width: 100%; max-height: 92dvh; border-radius: 22px 22px 0 0; }
    .game-edit-grid[b-pndaq33q47] { grid-template-columns: 1fr; }
    .game-export-content[b-pndaq33q47] { grid-template-columns: 1fr; overflow: auto; }
    .game-export-card footer[b-pndaq33q47] { flex-wrap: wrap; }
    .game-export-summary[b-pndaq33q47] { width: 100%; }
    .game-edit-grid > :last-child[b-pndaq33q47] { grid-column: auto; }
}
@media (max-width: 390px) {
    .otb-import-btn[b-pndaq33q47], .otb-manual-btn[b-pndaq33q47] { min-height: 42px; padding-inline: .45rem; font-size: .7rem; }
    .otb-games header strong[b-pndaq33q47] { font-size: .82rem; }
    .study-chapters small[b-pndaq33q47] { font-size: .64rem; }
}
@media (max-width: 360px) {
    .otb-folder[b-pndaq33q47], .study-chapters button[b-pndaq33q47] { padding-inline: .3rem; }
}
@media (max-width: 320px) {
    .chapter-number[b-pndaq33q47] { font-size: .9rem; }
    .otb-game-actions[b-pndaq33q47] { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
    .otb-folder[b-pndaq33q47], .otb-import-btn[b-pndaq33q47], .study-chapters li[b-pndaq33q47] { transition: none; }
}

/* COS adaptive OTB viewer v2 */
.otb-folder-tools[b-pndaq33q47] { align-items: center; }
.otb-folder-tools .otb-folder-tool-icon[b-pndaq33q47] {
    display: grid;
    place-items: center;
    width: 38px;
    min-width: 38px;
    min-height: 38px;
    padding: 0;
    border-radius: 10px;
}
.otb-folder-tools .otb-folder-tool-icon.danger[b-pndaq33q47] { color: #fecdd3; border-color: #fb7185; background: #7f1d1d22; }

.otb-chapters li.result-win[b-pndaq33q47] { box-shadow: inset 3px 0 #22c55e; }
.otb-chapters li.result-draw[b-pndaq33q47] { box-shadow: inset 3px 0 #38bdf8; }
.otb-chapters li.result-loss[b-pndaq33q47] { box-shadow: inset 3px 0 #fb7185; }
.otb-chapters li.result-unknown[b-pndaq33q47] { box-shadow: inset 3px 0 #f59e0b; }
.otb-chapters li.result-unscored[b-pndaq33q47] { box-shadow: inset 3px 0 #64748b; }
.otb-result[b-pndaq33q47] { display: grid; min-width: 62px; justify-items: end; line-height: 1.05; }
.otb-result span[b-pndaq33q47] { font-size: .68rem; font-weight: 900; }
.otb-result small[b-pndaq33q47] { margin-top: .1rem; font-size: .62rem; color: #94a3b8; }
.otb-result.win span[b-pndaq33q47] { color: #4ade80; }
.otb-result.draw span[b-pndaq33q47] { color: #7dd3fc; }
.otb-result.loss span[b-pndaq33q47] { color: #fda4af; }
.otb-result.unknown span[b-pndaq33q47] { color: #fbbf24; }
.otb-result.unscored span[b-pndaq33q47] { color: #94a3b8; }

.otb-game-pagination[b-pndaq33q47] { display: grid; grid-template-columns: 40px max-content 40px; align-items: center; justify-content: center; gap: .55rem; padding: .5rem .65rem; border-top: 1px solid #1e293b; background: #0b1220; }
.otb-game-pagination button[b-pndaq33q47], .otb-game-nav-icon[b-pndaq33q47] {
    display: grid; place-items: center; width: 40px; height: 40px; padding: 0; border: 1px solid #334155; border-radius: 11px; color: #dbeafe; background: #172033; cursor: pointer;
}
.otb-game-pagination button:disabled[b-pndaq33q47], .otb-game-nav-icon:disabled[b-pndaq33q47] { opacity: .35; cursor: default; }
.otb-game-pagination span[b-pndaq33q47] { min-width: 92px; text-align: center; white-space: nowrap; color: #94a3b8; font-size: .72rem; font-weight: 750; }

.otb-viewer[b-pndaq33q47] { position: relative; }
.otb-viewer-commandbar[b-pndaq33q47] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .4rem; margin-bottom: .45rem; }
.otb-review-link[b-pndaq33q47],
.otb-reference-link[b-pndaq33q47],
.otb-move-game[b-pndaq33q47] {
    display: inline-flex; align-items: center; gap: .4rem; min-height: 40px; padding: .35rem .7rem;
    border: 1px solid #475569; border-radius: 11px; color: #dbeafe; background: #172033;
    font-weight: 800; cursor: pointer;
}
.otb-reference-link[b-pndaq33q47] { border-color: #3b82f688; background: linear-gradient(130deg, #2563eb25, #7c3aed1c); }
.otb-move-game[b-pndaq33q47] { border-color: #14b8a688; background: linear-gradient(130deg, #0f766e33, #2563eb1c); }
.otb-viewer-commandbar .otb-edit-game[b-pndaq33q47] { margin-inline-end: auto; min-height: 44px; justify-content: center; color: var(--mud-palette-primary-text); background: var(--mud-palette-primary); border-color: var(--mud-palette-primary); }
.otb-viewer-commandbar .otb-edit-game:hover:not(:disabled)[b-pndaq33q47] { background: var(--mud-palette-primary-darken); }
.otb-reference-link:disabled[b-pndaq33q47], .otb-move-game:disabled[b-pndaq33q47] { opacity: .5; cursor: wait; }
.otb-viewer-commandbar button:hover[b-pndaq33q47], .otb-game-pagination button:not(:disabled):hover[b-pndaq33q47], .otb-game-nav-icon:not(:disabled):hover[b-pndaq33q47] { border-color: #60a5fa; background: #1e3a5f; }
.otb-viewer-commandbar .otb-analysis-lock.unlocked[b-pndaq33q47] { color: #bbf7d0; border-color: #22c55e; background: #14532d55; }

.otb-viewer-tabs[b-pndaq33q47] { justify-content: flex-start; }
.otb-viewer-tabs button[b-pndaq33q47] { display: inline-flex; flex: 1; align-items: center; justify-content: center; gap: .35rem; min-width: 0; min-height: 44px; padding: .35rem .5rem; }
.otb-score[b-pndaq33q47] { container-type: inline-size; }
@container (max-width: 380px) {
    .otb-viewer-tabs button[b-pndaq33q47]  .mud-icon-root { display: none; }
    .otb-viewer-tabs button[b-pndaq33q47] { padding-inline: .25rem; font-size: .8rem; }
    .otb-viewer-tabs button:nth-child(2)[b-pndaq33q47] { flex: 1.6; }
}
.otb-viewer-tabs button[aria-selected="true"][b-pndaq33q47] { color: #e0e7ff; border-color: #818cf8; background: #3730a355; box-shadow: inset 0 -2px #818cf8; }
.study-game-nav[b-pndaq33q47] { align-items: center; justify-content: center; }
.study-game-nav span[b-pndaq33q47] { flex: 1; text-align: center; font-weight: 750; }
.otb-stockfish-panel[b-pndaq33q47] { min-height: 0; padding: .7rem; overflow: auto; }

@media (min-width: 701px) {
    .otb-workspace[b-pndaq33q47] { height: clamp(440px, calc(100dvh - 210px), 1050px); min-height: 0; }
    .otb-folders[b-pndaq33q47], .otb-games[b-pndaq33q47], .otb-viewer[b-pndaq33q47] { height: 100%; min-height: 0; }
    .otb-chapters[b-pndaq33q47] { min-height: 0; }
    .otb-viewer-grid[b-pndaq33q47] { min-height: 0; }
    .otb-score[b-pndaq33q47] { min-height: 0; overflow: hidden; }
    .otb-tab-panel[b-pndaq33q47] { min-height: 0; overflow: auto; }
    .study-moves[b-pndaq33q47] { max-height: none; min-height: 0; flex: 1; }
}
@media (min-width: 1500px) {
    .otb-workspace[b-pndaq33q47] { grid-template-columns: clamp(230px, 14vw, 320px) clamp(400px, 24vw, 540px) minmax(0, 1fr); }
}
@media (max-height: 800px) and (min-width: 701px) {
    .otb-workspace[b-pndaq33q47] { height: max(440px, calc(100dvh - 170px)); }
    .study-board[b-pndaq33q47] { width: min(100%, 54vh); }
}

.otb-library.immersive-viewer .otb-breadcrumb[b-pndaq33q47] { visibility: hidden; height: 0; min-height: 0; padding: 0; border: 0; overflow: hidden; }
.otb-library.immersive-viewer .otb-folders[b-pndaq33q47],
.otb-library.immersive-viewer .otb-games[b-pndaq33q47] { display: none; }
@media (max-width: 700px) {
    .otb-game-pagination[b-pndaq33q47] { position: sticky; bottom: 0; z-index: 2; }
    .otb-chapters[b-pndaq33q47] { gap: .5rem; padding: .55rem; }
    .study-chapters button[b-pndaq33q47] { grid-template-columns: 1.4rem minmax(0, 1fr) auto 1.2rem; align-items: start; min-height: 68px; padding: .65rem .55rem; }
    .otb-result[b-pndaq33q47] { min-width: 54px; }
    .otb-result span[b-pndaq33q47] { font-size: .64rem; }
}
@media (prefers-reduced-motion: reduce) {
    .otb-viewer-tabs button[b-pndaq33q47], .otb-viewer-commandbar button[b-pndaq33q47] { transition: none; }
}

@media (min-width: 701px) {
    .otb-immersive-toggle[b-pndaq33q47],
    .otb-library.immersive-viewer .otb-analysis-lock[b-pndaq33q47] {
        display: inline-flex;
        align-items: center;
        gap: .4rem;
        width: auto;
        min-width: 0;
        min-height: 40px;
        padding: .35rem .7rem;
        border: 1px solid #60a5fa;
        border-radius: 11px;
        color: #fff;
        background: linear-gradient(135deg, #2563eb, #4f46e5);
        box-shadow: 0 6px 18px #2563eb4d;
        font-weight: 800;
        transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
    }
    .otb-viewer-commandbar .otb-immersive-toggle:hover[b-pndaq33q47] {
        background: linear-gradient(135deg, #3b82f6, #6366f1);
        box-shadow: 0 8px 22px #2563eb66;
        transform: translateY(-1px);
    }
    .otb-library.immersive-viewer .otb-analysis-lock.unlocked[b-pndaq33q47] {
        border-color: #22c55e;
        color: #bbf7d0;
        background: #14532d55;
    }
}

@media (min-width: 1101px) {
    .otb-viewer-grid[b-pndaq33q47] {
        grid-template-columns: minmax(0, 1.45fr) minmax(320px, 400px);
        gap: .8rem;
        align-items: stretch;
    }
    .otb-board-wrap[b-pndaq33q47] { justify-self: stretch; }
    .otb-score[b-pndaq33q47] { justify-self: stretch; min-width: 320px; }
    .study-board[b-pndaq33q47],
    .study-player[b-pndaq33q47] {
        width: min(100%, min(68vh, 760px));
    }
}

.otb-library.immersive-viewer .otb-workspace[b-pndaq33q47] {
    position: fixed;
    inset: 0;
    z-index: calc(var(--mud-zindex-dialog, 1400) - 1);
    display: grid;
    grid-template-columns: 1fr;
    width: auto;
    height: auto;
    min-height: 0;
    border-radius: 0;
    box-shadow: none;
}
.otb-library.immersive-viewer .otb-viewer[b-pndaq33q47] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    width: 100%;
    height: 100%;
    min-height: 0;
    padding: max(.35rem, env(safe-area-inset-top)) max(.55rem, env(safe-area-inset-right)) max(.55rem, env(safe-area-inset-bottom)) max(.55rem, env(safe-area-inset-left));
    overflow: auto;
}
.otb-library.immersive-viewer .otb-back[b-pndaq33q47] { display: none; }
.otb-library.immersive-viewer .otb-viewer-commandbar[b-pndaq33q47] {
    position: static;
    justify-content: flex-end;
    margin: 0 0 .25rem;
}
.otb-library.immersive-viewer .otb-viewer-commandbar button[b-pndaq33q47] { min-height: 44px; padding-block: .2rem; }
.otb-library.immersive-viewer .otb-viewer-grid[b-pndaq33q47] {
    --otb-panel: clamp(21.25rem, 23vw, 26.25rem);
    --otb-board: var(--viewer-board-size, min(60dvh, 50vw));
    display: grid;
    grid-template-columns: minmax(0, 1fr) var(--otb-panel);
    width: 100%;
    max-width: 100%;
    height: 100%;
    min-height: 0;
    margin: 0 auto;
    justify-content: center;
    align-items: stretch;
    gap: .75rem;
}
.otb-library.immersive-viewer .study-board[b-pndaq33q47] {
    width: var(--otb-board);
    max-width: 100%;
    margin-inline: auto;
}
.otb-library.immersive-viewer .study-board-nav[b-pndaq33q47] { width: 100%; flex-wrap: nowrap; }
.otb-library.immersive-viewer .otb-board-wrap[b-pndaq33q47] { width: 100%; }
.otb-library.immersive-viewer .study-player[b-pndaq33q47] { width: 100%; max-width: 800px; }
.otb-library.immersive-viewer .otb-score[b-pndaq33q47] {
    width: 100%;
    height: 100%;
    max-height: none;
    min-height: 0;
    overflow: hidden;
    align-self: stretch;
}
.otb-library.immersive-viewer .otb-tab-panel:not([hidden])[b-pndaq33q47] {
    flex: 1 1 0;
    min-height: 0;
    overflow: auto;
}
.otb-library.immersive-viewer .study-moves[b-pndaq33q47] {
    height: 100%;
    max-height: none;
}
.otb-library.immersive-viewer .otb-stockfish-panel[b-pndaq33q47] {
    flex: 1 1 0;
    min-height: 0;
    margin: 0;
    padding: .8rem;
    border: 0;
    border-radius: 0;
    background: #0f172a;
    overflow: auto;
}
@media (max-width: 700px) and (orientation: portrait) {
    .otb-library.immersive-viewer .otb-viewer-grid[b-pndaq33q47] {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto;
        width: 100%;
        max-width: 100%;
        gap: .7rem;
        overflow: auto;
    }
    .otb-library.immersive-viewer .otb-score[b-pndaq33q47] { height: auto; max-height: none; }
}
@media (max-width: 900px) and (orientation: landscape) {
    .otb-library.immersive-viewer .otb-viewer-grid[b-pndaq33q47] { --otb-panel: min(42vw, 320px); }
}

/* A source library reuses the OTB reader without exposing folder management. */
.otb-library.flat-library[b-pndaq33q47] { margin-top: 2rem; }
.otb-library.flat-library:not(.immersive-viewer) .otb-workspace[b-pndaq33q47] { grid-template-columns: minmax(340px, 430px) minmax(0, 1fr); min-height: min(76vh, 820px); }
.otb-library.flat-library .otb-games header > div:first-child small[b-pndaq33q47] { display: block; }
@container (max-width: 640px) {
    .otb-viewer-grid[b-pndaq33q47] { grid-template-columns: minmax(0, 1fr); height: auto; }
    .otb-score[b-pndaq33q47] { min-width: 0; max-height: 460px; }
    .study-board-nav[b-pndaq33q47] { flex-wrap: wrap; }
}
.provider-game-filters[b-pndaq33q47] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .45rem; min-width: 0; padding: .65rem; border-bottom: 1px solid #1e293b; background: #0b1220; }
.provider-game-filters label[b-pndaq33q47] { display: grid; gap: .2rem; color: #94a3b8; font-size: .64rem; font-weight: 800; }
.provider-game-filters input[b-pndaq33q47], .provider-game-filters select[b-pndaq33q47] { width: 100%; min-width: 0; min-height: 40px; padding: .45rem .55rem; border: 1px solid #334155; border-radius: 10px; color: #e2e8f0; background: #111c30; font: inherit; font-size: .72rem; }
.provider-game-search[b-pndaq33q47] { position: relative; grid-column: 1 / -1; align-self: end; min-width: 0; }
.provider-game-search[b-pndaq33q47]  .mud-icon-root { position: absolute; z-index: 1; left: .55rem; bottom: .62rem; color: #60a5fa; font-size: 18px; }
.provider-game-search input[b-pndaq33q47] { padding-left: 2rem; }

/* Keep the three OTB columns and their controls optically aligned. */
.otb-folders > header[b-pndaq33q47], .otb-games > header[b-pndaq33q47] { flex: 0 0 auto; min-height: 64px; box-sizing: border-box; }
.otb-games > header[b-pndaq33q47] { gap: .55rem; }
.otb-games .otb-chapters[b-pndaq33q47] { padding: .65rem; }
.otb-games .study-chapters button[b-pndaq33q47] { min-height: 62px; }
.otb-folder-tools[b-pndaq33q47] { margin-top: auto; border-top: 1px solid #1e293b; background: #0b1220; }

/* Keep the board beside the library: selecting a game must not require a
   second page of scrolling to reach its position. */
@media (min-width: 701px) {
    .otb-library.overview-library:not(.immersive-viewer) .otb-workspace[b-pndaq33q47] {
        grid-template-columns: clamp(200px, 24vw, 320px) minmax(0, 1fr);
        grid-template-rows: minmax(0, auto) minmax(0, 1fr);
    }
    .otb-library.overview-library:not(.immersive-viewer) .otb-folders[b-pndaq33q47] {
        grid-column: 1;
        grid-row: 1;
        max-height: clamp(140px, 24dvh, 220px);
    }
    .otb-library.overview-library:not(.immersive-viewer) .otb-games[b-pndaq33q47] {
        grid-column: 1;
        grid-row: 2;
        border-top: 1px solid #1e293b;
    }
    .otb-library.overview-library:not(.immersive-viewer) .otb-games > header[b-pndaq33q47] {
        flex-wrap: wrap;
    }
    .otb-library.overview-library:not(.immersive-viewer) .otb-viewer[b-pndaq33q47] {
        grid-column: 2;
        grid-row: 1 / -1;
        min-height: 0;
        border-top: 0;
    }
}

@media (max-width: 1100px) {
    .otb-library.flat-library:not(.immersive-viewer) .otb-workspace[b-pndaq33q47] { grid-template-columns: 1fr; }
    .otb-library.flat-library .otb-viewer[b-pndaq33q47] { grid-column: auto; }
}
@media (max-width: 700px) {
    .otb-library.flat-library .otb-games[b-pndaq33q47] { display: flex; }
    .otb-library.flat-library.game-open .otb-games[b-pndaq33q47] { display: none; }
    .provider-game-filters[b-pndaq33q47] { grid-template-columns: 1fr 1fr; }
    .provider-game-search[b-pndaq33q47] { grid-column: 1 / -1; }
    .otb-library.game-open > .otb-breadcrumb[b-pndaq33q47],
    .otb-library.game-open > .otb-global-search[b-pndaq33q47] { display: none; }
    .otb-library.flat-library.game-open[b-pndaq33q47] { margin-top: .5rem; }
    .study-player strong[b-pndaq33q47] { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .otb-viewer-commandbar[b-pndaq33q47] { justify-content: stretch; }
    .otb-viewer-commandbar button[b-pndaq33q47] { min-height: 44px; justify-content: center; }
    .otb-viewer-commandbar .otb-review-link[b-pndaq33q47],
    .otb-viewer-commandbar .otb-reference-link[b-pndaq33q47] { flex: 1; }
    .otb-viewer-commandbar .otb-move-game[b-pndaq33q47],
    .otb-viewer-commandbar .otb-immersive-toggle[b-pndaq33q47] { min-width: 44px; padding-inline: .45rem; }
    .otb-move-game span[b-pndaq33q47],
    .otb-immersive-toggle span[b-pndaq33q47] { display: none; }
    .otb-viewer-commandbar .otb-edit-game[b-pndaq33q47] { flex: 1 0 100%; margin-inline-end: 0; }
    .otb-viewer-commandbar .otb-edit-game span[b-pndaq33q47] { display: inline; }
    .otb-viewer-tabs button[b-pndaq33q47] { flex: 1; min-width: 0; min-height: 44px; padding-inline: .3rem; font-size: .8rem; }
}

/* UX-035 — secondary filters / pagination ≥44px on narrow phones */
@media (max-width: 430px) {
    .provider-game-filters input[b-pndaq33q47],
    .provider-game-filters select[b-pndaq33q47] {
        min-height: 44px;
    }
    .otb-game-pagination button[b-pndaq33q47],
    .otb-game-nav-icon[b-pndaq33q47] {
        width: 44px;
        height: 44px;
        min-width: 44px;
        min-height: 44px;
    }
    .otb-game-pagination[b-pndaq33q47] { grid-template-columns: 44px max-content 44px; }
    .otb-review-link[b-pndaq33q47],
    .otb-reference-link[b-pndaq33q47],
    .otb-move-game[b-pndaq33q47] {
        min-height: 44px;
    }
    .otb-breadcrumb button[b-pndaq33q47] { min-height: 44px; padding: .35rem .55rem; }
    .otb-folder-tools button[b-pndaq33q47],
    .otb-folder-tools .otb-folder-tool-icon[b-pndaq33q47] {
        min-height: 44px;
        min-width: 44px;
    }
}

.otb-folder-shared[b-pndaq33q47] { display: inline-grid; place-items: center; color: #38bdf8; }
.otb-folder-shared[b-pndaq33q47]  .mud-icon-root { width: 1rem; height: 1rem; color: #38bdf8; }
.otb-folder:has(.otb-folder-shared)[b-pndaq33q47] { grid-template-columns: auto minmax(0, 1fr) auto; }
.otb-folder-tools .otb-folder-share[b-pndaq33q47] { display: inline-flex; align-items: center; gap: .3rem; min-height: 44px; font-weight: 700; }
.otb-board-placeholder[b-pndaq33q47] { width: 100%; aspect-ratio: 1; border-radius: 8px; background: var(--mud-palette-background-gray); }
/* /Components/PreparationLoadingStatus.razor.rz.scp.css */
.preparation-loading[b-wu0fasdz52]{display:grid;gap:18px;padding:clamp(18px,2.5vw,26px);border:1px solid color-mix(in srgb,var(--mud-palette-primary) 35%,var(--mud-palette-lines-default));border-radius:20px;background:linear-gradient(145deg,color-mix(in srgb,var(--mud-palette-primary) 12%,var(--mud-palette-surface)),var(--mud-palette-surface));box-shadow:0 18px 45px #0002}
.loading-heading[b-wu0fasdz52]{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px}.loading-heading>div[b-wu0fasdz52]{display:grid;gap:2px}.loading-heading small[b-wu0fasdz52],.active-progress-copy>small[b-wu0fasdz52]{color:var(--mud-palette-primary);font-size:.7rem;font-weight:850;text-transform:uppercase}.loading-heading strong[b-wu0fasdz52]{font-size:1rem}.loading-icon[b-wu0fasdz52]{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;color:#fff;background:linear-gradient(135deg,#0ea5e9,#2563eb)}.loading-icon[b-wu0fasdz52]  .mud-icon-root{font-size:1.55rem}
.preparation-stages[b-wu0fasdz52]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:0;padding:0;list-style:none}.stage-card[b-wu0fasdz52]{display:grid;justify-items:center;align-content:start;gap:6px;min-width:0;padding:12px 7px;border:1px solid var(--mud-palette-lines-default);border-radius:14px;background:color-mix(in srgb,var(--mud-palette-background) 55%,transparent);text-align:center}.stage-card>strong[b-wu0fasdz52]{font-size:.72rem;line-height:1.25}.stage-card>small[b-wu0fasdz52]{font-size:.66rem;color:var(--mud-palette-text-secondary)}.stage-card.active[b-wu0fasdz52]{border-color:var(--mud-palette-primary);background:color-mix(in srgb,var(--mud-palette-primary) 10%,var(--mud-palette-surface))}.stage-card.complete[b-wu0fasdz52]{border-color:color-mix(in srgb,#22c55e 45%,var(--mud-palette-lines-default))}.stage-card.complete>small[b-wu0fasdz52]{color:#22c55e}
.stage-ring[b-wu0fasdz52],.active-ring[b-wu0fasdz52]{position:relative;display:grid;place-items:center;border-radius:50%;color:var(--mud-palette-primary);font-variant-numeric:tabular-nums}.stage-ring[b-wu0fasdz52]{width:52px;height:52px}.stage-ring svg[b-wu0fasdz52],.active-ring svg[b-wu0fasdz52]{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);overflow:visible}.stage-ring circle[b-wu0fasdz52],.active-ring circle[b-wu0fasdz52]{fill:none}.stage-ring-track[b-wu0fasdz52],.active-ring-track[b-wu0fasdz52]{stroke:color-mix(in srgb,var(--mud-palette-text-primary) 13%,transparent)}.stage-ring-value[b-wu0fasdz52],.active-ring-value[b-wu0fasdz52]{stroke:currentColor;stroke-linecap:round;transition:stroke-dashoffset .25s ease}.stage-ring circle[b-wu0fasdz52]{stroke-width:4}.stage-ring>span[b-wu0fasdz52]{display:grid;place-items:center}.stage-ring b[b-wu0fasdz52]{font-size:.66rem}.stage-ring[b-wu0fasdz52]  .mud-icon-root{font-size:1.05rem}.stage-card.complete .stage-ring[b-wu0fasdz52]{color:#22c55e}.stage-card.pending .stage-ring[b-wu0fasdz52]{color:var(--mud-palette-text-secondary);opacity:.65}.stage-ring.unknown .stage-ring-value[b-wu0fasdz52],.active-ring.unknown .active-ring-value[b-wu0fasdz52]{animation:ring-spin-b-wu0fasdz52 1.4s linear infinite;transform-origin:center}
.active-progress[b-wu0fasdz52]{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px;padding:16px;border:1px solid color-mix(in srgb,var(--mud-palette-primary) 35%,var(--mud-palette-lines-default));border-radius:16px;background:color-mix(in srgb,var(--mud-palette-background) 62%,transparent)}.active-ring[b-wu0fasdz52]{width:82px;height:82px}.active-ring circle[b-wu0fasdz52]{stroke-width:5}.active-ring b[b-wu0fasdz52]{font-size:1rem}.active-progress-copy[b-wu0fasdz52]{display:grid;gap:5px;min-width:0}.active-progress-copy>strong[b-wu0fasdz52]{font-size:1rem}.active-progress-copy p[b-wu0fasdz52]{margin:0;color:var(--mud-palette-text-secondary);font-size:.83rem;line-height:1.45}.loading-count[b-wu0fasdz52]{display:flex;align-items:baseline;gap:7px;margin-top:4px;font-size:.84rem;font-weight:800;font-variant-numeric:tabular-nums}.loading-count span:last-child[b-wu0fasdz52]{color:var(--mud-palette-text-secondary);font-size:.7rem;text-transform:uppercase}.keep-open[b-wu0fasdz52]{margin:0;color:var(--mud-palette-text-secondary);font-size:.82rem;line-height:1.5}.preparation-loading[b-wu0fasdz52]  .mud-button-root{justify-self:start;min-height:44px}
@keyframes ring-spin-b-wu0fasdz52{to{transform:rotate(360deg)}}
@media(max-width:700px){.preparation-stages[b-wu0fasdz52]{grid-template-columns:1fr 1fr}.stage-card[b-wu0fasdz52]{grid-template-columns:auto minmax(0,1fr);justify-items:start;align-items:center;text-align:left}.stage-card>small[b-wu0fasdz52]{grid-column:2}.stage-ring[b-wu0fasdz52]{grid-row:1/3}.active-progress[b-wu0fasdz52]{align-items:start}}
@media(max-width:500px){.preparation-loading[b-wu0fasdz52]{padding:16px}.active-progress[b-wu0fasdz52]{grid-template-columns:1fr;justify-items:center;text-align:center}.active-progress-copy[b-wu0fasdz52]{justify-items:center}.loading-count[b-wu0fasdz52]{justify-content:center}.preparation-loading[b-wu0fasdz52]  .mud-button-root{width:100%}}
@media(prefers-reduced-motion:reduce){.stage-ring-value[b-wu0fasdz52],.active-ring-value[b-wu0fasdz52]{transition:none}.stage-ring.unknown .stage-ring-value[b-wu0fasdz52],.active-ring.unknown .active-ring-value[b-wu0fasdz52]{animation:none}}
.compact[b-wu0fasdz52]{margin:12px 0;padding:12px;gap:12px;box-shadow:none;min-width:0}
.compact .loading-heading[b-wu0fasdz52]{display:none}
.compact .preparation-stages[b-wu0fasdz52]{grid-template-columns:1fr 1fr;gap:6px}
.compact .stage-card[b-wu0fasdz52]{display:block;min-width:0;padding:6px;text-align:start}
.compact .stage-card>small[b-wu0fasdz52]{display:block;margin-top:3px}
.compact .stage-ring[b-wu0fasdz52]{display:none}
.compact .stage-card>strong[b-wu0fasdz52]{font-size:.7rem}
.compact .active-progress[b-wu0fasdz52]{grid-template-columns:72px minmax(0,1fr);padding:10px;gap:10px;text-align:start;justify-items:stretch}
.compact .active-ring[b-wu0fasdz52]{width:72px;height:72px}
.compact .active-progress-copy[b-wu0fasdz52]{justify-items:start;gap:4px}
.compact .active-progress-copy>strong[b-wu0fasdz52]{font-size:.85rem}
.compact .active-progress-copy p[b-wu0fasdz52],.compact .keep-open[b-wu0fasdz52]{display:none}
.compact .loading-count[b-wu0fasdz52]{flex-wrap:wrap;justify-content:start;font-size:.8rem}
.compact.is-complete .preparation-stages[b-wu0fasdz52]{display:none}
.compact.is-complete .active-ring[b-wu0fasdz52]{color:var(--mud-palette-success)}
/* /Components/StockfishAnalysis.razor.rz.scp.css */
.stockfish-analysis-line[b-g4p7yw3kl3] { grid-template-columns:72px minmax(0,1fr); gap:8px; padding:6px 8px; min-height:44px; }
.stockfish-analysis-line > .stockfish-analysis-pv[b-g4p7yw3kl3] { display:flex; flex-wrap:wrap; align-items:center; gap:2px; }
.stockfish-analysis-ply[b-g4p7yw3kl3] { min-height:28px; padding:2px 3px; white-space:nowrap; background:transparent; }
.stockfish-analysis-line[b-g4p7yw3kl3]  .engine-variation-preview.is-compact { margin:0; }
.stockfish-analysis-line[b-g4p7yw3kl3]  .mud-button-root { grid-column:1 / -1; justify-self:start; }
@media (pointer:coarse) { .stockfish-analysis-ply[b-g4p7yw3kl3] { min-height:44px; } }
.stockfish-analysis[b-g4p7yw3kl3] { align-content:start; gap:8px; }
/* /Components/StockfishDeviceSettingsPanel.razor.rz.scp.css */
.stockfish-device-settings[b-xu3wylp07g] { display: grid; gap: 14px; container-type: inline-size; }
.stockfish-device-presets[b-xu3wylp07g] { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; }
.stockfish-device-presets button[b-xu3wylp07g] { display: grid; place-content: center; min-height: 52px; padding: 8px; border: 1px solid #334155; border-radius: 12px; color: #cbd5e1; background: #0b1220; cursor: pointer; }
.stockfish-device-presets button.active[b-xu3wylp07g] { border-color: #60a5fa; color: #eff6ff; background: #172c4b; box-shadow: inset 0 0 0 1px #60a5fa55; }
.stockfish-device-presets small[b-xu3wylp07g] { color: #93c5fd; font-size: .67rem; font-weight: 800; text-transform: uppercase; }
.stockfish-device-resources[b-xu3wylp07g] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: end; gap: 10px; }
.stockfish-device-resources label[b-xu3wylp07g] { display: grid; gap: 6px; color: #b9c5d7; font-size: .78rem; font-weight: 800; }
.stockfish-device-resources input[b-xu3wylp07g], .stockfish-device-resources select[b-xu3wylp07g] { width: 100%; min-height: 42px; padding: 0 11px; border: 1px solid #34445e; border-radius: 10px; color: #f8fafc; background: #080f1e; }
.stockfish-device-save[b-xu3wylp07g] { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 42px; padding: 0 13px; border: 1px solid #60a5fa; border-radius: 10px; color: white; font-weight: 800; background: #2563eb; cursor: pointer; }
.stockfish-device-note[b-xu3wylp07g] { display: flex; align-items: flex-start; gap: 8px; margin: 0; color: #9fb0c7; font-size: .82rem; }
.stockfish-device-note .mud-icon-root[b-xu3wylp07g] { color: #7dd3fc; }
.stockfish-device-browser-warning[b-xu3wylp07g] { display: flex; gap: 10px; padding: 12px; border: 1px solid #60a5fa55; border-radius: 13px; color: #dbeafe; background: #17255455; }
.stockfish-device-browser-warning div[b-xu3wylp07g] { display: grid; gap: 2px; }
.stockfish-device-browser-warning span[b-xu3wylp07g] { color: #a9bad2; font-size: .82rem; }
.stockfish-device-mobile-warning[b-xu3wylp07g] { display: flex; gap: 10px; padding: 12px; border: 1px solid #f59e0b55; border-radius: 13px; color: #fde68a; background: #42200655; }
.stockfish-device-mobile-warning div[b-xu3wylp07g] { display: grid; }
.stockfish-device-mobile-warning span[b-xu3wylp07g] { color: #d9cda8; font-size: .82rem; }
.stockfish-device-wake[b-xu3wylp07g] { display: flex; align-items: center; gap: 9px; color: #dbe6f5; font-weight: 700; }
.stockfish-device-wake input[b-xu3wylp07g] { width: 18px; height: 18px; accent-color: #60a5fa; }
.stockfish-device-settings details[b-xu3wylp07g] { color: #9fb0c7; font-size: .8rem; }
.stockfish-device-settings summary[b-xu3wylp07g] { cursor: pointer; color: #cbd5e1; }
.stockfish-device-settings details p[b-xu3wylp07g] { margin-bottom: 4px; }

@media (max-width: 760px) {
    .stockfish-device-presets[b-xu3wylp07g] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .stockfish-device-resources[b-xu3wylp07g] { grid-template-columns: 1fr; }
}

@container (max-width: 520px) {
    .stockfish-device-presets[b-xu3wylp07g] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .stockfish-device-resources[b-xu3wylp07g] { grid-template-columns: 1fr; }
}
/* /Components/StockfishDiagnosticsPanel.razor.rz.scp.css */
.stockfish-diagnostics[b-h05adp173z]{margin:12px 0;padding:12px;border:1px solid var(--mud-palette-lines-default);border-radius:12px;color:var(--mud-palette-text-primary)}
.stockfish-diagnostics strong[b-h05adp173z],.stockfish-diagnostics a[b-h05adp173z]{display:block}
.stockfish-diagnostics button[b-h05adp173z]{min-height:44px;margin-block:8px;padding:8px 12px;border:1px solid var(--mud-palette-lines-default);border-radius:8px;color:inherit;background:var(--mud-palette-surface)}
.stockfish-diagnostics button:focus-visible[b-h05adp173z]{outline:3px solid var(--mud-palette-primary);outline-offset:2px}
.stockfish-diagnostics p[b-h05adp173z]{font-size:.85rem;line-height:1.5}
.stockfish-diagnostics pre[b-h05adp173z]{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.75rem;max-height:400px;overflow:auto}
/* /Pages/Account.razor.rz.scp.css */
.account-page[b-nw4esm4k64] {
    width: min(1080px, 100%);
    margin: 0 auto;
    padding: 2rem 0 5rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.account-hero[b-nw4esm4k64] {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem 2.5rem;
    padding: clamp(1.6rem, 3.4vw, 2.4rem) clamp(1.5rem, 3.2vw, 2.4rem);
    border-radius: 24px;
    color: #fff;
    background:
        radial-gradient(circle at 88% 18%, rgba(255, 255, 255, 0.18), transparent 28%),
        linear-gradient(130deg, #14233c 0%, #3c246d 52%, #8a3f74 100%);
    box-shadow: 0 18px 45px rgba(30, 20, 70, 0.2);
}

.account-hero h1[b-nw4esm4k64] {
    margin-block: 0.6rem 0.7rem;
    font-weight: 800;
    letter-spacing: -0.035em;
    font-size: clamp(1.6rem, 3.4vw, 2.2rem);
}

.account-hero p[b-nw4esm4k64] {
    margin: 0;
    opacity: 0.88;
}

.account-hero-eyebrow[b-nw4esm4k64] {
    display: inline-flex;
    padding: 0.4rem 0.85rem;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.1);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.account-hero-badge[b-nw4esm4k64] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.4rem;
    min-width: 150px;
    padding: 1.1rem;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.25);
}

.account-hero-badge img[b-nw4esm4k64] {
    width: 84px;
    height: 84px;
    border-radius: 16px;
    object-fit: cover;
}

.account-alert[b-nw4esm4k64] {
    margin: 0;
}
.account-shortcuts[b-nw4esm4k64] { display: flex; gap: .5rem; flex-wrap: wrap; }
.account-shortcuts a[b-nw4esm4k64] { display: flex; flex: 1; align-items: center; justify-content: center; min-height: 44px; padding: .5rem; border: 1px solid var(--mud-palette-lines-default); border-radius: 10px; color: var(--mud-palette-primary); text-align: center; }
.account-shortcuts a:hover[b-nw4esm4k64] { background: var(--mud-palette-action-default-hover); }
.account-shortcuts a:focus-visible[b-nw4esm4k64] { outline: 2px solid var(--mud-palette-primary); outline-offset: 2px; }
.account-card h2[b-nw4esm4k64] { scroll-margin-top: 90px; }
.account-preferences[b-nw4esm4k64] { display: grid; gap: 1rem; }

.account-card[b-nw4esm4k64] {
    padding: clamp(1.5rem, 3vw, 2rem);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 20px;
    background: var(--mud-palette-surface);
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.06);
}

.account-card-heading[b-nw4esm4k64] {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    margin-bottom: 1.5rem;
}

.account-card-heading[b-nw4esm4k64]  > .mud-button-root:last-child {
    margin-inline-start: auto;
}

.account-card-icon[b-nw4esm4k64] {
    width: 46px;
    height: 46px;
    flex: 0 0 auto;
    border-radius: 14px;
    color: #fff;
    display: grid;
    place-items: center;
}

.account-card-icon.identity[b-nw4esm4k64] { background: linear-gradient(135deg, #5d3fd3, #a84c91); }
.account-card-icon.security[b-nw4esm4k64] { background: linear-gradient(135deg, #0277bd, #26a69a); }
.account-card-icon.plan[b-nw4esm4k64] { background: linear-gradient(135deg, #d97706, #f59e0b); }
.account-card-icon.danger[b-nw4esm4k64] { background: linear-gradient(135deg, #b91c1c, #ef4444); }

.account-card-heading h2[b-nw4esm4k64] {
    margin: 0 0 0.2rem;
    font-size: 1.2rem;
    font-weight: 800;
}

.account-card-heading p[b-nw4esm4k64] {
    margin: 0;
    color: var(--mud-palette-text-secondary);
    font-size: 0.9rem;
}

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

.identity-field[b-nw4esm4k64] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    padding: 1.35rem 1.5rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 16px;
    background: var(--mud-palette-background);
}

.identity-field > strong[b-nw4esm4k64] {
    font-size: 1.05rem;
    overflow-wrap: anywhere;
}

.identity-label[b-nw4esm4k64] {
    color: var(--mud-palette-text-secondary);
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.identity-field .mud-input-control[b-nw4esm4k64] {
    margin-top: 0.75rem;
}

.identity-hint[b-nw4esm4k64] {
    margin: 0;
    color: var(--mud-palette-text-secondary);
    font-size: 0.78rem;
    line-height: 1.5;
}

.account-eyebrow[b-nw4esm4k64] {
    color: var(--mud-palette-text-secondary);
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.plan-panel[b-nw4esm4k64] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1.5rem 2rem;
    padding: 1.5rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 16px;
    background: var(--mud-palette-background);
}

.plan-identity[b-nw4esm4k64] {
    display: flex;
    align-items: center;
    gap: 1rem;
    min-width: 260px;
}

.plan-identity img[b-nw4esm4k64] {
    width: 72px;
    height: 72px;
    border-radius: 16px;
    object-fit: cover;
    border: 1px solid var(--mud-palette-lines-default);
}

.plan-identity h3[b-nw4esm4k64] {
    margin: 0.1rem 0 0.2rem;
    font-size: 1.25rem;
    font-weight: 800;
}

.plan-identity p[b-nw4esm4k64] {
    margin: 0;
    color: var(--mud-palette-text-secondary);
}

.plan-details[b-nw4esm4k64] {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    flex: 1;
    min-width: 240px;
}

.plan-detail[b-nw4esm4k64] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.plan-detail[b-nw4esm4k64] >  .mud-icon-root,
.plan-detail > svg[b-nw4esm4k64] {
    color: var(--mud-palette-primary);
}

.plan-detail span[b-nw4esm4k64] {
    display: flex;
    flex-direction: column;
}

.plan-detail small[b-nw4esm4k64] {
    color: var(--mud-palette-text-secondary);
    font-size: 0.74rem;
}

.plan-cancel-notice[b-nw4esm4k64] {
    flex-basis: 100%;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.8rem 1rem;
    border: 1px solid color-mix(in srgb, var(--mud-palette-warning) 40%, transparent);
    border-radius: 12px;
    color: var(--mud-palette-warning);
    background: color-mix(in srgb, var(--mud-palette-warning) 8%, transparent);
    font-size: 0.88rem;
}

.plan-actions[b-nw4esm4k64] {
    margin-inline-start: auto;
}

.plan-active-chip[b-nw4esm4k64] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.6rem 1rem;
    border: 1px solid color-mix(in srgb, var(--mud-palette-success) 40%, transparent);
    border-radius: 999px;
    color: var(--mud-palette-success);
    font-weight: 750;
}

.plan-limits[b-nw4esm4k64] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1rem;
}

.plan-limits span[b-nw4esm4k64] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.55rem 0.9rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 999px;
    background: var(--mud-palette-background);
}

.plan-limits[b-nw4esm4k64]  .mud-icon-root {
    color: var(--mud-palette-primary);
}

.plan-limits small[b-nw4esm4k64] {
    color: var(--mud-palette-text-secondary);
    font-size: 0.76rem;
}

.deletion-note[b-nw4esm4k64] {
    margin: 0 0 1rem;
    color: var(--mud-palette-text-secondary);
    line-height: 1.6;
}

.account-deletion .mud-button-root[b-nw4esm4k64] {
    width: auto;
}

@media (max-width: 760px) {
    .account-page[b-nw4esm4k64] {
        width: calc(100% - 1rem);
        padding-top: 0.75rem;
        gap: .75rem;
    }

    .account-hero[b-nw4esm4k64] {
        flex-direction: column;
        align-items: stretch;
        gap: .65rem;
        padding: 1rem;
        border-radius: 16px;
    }
    .account-hero h1[b-nw4esm4k64] { font-size: 1.4rem; margin-block: .35rem; overflow-wrap: anywhere; }
    .account-hero-eyebrow[b-nw4esm4k64] { padding: 0; background: none; border: 0; }
    .account-hero p[b-nw4esm4k64] { font-size: .85rem; }
    .account-hero-badge[b-nw4esm4k64] { align-self: start; flex-direction: row; padding: .3rem .6rem; min-width: 0; border-radius: 10px; font-size: .8rem; }
    .account-hero-badge img[b-nw4esm4k64] { width: 32px; height: 32px; border-radius: 6px; }
    .account-card[b-nw4esm4k64] { padding: 1rem; border-radius: 16px; }
    .account-page[b-nw4esm4k64]  #activation-code { margin-block: 0 !important; }
    .account-card-heading[b-nw4esm4k64] { margin-bottom: 1rem; }
    .identity-field[b-nw4esm4k64] { padding: .75rem; }
    .plan-panel[b-nw4esm4k64] { padding: .75rem; gap: 1rem; }
    .plan-identity[b-nw4esm4k64], .plan-details[b-nw4esm4k64] { min-width: 0; width: 100%; }
    .plan-identity h3[b-nw4esm4k64], .plan-identity p[b-nw4esm4k64] { overflow-wrap: anywhere; }
    .plan-identity img[b-nw4esm4k64] { width: 48px; height: 48px; }

    .identity-grid[b-nw4esm4k64] {
        grid-template-columns: minmax(0, 1fr);
    }

    .account-card-heading[b-nw4esm4k64] {
        flex-wrap: wrap;
    }

    .account-card-heading > div[b-nw4esm4k64] {
        flex: 1;
        min-width: 0;
    }
    .account-card-heading[b-nw4esm4k64] >  .mud-button-root {
        margin-inline-start: 0;
        width: 100%;
    }

    .plan-actions[b-nw4esm4k64] {
        margin-inline-start: 0;
        width: 100%;
    }

    .plan-actions[b-nw4esm4k64]  .mud-button-root {
        width: 100%;
    }
}
/* /Pages/Admin.razor.rz.scp.css */
.admin-page[b-f948abjyk8] {
    --admin-radius: 20px;
    --admin-radius-sm: 14px;
    --admin-gap: clamp(1.75rem, 3vw, 2.5rem);
    box-sizing: border-box;
    width: 100%;
    max-width: 1320px;
    margin-inline: auto;
    padding: 2rem clamp(1.25rem, 3.5vw, 3rem) 5rem;
}

.admin-page *[b-f948abjyk8],
.admin-page *[b-f948abjyk8]::before,
.admin-page *[b-f948abjyk8]::after { box-sizing: border-box; }

.admin-hero[b-f948abjyk8] {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 1.25rem;
    align-items: center;
    padding: clamp(1.5rem, 3vw, 2.25rem);
    border-radius: 24px;
    color: #fff;
    background:
        radial-gradient(circle at 88% 0%, rgba(255, 255, 255, .18), transparent 32%),
        linear-gradient(132deg, #14233c 0%, #352566 52%, #773b72 100%);
    box-shadow: 0 18px 45px rgba(20, 25, 65, .22);
}

.admin-hero[b-f948abjyk8]::after {
    content: "";
    position: absolute;
    z-index: -1;
    width: 240px;
    aspect-ratio: 1;
    inset-inline-end: -80px;
    bottom: -150px;
    border: 38px solid rgba(255, 255, 255, .07);
    border-radius: 50%;
}

.admin-hero-icon[b-f948abjyk8] {
    display: grid;
    place-items: center;
    width: 64px;
    height: 64px;
    border: 1px solid rgba(255, 255, 255, .24);
    border-radius: 19px;
    background: rgba(255, 255, 255, .12);
    backdrop-filter: blur(8px);
}

.admin-hero-icon[b-f948abjyk8]  .mud-icon-root { font-size: 2rem; }
.admin-hero-copy[b-f948abjyk8] { min-width: 0; }
.admin-hero-copy h1[b-f948abjyk8] { margin-block: .15rem .35rem; font-weight: 800; letter-spacing: -.035em; }
.admin-hero-copy p[b-f948abjyk8] { max-width: 65ch; opacity: .85; }

.admin-hero-actions[b-f948abjyk8] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .65rem;
}

.admin-hero-actions[b-f948abjyk8]  .mud-button-outlined { border-color: rgba(255, 255, 255, .5); color: #fff; }
.admin-hero-actions[b-f948abjyk8]  .mud-button-filled { color: #2b2051; background: #fff; }
.admin-page[b-f948abjyk8]  .admin-alert { margin-top: 1.75rem; }
.admin-section[b-f948abjyk8] { margin-top: clamp(4rem, 7vw, 5.5rem); }

.admin-section-heading[b-f948abjyk8] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: clamp(2.25rem, 4vw, 3rem);
}

.admin-section-heading h5[b-f948abjyk8] { font-weight: 800; }
.admin-section-heading p[b-f948abjyk8] { color: var(--mud-palette-text-secondary); }
.section-count[b-f948abjyk8] {
    flex: 0 0 auto;
    padding: .45rem .8rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 999px;
    color: var(--mud-palette-text-secondary);
    background: var(--mud-palette-surface);
    font-size: .8rem;
    font-weight: 700;
}

.admin-panel[b-f948abjyk8] {
    overflow: hidden;
    margin-bottom: clamp(2.25rem, 4vw, 3rem);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: var(--admin-radius);
    background: color-mix(in srgb, var(--mud-palette-surface) 96%, var(--mud-palette-primary) 4%);
    box-shadow: 0 16px 38px rgba(15, 23, 42, .12);
}

.admin-form-panel[b-f948abjyk8] { padding: clamp(1.75rem, 3.5vw, 2.5rem); }
.panel-title[b-f948abjyk8] { display: flex; gap: 1rem; align-items: center; margin-bottom: 1.75rem; }
.admin-table-panel[b-f948abjyk8] { padding-top: 1.5rem; }
.admin-table-panel > .panel-title[b-f948abjyk8] { margin-bottom: 2rem; padding-inline: clamp(1.25rem, 3vw, 2rem); }
.admin-table-panel[b-f948abjyk8]  .mud-table-head .mud-table-cell { padding-block: 1.2rem; }
.admin-table-panel[b-f948abjyk8]  .mud-table-body .mud-table-cell { padding-block: 1.25rem; }
.course-import-actions[b-f948abjyk8] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    padding: 1.35rem clamp(1.25rem, 3vw, 2rem) clamp(1.5rem, 3vw, 2rem);
    border-top: 1px solid var(--mud-palette-lines-default);
}
.course-import-actions[b-f948abjyk8]  .mud-button-root { min-height: 48px; }
.panel-title[b-f948abjyk8] >  .mud-icon-root {
    box-sizing: content-box;
    padding: .65rem;
    border-radius: 13px;
    color: #fff;
    background: linear-gradient(135deg, #5d3fd3, #a84c91);
}
.panel-title > div[b-f948abjyk8] { min-width: 0; }
.panel-title h6[b-f948abjyk8] { font-weight: 800; }
.panel-title p[b-f948abjyk8] { color: var(--mud-palette-text-secondary); }

.overview-kpis[b-f948abjyk8] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: var(--admin-gap);
}

.overview-kpis article[b-f948abjyk8],
.feedback-summary > div[b-f948abjyk8] {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .15rem .75rem;
    min-width: 0;
    padding: 1.2rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: var(--admin-radius-sm);
    background: var(--mud-palette-surface);
    box-shadow: 0 9px 24px rgba(15, 23, 42, .07);
}

.overview-kpis article[b-f948abjyk8] >  .mud-icon-root,
.feedback-summary > div[b-f948abjyk8] >  .mud-icon-root { grid-row: 1 / 4; color: #6d4bd8; }
.overview-kpis span[b-f948abjyk8],
.feedback-summary span[b-f948abjyk8] { color: var(--mud-palette-text-secondary); font-size: .75rem; font-weight: 700; text-transform: uppercase; letter-spacing: .035em; }
.overview-kpis strong[b-f948abjyk8],
.feedback-summary strong[b-f948abjyk8] { font-size: 1.55rem; line-height: 1.15; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.overview-kpis small[b-f948abjyk8] { color: var(--mud-palette-text-secondary); line-height: 1.35; overflow-wrap: anywhere; }
.portal-heading[b-f948abjyk8] { margin-top: 2.35rem; }

.admin-portal-grid[b-f948abjyk8] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--admin-gap);
}

.admin-portal-card[b-f948abjyk8],
.shortcut-card[b-f948abjyk8] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: .9rem;
    align-items: center;
    min-width: 0;
    padding: 1.15rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: var(--admin-radius-sm);
    color: var(--mud-palette-text-primary);
    background: var(--mud-palette-surface);
    text-decoration: none;
    transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.admin-portal-card:hover[b-f948abjyk8],
.shortcut-card:hover[b-f948abjyk8] {
    transform: translateY(-2px);
    border-color: var(--mud-palette-primary);
    box-shadow: 0 12px 26px rgba(15, 23, 42, .1);
}

.admin-portal-card > span[b-f948abjyk8],
.shortcut-card[b-f948abjyk8] >  .mud-icon-root:first-child {
    display: grid;
    place-items: center;
    box-sizing: content-box;
    width: 24px;
    height: 24px;
    padding: .65rem;
    border-radius: 13px;
    color: #fff;
    background: linear-gradient(135deg, #5d3fd3, #a84c91);
}

.admin-portal-card.quotas > span[b-f948abjyk8] { background: linear-gradient(135deg, #0277bd, #26a69a); }
.admin-portal-card.capacity > span[b-f948abjyk8] { background: linear-gradient(135deg, #2563eb, #0891b2); }
.admin-portal-card.feedback > span[b-f948abjyk8] { background: linear-gradient(135deg, #d97706, #ec4899); }
.admin-portal-card.operations > span[b-f948abjyk8] { background: linear-gradient(135deg, #475569, #7c3aed); }
.admin-portal-card.audit > span[b-f948abjyk8] { background: linear-gradient(135deg, #0f766e, #2563eb); }
.admin-portal-card div[b-f948abjyk8],
.shortcut-card div[b-f948abjyk8] { display: flex; min-width: 0; flex-direction: column; }
.admin-portal-card strong[b-f948abjyk8],
.shortcut-card strong[b-f948abjyk8] { font-size: .96rem; }
.admin-portal-card small[b-f948abjyk8],
.shortcut-card span[b-f948abjyk8] { margin-top: .15rem; color: var(--mud-palette-text-secondary); font-size: .77rem; line-height: 1.35; }

.admin-shortcuts[b-f948abjyk8] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--admin-gap);
}

.shortcut-card.details[b-f948abjyk8] >  .mud-icon-root:first-child { background: linear-gradient(135deg, #0277bd, #26a69a); }
.shortcut-card.statistics[b-f948abjyk8] >  .mud-icon-root:first-child { background: linear-gradient(135deg, #d97706, #ec4899); }
.admin-page[b-f948abjyk8]  .admin-version { display: block; margin-top: 1.75rem; color: var(--mud-palette-text-secondary); }

.admin-inline-form[b-f948abjyk8] {
    display: grid;
    grid-template-columns: minmax(180px, .5fr) minmax(240px, 1fr) auto;
    gap: 1rem;
    align-items: end;
}

.premium-user-search[b-f948abjyk8] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .85rem;
    align-items: end;
}

.premium-user-search[b-f948abjyk8]  .mud-button-root { min-height: 48px; }
.premium-search-message[b-f948abjyk8] { display: block; margin-top: .55rem; color: var(--mud-palette-text-secondary); }
.premium-user-results[b-f948abjyk8] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; margin-top: 1rem; }
.premium-user-result[b-f948abjyk8] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: .7rem;
    align-items: center;
    min-width: 0;
    padding: .75rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 12px;
    color: var(--mud-palette-text-primary);
    background: color-mix(in srgb, var(--mud-palette-surface) 92%, var(--mud-palette-primary) 8%);
    font: inherit;
    text-align: left;
    cursor: pointer;
}
.premium-user-result:hover[b-f948abjyk8],
.premium-user-result:focus-visible[b-f948abjyk8],
.premium-user-result.is-selected[b-f948abjyk8] { border-color: var(--mud-palette-primary); box-shadow: 0 0 0 2px color-mix(in srgb, var(--mud-palette-primary) 20%, transparent); outline: none; }
.premium-user-result > span:nth-child(2)[b-f948abjyk8] { display: flex; min-width: 0; flex-direction: column; }
.premium-user-result small[b-f948abjyk8] { overflow: hidden; color: var(--mud-palette-text-secondary); text-overflow: ellipsis; }
.result-avatar[b-f948abjyk8] { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 11px; color: var(--mud-palette-primary); background: color-mix(in srgb, var(--mud-palette-primary) 12%, transparent); }
.selected-premium-user[b-f948abjyk8] { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: .75rem; align-items: center; margin-top: 1rem; padding: .9rem 1rem; border-radius: 13px; color: var(--mud-palette-success); background: color-mix(in srgb, var(--mud-palette-success) 10%, var(--mud-palette-surface)); }
.selected-premium-user > div[b-f948abjyk8] { display: flex; min-width: 0; flex-direction: column; }
.selected-premium-user span[b-f948abjyk8], .selected-premium-user small[b-f948abjyk8] { color: var(--mud-palette-text-secondary); }

.admin-limit-form[b-f948abjyk8] {
    display: grid;
    grid-template-columns: 140px minmax(200px, 1fr) minmax(140px, .6fr) minmax(220px, 1fr) auto;
    gap: 1rem;
    align-items: end;
}

.plan-grid[b-f948abjyk8],
.capacity-grid[b-f948abjyk8],
.operations-grid[b-f948abjyk8] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--admin-gap);
    margin-bottom: var(--admin-gap);
}

.operations-grid[b-f948abjyk8] { align-items: stretch; }
.operations-grid > .admin-panel[b-f948abjyk8] { height: 100%; margin-bottom: 0; }
.operations-layout[b-f948abjyk8] { margin-bottom: var(--admin-gap); }
.operations-layout > .admin-panel[b-f948abjyk8] { margin-bottom: 0; }
.operation-subheading[b-f948abjyk8] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin: 0 0 1.35rem;
}
.operation-subheading h6[b-f948abjyk8] { font-weight: 800; }
.operation-subheading p[b-f948abjyk8] { margin-top: .25rem; color: var(--mud-palette-text-secondary); }
.feature-operation-grid[b-f948abjyk8] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--admin-gap);
}
.feature-operation-grid > .admin-panel[b-f948abjyk8] { height: 100%; margin-bottom: 0; }

.operations-guidance[b-f948abjyk8] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 1rem;
    align-items: center;
    margin: 0 0 var(--admin-gap);
    padding: 1.1rem 1.25rem;
    border: 1px solid color-mix(in srgb, var(--mud-palette-primary) 32%, var(--mud-palette-lines-default));
    border-radius: var(--admin-radius-sm);
    background: color-mix(in srgb, var(--mud-palette-primary) 8%, var(--mud-palette-surface));
}
.operations-guidance-icon[b-f948abjyk8] {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 13px;
    color: #fff;
    background: linear-gradient(135deg, #2563eb, #7c3aed);
}
.operations-guidance > div[b-f948abjyk8] { display: flex; min-width: 0; flex-direction: column; gap: .2rem; }
.operations-guidance small[b-f948abjyk8] { color: var(--mud-palette-text-secondary); line-height: 1.45; }

.operations-card[b-f948abjyk8] {
    display: flex;
    flex-direction: column;
    padding: 0;
    border-top: 4px solid #f59e0b;
}
.operations-card-feature[b-f948abjyk8] { border-top-color: #14b8a6; }
.operation-card-header[b-f948abjyk8] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: clamp(1.5rem, 3vw, 2rem) clamp(1.5rem, 3vw, 2.1rem) 1.25rem;
    border-bottom: 1px solid var(--mud-palette-lines-default);
    background: linear-gradient(135deg, color-mix(in srgb, #f59e0b 12%, var(--mud-palette-surface)), var(--mud-palette-surface) 72%);
}
.operations-card-feature .operation-card-header[b-f948abjyk8] {
    background: linear-gradient(135deg, color-mix(in srgb, #14b8a6 12%, var(--mud-palette-surface)), var(--mud-palette-surface) 72%);
}
.operation-card-header .panel-title[b-f948abjyk8] { margin: 0; }
.operation-state[b-f948abjyk8] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: .45rem;
    padding: .45rem .7rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 999px;
    color: var(--mud-palette-text-secondary);
    background: color-mix(in srgb, var(--mud-palette-surface) 86%, transparent);
    font-size: .72rem;
    font-weight: 800;
}
.operation-state i[b-f948abjyk8] { width: .52rem; height: .52rem; border-radius: 50%; background: #94a3b8; box-shadow: 0 0 0 4px rgba(148, 163, 184, .12); }
.operation-state.is-ready[b-f948abjyk8] { color: #059669; border-color: rgba(16, 185, 129, .35); background: rgba(16, 185, 129, .09); }
.operation-state.is-ready i[b-f948abjyk8] { background: #10b981; box-shadow: 0 0 0 4px rgba(16, 185, 129, .12); }
.operation-state.is-warning[b-f948abjyk8] { color: #b45309; border-color: rgba(245, 158, 11, .4); background: rgba(245, 158, 11, .1); }
.operation-state.is-warning i[b-f948abjyk8] { background: #f59e0b; box-shadow: 0 0 0 4px rgba(245, 158, 11, .14); }
.operation-state.is-muted[b-f948abjyk8] { color: var(--mud-palette-text-secondary); }

.operation-impact[b-f948abjyk8] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .75rem;
    align-items: start;
    margin: 1.5rem clamp(1.5rem, 3vw, 2.1rem) 0;
    padding: .9rem 1rem;
    border-radius: 14px;
    color: var(--mud-palette-text-secondary);
    background: color-mix(in srgb, var(--mud-palette-primary) 7%, var(--mud-palette-surface));
    font-size: .84rem;
    line-height: 1.5;
}
.operation-impact[b-f948abjyk8]  .mud-icon-root { color: var(--mud-palette-primary); }
.operation-impact strong[b-f948abjyk8] { color: var(--mud-palette-text-primary); }
.operation-fields[b-f948abjyk8] {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 1rem;
    padding: 1.5rem clamp(1.5rem, 3vw, 2.1rem);
}
.operation-fields[b-f948abjyk8]  .mud-input-control { margin: 0; }
.operation-switch-row[b-f948abjyk8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 76px;
    padding: 1rem 1.1rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 15px;
    background: color-mix(in srgb, var(--mud-palette-background) 58%, var(--mud-palette-surface));
}
.operation-switch-row > div[b-f948abjyk8] { display: flex; min-width: 0; flex-direction: column; gap: .16rem; }
.operation-switch-row span[b-f948abjyk8] { color: var(--mud-palette-text-secondary); font-size: .72rem; font-weight: 800; letter-spacing: .055em; text-transform: uppercase; }
.operation-switch-row strong[b-f948abjyk8] { font-size: .95rem; }
.operation-switch-row[b-f948abjyk8]  .mud-switch { margin: 0; flex: 0 0 auto; }
.operation-switch-row[b-f948abjyk8]  .mud-switch-content { font-size: .76rem; }
.operation-footer[b-f948abjyk8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: auto;
    padding: 1.15rem clamp(1.5rem, 3vw, 2.1rem);
    border-top: 1px solid var(--mud-palette-lines-default);
    background: color-mix(in srgb, var(--mud-palette-primary) 5%, var(--mud-palette-surface));
}
.operation-footer small[b-f948abjyk8] { display: inline-flex; align-items: center; gap: .4rem; color: var(--mud-palette-text-secondary); line-height: 1.35; }
.operation-footer small[b-f948abjyk8]  .mud-icon-root { font-size: 1rem; color: var(--mud-palette-primary); }
.operation-footer[b-f948abjyk8]  .mud-button-root { min-height: 46px; }

.plan-card[b-f948abjyk8],
.capacity-card[b-f948abjyk8] {
    overflow: hidden;
    min-width: 0;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: var(--admin-radius);
    background: var(--mud-palette-surface);
    box-shadow: 0 12px 32px rgba(15, 23, 42, .08);
}

.capacity-card[b-f948abjyk8] { padding: clamp(1.5rem, 3vw, 2rem); }

.plan-card[b-f948abjyk8] {
    --plan-accent: #38bdf8;
    --plan-accent-strong: #2563eb;
    --plan-soft: rgba(56, 189, 248, .1);
    appearance: none;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    padding: 0;
    border-top: 4px solid var(--plan-accent);
    color: var(--mud-palette-text-primary);
    font: inherit;
    text-align: left;
    cursor: pointer;
    isolation: isolate;
    transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}
.plan-card.is-premium[b-f948abjyk8] {
    --plan-accent: #f59e0b;
    --plan-accent-strong: #8b5cf6;
    --plan-soft: rgba(245, 158, 11, .11);
}
.plan-card:hover[b-f948abjyk8],
.plan-card:focus-visible[b-f948abjyk8] { transform: translateY(-3px); border-color: var(--mud-palette-primary); outline: none; box-shadow: 0 16px 36px rgba(15, 23, 42, .14); }

.plan-card-top[b-f948abjyk8] {
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
    padding: 1.6rem 1.75rem;
    background:
        radial-gradient(circle at 88% 0, color-mix(in srgb, var(--plan-accent) 28%, transparent) 0 18%, transparent 19%),
        linear-gradient(135deg, color-mix(in srgb, var(--plan-accent-strong) 18%, var(--mud-palette-surface)), var(--mud-palette-surface) 72%);
    border-bottom: 1px solid color-mix(in srgb, var(--plan-accent) 28%, var(--mud-palette-lines-default));
}
.plan-symbol[b-f948abjyk8],
.plan-primary-icon[b-f948abjyk8],
.metric-icon[b-f948abjyk8] {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    color: #fff;
    background: linear-gradient(135deg, var(--plan-accent-strong), var(--plan-accent));
    box-shadow: 0 8px 22px color-mix(in srgb, var(--plan-accent) 28%, transparent);
}
.plan-symbol[b-f948abjyk8] { width: 54px; height: 54px; border: 1px solid rgba(255,255,255,.18); border-radius: 17px; }
.plan-symbol[b-f948abjyk8]  .mud-icon-root { font-size: 1.8rem; }
.plan-heading[b-f948abjyk8] { display: flex; min-width: 0; flex-direction: column; }
.plan-heading .plan-eyebrow[b-f948abjyk8] { color: var(--plan-accent); font-size: .68rem; font-weight: 900; letter-spacing: .13em; }
.plan-heading > strong[b-f948abjyk8] { margin-top: .1rem; font-size: clamp(1.45rem, 3vw, 1.85rem); line-height: 1.1; }
.plan-heading > small[b-f948abjyk8] { margin-top: .3rem; color: var(--mud-palette-text-secondary); font-size: .78rem; }
.plan-status[b-f948abjyk8] { display: inline-flex; gap: .45rem; align-items: center; padding: .45rem .7rem; border: 1px solid var(--mud-palette-lines-default); border-radius: 999px; color: var(--mud-palette-text-secondary); background: color-mix(in srgb, var(--mud-palette-background) 82%, transparent); font-size: .72rem; font-weight: 800; }
.plan-status i[b-f948abjyk8] { width: .5rem; height: .5rem; border-radius: 50%; background: #94a3b8; box-shadow: 0 0 0 4px rgba(148, 163, 184, .12); }
.plan-status.is-active[b-f948abjyk8] { color: #34d399; border-color: rgba(52, 211, 153, .3); background: rgba(16, 185, 129, .09); }
.plan-status.is-active i[b-f948abjyk8] { background: #34d399; box-shadow: 0 0 0 4px rgba(52, 211, 153, .12); }

.plan-primary-metric[b-f948abjyk8] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 1rem;
    align-items: center;
    margin: 1.5rem 1.75rem 0;
    padding: 1.2rem;
    border: 1px solid color-mix(in srgb, var(--plan-accent) 32%, var(--mud-palette-lines-default));
    border-radius: 17px;
    background: linear-gradient(120deg, var(--plan-soft), color-mix(in srgb, var(--mud-palette-surface) 94%, transparent));
}
.plan-primary-icon[b-f948abjyk8] { width: 48px; height: 48px; border-radius: 14px; }
.plan-primary-copy[b-f948abjyk8] { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 1rem; align-items: baseline; }
.plan-primary-copy > small[b-f948abjyk8] { grid-column: 1 / -1; color: var(--mud-palette-text-secondary); font-size: .7rem; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.plan-primary-copy > span[b-f948abjyk8] { margin-top: .15rem; font-size: .9rem; }
.plan-primary-copy > span strong[b-f948abjyk8] { margin-right: .35rem; color: var(--plan-accent); font-size: clamp(1.55rem, 3vw, 2rem); line-height: 1; }
.plan-primary-copy > em[b-f948abjyk8] { color: var(--mud-palette-text-secondary); font-size: .76rem; font-style: normal; }

.plan-metric-grid[b-f948abjyk8] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .9rem; padding: 1.15rem 1.75rem; }
.plan-metric[b-f948abjyk8] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .75rem;
    align-items: center;
    min-width: 0;
    padding: 1rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 15px;
    background: color-mix(in srgb, var(--mud-palette-background) 58%, var(--mud-palette-surface));
}
.metric-icon[b-f948abjyk8] { width: 38px; height: 38px; border-radius: 12px; box-shadow: none; }
.metric-icon.is-white[b-f948abjyk8] { color: #172033; background: #f8fafc; box-shadow: inset 0 0 0 1px #cbd5e1; }
.metric-icon.is-black[b-f948abjyk8] { color: #f8fafc; background: #172033; box-shadow: inset 0 0 0 1px #475569; }
.metric-icon[b-f948abjyk8]  .mud-icon-root { font-size: 1.25rem; }
.plan-metric > span:last-child[b-f948abjyk8] { display: flex; min-width: 0; flex-direction: column; }
.plan-metric small[b-f948abjyk8],
.plan-storage-strip small[b-f948abjyk8] { color: var(--mud-palette-text-secondary); font-size: .7rem; line-height: 1.25; }
.plan-metric strong[b-f948abjyk8] { margin-top: .15rem; font-size: 1.15rem; line-height: 1.2; }

.plan-storage-strip[b-f948abjyk8] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1px;
    margin: 0 1.75rem 1.5rem;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--plan-accent) 25%, var(--mud-palette-lines-default));
    border-radius: 15px;
    background: var(--mud-palette-lines-default);
}
.plan-storage-editor-label[b-f948abjyk8] { display: block; margin-bottom: .4rem; font-size: .78rem; font-weight: 700; }
.plan-storage-editor[b-f948abjyk8] { display: grid; grid-template-columns: minmax(0, 1fr) 7.2rem; gap: .55rem; align-items: start; }
.plan-storage-strip > span[b-f948abjyk8] { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .75rem; align-items: center; padding: 1rem; background: color-mix(in srgb, var(--plan-soft) 72%, var(--mud-palette-surface)); }
.plan-storage-strip > span[b-f948abjyk8] >  .mud-icon-root { color: var(--plan-accent); }
.plan-storage-strip > span > span[b-f948abjyk8] { display: flex; min-width: 0; flex-direction: column; }
.plan-storage-strip strong[b-f948abjyk8] { margin-top: .1rem; font-size: 1.05rem; }

.plan-edit-hint[b-f948abjyk8] {
    display: flex;
    gap: 1rem;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
    padding: 1.05rem 1.75rem;
    color: var(--plan-accent);
    background: color-mix(in srgb, var(--plan-accent) 7%, var(--mud-palette-surface));
    border-top: 1px solid color-mix(in srgb, var(--plan-accent) 24%, var(--mud-palette-lines-default));
}
.plan-edit-hint > span[b-f948abjyk8] { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: .7rem; align-items: center; }
.plan-edit-hint > span[b-f948abjyk8] >  .mud-icon-root { grid-row: 1 / 3; }
.plan-edit-hint > span > span[b-f948abjyk8] { display: flex; flex-direction: column; }
.plan-edit-hint strong[b-f948abjyk8] { font-size: .84rem; }
.plan-edit-hint small[b-f948abjyk8] { margin-top: .1rem; color: var(--mud-palette-text-secondary); font-size: .7rem; }
.plan-edit-hint[b-f948abjyk8] >  .mud-icon-root { transition: transform .16s ease; }
.plan-card:hover .plan-edit-hint[b-f948abjyk8] >  .mud-icon-root,
.plan-card:focus-visible .plan-edit-hint[b-f948abjyk8] >  .mud-icon-root { transform: translateX(4px); }

.capacity-card dl div[b-f948abjyk8] { display: flex; justify-content: space-between; gap: 1rem; padding-block: .8rem; border-top: 1px solid var(--mud-palette-lines-default); }
.capacity-card dt[b-f948abjyk8] { color: var(--mud-palette-text-secondary); }
.capacity-card dd[b-f948abjyk8] { margin: 0; font-weight: 800; text-align: right; }

.admin-modal-overlay[b-f948abjyk8] {
    position: fixed;
    z-index: 1400;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(2, 6, 23, .72);
    backdrop-filter: blur(5px);
}
.admin-modal-overlay[b-f948abjyk8]  .admin-modal { width: min(900px, calc(100vw - 2rem)); max-height: calc(100vh - 2rem); overflow-y: auto; padding: clamp(1.15rem, 3vw, 1.75rem); border-radius: 20px; }
.admin-modal-overlay[b-f948abjyk8]  .revoke-modal { width: min(620px, calc(100vw - 2rem)); }
.admin-modal-overlay[b-f948abjyk8]  .reauth-modal { width: min(620px, calc(100vw - 2rem)); }
.reauth-fields[b-f948abjyk8] { display: grid; gap: 1rem; }
.admin-modal-header[b-f948abjyk8] { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: .85rem; align-items: center; margin-bottom: 1.75rem; padding-bottom: 1.25rem; border-bottom: 1px solid var(--mud-palette-lines-default); }
.admin-modal-header .modal-icon[b-f948abjyk8] { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 14px; color: #fff; background: linear-gradient(135deg, #5d3fd3, #a84c91); }
.admin-modal-header.danger .modal-icon[b-f948abjyk8] { background: linear-gradient(135deg, #dc2626, #f97316); }
.plan-limit-grid[b-f948abjyk8] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.plan-limit-editor[b-f948abjyk8] { padding: .9rem; border: 1px solid var(--mud-palette-lines-default); border-radius: 13px; }
.plan-limit-editor small[b-f948abjyk8] { display: block; margin-top: .4rem; color: var(--mud-palette-text-secondary); line-height: 1.4; }
.admin-modal-actions[b-f948abjyk8] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .75rem; margin-top: 1.75rem; padding-top: 1.25rem; border-top: 1px solid var(--mud-palette-lines-default); }
.plan-change-review[b-f948abjyk8] { display: flex; flex-direction: column; gap: .65rem; }
.plan-change-review > div[b-f948abjyk8] { display: grid; grid-template-columns: minmax(0, 1fr) auto auto auto; gap: .75rem; align-items: center; padding: .85rem 1rem; border: 1px solid var(--mud-palette-lines-default); border-radius: 12px; }
.plan-change-review .new-value[b-f948abjyk8] { color: var(--mud-palette-primary); }
.review-reason[b-f948abjyk8] { display: flex; flex-direction: column; gap: .25rem; margin-top: 1rem; padding: 1rem; border-radius: 12px; background: color-mix(in srgb, var(--mud-palette-primary) 8%, transparent); }
.review-reason span[b-f948abjyk8] { color: var(--mud-palette-text-secondary); font-size: .75rem; text-transform: uppercase; }

.capacity-grid[b-f948abjyk8] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.capacity-card[b-f948abjyk8] { display: flex; flex-direction: column; min-height: 330px; border-top: 4px solid #2563eb; }
.capacity-card.hosting[b-f948abjyk8] { border-top-color: #8b5cf6; }
.capacity-card.mysql[b-f948abjyk8] { border-top-color: #14b8a6; }
.capacity-card[b-f948abjyk8] >  .mud-icon-root { box-sizing: content-box; padding: .7rem; border-radius: 14px; color: #fff; background: linear-gradient(135deg, #2563eb, #0891b2); }
.capacity-card.hosting[b-f948abjyk8] >  .mud-icon-root { background: linear-gradient(135deg, #7c3aed, #a855f7); }
.capacity-card.mysql[b-f948abjyk8] >  .mud-icon-root { background: linear-gradient(135deg, #0f766e, #14b8a6); }
.capacity-card > span[b-f948abjyk8] { margin-top: 1rem; color: var(--mud-palette-text-secondary); font-size: .75rem; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; }
.capacity-card > strong[b-f948abjyk8] { margin-top: .2rem; font-size: 1.7rem; }
.capacity-card > p[b-f948abjyk8] { margin-block: .45rem 1rem; color: var(--mud-palette-text-secondary); }
.capacity-card dl[b-f948abjyk8] { margin: auto 0 0; }
.availability-note[b-f948abjyk8] { margin-top: auto; padding: .8rem; border-radius: 12px; color: var(--mud-palette-text-secondary); background: color-mix(in srgb, var(--mud-palette-primary) 7%, transparent); font-size: .8rem; line-height: 1.45; }

.feedback-summary[b-f948abjyk8] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--admin-gap);
    margin-bottom: var(--admin-gap);
}
.feedback-summary > div:nth-child(2)[b-f948abjyk8] >  .mud-icon-root { color: #d97706; }
.feedback-summary > div:nth-child(3)[b-f948abjyk8] >  .mud-icon-root { color: #0891b2; }
.feedback-summary > div:nth-child(4)[b-f948abjyk8] >  .mud-icon-root { color: #dc2626; }

.admin-panel[b-f948abjyk8]  .mud-table-container { max-width: 100%; overflow-x: auto; }
.admin-panel[b-f948abjyk8]  .mud-table-cell { vertical-align: top; }
.admin-panel[b-f948abjyk8]  .mud-table-cell small { color: var(--mud-palette-text-secondary); line-height: 1.45; }
.admin-panel code[b-f948abjyk8] { padding: .25rem .45rem; border-radius: 7px; color: var(--mud-palette-secondary); background: color-mix(in srgb, var(--mud-palette-secondary) 10%, transparent); }

@media (max-width: 1100px) {
    .overview-kpis[b-f948abjyk8],
    .feedback-summary[b-f948abjyk8] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .admin-portal-grid[b-f948abjyk8] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .admin-limit-form[b-f948abjyk8] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .admin-limit-form[b-f948abjyk8]  .mud-button-root { min-height: 48px; }
    .plan-card-top[b-f948abjyk8] { grid-template-columns: auto minmax(0, 1fr); }
    .plan-status[b-f948abjyk8] { grid-column: 1 / -1; width: fit-content; }
    .plan-primary-copy[b-f948abjyk8] { grid-template-columns: 1fr; }
    .plan-primary-copy > em[b-f948abjyk8] { margin-top: .2rem; }
}

@media (max-width: 900px) {
    .admin-hero[b-f948abjyk8] { grid-template-columns: auto minmax(0, 1fr); }
    .admin-hero-actions[b-f948abjyk8] { grid-column: 1 / -1; justify-content: flex-start; }
    .admin-shortcuts[b-f948abjyk8],
    .capacity-grid[b-f948abjyk8] { grid-template-columns: 1fr; }
    .admin-inline-form[b-f948abjyk8] { grid-template-columns: 1fr 1fr; }
    .admin-inline-form[b-f948abjyk8]  .mud-button-root { grid-column: 1 / -1; }
}

@media (max-width: 700px) {
    .admin-page[b-f948abjyk8] { --admin-gap: 1.35rem; padding: .75rem .75rem 3rem; }
    .admin-hero[b-f948abjyk8] { grid-template-columns: 1fr; padding: 1.3rem; border-radius: 18px; }
    .admin-hero-icon[b-f948abjyk8] { width: 52px; height: 52px; }
    .admin-hero-actions[b-f948abjyk8] { grid-column: auto; }
    .admin-hero-actions[b-f948abjyk8]  .mud-button-root { flex: 1 1 140px; }
    .admin-section-heading[b-f948abjyk8] { flex-direction: column; }
    .admin-portal-grid[b-f948abjyk8],
    .overview-kpis[b-f948abjyk8],
    .feedback-summary[b-f948abjyk8],
    .plan-grid[b-f948abjyk8],
    .operations-grid[b-f948abjyk8],
    .feature-operation-grid[b-f948abjyk8],
    .admin-inline-form[b-f948abjyk8],
    .admin-limit-form[b-f948abjyk8] { grid-template-columns: 1fr; }
    .premium-user-results[b-f948abjyk8],
    .plan-limit-grid[b-f948abjyk8] { grid-template-columns: 1fr; }
    .premium-user-search[b-f948abjyk8] { grid-template-columns: 1fr; }
    .plan-change-review > div[b-f948abjyk8] { grid-template-columns: 1fr auto; }
    .plan-change-review > div[b-f948abjyk8] >  .mud-icon-root { display: none; }
    .admin-inline-form[b-f948abjyk8]  .mud-button-root { grid-column: auto; }
    .admin-form-panel[b-f948abjyk8] { padding: 1.25rem; }
    .admin-section[b-f948abjyk8] { margin-top: 3rem; }
    .admin-section-heading[b-f948abjyk8] { margin-bottom: 1.5rem; }
    .operation-subheading[b-f948abjyk8] { flex-direction: column; margin-bottom: 1.25rem; }
    .operations-guidance[b-f948abjyk8] { align-items: start; padding: 1rem; }
    .operation-card-header[b-f948abjyk8] { flex-direction: column; padding: 1.35rem 1.25rem 1.1rem; }
    .operation-state[b-f948abjyk8] { width: fit-content; }
    .operation-impact[b-f948abjyk8] { margin: 1.2rem 1.25rem 0; }
    .operation-fields[b-f948abjyk8] { padding: 1.2rem 1.25rem; }
    .operation-switch-row[b-f948abjyk8] { align-items: flex-start; }
    .operation-switch-row[b-f948abjyk8]  .mud-switch-content { display: none; }
    .operation-footer[b-f948abjyk8] { align-items: stretch; flex-direction: column; padding: 1rem 1.25rem 1.25rem; }
    .operation-footer[b-f948abjyk8]  .mud-button-root { width: 100%; }
    .plan-card-top[b-f948abjyk8] { padding: 1.3rem; }
    .plan-primary-metric[b-f948abjyk8] { margin: 1.25rem 1.3rem 0; }
    .plan-metric-grid[b-f948abjyk8] { padding: 1rem 1.3rem; }
    .plan-storage-strip[b-f948abjyk8] { margin: 0 1.3rem 1.25rem; }
    .plan-edit-hint[b-f948abjyk8] { padding-inline: 1.3rem; }
}

@media (max-width: 460px) {
    .plan-metric-grid[b-f948abjyk8],
    .plan-storage-strip[b-f948abjyk8] { grid-template-columns: 1fr; }
    .plan-storage-strip[b-f948abjyk8] { gap: 0; }
    .plan-storage-strip > span + span[b-f948abjyk8] { border-top: 1px solid var(--mud-palette-lines-default); }
}

@media (prefers-reduced-motion: reduce) {
    .admin-portal-card[b-f948abjyk8],
    .shortcut-card[b-f948abjyk8] { transition: none; }
}
.premium-filters[b-f948abjyk8] { display: grid; grid-template-columns: minmax(0, 2fr) repeat(2, minmax(0, 1fr)); gap: .8rem; margin: 1.2rem 0; }
.access-summary[b-f948abjyk8] { display: grid; gap: .6rem; margin-bottom: 1.5rem; }
.access-reason[b-f948abjyk8] { display: block; max-width: 32ch; overflow-wrap: anywhere; }
.premium-access-table[b-f948abjyk8]  .mud-table-cell { overflow-wrap: anywhere; }
.premium-access-table[b-f948abjyk8]  .mud-button-root { min-height: 44px; }
@media (max-width: 650px) { .premium-filters[b-f948abjyk8] { grid-template-columns: 1fr; } }
.access-account[b-f948abjyk8] { display: grid; min-width: 0; gap: .25rem; overflow-wrap: anywhere; }
/* /Pages/AdminClubs.razor.rz.scp.css */
.club-admin[b-z4zq349ggw] { min-width: 0; overflow-wrap: anywhere; }
.club-actions[b-z4zq349ggw] { display: flex; gap: .75rem; flex-wrap: wrap; }
.club-admin[b-z4zq349ggw]  .mud-button-root { min-height: 44px; }
.club-admin[b-z4zq349ggw]  .mud-table-container { max-width: 100%; }
.club-dialog-content[b-z4zq349ggw] { min-width: 0; overflow-wrap: anywhere; }
.club-dialog-content[b-z4zq349ggw]  .mud-button-root { min-height: 44px; }
.club-dialog-content[b-z4zq349ggw]  .mud-table-container { max-width: 100%; }
@media (max-width: 600px) { .club-actions > *[b-z4zq349ggw] { flex: 1 1 auto; } }
.club-price-table-wrap[b-z4zq349ggw] { margin:16px 0; max-width:100%; }
.club-share-actions[b-z4zq349ggw] { display:flex; flex-wrap:wrap; gap:8px; justify-content:flex-end; }
.club-price-table[b-z4zq349ggw] { width:100%; border-collapse:collapse; table-layout:fixed; color:var(--mud-palette-text-primary); font-variant-numeric:tabular-nums; }
.club-price-table th[b-z4zq349ggw], .club-price-table td[b-z4zq349ggw] { padding:14px 12px; border-bottom:1px solid var(--mud-palette-lines-default); text-align:right; }
.club-price-table th:first-child[b-z4zq349ggw], .club-price-table td:first-child[b-z4zq349ggw] { text-align:left; }
.club-price-table thead[b-z4zq349ggw] { background:color-mix(in srgb,var(--mud-palette-primary) 8%,var(--mud-palette-surface)); }
.club-price-table tbody tr:nth-child(even)[b-z4zq349ggw] { background:color-mix(in srgb,var(--mud-palette-background) 40%,var(--mud-palette-surface)); }
.club-price-table input[b-z4zq349ggw] { width:100%; min-width:0; min-height:46px; padding:8px; border:1px solid var(--mud-palette-lines-inputs); border-radius:8px; color:inherit; background:var(--mud-palette-surface); font:inherit; text-align:right; }
.club-price-table input:focus-visible[b-z4zq349ggw] { outline:2px solid var(--mud-palette-primary); outline-offset:2px; }
.club-price-table.editable th:last-child[b-z4zq349ggw] { width:48px; }
.club-price-table.editable th:first-child[b-z4zq349ggw] { width:20%; }
.club-price-table.editable td:last-child[b-z4zq349ggw] { padding:0; }
.sr-only[b-z4zq349ggw] { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
@media(max-width:600px) {
 .club-share-actions[b-z4zq349ggw] { display:grid; grid-template-columns:auto minmax(0,1fr); width:100%; }
 .club-share-actions[b-z4zq349ggw]  > :last-child { grid-column:1 / -1; }
 .club-price-table th[b-z4zq349ggw], .club-price-table td[b-z4zq349ggw] { padding:10px 3px; font-size:.8rem; }
 .club-price-table input[b-z4zq349ggw] { padding:5px 2px; font-size:.875rem; appearance:textfield; }
 .club-price-table input[b-z4zq349ggw]::-webkit-inner-spin-button { appearance:none; }
}
/* /Pages/AdminErrors.razor.rz.scp.css */
.error-admin-page[b-n01dfitx5x] {
    width: 100%;
    max-width: 1440px;
    margin: auto;
    padding: 2rem clamp(1rem, 3vw, 3rem) 5rem;
}

.error-admin-hero[b-n01dfitx5x] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 1.25rem;
    padding: 2rem;
    border-radius: 24px;
    color: #fff;
    background: linear-gradient(132deg, #14233c, #352566 52%, #773b72);
}

.error-admin-hero h1[b-n01dfitx5x] { font-weight: 800; }
.error-admin-icon[b-n01dfitx5x] { display: grid; place-items: center; width: 64px; height: 64px; border-radius: 18px; background: #ffffff1f; }
.error-metrics[b-n01dfitx5x] { display: grid; grid-template-columns: repeat(auto-fit, minmax(175px, 1fr)); gap: 1rem; margin-top: 2rem; }
.error-metrics article[b-n01dfitx5x] { display: flex; justify-content: space-between; align-items: center; gap: .75rem; padding: 1.2rem; border: 1px solid var(--mud-palette-lines-default); border-radius: 15px; background: var(--mud-palette-surface); }
.error-metrics strong[b-n01dfitx5x] { font-size: 1.6rem; }
.error-metrics .metric-date[b-n01dfitx5x] { font-size: .85rem; text-align: right; }
.error-toolbar[b-n01dfitx5x] { display: grid; grid-template-columns: minmax(260px, 2fr) repeat(3, minmax(135px, 1fr)); gap: .75rem; align-items: center; margin: 2rem 0; }
.error-toolbar[b-n01dfitx5x]  .mud-input-control { min-width: 0; }
.error-list[b-n01dfitx5x] { overflow: hidden; border: 1px solid var(--mud-palette-lines-default); border-radius: 18px; background: var(--mud-palette-surface); }
.error-row[b-n01dfitx5x] { display: grid; grid-template-columns: 90px minmax(220px, 1fr) 120px 130px 135px; gap: 1rem; align-items: center; width: 100%; padding: 1rem 1.2rem; border: 0; border-bottom: 1px solid var(--mud-palette-lines-default); color: inherit; background: transparent; text-align: left; cursor: pointer; }
.error-row:hover[b-n01dfitx5x], .error-row.is-selected[b-n01dfitx5x] { background: color-mix(in srgb, var(--mud-palette-primary) 10%, transparent); }
.error-copy[b-n01dfitx5x], .error-count[b-n01dfitx5x] { display: flex; flex-direction: column; min-width: 0; }
.error-copy strong[b-n01dfitx5x] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.error-copy small[b-n01dfitx5x], .error-count small[b-n01dfitx5x], .occurrence span[b-n01dfitx5x] { color: var(--mud-palette-text-secondary); }
.severity[b-n01dfitx5x], .status[b-n01dfitx5x] { padding: .35rem .65rem; border-radius: 999px; text-align: center; font-size: .72rem; font-weight: 800; background: #64748b22; }
.severity.critical[b-n01dfitx5x], .severity.error[b-n01dfitx5x] { color: #fb7185; background: #fb71851c; }
.severity.warning[b-n01dfitx5x] { color: #fbbf24; background: #fbbf241c; }
.status.new[b-n01dfitx5x] { color: #fb7185; }
.status.acknowledged[b-n01dfitx5x] { color: #60a5fa; }
.status.resolved[b-n01dfitx5x] { color: #34d399; }
.incident[b-n01dfitx5x] { font-family: monospace; }
.error-detail[b-n01dfitx5x] { margin-top: 2rem; padding: 1.5rem; border: 1px solid var(--mud-palette-lines-default); border-radius: 18px; background: var(--mud-palette-surface); }
.error-detail > header[b-n01dfitx5x], .occurrence > div[b-n01dfitx5x] { display: flex; justify-content: space-between; gap: 1rem; }
.detail-actions[b-n01dfitx5x] { display: flex; flex-wrap: wrap; gap: .5rem; }
.occurrence[b-n01dfitx5x] { margin-top: 1rem; padding: 1rem; border-radius: 12px; background: color-mix(in srgb, var(--mud-palette-background) 85%, transparent); }
.client-context[b-n01dfitx5x] { display: block; overflow: auto; padding: .75rem; border-radius: 8px; background: color-mix(in srgb, var(--mud-palette-background) 78%, transparent); white-space: pre-wrap; }
.occurrence pre[b-n01dfitx5x] { overflow: auto; max-height: 16rem; padding: 1rem; border-radius: 10px; background: #080d1d; white-space: pre-wrap; color: #dbeafe; }

@media (max-width: 1000px) {
    .error-toolbar[b-n01dfitx5x] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 800px) {
    .error-admin-hero[b-n01dfitx5x] { grid-template-columns: 1fr; }
    .error-admin-icon[b-n01dfitx5x] { display: none; }
    .error-metrics[b-n01dfitx5x] { grid-template-columns: repeat(2, 1fr); }
    .error-row[b-n01dfitx5x] { grid-template-columns: 1fr 1fr; }
    .error-copy[b-n01dfitx5x] { grid-column: 1 / -1; grid-row: 1; }
    .incident[b-n01dfitx5x] { grid-column: 1 / -1; }
    .error-detail > header[b-n01dfitx5x] { flex-direction: column; }
}

@media (max-width: 480px) {
    .error-metrics[b-n01dfitx5x], .error-toolbar[b-n01dfitx5x] { grid-template-columns: 1fr; }
}
/* /Pages/AdminFeedback.razor.rz.scp.css */
.feedback-admin-page[b-omx6tmm88g] {
    width: min(1540px, calc(100% - 3rem));
    margin: 0 auto;
    padding: 2rem 0 5rem;
    display: grid;
    gap: 2rem;
}

.feedback-admin-hero[b-omx6tmm88g] {
    position: relative;
    overflow: hidden;
    min-height: 160px;
    padding: 2.1rem 2.4rem;
    border: 1px solid rgba(187, 165, 255, .2);
    border-radius: 28px;
    background:
        radial-gradient(circle at 92% 120%, transparent 0 70px, rgba(255, 255, 255, .08) 72px 101px, transparent 103px),
        linear-gradient(120deg, #182746 0%, #382471 53%, #985c82 100%);
    box-shadow: 0 24px 70px rgba(0, 0, 0, .22);
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 1.5rem;
}
.hero-icon[b-omx6tmm88g] {
    width: 68px;
    aspect-ratio: 1;
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 21px;
    background: rgba(255, 255, 255, .12);
    font-size: 1.9rem;
    display: grid;
    place-items: center;
}
.feedback-admin-hero h1[b-omx6tmm88g] { margin: .15rem 0 .35rem; }
.feedback-admin-alert[b-omx6tmm88g] { margin: 0; }

.feedback-summary-strip[b-omx6tmm88g] {
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, .16);
    border-radius: 20px;
    background: var(--mud-palette-surface);
    box-shadow: 0 14px 34px rgba(2, 6, 23, .12);
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
}
.feedback-summary-strip > span[b-omx6tmm88g] {
    min-width: 0;
    padding: 1rem 1.1rem;
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    column-gap: .65rem;
}
.feedback-summary-strip > span + span[b-omx6tmm88g] { border-left: 1px solid var(--mud-palette-lines-default); }
.feedback-summary-strip[b-omx6tmm88g]  .mud-icon-root { grid-row: 1 / 3; color: var(--mud-palette-primary); font-size: 1.35rem; }
.feedback-summary-strip small[b-omx6tmm88g] { color: var(--mud-palette-text-secondary); font-size: .65rem; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; }
.feedback-summary-strip strong[b-omx6tmm88g] { overflow: hidden; font-size: 1.15rem; text-overflow: ellipsis; white-space: nowrap; }

.feedback-workspace[b-omx6tmm88g],
.feedback-statistics[b-omx6tmm88g] {
    padding: clamp(1.5rem, 3vw, 2.4rem);
    border: 1px solid rgba(148, 163, 184, .16);
    border-radius: 26px;
    background: rgba(9, 16, 30, .58);
    box-shadow: 0 20px 55px rgba(0, 0, 0, .16);
    display: grid;
    gap: 2rem;
}
.workspace-heading[b-omx6tmm88g] { display: flex; align-items: flex-end; justify-content: space-between; gap: 1.25rem; }
.workspace-heading h2[b-omx6tmm88g] { margin: .15rem 0 .35rem; }
.workspace-heading p[b-omx6tmm88g] { color: var(--mud-palette-text-secondary); }
.visible-count[b-omx6tmm88g] {
    padding: .6rem .9rem;
    border: 1px solid rgba(96, 165, 250, .3);
    border-radius: 999px;
    color: #93c5fd;
    background: rgba(59, 130, 246, .11);
    font-weight: 850;
    white-space: nowrap;
}

.feedback-toolbar[b-omx6tmm88g] {
    padding: 1rem;
    border: 1px solid rgba(148, 163, 184, .12);
    border-radius: 18px;
    background: rgba(23, 34, 53, .82);
    display: grid;
    grid-template-columns: minmax(280px, 1fr) minmax(220px, 320px);
    gap: 1rem;
}

.feedback-type-board[b-omx6tmm88g] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: start;
    gap: 1.5rem;
}
.type-column[b-omx6tmm88g] {
    min-width: 0;
    padding: 1rem;
    border: 1px solid rgba(148, 163, 184, .17);
    border-radius: 22px;
    background: color-mix(in srgb, var(--mud-palette-surface) 88%, transparent);
    display: grid;
    gap: 1rem;
}
.type-column > header[b-omx6tmm88g] { padding: .35rem .35rem .95rem; border-bottom: 1px solid var(--mud-palette-lines-default); display: flex; align-items: center; gap: .8rem; }
.type-column > header > span[b-omx6tmm88g] { width: 42px; height: 42px; border-radius: 13px; color: white; display: grid; place-items: center; }
.type-column > header div[b-omx6tmm88g] { display: grid; gap: .12rem; }
.type-column > header strong[b-omx6tmm88g] { font-size: 1rem; }
.type-column > header small[b-omx6tmm88g] { color: var(--mud-palette-text-secondary); }
.bug-column > header > span[b-omx6tmm88g] { background: linear-gradient(145deg, #e11d48, #fb7185); }
.improvement-column > header > span[b-omx6tmm88g] { background: linear-gradient(145deg, #d97706, #fbbf24); }
.other-column > header > span[b-omx6tmm88g] { background: linear-gradient(145deg, #0284c7, #38bdf8); }
.note-stack[b-omx6tmm88g] { display: grid; gap: 1rem; }
.column-empty[b-omx6tmm88g] {
    min-height: 126px;
    padding: 1rem;
    border: 1px dashed rgba(148, 163, 184, .24);
    border-radius: 16px;
    color: var(--mud-palette-text-secondary);
    background: color-mix(in srgb, var(--mud-palette-background) 55%, transparent);
    display: grid;
    place-items: center;
    align-content: center;
    gap: .45rem;
    text-align: center;
}
.column-empty[b-omx6tmm88g]  .mud-icon-root { color: #34d399; font-size: 1.65rem; }

.feedback-statistics-disclosure[b-omx6tmm88g] {
    overflow: hidden;
    border: 1px solid rgba(167, 139, 250, .2);
    border-radius: 24px;
    background: rgba(12, 20, 35, .66);
}
.feedback-statistics-disclosure > summary[b-omx6tmm88g] {
    padding: 1.25rem 1.5rem;
    cursor: pointer;
    list-style: none;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: .9rem;
}
.feedback-statistics-disclosure > summary[b-omx6tmm88g]::-webkit-details-marker { display: none; }
.feedback-statistics-disclosure > summary > span:first-child[b-omx6tmm88g] { width: 44px; height: 44px; border-radius: 13px; color: #c4b5fd; background: rgba(139, 92, 246, .16); display: grid; place-items: center; }
.feedback-statistics-disclosure > summary > span:nth-child(2)[b-omx6tmm88g] { display: grid; gap: .15rem; }
.feedback-statistics-disclosure > summary small[b-omx6tmm88g] { color: var(--mud-palette-text-secondary); }
.feedback-statistics-disclosure[open] > summary[b-omx6tmm88g] >  .mud-icon-root:last-child { transform: rotate(180deg); }
.feedback-statistics[b-omx6tmm88g] { border: 0; border-top: 1px solid rgba(167, 139, 250, .18); border-radius: 0; box-shadow: none; }
.feedback-distributions[b-omx6tmm88g] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; }
.feedback-history-grid[b-omx6tmm88g] { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(340px, .8fr); gap: 1.5rem; }
.feedback-trend-card[b-omx6tmm88g],
.feedback-duration-card[b-omx6tmm88g] { min-width: 0; min-height: 390px; padding: 1.5rem; border: 1px solid rgba(148, 163, 184, .16); border-radius: 22px; background: #141e30; }
.feedback-trend-card > header[b-omx6tmm88g],
.feedback-duration-card > header[b-omx6tmm88g] { margin-bottom: 1.5rem; display: flex; align-items: center; gap: .8rem; }
.feedback-trend-card > header > span[b-omx6tmm88g],
.feedback-duration-card > header > span[b-omx6tmm88g] { display: grid; gap: .1rem; }
.feedback-trend-card header[b-omx6tmm88g]  .mud-icon-root,
.feedback-duration-card header[b-omx6tmm88g]  .mud-icon-root { color: #a78bfa; }
.feedback-trend-card header small[b-omx6tmm88g],
.feedback-duration-card header small[b-omx6tmm88g] { color: #8fa0b8; }
.duration-bars[b-omx6tmm88g] { padding-top: .7rem; display: grid; gap: 1.35rem; }
.duration-bars > div[b-omx6tmm88g] { display: grid; gap: .6rem; }
.duration-bars span[b-omx6tmm88g] { display: flex; justify-content: space-between; gap: 1rem; }
.duration-bars small[b-omx6tmm88g] { color: #fbbf24; font-weight: 800; }
.duration-bars i[b-omx6tmm88g] { height: 13px; overflow: hidden; border-radius: 999px; background: rgba(148, 163, 184, .12); }
.duration-bars b[b-omx6tmm88g] { display: block; height: 100%; min-width: 8px; border-radius: inherit; background: linear-gradient(90deg, #7c3aed, #ec4899, #f59e0b); }

.feedback-editor-overlay[b-omx6tmm88g] {
    position: fixed;
    inset: 0;
    z-index: 1400;
    padding: 2rem;
    overflow: auto;
    background: rgba(2, 6, 18, .82);
    backdrop-filter: blur(10px);
    display: grid;
    place-items: center;
}
.feedback-editor[b-omx6tmm88g] {
    width: min(920px, 100%);
    max-height: calc(100vh - 4rem);
    overflow: auto;
    padding: clamp(1.5rem, 3vw, 2.5rem);
    border: 1px solid rgba(167, 139, 250, .3);
    border-radius: 30px;
    color: var(--mud-palette-text-primary);
    background: #111c2f;
    box-shadow: 0 30px 100px rgba(0, 0, 0, .45);
    display: grid;
    gap: 2rem;
}
.editor-header[b-omx6tmm88g] { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: start; gap: 1rem; }
.editor-type-icon[b-omx6tmm88g] { width: 56px; height: 56px; border-radius: 17px; color: white; background: #64748b; display: grid; place-items: center; }
.editor-type-icon.type-bug[b-omx6tmm88g] { background: linear-gradient(145deg, #e11d48, #fb7185); }
.editor-type-icon.type-improvement[b-omx6tmm88g] { background: linear-gradient(145deg, #d97706, #fbbf24); }
.editor-type-icon.type-other[b-omx6tmm88g] { background: linear-gradient(145deg, #0284c7, #38bdf8); }
.editor-kicker[b-omx6tmm88g] { color: #a9b7ca; font-size: .72rem; font-weight: 850; text-transform: uppercase; letter-spacing: .07em; }
.editor-header h2[b-omx6tmm88g] { margin: .4rem 0 0; overflow-wrap: anywhere; font-size: clamp(1.4rem, 3vw, 2rem); line-height: 1.25; }

.editor-identity-row[b-omx6tmm88g] { display: grid; grid-template-columns: 1.35fr 1fr; gap: 1.25rem; }
.editor-person[b-omx6tmm88g],
.editor-account-plan[b-omx6tmm88g] { min-width: 0; padding: 1.25rem; border: 1px solid rgba(148, 163, 184, .15); border-radius: 20px; background: rgba(25, 38, 59, .88); display: flex; align-items: center; gap: 1rem; }
.editor-person > span[b-omx6tmm88g] { width: 46px; height: 46px; flex: 0 0 auto; border-radius: 14px; color: #93c5fd; background: rgba(96, 165, 250, .14); display: grid; place-items: center; }
.editor-person div[b-omx6tmm88g],
.editor-account-plan div[b-omx6tmm88g] { min-width: 0; display: grid; gap: .2rem; }
.editor-person small[b-omx6tmm88g],
.editor-account-plan small[b-omx6tmm88g] { color: #91a1b8; text-transform: uppercase; letter-spacing: .05em; }
.editor-person a[b-omx6tmm88g] { color: #a9c8ef; overflow-wrap: anywhere; }
.editor-account-plan img[b-omx6tmm88g] { width: 58px; height: 58px; flex: 0 0 auto; border: 1px solid rgba(245, 158, 11, .35); border-radius: 17px; object-fit: cover; }

.editor-description[b-omx6tmm88g] { padding: 1.5rem; border: 1px solid rgba(139, 92, 246, .2); border-left: 5px solid #8b5cf6; border-radius: 10px 20px 20px 10px; background: rgba(19, 28, 45, .9); }
.editor-description > span[b-omx6tmm88g] { color: #c4b5fd; font-weight: 850; display: flex; align-items: center; gap: .55rem; }
.editor-description p[b-omx6tmm88g] { margin: 1rem 0 0; color: #d2d9e5; line-height: 1.75; white-space: pre-wrap; }

.editor-context-disclosure[b-omx6tmm88g] { border: 1px solid rgba(148, 163, 184, .14); border-radius: 18px; background: rgba(18, 29, 47, .74); }
.editor-context-disclosure > summary[b-omx6tmm88g] { padding: 1rem 1.2rem; cursor: pointer; list-style: none; font-weight: 800; display: flex; align-items: center; gap: .55rem; }
.editor-context-disclosure > summary[b-omx6tmm88g]::-webkit-details-marker { display: none; }
.editor-context-disclosure > summary[b-omx6tmm88g]  .mud-icon-root:last-child { margin-left: auto; }
.editor-context-disclosure[open] > summary[b-omx6tmm88g]  .mud-icon-root:last-child { transform: rotate(180deg); }
.editor-context[b-omx6tmm88g] { padding: 0 1.2rem 1.2rem; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.editor-context span[b-omx6tmm88g] { min-width: 0; padding: 1rem; border: 1px solid rgba(148, 163, 184, .13); border-radius: 14px; display: grid; gap: .3rem; }
.editor-context small[b-omx6tmm88g] { color: #91a1b8; }
.editor-context strong[b-omx6tmm88g] { overflow-wrap: anywhere; }
.client-context[b-omx6tmm88g] { margin: 0 1.2rem 1.2rem; padding: 1rem; border-radius: 14px; color: #aebacd; background: rgba(9, 16, 30, .7); overflow-wrap: anywhere; }

.editor-workflow[b-omx6tmm88g] { padding: clamp(1.25rem, 3vw, 2rem); border: 1px solid rgba(96, 165, 250, .19); border-radius: 24px; background: rgba(15, 26, 43, .9); display: grid; gap: 1.75rem; }
.editor-workflow > header[b-omx6tmm88g] { display: flex; align-items: center; gap: .8rem; }
.editor-workflow > header > span[b-omx6tmm88g] { width: 44px; height: 44px; flex: 0 0 auto; border-radius: 13px; color: #93c5fd; background: rgba(59, 130, 246, .14); display: grid; place-items: center; }
.editor-workflow > header > div[b-omx6tmm88g] { display: grid; gap: .15rem; }
.editor-workflow > header small[b-omx6tmm88g] { color: #91a1b8; }
.workflow-actions[b-omx6tmm88g] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.status-action[b-omx6tmm88g] { min-height: 100px; padding: 1rem; border: 1px solid rgba(148, 163, 184, .18); border-radius: 17px; color: inherit; background: rgba(25, 38, 59, .82); font: inherit; text-align: left; cursor: pointer; display: flex; align-items: center; gap: .8rem; }
.status-action[b-omx6tmm88g] >  .mud-icon-root { flex: 0 0 auto; font-size: 1.65rem; }
.status-action > span[b-omx6tmm88g] { display: grid; gap: .18rem; }
.status-action small[b-omx6tmm88g] { color: #91a1b8; line-height: 1.35; }
.status-action.progress[b-omx6tmm88g] >  .mud-icon-root { color: #60a5fa; }
.status-action.resolved[b-omx6tmm88g] >  .mud-icon-root { color: #34d399; }
.status-action.rejected[b-omx6tmm88g] >  .mud-icon-root { color: #fb7185; }
.status-action.selected[b-omx6tmm88g] { border-width: 2px; box-shadow: 0 0 0 4px rgba(96, 165, 250, .09); }
.status-action.progress.selected[b-omx6tmm88g] { border-color: #60a5fa; }
.status-action.resolved.selected[b-omx6tmm88g] { border-color: #34d399; box-shadow: 0 0 0 4px rgba(52, 211, 153, .09); }
.status-action.rejected.selected[b-omx6tmm88g] { border-color: #fb7185; box-shadow: 0 0 0 4px rgba(251, 113, 133, .09); }
.closure-fields[b-omx6tmm88g] { padding: 1.25rem; border: 1px solid rgba(245, 158, 11, .22); border-radius: 18px; background: rgba(245, 158, 11, .05); display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(180px, .5fr); gap: 1.25rem; }
.editor-notes-grid[b-omx6tmm88g] { display: grid; grid-template-columns: minmax(190px, .48fr) minmax(0, 1.52fr); align-items: start; gap: 1.25rem; }
.advanced-statuses[b-omx6tmm88g] { padding: 1rem 1.1rem; border: 1px dashed rgba(148, 163, 184, .2); border-radius: 16px; }
.advanced-statuses summary[b-omx6tmm88g] { cursor: pointer; color: #aebacd; font-weight: 750; }
.advanced-statuses[b-omx6tmm88g]  .mud-input-control { margin-top: 1rem; }

.editor-danger-zone[b-omx6tmm88g] { padding: 1.25rem; border: 1px solid rgba(244, 63, 94, .23); border-radius: 20px; background: rgba(244, 63, 94, .045); display: flex; align-items: center; justify-content: space-between; gap: 1.25rem; }
.editor-danger-zone > div:first-child[b-omx6tmm88g] { display: grid; gap: .25rem; }
.editor-danger-zone small[b-omx6tmm88g] { color: #a7b2c4; line-height: 1.45; }
.delete-confirmation[b-omx6tmm88g] { width: 100%; display: grid; gap: 1.25rem; }
.delete-confirmation > header[b-omx6tmm88g] { display: flex; align-items: center; gap: .75rem; color: #fda4af; }
.delete-confirmation > header span[b-omx6tmm88g] { display: grid; gap: .15rem; }
.delete-confirmation > div[b-omx6tmm88g] { display: flex; justify-content: flex-end; gap: .75rem; }
.editor-actions[b-omx6tmm88g] { padding-top: .25rem; display: flex; justify-content: flex-end; gap: .9rem; }

@media (max-width: 1120px) {
    .feedback-summary-strip[b-omx6tmm88g] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .feedback-summary-strip > span:nth-child(4)[b-omx6tmm88g] { border-left: 0; border-top: 1px solid var(--mud-palette-lines-default); }
    .feedback-summary-strip > span:nth-child(5)[b-omx6tmm88g],
    .feedback-summary-strip > span:nth-child(6)[b-omx6tmm88g] { border-top: 1px solid var(--mud-palette-lines-default); }
    .feedback-type-board[b-omx6tmm88g],
    .feedback-history-grid[b-omx6tmm88g] { grid-template-columns: 1fr; }
    .feedback-distributions[b-omx6tmm88g] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .note-stack[b-omx6tmm88g] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
    .feedback-admin-page[b-omx6tmm88g] { width: calc(100% - 1rem); padding-top: .75rem; gap: 1rem; }
    .feedback-admin-hero[b-omx6tmm88g] { min-height: 0; padding: 1.3rem; grid-template-columns: auto minmax(0, 1fr); border-radius: 20px; }
    .feedback-admin-hero > div[b-omx6tmm88g] { min-width: 0; }
    .feedback-admin-hero[b-omx6tmm88g]  h1 { font-size: clamp(1.6rem, 6vw, 2rem); line-height: 1.2; overflow-wrap: anywhere; }
    .feedback-admin-hero > .mud-button-root[b-omx6tmm88g] { grid-column: 1 / -1; justify-self: stretch; }
    .hero-icon[b-omx6tmm88g] { width: 52px; border-radius: 15px; }
    .feedback-summary-strip[b-omx6tmm88g] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .feedback-summary-strip > span:nth-child(odd)[b-omx6tmm88g] { border-left: 0; }
    .feedback-summary-strip > span:nth-child(n+3)[b-omx6tmm88g] { border-top: 1px solid var(--mud-palette-lines-default); }
    .feedback-workspace[b-omx6tmm88g],
    .feedback-statistics[b-omx6tmm88g] { padding: 1rem; border-radius: 20px; gap: 1.35rem; }
    .workspace-heading[b-omx6tmm88g] { align-items: flex-start; flex-direction: column; }
    .feedback-toolbar[b-omx6tmm88g],
    .feedback-distributions[b-omx6tmm88g],
    .note-stack[b-omx6tmm88g],
    .editor-identity-row[b-omx6tmm88g],
    .workflow-actions[b-omx6tmm88g],
    .closure-fields[b-omx6tmm88g],
    .editor-notes-grid[b-omx6tmm88g],
    .editor-context[b-omx6tmm88g] { grid-template-columns: 1fr; }
    .type-column[b-omx6tmm88g] { padding: .75rem; }
    .feedback-editor-overlay[b-omx6tmm88g] { padding: .4rem; align-items: end; }
    .feedback-editor[b-omx6tmm88g] { max-height: 97vh; padding: 1.1rem; border-radius: 22px 22px 0 0; gap: 1.4rem; }
    .editor-header[b-omx6tmm88g] { grid-template-columns: auto minmax(0, 1fr) auto; }
    .editor-type-icon[b-omx6tmm88g] { width: 44px; height: 44px; border-radius: 13px; }
    .editor-workflow[b-omx6tmm88g] { padding: 1rem; gap: 1.25rem; }
    .status-action[b-omx6tmm88g] { min-height: 78px; }
    .editor-danger-zone[b-omx6tmm88g] { align-items: stretch; flex-direction: column; }
    .delete-confirmation > div[b-omx6tmm88g],
    .editor-actions[b-omx6tmm88g] { flex-direction: column-reverse; }
    .delete-confirmation > div[b-omx6tmm88g]  .mud-button-root,
    .editor-actions[b-omx6tmm88g]  .mud-button-root { width: 100%; }
}

@media (max-width: 420px) {
    .feedback-admin-hero[b-omx6tmm88g] { grid-template-columns: minmax(0, 1fr); gap: 1rem; }
    .hero-icon[b-omx6tmm88g] { display: none; }
}

@media (prefers-reduced-motion: reduce) {
    .feedback-statistics-disclosure > summary[b-omx6tmm88g] >  .mud-icon-root:last-child,
    .editor-context-disclosure > summary[b-omx6tmm88g]  .mud-icon-root:last-child { transition: none; }
}

.feedback-hero-actions[b-omx6tmm88g] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .75rem;
}

.feedback-export-overlay[b-omx6tmm88g] {
    position: fixed;
    inset: 0;
    z-index: 1400;
    padding: 2rem;
    overflow: auto;
    background: rgba(2, 6, 18, .82);
    backdrop-filter: blur(10px);
    display: grid;
    place-items: center;
}

.feedback-export-modal[b-omx6tmm88g] {
    width: min(1080px, 100%);
    max-height: calc(100vh - 4rem);
    overflow: auto;
    padding: clamp(1.5rem, 3vw, 2.5rem);
    border: 1px solid rgba(167, 139, 250, .3);
    border-radius: 30px;
    color: var(--mud-palette-text-primary);
    background: #111c2f;
    box-shadow: 0 30px 100px rgba(0, 0, 0, .45);
    display: grid;
    gap: 1.75rem;
}

.export-header[b-omx6tmm88g] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: start;
    gap: 1rem;
}

.export-icon[b-omx6tmm88g] {
    width: 56px;
    height: 56px;
    border-radius: 17px;
    color: white;
    background: linear-gradient(145deg, #7c3aed, #ec4899);
    display: grid;
    place-items: center;
}

.export-header h2[b-omx6tmm88g] { margin: .4rem 0 0; font-size: clamp(1.4rem, 3vw, 1.9rem); line-height: 1.25; }

.export-intro[b-omx6tmm88g] { margin: 0; color: #a9b7ca; line-height: 1.6; }

.export-selection[b-omx6tmm88g] {
    padding: clamp(1.25rem, 3vw, 1.75rem);
    border: 1px solid rgba(96, 165, 250, .19);
    border-radius: 24px;
    background: rgba(15, 26, 43, .9);
    display: grid;
    gap: 1.25rem;
}

.export-selection-header[b-omx6tmm88g] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.export-select-actions[b-omx6tmm88g] { display: flex; flex-wrap: wrap; gap: .6rem; }

.export-ticket-list[b-omx6tmm88g] {
    max-height: 320px;
    overflow: auto;
    padding-inline-end: .25rem;
    display: grid;
    gap: .55rem;
}

.export-ticket-row[b-omx6tmm88g] {
    display: grid;
    grid-template-columns: auto auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .75rem;
    padding: .85rem 1rem;
    border: 1px solid rgba(148, 163, 184, .16);
    border-radius: 16px;
    color: inherit;
    background: rgba(25, 38, 59, .82);
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.export-ticket-row:hover[b-omx6tmm88g] { border-color: rgba(148, 163, 184, .4); }
.export-ticket-row.selected[b-omx6tmm88g] { border-color: rgba(139, 92, 246, .65); background: rgba(139, 92, 246, .08); }
.export-ticket-row[b-omx6tmm88g] >  .mud-icon-root:first-child { color: var(--mud-palette-primary); font-size: 1.35rem; }

.export-ticket-type[b-omx6tmm88g] { width: 40px; height: 40px; border-radius: 12px; color: white; background: #64748b; display: grid; place-items: center; }
.export-ticket-type.type-bug[b-omx6tmm88g] { background: linear-gradient(145deg, #e11d48, #fb7185); }
.export-ticket-type.type-improvement[b-omx6tmm88g] { background: linear-gradient(145deg, #d97706, #fbbf24); }
.export-ticket-type.type-other[b-omx6tmm88g] { background: linear-gradient(145deg, #0284c7, #38bdf8); }

.export-ticket-copy[b-omx6tmm88g] { min-width: 0; display: grid; gap: .15rem; }
.export-ticket-copy strong[b-omx6tmm88g] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.export-ticket-copy small[b-omx6tmm88g] { color: #8fa0b8; }

.export-status-chip[b-omx6tmm88g] {
    padding: .3rem .7rem;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 800;
    white-space: nowrap;
}

.export-status-chip.status-new[b-omx6tmm88g] { color: #93c5fd; border-color: rgba(96, 165, 250, .35); background: rgba(59, 130, 246, .12); }
.export-status-chip.status-toreview[b-omx6tmm88g] { color: #c4b5fd; border-color: rgba(139, 92, 246, .35); background: rgba(139, 92, 246, .12); }
.export-status-chip.status-planned[b-omx6tmm88g] { color: #67e8f9; border-color: rgba(34, 211, 238, .35); background: rgba(34, 211, 238, .12); }
.export-status-chip.status-inprogress[b-omx6tmm88g] { color: #fcd34d; border-color: rgba(245, 158, 11, .35); background: rgba(245, 158, 11, .12); }
.export-status-chip.status-resolved[b-omx6tmm88g] { color: #6ee7b7; border-color: rgba(52, 211, 153, .35); background: rgba(52, 211, 153, .12); }
.export-status-chip.status-rejected[b-omx6tmm88g] { color: #fda4af; border-color: rgba(251, 113, 133, .35); background: rgba(251, 113, 133, .12); }
.export-status-chip.status-archived[b-omx6tmm88g] { color: #cbd5e1; border-color: rgba(148, 163, 184, .35); background: rgba(148, 163, 184, .12); }

.export-context[b-omx6tmm88g] { min-width: 0; }

.export-preview-section[b-omx6tmm88g] {
    padding: clamp(1.25rem, 3vw, 1.75rem);
    border: 1px solid rgba(148, 163, 184, .16);
    border-radius: 24px;
    background: rgba(9, 16, 30, .7);
    display: grid;
    gap: 1rem;
}

.export-preview-section > header[b-omx6tmm88g] { display: flex; align-items: center; gap: .8rem; }
.export-preview-section > header > span[b-omx6tmm88g] { width: 44px; height: 44px; flex: 0 0 auto; border-radius: 13px; color: #a78bfa; background: rgba(139, 92, 246, .16); display: grid; place-items: center; }
.export-preview-section > header > div[b-omx6tmm88g] { display: grid; gap: .12rem; }
.export-preview-section > header small[b-omx6tmm88g] { color: #8fa0b8; }

.export-preview[b-omx6tmm88g] {
    margin: 0;
    max-height: 380px;
    overflow: auto;
    padding: 1.25rem;
    border: 1px solid rgba(148, 163, 184, .13);
    border-radius: 16px;
    color: #d2d9e5;
    background: #0b1424;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
    font-size: .82rem;
    line-height: 1.55;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.export-actions[b-omx6tmm88g] { display: flex; align-items: center; justify-content: flex-end; gap: .9rem; }
.export-copied[b-omx6tmm88g] { margin-inline-end: auto; color: #34d399; font-weight: 750; }

@media (max-width: 760px) {
    .feedback-hero-actions[b-omx6tmm88g] { grid-column: 1 / -1; }
    .feedback-hero-actions[b-omx6tmm88g]  .mud-button-root { flex: 1 1 auto; }

    .feedback-export-overlay[b-omx6tmm88g] { padding: .4rem; align-items: end; }
    .feedback-export-modal[b-omx6tmm88g] { max-height: 97vh; padding: 1.1rem; border-radius: 22px 22px 0 0; gap: 1.4rem; }
    .export-icon[b-omx6tmm88g] { width: 44px; height: 44px; border-radius: 13px; }
    .export-ticket-row[b-omx6tmm88g] { grid-template-columns: auto auto minmax(0, 1fr); }
    .export-status-chip[b-omx6tmm88g] { display: none; }
    .export-actions[b-omx6tmm88g] { flex-direction: column-reverse; align-items: stretch; }
    .export-actions[b-omx6tmm88g]  .mud-button-root { width: 100%; }
    .export-copied[b-omx6tmm88g] { margin: 0; text-align: center; }
}
/* /Pages/AdminFinance.razor.rz.scp.css */
.finance-page[b-izomgvse2b] { max-width: 1540px; margin: 0 auto; padding: clamp(1rem, 2.4vw, 2.2rem) 0 4rem; }
.finance-routine[b-izomgvse2b] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin: 1rem 0 1.5rem; }
.finance-routine a[b-izomgvse2b] { display: grid; gap: .4rem; padding: 1rem; min-height: 44px; color: inherit; border-bottom: 2px solid var(--mud-palette-primary); text-decoration: none; }
.finance-routine a:focus-visible[b-izomgvse2b] { outline: 2px solid var(--mud-palette-primary); }
.finance-routine span[b-izomgvse2b] { color: var(--mud-palette-text-secondary); }
@media (max-width: 760px) { .finance-routine[b-izomgvse2b] { grid-template-columns: 1fr; gap: .25rem; } }
.finance-hero[b-izomgvse2b] { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 1.35rem; align-items: center; margin-bottom: 1.4rem; padding: clamp(1.4rem, 3vw, 2.2rem); overflow: hidden; border-radius: 26px; color: #f8fafc; background: radial-gradient(circle at 85% 15%, rgba(34,211,238,.28), transparent 30%), radial-gradient(circle at 15% 110%, rgba(168,85,247,.3), transparent 34%), linear-gradient(135deg,#172554,#312e81 52%,#164e63); box-shadow: 0 24px 55px rgba(30,41,99,.25); }
.hero-mark[b-izomgvse2b] { display:grid; place-items:center; width:66px; height:66px; border-radius:20px; background:rgba(255,255,255,.14); backdrop-filter:blur(12px); }
.hero-mark[b-izomgvse2b]  svg { font-size: 2.1rem; }
.hero-copy[b-izomgvse2b] { min-width:0; }
.hero-copy[b-izomgvse2b]  .mud-typography-overline { color:#a5f3fc; font-weight:800; }
.hero-copy[b-izomgvse2b]  h1 { margin:.15rem 0 .35rem; font-size:clamp(1.8rem,3vw,3rem); line-height:1.08; }
.hero-copy[b-izomgvse2b]  .mud-typography-body1 { max-width:780px; color:#dbeafe; }
.hero-actions[b-izomgvse2b] { display:flex; align-items:center; gap:.45rem; }
.finance-alert[b-izomgvse2b] { margin: 0 0 1.1rem; border-radius:16px; }
.finance-loading[b-izomgvse2b] { min-height:420px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.7rem; color:var(--mud-palette-text-secondary); text-align:center; }
.finance-loading strong[b-izomgvse2b] { color:var(--mud-palette-text-primary); font-size:1.15rem; }
.period-switcher[b-izomgvse2b] { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:1.2rem; padding:.9rem 1rem .9rem 1.2rem; border:1px solid var(--mud-palette-lines-default); border-radius:17px; background:var(--mud-palette-surface); }
.period-switcher > div:first-child[b-izomgvse2b] { display:flex; flex-direction:column; }
.period-switcher span[b-izomgvse2b] { color:var(--mud-palette-text-secondary); font-size:.72rem; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.range-buttons[b-izomgvse2b] { display:flex; gap:.25rem; flex-wrap:wrap; justify-content:flex-end; }
.finance-metrics[b-izomgvse2b] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; margin-bottom:1.2rem; }
.autopilot-summary[b-izomgvse2b] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)) auto; align-items:center; gap:.6rem; margin:0 0 1.2rem; padding:.65rem; border:1px solid rgba(96,165,250,.32); border-radius:18px; color:inherit; text-decoration:none; background:linear-gradient(105deg,rgba(37,99,235,.11),rgba(124,58,237,.08)); transition:border-color .15s ease,transform .15s ease; }
.autopilot-summary:hover[b-izomgvse2b] { border-color:rgba(96,165,250,.7); transform:translateY(-1px); }
.autopilot-state[b-izomgvse2b] { display:grid; grid-template-columns:38px minmax(0,1fr); align-items:center; gap:.65rem; min-width:0; padding:.55rem .65rem; border-radius:13px; background:rgba(15,23,42,.13); }
.autopilot-state > span[b-izomgvse2b] { display:grid; place-items:center; width:38px; height:38px; border-radius:11px; color:#7dd3fc; background:rgba(14,165,233,.13); }
.autopilot-state.ok > span[b-izomgvse2b] { color:#6ee7b7; background:rgba(16,185,129,.13); }
.autopilot-state.attention > span[b-izomgvse2b] { color:#fcd34d; background:rgba(245,158,11,.14); }
.autopilot-state.prudent > span[b-izomgvse2b] { color:#5eead4; background:rgba(20,184,166,.13); }
.autopilot-state.vat > span[b-izomgvse2b] { color:#c4b5fd; background:rgba(139,92,246,.14); }
.autopilot-state div[b-izomgvse2b] { display:grid; min-width:0; }
.autopilot-state small[b-izomgvse2b] { color:var(--mud-palette-text-secondary); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.autopilot-state strong[b-izomgvse2b] { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.finance-main-grid[b-izomgvse2b] { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(300px,.65fr); gap:1rem; align-items:start; }
.trend-card[b-izomgvse2b] { min-width:0; padding:clamp(1.2rem,2.5vw,1.8rem); border:1px solid var(--mud-palette-lines-default); border-radius:22px; background:var(--mud-palette-surface); box-shadow:0 15px 38px rgba(2,6,23,.1); }
.section-heading[b-izomgvse2b] { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; margin-bottom:1rem; }
.section-heading[b-izomgvse2b]  .mud-typography-overline { color:#60a5fa; font-weight:800; }
.section-heading[b-izomgvse2b]  h2 { margin:.1rem 0 .25rem; font-size:clamp(1.45rem,2.4vw,2.05rem); }
.live-pill[b-izomgvse2b] { display:inline-flex; align-items:center; gap:.45rem; white-space:nowrap; padding:.48rem .7rem; border-radius:999px; color:var(--mud-palette-text-secondary); background:color-mix(in srgb,var(--mud-palette-surface) 86%,#3b82f6 14%); font-size:.72rem; font-weight:750; }
.live-pill i[b-izomgvse2b] { width:8px; height:8px; border-radius:50%; background:#10b981; box-shadow:0 0 0 4px rgba(16,185,129,.13); }
.chart-wrap[b-izomgvse2b] { min-height:360px; overflow:hidden; }
.empty-chart[b-izomgvse2b] { min-height:340px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.65rem; text-align:center; color:var(--mud-palette-text-secondary); }
.empty-chart[b-izomgvse2b]  svg { font-size:3rem; color:#60a5fa; }
.empty-chart strong[b-izomgvse2b] { color:var(--mud-palette-text-primary); }
.attention-column[b-izomgvse2b] { display:flex; flex-direction:column; gap:1rem; }
.attention-card[b-izomgvse2b] { padding:1.25rem; border:1px solid color-mix(in srgb,#3b82f6 38%,var(--mud-palette-lines-default)); border-radius:22px; background:linear-gradient(145deg,color-mix(in srgb,var(--mud-palette-surface) 87%,#3b82f6 13%),var(--mud-palette-surface)); box-shadow:0 14px 32px rgba(2,6,23,.09); }
.attention-card.soon[b-izomgvse2b] { border-color:rgba(245,158,11,.6); background:linear-gradient(145deg,color-mix(in srgb,var(--mud-palette-surface) 84%,#f59e0b 16%),var(--mud-palette-surface)); }
.attention-card.overdue[b-izomgvse2b] { border-color:rgba(239,68,68,.65); background:linear-gradient(145deg,color-mix(in srgb,var(--mud-palette-surface) 84%,#ef4444 16%),var(--mud-palette-surface)); }
.attention-icon[b-izomgvse2b] { display:grid; place-items:center; width:46px; height:46px; margin-bottom:.9rem; border-radius:14px; color:#fff; background:#3b82f6; }
.attention-card.soon .attention-icon[b-izomgvse2b] { background:#f59e0b; }
.attention-card.overdue .attention-icon[b-izomgvse2b] { background:#ef4444; }
.attention-card > div:last-child[b-izomgvse2b] { display:flex; flex-direction:column; gap:.55rem; }
.attention-kicker[b-izomgvse2b] { color:var(--mud-palette-text-secondary); font-size:.72rem; font-weight:800; text-transform:uppercase; letter-spacing:.07em; }
.attention-card strong[b-izomgvse2b] { font-size:1.35rem; }
.attention-card p[b-izomgvse2b] { margin:0; color:var(--mud-palette-text-secondary); font-size:.88rem; line-height:1.45; }
.attention-amount[b-izomgvse2b] { display:flex; flex-direction:column; padding:.85rem; margin:.2rem 0 .45rem; border-radius:14px; background:rgba(2,6,23,.08); }
.attention-amount small[b-izomgvse2b] { color:var(--mud-palette-text-secondary); }
.attention-amount b[b-izomgvse2b] { font-size:1.7rem; font-variant-numeric:tabular-nums; }
.quick-stat[b-izomgvse2b] { display:grid; grid-template-columns:44px 1fr; gap:.8rem; align-items:center; padding:1rem; border:1px solid var(--mud-palette-lines-default); border-radius:17px; background:var(--mud-palette-surface); }
.quick-stat > span[b-izomgvse2b] { display:grid; place-items:center; width:44px; height:44px; border-radius:13px; color:#8b5cf6; background:rgba(139,92,246,.12); }
.quick-stat div[b-izomgvse2b] { display:flex; flex-direction:column; }
.quick-stat small[b-izomgvse2b] { color:var(--mud-palette-text-secondary); }
.quick-stat strong[b-izomgvse2b] { font-size:1.2rem; font-variant-numeric:tabular-nums; }
.annual-link[b-izomgvse2b] { display:grid; grid-template-columns:44px 1fr auto; gap:.8rem; align-items:center; padding:1rem; border-radius:17px; color:inherit; text-decoration:none; background:linear-gradient(135deg,rgba(6,182,212,.13),rgba(59,130,246,.1)); }
.annual-link > span[b-izomgvse2b] { display:grid; place-items:center; width:44px; height:44px; border-radius:13px; color:#06b6d4; background:rgba(6,182,212,.13); }
.annual-link div[b-izomgvse2b] { display:flex; flex-direction:column; }
.annual-link small[b-izomgvse2b] { color:var(--mud-palette-text-secondary); }
@media (max-width:1100px) { .finance-metrics[b-izomgvse2b] { grid-template-columns:repeat(2,minmax(0,1fr)); } .autopilot-summary[b-izomgvse2b] { grid-template-columns:repeat(2,minmax(0,1fr)) auto; } .autopilot-state.vat[b-izomgvse2b] { grid-column:1/-2; } .finance-main-grid[b-izomgvse2b] { grid-template-columns:1fr; } .attention-column[b-izomgvse2b] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); } .attention-card[b-izomgvse2b],.annual-link[b-izomgvse2b] { grid-column:span 2; } }
@media (max-width:760px) { .finance-page[b-izomgvse2b] { padding-top:.7rem; } .finance-hero[b-izomgvse2b] { grid-template-columns:auto 1fr; border-radius:20px; padding:1.15rem; } .hero-mark[b-izomgvse2b] { width:52px; height:52px; border-radius:16px; } .hero-actions[b-izomgvse2b] { grid-column:1/-1; justify-content:space-between; } .period-switcher[b-izomgvse2b] { align-items:flex-start; flex-direction:column; } .range-buttons[b-izomgvse2b] { justify-content:flex-start; width:100%; } .finance-metrics[b-izomgvse2b] { grid-template-columns:1fr; } .autopilot-summary[b-izomgvse2b] { grid-template-columns:1fr auto; } .autopilot-state[b-izomgvse2b] { grid-column:1; } .autopilot-state.vat[b-izomgvse2b] { grid-column:1; } .autopilot-summary[b-izomgvse2b] >  svg { grid-column:2; grid-row:1/4; } .section-heading[b-izomgvse2b] { flex-direction:column; } .attention-column[b-izomgvse2b] { display:flex; } .attention-card[b-izomgvse2b],.annual-link[b-izomgvse2b] { grid-column:auto; } }
@media (max-width:480px) { .hero-copy[b-izomgvse2b]  h1 { font-size:1.55rem; } .hero-copy[b-izomgvse2b]  .mud-typography-body1 { font-size:.86rem; } .hero-actions[b-izomgvse2b]  .mud-button-root { flex:1; } .range-buttons[b-izomgvse2b]  .mud-button-root { flex:1; min-width:68px; } .trend-card[b-izomgvse2b] { padding:1rem; border-radius:18px; } }
/* /Pages/AdminFinanceAdministrative.razor.rz.scp.css */
.finance-admin-page[b-fdeu5w7c3j] {
    width: min(100% - 2rem, 1480px);
    margin: 0 auto;
    padding: 1.5rem 0 4rem;
    color: var(--mud-palette-text-primary);
}

.admin-hero[b-fdeu5w7c3j],
.now-section[b-fdeu5w7c3j],
.admin-panel[b-fdeu5w7c3j],
.obligation-card[b-fdeu5w7c3j],
.admin-loading[b-fdeu5w7c3j] {
    border: 1px solid rgba(148, 163, 184, .2);
    border-radius: 20px;
}

.admin-hero[b-fdeu5w7c3j] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 1rem;
    align-items: center;
    padding: 1.35rem 1.5rem;
    color: #fff;
    background: linear-gradient(120deg, #162a4d 0%, #3a2879 52%, #914f86 100%);
    overflow: hidden;
}

.hero-mark[b-fdeu5w7c3j],
.now-icon[b-fdeu5w7c3j],
.panel-icon[b-fdeu5w7c3j],
.obligation-icon[b-fdeu5w7c3j] {
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
}

.hero-mark[b-fdeu5w7c3j] {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 16px;
    background: rgba(255, 255, 255, .12);
}

.hero-copy h1[b-fdeu5w7c3j],
.hero-copy p[b-fdeu5w7c3j],
.panel-heading h2[b-fdeu5w7c3j],
.panel-heading p[b-fdeu5w7c3j],
.now-copy h2[b-fdeu5w7c3j],
.now-copy p[b-fdeu5w7c3j],
.obligation-card h3[b-fdeu5w7c3j],
.obligation-card p[b-fdeu5w7c3j] {
    margin: 0;
}

.hero-copy h1[b-fdeu5w7c3j] {
    font-size: clamp(1.6rem, 3vw, 2.45rem);
    line-height: 1.08;
}

.hero-copy p[b-fdeu5w7c3j] {
    margin-top: .25rem;
    color: rgba(255, 255, 255, .8);
}

.admin-alert[b-fdeu5w7c3j] {
    margin-top: 1rem;
}

.admin-loading[b-fdeu5w7c3j] {
    min-height: 14rem;
    margin-top: 1rem;
    display: grid;
    place-items: center;
    align-content: center;
    gap: .6rem;
    text-align: center;
    background: var(--mud-palette-surface);
}

.admin-loading span[b-fdeu5w7c3j] {
    color: var(--mud-palette-text-secondary);
}

.now-section[b-fdeu5w7c3j] {
    margin-top: 1rem;
    min-height: 8rem;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem 1.4rem;
    background: linear-gradient(110deg, rgba(17, 156, 120, .18), rgba(30, 41, 59, .72));
}

.now-section.needs-action[b-fdeu5w7c3j] {
    border-color: rgba(245, 158, 11, .48);
    background: linear-gradient(110deg, rgba(245, 158, 11, .15), rgba(30, 41, 59, .72));
}

.now-icon[b-fdeu5w7c3j] {
    width: 3.25rem;
    height: 3.25rem;
    border-radius: 16px;
    color: #58dfb4;
    background: rgba(16, 185, 129, .15);
}

.needs-action .now-icon[b-fdeu5w7c3j] {
    color: #fbbf24;
    background: rgba(245, 158, 11, .16);
}

.now-copy > span[b-fdeu5w7c3j],
.panel-heading > div:nth-child(2) > span[b-fdeu5w7c3j],
.panel-heading.compact > div:last-child > span[b-fdeu5w7c3j],
.obligation-card small[b-fdeu5w7c3j] {
    display: block;
    color: var(--mud-palette-text-secondary);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.now-copy h2[b-fdeu5w7c3j] {
    margin-top: .12rem;
    font-size: clamp(1.25rem, 2vw, 1.65rem);
}

.now-copy p[b-fdeu5w7c3j] {
    margin-top: .25rem;
    color: var(--mud-palette-text-secondary);
}

.now-amount[b-fdeu5w7c3j] {
    display: block;
    margin-top: .55rem;
    font-size: 1.5rem;
}

.obligations[b-fdeu5w7c3j] {
    margin-top: 1rem;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .85rem;
}

.obligation-card[b-fdeu5w7c3j] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    padding: 1rem;
    background: var(--mud-palette-surface);
    border-top: 3px solid #64748b;
}

.obligation-card.status-ok[b-fdeu5w7c3j] { border-top-color: #10b981; }
.obligation-card.status-action[b-fdeu5w7c3j] { border-top-color: #f59e0b; }
.obligation-card.status-watch[b-fdeu5w7c3j] { border-top-color: #8b5cf6; }
.obligation-card.status-waiting[b-fdeu5w7c3j] { border-top-color: #38bdf8; }
.obligation-card.status-verify[b-fdeu5w7c3j] { border-top-color: #fb7185; }

.obligation-card header[b-fdeu5w7c3j] {
    display: flex;
    gap: .8rem;
    align-items: flex-start;
}

.obligation-icon[b-fdeu5w7c3j] {
    width: 2.65rem;
    height: 2.65rem;
    border-radius: 12px;
    color: #7dd3fc;
    background: rgba(59, 130, 246, .14);
}

.obligation-card h3[b-fdeu5w7c3j] {
    line-height: 1.2;
}

.status-pill[b-fdeu5w7c3j] {
    display: inline-flex;
    width: max-content;
    margin-top: .35rem;
    padding: .2rem .5rem;
    border-radius: 999px;
    color: #cbd5e1;
    background: rgba(100, 116, 139, .18);
    font-size: .68rem;
    font-weight: 850;
    letter-spacing: .04em;
}

.status-pill.status-ok[b-fdeu5w7c3j],
.status-ok .status-pill[b-fdeu5w7c3j] { color: #6ee7b7; background: rgba(16, 185, 129, .14); }
.status-pill.status-action[b-fdeu5w7c3j],
.status-action .status-pill[b-fdeu5w7c3j] { color: #fcd34d; background: rgba(245, 158, 11, .14); }
.status-pill.status-watch[b-fdeu5w7c3j],
.status-watch .status-pill[b-fdeu5w7c3j] { color: #c4b5fd; background: rgba(139, 92, 246, .15); }
.status-pill.status-waiting[b-fdeu5w7c3j],
.status-waiting .status-pill[b-fdeu5w7c3j] { color: #7dd3fc; background: rgba(14, 165, 233, .14); }
.status-pill.status-verify[b-fdeu5w7c3j],
.status-verify .status-pill[b-fdeu5w7c3j] { color: #fda4af; background: rgba(244, 63, 94, .14); }

.obligation-card > p[b-fdeu5w7c3j] {
    flex: 1;
    margin-top: .8rem;
    color: var(--mud-palette-text-secondary);
    line-height: 1.45;
}

.card-amount[b-fdeu5w7c3j] {
    display: block;
    margin-top: .7rem;
    color: #93c5fd;
}

.card-meta[b-fdeu5w7c3j] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .65rem;
    margin-top: 1rem;
}

.card-meta span[b-fdeu5w7c3j] {
    min-width: 0;
}

.card-meta strong[b-fdeu5w7c3j] {
    display: block;
    margin-top: .2rem;
    overflow-wrap: anywhere;
}

.obligation-card footer[b-fdeu5w7c3j] {
    display: flex;
    justify-content: flex-end;
    min-height: 2.5rem;
    margin-top: .45rem;
}

.admin-panel[b-fdeu5w7c3j] {
    margin-top: 1rem;
    padding: 1.25rem;
    background: var(--mud-palette-surface);
}

.panel-heading[b-fdeu5w7c3j] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: .85rem;
    margin-bottom: 1rem;
}

.panel-heading h2[b-fdeu5w7c3j] {
    font-size: 1.4rem;
}

.panel-heading p[b-fdeu5w7c3j] {
    margin-top: .18rem;
    color: var(--mud-palette-text-secondary);
}

.panel-icon[b-fdeu5w7c3j] {
    width: 3rem;
    height: 3rem;
    border-radius: 14px;
    color: #fff;
}

.panel-icon.vat[b-fdeu5w7c3j] { background: linear-gradient(135deg, #7c3aed, #3b82f6); }
.panel-icon.reserves[b-fdeu5w7c3j] { background: linear-gradient(135deg, #059669, #0ea5e9); }
.panel-icon.stripe[b-fdeu5w7c3j] { background: linear-gradient(135deg, #635bff, #a855f7); }
.panel-icon.documents[b-fdeu5w7c3j] { background: linear-gradient(135deg, #0f766e, #2563eb); }
.panel-icon.export[b-fdeu5w7c3j] { background: linear-gradient(135deg, #c2410c, #db2777); }
.panel-icon.configuration[b-fdeu5w7c3j] { background: linear-gradient(135deg, #475569, #2563eb); }

.vat-layout[b-fdeu5w7c3j],
.reconciliation-grid[b-fdeu5w7c3j] {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(16rem, .65fr);
    gap: 1rem;
}

.vat-gauge[b-fdeu5w7c3j],
.thresholds[b-fdeu5w7c3j],
.reconciliation-grid article[b-fdeu5w7c3j],
.reserve-result[b-fdeu5w7c3j],
.reserve-breakdown[b-fdeu5w7c3j],
.difference-result[b-fdeu5w7c3j] {
    border: 1px solid rgba(148, 163, 184, .18);
    border-radius: 15px;
    padding: 1rem;
    background: rgba(15, 23, 42, .25);
}

.gauge-track[b-fdeu5w7c3j] {
    height: .8rem;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(148, 163, 184, .15);
}

.gauge-track i[b-fdeu5w7c3j] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: #10b981;
}

.gauge-track i.status-watch[b-fdeu5w7c3j] { background: #f59e0b; }
.gauge-track i.status-action[b-fdeu5w7c3j],
.gauge-track i.status-verify[b-fdeu5w7c3j] { background: #fb7185; }

.gauge-amounts[b-fdeu5w7c3j] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: .75rem;
    margin-top: .75rem;
}

.gauge-amounts strong[b-fdeu5w7c3j] {
    font-size: clamp(1.5rem, 3vw, 2.15rem);
}

.vat-gauge p[b-fdeu5w7c3j] {
    margin: .5rem 0 0;
    color: var(--mud-palette-text-secondary);
}

.thresholds[b-fdeu5w7c3j],
.reserve-breakdown[b-fdeu5w7c3j],
.reconciliation-grid dl[b-fdeu5w7c3j] {
    margin: 0;
}

.thresholds div[b-fdeu5w7c3j],
.reserve-breakdown > div[b-fdeu5w7c3j],
.reconciliation-grid dl div[b-fdeu5w7c3j] {
    display: flex;
    justify-content: space-between;
    gap: .8rem;
    padding: .5rem 0;
    border-bottom: 1px solid rgba(148, 163, 184, .12);
}

.thresholds div:last-child[b-fdeu5w7c3j],
.reserve-breakdown > div:last-child[b-fdeu5w7c3j],
.reconciliation-grid dl div:last-child[b-fdeu5w7c3j] {
    border: 0;
}

.thresholds dt[b-fdeu5w7c3j],
.reconciliation-grid dt[b-fdeu5w7c3j] {
    color: var(--mud-palette-text-secondary);
}

.settings-details[b-fdeu5w7c3j] {
    margin-top: 1rem;
    border-top: 1px solid rgba(148, 163, 184, .16);
    padding-top: .85rem;
}

.settings-details summary[b-fdeu5w7c3j] {
    display: flex;
    align-items: center;
    gap: .45rem;
    width: max-content;
    max-width: 100%;
    cursor: pointer;
    font-weight: 750;
}

.settings-grid[b-fdeu5w7c3j] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
    margin: .9rem 0;
}

.reserve-result[b-fdeu5w7c3j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border-color: rgba(16, 185, 129, .32);
    background: linear-gradient(100deg, rgba(16, 185, 129, .12), rgba(59, 130, 246, .08));
}

.reserve-result strong[b-fdeu5w7c3j] {
    font-size: clamp(1.5rem, 3vw, 2rem);
    color: #6ee7b7;
}

.reserve-breakdown[b-fdeu5w7c3j] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 1.2rem;
    margin-top: .75rem;
}

.reconciliation-grid article > span[b-fdeu5w7c3j] {
    display: block;
    margin-bottom: .55rem;
    font-weight: 800;
}

.reconciliation-grid article:last-child[b-fdeu5w7c3j] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
}

.reconciliation-grid article:last-child > span[b-fdeu5w7c3j] {
    grid-column: 1 / -1;
}

.difference-result[b-fdeu5w7c3j] {
    display: flex;
    align-items: center;
    gap: .7rem;
    margin-top: .8rem;
}

.difference-result div[b-fdeu5w7c3j] {
    display: grid;
    flex: 1;
}

.difference-result strong[b-fdeu5w7c3j] {
    font-size: 1.2rem;
}

.panel-actions[b-fdeu5w7c3j],
.export-actions[b-fdeu5w7c3j],
.task-document-row[b-fdeu5w7c3j] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .7rem;
    margin-top: .85rem;
}

.upload-action[b-fdeu5w7c3j] {
    display: inline-flex;
    position: relative;
    align-items: center;
    gap: .35rem;
    min-height: 2.5rem;
    padding: .45rem .8rem;
    border: 1px solid var(--mud-palette-primary);
    border-radius: 8px;
    color: var(--mud-palette-primary);
    cursor: pointer;
    font-weight: 700;
}

.upload-action input[b-fdeu5w7c3j] {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}

.empty-documents[b-fdeu5w7c3j] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    min-height: 6rem;
    color: var(--mud-palette-text-secondary);
}

.declaration-upload-row[b-fdeu5w7c3j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
    margin-bottom: .75rem;
    padding: .75rem;
    border: 1px solid rgba(59, 130, 246, .2);
    border-radius: 13px;
    background: rgba(59, 130, 246, .07);
}

.declaration-upload-row > div[b-fdeu5w7c3j] {
    display: grid;
}

.declaration-upload-row span[b-fdeu5w7c3j] {
    color: var(--mud-palette-text-secondary);
    font-size: .8rem;
}

.document-list[b-fdeu5w7c3j] {
    display: grid;
    gap: .5rem;
}

.document-list article[b-fdeu5w7c3j] {
    display: grid;
    grid-template-columns: auto 1fr auto auto;
    align-items: center;
    gap: .7rem;
    min-width: 0;
    padding: .65rem .75rem;
    border-radius: 12px;
    background: rgba(148, 163, 184, .07);
}

.document-list article > div[b-fdeu5w7c3j] {
    display: grid;
    min-width: 0;
}

.document-list strong[b-fdeu5w7c3j],
.document-list span[b-fdeu5w7c3j] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.document-list span[b-fdeu5w7c3j] {
    color: var(--mud-palette-text-secondary);
    font-size: .8rem;
}

.export-actions > :first-child[b-fdeu5w7c3j] {
    min-width: 8rem;
}

.task-overlay[b-fdeu5w7c3j] {
    position: fixed;
    z-index: 1400;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(2, 6, 23, .82);
    backdrop-filter: blur(5px);
}

.task-modal[b-fdeu5w7c3j] {
    width: min(100%, 720px);
    max-height: calc(100dvh - 2rem);
    overflow: auto;
    border: 1px solid rgba(96, 165, 250, .38);
    border-radius: 18px;
    background: var(--mud-palette-surface);
    box-shadow: 0 24px 80px rgba(0, 0, 0, .48);
}

.task-modal > header[b-fdeu5w7c3j],
.task-modal > footer[b-fdeu5w7c3j] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: 1rem 1.1rem;
}

.task-modal > header[b-fdeu5w7c3j] {
    justify-content: space-between;
    border-bottom: 1px solid rgba(148, 163, 184, .16);
}

.task-modal > header span[b-fdeu5w7c3j] {
    color: var(--mud-palette-primary);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.task-modal h2[b-fdeu5w7c3j] {
    margin: .15rem 0 0;
}

.task-form[b-fdeu5w7c3j] {
    padding: 1rem 1.1rem;
}

.task-modal > footer[b-fdeu5w7c3j] {
    border-top: 1px solid rgba(148, 163, 184, .16);
}

.task-modal > footer span[b-fdeu5w7c3j] {
    flex: 1;
}

@media (max-width: 1050px) {
    .obligations[b-fdeu5w7c3j] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .settings-grid[b-fdeu5w7c3j] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
    .finance-admin-page[b-fdeu5w7c3j] { width: min(100% - 1rem, 1480px); padding-top: .65rem; }
    .admin-hero[b-fdeu5w7c3j],
    .now-section[b-fdeu5w7c3j] { grid-template-columns: auto 1fr; padding: 1rem; }
    .admin-hero > :last-child[b-fdeu5w7c3j],
    .now-section > :last-child[b-fdeu5w7c3j] { grid-column: 1 / -1; justify-self: stretch; }
    .now-section > :last-child[b-fdeu5w7c3j]  .mud-button-root { width: 100%; }
    .obligations[b-fdeu5w7c3j],
    .vat-layout[b-fdeu5w7c3j],
    .reconciliation-grid[b-fdeu5w7c3j],
    .settings-grid[b-fdeu5w7c3j],
    .reserve-breakdown[b-fdeu5w7c3j] { grid-template-columns: 1fr; }
    .panel-heading[b-fdeu5w7c3j] { grid-template-columns: auto 1fr; }
    .panel-heading > :last-child:not(:nth-child(2))[b-fdeu5w7c3j] { grid-column: 1 / -1; }
    .reconciliation-grid article:last-child[b-fdeu5w7c3j] { grid-template-columns: 1fr; }
    .document-list article[b-fdeu5w7c3j] { grid-template-columns: auto 1fr auto; }
    .document-list article[b-fdeu5w7c3j]  .mud-button-root { grid-column: 2 / -1; justify-self: start; }
    .export-actions[b-fdeu5w7c3j] { align-items: stretch; flex-direction: column; }
    .declaration-upload-row[b-fdeu5w7c3j] { align-items: stretch; flex-direction: column; }
    .task-modal > footer[b-fdeu5w7c3j] { flex-wrap: wrap; }
    .task-modal > footer span[b-fdeu5w7c3j] { display: none; }
}

@media (max-width: 480px) {
    .hero-mark[b-fdeu5w7c3j],
    .now-icon[b-fdeu5w7c3j] { width: 2.8rem; height: 2.8rem; }
    .obligations[b-fdeu5w7c3j] { grid-template-columns: minmax(0, 1fr); }
    .card-meta[b-fdeu5w7c3j] { grid-template-columns: 1fr; }
    .reserve-result[b-fdeu5w7c3j],
    .thresholds div[b-fdeu5w7c3j],
    .reserve-breakdown > div[b-fdeu5w7c3j] { align-items: flex-start; flex-direction: column; }
    .difference-result[b-fdeu5w7c3j] { align-items: flex-start; flex-wrap: wrap; }
    .difference-result small[b-fdeu5w7c3j] { width: 100%; }
    .document-list article[b-fdeu5w7c3j] { grid-template-columns: auto minmax(0, 1fr); }
    .document-list article > :nth-child(n+3)[b-fdeu5w7c3j] { grid-column: 2; justify-self: start; }
}
/* /Pages/AdminFinanceAnnual.razor.rz.scp.css */
.annual-page[b-uyfitn0gqc] { max-width:1540px; margin:0 auto; padding:clamp(1rem,2.4vw,2.2rem) 0 4rem; }
.annual-hero[b-uyfitn0gqc] { display:grid; grid-template-columns:auto minmax(0,1fr) auto auto; gap:1.25rem; align-items:center; margin-bottom:1.2rem; padding:clamp(1.35rem,3vw,2rem); border-radius:25px; color:#fff; background:radial-gradient(circle at 86% 10%,rgba(96,165,250,.32),transparent 30%),radial-gradient(circle at 12% 110%,rgba(245,158,11,.28),transparent 34%),linear-gradient(135deg,#172554,#312e81 52%,#4c1d95); box-shadow:0 22px 50px rgba(30,41,99,.23); }
.hero-mark[b-uyfitn0gqc] { display:grid; place-items:center; width:62px; height:62px; border-radius:19px; background:rgba(255,255,255,.14); }
.hero-mark[b-uyfitn0gqc]  svg { font-size:2rem; }
.hero-copy[b-uyfitn0gqc]  .mud-typography-overline { color:#bfdbfe; font-weight:850; }
.hero-copy[b-uyfitn0gqc]  h1 { margin:.12rem 0 .32rem; font-size:clamp(1.75rem,3vw,2.8rem); line-height:1.08; }
.hero-copy[b-uyfitn0gqc]  .mud-typography-body1 { color:#e0e7ff; max-width:780px; }
.year-picker[b-uyfitn0gqc] { display:flex; align-items:center; gap:.2rem; padding:.25rem; border:1px solid rgba(255,255,255,.2); border-radius:15px; background:rgba(255,255,255,.1); }
.year-picker strong[b-uyfitn0gqc] { min-width:76px; text-align:center; font-size:1.25rem; font-variant-numeric:tabular-nums; }
.annual-alert[b-uyfitn0gqc] { margin-bottom:1rem; border-radius:16px; }
.annual-loading[b-uyfitn0gqc] { min-height:420px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.7rem; color:var(--mud-palette-text-secondary); text-align:center; }
.annual-loading strong[b-uyfitn0gqc] { color:var(--mud-palette-text-primary); font-size:1.15rem; }
.annual-metrics[b-uyfitn0gqc] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; margin-bottom:1rem; }
.annual-story-grid[b-uyfitn0gqc] { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(300px,.55fr); gap:1rem; margin-bottom:1rem; align-items:start; }
.annual-chart-card[b-uyfitn0gqc],.month-grid-section[b-uyfitn0gqc],.annual-declarations[b-uyfitn0gqc],.annual-administration[b-uyfitn0gqc] { padding:clamp(1.15rem,2.5vw,1.75rem); border:1px solid var(--mud-palette-lines-default); border-radius:22px; background:var(--mud-palette-surface); box-shadow:0 14px 36px rgba(2,6,23,.09); }
.section-heading[b-uyfitn0gqc] { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; margin-bottom:1.1rem; }
.section-heading[b-uyfitn0gqc]  .mud-typography-overline { color:#8b5cf6; font-weight:850; }
.section-heading[b-uyfitn0gqc]  h2 { margin:.1rem 0 .2rem; font-size:clamp(1.4rem,2.4vw,2rem); }
.year-badge[b-uyfitn0gqc] { padding:.48rem .75rem; border-radius:999px; color:#8b5cf6; background:rgba(139,92,246,.11); font-weight:850; }
.chart-wrap[b-uyfitn0gqc] { min-height:370px; overflow:hidden; }
.annual-empty[b-uyfitn0gqc] { min-height:360px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.6rem; color:var(--mud-palette-text-secondary); text-align:center; }
.annual-empty[b-uyfitn0gqc]  svg { color:#8b5cf6; font-size:2.8rem; }
.annual-empty strong[b-uyfitn0gqc] { color:var(--mud-palette-text-primary); }
.annual-highlights[b-uyfitn0gqc] { display:flex; flex-direction:column; gap:.8rem; }
.highlight-card[b-uyfitn0gqc] { display:grid; grid-template-columns:50px minmax(0,1fr); gap:.85rem; align-items:center; padding:1rem; border:1px solid var(--mud-palette-lines-default); border-radius:18px; background:var(--mud-palette-surface); box-shadow:0 10px 25px rgba(2,6,23,.07); }
.highlight-card > span[b-uyfitn0gqc] { display:grid; place-items:center; width:50px; height:50px; border-radius:15px; }
.highlight-card > div[b-uyfitn0gqc] { min-width:0; display:flex; flex-direction:column; }
.highlight-card small[b-uyfitn0gqc] { color:var(--mud-palette-text-secondary); font-size:.75rem; font-weight:700; }
.highlight-card strong[b-uyfitn0gqc] { font-size:1.3rem; overflow-wrap:anywhere; }
.highlight-card b[b-uyfitn0gqc] { color:var(--mud-palette-text-secondary); font-size:.78rem; font-weight:650; }
.highlight-card.best > span[b-uyfitn0gqc] { color:#f59e0b; background:rgba(245,158,11,.13); }
.highlight-card.clients > span[b-uyfitn0gqc] { color:#3b82f6; background:rgba(59,130,246,.12); }
.highlight-card.subscriptions > span[b-uyfitn0gqc] { color:#8b5cf6; background:rgba(139,92,246,.12); }
.highlight-card.refunds > span[b-uyfitn0gqc] { color:#ec4899; background:rgba(236,72,153,.12); }
.month-grid-section[b-uyfitn0gqc] { margin-bottom:1rem; }
.month-grid[b-uyfitn0gqc] { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.75rem; }
.month-card[b-uyfitn0gqc] { padding:.9rem; border:1px solid var(--mud-palette-lines-default); border-top-width:4px; border-radius:16px; background:color-mix(in srgb,var(--mud-palette-surface) 96%,transparent); }
.month-card.positive[b-uyfitn0gqc] { border-top-color:#10b981; }
.month-card.negative[b-uyfitn0gqc] { border-top-color:#ef4444; }
.month-card.neutral[b-uyfitn0gqc] { border-top-color:#64748b; }
.month-card > header[b-uyfitn0gqc] { display:flex; align-items:center; justify-content:space-between; gap:.6rem; margin-bottom:.75rem; }
.month-card > header strong[b-uyfitn0gqc] { font-size:1rem; }
.month-card > header span[b-uyfitn0gqc] { padding:.28rem .42rem; border-radius:999px; font-size:.62rem; font-weight:850; }
.month-card.positive > header span[b-uyfitn0gqc] { color:#10b981; background:rgba(16,185,129,.11); }
.month-card.negative > header span[b-uyfitn0gqc] { color:#ef4444; background:rgba(239,68,68,.1); }
.month-card.neutral > header span[b-uyfitn0gqc] { color:#64748b; background:rgba(100,116,139,.1); }
.month-card dl[b-uyfitn0gqc] { margin:0; display:flex; flex-direction:column; gap:.42rem; }
.month-card dl > div[b-uyfitn0gqc] { display:flex; justify-content:space-between; gap:.7rem; }
.month-card dt[b-uyfitn0gqc] { color:var(--mud-palette-text-secondary); font-size:.73rem; }
.month-card dd[b-uyfitn0gqc] { margin:0; font-size:.78rem; font-weight:750; font-variant-numeric:tabular-nums; text-align:right; }
.month-card .month-result[b-uyfitn0gqc] { margin-top:.25rem; padding-top:.45rem; border-top:1px solid var(--mud-palette-lines-default); }
.month-card .month-result dt[b-uyfitn0gqc],.month-card .month-result dd[b-uyfitn0gqc] { color:var(--mud-palette-text-primary); font-weight:850; }
.declaration-list[b-uyfitn0gqc] { display:flex; flex-direction:column; gap:.65rem; }
.declaration-list article[b-uyfitn0gqc] { display:grid; grid-template-columns:44px minmax(180px,1.2fr) minmax(140px,.7fr) minmax(140px,.7fr); gap:.8rem; align-items:center; padding:.85rem; border:1px solid var(--mud-palette-lines-default); border-radius:15px; }
.declaration-list article > span[b-uyfitn0gqc] { display:grid; place-items:center; width:42px; height:42px; border-radius:13px; color:#10b981; background:rgba(16,185,129,.11); }
.declaration-list article > div[b-uyfitn0gqc] { display:flex; flex-direction:column; min-width:0; }
.declaration-list small[b-uyfitn0gqc] { color:var(--mud-palette-text-secondary); font-size:.72rem; }
.declaration-list strong[b-uyfitn0gqc] { overflow-wrap:anywhere; }
.declaration-empty[b-uyfitn0gqc] { min-height:170px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.55rem; color:var(--mud-palette-text-secondary); text-align:center; }
.declaration-empty[b-uyfitn0gqc]  svg { font-size:2.6rem; color:#10b981; }
.declaration-empty strong[b-uyfitn0gqc] { color:var(--mud-palette-text-primary); }
.annual-administration[b-uyfitn0gqc] { margin-top:1rem; }
.annual-admin-grid[b-uyfitn0gqc] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.75rem; }
.annual-admin-grid > article[b-uyfitn0gqc] { display:flex; flex-direction:column; gap:.45rem; min-width:0; padding:1rem; border:1px solid var(--mud-palette-lines-default); border-radius:16px; background:rgba(148,163,184,.05); }
.annual-admin-grid > article > span[b-uyfitn0gqc] { display:flex; align-items:center; gap:.35rem; color:var(--mud-palette-text-secondary); }
.annual-vat-state[b-uyfitn0gqc] { display:grid!important; grid-template-columns:46px minmax(0,1fr); align-items:center; }
.annual-vat-state > span[b-uyfitn0gqc] { display:grid!important; place-items:center; width:46px; height:46px; border-radius:13px; color:#c4b5fd!important; background:rgba(139,92,246,.13); }
.annual-vat-state > div[b-uyfitn0gqc] { display:grid; }
.annual-vat-state small[b-uyfitn0gqc],.annual-vat-state p[b-uyfitn0gqc] { color:var(--mud-palette-text-secondary); }
.annual-vat-state p[b-uyfitn0gqc] { margin:.2rem 0 0; }
@media (max-width:1150px) { .annual-metrics[b-uyfitn0gqc] { grid-template-columns:repeat(2,minmax(0,1fr)); } .annual-story-grid[b-uyfitn0gqc] { grid-template-columns:1fr; } .annual-highlights[b-uyfitn0gqc] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); } .month-grid[b-uyfitn0gqc] { grid-template-columns:repeat(3,minmax(0,1fr)); } .annual-admin-grid[b-uyfitn0gqc] { grid-template-columns:1fr 1fr; } .annual-vat-state[b-uyfitn0gqc] { grid-column:1/-1; } }
@media (max-width:820px) { .month-grid[b-uyfitn0gqc] { grid-template-columns:repeat(2,minmax(0,1fr)); } .declaration-list article[b-uyfitn0gqc] { grid-template-columns:44px 1fr; } .declaration-list article > div:not(.declaration-period)[b-uyfitn0gqc] { grid-column:2; } }
@media (max-width:700px) { .annual-hero[b-uyfitn0gqc] { grid-template-columns:auto 1fr; padding:1.1rem; border-radius:20px; } .hero-mark[b-uyfitn0gqc] { width:50px; height:50px; border-radius:15px; } .year-picker[b-uyfitn0gqc] { grid-column:1/-1; justify-self:stretch; justify-content:center; } .print-button[b-uyfitn0gqc] { grid-column:1/-1; } .annual-metrics[b-uyfitn0gqc] { grid-template-columns:1fr; } .section-heading[b-uyfitn0gqc] { flex-direction:column; } .annual-highlights[b-uyfitn0gqc],.annual-admin-grid[b-uyfitn0gqc] { grid-template-columns:1fr; } .annual-vat-state[b-uyfitn0gqc] { grid-column:auto; } }
@media (max-width:500px) { .hero-copy[b-uyfitn0gqc]  h1 { font-size:1.48rem; } .annual-chart-card[b-uyfitn0gqc],.month-grid-section[b-uyfitn0gqc],.annual-declarations[b-uyfitn0gqc],.annual-administration[b-uyfitn0gqc] { padding:.9rem; border-radius:18px; } .month-grid[b-uyfitn0gqc] { grid-template-columns:1fr; } }

@media print {
    .annual-page[b-uyfitn0gqc] { max-width:none; padding:0; color:#111; }
    .annual-hero[b-uyfitn0gqc] { color:#111; background:#fff; box-shadow:none; border:1px solid #999; }
    .hero-mark[b-uyfitn0gqc],.year-picker[b-uyfitn0gqc],.print-button[b-uyfitn0gqc],.annual-chart-card[b-uyfitn0gqc],.month-grid-section .section-heading p[b-uyfitn0gqc],.annual-declarations .mud-button-root[b-uyfitn0gqc],.annual-administration .mud-button-root[b-uyfitn0gqc] { display:none!important; }
    .annual-hero[b-uyfitn0gqc] { grid-template-columns:1fr; }
    .hero-copy[b-uyfitn0gqc]  .mud-typography-overline,.hero-copy[b-uyfitn0gqc]  .mud-typography-body1 { color:#333; }
    .annual-metrics[b-uyfitn0gqc],.month-grid[b-uyfitn0gqc] { grid-template-columns:repeat(3,1fr); }
    .annual-story-grid[b-uyfitn0gqc] { display:none; }
    .month-card[b-uyfitn0gqc],.annual-declarations[b-uyfitn0gqc],.annual-administration[b-uyfitn0gqc],.month-grid-section[b-uyfitn0gqc] { break-inside:avoid; box-shadow:none; border-color:#aaa; background:#fff; }
    .annual-admin-grid[b-uyfitn0gqc] { grid-template-columns:repeat(3,1fr); }
}
/* /Pages/AdminFinanceTransactions.razor.rz.scp.css */
.finance-ledger-page[b-h8ogqab71n] { max-width: 1480px; margin:0 auto; padding:clamp(1rem,2.4vw,2.2rem) 0 4rem; }
.ledger-hero[b-h8ogqab71n] { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:1.25rem; align-items:center; margin-bottom:1.2rem; padding:clamp(1.35rem,3vw,2rem); border-radius:25px; color:#fff; background:radial-gradient(circle at 85% 10%,rgba(251,191,36,.26),transparent 31%),radial-gradient(circle at 12% 110%,rgba(236,72,153,.26),transparent 34%),linear-gradient(135deg,#3b0764,#701a75 50%,#831843); box-shadow:0 22px 50px rgba(76,5,87,.22); }
.hero-mark[b-h8ogqab71n] { display:grid; place-items:center; width:62px; height:62px; border-radius:19px; background:rgba(255,255,255,.14); }
.hero-mark[b-h8ogqab71n]  svg { font-size:2rem; }
.hero-copy[b-h8ogqab71n]  .mud-typography-overline { color:#fbcfe8; font-weight:850; }
.hero-copy[b-h8ogqab71n]  h1 { margin:.12rem 0 .32rem; font-size:clamp(1.75rem,3vw,2.8rem); line-height:1.08; }
.hero-copy[b-h8ogqab71n]  .mud-typography-body1 { color:#fce7f3; max-width:780px; }
.ledger-alert[b-h8ogqab71n] { margin-bottom:1rem; border-radius:16px; }
.ledger-loading[b-h8ogqab71n] { min-height:420px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.7rem; color:var(--mud-palette-text-secondary); text-align:center; }
.ledger-loading strong[b-h8ogqab71n] { color:var(--mud-palette-text-primary); font-size:1.15rem; }
.ledger-summary[b-h8ogqab71n] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; margin-bottom:1rem; }
.ledger-summary article[b-h8ogqab71n] { display:grid; grid-template-columns:50px minmax(0,1fr); gap:.9rem; align-items:center; padding:1rem 1.15rem; border:1px solid var(--mud-palette-lines-default); border-radius:18px; background:var(--mud-palette-surface); box-shadow:0 10px 26px rgba(2,6,23,.08); }
.ledger-summary article > span[b-h8ogqab71n] { display:grid; place-items:center; width:50px; height:50px; border-radius:15px; }
.ledger-summary div[b-h8ogqab71n] { min-width:0; display:flex; flex-direction:column; }
.ledger-summary small[b-h8ogqab71n] { color:var(--mud-palette-text-secondary); font-weight:700; }
.ledger-summary strong[b-h8ogqab71n] { font-size:1.45rem; font-variant-numeric:tabular-nums; }
.summary-in > span[b-h8ogqab71n] { color:#10b981; background:rgba(16,185,129,.13); }
.summary-out > span[b-h8ogqab71n] { color:#ef4444; background:rgba(239,68,68,.12); }
.summary-count > span[b-h8ogqab71n] { color:#8b5cf6; background:rgba(139,92,246,.12); }
.ledger-workspace[b-h8ogqab71n] { padding:clamp(1.1rem,2.4vw,1.7rem); border:1px solid var(--mud-palette-lines-default); border-radius:22px; background:var(--mud-palette-surface); box-shadow:0 14px 36px rgba(2,6,23,.09); }
.workspace-heading[b-h8ogqab71n] { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; margin-bottom:1.2rem; }
.workspace-heading[b-h8ogqab71n]  .mud-typography-overline { color:#ec4899; font-weight:800; }
.workspace-heading[b-h8ogqab71n]  h2 { margin:.1rem 0 .2rem; font-size:clamp(1.4rem,2.4vw,2rem); }
.date-range[b-h8ogqab71n] { flex:0 0 auto; padding:.48rem .7rem; border-radius:999px; color:var(--mud-palette-text-secondary); background:color-mix(in srgb,var(--mud-palette-surface) 88%,#ec4899 12%); font-size:.75rem; font-weight:750; }
.ledger-toolbar[b-h8ogqab71n] { display:grid; grid-template-columns:minmax(220px,1.4fr) minmax(150px,.55fr) minmax(160px,.6fr); gap:.8rem; margin-bottom:1rem; }
.ledger-list[b-h8ogqab71n] { display:flex; flex-direction:column; gap:.7rem; }
.ledger-row[b-h8ogqab71n] { display:grid; grid-template-columns:50px minmax(0,1fr) auto; gap:1rem; align-items:center; padding:1rem; border:1px solid var(--mud-palette-lines-default); border-left-width:4px; border-radius:17px; background:color-mix(in srgb,var(--mud-palette-surface) 96%,transparent); transition:transform .12s ease,border-color .12s ease; }
.ledger-row:hover[b-h8ogqab71n] { transform:translateY(-1px); }
.kind-revenue[b-h8ogqab71n] { border-left-color:#10b981; }
.kind-refund[b-h8ogqab71n] { border-left-color:#f59e0b; }
.kind-expense[b-h8ogqab71n] { border-left-color:#ef4444; }
.movement-icon[b-h8ogqab71n] { display:grid; place-items:center; width:48px; height:48px; border-radius:14px; }
.kind-revenue .movement-icon[b-h8ogqab71n] { color:#10b981; background:rgba(16,185,129,.12); }
.kind-refund .movement-icon[b-h8ogqab71n] { color:#f59e0b; background:rgba(245,158,11,.13); }
.kind-expense .movement-icon[b-h8ogqab71n] { color:#ef4444; background:rgba(239,68,68,.11); }
.movement-main[b-h8ogqab71n] { min-width:0; }
.movement-heading[b-h8ogqab71n] { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; }
.movement-heading > div[b-h8ogqab71n] { min-width:0; display:flex; flex-direction:column; }
.movement-heading strong[b-h8ogqab71n] { font-size:1rem; overflow-wrap:anywhere; }
.movement-heading span[b-h8ogqab71n] { color:var(--mud-palette-text-secondary); font-size:.78rem; }
.movement-heading b[b-h8ogqab71n] { flex:0 0 auto; font-size:1.08rem; font-variant-numeric:tabular-nums; white-space:nowrap; }
.amount-positive[b-h8ogqab71n] { color:#10b981; }
.amount-negative[b-h8ogqab71n] { color:#ef4444; }
.movement-details[b-h8ogqab71n] { display:flex; flex-wrap:wrap; gap:.45rem .75rem; margin-top:.55rem; }
.movement-details span[b-h8ogqab71n] { display:inline-flex; align-items:center; gap:.28rem; min-width:0; color:var(--mud-palette-text-secondary); font-size:.76rem; }
.movement-details .reference[b-h8ogqab71n] { max-width:300px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.movement-note[b-h8ogqab71n] { margin:.55rem 0 0; padding:.55rem .7rem; border-radius:10px; color:var(--mud-palette-text-secondary); background:color-mix(in srgb,var(--mud-palette-surface) 91%,var(--mud-palette-primary) 9%); font-size:.8rem; line-height:1.45; }
.locked-source[b-h8ogqab71n] { display:grid; place-items:center; width:40px; height:40px; color:var(--mud-palette-text-secondary); opacity:.65; }
.ledger-empty[b-h8ogqab71n] { min-height:280px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.6rem; text-align:center; color:var(--mud-palette-text-secondary); }
.ledger-empty[b-h8ogqab71n]  svg { font-size:2.8rem; color:#a78bfa; }
.ledger-empty strong[b-h8ogqab71n] { color:var(--mud-palette-text-primary); }
.expense-overlay[b-h8ogqab71n] { position:fixed; inset:0; z-index:1400; display:grid; place-items:center; padding:1rem; background:rgba(2,6,23,.74); backdrop-filter:blur(6px); overflow:auto; }
.expense-modal[b-h8ogqab71n] { width:min(720px,100%); max-height:min(900px,calc(100dvh - 2rem)); overflow:auto; border:1px solid var(--mud-palette-lines-default); border-radius:24px; background:var(--mud-palette-surface); box-shadow:0 32px 90px rgba(0,0,0,.42); }
.expense-modal > header[b-h8ogqab71n] { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:.9rem; align-items:center; padding:1.2rem 1.25rem; border-bottom:1px solid var(--mud-palette-lines-default); }
.modal-icon[b-h8ogqab71n] { display:grid; place-items:center; width:46px; height:46px; border-radius:14px; color:#fff; background:linear-gradient(135deg,#ec4899,#8b5cf6); }
.expense-modal header > div:nth-child(2)[b-h8ogqab71n] { min-width:0; display:flex; flex-direction:column; }
.expense-modal header span[b-h8ogqab71n] { color:#ec4899; font-size:.72rem; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.expense-modal header h2[b-h8ogqab71n] { margin:.1rem 0 0; font-size:1.45rem; }
.expense-form[b-h8ogqab71n] { display:flex; flex-direction:column; gap:1rem; padding:1.25rem; }
.form-row.two[b-h8ogqab71n] { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.form-help[b-h8ogqab71n] { display:grid; grid-template-columns:auto 1fr; gap:.65rem; align-items:flex-start; padding:.85rem; border-radius:13px; color:var(--mud-palette-text-secondary); background:rgba(59,130,246,.09); font-size:.8rem; line-height:1.45; }
.form-help[b-h8ogqab71n]  svg { color:#60a5fa; margin-top:.08rem; }
.vat-expense-box[b-h8ogqab71n],.expense-documents[b-h8ogqab71n] { display:grid; gap:.8rem; padding:.9rem; border:1px solid rgba(139,92,246,.25); border-radius:14px; background:rgba(139,92,246,.06); }
.vat-expense-heading[b-h8ogqab71n],.expense-documents-heading[b-h8ogqab71n] { display:flex; align-items:center; justify-content:space-between; gap:.7rem; }
.vat-expense-heading[b-h8ogqab71n] { justify-content:flex-start; }
.vat-expense-heading > div[b-h8ogqab71n],.expense-documents-heading > div[b-h8ogqab71n] { display:grid; }
.vat-expense-heading span[b-h8ogqab71n],.expense-documents-heading span[b-h8ogqab71n],.document-after-save[b-h8ogqab71n] { color:var(--mud-palette-text-secondary); font-size:.78rem; }
.expense-upload[b-h8ogqab71n] { position:relative; display:inline-flex; align-items:center; gap:.35rem; padding:.4rem .65rem; border:1px solid var(--mud-palette-primary); border-radius:8px; color:var(--mud-palette-primary); cursor:pointer; font-weight:750; }
.expense-upload input[b-h8ogqab71n] { position:absolute; inset:0; opacity:0; cursor:pointer; }
.expense-documents article[b-h8ogqab71n] { display:grid; grid-template-columns:auto minmax(0,1fr) auto auto; align-items:center; gap:.55rem; padding:.55rem; border-radius:10px; background:rgba(148,163,184,.07); }
.expense-documents article > div[b-h8ogqab71n] { display:grid; min-width:0; }
.expense-documents article strong[b-h8ogqab71n] { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.expense-documents article span[b-h8ogqab71n] { color:var(--mud-palette-text-secondary); font-size:.75rem; }
.modal-actions[b-h8ogqab71n] { display:flex; align-items:center; gap:.6rem; padding:1rem 1.25rem 1.25rem; border-top:1px solid var(--mud-palette-lines-default); }
.action-spacer[b-h8ogqab71n] { flex:1; }
.delete-warning[b-h8ogqab71n] { display:grid; grid-template-columns:auto 1fr; gap:1rem; margin:1.25rem; padding:1rem; border:1px solid rgba(239,68,68,.35); border-radius:15px; background:rgba(239,68,68,.09); }
.delete-warning[b-h8ogqab71n]  svg { color:#ef4444; font-size:2rem; }
.delete-warning p[b-h8ogqab71n] { margin:.25rem 0 0; color:var(--mud-palette-text-secondary); line-height:1.45; }
.danger-actions[b-h8ogqab71n] { justify-content:flex-end; }
@media (max-width:900px) { .ledger-summary[b-h8ogqab71n] { grid-template-columns:1fr; } .ledger-toolbar[b-h8ogqab71n] { grid-template-columns:1fr 1fr; } .ledger-toolbar > :first-child[b-h8ogqab71n] { grid-column:1/-1; } }
@media (max-width:700px) { .ledger-hero[b-h8ogqab71n] { grid-template-columns:auto 1fr; padding:1.1rem; border-radius:20px; } .hero-mark[b-h8ogqab71n] { width:50px; height:50px; border-radius:15px; } .ledger-hero[b-h8ogqab71n] >  .mud-button-root { grid-column:1/-1; width:100%; min-height:46px; } .workspace-heading[b-h8ogqab71n] { flex-direction:column; } .ledger-toolbar[b-h8ogqab71n] { grid-template-columns:1fr; } .ledger-toolbar > :first-child[b-h8ogqab71n] { grid-column:auto; } .ledger-row[b-h8ogqab71n] { grid-template-columns:44px minmax(0,1fr) auto; gap:.7rem; padding:.85rem; } .movement-icon[b-h8ogqab71n] { width:42px; height:42px; } .movement-heading[b-h8ogqab71n] { flex-direction:column; gap:.3rem; } .movement-details .reference[b-h8ogqab71n] { max-width:190px; } .form-row.two[b-h8ogqab71n] { grid-template-columns:1fr; } .vat-expense-heading[b-h8ogqab71n],.expense-documents-heading[b-h8ogqab71n] { align-items:flex-start; flex-direction:column; } .expense-documents article[b-h8ogqab71n] { grid-template-columns:auto minmax(0,1fr); } .expense-documents article > :nth-child(n+3)[b-h8ogqab71n] { grid-column:2; justify-self:start; } .modal-actions[b-h8ogqab71n] { flex-wrap:wrap; } .action-spacer[b-h8ogqab71n] { display:none; } .modal-actions[b-h8ogqab71n]  .mud-button-root { flex:1 1 140px; min-height:44px; } }
@media (max-width:480px) { .hero-copy[b-h8ogqab71n]  h1 { font-size:1.48rem; } .ledger-workspace[b-h8ogqab71n] { padding:.85rem; border-radius:18px; } .ledger-row[b-h8ogqab71n] { grid-template-columns:40px minmax(0,1fr); } .ledger-row[b-h8ogqab71n] >  .mud-icon-button-root,.locked-source[b-h8ogqab71n] { grid-column:2; justify-self:end; margin-top:-2.4rem; } .movement-icon[b-h8ogqab71n] { width:38px; height:38px; } .expense-overlay[b-h8ogqab71n] { padding:.5rem; } .expense-modal[b-h8ogqab71n] { max-height:calc(100dvh - 1rem); border-radius:18px; } .expense-modal > header[b-h8ogqab71n],.expense-form[b-h8ogqab71n] { padding:1rem; } }
/* /Pages/AdminFinanceUrssaf.razor.rz.scp.css */
.urssaf-page[b-yl2rtjw07v] { max-width:1380px; margin:0 auto; padding:clamp(1rem,2.4vw,2.2rem) 0 4rem; }
.urssaf-hero[b-yl2rtjw07v] { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:1.25rem; align-items:center; margin-bottom:1.2rem; padding:clamp(1.35rem,3vw,2rem); border-radius:25px; color:#fff; background:radial-gradient(circle at 86% 10%,rgba(16,185,129,.3),transparent 30%),radial-gradient(circle at 10% 110%,rgba(59,130,246,.3),transparent 33%),linear-gradient(135deg,#064e3b,#065f46 48%,#0f766e); box-shadow:0 22px 50px rgba(6,78,59,.22); }
.hero-mark[b-yl2rtjw07v] { display:grid; place-items:center; width:62px; height:62px; border-radius:19px; background:rgba(255,255,255,.14); }
.hero-mark[b-yl2rtjw07v]  svg { font-size:2rem; }
.hero-copy[b-yl2rtjw07v]  .mud-typography-overline { color:#a7f3d0; font-weight:850; }
.hero-copy[b-yl2rtjw07v]  h1 { margin:.12rem 0 .32rem; font-size:clamp(1.75rem,3vw,2.8rem); line-height:1.08; }
.hero-copy[b-yl2rtjw07v]  .mud-typography-body1 { max-width:800px; color:#d1fae5; }
.urssaf-alert[b-yl2rtjw07v],.urssaf-safety[b-yl2rtjw07v] { margin-bottom:1rem; border-radius:16px; }
.urssaf-loading[b-yl2rtjw07v] { min-height:420px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.7rem; color:var(--mud-palette-text-secondary); text-align:center; }
.urssaf-loading strong[b-yl2rtjw07v] { color:var(--mud-palette-text-primary); font-size:1.15rem; }
.setup-card[b-yl2rtjw07v] { display:grid; grid-template-columns:70px minmax(0,1fr); gap:1.2rem; align-items:start; margin-bottom:1rem; padding:clamp(1.3rem,3vw,2rem); border:1px solid rgba(245,158,11,.45); border-radius:22px; background:linear-gradient(135deg,color-mix(in srgb,var(--mud-palette-surface) 85%,#f59e0b 15%),var(--mud-palette-surface)); }
.setup-card.ready[b-yl2rtjw07v] { border-color:rgba(59,130,246,.4); background:linear-gradient(135deg,color-mix(in srgb,var(--mud-palette-surface) 86%,#3b82f6 14%),var(--mud-palette-surface)); }
.setup-card > span[b-yl2rtjw07v] { display:grid; place-items:center; width:64px; height:64px; border-radius:19px; color:#fff; background:#f59e0b; }
.setup-card.ready > span[b-yl2rtjw07v] { background:#3b82f6; }
.setup-card[b-yl2rtjw07v]  .mud-typography-overline { color:#f59e0b; font-weight:850; }
.setup-card.ready[b-yl2rtjw07v]  .mud-typography-overline { color:#60a5fa; }
.setup-card[b-yl2rtjw07v]  h2 { margin:.1rem 0 .35rem; }
.setup-card p[b-yl2rtjw07v] { margin:0 0 1rem; color:var(--mud-palette-text-secondary); line-height:1.55; }
.current-declaration[b-yl2rtjw07v] { margin-bottom:1rem; overflow:hidden; border:1px solid rgba(59,130,246,.35); border-radius:25px; background:var(--mud-palette-surface); box-shadow:0 20px 48px rgba(2,6,23,.12); }
.current-declaration.soon[b-yl2rtjw07v] { border-color:rgba(245,158,11,.6); }
.current-declaration.urgent[b-yl2rtjw07v],.current-declaration.overdue[b-yl2rtjw07v] { border-color:rgba(239,68,68,.62); }
.current-declaration > header[b-yl2rtjw07v] { display:grid; grid-template-columns:auto 1fr auto; gap:1rem; align-items:center; padding:1rem 1.25rem; border-bottom:1px solid var(--mud-palette-lines-default); background:color-mix(in srgb,var(--mud-palette-surface) 91%,#3b82f6 9%); }
.current-declaration.soon > header[b-yl2rtjw07v] { background:color-mix(in srgb,var(--mud-palette-surface) 89%,#f59e0b 11%); }
.current-declaration.urgent > header[b-yl2rtjw07v],.current-declaration.overdue > header[b-yl2rtjw07v] { background:color-mix(in srgb,var(--mud-palette-surface) 88%,#ef4444 12%); }
.status-badge[b-yl2rtjw07v] { display:inline-flex; align-items:center; gap:.4rem; padding:.52rem .7rem; border-radius:999px; color:#fff; background:#3b82f6; font-size:.72rem; font-weight:850; letter-spacing:.035em; }
.soon .status-badge[b-yl2rtjw07v] { background:#f59e0b; }
.urgent .status-badge[b-yl2rtjw07v],.overdue .status-badge[b-yl2rtjw07v] { background:#ef4444; }
.period-label[b-yl2rtjw07v],.due-label[b-yl2rtjw07v] { display:flex; flex-direction:column; }
.period-label small[b-yl2rtjw07v],.due-label small[b-yl2rtjw07v] { color:var(--mud-palette-text-secondary); font-size:.72rem; }
.period-label strong[b-yl2rtjw07v],.due-label strong[b-yl2rtjw07v] { font-size:.9rem; }
.due-label[b-yl2rtjw07v] { text-align:right; }
.declaration-focus[b-yl2rtjw07v] { display:flex; flex-direction:column; align-items:center; padding:clamp(2rem,6vw,4.4rem) 1rem 2rem; text-align:center; }
.declaration-focus > span[b-yl2rtjw07v] { color:var(--mud-palette-text-secondary); font-size:.82rem; font-weight:800; letter-spacing:.05em; text-transform:uppercase; }
.declaration-focus > strong[b-yl2rtjw07v] { margin:.45rem 0; font-size:clamp(3rem,8vw,6.2rem); line-height:1; font-variant-numeric:tabular-nums; letter-spacing:-.045em; color:#10b981; }
.declaration-focus > small[b-yl2rtjw07v] { color:var(--mud-palette-text-secondary); }
.primary-actions[b-yl2rtjw07v] { display:grid; grid-template-columns:1.2fr 1fr 1.2fr; gap:.8rem; padding:0 clamp(1rem,4vw,2rem) 1.6rem; }
.primary-actions[b-yl2rtjw07v]  .mud-button-root { min-height:52px; }
.urssaf-external-action[b-yl2rtjw07v] { display:flex; align-items:center; justify-content:center; gap:.55rem; min-height:52px; padding:0 1rem; border:1px solid var(--mud-palette-primary); border-radius:var(--mud-default-borderradius); color:var(--mud-palette-primary); text-decoration:none; font-weight:750; text-align:center; transition:background .12s ease; }
.urssaf-external-action:hover[b-yl2rtjw07v] { background:var(--mud-palette-primary-hover); }
.calculation-explainer[b-yl2rtjw07v] { display:grid; grid-template-columns:auto 1fr; gap:.8rem; align-items:start; margin:0 clamp(1rem,4vw,2rem) 2rem; padding:1rem; border-radius:15px; color:var(--mud-palette-text-secondary); background:color-mix(in srgb,var(--mud-palette-surface) 88%,#10b981 12%); }
.calculation-explainer > span[b-yl2rtjw07v] { display:grid; place-items:center; width:42px; height:42px; border-radius:13px; color:#10b981; background:rgba(16,185,129,.12); }
.calculation-explainer p[b-yl2rtjw07v] { margin:.2rem 0 0; font-size:.84rem; line-height:1.45; }
.reminder-overview[b-yl2rtjw07v],.history-section[b-yl2rtjw07v] { margin-top:1rem; padding:clamp(1.15rem,2.6vw,1.8rem); border:1px solid var(--mud-palette-lines-default); border-radius:22px; background:var(--mud-palette-surface); box-shadow:0 14px 34px rgba(2,6,23,.08); }
.section-heading[b-yl2rtjw07v] { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; margin-bottom:1.2rem; }
.section-heading[b-yl2rtjw07v]  .mud-typography-overline { color:#10b981; font-weight:850; }
.section-heading[b-yl2rtjw07v]  h2 { margin:.1rem 0 .2rem; font-size:clamp(1.35rem,2.4vw,1.95rem); }
.reminder-grid[b-yl2rtjw07v] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.8rem; }
.reminder-grid article[b-yl2rtjw07v] { display:grid; grid-template-columns:46px minmax(0,1fr); gap:.75rem; align-items:center; padding:.9rem; border-radius:16px; background:color-mix(in srgb,var(--mud-palette-surface) 90%,#14b8a6 10%); }
.reminder-grid article > span[b-yl2rtjw07v] { display:grid; place-items:center; width:46px; height:46px; border-radius:13px; color:#0d9488; background:rgba(20,184,166,.13); }
.reminder-grid div[b-yl2rtjw07v] { display:flex; flex-direction:column; min-width:0; }
.reminder-grid small[b-yl2rtjw07v] { color:var(--mud-palette-text-secondary); }
.reminder-grid strong[b-yl2rtjw07v] { overflow-wrap:anywhere; }
.recipient-chips[b-yl2rtjw07v] { display:flex; flex-wrap:wrap; gap:.45rem; margin-top:.9rem; }
.recipient-chips span[b-yl2rtjw07v] { display:inline-flex; align-items:center; gap:.35rem; padding:.48rem .65rem; border-radius:999px; color:var(--mud-palette-text-secondary); background:rgba(59,130,246,.09); font-size:.76rem; overflow-wrap:anywhere; }
.reminder-hint[b-yl2rtjw07v] { display:grid; grid-template-columns:auto 1fr; gap:.6rem; align-items:start; margin-top:.9rem; padding:.75rem .85rem; border-radius:13px; color:var(--mud-palette-text-secondary); background:rgba(99,102,241,.08); font-size:.78rem; line-height:1.45; }
.reminder-hint.warning[b-yl2rtjw07v] { background:rgba(245,158,11,.1); color:color-mix(in srgb,var(--mud-palette-text-primary) 75%,#f59e0b 25%); }
.history-count[b-yl2rtjw07v] { padding:.45rem .7rem; border-radius:999px; background:rgba(16,185,129,.1); color:#10b981; font-size:.75rem; font-weight:800; white-space:nowrap; }
.history-list[b-yl2rtjw07v] { display:flex; flex-direction:column; gap:.7rem; }
.history-list article[b-yl2rtjw07v] { display:grid; grid-template-columns:44px minmax(0,1.3fr) minmax(150px,.7fr) minmax(160px,.75fr); gap:.8rem; align-items:center; padding:.9rem; border:1px solid var(--mud-palette-lines-default); border-radius:16px; }
.history-check[b-yl2rtjw07v] { display:grid; place-items:center; width:42px; height:42px; border-radius:13px; color:#10b981; background:rgba(16,185,129,.11); }
.history-period[b-yl2rtjw07v],.history-contribution[b-yl2rtjw07v],.history-date[b-yl2rtjw07v] { display:flex; flex-direction:column; min-width:0; }
.history-list small[b-yl2rtjw07v],.history-list span[b-yl2rtjw07v] { color:var(--mud-palette-text-secondary); font-size:.75rem; }
.history-list strong[b-yl2rtjw07v] { overflow-wrap:anywhere; }
.history-empty[b-yl2rtjw07v] { min-height:220px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.55rem; color:var(--mud-palette-text-secondary); text-align:center; }
.history-empty[b-yl2rtjw07v]  svg { font-size:2.7rem; color:#10b981; }
.history-empty strong[b-yl2rtjw07v] { color:var(--mud-palette-text-primary); }
.urssaf-overlay[b-yl2rtjw07v] { position:fixed; inset:0; z-index:1400; display:grid; place-items:center; padding:1rem; overflow:auto; background:rgba(2,6,23,.76); backdrop-filter:blur(6px); }
.urssaf-modal[b-yl2rtjw07v] { width:min(760px,100%); max-height:calc(100dvh - 2rem); overflow:auto; border:1px solid var(--mud-palette-lines-default); border-radius:24px; background:var(--mud-palette-surface); box-shadow:0 34px 95px rgba(0,0,0,.44); }
.urssaf-modal > header[b-yl2rtjw07v] { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:.85rem; align-items:center; padding:1.15rem 1.25rem; border-bottom:1px solid var(--mud-palette-lines-default); }
.urssaf-modal header > div[b-yl2rtjw07v] { display:flex; flex-direction:column; min-width:0; }
.urssaf-modal header small[b-yl2rtjw07v] { color:#10b981; font-size:.72rem; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.urssaf-modal header h2[b-yl2rtjw07v] { margin:.08rem 0 0; font-size:1.4rem; }
.modal-icon[b-yl2rtjw07v] { display:grid!important; place-items:center!important; width:46px; height:46px; border-radius:14px; color:#fff; }
.modal-icon.settings[b-yl2rtjw07v] { background:linear-gradient(135deg,#3b82f6,#8b5cf6); }
.modal-icon.declare[b-yl2rtjw07v] { background:linear-gradient(135deg,#10b981,#0d9488); }
.modal-body[b-yl2rtjw07v] { display:flex; flex-direction:column; gap:1rem; padding:1.2rem; }
.settings-block[b-yl2rtjw07v] { display:flex; flex-direction:column; gap:.8rem; padding:1rem; border:1px solid var(--mud-palette-lines-default); border-radius:16px; }
.block-heading[b-yl2rtjw07v] { display:grid; grid-template-columns:36px 1fr; gap:.7rem; align-items:center; }
.block-heading > span[b-yl2rtjw07v] { display:grid; place-items:center; width:36px; height:36px; border-radius:11px; color:#fff; background:#3b82f6; font-weight:900; }
.block-heading div[b-yl2rtjw07v] { display:flex; flex-direction:column; }
.block-heading small[b-yl2rtjw07v] { color:var(--mud-palette-text-secondary); }
.offset-grid[b-yl2rtjw07v] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.6rem; }
.offset-choice[b-yl2rtjw07v] { display:grid; grid-template-columns:auto 1fr; gap:.45rem; align-items:center; padding:.65rem .75rem; cursor:pointer; border:1px solid var(--mud-palette-lines-default); border-radius:13px; transition:border-color .12s ease,background .12s ease; }
.offset-choice.selected[b-yl2rtjw07v] { border-color:rgba(59,130,246,.55); background:rgba(59,130,246,.09); }
.offset-choice > span[b-yl2rtjw07v] { display:flex; flex-direction:column; }
.offset-choice small[b-yl2rtjw07v] { color:var(--mud-palette-text-secondary); font-size:.72rem; }
.urssaf-modal > footer[b-yl2rtjw07v] { display:flex; justify-content:flex-end; gap:.6rem; padding:1rem 1.2rem 1.2rem; border-top:1px solid var(--mud-palette-lines-default); }
.declared-period[b-yl2rtjw07v] { display:flex; flex-direction:column; padding:1rem; border-radius:14px; background:rgba(16,185,129,.09); }
.declared-period small[b-yl2rtjw07v],.declared-period span[b-yl2rtjw07v] { color:var(--mud-palette-text-secondary); }
.declared-period strong[b-yl2rtjw07v] { margin:.15rem 0; font-size:1.1rem; }
@media (max-width:900px) { .primary-actions[b-yl2rtjw07v] { grid-template-columns:1fr; } .reminder-grid[b-yl2rtjw07v] { grid-template-columns:1fr; } .history-list article[b-yl2rtjw07v] { grid-template-columns:44px 1fr; } .history-contribution[b-yl2rtjw07v],.history-date[b-yl2rtjw07v] { grid-column:2; } }
@media (max-width:700px) { .urssaf-hero[b-yl2rtjw07v] { grid-template-columns:auto 1fr; padding:1.1rem; border-radius:20px; } .hero-mark[b-yl2rtjw07v] { width:50px; height:50px; border-radius:15px; } .urssaf-hero[b-yl2rtjw07v] >  .mud-button-root { grid-column:1/-1; width:100%; min-height:46px; } .current-declaration > header[b-yl2rtjw07v] { grid-template-columns:1fr; align-items:start; } .status-badge[b-yl2rtjw07v] { justify-self:start; } .due-label[b-yl2rtjw07v] { text-align:left; } .declaration-focus[b-yl2rtjw07v] { padding-top:2rem; } .declaration-focus > strong[b-yl2rtjw07v] { font-size:clamp(2.8rem,17vw,4.8rem); } .section-heading[b-yl2rtjw07v] { flex-direction:column; } .offset-grid[b-yl2rtjw07v] { grid-template-columns:1fr; } }
@media (max-width:480px) { .hero-copy[b-yl2rtjw07v]  h1 { font-size:1.48rem; } .setup-card[b-yl2rtjw07v] { grid-template-columns:1fr; } .setup-card > span[b-yl2rtjw07v] { width:52px; height:52px; } .current-declaration[b-yl2rtjw07v] { border-radius:18px; } .primary-actions[b-yl2rtjw07v] { padding:0 .8rem 1rem; } .calculation-explainer[b-yl2rtjw07v] { margin:0 .8rem 1rem; } .reminder-overview[b-yl2rtjw07v],.history-section[b-yl2rtjw07v] { padding:.9rem; border-radius:18px; } .urssaf-overlay[b-yl2rtjw07v] { padding:.5rem; } .urssaf-modal[b-yl2rtjw07v] { max-height:calc(100dvh - 1rem); border-radius:18px; } .urssaf-modal > header[b-yl2rtjw07v],.modal-body[b-yl2rtjw07v] { padding:1rem; } .urssaf-modal > footer[b-yl2rtjw07v] { flex-direction:column-reverse; padding:1rem; } .urssaf-modal > footer[b-yl2rtjw07v]  .mud-button-root { width:100%; min-height:44px; } }
/* /Pages/AdminSiteAnalytics.razor.rz.scp.css */
.site-stats[b-t8iwcjdywg] {
    --radius: 20px;
    --radius-sm: 14px;
    --gap: clamp(1.75rem, 3vw, 2.5rem);
    --shadow: 0 12px 32px rgba(15, 23, 42, .08);
    --panel: var(--mud-palette-surface);
    --line: var(--mud-palette-lines-default);
    --ink: var(--mud-palette-text-primary);
    --muted: var(--mud-palette-text-secondary);
    box-sizing: border-box;
    width: 100%;
    max-width: 1440px;
    margin-inline: auto;
    padding: 2rem clamp(1.25rem, 3.5vw, 3rem) 5rem;
}

.site-stats *[b-t8iwcjdywg],
.site-stats *[b-t8iwcjdywg]::before,
.site-stats *[b-t8iwcjdywg]::after { box-sizing: border-box; }

/* ================= Hero ================= */

.site-hero[b-t8iwcjdywg] {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
    gap: 1.5rem;
    align-items: center;
    padding: clamp(1.6rem, 3vw, 2.4rem);
    border-radius: 24px;
    color: #fff;
    background:
        radial-gradient(circle at 90% 0%, rgba(255, 255, 255, .16), transparent 34%),
        linear-gradient(132deg, #14233c 0%, #352566 52%, #773b72 100%);
    box-shadow: 0 18px 45px rgba(20, 25, 65, .22);
}

.site-hero[b-t8iwcjdywg]::after {
    content: "";
    position: absolute;
    z-index: -1;
    width: 260px;
    aspect-ratio: 1;
    inset-inline-end: -90px;
    bottom: -160px;
    border: 40px solid rgba(255, 255, 255, .07);
    border-radius: 50%;
}

.hero-copy[b-t8iwcjdywg] { min-width: 0; }

.hero-eyebrow[b-t8iwcjdywg] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .35rem .85rem;
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: 999px;
    background: rgba(255, 255, 255, .1);
    font-size: .8rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.hero-copy h1[b-t8iwcjdywg] {
    margin-block: .6rem .4rem;
    font-weight: 800;
    letter-spacing: -.035em;
}

.hero-copy p[b-t8iwcjdywg] {
    max-width: 68ch;
    margin: 0;
    opacity: .88;
    line-height: 1.55;
}

.hero-meta[b-t8iwcjdywg] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .9rem 1.25rem;
    margin-top: 1.15rem;
}

.hero-updated[b-t8iwcjdywg] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    font-size: .92rem;
    opacity: .9;
}

.hero-meta[b-t8iwcjdywg]  .hero-refresh {
    color: #2b2051;
    background: #fff;
}

.hero-side[b-t8iwcjdywg] {
    display: grid;
    gap: .85rem;
    justify-items: stretch;
}

.hero-total[b-t8iwcjdywg] {
    display: grid;
    justify-items: center;
    gap: .15rem;
    padding: 1.3rem 1.25rem;
    border: 1px solid rgba(255, 255, 255, .26);
    border-radius: var(--radius);
    background: rgba(255, 255, 255, .12);
    backdrop-filter: blur(8px);
    text-align: center;
}

.hero-total[b-t8iwcjdywg]  .mud-icon-root { font-size: 1.9rem; opacity: .95; }
.hero-total strong[b-t8iwcjdywg] { font-size: clamp(2.1rem, 4vw, 2.9rem); font-weight: 800; letter-spacing: -.03em; line-height: 1.05; }
.hero-total span[b-t8iwcjdywg] { font-size: .95rem; opacity: .88; }
.hero-timezone[b-t8iwcjdywg] { display: block; font-size: .85rem; line-height: 1.45; opacity: .78; text-align: center; }

/* ================= Period filter ================= */

.period-bar[b-t8iwcjdywg] {
    position: sticky;
    top: 0;
    z-index: 6;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .75rem 1.1rem;
    margin-top: 1.35rem;
    padding: .8rem 1rem;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: color-mix(in srgb, var(--mud-palette-surface) 88%, transparent);
    backdrop-filter: blur(12px);
    box-shadow: 0 6px 18px rgba(15, 23, 42, .06);
}

.period-buttons[b-t8iwcjdywg] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
}

.period-button[b-t8iwcjdywg] {
    min-height: 40px;
    padding: .45rem 1rem;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: transparent;
    color: var(--ink);
    font: inherit;
    font-weight: 600;
    cursor: pointer;
    transition: background .15s ease, color .15s ease, border-color .15s ease;
}

.period-button:hover[b-t8iwcjdywg] { border-color: var(--mud-palette-primary); }
.period-button:focus-visible[b-t8iwcjdywg] { outline: 3px solid color-mix(in srgb, var(--mud-palette-primary) 45%, transparent); outline-offset: 2px; }
.period-button.selected[b-t8iwcjdywg] {
    border-color: transparent;
    background: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text, #fff);
}

.period-custom[b-t8iwcjdywg] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .6rem;
}

.period-custom label[b-t8iwcjdywg] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    font-size: .9rem;
    color: var(--muted);
}

.period-custom input[type="date"][b-t8iwcjdywg] {
    min-height: 40px;
    padding: .3rem .55rem;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: var(--mud-palette-surface);
    color: var(--ink);
    font: inherit;
}

.period-range[b-t8iwcjdywg] {
    margin-inline-start: auto;
    font-size: .92rem;
    font-weight: 600;
    color: var(--muted);
}

/* ================= KPI cards ================= */

.kpi-grid[b-t8iwcjdywg] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(1rem, 2vw, 1.4rem);
    margin-top: var(--gap);
}

.kpi-card[b-t8iwcjdywg] {
    --tone: var(--mud-palette-primary);
    display: grid;
    gap: .3rem;
    padding: 1.3rem 1.35rem 1.4rem;
    border: 1px solid var(--line);
    border-top: 4px solid var(--tone);
    border-radius: var(--radius);
    background: var(--panel);
    box-shadow: var(--shadow);
}

.kpi-card.visits[b-t8iwcjdywg] { --tone: #2563eb; }
.kpi-card.pages[b-t8iwcjdywg] { --tone: #7c3aed; }
.kpi-card.users[b-t8iwcjdywg] { --tone: #4f46e5; }
.kpi-card.density[b-t8iwcjdywg] { --tone: #0284c7; }

.kpi-top[b-t8iwcjdywg] { display: flex; align-items: center; gap: .6rem; }

.kpi-icon[b-t8iwcjdywg] {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: color-mix(in srgb, var(--tone) 16%, transparent);
    color: var(--tone);
}

.kpi-icon[b-t8iwcjdywg]  .mud-icon-root { font-size: 1.35rem; }
.kpi-label[b-t8iwcjdywg] { font-size: .95rem; font-weight: 700; letter-spacing: .01em; color: var(--muted); }
.kpi-card > strong[b-t8iwcjdywg] { font-size: clamp(2rem, 3.4vw, 2.6rem); font-weight: 800; letter-spacing: -.03em; line-height: 1.05; color: var(--ink); }
.kpi-card small[b-t8iwcjdywg] { font-size: .86rem; color: var(--muted); }

.kpi-delta[b-t8iwcjdywg] {
    display: inline-flex;
    align-items: center;
    align-self: start;
    padding: .18rem .6rem;
    border-radius: 999px;
    font-size: .9rem;
    font-weight: 700;
    white-space: nowrap;
}

.kpi-delta.up[b-t8iwcjdywg] { background: color-mix(in srgb, #16a34a 16%, transparent); color: color-mix(in srgb, #16a34a 60%, var(--mud-palette-text-primary)); }
.kpi-delta.down[b-t8iwcjdywg] { background: color-mix(in srgb, #dc2626 15%, transparent); color: color-mix(in srgb, #dc2626 60%, var(--mud-palette-text-primary)); }
.kpi-delta.flat[b-t8iwcjdywg] { background: color-mix(in srgb, var(--muted) 14%, transparent); color: var(--muted); }
.kpi-delta.neutral[b-t8iwcjdywg] { background: color-mix(in srgb, #2563eb 14%, transparent); color: color-mix(in srgb, #2563eb 60%, var(--mud-palette-text-primary)); }

/* ================= Panels ================= */

.panel[b-t8iwcjdywg] {
    margin-top: var(--gap);
    padding: clamp(1.4rem, 2.6vw, 2rem);
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: var(--panel);
    box-shadow: var(--shadow);
    scroll-margin-top: 5.5rem;
}

.panel.tone-training[b-t8iwcjdywg] { border-top: 4px solid var(--tone-training); }
.panel.tone-courses[b-t8iwcjdywg] { border-top: 4px solid var(--tone-courses); }
.panel.tone-preparation[b-t8iwcjdywg] { border-top: 4px solid var(--tone-preparation); }
.panel.tone-imports[b-t8iwcjdywg] { border-top: 4px solid var(--tone-imports); }
.panel.tone-business[b-t8iwcjdywg] { border-top: 4px solid var(--tone-business); }

.site-stats[b-t8iwcjdywg] {
    --tone-training: #16a34a;
    --tone-courses: #ea580c;
    --tone-preparation: #0891b2;
    --tone-imports: #db2777;
    --tone-business: #d97706;
}

.panel-heading[b-t8iwcjdywg] {
    display: flex;
    align-items: flex-start;
    gap: .9rem;
    margin-bottom: 1.4rem;
}

.panel-heading p[b-t8iwcjdywg] { margin: .1rem 0 0; color: var(--muted); max-width: 80ch; }

.section-icon[b-t8iwcjdywg] {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 46px;
    height: 46px;
    border-radius: 14px;
    background: color-mix(in srgb, var(--mud-palette-primary) 14%, transparent);
    color: var(--mud-palette-primary);
}

.section-icon[b-t8iwcjdywg]  .mud-icon-root { font-size: 1.5rem; }
.section-icon.activity[b-t8iwcjdywg] { background: color-mix(in srgb, #2563eb 14%, transparent); color: #2563eb; }
.section-icon.features[b-t8iwcjdywg] { background: color-mix(in srgb, #7c3aed 14%, transparent); color: #7c3aed; }
.section-icon.pages[b-t8iwcjdywg] { background: color-mix(in srgb, #4f46e5 14%, transparent); color: #4f46e5; }
.section-icon.training[b-t8iwcjdywg] { background: color-mix(in srgb, #16a34a 16%, transparent); color: #16a34a; }
.section-icon.courses[b-t8iwcjdywg] { background: color-mix(in srgb, #ea580c 16%, transparent); color: #ea580c; }
.section-icon.preparation[b-t8iwcjdywg] { background: color-mix(in srgb, #0891b2 16%, transparent); color: #0891b2; }
.section-icon.imports[b-t8iwcjdywg] { background: color-mix(in srgb, #db2777 15%, transparent); color: #db2777; }
.section-icon.business[b-t8iwcjdywg] { background: color-mix(in srgb, #d97706 18%, transparent); color: #b45309; }
.section-icon.exclusions[b-t8iwcjdywg] { background: color-mix(in srgb, #64748b 18%, transparent); color: #475569; }

.panel[b-t8iwcjdywg]  .mud-chart { margin-top: .5rem; }

/* ================= Feature cards ================= */

.feature-grid[b-t8iwcjdywg] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.feature-card[b-t8iwcjdywg] {
    --tone: #64748b;
    display: grid;
    gap: .3rem;
    padding: 1.1rem 1.2rem;
    border: 1px solid var(--line);
    border-left: 5px solid var(--tone);
    border-radius: var(--radius-sm);
    background: color-mix(in srgb, var(--tone) 5%, var(--panel));
}

.feature-card.training[b-t8iwcjdywg] { --tone: #16a34a; }
.feature-card.courses[b-t8iwcjdywg] { --tone: #ea580c; }
.feature-card.preparation[b-t8iwcjdywg] { --tone: #0891b2; }
.feature-card.errors[b-t8iwcjdywg] { --tone: #dc2626; }
.feature-top[b-t8iwcjdywg] { display: flex; align-items: center; gap: .55rem; color: var(--muted); font-weight: 700; }
.feature-icon[b-t8iwcjdywg] { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; background: color-mix(in srgb, var(--tone) 15%, transparent); color: var(--tone); }
.feature-icon[b-t8iwcjdywg]  .mud-icon-root { font-size: 1.15rem; }
.feature-card > strong[b-t8iwcjdywg] { font-size: 2rem; font-weight: 800; letter-spacing: -.02em; color: var(--ink); }

/* ================= Stats strip ================= */

.stat-strip[b-t8iwcjdywg] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
    margin-bottom: 1.3rem;
}

.stat-chip[b-t8iwcjdywg] {
    --tone: #64748b;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-rows: auto auto;
    align-items: center;
    gap: .1rem .8rem;
    padding: 1rem 1.15rem;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: color-mix(in srgb, var(--tone) 6%, var(--panel));
}

.stat-chip[b-t8iwcjdywg]  .mud-icon-root { grid-row: span 2; font-size: 1.8rem; color: var(--tone); }
.stat-chip span[b-t8iwcjdywg] { font-size: .9rem; font-weight: 700; color: var(--muted); }
.stat-chip strong[b-t8iwcjdywg] { font-size: 1.7rem; font-weight: 800; letter-spacing: -.02em; color: var(--ink); }
.stat-chip small[b-t8iwcjdywg] { grid-column: 2; font-size: .84rem; color: var(--muted); }
.stat-chip.training[b-t8iwcjdywg] { --tone: #16a34a; }
.stat-chip.courses[b-t8iwcjdywg] { --tone: #ea580c; }
.stat-chip.preparation[b-t8iwcjdywg] { --tone: #0891b2; }
.stat-chip.imports[b-t8iwcjdywg] { --tone: #db2777; }
.stat-chip.errors[b-t8iwcjdywg] { --tone: #dc2626; }
.stat-chip.business[b-t8iwcjdywg] { --tone: #d97706; }

/* ================= Rankings ================= */

.ranking[b-t8iwcjdywg] { display: grid; gap: .9rem; }
.ranking.compact[b-t8iwcjdywg] { gap: .65rem; margin-top: .35rem; }

.ranking-row[b-t8iwcjdywg] {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(0, 2fr) auto;
    align-items: center;
    gap: .85rem 1.1rem;
}

.ranking-label[b-t8iwcjdywg] { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; min-width: 0; }
.ranking-label strong[b-t8iwcjdywg] { font-weight: 700; color: var(--ink); }

.category-badge[b-t8iwcjdywg] {
    padding: .1rem .55rem;
    border-radius: 999px;
    font-size: .76rem;
    font-weight: 700;
    background: color-mix(in srgb, #64748b 14%, transparent);
    color: var(--muted);
}

.category-badge.training[b-t8iwcjdywg] { background: color-mix(in srgb, #16a34a 16%, transparent); color: color-mix(in srgb, #16a34a 60%, var(--mud-palette-text-primary)); }
.category-badge.courses[b-t8iwcjdywg] { background: color-mix(in srgb, #ea580c 16%, transparent); color: color-mix(in srgb, #ea580c 62%, var(--mud-palette-text-primary)); }
.category-badge.preparation[b-t8iwcjdywg] { background: color-mix(in srgb, #0891b2 16%, transparent); color: color-mix(in srgb, #0891b2 62%, var(--mud-palette-text-primary)); }
.category-badge.games[b-t8iwcjdywg] { background: color-mix(in srgb, #db2777 15%, transparent); color: color-mix(in srgb, #db2777 62%, var(--mud-palette-text-primary)); }
.category-badge.openings[b-t8iwcjdywg] { background: color-mix(in srgb, #7c3aed 15%, transparent); color: color-mix(in srgb, #7c3aed 62%, var(--mud-palette-text-primary)); }
.category-badge.account[b-t8iwcjdywg] { background: color-mix(in srgb, #d97706 18%, transparent); color: color-mix(in srgb, #d97706 58%, var(--mud-palette-text-primary)); }
.category-badge.data[b-t8iwcjdywg] { background: color-mix(in srgb, #0284c7 16%, transparent); color: color-mix(in srgb, #0284c7 62%, var(--mud-palette-text-primary)); }

.ranking-bar[b-t8iwcjdywg] {
    display: flex;
    height: 14px;
    overflow: hidden;
    border-radius: 999px;
    background: color-mix(in srgb, var(--muted) 12%, transparent);
}

.ranking-bar i[b-t8iwcjdywg] {
    display: block;
    height: 100%;
    min-width: 0;
    border-radius: inherit;
    background: linear-gradient(90deg, #7c3aed, #2563eb);
}

.ranking-bar i.ok[b-t8iwcjdywg] { background: linear-gradient(90deg, #16a34a, #4ade80); border-radius: 999px 0 0 999px; }
.ranking-bar i.ko[b-t8iwcjdywg] { background: linear-gradient(90deg, #dc2626, #f87171); border-radius: 0 999px 999px 0; }
.ranking-bar.import i.ok:only-child[b-t8iwcjdywg],
.ranking-bar.import i.ko:only-child[b-t8iwcjdywg] { border-radius: 999px; }

.ranking-value[b-t8iwcjdywg] { display: grid; justify-items: end; text-align: right; }
.ranking-value strong[b-t8iwcjdywg] { font-weight: 800; color: var(--ink); white-space: nowrap; }
.ranking-value small[b-t8iwcjdywg] { font-size: .82rem; color: var(--muted); white-space: nowrap; }

/* ================= Business ================= */

.business-grid[b-t8iwcjdywg] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    align-items: start;
    gap: 1rem;
}

.plan-split[b-t8iwcjdywg] {
    display: grid;
    gap: .7rem;
    align-self: start;
    padding: 1.15rem 1.25rem;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: color-mix(in srgb, #d97706 6%, var(--panel));
}

.plan-split-heading[b-t8iwcjdywg] { display: flex; align-items: center; gap: .6rem; }
.plan-split-heading strong[b-t8iwcjdywg] { display: block; color: var(--ink); }
.plan-split-heading small[b-t8iwcjdywg] { color: var(--muted); }

.plan-split-icon[b-t8iwcjdywg] {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 38px;
    height: 38px;
    border-radius: 12px;
    background: color-mix(in srgb, #d97706 18%, transparent);
    color: color-mix(in srgb, #d97706 58%, var(--mud-palette-text-primary));
}

.plan-split-icon[b-t8iwcjdywg]  .mud-icon-root { font-size: 1.3rem; }
.plan-split-total[b-t8iwcjdywg] { display: flex; align-items: baseline; gap: .45rem; }
.plan-split-total strong[b-t8iwcjdywg] { font-size: 1.9rem; font-weight: 800; letter-spacing: -.02em; color: var(--ink); }
.plan-split-total span[b-t8iwcjdywg] { font-size: .9rem; color: var(--muted); }

.plan-row[b-t8iwcjdywg] {
    display: grid;
    grid-template-columns: minmax(90px, auto) minmax(0, 1fr) auto;
    align-items: center;
    gap: .5rem .8rem;
}

.plan-name[b-t8iwcjdywg] { font-size: .92rem; font-weight: 600; color: var(--muted); }

.plan-bar[b-t8iwcjdywg] {
    height: 12px;
    overflow: hidden;
    border-radius: 999px;
    background: color-mix(in srgb, var(--muted) 12%, transparent);
}

.plan-bar i[b-t8iwcjdywg] { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #94a3b8, #64748b); }
.plan-bar.premium i[b-t8iwcjdywg] { background: linear-gradient(90deg, #f59e0b, #d97706); }
.plan-value[b-t8iwcjdywg] { display: grid; justify-items: end; text-align: right; }
.plan-value strong[b-t8iwcjdywg] { color: var(--ink); }
.plan-value small[b-t8iwcjdywg] { font-size: .8rem; color: var(--muted); }

/* ================= Exclusions ================= */

.exclusion-search[b-t8iwcjdywg] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin-bottom: 1rem;
}

.exclusion-input[b-t8iwcjdywg] {
    flex: 1 1 320px;
    min-height: 46px;
    padding: .55rem .95rem;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: var(--mud-palette-surface);
    color: var(--ink);
    font: inherit;
}

.exclusion-input:focus-visible[b-t8iwcjdywg] { outline: 3px solid color-mix(in srgb, var(--mud-palette-primary) 45%, transparent); outline-offset: 1px; }

.site-stats[b-t8iwcjdywg]  .exclusion-alert { margin-bottom: 1rem; }
.exclusion-group[b-t8iwcjdywg] { margin-top: 1.5rem; }

.exclusion-title[b-t8iwcjdywg] {
    margin: 0 0 .75rem;
    font-size: 1.05rem;
    font-weight: 800;
    color: var(--ink);
}

.exclusion-count[b-t8iwcjdywg] {
    display: inline-grid;
    place-items: center;
    min-width: 28px;
    height: 28px;
    margin-inline-start: .4rem;
    padding-inline: .4rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--mud-palette-primary) 14%, transparent);
    color: var(--mud-palette-primary);
    font-size: .85rem;
}

.site-stats[b-t8iwcjdywg]  .exclusion-row {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.15rem;
    margin-bottom: .7rem;
    border: 1px solid var(--line);
    border-left: 5px solid #64748b;
    border-radius: var(--radius-sm);
    background: var(--panel);
}

.site-stats[b-t8iwcjdywg]  .exclusion-row.manual { border-left-color: #7c3aed; background: color-mix(in srgb, #7c3aed 5%, var(--panel)); }
.site-stats[b-t8iwcjdywg]  .exclusion-row.admin { border-left-color: #d97706; background: color-mix(in srgb, #d97706 6%, var(--panel)); }

.site-stats[b-t8iwcjdywg]  .exclusion-avatar {
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: color-mix(in srgb, #64748b 16%, transparent);
    color: #475569;
}

.site-stats[b-t8iwcjdywg]  .exclusion-row.admin .exclusion-avatar { background: color-mix(in srgb, #d97706 18%, transparent); color: #b45309; }
.site-stats[b-t8iwcjdywg]  .exclusion-row.manual .exclusion-avatar { background: color-mix(in srgb, #7c3aed 16%, transparent); color: #6d28d9; }
.site-stats[b-t8iwcjdywg]  .exclusion-identity { display: grid; gap: .15rem; min-width: 0; }
.site-stats[b-t8iwcjdywg]  .exclusion-identity strong { font-size: 1.05rem; color: var(--ink); }
.site-stats[b-t8iwcjdywg]  .exclusion-identity small { color: var(--muted); overflow-wrap: anywhere; }
.site-stats[b-t8iwcjdywg]  .exclusion-badges { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: .3rem; }

.site-stats[b-t8iwcjdywg]  .plan-badge,
.site-stats[b-t8iwcjdywg]  .status-badge {
    padding: .15rem .6rem;
    border-radius: 999px;
    font-size: .78rem;
    font-weight: 700;
}

.site-stats[b-t8iwcjdywg]  .plan-badge { background: color-mix(in srgb, #64748b 14%, transparent); color: var(--muted); }
.site-stats[b-t8iwcjdywg]  .plan-badge.premium { background: color-mix(in srgb, #d97706 18%, transparent); color: color-mix(in srgb, #d97706 58%, var(--mud-palette-text-primary)); }
.site-stats[b-t8iwcjdywg]  .status-badge.admin { background: color-mix(in srgb, #d97706 16%, transparent); color: color-mix(in srgb, #d97706 58%, var(--mud-palette-text-primary)); }
.site-stats[b-t8iwcjdywg]  .status-badge.excluded { background: color-mix(in srgb, #7c3aed 15%, transparent); color: color-mix(in srgb, #7c3aed 62%, var(--mud-palette-text-primary)); }
.site-stats[b-t8iwcjdywg]  .status-badge.included { background: color-mix(in srgb, #16a34a 16%, transparent); color: color-mix(in srgb, #16a34a 60%, var(--mud-palette-text-primary)); }
.site-stats[b-t8iwcjdywg]  .status-badge.reason { background: color-mix(in srgb, var(--muted) 12%, transparent); color: var(--muted); font-weight: 600; }

.site-stats[b-t8iwcjdywg]  .exclusion-actions { display: flex; justify-content: flex-end; }
.site-stats[b-t8iwcjdywg]  .exclusion-locked { display: inline-flex; align-items: center; gap: .35rem; font-size: .85rem; font-weight: 700; color: color-mix(in srgb, #d97706 58%, var(--mud-palette-text-primary)); white-space: nowrap; }
.site-stats[b-t8iwcjdywg]  .exclusion-confirm { display: grid; gap: .5rem; justify-items: end; text-align: right; }
.site-stats[b-t8iwcjdywg]  .exclusion-confirm span { font-size: .9rem; font-weight: 600; color: var(--ink); }
.site-stats[b-t8iwcjdywg]  .exclusion-confirm > div { display: flex; gap: .35rem; }

/* ================= States ================= */

.dashboard-empty[b-t8iwcjdywg],
.site-stats[b-t8iwcjdywg]  .dashboard-empty {
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: 1.1rem 1.2rem;
    border: 1px dashed var(--line);
    border-radius: var(--radius-sm);
    color: var(--muted);
    font-weight: 600;
}

.site-stats[b-t8iwcjdywg]  .dashboard-section-error {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .9rem;
    padding: 1rem 1.15rem;
    border: 1px solid color-mix(in srgb, #dc2626 35%, transparent);
    border-radius: var(--radius-sm);
    background: color-mix(in srgb, #dc2626 7%, var(--panel));
}

.site-stats[b-t8iwcjdywg]  .dashboard-section-error > div { display: grid; gap: .15rem; flex: 1 1 260px; }
.site-stats[b-t8iwcjdywg]  .dashboard-section-error strong { color: color-mix(in srgb, #dc2626 60%, var(--mud-palette-text-primary)); }
.site-stats[b-t8iwcjdywg]  .dashboard-section-error span { color: var(--muted); font-size: .92rem; }

.section-error[b-t8iwcjdywg] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    margin-top: var(--gap);
}

.section-error[b-t8iwcjdywg]  .mud-alert { flex: 1 1 420px; }
.section-error[b-t8iwcjdywg]  .mud-alert .mud-alert-message { display: grid; gap: .15rem; }

/* ================= Skeletons ================= */

.skeleton-card[b-t8iwcjdywg] { min-height: 150px; }

.skeleton-line[b-t8iwcjdywg],
.skeleton-block[b-t8iwcjdywg] {
    display: block;
    border-radius: 10px;
    background: linear-gradient(90deg,
        color-mix(in srgb, var(--muted) 10%, transparent) 25%,
        color-mix(in srgb, var(--muted) 18%, transparent) 50%,
        color-mix(in srgb, var(--muted) 10%, transparent) 75%);
    background-size: 400% 100%;
    animation: skeleton-shimmer-b-t8iwcjdywg 1.6s ease-in-out infinite;
}

.skeleton-line[b-t8iwcjdywg] { height: 14px; }
.skeleton-line.short[b-t8iwcjdywg] { width: 40%; }
.skeleton-line.title[b-t8iwcjdywg] { width: 220px; height: 22px; }
.skeleton-line.big[b-t8iwcjdywg] { width: 60%; height: 34px; margin-block: .35rem; }
.skeleton-block[b-t8iwcjdywg] { height: 320px; margin-top: 1rem; }
.skeleton-block.small[b-t8iwcjdywg] { height: 160px; }

@keyframes skeleton-shimmer-b-t8iwcjdywg {
    0% { background-position: 100% 0; }
    100% { background-position: 0 0; }
}

/* ================= Responsive ================= */

@media (max-width: 1100px) {
    .site-hero[b-t8iwcjdywg] { grid-template-columns: 1fr; }
    .kpi-grid[b-t8iwcjdywg] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .feature-grid[b-t8iwcjdywg] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
    .site-stats[b-t8iwcjdywg] { padding: 1.1rem 1rem 4rem; }
    .kpi-grid[b-t8iwcjdywg] { grid-template-columns: 1fr; }
    .feature-grid[b-t8iwcjdywg] { grid-template-columns: 1fr; }
    .period-bar[b-t8iwcjdywg] { position: static; }
    .period-range[b-t8iwcjdywg] { margin-inline-start: 0; }
    .ranking-row[b-t8iwcjdywg] { grid-template-columns: 1fr; gap: .4rem; }
    .ranking-value[b-t8iwcjdywg] { justify-items: start; text-align: left; }
    .plan-row[b-t8iwcjdywg] { grid-template-columns: 1fr; gap: .3rem; }
    .plan-value[b-t8iwcjdywg] { justify-items: start; text-align: left; }
    .site-stats[b-t8iwcjdywg]  .exclusion-row { grid-template-columns: auto minmax(0, 1fr); }
    .site-stats[b-t8iwcjdywg]  .exclusion-actions { grid-column: 1 / -1; justify-content: flex-start; }
    .site-stats[b-t8iwcjdywg]  .exclusion-confirm { justify-items: start; text-align: left; }
}

@media (prefers-reduced-motion: reduce) {
    .skeleton-line[b-t8iwcjdywg],
    .skeleton-block[b-t8iwcjdywg] { animation: none; }
    .period-button[b-t8iwcjdywg] { transition: none; }
}

/* Audience and task-oriented navigation. */
.analytics-tabs[b-t8iwcjdywg] { display: flex; gap: .5rem; flex-wrap: wrap; margin-top: 1.3rem; padding-bottom: .8rem; border-bottom: 1px solid var(--line); }
.kpi-delta[b-t8iwcjdywg] { white-space: normal; max-width: 100%; }
.period-button[b-t8iwcjdywg], .chart-controls input[b-t8iwcjdywg], .chart-controls select[b-t8iwcjdywg] { min-height: 44px; }
.period-bar[b-t8iwcjdywg] { position: static; }
.audience-filter[b-t8iwcjdywg] { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; margin: 1.25rem 0; }
.audience-filter p[b-t8iwcjdywg] { flex-basis: 100%; color: var(--muted); font-size: .92rem; max-width: 100ch; }
.coverage-note[b-t8iwcjdywg] { padding: .8rem 1rem; border-inline-start: 3px solid #d97706; background: color-mix(in srgb, #d97706 8%, transparent); }
.chart-controls[b-t8iwcjdywg] { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.5rem; margin: 1rem 0; }
.chart-controls label[b-t8iwcjdywg] { display: flex; align-items: center; flex-wrap: wrap; gap: .6rem; font-size: .9rem; }
.chart-controls select[b-t8iwcjdywg], .chart-controls input[type=search][b-t8iwcjdywg] { max-width: 100%; border: 1px solid var(--line); border-radius: 8px; padding: .5rem .7rem; color: var(--ink); background: var(--panel); font: inherit; }
.chart-controls input[type=checkbox][b-t8iwcjdywg] { width: 20px; accent-color: var(--mud-palette-primary); }
.chart-context[b-t8iwcjdywg] { color: var(--muted); font-size: .85rem; margin: .9rem 0; }
.reading-summary[b-t8iwcjdywg] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.3rem; margin: 1.3rem 0; padding: 1rem 0; border-block: 1px solid var(--line); }
.reading-summary > div[b-t8iwcjdywg] { display: grid; gap: .2rem; align-content: start; }
.reading-summary span[b-t8iwcjdywg], .reading-summary small[b-t8iwcjdywg] { color: var(--muted); font-size: .85rem; }
.reading-summary strong[b-t8iwcjdywg] { font-size: 1.8rem; line-height: 1.2; }
.reading-summary .summary-page[b-t8iwcjdywg] { font-size: 1.1rem; line-height: 1.45; }
.audience-comparison[b-t8iwcjdywg] { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 1.3rem; margin-bottom: 1.8rem; }
.audience-card[b-t8iwcjdywg] { padding: 1rem; border-radius: 12px; background: var(--mud-palette-background); }
.audience-card h3[b-t8iwcjdywg] { font-size: 1rem; font-weight: 700; }
.audience-card > strong[b-t8iwcjdywg] { display: block; font-size: 2rem; margin: .3rem 0 .7rem; }
.audience-card strong small[b-t8iwcjdywg] { font-size: .9rem; font-weight: 500; }
.audience-card p[b-t8iwcjdywg], .audience-card > small[b-t8iwcjdywg] { font-size: .85rem; color: var(--muted); margin-top: .5rem; }
.audience-card.anonymous .ranking-bar i[b-t8iwcjdywg] { background: #d97706; }
.audience-card.authenticated .ranking-bar i[b-t8iwcjdywg] { background: #2563eb; }
.audience-card.unknown .ranking-bar i[b-t8iwcjdywg] { background: #94a3b8; }
.metric-help summary[b-t8iwcjdywg] { min-height: 44px; cursor: pointer; padding: .75rem 0; font-weight: 600; }
.metric-help p[b-t8iwcjdywg] { margin: .6rem 0; color: var(--muted); font-size: .9rem; }
.paired-bars[b-t8iwcjdywg] { display: grid; gap: .45rem; width: 100%; }
.paired-bars .ranking-bar[b-t8iwcjdywg] { height: 12px; }
.ranking-bar.previous i[b-t8iwcjdywg] { background: #94a3b8; }
.page-ranking .ranking-row[b-t8iwcjdywg] { grid-template-columns: minmax(170px, 1fr) minmax(100px, 1.5fr) minmax(190px, 1fr); padding: 1rem 0; border-bottom: 1px solid var(--line); }
.ranking-value strong span[b-t8iwcjdywg] { font-weight: 500; font-size: .85rem; }
.legend-dot[b-t8iwcjdywg] { display: inline-block; width: 10px; height: 10px; border-radius: 3px; margin-right: .4rem; }
.legend-dot.current[b-t8iwcjdywg] { background: #7c3aed; }.legend-dot.previous[b-t8iwcjdywg] { background: #94a3b8; }
.chart-controls input:focus-visible[b-t8iwcjdywg], .chart-controls select:focus-visible[b-t8iwcjdywg], summary:focus-visible[b-t8iwcjdywg] { outline: 3px solid var(--mud-palette-primary); outline-offset: 3px; }
@media (max-width: 760px) {
    .site-stats[b-t8iwcjdywg] { padding: 1rem .7rem 3rem; }
    .kpi-grid[b-t8iwcjdywg] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .6rem; }
    .kpi-card[b-t8iwcjdywg] { padding: .8rem; }
    .kpi-card > strong[b-t8iwcjdywg] { font-size: 1.7rem; }
    .kpi-icon[b-t8iwcjdywg] { display: none; }
    .hero-side[b-t8iwcjdywg] { display: none; }
    .site-hero[b-t8iwcjdywg] { grid-template-columns: 1fr; padding: 1.2rem; }
    .page-ranking .ranking-row[b-t8iwcjdywg] { grid-template-columns: minmax(0, 1fr); gap: .65rem; }
    .page-ranking .ranking-value[b-t8iwcjdywg] { text-align: start; }
    .reading-summary[b-t8iwcjdywg] { grid-template-columns: 1fr; gap: 1rem; }
    .reading-summary > div[b-t8iwcjdywg] { grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr); gap: .2rem .7rem; }
    .reading-summary small[b-t8iwcjdywg] { grid-column: 2; }
    .reading-summary strong[b-t8iwcjdywg] { font-size: 1.5rem; }
    .chart-controls[b-t8iwcjdywg] { align-items: stretch; flex-direction: column; }
    .chart-controls label[b-t8iwcjdywg] { display: grid; }
    .chart-controls .compare-toggle[b-t8iwcjdywg] { display: flex; }
    .analytics-tabs .period-button[b-t8iwcjdywg] { flex: 1 1 auto; }
    .audience-comparison[b-t8iwcjdywg] { grid-template-columns: 1fr; }
    .audience-card[b-t8iwcjdywg] { padding: .8rem; }
    .audience-card > strong[b-t8iwcjdywg] { font-size: 1.7rem; }
}
/* /Pages/AdminTournamentPrizes.razor.rz.scp.css */
.prize-page[b-aypr6e442k] { max-width: 1280px; margin: auto; padding: clamp(1rem, 3vw, 2rem); display: grid; gap: 1.2rem; min-width: 0; }
.prize-page h1[b-aypr6e442k] { font-size: clamp(1.7rem, 4vw, 2.3rem); font-weight: 800; }
.prize-page h2[b-aypr6e442k] { font-size: 1.45rem; font-weight: 750; overflow-wrap: anywhere; }
.prize-page h3[b-aypr6e442k] { font-size: 1.15rem; font-weight: 750; }
.prize-page p[b-aypr6e442k], .prize-page small[b-aypr6e442k] { color: var(--mud-palette-text-secondary); }
.prize-heading[b-aypr6e442k] { display: flex; justify-content: space-between; align-items: center; gap: 1rem; flex-wrap: wrap; }
.prize-heading > *[b-aypr6e442k] { min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
.prize-eyebrow[b-aypr6e442k] { font-size: .75rem; text-transform: uppercase; letter-spacing: .09em; color: var(--mud-palette-primary); font-weight: 750; }
.prize-tabs[b-aypr6e442k] { display: flex; flex-wrap: wrap; gap: .5rem; padding-bottom: .7rem; border-bottom: 1px solid var(--mud-palette-lines-default); }
.prize-tabs a[b-aypr6e442k] { padding: .65rem .9rem; min-height: 44px; color: inherit; border-radius: .7rem; text-decoration: none; }
.prize-tabs a[aria-current][b-aypr6e442k] { background: var(--mud-palette-primary); color: var(--mud-palette-primary-text); font-weight: 700; }
.prize-tabs a:focus-visible[b-aypr6e442k] { outline: 3px solid var(--mud-palette-primary); outline-offset: 2px; }
.prize-editor[b-aypr6e442k], .prize-overview[b-aypr6e442k], .prize-finish[b-aypr6e442k] { padding: clamp(1rem, 2vw, 1.5rem); background: var(--mud-palette-surface); border-radius: 1rem; display: grid; gap: 1rem; min-width: 0; }
.prize-actions[b-aypr6e442k] { display: flex; align-items: center; gap: .5rem; flex-wrap: wrap; }
.prize-fields[b-aypr6e442k] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .9rem; align-items: center; }
.prize-kind[b-aypr6e442k] { display: grid; gap: .25rem; font-size: .85rem; }
.prize-kind select[b-aypr6e442k] { min-width: 0; width: 100%; min-height: 48px; padding: .6rem; border-radius: .3rem; border: 1px solid var(--mud-palette-lines-inputs); color: var(--mud-palette-text-primary); background: var(--mud-palette-surface); font: inherit; }
.prize-draft[b-aypr6e442k] { min-width:0; }
.prize-card-grid[b-aypr6e442k] { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr)); gap:1rem; }
.prize-section-heading[b-aypr6e442k] { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:.75rem; }
.prize-add-card[b-aypr6e442k] { display:grid; place-content:center; text-align:center; gap:.5rem; padding:2rem 1rem; min-height:190px; border:2px dashed var(--mud-palette-primary); border-radius:1rem; color:var(--mud-palette-primary); background:var(--mud-palette-primary-hover); cursor:pointer; font:inherit; }
.prize-add-card > span[b-aypr6e442k] { font-size:2rem; }
.prize-add-card small[b-aypr6e442k] { color:var(--mud-palette-text-secondary); }
.prize-add-card:focus-visible[b-aypr6e442k] { outline:3px solid var(--mud-palette-primary); outline-offset:3px; }
.prize-help > summary[b-aypr6e442k] { padding:.7rem 0; min-height:44px; cursor:pointer; }
.prize-draft-heading[b-aypr6e442k] { display: flex; align-items: center; justify-content: space-between; }
.prize-editor-footer[b-aypr6e442k] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; border-top: 1px solid var(--mud-palette-lines-default); padding-top: 1rem; }
.prize-search[b-aypr6e442k] { display: flex; align-items: center; gap: .5rem; min-width: 0; }
.prize-budget[b-aypr6e442k] { font-size: 1.5rem; color: var(--mud-palette-primary); }
.prize-budget small[b-aypr6e442k] { display: block; font-size: .8rem; font-weight: 400; }
.prize-rules > summary[b-aypr6e442k], .prize-import > summary[b-aypr6e442k] { padding: .8rem 0; cursor: pointer; font-weight: 700; min-height: 44px; }
.prize-rules article[b-aypr6e442k] { padding: .8rem 0; border-top: 1px solid var(--mud-palette-lines-default); }
.prize-import[b-aypr6e442k] { border-top: 1px solid var(--mud-palette-lines-default); }
.prize-import > p[b-aypr6e442k] { margin-block: .5rem; }
@media (max-width: 600px) {
    .prize-page[b-aypr6e442k] { padding: .7rem .25rem; }
    .prize-fields[b-aypr6e442k] { grid-template-columns: minmax(0, 1fr); }
    .prize-search[b-aypr6e442k] { flex-wrap: wrap; }
    .prize-search[b-aypr6e442k]  .mud-input-control { flex: 1 1 100%; }
    .prize-actions[b-aypr6e442k]  .mud-button-root, .prize-editor-footer[b-aypr6e442k]  .mud-button-root { min-height: 44px; }
    .prize-editor-footer[b-aypr6e442k]  .mud-button-root { width: 100%; }
}
/* /Pages/CancelSubscription.razor.rz.scp.css */
.cancel-route-loading[b-3ctnpqea8f] {
    display: grid;
    min-height: 55vh;
    place-items: center;
}

.cancel-page[b-3ctnpqea8f] {
    width: min(1360px, 100%);
    margin: 0 auto;
    padding-inline: clamp(1rem, 2.5vw, 2rem);
    padding-block: clamp(1.25rem, 3vw, 2.5rem) 4rem;
    box-sizing: border-box;
}

.cancel-hero[b-3ctnpqea8f] {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    min-height: 220px;
    padding: clamp(1.7rem, 4vw, 2.8rem);
    border-radius: 26px;
    color: #fff;
    background:
        radial-gradient(circle at 84% 20%, rgba(255, 255, 255, .18), transparent 24%),
        linear-gradient(130deg, #14233c 0%, #3c246d 52%, #8a3f74 100%);
    box-shadow: 0 22px 55px rgba(20, 22, 65, .22);
}

.cancel-hero[b-3ctnpqea8f]::after {
    content: "";
    position: absolute;
    z-index: -1;
    width: 250px;
    height: 250px;
    inset: auto -65px -120px auto;
    border: 38px solid rgba(255, 255, 255, .07);
    border-radius: 50%;
}

.cancel-hero-copy[b-3ctnpqea8f] { max-width: 700px; }

.cancel-eyebrow[b-3ctnpqea8f] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .4rem .78rem;
    border: 1px solid rgba(255, 255, 255, .25);
    border-radius: 999px;
    background: rgba(255, 255, 255, .1);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .08em;
}

.cancel-eyebrow[b-3ctnpqea8f]  .mud-icon-root { font-size: 1rem; }

.cancel-hero h1[b-3ctnpqea8f] {
    margin-block: .75rem .6rem;
    font-size: clamp(1.75rem, 4vw, 2.55rem);
    font-weight: 850;
    letter-spacing: -.04em;
}

.cancel-hero p[b-3ctnpqea8f] {
    max-width: 680px;
    margin: 0;
    color: rgba(255, 255, 255, .84);
    font-size: clamp(.95rem, 1.6vw, 1.05rem);
    line-height: 1.65;
}

.cancel-hero-assurance[b-3ctnpqea8f] {
    display: grid;
    flex: 0 0 180px;
    gap: .35rem;
    justify-items: center;
    padding: 1.25rem;
    border: 1px solid rgba(255, 255, 255, .24);
    border-radius: 22px;
    background: rgba(255, 255, 255, .11);
    text-align: center;
}

.cancel-hero-assurance[b-3ctnpqea8f]  .mud-icon-root { font-size: 2.25rem; }
.cancel-hero-assurance strong[b-3ctnpqea8f] { font-size: 1rem; }
.cancel-hero-assurance span[b-3ctnpqea8f] { color: rgba(255, 255, 255, .72); font-size: .78rem; line-height: 1.4; }

.cancel-steps[b-3ctnpqea8f] {
    display: grid;
    grid-template-columns: auto minmax(24px, 1fr) auto minmax(24px, 1fr) auto;
    align-items: center;
    width: min(760px, 100%);
    margin: 1.5rem auto;
}

.cancel-step[b-3ctnpqea8f] {
    display: flex;
    align-items: center;
    gap: .5rem;
    color: var(--mud-palette-text-secondary);
    font-size: .8rem;
}

.cancel-step span[b-3ctnpqea8f] {
    display: grid;
    width: 30px;
    height: 30px;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 50%;
    background: var(--mud-palette-surface);
    font-weight: 800;
}

.cancel-step.is-current[b-3ctnpqea8f] { color: var(--mud-palette-primary); }
.cancel-step.is-current span[b-3ctnpqea8f] { border-color: var(--mud-palette-primary); color: #fff; background: var(--mud-palette-primary); box-shadow: 0 0 0 4px color-mix(in srgb, var(--mud-palette-primary) 15%, transparent); }
.cancel-step.is-complete[b-3ctnpqea8f] { color: var(--mud-palette-success); }
.cancel-step.is-complete span[b-3ctnpqea8f] { border-color: var(--mud-palette-success); color: #fff; background: var(--mud-palette-success); }
.cancel-step-line[b-3ctnpqea8f] { height: 1px; margin-inline: .7rem; background: var(--mud-palette-lines-default); }

.cancel-layout[b-3ctnpqea8f] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 330px);
    gap: 1.25rem;
    align-items: start;
}

.cancel-layout-single[b-3ctnpqea8f] {
    grid-template-columns: minmax(0, 1fr);
    width: min(920px, 100%);
    margin: 1.5rem auto 0;
}

.cancel-workflow[b-3ctnpqea8f] { min-width: 0; }

.cancel-loading[b-3ctnpqea8f] {
    display: flex;
    min-height: 300px;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 20px;
    background: var(--mud-palette-surface);
}

.cancel-card[b-3ctnpqea8f] {
    padding: clamp(1.35rem, 3vw, 2rem);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 20px;
    background: var(--mud-palette-surface);
    box-shadow: 0 14px 38px rgba(15, 23, 42, .07);
}

.cancel-card-heading[b-3ctnpqea8f] {
    display: flex;
    align-items: flex-start;
    gap: .9rem;
    margin-bottom: 1.5rem;
}

.cancel-card-heading p[b-3ctnpqea8f],
.cancel-state-card > p[b-3ctnpqea8f] {
    margin: .3rem 0 0;
    color: var(--mud-palette-text-secondary);
    line-height: 1.55;
}

.cancel-card h2[b-3ctnpqea8f] {
    margin: .1rem 0 0;
    font-size: clamp(1.35rem, 3vw, 1.65rem);
    font-weight: 800;
}

.cancel-card-icon[b-3ctnpqea8f],
.cancel-success-icon[b-3ctnpqea8f] {
    display: grid;
    width: 48px;
    height: 48px;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 14px;
    color: #fff;
    background: linear-gradient(135deg, #5d3fd3, #a84c91);
}

.cancel-card-icon-info[b-3ctnpqea8f] { background: linear-gradient(135deg, #0277bd, #26a69a); }
.cancel-card-icon-review[b-3ctnpqea8f] { background: linear-gradient(135deg, #d97706, #f59e0b); }

.cancel-section-label[b-3ctnpqea8f] {
    color: var(--mud-palette-primary);
    font-size: .68rem;
    font-weight: 850;
    letter-spacing: .09em;
}

.cancel-state-card[b-3ctnpqea8f] >  .mud-button-root { margin-top: 1.25rem; }

.cancel-empty-card[b-3ctnpqea8f] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .9rem;
    padding: clamp(1.75rem, 4vw, 2.5rem);
    border-color: color-mix(in srgb, var(--mud-palette-success) 35%, var(--mud-palette-lines-default));
    background:
        radial-gradient(circle at 92% 15%, color-mix(in srgb, var(--mud-palette-success) 12%, transparent), transparent 30%),
        var(--mud-palette-surface);
    text-align: center;
}

.cancel-empty-icon[b-3ctnpqea8f] {
    display: grid;
    width: 64px;
    height: 64px;
    place-items: center;
    border-radius: 20px;
    color: #fff;
    background: linear-gradient(135deg, #059669, #2dd4bf);
    box-shadow: 0 10px 24px rgba(5, 150, 105, .22);
}

.cancel-empty-icon[b-3ctnpqea8f]  .mud-icon-root { font-size: 2rem; }
.cancel-empty-card h2[b-3ctnpqea8f] { margin-block: .35rem .45rem; }
.cancel-empty-card p[b-3ctnpqea8f] { margin: 0; color: var(--mud-palette-text-secondary); line-height: 1.55; }

.cancel-empty-actions[b-3ctnpqea8f] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: .65rem;
    margin-top: .4rem;
}

.cancel-form-grid[b-3ctnpqea8f] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.cancellation-subscription-facts[b-3ctnpqea8f],
.cancellation-summary[b-3ctnpqea8f] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
    margin: 1.4rem 0;
}

.cancellation-subscription-facts > div[b-3ctnpqea8f],
.cancellation-summary > div[b-3ctnpqea8f] {
    display: grid;
    min-width: 0;
    gap: .3rem;
    padding: .9rem 1rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 14px;
    background: color-mix(in srgb, var(--mud-palette-background) 96%, var(--mud-palette-primary) 4%);
}

.cancellation-subscription-facts span[b-3ctnpqea8f],
.cancellation-summary dt[b-3ctnpqea8f] {
    color: var(--mud-palette-text-secondary);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.cancellation-subscription-facts strong[b-3ctnpqea8f],
.cancellation-summary dd[b-3ctnpqea8f] { overflow-wrap: anywhere; }

.cancellation-summary[b-3ctnpqea8f] { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 0; }
.cancellation-summary dt[b-3ctnpqea8f], .cancellation-summary dd[b-3ctnpqea8f] { margin: 0; }
.cancellation-summary dd[b-3ctnpqea8f] { font-weight: 650; line-height: 1.45; }

.cancel-actions[b-3ctnpqea8f] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .6rem;
    margin-top: 1.25rem;
}

.cancel-final-notice[b-3ctnpqea8f],
.cancel-success-email[b-3ctnpqea8f] {
    display: flex;
    align-items: center;
    gap: .7rem;
    padding: .85rem 1rem;
    border: 1px solid color-mix(in srgb, var(--mud-palette-primary) 35%, var(--mud-palette-lines-default));
    border-radius: 13px;
    background: color-mix(in srgb, var(--mud-palette-primary) 8%, var(--mud-palette-surface));
}

.cancel-final-notice p[b-3ctnpqea8f] { margin: 0; }

.cancel-success-card[b-3ctnpqea8f] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .8rem;
    border-color: color-mix(in srgb, var(--mud-palette-success) 45%, var(--mud-palette-lines-default));
}

.cancel-success-card > p[b-3ctnpqea8f] { margin: 0; color: var(--mud-palette-text-secondary); line-height: 1.6; }
.cancel-success-icon[b-3ctnpqea8f] { width: 58px; height: 58px; border-radius: 18px; background: linear-gradient(135deg, #059669, #2dd4bf); }
.cancel-success-card[b-3ctnpqea8f] >  .mud-button-root { margin-top: .4rem; }

.cancel-sidebar[b-3ctnpqea8f] {
    display: grid;
    gap: 1rem;
}

.cancel-info-card[b-3ctnpqea8f] {
    padding: 1.25rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 18px;
    background: color-mix(in srgb, var(--mud-palette-surface) 96%, var(--mud-palette-primary) 4%);
}

.cancel-info-icon[b-3ctnpqea8f] {
    display: grid;
    width: 42px;
    height: 42px;
    margin-bottom: .8rem;
    place-items: center;
    border-radius: 13px;
    color: var(--mud-palette-primary);
    background: color-mix(in srgb, var(--mud-palette-primary) 14%, transparent);
}

.cancel-info-card h2[b-3ctnpqea8f] { margin: 0; font-size: 1.05rem; font-weight: 800; }
.cancel-info-card p[b-3ctnpqea8f] { margin: .65rem 0 0; color: var(--mud-palette-text-secondary); line-height: 1.55; }

.cancel-info-card ul[b-3ctnpqea8f] {
    display: grid;
    gap: .85rem;
    margin: 1rem 0 0;
    padding: 0;
    list-style: none;
}

.cancel-info-card li[b-3ctnpqea8f] { display: flex; align-items: flex-start; gap: .55rem; line-height: 1.45; }
.cancel-info-card li[b-3ctnpqea8f]  .mud-icon-root { flex: 0 0 auto; color: var(--mud-palette-success); font-size: 1.05rem; }

.cancel-withdrawal-card a[b-3ctnpqea8f] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    margin-top: .8rem;
    color: var(--mud-palette-primary);
    font-weight: 750;
    text-decoration: none;
}

.cancel-withdrawal-card a:hover[b-3ctnpqea8f],
.cancel-withdrawal-card a:focus-visible[b-3ctnpqea8f] { text-decoration: underline; }
.cancel-withdrawal-card a[b-3ctnpqea8f]  .mud-icon-root { font-size: 1rem; }

.cancel-support-link[b-3ctnpqea8f] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .9rem 1rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 15px;
    color: inherit;
    text-decoration: none;
}

.cancel-support-link:hover[b-3ctnpqea8f],
.cancel-support-link:focus-visible[b-3ctnpqea8f] { border-color: var(--mud-palette-primary); }
.cancel-support-link span[b-3ctnpqea8f] { display: grid; }
.cancel-support-link small[b-3ctnpqea8f] { color: var(--mud-palette-text-secondary); }

@media (max-width: 900px) {
    .cancel-layout[b-3ctnpqea8f] { grid-template-columns: 1fr; }
    .cancel-sidebar[b-3ctnpqea8f] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .cancel-support-link[b-3ctnpqea8f] { grid-column: 1 / -1; }
}

@media (max-width: 700px) {
    .cancel-hero-assurance[b-3ctnpqea8f] { display: none; }
    .cancel-steps strong[b-3ctnpqea8f] { display: none; }
    .cancel-steps[b-3ctnpqea8f] { width: min(300px, 100%); }
    .cancel-step[b-3ctnpqea8f] { justify-content: center; }
    .cancel-form-grid[b-3ctnpqea8f],
    .cancellation-subscription-facts[b-3ctnpqea8f],
    .cancellation-summary[b-3ctnpqea8f],
    .cancel-sidebar[b-3ctnpqea8f] { grid-template-columns: 1fr; }
    .cancel-support-link[b-3ctnpqea8f] { grid-column: auto; }
}

@media (max-width: 500px) {
    .cancel-page[b-3ctnpqea8f] { padding-top: .75rem; }
    .cancel-hero[b-3ctnpqea8f] { min-height: 0; border-radius: 20px; }
    .cancel-card[b-3ctnpqea8f] { border-radius: 16px; }
    .cancel-card-heading[b-3ctnpqea8f] { flex-direction: column; }
    .cancel-empty-actions[b-3ctnpqea8f] { width: 100%; align-items: stretch; }
    .cancel-empty-actions[b-3ctnpqea8f] >  .mud-button-root { width: 100%; }
    .cancel-actions[b-3ctnpqea8f] { align-items: stretch; }
    .cancel-actions[b-3ctnpqea8f] >  .mud-button-root { width: 100%; }
}
/* /Pages/Contact.razor.rz.scp.css */
.contact-page[b-mw1qa45soa] {
    width: min(1080px, 100%);
    margin: 0 auto;
    padding-block: clamp(1.25rem, 3vw, 2.5rem) 4rem;
}

.contact-hero[b-mw1qa45soa] {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    min-height: 250px;
    padding: clamp(1.8rem, 4vw, 3.2rem);
    border-radius: 26px;
    color: #fff;
    background:
        radial-gradient(circle at 84% 22%, rgba(255, 255, 255, .18), transparent 23%),
        linear-gradient(130deg, #14233c 0%, #3c246d 52%, #8a3f74 100%);
    box-shadow: 0 22px 55px rgba(20, 22, 65, .22);
}

.contact-hero[b-mw1qa45soa]::after {
    content: "";
    position: absolute;
    z-index: -1;
    width: 260px;
    height: 260px;
    inset: auto -70px -120px auto;
    border: 38px solid rgba(255, 255, 255, .07);
    border-radius: 50%;
}

.contact-hero-copy[b-mw1qa45soa] { min-width: 0; max-width: 690px; }

.contact-eyebrow[b-mw1qa45soa] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .42rem .8rem;
    border: 1px solid rgba(255, 255, 255, .25);
    border-radius: 999px;
    background: rgba(255, 255, 255, .1);
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .09em;
}

.contact-eyebrow[b-mw1qa45soa]  .mud-icon-root { font-size: 1rem; }

.contact-hero[b-mw1qa45soa]  h1 {
    margin-block: .8rem .7rem;
    overflow-wrap: anywhere;
    font-size: clamp(1.85rem, 4vw, 2.7rem);
    font-weight: 850;
    letter-spacing: -.04em;
}

.contact-hero[b-mw1qa45soa]  p {
    max-width: 650px;
    margin: 0;
    overflow-wrap: anywhere;
    color: rgba(255, 255, 255, .84);
    font-size: clamp(.95rem, 1.6vw, 1.08rem);
    line-height: 1.65;
}

.contact-hero-mark[b-mw1qa45soa] {
    display: grid;
    flex: 0 0 auto;
    width: clamp(92px, 12vw, 132px);
    aspect-ratio: 1;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .24);
    border-radius: 32px;
    background: rgba(255, 255, 255, .11);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15);
    transform: rotate(3deg);
}

.contact-hero-mark[b-mw1qa45soa]  .mud-icon-root { font-size: clamp(3rem, 7vw, 5rem); }

.contact-channels[b-mw1qa45soa] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
    margin-top: 1.5rem;
}

.contact-channel[b-mw1qa45soa] {
    --channel-accent: #5b63f1;
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 1.15rem;
    padding: clamp(1.35rem, 3vw, 1.8rem);
    border: 1px solid var(--mud-palette-lines-default);
    border-top: 4px solid var(--channel-accent);
    border-radius: 20px;
    background: var(--mud-palette-surface);
    box-shadow: 0 14px 36px rgba(15, 23, 42, .07);
}

.contact-channel-support[b-mw1qa45soa] { --channel-accent: #13a89e; }

.contact-channel-icon[b-mw1qa45soa] {
    display: grid;
    width: 50px;
    height: 50px;
    place-items: center;
    border-radius: 15px;
    color: #fff;
    background: linear-gradient(135deg, var(--channel-accent), color-mix(in srgb, var(--channel-accent), #fff 25%));
}

.contact-channel-copy[b-mw1qa45soa] { flex: 1; }

.contact-channel-label[b-mw1qa45soa] {
    color: var(--mud-palette-primary);
    font-size: .7rem;
    font-weight: 850;
    letter-spacing: .09em;
}

.contact-channel h2[b-mw1qa45soa],
.contact-help h2[b-mw1qa45soa] {
    margin-block: .25rem .45rem;
    font-size: 1.25rem;
    font-weight: 800;
}

.contact-channel p[b-mw1qa45soa] {
    margin: 0;
    color: var(--mud-palette-text-secondary);
    line-height: 1.6;
}

.contact-action[b-mw1qa45soa] {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .9rem 1rem;
    border: 1px solid color-mix(in srgb, var(--channel-accent) 40%, var(--mud-palette-lines-default));
    border-radius: 14px;
    color: inherit;
    background: color-mix(in srgb, var(--channel-accent) 8%, var(--mud-palette-surface));
    text-decoration: none;
    transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

.contact-action:hover[b-mw1qa45soa],
.contact-action:focus-visible[b-mw1qa45soa] {
    border-color: var(--channel-accent);
    background: color-mix(in srgb, var(--channel-accent) 13%, var(--mud-palette-surface));
    transform: translateY(-2px);
}

.contact-action span[b-mw1qa45soa] {
    display: grid;
    min-width: 0;
    gap: .1rem;
}

.contact-action small[b-mw1qa45soa] { color: var(--mud-palette-text-secondary); }

.contact-action strong[b-mw1qa45soa] {
    overflow-wrap: anywhere;
    word-break: break-word;
    color: var(--channel-accent);
    font-size: clamp(.82rem, 2.8vw, .95rem);
    line-height: 1.35;
}

.contact-help[b-mw1qa45soa] {
    margin-top: 1.5rem;
    padding: clamp(1.35rem, 3vw, 1.8rem);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 20px;
    background: color-mix(in srgb, var(--mud-palette-surface) 96%, var(--mud-palette-primary) 4%);
}

.contact-help-heading[b-mw1qa45soa] {
    display: flex;
    align-items: center;
    gap: .9rem;
    margin-bottom: 1rem;
}

.contact-help-icon[b-mw1qa45soa] {
    display: grid;
    width: 44px;
    height: 44px;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 13px;
    color: #fff;
    background: linear-gradient(135deg, #7c3aed, #c44591);
}

.contact-help-links[b-mw1qa45soa] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
}

.contact-help-links a[b-mw1qa45soa] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: .7rem;
    align-items: center;
    padding: .9rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 14px;
    color: inherit;
    background: var(--mud-palette-surface);
    text-decoration: none;
    transition: border-color .18s ease, transform .18s ease;
}

.contact-help-links a:hover[b-mw1qa45soa],
.contact-help-links a:focus-visible[b-mw1qa45soa] {
    border-color: var(--mud-palette-primary);
    transform: translateY(-2px);
}

.contact-help-links span[b-mw1qa45soa] {
    display: grid;
    gap: .15rem;
}

.contact-help-links small[b-mw1qa45soa] {
    color: var(--mud-palette-text-secondary);
    line-height: 1.35;
}

.contact-note[b-mw1qa45soa] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .5rem;
    margin: 1.4rem 0 0;
    color: var(--mud-palette-text-secondary);
    font-size: .82rem;
    text-align: center;
}

.contact-note[b-mw1qa45soa]  .mud-icon-root { font-size: 1rem; }

@media (max-width: 800px) {
    .contact-channels[b-mw1qa45soa],
    .contact-help-links[b-mw1qa45soa] { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
    .contact-page[b-mw1qa45soa] { padding-top: .75rem; }
    .contact-hero[b-mw1qa45soa] { min-height: 0; border-radius: 20px; }
    .contact-hero-mark[b-mw1qa45soa] { display: none; }
    .contact-channel[b-mw1qa45soa], .contact-help[b-mw1qa45soa] { border-radius: 16px; }
    .contact-help-heading[b-mw1qa45soa] { align-items: flex-start; }
}

@media (prefers-reduced-motion: reduce) {
    .contact-action[b-mw1qa45soa],
    .contact-help-links a[b-mw1qa45soa] { transition: none; }
}

@media (max-width: 390px) {
    .contact-action[b-mw1qa45soa] {
        flex-direction: column;
        align-items: stretch;
        gap: .65rem;
    }
}

@media (max-width: 320px) {
    .contact-page[b-mw1qa45soa] { width: 100%; }
    .contact-hero[b-mw1qa45soa] { gap: 1rem; padding: 1.15rem; border-radius: 16px; }
    .contact-hero[b-mw1qa45soa]  h1 { font-size: clamp(1.45rem, 8vw, 1.85rem); }
    .contact-hero[b-mw1qa45soa]  p { font-size: .9rem; }
}
/* /Pages/CourseCatalog.razor.rz.scp.css */
.course-catalog-page[b-daxoc9xhii] {
    min-width: 0;
    width: 100%;
    max-width: 1200px;
    margin-inline: auto;
    padding: 1.5rem clamp(.75rem, 2.5vw, 2rem) 3.5rem;
    overflow-wrap: anywhere;
}

.course-catalog-head[b-daxoc9xhii] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: .25rem 1rem;
    margin-bottom: 1rem;
}
.course-catalog-head h1[b-daxoc9xhii] { margin: 0; }
.course-result-count[b-daxoc9xhii] {
    margin: 0;
    color: var(--mud-palette-text-secondary);
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.course-catalog-tools[b-daxoc9xhii] {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: .5rem;
    margin-bottom: .75rem;
}
.course-catalog-tools[b-daxoc9xhii]  .course-search { flex: 1 1 18rem; min-width: 0; }
.course-catalog-tools[b-daxoc9xhii]  .mud-input-control { min-width: 0; }

.course-filter-toggle[b-daxoc9xhii] { display: none; flex: 0 0 auto; }
.course-filter-badge[b-daxoc9xhii] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.35rem;
    height: 1.35rem;
    margin-left: .4rem;
    padding: 0 .35rem;
    border-radius: 999px;
    background: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
    font-size: .72rem;
    font-weight: 700;
    line-height: 1;
}

.opening-filters[b-daxoc9xhii] {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(0, .7fr) auto;
    align-items: center;
    gap: .5rem 1rem;
    margin-bottom: 1rem;
}
.opening-color-filters[b-daxoc9xhii] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .35rem;
}

.course-results[b-daxoc9xhii] {
    list-style: none;
    margin: 0;
    padding: 0;
    border-top: 1px solid var(--mud-palette-lines-default);
}
.course-result[b-daxoc9xhii] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .35rem 1rem;
    padding: .8rem .75rem;
    color: var(--mud-palette-text-primary);
    border-bottom: 1px solid var(--mud-palette-lines-default);
    text-decoration: none;
    transition: background-color .12s ease, box-shadow .12s ease;
}
.course-result:hover[b-daxoc9xhii] { background: var(--mud-palette-action-default-hover); }
.course-result:focus-visible[b-daxoc9xhii] { outline: 2px solid var(--mud-palette-primary); outline-offset: -2px; }
.course-result-head[b-daxoc9xhii] {
    grid-column: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: .5rem;
}
.course-eco[b-daxoc9xhii] {
    align-self: center;
    display: inline-flex;
    align-items: center;
    padding: .05rem .45rem;
    border-radius: 7px;
    background: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .03em;
    font-variant-numeric: tabular-nums;
}
.course-result-title[b-daxoc9xhii] { font-weight: 700; font-size: 1.05rem; line-height: 1.35; }
.course-result-meta[b-daxoc9xhii] {
    display: flex;
    flex-wrap: wrap;
    grid-column: 1;
    gap: .4rem;
    font-size: .85rem;
    color: var(--mud-palette-text-secondary);
}
.course-short-line[b-daxoc9xhii] {
    grid-column: 1;
    font-variant-numeric: tabular-nums;
    font-size: .88rem;
    color: var(--mud-palette-text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.course-open[b-daxoc9xhii] {
    grid-column: 2;
    grid-row: 1 / -1;
    align-self: center;
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    white-space: nowrap;
    color: var(--mud-palette-primary);
    font-weight: 600;
}
.course-open > .mud-icon-root[b-daxoc9xhii] { font-size: 1.25rem; }
.course-result:hover .course-open[b-daxoc9xhii] { text-decoration: underline; text-underline-offset: .15em; }

.course-chip[b-daxoc9xhii] {
    display: inline-flex;
    align-items: center;
    padding: .1rem .5rem;
    border-radius: 999px;
    font-size: .78rem;
    line-height: 1.5;
    background: color-mix(in srgb, var(--mud-palette-text-primary) 8%, transparent);
    color: var(--mud-palette-text-secondary);
}
.course-chip-eco[b-daxoc9xhii] { font-variant-numeric: tabular-nums; font-weight: 700; letter-spacing: .02em; }
.course-chip-white[b-daxoc9xhii] { background: color-mix(in srgb, #f8fafc 70%, var(--mud-palette-surface)); color: #1f2937; border: 1px solid color-mix(in srgb, #1f2937 20%, transparent); }
.course-chip-black[b-daxoc9xhii] { background: color-mix(in srgb, #1f2937 88%, var(--mud-palette-surface)); color: #f8fafc; }

.course-pagination[b-daxoc9xhii] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    margin-top: 1.25rem;
}

.course-catalog-page[b-daxoc9xhii]  .mud-button-root { min-height: 44px; }

@media (max-width: 700px) {
    .course-filter-toggle[b-daxoc9xhii] { display: inline-flex; flex: 1 1 100%; }
    .opening-filters[b-daxoc9xhii] { display: none; grid-template-columns: minmax(0, 1fr); }
    .opening-filters.is-open[b-daxoc9xhii] { display: grid; }
    .course-result[b-daxoc9xhii] { gap: .3rem .5rem; padding: .75rem .6rem; }
    .course-result-title[b-daxoc9xhii] { font-size: 1rem; }
    .course-open-text[b-daxoc9xhii] { display: none; }
    .course-chip[b-daxoc9xhii] { font-size: .74rem; }
}
/* /Pages/CourseReader.razor.rz.scp.css */
.course-reader[b-9ko1imnr37] {
    min-width: 0;
    overflow-wrap: anywhere;
    box-sizing: border-box;
    width: 100%;
    max-width: 1520px;
    margin-inline: auto;
    padding: 1.25rem clamp(1rem, 3vw, 2.5rem) 4.5rem;
}

.course-breadcrumb[b-9ko1imnr37] {
    display: flex; flex-wrap: wrap; gap: .35rem .5rem;
    align-items: center; margin-bottom: 1rem;
    color: var(--mud-palette-text-secondary); font-size: .92rem;
}
.course-breadcrumb a[b-9ko1imnr37] { color: inherit; }
.course-breadcrumb strong[b-9ko1imnr37] { color: var(--mud-palette-text-primary); }
.course-breadcrumb-more[b-9ko1imnr37] { min-width: 0; }
.course-breadcrumb-more summary[b-9ko1imnr37] { min-width: 44px; min-height: 44px; text-align: center; align-content: center; cursor: pointer; }
.course-breadcrumb-more ol[b-9ko1imnr37] { padding-inline-start: 1.25rem; max-height: 20rem; overflow-y: auto; }
.course-breadcrumb-more a[b-9ko1imnr37] { display: inline-flex; align-items: center; min-height: 44px; }
.course-breadcrumb-more summary:focus-visible[b-9ko1imnr37] { outline: 2px solid var(--mud-palette-primary); }

.course-reader-heading[b-9ko1imnr37] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: .75rem 1.5rem;
    margin-bottom: .75rem;
}
.course-reader-title[b-9ko1imnr37] { min-width: 0; flex: 1 1 22rem; }
.course-reader-heading h1[b-9ko1imnr37] { margin: .2rem 0 .25rem; }
.course-reader-nav[b-9ko1imnr37] { display: flex; flex-wrap: wrap; gap: .5rem; }
.course-reader-nav[b-9ko1imnr37]  .course-nav-sibling .mud-button-label { display: flex; flex-direction: column; align-items: flex-start; line-height: 1.2; }
.course-nav-direction[b-9ko1imnr37] { font-weight: 600; }
.course-nav-title[b-9ko1imnr37] {
    max-width: 18rem;
    font-size: .78rem;
    font-weight: 400;
    color: var(--mud-palette-text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.course-reader-layout[b-9ko1imnr37] {
    display: grid;
    grid-template-columns: minmax(320px, .95fr) minmax(0, 1.15fr);
    gap: 1rem 1.75rem;
    align-items: start;
}
.course-status-alert[b-9ko1imnr37] { min-width: 0; }
.course-load-status[b-9ko1imnr37] { min-height: 4px; margin-bottom: .75rem; }
.course-text-panel[b-9ko1imnr37] { min-width: 0; max-width: 75ch; display: grid; gap: .85rem; }

.course-board-panel[b-9ko1imnr37] {
    min-width: 0;
    position: sticky; top: 5.5rem;
    display: grid; gap: .75rem;
}
.course-board-frame[b-9ko1imnr37] { min-width: 0; }

.course-nav-bar[b-9ko1imnr37] {
    display: grid; grid-template-columns: 44px 44px minmax(0, 1fr) 44px; align-items: center; gap: .25rem;
    padding: .4rem .5rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 14px;
    background: var(--mud-palette-surface);
}
.course-nav-bar[b-9ko1imnr37]  .course-next-button { flex: 1 1 auto; }
.course-nav-bar[b-9ko1imnr37]  .course-next-button .mud-button-root { width: 100%; }
.course-next-move[b-9ko1imnr37] {
    margin-left: .5rem;
    padding: 0 .45rem;
    border-radius: 6px;
    background: color-mix(in srgb, var(--mud-palette-surface) 40%, transparent);
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}
.course-move-counter[b-9ko1imnr37] {
    grid-column: 1 / -1;
    flex: 1 1 100%;
    text-align: right;
    font-variant-numeric: tabular-nums;
    color: var(--mud-palette-text-secondary);
    font-size: .86rem;
}
.course-nav-hint[b-9ko1imnr37] {
    display: none;
    margin: -.35rem 0 0;
    font-size: .78rem;
    color: var(--mud-palette-text-secondary);
}
@media (min-width: 701px) { .course-nav-hint[b-9ko1imnr37] { display: block; } }

.course-moves[b-9ko1imnr37] {
    display: flex; flex-direction: column;
    max-height: 22rem; overflow-y: auto;
    padding: .4rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 14px;
    background: var(--mud-palette-surface);
    scroll-behavior: smooth;
    outline: none;
}
.course-moves:focus-visible[b-9ko1imnr37] { box-shadow: 0 0 0 2px var(--mud-palette-primary); }
.course-move-row[b-9ko1imnr37] {
    display: grid;
    grid-template-columns: 2.1rem minmax(0, 1fr) minmax(0, 1fr);
    align-items: center;
    gap: .15rem;
}
.course-move-row:nth-child(even)[b-9ko1imnr37] { background: color-mix(in srgb, var(--mud-palette-text-primary) 4%, transparent); border-radius: 8px; }
.course-move-number[b-9ko1imnr37] {
    font-variant-numeric: tabular-nums;
    color: var(--mud-palette-text-secondary);
    font-size: .82rem;
    text-align: right;
    padding-right: .35rem;
}
.course-move-cell[b-9ko1imnr37] {
    display: inline-flex; align-items: center; justify-content: space-between; gap: .3rem;
    min-height: 44px;
    padding: .25rem .55rem;
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent;
    color: inherit;
    font: inherit;
    font-weight: 600;
    cursor: pointer;
    text-align: left;
}
.course-move-cell em[b-9ko1imnr37] { font-style: normal; font-weight: 500; color: var(--mud-palette-text-secondary); }
.course-move-cell.side-white[b-9ko1imnr37] { border-left: 3px solid color-mix(in srgb, var(--mud-palette-text-primary) 30%, transparent); }
.course-move-cell.side-black[b-9ko1imnr37] { border-left: 3px solid transparent; }
.course-move-cell.is-empty[b-9ko1imnr37] { border: none; background: none; cursor: default; }
.course-move-cell.is-future[b-9ko1imnr37] { color: var(--mud-palette-text-secondary); font-weight: 500; }
.course-move-cell.is-branch[b-9ko1imnr37] { border-bottom: 1px dashed color-mix(in srgb, var(--mud-palette-primary) 55%, transparent); }
.course-move-cell:hover[b-9ko1imnr37] { background: color-mix(in srgb, var(--mud-palette-primary) 12%, transparent); }
.course-move-cell.is-active[b-9ko1imnr37] {
    background: color-mix(in srgb, var(--mud-palette-primary) 20%, transparent);
    border: 1px solid var(--mud-palette-primary);
    color: var(--mud-palette-text-primary);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--mud-palette-primary) 40%, transparent);
}
.course-move-cell.is-active em[b-9ko1imnr37] { color: inherit; }

.course-position-note[b-9ko1imnr37] {
    margin: 0;
    padding: .6rem .8rem;
    white-space: pre-wrap;
    border-left: 3px solid var(--mud-palette-primary);
    background: color-mix(in srgb, var(--mud-palette-primary) 7%, transparent);
    border-radius: 0 10px 10px 0;
}
.course-coach[b-9ko1imnr37] { display: grid; gap: .3rem; }
.course-coach-label[b-9ko1imnr37] {
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--mud-palette-primary);
}
.course-branches[b-9ko1imnr37] {
    display: flex; flex-wrap: wrap; align-items: center; gap: .4rem;
}
.course-branches-label[b-9ko1imnr37] {
    flex: 1 1 100%;
    margin-bottom: .1rem;
    font-size: .82rem;
    font-weight: 600;
    color: var(--mud-palette-text-secondary);
}
.course-branch[b-9ko1imnr37] {
    display: inline-flex; align-items: center; gap: .4rem;
    min-height: 44px;
    padding: .3rem .8rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 10px;
    background: transparent;
    color: inherit; font: inherit; font-weight: 600;
    cursor: pointer;
}
.course-branch:hover[b-9ko1imnr37] { border-color: var(--mud-palette-primary); background: color-mix(in srgb, var(--mud-palette-primary) 10%, transparent); }
.course-branch:focus-visible[b-9ko1imnr37] { outline: 2px solid var(--mud-palette-primary); outline-offset: 2px; }
.course-branch.is-main[b-9ko1imnr37] { border-color: var(--mud-palette-primary); background: color-mix(in srgb, var(--mud-palette-primary) 16%, transparent); }
.course-branch-tag[b-9ko1imnr37] { font-size: .68rem; font-weight: 500; color: var(--mud-palette-text-secondary); text-transform: none; }
.course-moves-details[b-9ko1imnr37], .course-analysis[b-9ko1imnr37] {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 14px;
    background: var(--mud-palette-surface);
}
.course-moves-details > summary[b-9ko1imnr37], .course-analysis > summary[b-9ko1imnr37] {
    min-height: 44px;
    padding: .5rem .7rem;
    align-content: center;
    cursor: pointer;
    font-weight: 700;
}
.course-moves-details > summary:focus-visible[b-9ko1imnr37], .course-analysis > summary:focus-visible[b-9ko1imnr37] { outline: 2px solid var(--mud-palette-primary); outline-offset: 2px; }
.course-moves-details[open] > summary[b-9ko1imnr37] { border-bottom: 1px solid var(--mud-palette-lines-default); }
.course-moves-details .course-moves[b-9ko1imnr37] { border: 0; border-radius: 0 0 14px 14px; }
.course-analysis .course-analysis-tools[b-9ko1imnr37] { margin: 0; padding: .6rem; }
.course-reader-actions[b-9ko1imnr37] { display: flex; flex-wrap: wrap; gap: .6rem; }
.course-reader-nav-bottom[b-9ko1imnr37] { margin-top: .25rem; }

.course-section[b-9ko1imnr37] {
    min-width: 0;
    padding: 1rem 1.15rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 16px;
    background: var(--mud-palette-surface);
}
.course-section.is-lead[b-9ko1imnr37] {
    border-color: color-mix(in srgb, var(--mud-palette-primary) 45%, var(--mud-palette-lines-default));
    background: var(--mud-palette-surface);
}
.course-section h2[b-9ko1imnr37] {
    margin: 0 0 .5rem;
    font-size: 1.12rem;
    line-height: 1.3;
}
.course-section p[b-9ko1imnr37], .course-section li[b-9ko1imnr37] { line-height: 1.62; margin: .35rem 0; }
.course-move-ref[b-9ko1imnr37] {
    display: inline; padding: 0 .15em; margin: 0; border: 0;
    border-radius: 4px; background: transparent;
    color: var(--mud-palette-primary); font: inherit; font-weight: 700;
    text-decoration: underline; text-underline-offset: .15em; cursor: pointer;
}
.course-move-ref:hover[b-9ko1imnr37] { background: color-mix(in srgb, var(--mud-palette-primary) 12%, transparent); }
.course-move-ref:focus-visible[b-9ko1imnr37] { outline: 2px solid var(--mud-palette-primary); outline-offset: 2px; }
.course-section ul[b-9ko1imnr37] { margin: .35rem 0; padding-inline-start: 1.25rem; }
.course-section.tone-plan[b-9ko1imnr37] { border-left: 4px solid #14b8a6; background: color-mix(in srgb, #14b8a6 6%, var(--mud-palette-surface)); }
.course-section.tone-warning[b-9ko1imnr37] {
    border-left: 4px solid #f59e0b;
    background: color-mix(in srgb, #f59e0b 8%, var(--mud-palette-surface));
}
.course-attribution[b-9ko1imnr37] {
    padding: 1rem 1.1rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 16px;
    color: var(--mud-palette-text-secondary);
    font-size: .88rem;
}
.course-attribution p[b-9ko1imnr37] { margin: .2rem 0; }
.course-attribution a[b-9ko1imnr37] { color: inherit; }
.course-section summary[b-9ko1imnr37], .course-attribution summary[b-9ko1imnr37] { cursor: pointer; min-height: 44px; align-content: center; font-weight: 700; }
.course-section summary:focus-visible[b-9ko1imnr37], .course-attribution summary:focus-visible[b-9ko1imnr37], .course-move-cell:focus-visible[b-9ko1imnr37], .course-breadcrumb a:focus-visible[b-9ko1imnr37] { outline: 2px solid var(--mud-palette-primary); outline-offset: 2px; }
.course-section-body[b-9ko1imnr37] { max-height: 32rem; overflow-y: auto; padding-inline-end: .4rem; }
.course-section-body:focus-visible[b-9ko1imnr37] { outline: 2px solid var(--mud-palette-primary); }

.responsive-modal-overlay[b-9ko1imnr37] { position: fixed; inset: 0; z-index: 1400; display: grid; place-items: center; padding: max(.75rem, env(safe-area-inset-top)) .75rem max(.75rem, env(safe-area-inset-bottom)); background: #0009; overflow-y: auto; }
[b-9ko1imnr37] .course-repertoire-dialog {
    box-sizing: border-box;
    width: min(520px, calc(100vw - 1.5rem));
    max-width: 100%;
    max-height: calc(100dvh - 2rem);
    overflow-y: auto;
    overflow-wrap: anywhere;
    padding: 1.1rem 1.2rem 1rem;
    display: grid; gap: .85rem;
}
[b-9ko1imnr37] .course-repertoire-dialog header { display: flex; justify-content: space-between; align-items: center; gap: .75rem; min-width: 0; }
[b-9ko1imnr37] .course-repertoire-dialog footer { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .5rem; }
.course-reader[b-9ko1imnr37]  .mud-button-root, .responsive-modal-overlay[b-9ko1imnr37]  .mud-button-root { min-height: 44px; white-space: normal; }
.course-reader[b-9ko1imnr37]  .mud-icon-button, .responsive-modal-overlay[b-9ko1imnr37]  .mud-icon-button { min-width: 44px; min-height: 44px; flex-shrink: 0; }
.course-reader[b-9ko1imnr37]  .mud-button-label { overflow-wrap: anywhere; }
.responsive-modal-overlay[b-9ko1imnr37]  .mud-input-control { min-width: 0; max-width: 100%; }
.responsive-modal-overlay[b-9ko1imnr37]  .mud-select-input { white-space: normal; overflow-wrap: anywhere; }

@media (max-width: 900px) {
    .course-reader-layout[b-9ko1imnr37] { grid-template-columns: minmax(0, 1fr); }
    .course-board-panel[b-9ko1imnr37] { position: static; }
    .course-reader-actions[b-9ko1imnr37]  .mud-button-root { width: 100%; }
    .course-moves[b-9ko1imnr37] { max-height: 18rem; }
}
@media (max-width: 600px) {
    .course-current-crumb[b-9ko1imnr37] { overflow-wrap: anywhere; }
    .course-reader[b-9ko1imnr37] { padding: .85rem .5rem 3rem; }
    .course-reader-nav[b-9ko1imnr37] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; }
    .course-reader-nav[b-9ko1imnr37]  .mud-button-root { padding-inline: .4rem; min-width: 0; }
    .course-breadcrumb[b-9ko1imnr37] { font-size: .85rem; }
    .course-moves[b-9ko1imnr37] { max-height: 15rem; }
    .course-section[b-9ko1imnr37] { padding: .8rem .85rem; }
}

.course-section-body[b-9ko1imnr37] { max-height: none; overflow: visible; padding: 0; }
.course-section p[b-9ko1imnr37], .course-section li[b-9ko1imnr37] { margin-block: .75rem; }
.course-translation-note[b-9ko1imnr37] { font-size: .82rem; color: var(--mud-palette-text-secondary); margin-block: .5rem; }
.course-translation-note summary[b-9ko1imnr37] { min-height: 44px; align-content: center; cursor: pointer; }
.course-ancestor[b-9ko1imnr37] { border: 0; background: none; color: inherit; font: inherit; text-decoration: underline; min-height: 44px; text-align: start; cursor: pointer; }
.course-ancestor:focus-visible[b-9ko1imnr37], .course-translation-note summary:focus-visible[b-9ko1imnr37] { outline: 2px solid var(--mud-palette-primary); }
@media (max-width: 900px) { .course-text-panel[b-9ko1imnr37] { max-width: none; } }

/* Analysis tools shared with the other boards (explorer dialog + on-demand Stockfish). */
.course-analysis-tools[b-9ko1imnr37] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 10px 0; }
.course-analysis-tool[b-9ko1imnr37] { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 8px; min-height: 44px; padding: 8px 10px; border: 1px solid var(--mud-palette-lines-default); border-radius: 10px; background: var(--mud-palette-surface); color: inherit; text-align: left; cursor: pointer; }
.course-analysis-tool > span[b-9ko1imnr37] { display: grid; min-width: 0; }
.course-analysis-tool strong[b-9ko1imnr37] { font-size: .84rem; }
.course-analysis-tool small[b-9ko1imnr37] { color: var(--mud-palette-text-secondary); font-size: .72rem; }
.course-analysis-tool > .mud-icon-root[b-9ko1imnr37] { color: var(--mud-palette-primary); }
.course-analysis-tool.active[b-9ko1imnr37], .course-analysis-tool:hover[b-9ko1imnr37] { border-color: var(--mud-palette-primary); }
@media (max-width: 420px) { .course-analysis-tools[b-9ko1imnr37] { grid-template-columns: minmax(0, 1fr); } }

.course-section-icon[b-9ko1imnr37] { margin-inline-end: .45rem; vertical-align: -.125em; color: var(--mud-palette-primary); }
.course-section.tone-plan .course-section-icon[b-9ko1imnr37] { color: #14b8a6; }
.course-section.tone-warning .course-section-icon[b-9ko1imnr37] { color: #f59e0b; }

.course-empty-line[b-9ko1imnr37] { display: flex; align-items: flex-start; gap: .5rem; padding: .6rem .8rem; border-radius: 10px; background: color-mix(in srgb, var(--mud-palette-info) 10%, transparent); color: var(--mud-palette-text-secondary); font-size: .92rem; }
.course-empty-line > .mud-icon-root[b-9ko1imnr37] { flex-shrink: 0; color: var(--mud-palette-info); }

.course-empty-state[b-9ko1imnr37] { display: grid; justify-items: center; gap: 1rem; max-width: 32rem; margin: 3rem auto; padding: 1.5rem; text-align: center; }
.course-empty-icon[b-9ko1imnr37] { font-size: 3rem; color: var(--mud-palette-text-secondary); }
/* /Pages/Features.razor.rz.scp.css */
.features-catalog-page[b-uz6xdfrnov] {
    --feature-accent: #60a5fa;
    box-sizing: border-box;
    width: min(1440px, calc(100% - clamp(1.5rem, 6vw, 6rem)));
    max-width: 100%;
    min-width: 0;
    margin: 0 auto;
    padding: clamp(1rem, 3vw, 2.25rem) 0 4rem;
}

.features-loading[b-uz6xdfrnov] {
    display: flex;
    min-height: 55vh;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    color: var(--mud-palette-text-secondary);
}

.features-hero[b-uz6xdfrnov] {
    position: relative;
    display: grid;
    min-height: clamp(440px, 63vh, 680px);
    overflow: hidden;
    grid-template-columns: minmax(0, 1.2fr) minmax(340px, .8fr);
    align-items: center;
    gap: clamp(1.5rem, 4vw, 3.5rem);
    padding: clamp(2rem, 4vw, 4rem);
    border: 1px solid color-mix(in srgb, var(--mud-palette-primary) 26%, var(--mud-palette-lines-default));
    border-radius: 30px;
    background:
        radial-gradient(circle at 88% 12%, color-mix(in srgb, #8b5cf6 35%, transparent), transparent 34%),
        radial-gradient(circle at 12% 88%, color-mix(in srgb, #0ea5e9 24%, transparent), transparent 36%),
        linear-gradient(135deg, color-mix(in srgb, var(--mud-palette-surface) 88%, #172554), var(--mud-palette-surface));
    box-shadow: 0 26px 70px color-mix(in srgb, var(--mud-palette-black) 16%, transparent);
}

.features-hero[b-uz6xdfrnov]::after {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image: linear-gradient(#ffffff08 1px, transparent 1px), linear-gradient(90deg, #ffffff08 1px, transparent 1px);
    background-size: 42px 42px;
    mask-image: linear-gradient(90deg, transparent, #000 60%);
    content: "";
}

.features-hero-copy[b-uz6xdfrnov] { position: relative; z-index: 2; min-width: 0; max-width: 100%; }
.features-eyebrow[b-uz6xdfrnov] { margin: 0 0 .65rem; color: var(--feature-accent, var(--mud-palette-primary)); font-size: .76rem; font-weight: 900; letter-spacing: .15em; text-transform: uppercase; }
.features-hero h1[b-uz6xdfrnov] { max-width: 17ch; margin: 0; overflow-wrap: anywhere; font-size: clamp(2.5rem, 3.6vw, 3.65rem); font-weight: 900; line-height: .98; letter-spacing: -.055em; word-break: normal; }
.features-lede[b-uz6xdfrnov] { max-width: 68ch; margin: 1.35rem 0 0; overflow-wrap: anywhere; color: var(--mud-palette-text-secondary); font-size: clamp(1rem, 1.45vw, 1.22rem); line-height: 1.7; }
.features-actions[b-uz6xdfrnov] { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.6rem; }
.features-actions[b-uz6xdfrnov]  .mud-button-root { min-height: 46px; border-radius: 13px; padding-inline: 1.2rem; }

.features-proofs[b-uz6xdfrnov] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem 1.2rem; margin: 1.7rem 0 0; padding: 0; list-style: none; }
.features-proofs li[b-uz6xdfrnov] { display: flex; min-width: 0; align-items: center; gap: .55rem; color: var(--mud-palette-text-secondary); font-size: .87rem; }
.features-proofs[b-uz6xdfrnov]  .mud-icon-root,
.features-proofs li > span:first-child[b-uz6xdfrnov] { flex: 0 0 auto; color: #34d399; font-size: 1.08rem; }

.features-hero-visual[b-uz6xdfrnov] { position: relative; z-index: 1; min-height: 360px; }
.hero-orbit[b-uz6xdfrnov] { position: absolute; border: 1px solid #ffffff1c; border-radius: 50%; }
.orbit-one[b-uz6xdfrnov] { inset: 8% 5% 4% 6%; }
.orbit-two[b-uz6xdfrnov] { inset: 22% 18%; border-color: #60a5fa32; }
.hero-workshop-card[b-uz6xdfrnov] { position: absolute; display: grid; min-width: 185px; grid-template-columns: 44px 1fr; gap: .1rem .75rem; align-items: center; padding: 1rem; border: 1px solid #ffffff26; border-radius: 16px; color: #f8fafc; background: #0f172adb; box-shadow: 0 18px 40px #02061766; backdrop-filter: blur(10px); }
.hero-workshop-card[b-uz6xdfrnov]  .mud-icon-root,
.hero-workshop-card > b[b-uz6xdfrnov] { display: grid; grid-row: 1 / span 2; width: 44px; height: 44px; place-items: center; padding: .6rem; border-radius: 12px; color: #bfdbfe; background: #2563eb30; }
.hero-workshop-card span[b-uz6xdfrnov] { color: #94a3b8; font-size: .7rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.hero-workshop-card strong[b-uz6xdfrnov] { font-size: .92rem; }
.hero-card-main[b-uz6xdfrnov] { top: 7%; left: 3%; transform: rotate(-3deg); }
.hero-card-engine[b-uz6xdfrnov] { top: 19%; right: 0; transform: rotate(3deg); }
.hero-card-training[b-uz6xdfrnov] { bottom: 18%; left: 12%; transform: rotate(2deg); }
.hero-card-games[b-uz6xdfrnov] { right: 4%; bottom: 2%; transform: rotate(-2deg); }

.features-section-nav[b-uz6xdfrnov] { position: sticky; z-index: 12; top: 72px; display: flex; box-sizing: border-box; width: 100%; max-width: 100%; min-width: 0; overflow-x: auto; overscroll-behavior-x: contain; gap: .45rem; margin: 1rem 0 0; padding: .6rem; border: 1px solid var(--mud-palette-lines-default); border-radius: 17px; background: color-mix(in srgb, var(--mud-palette-background) 88%, transparent); box-shadow: 0 10px 28px #02061716; scrollbar-width: thin; backdrop-filter: blur(15px); -webkit-overflow-scrolling: touch; }
.features-section-nav a[b-uz6xdfrnov] { display: inline-flex; min-height: 40px; flex: 0 0 auto; align-items: center; gap: .45rem; padding: .55rem .75rem; border-radius: 11px; color: var(--mud-palette-text-secondary); font-size: .79rem; font-weight: 750; text-decoration: none; white-space: nowrap; }
.features-section-nav a:hover[b-uz6xdfrnov], .features-section-nav a:focus-visible[b-uz6xdfrnov] { color: var(--mud-palette-primary); background: color-mix(in srgb, var(--mud-palette-primary) 10%, transparent); outline: none; }
.features-section-nav[b-uz6xdfrnov]  .mud-icon-root { font-size: 1.05rem; }

.features-sections[b-uz6xdfrnov] { display: grid; gap: clamp(2rem, 5vw, 4rem); padding-top: clamp(2.5rem, 6vw, 5rem); }
.feature-section[b-uz6xdfrnov] { --feature-accent: #60a5fa; scroll-margin-top: 145px; padding: clamp(1.4rem, 4vw, 3.2rem); border: 1px solid color-mix(in srgb, var(--feature-accent) 18%, var(--mud-palette-lines-default)); border-radius: 26px; background: linear-gradient(145deg, color-mix(in srgb, var(--feature-accent) 4%, var(--mud-palette-surface)), var(--mud-palette-surface)); box-shadow: 0 18px 44px color-mix(in srgb, var(--mud-palette-black) 7%, transparent); }
.tone-violet[b-uz6xdfrnov] { --feature-accent: #a78bfa; }
.tone-blue[b-uz6xdfrnov] { --feature-accent: #60a5fa; }
.tone-green[b-uz6xdfrnov] { --feature-accent: #34d399; }
.tone-cyan[b-uz6xdfrnov] { --feature-accent: #22d3ee; }
.tone-orange[b-uz6xdfrnov] { --feature-accent: #fb923c; }
.tone-pink[b-uz6xdfrnov] { --feature-accent: #f472b6; }

.feature-section-heading[b-uz6xdfrnov] { display: grid; max-width: 1000px; grid-template-columns: auto minmax(0, 1fr); gap: 1rem; align-items: start; margin-bottom: 1.8rem; }
.feature-section-icon[b-uz6xdfrnov] { display: grid; width: 54px; height: 54px; place-items: center; border: 1px solid color-mix(in srgb, var(--feature-accent) 40%, transparent); border-radius: 16px; color: var(--feature-accent); background: color-mix(in srgb, var(--feature-accent) 12%, transparent); }
.feature-section-icon[b-uz6xdfrnov]  .mud-icon-root { font-size: 1.7rem; }
.feature-section-heading h2[b-uz6xdfrnov] { max-width: 24ch; margin: 0; font-size: clamp(1.8rem, 3.25vw, 3.25rem); line-height: 1.06; letter-spacing: -.04em; }
.feature-access-label[b-uz6xdfrnov] { display: inline-flex; width: max-content; align-items: center; gap: .3rem; margin: -.2rem 0 .65rem; padding: .3rem .55rem; border: 1px solid #f59e0b66; border-radius: 999px; color: #fbbf24; background: #f59e0b12; font-size: .68rem; font-weight: 900; letter-spacing: .06em; }
.feature-access-label[b-uz6xdfrnov]  .mud-icon-root { font-size: .9rem; }
.feature-section-heading > div > p:last-child[b-uz6xdfrnov] { max-width: 76ch; margin: .8rem 0 0; color: var(--mud-palette-text-secondary); line-height: 1.65; }

.feature-card-grid[b-uz6xdfrnov] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.feature-detail-card[b-uz6xdfrnov] { position: relative; min-width: 0; padding: clamp(1.2rem, 2.5vw, 1.75rem); overflow: hidden; border: 1px solid var(--mud-palette-lines-default); border-radius: 18px; background: color-mix(in srgb, var(--mud-palette-background) 46%, var(--mud-palette-surface)); }
.feature-detail-card[b-uz6xdfrnov]::after { position: absolute; inset: 0 0 auto; height: 2px; background: linear-gradient(90deg, var(--feature-accent), transparent 70%); content: ""; opacity: .75; }
.feature-detail-card h3[b-uz6xdfrnov] { margin: 0; font-size: 1.1rem; line-height: 1.3; }
.feature-detail-card > p[b-uz6xdfrnov] { margin: .55rem 0 1rem; color: var(--mud-palette-text-secondary); line-height: 1.55; }
.feature-detail-card ul[b-uz6xdfrnov] { display: grid; gap: .55rem; margin: 0; padding: 0; list-style: none; }
.feature-detail-card li[b-uz6xdfrnov] { display: grid; grid-template-columns: 18px minmax(0, 1fr); gap: .48rem; color: var(--mud-palette-text-secondary); font-size: .86rem; line-height: 1.45; }
.feature-detail-card li[b-uz6xdfrnov]  .mud-icon-root,
.feature-detail-card li > span:first-child[b-uz6xdfrnov] { margin-top: .12rem; color: var(--feature-accent); font-size: 1rem; }
.feature-badges[b-uz6xdfrnov] { display: flex; flex-wrap: wrap; gap: .35rem; margin-bottom: .8rem; }
.feature-badges span[b-uz6xdfrnov], .plan-badge[b-uz6xdfrnov] { display: inline-flex; width: max-content; padding: .28rem .48rem; border: 1px solid color-mix(in srgb, var(--feature-accent) 38%, transparent); border-radius: 999px; color: var(--feature-accent); background: color-mix(in srgb, var(--feature-accent) 9%, transparent); font-size: .62rem; font-weight: 900; letter-spacing: .09em; }

.features-guide-callout[b-uz6xdfrnov] { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 1rem; align-items: center; padding: clamp(1.25rem, 3vw, 2rem); border: 1px solid color-mix(in srgb, var(--mud-palette-primary) 33%, var(--mud-palette-lines-default)); border-radius: 22px; background: linear-gradient(105deg, color-mix(in srgb, var(--mud-palette-primary) 11%, var(--mud-palette-surface)), var(--mud-palette-surface)); }
.features-guide-callout > span[b-uz6xdfrnov] { display: grid; width: 52px; height: 52px; place-items: center; border-radius: 15px; color: var(--mud-palette-primary); background: color-mix(in srgb, var(--mud-palette-primary) 13%, transparent); }
.features-guide-callout h2[b-uz6xdfrnov] { max-width: 36ch; margin: 0; font-size: clamp(1.2rem, 2.2vw, 1.7rem); line-height: 1.25; }
.features-guide-callout[b-uz6xdfrnov]  .mud-button-root { min-height: 44px; border-radius: 12px; }

.features-plans[b-uz6xdfrnov] { margin-top: clamp(3rem, 7vw, 6rem); padding: clamp(1.5rem, 4vw, 3.5rem); border: 1px solid var(--mud-palette-lines-default); border-radius: 28px; background: var(--mud-palette-surface); }
.features-plans > header[b-uz6xdfrnov] { max-width: 850px; }
.features-plans h2[b-uz6xdfrnov] { margin: 0; font-size: clamp(1.9rem, 3.6vw, 3.4rem); line-height: 1.05; letter-spacing: -.04em; }
.features-plans > header > p:last-child[b-uz6xdfrnov] { color: var(--mud-palette-text-secondary); line-height: 1.65; }
.features-plan-grid[b-uz6xdfrnov] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin-top: 1.8rem; }
.features-plan-grid article[b-uz6xdfrnov] { --feature-accent: var(--mud-palette-primary); padding: clamp(1.2rem, 3vw, 2rem); border: 1px solid var(--mud-palette-lines-default); border-radius: 19px; background: color-mix(in srgb, var(--mud-palette-background) 55%, var(--mud-palette-surface)); }
.features-plan-grid article.is-premium[b-uz6xdfrnov] { --feature-accent: #f59e0b; border-color: color-mix(in srgb, #f59e0b 42%, var(--mud-palette-lines-default)); background: linear-gradient(145deg, color-mix(in srgb, #f59e0b 9%, var(--mud-palette-surface)), var(--mud-palette-surface)); }
.features-plan-grid h3[b-uz6xdfrnov] { margin: .7rem 0 1rem; font-size: 1.35rem; }
.features-plan-grid dl[b-uz6xdfrnov] { display: grid; gap: .2rem; margin: 0; }
.features-plan-grid dl > div[b-uz6xdfrnov] { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 1rem; align-items: center; padding: .72rem 0; border-top: 1px solid var(--mud-palette-lines-default); }
.features-plan-grid dt[b-uz6xdfrnov] { color: var(--mud-palette-text-secondary); font-size: .86rem; }
.features-plan-grid dd[b-uz6xdfrnov] { margin: 0; font-size: .88rem; font-weight: 850; text-align: right; }
.features-plan-grid[b-uz6xdfrnov]  .mud-button-root { margin-top: .8rem; }

.features-capacity-callout[b-uz6xdfrnov] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
    margin-top: 1rem;
    padding: 1.15rem;
    border: 1px solid color-mix(in srgb, #22d3ee 32%, var(--mud-palette-lines-default));
    border-radius: 18px;
    background: linear-gradient(115deg, color-mix(in srgb, #22d3ee 8%, var(--mud-palette-background)), color-mix(in srgb, #8b5cf6 7%, var(--mud-palette-surface)));
}
.features-capacity-icon[b-uz6xdfrnov] { display: grid; width: 46px; height: 46px; place-items: center; border-radius: 13px; color: #67e8f9; background: color-mix(in srgb, #22d3ee 15%, transparent); }
.features-capacity-callout strong[b-uz6xdfrnov] { display: block; font-size: 1.02rem; }
.features-capacity-callout p[b-uz6xdfrnov] { margin: .3rem 0; color: var(--mud-palette-text-secondary); font-size: .86rem; line-height: 1.5; }
.features-capacity-callout small[b-uz6xdfrnov] { display: block; color: var(--mud-palette-text-secondary); font-size: .76rem; line-height: 1.45; }
.features-capacity-callout[b-uz6xdfrnov]  .mud-button-root { min-height: 42px; border-radius: 12px; white-space: nowrap; }

.features-final[b-uz6xdfrnov] { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 1.2rem; align-items: center; margin-top: clamp(2rem, 5vw, 4rem); padding: clamp(1.5rem, 4vw, 3rem); overflow: hidden; border-radius: 28px; color: #f8fafc; background: radial-gradient(circle at 90% 0, #ec489955, transparent 30%), linear-gradient(130deg, #1e3a8a, #5b21b6 60%, #831843); box-shadow: 0 24px 60px #312e8138; }
.features-final > span[b-uz6xdfrnov] { display: grid; width: 58px; height: 58px; place-items: center; border: 1px solid #ffffff45; border-radius: 18px; background: #ffffff12; }
.features-final h2[b-uz6xdfrnov] { margin: 0; font-size: clamp(1.55rem, 2.8vw, 2.5rem); line-height: 1.1; }
.features-final p[b-uz6xdfrnov] { max-width: 65ch; margin: .55rem 0 0; color: #e2e8f0; line-height: 1.55; }
.features-final .features-actions[b-uz6xdfrnov] { justify-content: flex-end; margin: 0; }
.features-final[b-uz6xdfrnov]  .mud-button-outlined { border-color: #ffffff8a; color: #fff; }

@media (max-width: 1050px) {
    .features-hero[b-uz6xdfrnov] { grid-template-columns: 1fr; }
    .features-hero-copy[b-uz6xdfrnov] { max-width: 780px; }
    .features-hero-visual[b-uz6xdfrnov] { width: min(620px, 100%); min-height: 300px; margin-inline: auto; }
    .features-final[b-uz6xdfrnov] { grid-template-columns: auto minmax(0, 1fr); }
    .features-final .features-actions[b-uz6xdfrnov] { grid-column: 1 / -1; justify-content: flex-start; }
}

@media (max-width: 700px) {
    .features-catalog-page[b-uz6xdfrnov] { width: min(100% - 1rem, 1440px); padding-top: .5rem; }
    .features-hero[b-uz6xdfrnov] { min-height: auto; grid-template-columns: minmax(0, 1fr); gap: 1.5rem; padding: 1.35rem; border-radius: 22px; }
    .features-hero h1[b-uz6xdfrnov] { max-width: none; font-size: clamp(2.1rem, 9.5vw, 2.8rem); }
    .features-proofs[b-uz6xdfrnov] { grid-template-columns: 1fr; }
    .features-hero-visual[b-uz6xdfrnov] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .65rem;
        min-height: 0;
        width: 100%;
        max-width: 100%;
        overflow: visible;
    }
    .hero-orbit[b-uz6xdfrnov] { display: none; }
    .hero-workshop-card[b-uz6xdfrnov] {
        position: static;
        transform: none;
        min-width: 0;
        max-width: none;
        width: 100%;
        padding: .78rem;
    }
    .hero-workshop-card[b-uz6xdfrnov]  .mud-icon-root { width: 38px; height: 38px; }
    .hero-card-main[b-uz6xdfrnov], .hero-card-engine[b-uz6xdfrnov], .hero-card-training[b-uz6xdfrnov], .hero-card-games[b-uz6xdfrnov] {
        inset: auto;
        left: auto;
        right: auto;
        top: auto;
        bottom: auto;
    }
    .features-section-nav[b-uz6xdfrnov] { top: 66px; margin-inline: 0; border-radius: 14px; }
    .feature-section[b-uz6xdfrnov] { scroll-margin-top: 125px; padding: 1.1rem; border-radius: 20px; }
    .feature-section-heading[b-uz6xdfrnov] { grid-template-columns: 44px minmax(0, 1fr); gap: .75rem; }
    .feature-section-icon[b-uz6xdfrnov] { width: 44px; height: 44px; border-radius: 13px; }
    .feature-section-heading h2[b-uz6xdfrnov] { font-size: clamp(1.65rem, 8.4vw, 2.35rem); }
    .feature-section-heading > div > p:last-child[b-uz6xdfrnov] { grid-column: 1 / -1; }
    .feature-card-grid[b-uz6xdfrnov], .features-plan-grid[b-uz6xdfrnov] { grid-template-columns: 1fr; }
    .feature-detail-card[b-uz6xdfrnov] { padding: 1.15rem; }
    .features-guide-callout[b-uz6xdfrnov] { grid-template-columns: auto minmax(0, 1fr); padding: 1.1rem; }
    .features-guide-callout[b-uz6xdfrnov]  .mud-button-root { grid-column: 1 / -1; width: 100%; }
    .features-plans[b-uz6xdfrnov] { padding: 1.15rem; border-radius: 21px; }
    .features-plan-grid dl > div[b-uz6xdfrnov] { grid-template-columns: 1fr; gap: .2rem; }
    .features-plan-grid dd[b-uz6xdfrnov] { text-align: left; }
    .features-capacity-callout[b-uz6xdfrnov] { grid-template-columns: auto minmax(0, 1fr); padding: 1rem; }
    .features-capacity-callout[b-uz6xdfrnov]  .mud-button-root { grid-column: 1 / -1; width: 100%; }
    .features-final[b-uz6xdfrnov] { grid-template-columns: 1fr; padding: 1.35rem; border-radius: 22px; }
    .features-final .features-actions[b-uz6xdfrnov] { grid-column: auto; }
    .features-final .features-actions[b-uz6xdfrnov]  .mud-button-root { width: 100%; }
}

@media (max-width: 390px) {
    .features-catalog-page[b-uz6xdfrnov] { width: min(100% - .7rem, 100%); }
    .features-hero[b-uz6xdfrnov] { padding: 1.05rem; }
    .features-hero h1[b-uz6xdfrnov] { max-width: none; }
    .features-hero-visual[b-uz6xdfrnov] { min-height: 0; }
    .hero-workshop-card[b-uz6xdfrnov] { grid-template-columns: 32px minmax(0, 1fr); gap: .05rem .5rem; padding: .65rem; border-radius: 13px; }
    .hero-workshop-card[b-uz6xdfrnov]  .mud-icon-root { width: 32px; height: 32px; padding: .45rem; }
    .hero-workshop-card span[b-uz6xdfrnov] { font-size: .7rem; }
    .hero-workshop-card strong[b-uz6xdfrnov] { font-size: .78rem; }
    .features-section-nav a[b-uz6xdfrnov] { font-size: .74rem; padding: .5rem .65rem; }
    .feature-section[b-uz6xdfrnov] { padding: .9rem; }
    .feature-section-heading[b-uz6xdfrnov] { grid-template-columns: 1fr; }
    .feature-detail-card li[b-uz6xdfrnov] { font-size: .82rem; }
}

@media (max-width: 320px) {
    .features-catalog-page[b-uz6xdfrnov] { width: min(100% - .5rem, 100%); padding-top: .35rem; }
    .features-hero[b-uz6xdfrnov] { padding: .9rem; border-radius: 18px; }
    .features-hero h1[b-uz6xdfrnov] { max-width: 100%; overflow-wrap: anywhere; font-size: clamp(1.55rem, 8.5vw, 1.95rem); }
    .features-actions[b-uz6xdfrnov]  .mud-button-root { min-height: 44px; width: 100%; }
    .features-hero-visual[b-uz6xdfrnov] { grid-template-columns: 1fr; }
    .hero-workshop-card[b-uz6xdfrnov] { max-width: none; }
    .features-section-nav[b-uz6xdfrnov] { padding: .45rem; gap: .35rem; }
}

@media (prefers-reduced-motion: reduce) {
    .features-section-nav[b-uz6xdfrnov] { scroll-behavior: auto; }
}
/* /Pages/Feedback.razor.rz.scp.css */
.feedback-page[b-w6x4qhhjjq] { box-sizing: border-box; width: 100%; max-width: 1080px; margin-inline: auto; padding: 1.75rem clamp(1rem, 3vw, 2.5rem) 3.5rem !important; }
.feedback-hero[b-w6x4qhhjjq] { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 1.2rem; align-items: center; padding: clamp(1.5rem, 3vw, 2.25rem); border-radius: 24px; color: #fff; background: radial-gradient(circle at 88% 0%, rgba(255,255,255,.18), transparent 32%), linear-gradient(132deg, #14233c, #352566 52%, #773b72); box-shadow: 0 18px 45px rgba(20,25,65,.22); }
.feedback-hero-icon[b-w6x4qhhjjq] { display: grid; place-items: center; width: 64px; height: 64px; border: 1px solid rgba(255,255,255,.24); border-radius: 19px; background: rgba(255,255,255,.12); }
.feedback-hero[b-w6x4qhhjjq]  h1 { min-width: 0; margin-block: .15rem .35rem; overflow-wrap: anywhere; font-weight: 800; letter-spacing: -.035em; }
.feedback-hero[b-w6x4qhhjjq]  p { min-width: 0; overflow-wrap: anywhere; opacity: .87; }
.feedback-content[b-w6x4qhhjjq], .feedback-page[b-w6x4qhhjjq]  .feedback-content { margin-top: clamp(2.5rem, 5vw, 3.5rem); }
.feedback-section-heading[b-w6x4qhhjjq] { margin-bottom: 1.6rem; }
.feedback-section-heading h5[b-w6x4qhhjjq] { font-weight: 800; }
.feedback-section-heading p[b-w6x4qhhjjq] { margin-top: .3rem; color: var(--mud-palette-text-secondary); }
.feedback-type-grid[b-w6x4qhhjjq] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.feedback-type-card[b-w6x4qhhjjq] { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: .25rem .8rem; align-items: center; min-width: 0; min-height: 142px; padding: 1.15rem; border: 1px solid var(--mud-palette-lines-default); border-radius: 17px; color: var(--mud-palette-text-primary); background: var(--mud-palette-surface); box-shadow: 0 10px 26px rgba(15,23,42,.07); font: inherit; text-align: left; cursor: pointer; transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease; }
.feedback-type-card:hover[b-w6x4qhhjjq], .feedback-type-card:focus-visible[b-w6x4qhhjjq], .feedback-type-card.is-selected[b-w6x4qhhjjq] { transform: translateY(-2px); border-color: var(--mud-palette-primary); outline: none; box-shadow: 0 0 0 3px color-mix(in srgb, var(--mud-palette-primary) 18%, transparent), 0 13px 30px rgba(15,23,42,.1); }
.feedback-type-card > span[b-w6x4qhhjjq] { grid-row: 1 / 3; display: grid; place-items: center; width: 46px; height: 46px; border-radius: 14px; color: #fff; background: linear-gradient(135deg, #dc2626, #f97316); }
.feedback-type-card.improvement > span[b-w6x4qhhjjq] { background: linear-gradient(135deg, #d97706, #facc15); }
.feedback-type-card.other > span[b-w6x4qhhjjq] { background: linear-gradient(135deg, #0288d1, #14b8a6); }
.feedback-type-card strong[b-w6x4qhhjjq] { font-size: 1.05rem; }
.feedback-type-card small[b-w6x4qhhjjq] { grid-column: 2 / 4; color: var(--mud-palette-text-secondary); line-height: 1.4; }
.feedback-type-card[b-w6x4qhhjjq] >  .mud-icon-root:last-child { color: var(--mud-palette-primary); }
.feedback-form-card[b-w6x4qhhjjq] { margin-top: 2rem; padding: clamp(1.25rem, 3vw, 2rem); border: 1px solid var(--mud-palette-lines-default); border-radius: 20px; box-shadow: 0 12px 32px rgba(15,23,42,.08); }
.feedback-field[b-w6x4qhhjjq] { display: grid; gap: .35rem; margin-bottom: 1.35rem; }
.feedback-character-count[b-w6x4qhhjjq] { justify-self: end; color: var(--mud-palette-text-secondary); font-size: .76rem; font-variant-numeric: tabular-nums; }
.feedback-context-row[b-w6x4qhhjjq] { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .2rem 1rem; align-items: center; margin-top: 1.25rem; }
.feedback-context-row p[b-w6x4qhhjjq] { color: var(--mud-palette-text-secondary); }
.feedback-page[b-w6x4qhhjjq]  .feedback-privacy { margin-top: 1rem; }
.feedback-actions[b-w6x4qhhjjq] { display: flex; justify-content: flex-end; margin-top: 1.5rem; padding-top: 1.25rem; border-top: 1px solid var(--mud-palette-lines-default); }
@media (max-width: 760px) { .feedback-type-grid[b-w6x4qhhjjq] { grid-template-columns: 1fr; } }
@media (max-width: 600px) { .feedback-page[b-w6x4qhhjjq] { padding-inline: .25rem !important; padding-top: .75rem !important; } .feedback-hero[b-w6x4qhhjjq] { grid-template-columns: minmax(0, 1fr); padding: 1.3rem; border-radius: 18px; } .feedback-context-row[b-w6x4qhhjjq] { grid-template-columns: 1fr; } .feedback-actions[b-w6x4qhhjjq]  .mud-button-root { width: 100%; } }
@media (max-width: 320px) {
    .feedback-hero[b-w6x4qhhjjq] { padding: 1.05rem; gap: .85rem; }
    .feedback-hero-icon[b-w6x4qhhjjq] { width: 48px; height: 48px; border-radius: 14px; }
    .feedback-hero[b-w6x4qhhjjq]  h1 { font-size: 1.35rem; }
}

@media (prefers-reduced-motion: reduce) { .feedback-type-card[b-w6x4qhhjjq] { transition: none; } }

/* UX-001 — alerte guest + CTA Connexion : wrap sur étroit */
.feedback-page[b-w6x4qhhjjq]  .feedback-content.mud-alert .mud-alert-message {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .75rem 1rem;
}
.feedback-page[b-w6x4qhhjjq]  .feedback-content.mud-alert .mud-button-root {
    flex: 0 0 auto;
}
@media (max-width: 600px) {
    .feedback-page[b-w6x4qhhjjq]  .feedback-content.mud-alert .mud-button-root {
        margin-inline-start: 0 !important;
        width: 100%;
        justify-content: center;
    }
}

.feedback-page[b-w6x4qhhjjq]  .cos-touch-cta.mud-button-root {
    min-height: 44px !important;
    height: 44px !important;
    box-sizing: border-box !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}
/* /Pages/FreeAnalysis.razor.rz.scp.css */
.free-analysis-page[b-qyu59wvr14]{--fa-border:color-mix(in srgb,var(--mud-palette-text-primary) 14%,transparent);--fa-surface:var(--mud-palette-surface);max-width:1440px;margin:0 auto;padding:.5rem 0 1rem;color:var(--mud-palette-text-primary)}
.free-analysis-hero[b-qyu59wvr14]{display:flex;gap:1.5rem;align-items:center;justify-content:space-between;margin-bottom:.75rem}.free-analysis-hero h1[b-qyu59wvr14]{font-size:clamp(1.35rem,3vw,2rem);line-height:1.2;margin:0}.free-analysis-hero p[b-qyu59wvr14]{display:none}.free-analysis-eyebrow[b-qyu59wvr14],.free-analysis-panel-heading span[b-qyu59wvr14]{font-size:.72rem;font-weight:800;letter-spacing:.13em;color:var(--mud-palette-primary)}.free-analysis-hero-actions[b-qyu59wvr14],.free-analysis-inline-actions[b-qyu59wvr14],.free-analysis-library-actions[b-qyu59wvr14]{display:flex;flex-wrap:wrap;gap:.65rem}
.fa-button[b-qyu59wvr14]{min-height:44px;padding:.65rem 1rem;border:1px solid transparent;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font:inherit;font-weight:750;text-decoration:none;cursor:pointer}.fa-button:disabled[b-qyu59wvr14]{opacity:.48;cursor:not-allowed}.fa-button-primary[b-qyu59wvr14]{color:var(--mud-palette-primary-text);background:var(--mud-palette-primary)}.fa-button-secondary[b-qyu59wvr14]{color:var(--mud-palette-text-primary);background:var(--fa-surface);border-color:var(--fa-border)}.fa-button-ghost[b-qyu59wvr14]{color:var(--mud-palette-text-primary);background:transparent}.fa-button-wide[b-qyu59wvr14]{width:100%}.fa-icon-button[b-qyu59wvr14],.free-analysis-panel-heading>button[b-qyu59wvr14]{width:44px;height:44px;border:1px solid var(--fa-border);border-radius:12px;background:var(--fa-surface);color:inherit;display:grid;place-items:center;cursor:pointer}
.free-analysis-message[b-qyu59wvr14]{display:flex;align-items:center;gap:.65rem;padding:.8rem 1rem;margin-bottom:1rem;border-radius:12px;background:color-mix(in srgb,var(--mud-palette-success) 12%,var(--fa-surface));border:1px solid color-mix(in srgb,var(--mud-palette-success) 35%,transparent)}.free-analysis-message.is-error[b-qyu59wvr14]{background:color-mix(in srgb,var(--mud-palette-error) 11%,var(--fa-surface));border-color:color-mix(in srgb,var(--mud-palette-error) 35%,transparent)}.free-analysis-message span[b-qyu59wvr14]{flex:1}.free-analysis-message button[b-qyu59wvr14]{min-width:44px;min-height:44px;border:0;background:none;color:inherit;cursor:pointer}
.free-analysis-panel[b-qyu59wvr14]{background:var(--fa-surface);border:1px solid var(--fa-border);border-radius:18px;padding:clamp(1rem,2vw,1.35rem);box-shadow:0 10px 30px rgba(15,23,42,.05)}.free-analysis-panel-heading[b-qyu59wvr14]{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.free-analysis-panel-heading.compact[b-qyu59wvr14]{margin-bottom:.65rem}.free-analysis-panel-heading h2[b-qyu59wvr14]{font-size:1.2rem;margin:.1rem 0 0}.free-analysis-panel-heading small[b-qyu59wvr14]{color:var(--mud-palette-text-secondary)}.free-analysis-import[b-qyu59wvr14]{margin-bottom:1rem}.free-analysis-import textarea[b-qyu59wvr14]{width:100%;resize:vertical;min-height:150px;margin-bottom:.8rem}
.free-analysis-workspace[b-qyu59wvr14]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;align-items:start}.free-analysis-board-column[b-qyu59wvr14]{min-width:0}.free-analysis-board-toolbar[b-qyu59wvr14]{display:flex;align-items:end;gap:.65rem;margin-bottom:.75rem}.free-analysis-board-toolbar label[b-qyu59wvr14]{flex:1}.free-analysis-board-toolbar label span[b-qyu59wvr14],.free-analysis-modal label[b-qyu59wvr14],.free-analysis-fen small[b-qyu59wvr14],.free-analysis-select[b-qyu59wvr14]{display:block;font-size:.78rem;font-weight:750;color:var(--mud-palette-text-secondary)}.free-analysis-board-toolbar input[b-qyu59wvr14],.free-analysis-fen input[b-qyu59wvr14],.free-analysis-modal input[b-qyu59wvr14],.free-analysis-modal select[b-qyu59wvr14],.free-analysis-select select[b-qyu59wvr14],.free-analysis-import textarea[b-qyu59wvr14]{width:100%;min-height:44px;border:1px solid var(--fa-border);border-radius:11px;padding:.65rem .8rem;color:var(--mud-palette-text-primary);background:var(--fa-surface);font:inherit}.free-analysis-board-wrap[b-qyu59wvr14]{width:min(100%,max(260px,calc(100dvh - 260px)),600px);margin-inline:auto}.free-analysis-navigation[b-qyu59wvr14]{display:flex;align-items:center;justify-content:center;gap:.35rem;margin:.4rem 0 0}.free-analysis-navigation button[b-qyu59wvr14]{min-width:44px;height:44px;border:1px solid var(--fa-border);border-radius:10px;background:var(--fa-surface);color:inherit;display:flex;align-items:center;justify-content:center;cursor:pointer}.free-analysis-navigation button:disabled[b-qyu59wvr14]{opacity:.4}.free-analysis-navigation span[b-qyu59wvr14]{min-width:60px;text-align:center;font-weight:750}.free-analysis-navigation .free-analysis-undo[b-qyu59wvr14]{margin-left:auto;padding:0 .75rem;gap:.4rem}.free-analysis-moves[b-qyu59wvr14]{display:grid;grid-template-columns:2.5rem repeat(2,minmax(0,1fr));gap:.3rem;padding:.65rem;border:1px solid var(--fa-border);border-radius:14px;background:color-mix(in srgb,var(--fa-surface) 92%,var(--mud-palette-primary) 8%)}.free-analysis-moves>p[b-qyu59wvr14]{grid-column:1/-1;text-align:center;color:var(--mud-palette-text-secondary);margin:.5rem}.free-analysis-move-number[b-qyu59wvr14]{padding:.45rem .3rem;color:var(--mud-palette-text-secondary)}.free-analysis-moves button[b-qyu59wvr14]{min-height:44px;text-align:left;border:0;border-radius:8px;background:transparent;color:inherit;padding:.35rem .5rem;cursor:pointer}.free-analysis-moves button:hover[b-qyu59wvr14],.free-analysis-moves button.is-current[b-qyu59wvr14]{background:color-mix(in srgb,var(--mud-palette-primary) 16%,transparent)}.free-analysis-fen[b-qyu59wvr14]{margin-top:.75rem}.free-analysis-fen summary[b-qyu59wvr14]{cursor:pointer;font-weight:700;min-height:44px;display:flex;align-items:center}.free-analysis-fen>div[b-qyu59wvr14]{display:flex;gap:.5rem}.free-analysis-fen small[b-qyu59wvr14]{margin-top:.35rem}
.free-analysis-tools[b-qyu59wvr14]{display:grid;grid-template-rows:auto minmax(0,1fr);gap:.5rem;min-width:0;min-height:0;height:max(500px,calc(100dvh - 190px))}.free-analysis-stockfish[b-qyu59wvr14]{overflow:hidden}.free-analysis-report-card p[b-qyu59wvr14]{color:var(--mud-palette-text-secondary)}.free-analysis-select select[b-qyu59wvr14]{margin-top:.3rem;margin-bottom:.75rem}.free-analysis-progress[b-qyu59wvr14]{display:grid;gap:.55rem}.free-analysis-progress span[b-qyu59wvr14]{text-align:center;font-size:.85rem}.free-analysis-reference[b-qyu59wvr14]{margin:0}.free-analysis-report[b-qyu59wvr14]{margin-top:1.25rem}.free-analysis-metrics[b-qyu59wvr14]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.free-analysis-metrics article[b-qyu59wvr14]{padding:1rem;border-radius:14px;background:color-mix(in srgb,var(--mud-palette-primary) 8%,var(--fa-surface));text-align:center}.free-analysis-metrics strong[b-qyu59wvr14]{display:block;font-size:1.45rem}.free-analysis-metrics span[b-qyu59wvr14]{font-size:.78rem;color:var(--mud-palette-text-secondary)}.free-analysis-critical-list[b-qyu59wvr14]{display:grid;grid-template-columns:1fr;gap:.5rem;margin-top:1rem}.free-analysis-critical-list button[b-qyu59wvr14]{min-height:56px;border:1px solid var(--fa-border);border-radius:12px;background:var(--fa-surface);color:inherit;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.35rem .65rem;padding:.65rem;text-align:left;cursor:pointer}.free-analysis-critical-list button span[b-qyu59wvr14],.free-analysis-critical-list button small[b-qyu59wvr14]{font-size:.75rem;color:var(--mud-palette-text-secondary)}.free-analysis-critical-list button small[b-qyu59wvr14]{grid-column:2/-1}.free-analysis-critical-list em[b-qyu59wvr14]{font-size:.72rem;font-style:normal;font-weight:800}.category-blunder[b-qyu59wvr14]{color:var(--mud-palette-error)}.category-mistake[b-qyu59wvr14]{color:#e07b18}.category-inaccuracy[b-qyu59wvr14]{color:#b49300}
.free-analysis-library[b-qyu59wvr14]{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;margin:0;padding:1rem;border-radius:20px;background:color-mix(in srgb,var(--mud-palette-primary) 8%,var(--fa-surface));border:1px solid var(--fa-border)}.free-analysis-library-copy h2[b-qyu59wvr14]{font-size:1.2rem;margin:.2rem 0}.free-analysis-library-copy>p[b-qyu59wvr14]{color:var(--mud-palette-text-secondary)}.free-analysis-quota[b-qyu59wvr14]{margin:1rem 0}.free-analysis-quota>span[b-qyu59wvr14]{font-size:1.2rem}.free-analysis-quota>div[b-qyu59wvr14]{height:8px;margin:.45rem 0;border-radius:999px;background:color-mix(in srgb,var(--mud-palette-text-primary) 12%,transparent);overflow:hidden}.free-analysis-quota i[b-qyu59wvr14]{height:100%;display:block;background:var(--mud-palette-primary)}.free-analysis-quota small[b-qyu59wvr14]{color:var(--mud-palette-text-secondary)}.free-analysis-limit[b-qyu59wvr14]{color:var(--mud-palette-warning-darken);font-weight:700}.free-analysis-saved[b-qyu59wvr14]{background:var(--fa-surface);border:1px solid var(--fa-border);border-radius:16px;padding:1rem;min-width:0}.free-analysis-saved-item[b-qyu59wvr14]{display:flex;align-items:center;gap:.35rem;border-top:1px solid var(--fa-border)}.free-analysis-saved-main[b-qyu59wvr14]{flex:1;min-width:0;text-align:left;border:0;background:transparent;color:inherit;padding:.8rem .35rem;cursor:pointer}.free-analysis-saved-main strong[b-qyu59wvr14],.free-analysis-saved-main span[b-qyu59wvr14]{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.free-analysis-saved-main span[b-qyu59wvr14]{font-size:.76rem;color:var(--mud-palette-text-secondary)}.free-analysis-delete[b-qyu59wvr14],.free-analysis-delete-confirm[b-qyu59wvr14],.free-analysis-delete-cancel[b-qyu59wvr14]{min-height:44px;border:0;border-radius:9px;background:transparent;color:inherit;cursor:pointer}.free-analysis-delete-confirm[b-qyu59wvr14]{color:var(--mud-palette-error);font-weight:750}.free-analysis-delete-cancel[b-qyu59wvr14]{font-size:.76rem}
.free-analysis-modal-backdrop[b-qyu59wvr14]{position:fixed;inset:0;z-index:1400;background:rgba(7,12,22,.68);display:grid;place-items:center;padding:1rem}.free-analysis-modal[b-qyu59wvr14]{width:min(100%,480px);max-height:calc(100dvh - 2rem);overflow:auto;background:var(--fa-surface);border-radius:18px;padding:1.25rem;box-shadow:0 24px 70px rgba(0,0,0,.3)}.free-analysis-modal label[b-qyu59wvr14]{margin:.75rem 0}.free-analysis-modal input[b-qyu59wvr14],.free-analysis-modal select[b-qyu59wvr14]{margin-top:.3rem}

.free-analysis-actions[b-qyu59wvr14]{position:relative;flex:none}
.free-analysis-actions summary[b-qyu59wvr14]{list-style:none}
.free-analysis-actions summary[b-qyu59wvr14]::-webkit-details-marker{display:none}
.free-analysis-hero-actions[b-qyu59wvr14]{position:absolute;inset-inline-end:0;top:calc(100% + .35rem);width:min(290px,calc(100vw - 32px));padding:.65rem;background:var(--fa-surface);border:1px solid var(--fa-border);border-radius:12px;z-index:20;box-shadow:0 8px 30px #0003}
.free-analysis-hero-actions>*[b-qyu59wvr14]{width:100%}
.free-analysis-tabs[b-qyu59wvr14]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.3rem}
.free-analysis-tabs button[b-qyu59wvr14]{min-height:44px;padding:.4rem;border:1px solid var(--fa-border);border-radius:10px;background:var(--fa-surface);color:inherit;font:inherit;font-size:.85rem;font-weight:700;cursor:pointer;overflow-wrap:anywhere}
.free-analysis-tabs button[aria-pressed=true][b-qyu59wvr14]{background:var(--mud-palette-primary);color:var(--mud-palette-primary-text);border-color:var(--mud-palette-primary)}
.free-analysis-tabs .free-analysis-library-tab[b-qyu59wvr14]{grid-column:span 2}
.free-analysis-dirty[b-qyu59wvr14]{margin-inline-start:.3rem;color:var(--mud-palette-warning)}
.free-analysis-tool-content[b-qyu59wvr14]{overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0;padding-bottom:env(safe-area-inset-bottom)}
.free-analysis-tool-content>[hidden][b-qyu59wvr14]{display:none}
.free-analysis-tool-content>div[b-qyu59wvr14]{min-width:0}
.free-analysis-tool-content[b-qyu59wvr14]  .opening-reference-header{display:none}
.free-analysis-tool-content[b-qyu59wvr14]  .opening-reference-body{padding:.65rem}
.free-analysis-page button:focus-visible[b-qyu59wvr14],.free-analysis-page summary:focus-visible[b-qyu59wvr14]{outline:3px solid var(--mud-palette-primary);outline-offset:2px}
.free-analysis-delete[b-qyu59wvr14]{min-width:44px}
.free-analysis-board-toolbar label[b-qyu59wvr14]{min-width:0}
.free-analysis-tools-backdrop[b-qyu59wvr14]{position:fixed;inset:0;z-index:1390;background:#0008}
.free-analysis-tools.is-expanded[b-qyu59wvr14]{position:fixed;inset:0;z-index:1391;height:100dvh;max-width:100vw;grid-template-rows:auto auto minmax(0,1fr);background:var(--mud-palette-background);padding:max(.5rem,env(safe-area-inset-top)) max(.5rem,env(safe-area-inset-right)) max(.5rem,env(safe-area-inset-bottom)) max(.5rem,env(safe-area-inset-left))}
.free-analysis-expanded-heading[b-qyu59wvr14]{display:flex;align-items:center;justify-content:space-between;gap:.5rem}
.free-analysis-expanded-heading h2[b-qyu59wvr14]{font-size:1.15rem;margin:0}
@media(max-width:959.98px){
    /* Inline tools belong to the document scroll; only fullscreen tools own a viewport. */
    .free-analysis-page[b-qyu59wvr14]{height:auto;min-height:0;padding:0}
    .free-analysis-hero[b-qyu59wvr14]{margin-bottom:.5rem}
    .free-analysis-workspace[b-qyu59wvr14]{grid-template-columns:1fr;grid-template-rows:auto auto;gap:.5rem}
    .free-analysis-board-toolbar[b-qyu59wvr14]{margin-bottom:.3rem}
    .free-analysis-board-toolbar label span[b-qyu59wvr14]{display:none}
    .free-analysis-board-wrap[b-qyu59wvr14]{width:min(100%,max(220px,calc(100dvh - 410px)))}
    .free-analysis-tools[b-qyu59wvr14]{height:auto;min-height:0;grid-template-rows:auto auto}
    .free-analysis-tools:not(.is-expanded) .free-analysis-tool-content[b-qyu59wvr14]{overflow:visible;overscroll-behavior:auto}
    .free-analysis-tool-content[b-qyu59wvr14]  .opening-reference-moves{max-height:none;overflow:visible}
    .free-analysis-tools.is-expanded[b-qyu59wvr14]{height:100dvh}
    .free-analysis-tabs button[b-qyu59wvr14]{font-size:.78rem}
    .free-analysis-metrics[b-qyu59wvr14]{grid-template-columns:repeat(2,minmax(0,1fr))}
    .free-analysis-message[b-qyu59wvr14]{position:fixed;inset-inline:1rem;bottom:calc(.5rem + env(safe-area-inset-bottom));z-index:30;margin:0;box-shadow:0 8px 25px #0004}
    .free-analysis-import[b-qyu59wvr14]{position:fixed;inset:80px 1rem auto;z-index:25;max-height:calc(100dvh - 100px);overflow:auto;box-shadow:0 0 0 100vmax #0008}
}
@media(max-width:700px){
    .free-analysis-navigation .free-analysis-undo span[b-qyu59wvr14]{display:none}
    .free-analysis-navigation .free-analysis-undo[b-qyu59wvr14]{margin-left:0;padding:0}
    .free-analysis-navigation span[b-qyu59wvr14]{min-width:42px;font-size:.85rem}
    .free-analysis-critical-list[b-qyu59wvr14]{grid-template-columns:1fr}
    .free-analysis-library-actions>*[b-qyu59wvr14]{width:100%}
    .free-analysis-fen>div[b-qyu59wvr14]{flex-direction:column}
    .free-analysis-board-toolbar input[b-qyu59wvr14],.free-analysis-fen input[b-qyu59wvr14],.free-analysis-import textarea[b-qyu59wvr14]{font-size:16px}
    .free-analysis-panel[b-qyu59wvr14]{padding:.75rem}
    .free-analysis-metrics article[b-qyu59wvr14]{padding:.75rem .35rem}
}
@media(max-width:959.98px) and (max-height:500px) and (orientation:landscape){
    .free-analysis-page[b-qyu59wvr14]{height:auto;min-height:0}
    .free-analysis-hero[b-qyu59wvr14]{margin-bottom:.25rem}
    .free-analysis-hero h1[b-qyu59wvr14]{font-size:1.1rem}
    .free-analysis-workspace[b-qyu59wvr14]{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto}
    .free-analysis-board-wrap[b-qyu59wvr14]{width:min(100%,max(160px,calc(100dvh - 220px)))}
    .free-analysis-tools[b-qyu59wvr14]{height:auto}
    .free-analysis-navigation .free-analysis-undo span[b-qyu59wvr14]{display:none}
    .free-analysis-navigation .free-analysis-undo[b-qyu59wvr14]{margin-left:0;padding:0}
}

@media(min-width:701px) and (max-width:1200px){.free-analysis-navigation .free-analysis-undo span[b-qyu59wvr14]{display:none}}

.free-analysis-critical-item[b-qyu59wvr14] { min-width:0; }
.free-analysis-critical-item > button[b-qyu59wvr14] { width:100%; }

.free-analysis-moves button[b-qyu59wvr14] { display:flex; align-items:center; justify-content:space-between; gap:6px; }
.free-analysis-moves button.category-inaccuracy[b-qyu59wvr14] { box-shadow:inset 3px 0 var(--move-inaccuracy); background:color-mix(in srgb,var(--move-inaccuracy) 12%,var(--fa-surface)); }
.free-analysis-moves button.category-mistake[b-qyu59wvr14] { box-shadow:inset 3px 0 var(--move-mistake); background:color-mix(in srgb,var(--move-mistake) 12%,var(--fa-surface)); }
.free-analysis-moves button.category-blunder[b-qyu59wvr14] { box-shadow:inset 3px 0 var(--move-blunder); background:color-mix(in srgb,var(--move-blunder) 12%,var(--fa-surface)); }
.free-analysis-moves button.is-current[b-qyu59wvr14] { outline:2px solid var(--mud-palette-primary); outline-offset:-2px; }
/* /Pages/GameAnalysisCenter.razor.rz.scp.css */
.review-center-page[b-abolx26qgp] { width: min(1180px, 100%); margin: 0 auto; padding: 30px 0 72px; color: #f8fafc; }
.review-center-hero[b-abolx26qgp] { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 28px 32px; border: 1px solid #475569; border-radius: 24px; background: linear-gradient(120deg, #172554, #3b2574 62%, #9d4f82); box-shadow: 0 18px 48px #02061766; }
.review-center-hero > div > span[b-abolx26qgp] { display: inline-flex; align-items: center; gap: 7px; font-size: .72rem; font-weight: 900; letter-spacing: .09em; }
.review-center-hero h1[b-abolx26qgp] { margin: 8px 0 4px; font-size: clamp(2rem, 4vw, 3.2rem); line-height: 1; }
.review-center-hero p[b-abolx26qgp] { margin: 0; max-width: 720px; color: #e2e8f0; }
.review-center-hero > a[b-abolx26qgp] { display: inline-flex; align-items: center; gap: 8px; flex: none; min-height: 44px; padding: 0 16px; border: 1px solid #ffffff66; border-radius: 13px; color: white; font-weight: 800; text-decoration: none; background: #0f172a4d; }
.review-center-loading[b-abolx26qgp] { min-height: 260px; display: grid; place-content: center; justify-items: center; gap: 15px; }
.review-center-status[b-abolx26qgp] { margin-top: 18px; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 16px 18px; border: 1px solid #26364c; border-radius: 18px; background: #111c2e; }
.review-center-status > div:first-child[b-abolx26qgp] { display: flex; align-items: center; gap: 13px; min-width: 0; }
.review-center-status-icon[b-abolx26qgp] { display: grid; place-items: center; width: 28px; height: 28px; flex: none; color: #7dd3fc; }
.review-center-status-icon .mud-icon-root[b-abolx26qgp] { font-size: 24px; }
.review-center-status small[b-abolx26qgp], .review-center-heading p[b-abolx26qgp], .review-center-status span[b-abolx26qgp] { color: #9fb0c7; }
.review-center-status strong[b-abolx26qgp], .review-center-status small[b-abolx26qgp], .review-center-status span[b-abolx26qgp] { display: block; }
.review-center-status strong[b-abolx26qgp] { font-size: 1rem; }
.review-center-live-progress[b-abolx26qgp] { display: grid; gap: 5px; width: min(430px, 58vw); margin-top: 9px; }
.review-center-live-progress > div:first-child[b-abolx26qgp] { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.review-center-live-progress > div:first-child strong[b-abolx26qgp] { color: #dbeafe; font-size: .76rem; }
.review-center-live-progress > div:first-child span[b-abolx26qgp] { color: #f8fafc; font-size: .76rem; font-weight: 900; }
.review-center-live-progress > small[b-abolx26qgp] { color: #93c5fd; font-size: .74rem; }
.review-center-progress-track[b-abolx26qgp] { position: relative; height: 9px; overflow: hidden; border-radius: 999px; background: #334155; box-shadow: inset 0 1px 2px #020617aa; }
.review-center-progress-track > i[b-abolx26qgp] { position: absolute; inset: 0 auto 0 0; min-width: 3px; overflow: hidden; border-radius: inherit; background: linear-gradient(90deg, #38bdf8, #4f46e5); transition: width .3s ease; }
.review-center-progress-track > i[b-abolx26qgp]::after { content: ""; position: absolute; inset: 0; background: linear-gradient(100deg, transparent 15%, #fff8 48%, transparent 82%); transform: translateX(-100%); animation: review-center-progress-shimmer-b-abolx26qgp 1.4s linear infinite; }
@keyframes review-center-progress-shimmer-b-abolx26qgp { to { transform: translateX(100%); } }
.review-center-actions[b-abolx26qgp] { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }
.review-center-actions button[b-abolx26qgp], .review-center-launch button[b-abolx26qgp], .review-center-modal-actions button[b-abolx26qgp], .review-center-custom button[b-abolx26qgp] { min-height: 42px; padding: 0 14px; border: 1px solid #3b4d68; border-radius: 11px; color: #e2e8f0; font-weight: 800; background: #142136; cursor: pointer; }
.review-center-actions button[b-abolx26qgp], .review-center-actions a[b-abolx26qgp] { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 42px; padding: 0 14px; border-radius: 11px; font-weight: 800; text-decoration: none; }
.review-center-actions .primary[b-abolx26qgp], .review-center-launch button[b-abolx26qgp], .review-center-modal-actions .primary[b-abolx26qgp] { border-color: #60a5fa; color: white; background: #2563eb; }
.review-center-actions .danger[b-abolx26qgp] { border-color: #fb718566; color: #fda4af; }
.review-center-grid[b-abolx26qgp] { display: grid; grid-template-columns: 1.12fr .88fr; gap: 16px; margin-top: 16px; }
.review-center-card[b-abolx26qgp] { padding: 22px; border: 1px solid #26364c; border-radius: 20px; background: #111827; }
.review-center-selection[b-abolx26qgp] { grid-row: span 2; }
.review-center-settings[b-abolx26qgp] { grid-column: 2; }
.review-center-heading[b-abolx26qgp] { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 18px; }
.review-center-heading > span[b-abolx26qgp] { display: grid; place-items: center; width: 31px; height: 31px; flex: none; border-radius: 10px; color: #dbeafe; font-weight: 900; background: #1d4ed8; }
.review-center-heading h2[b-abolx26qgp] { margin: 1px 0 3px; font-size: 1.18rem; }
.review-center-heading p[b-abolx26qgp] { margin: 0; font-size: .88rem; }
.review-center-segments[b-abolx26qgp], .review-center-presets[b-abolx26qgp] { display: flex; flex-wrap: wrap; gap: 8px; }
.review-center-segments button[b-abolx26qgp], .review-center-presets button[b-abolx26qgp] { min-height: 40px; padding: 0 13px; border: 1px solid #334155; border-radius: 12px; color: #cbd5e1; font-weight: 750; background: #0b1220; cursor: pointer; }
.review-center-segments button.active[b-abolx26qgp], .review-center-presets button.active[b-abolx26qgp] { border-color: #60a5fa; color: #dbeafe; background: #172c4b; box-shadow: inset 0 0 0 1px #60a5fa55; }
.review-center-filters[b-abolx26qgp] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 18px; }
.review-center-filters label[b-abolx26qgp], .review-center-custom label[b-abolx26qgp] { display: grid; gap: 6px; color: #b9c5d7; font-size: .78rem; font-weight: 800; }
.review-center-filters select[b-abolx26qgp], .review-center-custom input[b-abolx26qgp], .review-center-custom select[b-abolx26qgp] { width: 100%; min-height: 44px; padding: 0 12px; border: 1px solid #34445e; border-radius: 11px; color: #f8fafc; background: #080f1e; }
.review-center-count[b-abolx26qgp] { display: flex; align-items: baseline; gap: 10px; margin-top: 20px; padding: 18px; border-radius: 16px; background: #0b1425; }
.review-center-count strong[b-abolx26qgp] { color: #7dd3fc; font-size: 2.15rem; line-height: 1; }
.review-center-count span[b-abolx26qgp] { color: #dbe6f5; font-weight: 750; }
.review-center-note[b-abolx26qgp] { display: flex; align-items: flex-start; gap: 8px; margin: 14px 0 0; color: #a9b8cc; font-size: .84rem; }
.review-center-choice[b-abolx26qgp] { display: grid; grid-template-columns: 22px 1fr; align-items: flex-start; gap: 10px; padding: 14px 12px; border: 1px solid #2b3b52; border-radius: 14px; background: #0b1322; cursor: pointer; }
.review-center-choice + .review-center-choice[b-abolx26qgp] { margin-top: 9px; }
.review-center-choice.disabled[b-abolx26qgp] { opacity: .48; cursor: not-allowed; }
.review-center-choice input[b-abolx26qgp] { width: 19px; height: 19px; margin-top: 4px; accent-color: #60a5fa; }
.review-center-choice > span[b-abolx26qgp] { display: grid; grid-template-columns: 25px 1fr; column-gap: 7px; }
.review-center-choice strong[b-abolx26qgp], .review-center-choice small[b-abolx26qgp] { grid-column: 2; }
.review-center-choice .mud-icon-root[b-abolx26qgp] { grid-row: 1 / 3; color: #60a5fa; }
.review-center-choice small[b-abolx26qgp] { margin-top: 3px; color: #9fb0c7; }
.review-center-subheading[b-abolx26qgp] { display:grid; gap:2px; margin-top:14px; }.review-center-subheading span[b-abolx26qgp]{color:#9fb0c7;font-size:.82rem}
.review-center-profiles[b-abolx26qgp] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 14px; }
.review-center-profiles button[b-abolx26qgp] { position: relative; display: grid; justify-items: start; min-height: 72px; padding: 10px; border: 1px solid #334155; border-radius: 12px; color: #e2e8f0; text-align: left; background: #0b1220; cursor: pointer; }
.review-center-profiles button.active[b-abolx26qgp] { border-color: #60a5fa; background: #172c4b; }
.review-center-profiles button:disabled[b-abolx26qgp] { opacity: .52; cursor: not-allowed; }
.review-center-profiles small[b-abolx26qgp] { color: #94a3b8; }
.review-center-profiles .mud-icon-root[b-abolx26qgp] { position: absolute; top: 7px; right: 7px; font-size: 16px; }
.review-center-quota[b-abolx26qgp] { margin: 10px 2px 0; color: #93c5fd; font-size: .82rem; }
.review-center-custom[b-abolx26qgp] { display: grid; grid-template-columns: 1fr 1fr auto; align-items: end; gap: 9px; margin-top: 13px; }
.review-center-mobile-warning[b-abolx26qgp] { display: flex; gap: 10px; margin-top: 14px; padding: 12px; border: 1px solid #f59e0b55; border-radius: 13px; color: #fde68a; background: #42200655; }
.review-center-mobile-warning div[b-abolx26qgp] { display: grid; }
.review-center-mobile-warning span[b-abolx26qgp] { color: #d9cda8; font-size: .82rem; }
.review-center-wake[b-abolx26qgp] { display: flex; align-items: center; gap: 9px; margin-top: 12px; color: #dbe6f5; font-weight: 700; }
.review-center-wake input[b-abolx26qgp] { width: 18px; height: 18px; accent-color: #60a5fa; }
.review-center-settings details[b-abolx26qgp] { margin-top: 14px; color: #9fb0c7; font-size: .8rem; }
.review-center-settings summary[b-abolx26qgp] { cursor: pointer; color: #cbd5e1; }
.review-center-launch[b-abolx26qgp] { position: sticky; bottom: 14px; z-index: 4; display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 18px; padding: 16px 18px; border: 1px solid #365174; border-radius: 18px; background: #0d1728f2; backdrop-filter: blur(12px); box-shadow: 0 14px 40px #02061799; }
.review-center-launch > div[b-abolx26qgp] { display: grid; }
.review-center-launch span[b-abolx26qgp] { color: #9fb0c7; font-size: .85rem; }
.review-center-launch button[b-abolx26qgp] { display: inline-flex; align-items: center; gap: 7px; }
.review-center-launch button:disabled[b-abolx26qgp] { opacity: .45; cursor: not-allowed; }
.review-center-modal-backdrop[b-abolx26qgp] { position: fixed; inset: 0; z-index: 1400; display: grid; place-items: center; padding: 20px; background: #020617d9; backdrop-filter: blur(9px); }
.review-center-modal[b-abolx26qgp] { position: relative; width: min(680px, 100%); max-height: calc(100dvh - 40px); overflow: auto; padding: 34px; border: 1px solid #48658b; border-radius: 24px; background: #111c2e; box-shadow: 0 28px 90px #000c; }
.review-center-modal-close[b-abolx26qgp] { position: absolute; top: 12px; right: 12px; display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid #3b4d68; border-radius: 12px; color: white; background: #17243a; cursor: pointer; }
.review-center-modal-icon[b-abolx26qgp] { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 16px; color: #dbeafe; background: #2563eb; }
.review-center-modal h2[b-abolx26qgp] { margin: 18px 0 7px; font-size: 1.55rem; }
.review-center-modal > p[b-abolx26qgp] { margin: 0; color: #aebdd0; }
.review-center-modal dl[b-abolx26qgp] { display: grid; gap: 8px; margin: 22px 0; }
.review-center-modal dl div[b-abolx26qgp] { display: flex; justify-content: space-between; gap: 18px; padding: 11px 13px; border-radius: 11px; background: #0b1425; }
.review-center-modal dt[b-abolx26qgp] { color: #afbdd0; }
.review-center-modal dd[b-abolx26qgp] { margin: 0; font-weight: 900; }
.review-center-modal-actions[b-abolx26qgp] { display: flex; justify-content: flex-end; gap: 9px; }

@media (max-width: 860px) {
    .review-center-page[b-abolx26qgp] { padding-top: 14px; }
    .review-center-hero[b-abolx26qgp] { align-items: flex-start; padding: 22px; }
    .review-center-hero > a[b-abolx26qgp] { display: none; }
    .review-center-grid[b-abolx26qgp] { grid-template-columns: 1fr; }
    .review-center-selection[b-abolx26qgp], .review-center-settings[b-abolx26qgp] { grid-column: auto; grid-row: auto; }
}

@media (max-width: 600px) {
    .review-center-page[b-abolx26qgp] { padding-bottom: 104px; }
    .review-center-hero[b-abolx26qgp] { border-radius: 18px; }
    .review-center-hero h1[b-abolx26qgp] { font-size: 2rem; }
    .review-center-status[b-abolx26qgp] { align-items: stretch; flex-direction: column; }
    .review-center-live-progress[b-abolx26qgp] { width: 100%; }
    .review-center-actions[b-abolx26qgp] { justify-content: stretch; }
    .review-center-actions button[b-abolx26qgp] { flex: 1; justify-content: center; }
    .review-center-card[b-abolx26qgp] { padding: 17px 14px; border-radius: 17px; }
    .review-center-filters[b-abolx26qgp] { grid-template-columns: 1fr; }
    .review-center-profiles[b-abolx26qgp] { grid-template-columns: 1fr; }
    .review-center-profiles button[b-abolx26qgp] { min-height: 58px; }
    .review-center-custom[b-abolx26qgp] { grid-template-columns: 1fr; }
    .review-center-launch[b-abolx26qgp] { bottom: max(10px, env(safe-area-inset-bottom)); align-items: stretch; flex-direction: column; }
    .review-center-launch button[b-abolx26qgp] { justify-content: center; width: 100%; }
    .review-center-modal-backdrop[b-abolx26qgp] { place-items: stretch; padding: 0; }
    .review-center-modal[b-abolx26qgp] { width: 100%; max-height: 100dvh; min-height: 100dvh; padding: max(26px, env(safe-area-inset-top)) 18px max(24px, env(safe-area-inset-bottom)); border: 0; border-radius: 0; }
    .review-center-modal-actions[b-abolx26qgp] { position: sticky; bottom: 0; flex-direction: column-reverse; padding-top: 12px; background: #111c2e; }
    .review-center-modal-actions button[b-abolx26qgp] { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
    .review-center-progress-track > i[b-abolx26qgp]::after { animation: none; }
}
/* /Pages/GameReview.razor.rz.scp.css */
.game-review-page[b-2ab9bobgbz] {
    --review-selected: color-mix(in srgb,var(--mud-palette-primary) 14%,var(--mud-palette-surface));
    container-type: inline-size;
    --review-border: var(--mud-palette-lines-default);
    --review-panel: var(--mud-palette-surface);
    --review-panel-deep: var(--mud-palette-background);
    width: min(100%, 1500px);
    margin: 0 auto;
    padding: clamp(1rem, 2.5vw, 2.4rem);
    color: var(--mud-palette-text-primary);
    outline: none;
}

.game-review-header[b-2ab9bobgbz] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 1.1rem;
    margin-bottom: 1rem;
}

.game-review-header h1[b-2ab9bobgbz] { margin: .18rem 0; font-size: clamp(1.15rem, 1.8vw, 1.5rem); line-height: 1.3; }
.game-review-header h1[b-2ab9bobgbz]  .game-players { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); }
.game-review-header p[b-2ab9bobgbz] { margin: 0; color: var(--mud-palette-text-secondary); }
.game-review-header > div[b-2ab9bobgbz] { min-width: 0; text-align: center; overflow-wrap: anywhere; }
.game-review-back[b-2ab9bobgbz],
.game-review-export[b-2ab9bobgbz],
.game-review-empty button[b-2ab9bobgbz] {
    display: inline-flex; align-items: center; gap: .4rem; padding: .65rem .8rem;
    border: 1px solid var(--review-border); border-radius: 12px; color: var(--mud-palette-text-primary); background: var(--mud-palette-surface); cursor: pointer;
}
.game-review-header-actions[b-2ab9bobgbz] { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:.5rem; }
.game-review-export[b-2ab9bobgbz] { min-height:44px; }
.game-review-export:disabled[b-2ab9bobgbz] { opacity:.5; cursor:wait; }
.game-review-eyebrow[b-2ab9bobgbz] { display: inline-flex; align-items: center; gap: .35rem; color: var(--mud-palette-primary); font-size: .72rem; font-weight: 900; letter-spacing: .08em; }
.game-review-source[b-2ab9bobgbz] { padding: .45rem .7rem; border: 1px solid var(--mud-palette-primary); border-radius: 999px; color: var(--mud-palette-primary); background: color-mix(in srgb,var(--mud-palette-primary) 12%,var(--mud-palette-surface)); font-weight: 850; }
.game-review-message[b-2ab9bobgbz] { margin-bottom: .8rem; }
.game-review-details-toggle[b-2ab9bobgbz] { display: none; }
.game-review-options[b-2ab9bobgbz] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: center; gap: .75rem; margin-bottom: .75rem; }

.game-review-tabs[b-2ab9bobgbz] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
    margin: 0 0 .8rem;
}
.game-review-tabs button[b-2ab9bobgbz] {
    display: flex; align-items: center; justify-content: center; gap: .65rem; min-height: 64px; padding: .7rem 1rem;
    border: 1px solid var(--review-border); border-radius: 14px; color: var(--mud-palette-text-secondary); background: var(--mud-palette-surface); cursor: pointer;
}
.game-review-tabs button[aria-selected="true"][b-2ab9bobgbz] { border-color: var(--mud-palette-primary); color: var(--mud-palette-text-primary); background: linear-gradient(135deg, var(--review-selected), var(--review-selected)); box-shadow: inset 0 -3px var(--mud-palette-primary); }
.game-review-tabs button > span[b-2ab9bobgbz] { display: grid; gap: .12rem; text-align: left; }
.game-review-tabs strong[b-2ab9bobgbz] { font-size: 1rem; }
.game-review-tabs small[b-2ab9bobgbz] { color: var(--mud-palette-text-secondary); font-size: .72rem; }

.game-review-workspace[b-2ab9bobgbz] {
    display: grid;
    grid-template-columns: minmax(340px, 680px) minmax(400px, 1fr);
    align-items: start;
    gap: clamp(.8rem, 1.6vw, 1.35rem);
}
.game-review-board-column[b-2ab9bobgbz],
.game-review-panel[b-2ab9bobgbz] { min-width: 0; }
.game-review-board-column[b-2ab9bobgbz] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-auto-rows: auto;
    gap: .45rem;
    padding: .8rem;
    border: 1px solid var(--review-border); border-radius: 18px; background: var(--mud-palette-surface);
}
.game-review-board-shell[b-2ab9bobgbz] { display: grid; grid-template-columns: auto minmax(0, 660px); justify-content: center; gap: 7px; width: 100%; margin: 0 auto; }
.game-review-board-shell.without-eval[b-2ab9bobgbz] { grid-template-columns: minmax(0, 660px); }
.game-review-board[b-2ab9bobgbz] { width: 100%; aspect-ratio: 1; }
.game-review-board:focus-visible[b-2ab9bobgbz], .game-review-board:focus-within[b-2ab9bobgbz] { outline:3px solid var(--mud-palette-primary); outline-offset:4px; border-radius:8px; }
.review-wheel-help[b-2ab9bobgbz] { min-height:2.8em; color:var(--mud-palette-text-secondary); font-size:.75rem; line-height:1.4; }
.game-review-evalbar[b-2ab9bobgbz] { position: relative; width: 24px; overflow: hidden; border: 1px solid #64748b; border-radius: 7px; background: #f8fafc; box-shadow: inset 0 0 0 1px #ffffff55; }
.game-review-evalbar .black[b-2ab9bobgbz] { position: absolute; inset: 0 0 auto; min-height: 0; background: #111827; transition: height .18s ease; }
.game-review-evalbar strong[b-2ab9bobgbz] { position: absolute; z-index: 1; left: 50%; bottom: 6px; padding: 2px 3px; border-radius: 4px; color: #0f172a; font-size: .61rem; writing-mode: vertical-rl; transform: translateX(-50%) rotate(180deg); background: #ffffffc9; }
.review-position-feedback[b-2ab9bobgbz] { display:grid; gap:.55rem; margin-block:.7rem; }
.review-position-score[b-2ab9bobgbz] { display:flex; flex-wrap:wrap; align-items:center; gap:.5rem; width:max-content; max-width:100%; padding:.35rem .65rem; border:1px solid var(--mud-palette-lines-default); border-radius:10px; background:var(--mud-palette-surface); color:var(--mud-palette-text-primary); font-size:.82rem; }
.review-position-score[b-2ab9bobgbz]  .mud-icon-root { color:var(--mud-palette-primary); font-size:18px; }
.review-position-score strong[b-2ab9bobgbz] { padding:.15rem .4rem; border-radius:6px; background:color-mix(in srgb,var(--mud-palette-primary) 14%,var(--mud-palette-surface)); font-variant-numeric:tabular-nums; white-space:nowrap; }
.review-move-comparison[b-2ab9bobgbz] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.5rem; }
.review-played-move[b-2ab9bobgbz],.review-best-move[b-2ab9bobgbz] { display:flex; align-items:center; flex-wrap:wrap; gap:.4rem; min-width:0; min-height:56px; padding:.5rem .65rem; border:1px solid var(--mud-palette-lines-default); border-radius:11px; background:var(--mud-palette-surface); }
.review-played-move small[b-2ab9bobgbz],.review-best-move small[b-2ab9bobgbz] { display:block; color:var(--mud-palette-text-secondary); font-size:.71rem; }
.review-played-move strong[b-2ab9bobgbz],.review-best-move strong[b-2ab9bobgbz] { color:var(--mud-palette-text-primary); font-size:1.02rem; overflow-wrap:anywhere; }
.review-best-move[b-2ab9bobgbz] { flex-wrap:nowrap; border-color:color-mix(in srgb,var(--mud-palette-success) 60%,var(--mud-palette-lines-default)); background:color-mix(in srgb,var(--mud-palette-success) 10%,var(--mud-palette-surface)); }
.review-best-move[b-2ab9bobgbz]  .mud-icon-root { flex:none; color:var(--mud-palette-success); }
.review-best-move > span[b-2ab9bobgbz] { min-width:0; }
@media (max-width:420px) { .review-move-comparison[b-2ab9bobgbz] { grid-template-columns:1fr; } }
.game-review-player[b-2ab9bobgbz] { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .45rem; color: var(--mud-palette-text-primary); }
.game-review-player small[b-2ab9bobgbz] { color: var(--mud-palette-text-secondary); }
.game-review-player strong[b-2ab9bobgbz] { min-width: 0; text-align: center; overflow-wrap: anywhere; }
.game-review-board-nav[b-2ab9bobgbz] { display: flex; align-items: center; justify-content: center; gap: .25rem; }
.game-review-board-nav strong[b-2ab9bobgbz] { min-width: 58px; text-align: center; color: var(--mud-palette-text-secondary); }
.game-review-board-nav[b-2ab9bobgbz]  .mud-icon-button { flex: 0 0 44px; width: 44px; height: 44px; padding: 10px; }
.game-review-reference-launch[b-2ab9bobgbz] {
    display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .6rem;
    width: 100%; min-height: 52px; padding: .5rem .65rem; border: 1px solid var(--mud-palette-primary); border-radius: 12px;
    color: var(--mud-palette-text-primary); background: linear-gradient(130deg, color-mix(in srgb,var(--mud-palette-primary) 12%,var(--mud-palette-surface)), color-mix(in srgb,var(--mud-palette-primary) 12%,var(--mud-palette-surface))); text-align: left; cursor: pointer;
}
.game-review-reference-launch > span:first-child[b-2ab9bobgbz] { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 9px; color: #fff; background: linear-gradient(135deg, #2563eb, #7c3aed); }
.game-review-reference-launch > span:nth-child(2)[b-2ab9bobgbz] { display: grid; min-width: 0; }
.game-review-reference-launch small[b-2ab9bobgbz] { color: var(--mud-palette-primary); font-size: .64rem; font-weight: 900; letter-spacing: .08em; }
.game-review-reference-launch strong[b-2ab9bobgbz] { font-size: .84rem; }
.game-review-reference-launch > .mud-icon-root[b-2ab9bobgbz] { color: var(--mud-palette-primary); }
.game-review-reference-launch:hover[b-2ab9bobgbz] { border-color: var(--mud-palette-primary); background: linear-gradient(130deg, color-mix(in srgb,var(--mud-palette-primary) 12%,var(--mud-palette-surface)), color-mix(in srgb,var(--mud-palette-primary) 12%,var(--mud-palette-surface))); }
.game-review-moves[b-2ab9bobgbz] {
    display: grid; grid-template-columns: 2rem repeat(2, minmax(0, 1fr)); align-content: start;
    max-height: 230px; overflow: auto; padding: .55rem; border-radius: 12px; background: var(--mud-palette-background);
}
.game-review-moves > span[b-2ab9bobgbz] { padding: .4rem .25rem; color: #64748b; font-size: .75rem; }
.game-review-moves button[b-2ab9bobgbz] { display:grid; grid-template-columns:minmax(0,1fr) auto auto; align-items:center; gap:.25rem; min-height:44px; padding:.4rem .4rem; border:0; border-radius:7px; color:var(--mud-palette-text-primary); background:transparent; text-align:left; cursor:pointer; }
.game-review-moves button small[b-2ab9bobgbz] { color: var(--mud-palette-primary); font-size: .64rem; font-variant-numeric: tabular-nums; }
.game-review-moves button.current small[b-2ab9bobgbz] { color: var(--mud-palette-text-primary); }
.game-review-moves button:hover[b-2ab9bobgbz],
.game-review-moves button.current[b-2ab9bobgbz] { color: var(--mud-palette-text-primary); background: color-mix(in srgb,var(--mud-palette-primary) 12%,var(--mud-palette-surface)); }
.game-review-moves button.preparation-divergence-move[b-2ab9bobgbz] { box-shadow: inset 3px 0 var(--mud-palette-warning); }
.game-review-moves button.category-inaccuracy[b-2ab9bobgbz], .game-review-moves button.category-mistake[b-2ab9bobgbz], .game-review-moves button.category-blunder[b-2ab9bobgbz] { color:var(--mud-palette-text-primary); }

.game-review-panel > section[b-2ab9bobgbz] {
    min-height: 620px;
    padding: clamp(1rem, 2vw, 1.5rem);
    border: 1px solid var(--review-border); border-radius: 18px; background: var(--review-panel);
}
.preparation-review > header[b-2ab9bobgbz],
.engine-review > header[b-2ab9bobgbz] { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .75rem; margin-bottom: 1.2rem; }
.preparation-review > header > span[b-2ab9bobgbz],
.engine-review > header > span[b-2ab9bobgbz] {
    display: grid; place-items: center; width: 44px; height: 44px; border-radius: 13px; color: var(--mud-palette-primary); background: color-mix(in srgb,var(--mud-palette-primary) 12%,var(--mud-palette-surface));
}
.preparation-review header small[b-2ab9bobgbz],
.engine-review header small[b-2ab9bobgbz] { color: var(--mud-palette-primary); font-weight: 900; letter-spacing: .09em; }
.preparation-review h2[b-2ab9bobgbz],
.engine-review h2[b-2ab9bobgbz] { margin: .15rem 0 .3rem; font-size: clamp(1.25rem, 2vw, 1.7rem); }
.preparation-review header p[b-2ab9bobgbz],
.engine-review header p[b-2ab9bobgbz] { margin: 0; color: var(--mud-palette-text-secondary); line-height: 1.5; }

.preparation-facts[b-2ab9bobgbz],
.engine-scorecards[b-2ab9bobgbz] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .6rem; margin-bottom: 1rem; }
.preparation-facts article[b-2ab9bobgbz],
.engine-scorecards article[b-2ab9bobgbz] { display: grid; gap: .25rem; padding: .8rem; border: 1px solid var(--mud-palette-lines-default); border-radius: 12px; background: var(--mud-palette-background); }
.preparation-facts small[b-2ab9bobgbz],
.engine-scorecards small[b-2ab9bobgbz] { color: var(--mud-palette-text-secondary); }
.preparation-facts strong[b-2ab9bobgbz],
.engine-scorecards strong[b-2ab9bobgbz] { font-size: 1.25rem; }
.preparation-divergence[b-2ab9bobgbz] { display: flex; align-items: center; justify-content: space-between; gap: .8rem; padding: 1rem; border: 1px solid color-mix(in srgb,var(--mud-palette-warning) 12%,var(--mud-palette-surface)); border-left: 4px solid var(--mud-palette-warning); border-radius: 13px; background: color-mix(in srgb,var(--mud-palette-warning) 12%,var(--mud-palette-surface)); }
.preparation-divergence > div[b-2ab9bobgbz] { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .2rem .55rem; }
.preparation-divergence div > span[b-2ab9bobgbz] { grid-row: 1 / span 2; display: grid; place-items: center; width: 38px; height: 38px; border-radius: 10px; color: var(--mud-palette-warning); background: color-mix(in srgb,var(--mud-palette-warning) 12%,var(--mud-palette-surface)); font-weight: 900; }
.preparation-divergence p[b-2ab9bobgbz] { grid-column: 2; margin: 0; color: var(--mud-palette-text-secondary); }
.preparation-divergence > div > .preparation-divergence-message[b-2ab9bobgbz] { display: flex; flex-direction: column; gap: .3rem; }
.preparation-divergence-message > small[b-2ab9bobgbz] { font-weight: 700; color: var(--mud-palette-warning); }
.preparation-divergence button[b-2ab9bobgbz],
.preparation-actions button[b-2ab9bobgbz],
.engine-progress button[b-2ab9bobgbz] { flex: none; padding: .55rem .7rem; border: 1px solid var(--mud-palette-lines-default); border-radius: 10px; color: var(--mud-palette-text-primary); background: var(--mud-palette-surface); cursor: pointer; }
.preparation-note[b-2ab9bobgbz],
.preparation-decision-saved[b-2ab9bobgbz] { display: flex; align-items: center; gap: .45rem; padding: .7rem; border-radius: 10px; color: var(--mud-palette-primary); background: color-mix(in srgb,var(--mud-palette-primary) 12%,var(--mud-palette-surface)); }
.preparation-decision-saved[b-2ab9bobgbz] { color: var(--mud-palette-success); background: color-mix(in srgb,var(--mud-palette-success) 12%,var(--mud-palette-surface)); }
.preparation-decisions[b-2ab9bobgbz] { margin-top: 1rem; padding: 1rem; border: 1px solid var(--review-border); border-radius: 13px; }
.preparation-decisions > div[b-2ab9bobgbz],
.preparation-actions[b-2ab9bobgbz] { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .7rem; }
.preparation-decisions button[b-2ab9bobgbz] { padding: .55rem .75rem; border: 1px solid #4f46e5; border-radius: 999px; color: #e0e7ff; background: color-mix(in srgb,var(--mud-palette-primary) 12%,var(--mud-palette-surface)); cursor: pointer; }
.preparation-decisions button:disabled[b-2ab9bobgbz] { opacity: .5; }

.engine-progress[b-2ab9bobgbz] { display: grid; gap: .75rem; padding: 1rem; border: 1px solid color-mix(in srgb,var(--mud-palette-primary) 12%,var(--mud-palette-surface)); border-radius: 13px; background: color-mix(in srgb,var(--mud-palette-primary) 12%,var(--mud-palette-surface)); }
.engine-device-settings[b-2ab9bobgbz] { display: grid; gap: .8rem; margin-bottom: 1rem; padding: .9rem; border: 1px solid var(--mud-palette-lines-default); border-radius: 13px; background: var(--mud-palette-background); }
.engine-device-settings > div:first-child[b-2ab9bobgbz] { display: grid; gap: .15rem; }
.engine-device-settings h3[b-2ab9bobgbz], .engine-device-settings p[b-2ab9bobgbz] { margin: 0; }
.engine-device-settings p[b-2ab9bobgbz] { color: var(--mud-palette-text-secondary); font-size: .78rem; }
.engine-device-settings-loading[b-2ab9bobgbz] { display: grid; gap: .35rem; color: var(--mud-palette-text-secondary); font-size: .78rem; }
.engine-progress-heading[b-2ab9bobgbz] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.engine-progress-heading > div[b-2ab9bobgbz] { display: grid; gap: .18rem; }
.engine-progress-heading > div:first-child strong[b-2ab9bobgbz] { display: flex; align-items: center; gap: .45rem; }
.engine-progress-heading > div:first-child strong i[b-2ab9bobgbz] { width: 8px; height: 8px; border-radius: 50%; background: var(--mud-palette-primary); box-shadow: 0 0 0 0 #38bdf877; animation: engine-progress-pulse-b-2ab9bobgbz 1.5s ease-out infinite; }
.engine-progress-heading span[b-2ab9bobgbz] { color: var(--mud-palette-text-secondary); font-size: .76rem; }
.engine-progress-estimate[b-2ab9bobgbz] { justify-items: end; text-align: right; }
.engine-progress-estimate strong[b-2ab9bobgbz] { color:var(--mud-palette-primary); font-size:1.05rem; }
@keyframes engine-progress-pulse-b-2ab9bobgbz { 70% { box-shadow: 0 0 0 7px transparent; } 100% { box-shadow: 0 0 0 0 transparent; } }
.engine-progress button[b-2ab9bobgbz] { justify-self: end; }
.engine-start h3[b-2ab9bobgbz] { margin: .2rem 0 .7rem; }
.engine-profiles[b-2ab9bobgbz] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .6rem; }
.engine-profiles button[b-2ab9bobgbz] { position: relative; display: grid; gap: .25rem; min-height: 100px; padding: .8rem; border: 1px solid var(--mud-palette-lines-default); border-radius: 12px; color: var(--mud-palette-text-primary); background: var(--mud-palette-background); text-align: left; cursor: pointer; }
.engine-profiles button.selected[b-2ab9bobgbz] { border-color: var(--mud-palette-primary); background: var(--review-selected); box-shadow: inset 0 0 0 1px var(--mud-palette-primary); }
.engine-profiles button:disabled[b-2ab9bobgbz] { opacity: .55; cursor: not-allowed; }
.engine-profiles span[b-2ab9bobgbz] { color: var(--mud-palette-text-secondary); font-size: .75rem; }
.engine-profiles small[b-2ab9bobgbz] { color:var(--mud-palette-text-secondary); }
.engine-launch[b-2ab9bobgbz] { display: flex; align-items: center; justify-content: center; gap: .5rem; width: 100%; margin-top: .8rem; padding: .8rem; border: 0; border-radius: 12px; color: #fff; background: linear-gradient(135deg, #2563eb, #4f46e5); font-weight: 900; cursor: pointer; }
.engine-start > p[b-2ab9bobgbz] { display: flex; align-items: center; gap: .35rem; color: var(--mud-palette-text-secondary); font-size: .78rem; }
.engine-refresh[b-2ab9bobgbz] { display: grid; gap: 10px; margin-bottom: 12px; padding: 11px; border: 1px solid var(--mud-palette-lines-default); border-radius: 13px; background: var(--mud-palette-surface); }
.engine-refresh > div:first-child[b-2ab9bobgbz] { display: grid; }
.engine-refresh > div:first-child span[b-2ab9bobgbz] { color: var(--mud-palette-text-secondary); font-size: .78rem; }
.engine-profiles.compact[b-2ab9bobgbz] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.engine-profiles.compact button[b-2ab9bobgbz] { min-height: 48px; padding: .55rem; }
.engine-profiles.compact small[b-2ab9bobgbz] { display: flex; align-items: center; gap: 3px; font-size: .67rem; }
.engine-profiles.compact small .mud-icon-root[b-2ab9bobgbz] { font-size: 14px; }
.engine-scorecards[b-2ab9bobgbz] { grid-template-columns: 1.8fr repeat(3, minmax(0, 1fr)); }
.engine-scorecards article.primary[b-2ab9bobgbz] { background: linear-gradient(135deg, var(--review-selected), var(--review-selected)); }
.engine-scorecards article span[b-2ab9bobgbz] { color: var(--mud-palette-text-secondary); font-size: .72rem; }
.engine-graph[b-2ab9bobgbz] { margin: 1rem 0; padding: .8rem; border: 1px solid var(--mud-palette-lines-default); border-radius: 13px; background: var(--mud-palette-background); }
.engine-graph-heading[b-2ab9bobgbz] { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.engine-graph-heading > div:first-child[b-2ab9bobgbz] { display: grid; }
.engine-graph h3[b-2ab9bobgbz] { margin: 0; }
.engine-graph span[b-2ab9bobgbz] { color: var(--mud-palette-text-secondary); font-size: .72rem; }
.engine-graph-mode[b-2ab9bobgbz] { display: flex; flex-wrap: wrap; gap: 5px; justify-content: flex-end; }
.engine-graph-mode button[b-2ab9bobgbz] { min-height: 44px; padding: 0 9px; border: 1px solid var(--mud-palette-lines-default); border-radius: 9px; color: var(--mud-palette-text-secondary); font-size: .72rem; background: var(--mud-palette-surface); cursor: pointer; }
.engine-graph-mode button.active[b-2ab9bobgbz] { border-color: var(--mud-palette-primary); color: var(--mud-palette-text-primary); background: var(--review-selected); }
.engine-graph-legend[b-2ab9bobgbz] { display: flex; flex-wrap: wrap; gap: .5rem 1rem; margin: .85rem 0 .2rem; }
.engine-graph-legend span[b-2ab9bobgbz] { display: inline-flex; align-items: center; gap: .35rem; color: var(--mud-palette-text-secondary); }
.engine-graph-legend span[b-2ab9bobgbz]::before { content: ''; width: 8px; height: 8px; border-radius: 50%; background: var(--legend-color); }
.engine-graph-legend .side-white[b-2ab9bobgbz] { --legend-color:var(--mud-palette-text-primary); }
.engine-graph-legend .side-white[b-2ab9bobgbz]::before { width:18px; height:3px; border-radius:0; }
.engine-graph-legend .side-black[b-2ab9bobgbz] { --legend-color:var(--mud-palette-primary); }
.engine-graph-legend .side-black[b-2ab9bobgbz]::before { width:18px; height:3px; border-radius:0; background:repeating-linear-gradient(to right,var(--legend-color) 0 5px,transparent 5px 8px); }
.engine-graph-legend .inaccuracy[b-2ab9bobgbz] { --legend-color:var(--mud-palette-text-primary); }
.engine-graph-legend .mistake[b-2ab9bobgbz] { --legend-color:var(--mud-palette-text-primary); }
.engine-graph-legend .mistake[b-2ab9bobgbz]::before { border-radius:0; transform:rotate(45deg); }
.engine-graph-legend .blunder[b-2ab9bobgbz]::before { border-radius:0; outline:1px solid var(--mud-palette-text-primary); }
.engine-graph-legend .blunder[b-2ab9bobgbz] { --legend-color: var(--mud-palette-error); }
.engine-graph-detail-slot[b-2ab9bobgbz] { min-block-size:10rem; margin-top:8px; }
.engine-graph-detail[b-2ab9bobgbz] { height:100%; overflow:auto; padding:10px 12px; border-left:4px solid var(--mud-palette-primary); border-radius:9px; background:var(--mud-palette-surface); }
.engine-graph-detail > div[b-2ab9bobgbz] { display: grid; grid-template-columns: 2.4rem minmax(0, 1fr) auto; align-items: center; gap: 8px; }
.engine-graph-detail em[b-2ab9bobgbz] { color: var(--mud-palette-primary); font-style: normal; font-weight: 850; }
.engine-graph-detail p[b-2ab9bobgbz] { margin: 4px 0 1px; color: var(--mud-palette-text-primary); font-size: .82rem; }
.engine-graph-detail small[b-2ab9bobgbz] { color: var(--mud-palette-text-secondary); }
.engine-graph-detail.category-inaccuracy[b-2ab9bobgbz] { border-left-color: var(--mud-palette-warning); }
.engine-graph-detail.category-mistake[b-2ab9bobgbz] { border-left-color: var(--mud-palette-warning); }
.engine-graph-detail.category-blunder[b-2ab9bobgbz] { border-left-color: var(--mud-palette-error); }
.engine-timeline > div:first-child[b-2ab9bobgbz] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.engine-timeline h3[b-2ab9bobgbz] { margin: .2rem 0; }
.engine-timeline > div:first-child span[b-2ab9bobgbz] { color: var(--mud-palette-text-secondary); font-size: .76rem; }
.engine-timeline label[b-2ab9bobgbz] { display: flex; align-items: center; gap: 7px; color: var(--mud-palette-text-primary); font-size: .8rem; font-weight: 750; }
.engine-timeline label input[b-2ab9bobgbz] { width: 18px; height: 18px; accent-color: var(--mud-palette-primary); }
.engine-timeline-list[b-2ab9bobgbz] { max-height: 390px; margin-top: 9px; overflow: auto; padding-right: 3px; }
.engine-timeline-list > button[b-2ab9bobgbz] { display: grid; grid-template-columns: 2.4rem 4rem minmax(0, 1fr); gap: .22rem .6rem; width: 100%; margin: .35rem 0; padding: .65rem; border: 1px solid var(--mud-palette-lines-default); border-left: 4px solid var(--mud-palette-primary); border-radius: 10px; color: var(--mud-palette-text-primary); background: var(--mud-palette-surface); text-align: left; cursor: pointer; }
.engine-timeline-list > button.selected[b-2ab9bobgbz] { border-color: var(--mud-palette-primary); background: var(--review-selected); }
.engine-timeline-list > button em[b-2ab9bobgbz] { justify-self: end; color: var(--mud-palette-primary); font-style: normal; font-weight: 800; }
.engine-timeline-list > button small[b-2ab9bobgbz] { grid-column: 2 / -1; color: var(--mud-palette-text-secondary); }
.engine-timeline-list > button.category-best[b-2ab9bobgbz], .engine-timeline-list > button.category-excellent[b-2ab9bobgbz] { border-left-color: var(--mud-palette-success); }
.engine-timeline-list > button.category-inaccuracy[b-2ab9bobgbz] { border-left-color: var(--mud-palette-warning); }
.engine-timeline-list > button.category-mistake[b-2ab9bobgbz] { border-left-color: var(--mud-palette-warning); }
.engine-timeline-list > button.category-blunder[b-2ab9bobgbz] { border-left-color: var(--mud-palette-error); }
.engine-rerun[b-2ab9bobgbz] { margin-top: 8px; padding: 8px 10px; border: 1px solid var(--mud-palette-primary); border-radius: 9px; color: var(--mud-palette-primary); background: color-mix(in srgb,var(--mud-palette-primary) 12%,var(--mud-palette-surface)); cursor: pointer; }
.engine-method[b-2ab9bobgbz] { display: flex; align-items: flex-start; gap: .55rem; margin-top: 1rem; padding-top: .8rem; border-top: 1px solid var(--mud-palette-lines-default); color: var(--mud-palette-text-secondary); }
.engine-method span[b-2ab9bobgbz] { display: grid; gap: .2rem; }
.engine-method small[b-2ab9bobgbz] { line-height: 1.45; }
.game-review-loading[b-2ab9bobgbz],
.game-review-empty[b-2ab9bobgbz] { display: flex; align-items: center; justify-content: center; gap: .7rem; min-height: 220px; color: var(--mud-palette-text-secondary); }
.game-review-loading.compact[b-2ab9bobgbz] { min-height: 100px; }
.game-review-empty[b-2ab9bobgbz] { flex-direction: column; padding: 2rem; border: 1px solid var(--review-border); border-radius: 16px; text-align: center; background: var(--review-panel); }
.game-review-empty h2[b-2ab9bobgbz],
.game-review-empty p[b-2ab9bobgbz] { margin: 0; }
.game-review-muted[b-2ab9bobgbz] { color: var(--mud-palette-text-secondary); }

@media (max-width: 980px) {
    .game-review-workspace[b-2ab9bobgbz] { grid-template-columns: minmax(300px, .9fr) minmax(360px, 1.1fr); }
    .engine-scorecards[b-2ab9bobgbz] { grid-template-columns: repeat(3, 1fr); }
    .engine-scorecards .primary[b-2ab9bobgbz] { grid-column: 1 / -1; }
}

@media (max-width: 760px) {
    .game-review-page[b-2ab9bobgbz] { padding: .65rem; }
    .game-review-header[b-2ab9bobgbz] { grid-template-columns: minmax(0, 1fr) auto; gap: .65rem; }
    .game-review-header > div[b-2ab9bobgbz] { min-width: 0; grid-column: 1 / -1; grid-row: 2; }
    .game-review-header h1[b-2ab9bobgbz] { font-size:1.25rem; line-height:1.3; overflow-wrap:anywhere; }
    .game-review-header h1[b-2ab9bobgbz]  .game-players { display: flex; }
    .game-review-options[b-2ab9bobgbz] { grid-template-columns: minmax(0, 1fr); }
    .game-review-header[b-2ab9bobgbz] { margin-bottom: .5rem; }
    .game-review-details-toggle[b-2ab9bobgbz] { display: inline-flex; align-items: center; justify-content: center; gap: .3rem; min-height: 44px; padding: .5rem; border: 1px solid var(--review-border); border-radius: 12px; background: var(--review-panel); color: inherit; cursor: pointer; }
    .game-review-page:not(.details-open) .game-review-heading[b-2ab9bobgbz],
    .game-review-page:not(.details-open) .game-review-options[b-2ab9bobgbz],
    .game-review-page:not(.details-open) .game-review-source[b-2ab9bobgbz] { display: none; }
    .game-review-header .game-review-back[b-2ab9bobgbz] { justify-self: start; }
    .game-review-header .game-review-back span[b-2ab9bobgbz] { display: none; }
    .game-review-source[b-2ab9bobgbz] { grid-column: 1 / -1; grid-row: 3; justify-self: center; }
    .game-review-header-actions[b-2ab9bobgbz] { grid-column:1 / -1; grid-row:3; }
    .game-review-tabs[b-2ab9bobgbz] { gap: .4rem; margin-bottom: .5rem; background: var(--mud-palette-background); }
    .game-review-tabs button[b-2ab9bobgbz] { min-height: 54px; padding: .45rem; }
    .game-review-tabs strong[b-2ab9bobgbz] { font-size: .8rem; line-height: 1.3; }
    .game-review-tabs button[b-2ab9bobgbz] { gap: .35rem; }
    .game-review-tabs small[b-2ab9bobgbz] { display: none; }
    .game-review-workspace[b-2ab9bobgbz] { display: block; }
    .game-review-board-column[b-2ab9bobgbz] { padding: .55rem; border-radius: 14px; }
    .game-review-player strong[b-2ab9bobgbz] { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .game-review-evalbar[b-2ab9bobgbz] { width: 18px; }
    .game-review-moves[b-2ab9bobgbz] { max-height: 180px; }
    .game-review-panel[b-2ab9bobgbz] { margin-top: .7rem; }
    .game-review-panel > section[b-2ab9bobgbz] { min-height: 0; padding: .85rem; border-radius: 14px; }
    .preparation-facts[b-2ab9bobgbz] { grid-template-columns: 1fr 1fr; }
    .preparation-facts article:last-child[b-2ab9bobgbz] { grid-column: 1 / -1; }
    .preparation-divergence[b-2ab9bobgbz] { align-items: stretch; flex-direction: column; }
    .engine-profiles[b-2ab9bobgbz] { grid-template-columns: 1fr; }
    .engine-profiles button[b-2ab9bobgbz] { min-height: 72px; }
    .engine-progress-heading[b-2ab9bobgbz] { align-items: flex-start; flex-direction: column; }
    .engine-progress-estimate[b-2ab9bobgbz] { justify-items: start; text-align: left; }
    .engine-scorecards[b-2ab9bobgbz] { grid-template-columns: repeat(3, 1fr); }
    .engine-scorecards article[b-2ab9bobgbz] { padding: .6rem; }
    .engine-graph-heading[b-2ab9bobgbz], .engine-timeline > div:first-child[b-2ab9bobgbz] { align-items: stretch; flex-direction: column; }
    .engine-graph-mode[b-2ab9bobgbz] { justify-content: stretch; }
    .engine-graph-mode button[b-2ab9bobgbz] { flex: 1; }
    .engine-timeline-list > button[b-2ab9bobgbz] { grid-template-columns: 2rem 3rem minmax(0, 1fr); }
}

@media (hover: none) and (pointer: coarse) {
    .review-wheel-help[b-2ab9bobgbz] { display: none; }
}

@media (prefers-reduced-motion: reduce) {
    .game-review-page button[b-2ab9bobgbz] { scroll-behavior: auto; }
    .engine-progress-heading > div:first-child strong i[b-2ab9bobgbz] { animation: none; }
}

/* Use available content width, including an open app drawer, not only viewport width. */
@container (max-width: 860px) {
    .game-review-workspace[b-2ab9bobgbz] { grid-template-columns:minmax(0,1fr); }
    .game-review-board-column[b-2ab9bobgbz] { max-width:680px; width:100%; margin-inline:auto; }
    .game-review-panel[b-2ab9bobgbz] { margin-top:12px; }
    .game-review-panel > section[b-2ab9bobgbz] { min-height:0; }
}
@container (max-width: 380px) { .engine-graph-detail-slot[b-2ab9bobgbz] { min-block-size:13rem; } }
.private-database-viewer .game-review-workspace[b-2ab9bobgbz]{grid-template-columns:minmax(0,800px);justify-content:center}
.private-database-viewer .game-review-tabs[b-2ab9bobgbz],.private-database-viewer .game-review-panel > :not(.game-review-live-engine)[b-2ab9bobgbz]{display:none}

.quality-count > div[b-2ab9bobgbz] { display:flex; align-items:center; gap:9px; }
.engine-scorecards article.inaccuracy[b-2ab9bobgbz] { background:color-mix(in srgb,var(--move-inaccuracy) 12%,var(--mud-palette-surface)); }
.engine-scorecards article.mistake[b-2ab9bobgbz] { background:color-mix(in srgb,var(--move-mistake) 12%,var(--mud-palette-surface)); }
.engine-scorecards article.blunder[b-2ab9bobgbz] { background:color-mix(in srgb,var(--move-blunder) 12%,var(--mud-palette-surface)); }
.game-review-moves button.category-inaccuracy[b-2ab9bobgbz] { background:color-mix(in srgb,var(--move-inaccuracy) 13%,var(--mud-palette-surface)); box-shadow:inset 3px 0 var(--move-inaccuracy); }
.game-review-moves button.category-mistake[b-2ab9bobgbz] { background:color-mix(in srgb,var(--move-mistake) 13%,var(--mud-palette-surface)); box-shadow:inset 3px 0 var(--move-mistake); }
.game-review-moves button.category-blunder[b-2ab9bobgbz] { background:color-mix(in srgb,var(--move-blunder) 13%,var(--mud-palette-surface)); box-shadow:inset 3px 0 var(--move-blunder); }
.game-review-moves button.current[b-2ab9bobgbz] { outline:2px solid var(--mud-palette-primary); outline-offset:-2px; }
.engine-graph-detail.category-inaccuracy[b-2ab9bobgbz], .engine-timeline-list > button.category-inaccuracy[b-2ab9bobgbz] { border-left-color:var(--move-inaccuracy); background:color-mix(in srgb,var(--move-inaccuracy) 8%,var(--mud-palette-surface)); }
.engine-graph-detail.category-mistake[b-2ab9bobgbz], .engine-timeline-list > button.category-mistake[b-2ab9bobgbz] { border-left-color:var(--move-mistake); background:color-mix(in srgb,var(--move-mistake) 8%,var(--mud-palette-surface)); }
.engine-graph-detail.category-blunder[b-2ab9bobgbz], .engine-timeline-list > button.category-blunder[b-2ab9bobgbz] { border-left-color:var(--move-blunder); background:color-mix(in srgb,var(--move-blunder) 8%,var(--mud-palette-surface)); }
.engine-timeline-list > button[b-2ab9bobgbz]  .move-quality-badge { justify-self:end; }

/* Live Stockfish panel: same component as free analysis / OTB viewer, mounted on demand. */
.game-review-live-engine[b-2ab9bobgbz] { display: grid; gap: 10px; margin-bottom: 12px; padding: 10px 12px; border: 1px solid var(--mud-palette-lines-default); border-radius: 12px; background: var(--mud-palette-surface); }
.game-review-live-engine-toggle[b-2ab9bobgbz] { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 10px; width: 100%; padding: 2px 0; border: 0; background: none; color: inherit; text-align: left; cursor: pointer; }
.game-review-live-engine-toggle > span[b-2ab9bobgbz] { display: grid; min-width: 0; }
.game-review-live-engine-toggle strong[b-2ab9bobgbz] { font-size: .88rem; }
.game-review-live-engine-toggle small[b-2ab9bobgbz] { color: var(--mud-palette-text-secondary); font-size: .74rem; }
.game-review-live-engine-toggle > .mud-icon-root[b-2ab9bobgbz] { color: var(--mud-palette-primary); }
/* /Pages/InPersonGames.razor.rz.scp.css */
.otb-page[b-0m4j5mp5m4] { box-sizing: border-box; width: 100%; max-width: min(2200px, 98vw); margin: 0 auto; padding: clamp(.9rem, 2vw, 1.6rem) clamp(.75rem, 2vw, 1.5rem) 4rem; overflow-x: hidden; }
.otb-hero[b-0m4j5mp5m4] { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 1rem; margin-bottom: 1.1rem; }
.otb-hero h1[b-0m4j5mp5m4] { margin: .3rem 0 .35rem; font-size: clamp(1.45rem, 4vw, 2.2rem); letter-spacing: -.03em; }
.otb-hero p[b-0m4j5mp5m4] { margin: 0; max-width: 52ch; color: var(--mud-palette-text-secondary); }
.otb-kicker[b-0m4j5mp5m4] { display: inline-flex; align-items: center; gap: .4rem; color: #a5b4fc; font-size: .72rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.otb-tip[b-0m4j5mp5m4] { min-width: 210px; max-width: 260px; padding: .7rem .85rem; border: 1px solid #334155; border-radius: 14px; background: #0f172a; }
.otb-tip strong[b-0m4j5mp5m4] { display: block; color: #93c5fd; font-size: 1rem; }
.otb-tip span[b-0m4j5mp5m4] { color: #94a3b8; font-size: .78rem; }
.otb-tip.limit-reached[b-0m4j5mp5m4] { border-color: #f59e0b99; background: #451a031f; }
.otb-tip.limit-reached strong[b-0m4j5mp5m4] { color: #fbbf24; }
.otb-tool-overlay[b-0m4j5mp5m4] { position: fixed; inset: 0; z-index: 1450; display: grid; place-items: center; padding: clamp(.4rem, 2vw, 1.2rem); background: #020617d9; backdrop-filter: blur(7px); }
.otb-tool-dialog[b-0m4j5mp5m4] { width: min(1080px, 100%); max-height: calc(100dvh - 1rem); overflow: auto; padding: clamp(.8rem, 2vw, 1.25rem); border: 1px solid #334155; border-radius: 20px; background: var(--mud-palette-background); box-shadow: 0 24px 80px #000a; }
.otb-tool-dialog > header[b-0m4j5mp5m4], .otb-tool-head[b-0m4j5mp5m4] { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; margin-bottom: .8rem; }
.otb-tool-dialog > header h2[b-0m4j5mp5m4], .otb-tool-dialog > header p[b-0m4j5mp5m4], .otb-tool-head h2[b-0m4j5mp5m4], .otb-tool-head p[b-0m4j5mp5m4] { margin: 0; }
.otb-tool-dialog > header small[b-0m4j5mp5m4], .otb-tool-head small[b-0m4j5mp5m4] { color: #60a5fa; font-size: .68rem; font-weight: 850; letter-spacing: .1em; }
.otb-tool-dialog > header p[b-0m4j5mp5m4], .otb-tool-head p[b-0m4j5mp5m4] { color: #94a3b8; font-size: .8rem; }

@media (max-width: 820px) {
    .otb-tip[b-0m4j5mp5m4] { width: 100%; max-width: none; }
}
@media (max-width: 390px) {
    .otb-hero p[b-0m4j5mp5m4] { display: none; }
    .otb-tool-overlay[b-0m4j5mp5m4] { padding: .25rem; }
    .otb-tool-dialog[b-0m4j5mp5m4] { max-height: calc(100dvh - .5rem); padding: .65rem; border-radius: 14px; }
}
@media (max-width: 360px) {
    .otb-page[b-0m4j5mp5m4] { padding-inline: .45rem; }
}
@media (max-width: 320px) {
    .otb-hero h1[b-0m4j5mp5m4] { font-size: 1.3rem; }
}
@media (prefers-reduced-motion: reduce) {
    .otb-tool-overlay[b-0m4j5mp5m4] { backdrop-filter: none; }
}

.otb-entry-error[b-0m4j5mp5m4] { position: fixed; left: 50%; top: calc(.75rem + env(safe-area-inset-top)); z-index: 1470; width: min(560px, calc(100vw - 1rem)); transform: translateX(-50%); }
/* /Pages/LichessGames.razor.rz.scp.css */
.games-real-progress[b-fsdtgu6p6z] {
    display: grid;
    gap: .45rem;
    margin-top: .8rem;
    padding: .75rem;
    border: 1px solid color-mix(in srgb, var(--mud-palette-info) 36%, var(--mud-palette-lines-default));
    border-radius: 14px;
    background: color-mix(in srgb, var(--mud-palette-info) 8%, transparent);
}

.games-real-progress > div[b-fsdtgu6p6z] { display: flex; justify-content: space-between; gap: .7rem; }
.games-real-progress span[b-fsdtgu6p6z] { color: var(--mud-palette-text-secondary); font-variant-numeric: tabular-nums; }

@media (max-width: 390px) {
    .games-real-progress[b-fsdtgu6p6z] { padding: .6rem; }
    .games-real-progress > div[b-fsdtgu6p6z] { align-items: flex-start; flex-direction: column; gap: .15rem; }
}
/* /Pages/Login.razor.rz.scp.css */
/* UX-004 — densité mobile ; UX-006 — cibles tactiles ≥ 44px */

.login-auth-links[b-nufvlki44w] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: .35rem .75rem;
    margin-top: .5rem;
}

.login-auth-links[b-nufvlki44w]  .login-auth-link.mud-button-root {
    min-height: 44px;
    padding-inline: .25rem;
    text-align: start;
    white-space: normal;
}

/* UX-006 — override Mud Dense / fixed slot heights */
.login-page[b-nufvlki44w]  .mud-input-control {
    margin-top: 6px;
    margin-bottom: 3px;
}

.login-page[b-nufvlki44w]  .mud-input-outlined,
.login-page[b-nufvlki44w]  .mud-input-outlined .mud-input-slot,
.login-page[b-nufvlki44w]  .mud-input-outlined input.mud-input-slot,
.login-page[b-nufvlki44w]  .mud-input-outlined .mud-input-root,
.login-page[b-nufvlki44w]  .mud-input > input {
    min-height: 44px !important;
    height: 44px !important;
    box-sizing: border-box;
}

.login-page[b-nufvlki44w]  .mud-input-adornment {
    min-height: 44px;
}

.login-page[b-nufvlki44w]  .mud-button-filled.mud-button-root,
.login-page[b-nufvlki44w]  button.mud-button-root[type="submit"],
.login-page[b-nufvlki44w]  .cos-touch-cta.mud-button-root {
    min-height: 44px !important;
    height: 44px !important;
    box-sizing: border-box !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

@media (max-width: 700px) {
    .login-page[b-nufvlki44w] {
        margin-top: .35rem !important;
        margin-bottom: .5rem;
        min-height: calc(100dvh - 8.75rem);
        display: flex;
        flex-direction: column;
        justify-content: center;
        box-sizing: border-box;
        padding-block: .35rem 1rem;
        padding-bottom: max(1rem, env(safe-area-inset-bottom));
    }

    .login-page[b-nufvlki44w]  > .mud-paper {
        width: 100%;
    }

    .login-page[b-nufvlki44w]  .mud-typography-h4 {
        font-size: 1.45rem;
        line-height: 1.25;
        margin-bottom: .65rem !important;
    }
}

@media (max-width: 390px) {
    .login-auth-links[b-nufvlki44w] {
        flex-direction: column;
        align-items: stretch;
    }

    .login-auth-links[b-nufvlki44w]  .login-auth-link.mud-button-root {
        justify-content: flex-start;
        width: 100%;
    }
}

@media (max-width: 700px) and (max-height: 560px) {
    .login-page[b-nufvlki44w] {
        min-height: 0;
        justify-content: flex-start;
        padding-block: .25rem .75rem;
    }
}
/* /Pages/OpeningCatalog.razor.rz.scp.css */

.opening-page[b-lgejnfl0z9] {
    box-sizing: border-box;
    width: 100%;
    max-width: 1320px;
    margin-inline: auto;
    padding: 2rem clamp(1.25rem, 3.5vw, 3rem) 5rem;
}
.opening-card-grid[b-lgejnfl0z9] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 290px), 1fr));
    gap: .65rem 1.25rem;
    margin: 1.5rem 0 0;
    width: 100%;
}
.opening-page[b-lgejnfl0z9]  .opening-filters { margin-inline: 0; }
.opening-card[b-lgejnfl0z9] {
    width: 100%;
    min-width: 0;
    display: grid;
    grid-row: span 8;
    grid-template-rows: subgrid;
    padding: 1.25rem;
    margin-bottom: .6rem;
    background: var(--mud-palette-surface);
}
.opening-card-heading[b-lgejnfl0z9] { grid-row: 1; grid-template-columns: 52px minmax(0, 1fr) 40px; gap: 10px; }
.opening-card-heading[b-lgejnfl0z9]  > .mud-menu { grid-column: 3; grid-row: 1; }
.opening-quota-readonly-badge[b-lgejnfl0z9] { grid-column: 2 / 4; grid-row: 2; justify-self: start; }
.opening-description[b-lgejnfl0z9] { grid-row: 2; }
.opening-card-stats[b-lgejnfl0z9] { grid-row: 3; }
.opening-card-incomplete[b-lgejnfl0z9] { grid-row: 4; }
.opening-review-summary[b-lgejnfl0z9] { grid-row: 5; }
.opening-mastery-status[b-lgejnfl0z9] { grid-row: 6; }
.opening-last-update[b-lgejnfl0z9] { grid-row: 7; }
.opening-card-actions[b-lgejnfl0z9] { grid-row: 8; }
.opening-card-unavailable[b-lgejnfl0z9] { grid-row: 1 / 8; }
.opening-card-title[b-lgejnfl0z9]  .mud-typography-h6 { overflow-wrap: anywhere; }
.opening-description[b-lgejnfl0z9] {
    display: -webkit-box;
    overflow: hidden;
    min-height: 0;
    font-size: .875rem;
    line-height: 1.5;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
}
.opening-card-stats[b-lgejnfl0z9], .opening-card-incomplete[b-lgejnfl0z9], .opening-review-summary[b-lgejnfl0z9],
.opening-mastery-status[b-lgejnfl0z9], .opening-last-update[b-lgejnfl0z9], .opening-card-actions[b-lgejnfl0z9] { margin-top: 0 !important; }
.opening-card-stats > div > span[b-lgejnfl0z9] { grid-column: 2; grid-row: 2; color: var(--mud-palette-text-secondary); }
.opening-card-stats > div[b-lgejnfl0z9] { min-width: 0; column-gap: 5px; }
.opening-card-stats strong[b-lgejnfl0z9] { overflow-wrap: anywhere; }
.opening-card-actions[b-lgejnfl0z9] { padding: 0 !important; align-content: start; }
.opening-card-actions[b-lgejnfl0z9]  .mud-icon-button { min-width: 44px; min-height: 44px; }
.opening-card-actions[b-lgejnfl0z9]  .opening-train-cta {
    grid-column: 1 / -1;
    width: 100%;
    min-height: 48px;
    margin-inline: 0;
}
.opening-last-update[b-lgejnfl0z9] { align-self: center; font-size: .75rem; }
.opening-last-update[b-lgejnfl0z9]  .mud-icon-root { font-size: 1rem; vertical-align: middle; }
.opening-overview[b-lgejnfl0z9] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    width: 100%;
    max-width: none;
}
.opening-overview span[b-lgejnfl0z9] { font-size: .75rem; }
.opening-overview strong[b-lgejnfl0z9] { font-size: 1.2rem; }
.opening-card-heading[b-lgejnfl0z9] { grid-template-columns: 48px minmax(0, 1fr) 44px; }
.opening-card-heading[b-lgejnfl0z9]  .mud-icon-button { width: 44px; height: 44px; }
.opening-card-actions[b-lgejnfl0z9] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
}
.opening-card-actions[b-lgejnfl0z9]  .opening-card-tool {
    min-width: 0;
    min-height: 44px;
    width: 100%;
    border-radius: 10px;
}
.opening-card-actions[b-lgejnfl0z9]  .opening-card-tool .mud-icon-root { font-size: 22px; }
.opening-card-actions[b-lgejnfl0z9]  .opening-card-span { grid-column: 1 / -1; }
.opening-color-filters[b-lgejnfl0z9]  .mud-button-root { min-height: 44px; }
.opening-overview-incomplete[b-lgejnfl0z9]  .mud-icon-root,
.opening-overview-incomplete strong[b-lgejnfl0z9] {
    color: var(--mud-palette-warning);
}
.opening-card-incomplete[b-lgejnfl0z9] {
    display: flex;
    align-items: center;
    gap: .5rem;
    min-height: 44px;
    padding: .5rem .65rem;
    border: 1px solid color-mix(in srgb, var(--mud-palette-warning) 38%, var(--mud-palette-lines-default));
    border-radius: 12px;
    color: var(--mud-palette-warning);
    background: color-mix(in srgb, var(--mud-palette-warning) 9%, transparent);
    font-size: .78rem;
    font-weight: 700;
    text-decoration: none;
}
.opening-card-incomplete:hover[b-lgejnfl0z9],
.opening-card-incomplete:focus-visible[b-lgejnfl0z9] {
    border-color: var(--mud-palette-warning);
    background: color-mix(in srgb, var(--mud-palette-warning) 15%, transparent);
}
.opening-card-incomplete:focus-visible[b-lgejnfl0z9] {
    outline: 2px solid color-mix(in srgb, var(--mud-palette-warning) 50%, transparent);
    outline-offset: 2px;
}
.opening-card-incomplete strong[b-lgejnfl0z9] { font-size: .92rem; }
.opening-card-incomplete[b-lgejnfl0z9]  .mud-icon-root { font-size: 18px; }
.opening-card-incomplete[b-lgejnfl0z9]  .mud-icon-root:last-child { margin-left: auto; }
.opening-review-summary.is-clear[b-lgejnfl0z9] {
    cursor: default;
    color: var(--mud-palette-success);
    border-color: color-mix(in srgb, var(--mud-palette-success) 35%, var(--mud-palette-lines-default));
    background: color-mix(in srgb, var(--mud-palette-success) 8%, transparent);
}
.opening-review-summary.is-clear i[b-lgejnfl0z9] { background: var(--mud-palette-success); }

/* UX-033 — tablet 600–1100: don't squeeze hero copy beside 3 action buttons */
@media (min-width: 600px) and (max-width: 1100px) {
    .opening-mobile-hero[b-lgejnfl0z9] {
        grid-template-columns: 56px minmax(0, 1fr);
        align-items: start;
        gap: 12px 14px;
        padding: 18px 16px 22px;
        border-radius: 22px;
    }
    .opening-hero-actions[b-lgejnfl0z9] {
        grid-column: 1 / -1 !important;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
        min-width: 0;
    }
    .opening-hero-actions[b-lgejnfl0z9]  .mud-button-root {
        min-height: 44px;
        margin: 0;
        width: 100%;
    }
    .opening-hero-actions[b-lgejnfl0z9]  .opening-global-training {
        grid-column: 1 / -1;
        grid-row: 1;
        min-height: 48px;
    }
    .opening-hero-actions[b-lgejnfl0z9]  .opening-export-action { grid-column: 1; grid-row: 2; }
    .opening-hero-actions[b-lgejnfl0z9]  .opening-desktop-create { grid-column: 2; grid-row: 2; }
    .opening-hero-copy[b-lgejnfl0z9]  .mud-typography-h4 {
        overflow-wrap: anywhere;
    }
    .opening-hero-copy[b-lgejnfl0z9]  .mud-typography-body2 {
        max-width: 62ch;
    }
}
@media (min-width: 901px) {
    .opening-page[b-lgejnfl0z9] { padding-top: 1.15rem; padding-bottom: 3rem; }
    .opening-overview[b-lgejnfl0z9] { margin: 1rem 0 1.15rem; }
    .opening-mobile-hero[b-lgejnfl0z9] { align-items: center; }
    .opening-hero-actions[b-lgejnfl0z9] { justify-content: flex-end; min-width: 0; }
    .opening-card-grid[b-lgejnfl0z9] { margin-top: .85rem; }
}
@media (max-width: 700px) {
    .opening-page[b-lgejnfl0z9] { padding: .7rem .5rem calc(1.25rem + env(safe-area-inset-bottom)); }
    .opening-mobile-hero[b-lgejnfl0z9] { padding: 12px; gap: 8px 10px; border-radius: 18px; }
    .opening-hero-copy[b-lgejnfl0z9]  .mud-typography-h4 { font-size: 1.35rem; }
    .opening-hero-copy[b-lgejnfl0z9]  .mud-typography-overline { display: none; }
    .opening-hero-actions[b-lgejnfl0z9] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }
    .opening-hero-actions[b-lgejnfl0z9]  .mud-button-root { min-height: 44px; margin: 0; }
    .opening-hero-actions[b-lgejnfl0z9]  .opening-global-training {
        grid-column: 1 / -1;
        grid-row: 1;
        width: auto;
        min-height: 48px;
    }
    .opening-hero-actions[b-lgejnfl0z9]  .opening-export-action { grid-column: 1; grid-row: 2; }
    .opening-hero-actions[b-lgejnfl0z9]  .opening-desktop-create { grid-column: 2; grid-row: 2; width: auto; }
    .opening-overview[b-lgejnfl0z9] { grid-template-columns: repeat(2, minmax(0, 1fr)); margin: .5rem 0; padding: 0; }
    .opening-overview > div[b-lgejnfl0z9] { grid-template-columns: auto auto minmax(0, 1fr); align-items: center; justify-items: start; gap: .4rem; min-height: 52px; padding: .5rem .65rem; text-align: left; }
    .opening-overview strong[b-lgejnfl0z9] { margin: 0; font-size: 1rem; }
    .opening-overview span[b-lgejnfl0z9] { overflow-wrap: anywhere; }
    .opening-overview > div:nth-child(odd)[b-lgejnfl0z9] { border-left: 0; }
    .opening-overview > div:nth-child(n + 3)[b-lgejnfl0z9] { border-top: 1px solid var(--mud-palette-lines-default); }
    .opening-description[b-lgejnfl0z9] { -webkit-line-clamp: 2; }
    .opening-card[b-lgejnfl0z9] { padding: .9rem; }
    .opening-page[b-lgejnfl0z9]  .opening-filters { padding: .5rem !important; margin-bottom: .5rem !important; gap: .35rem; }
    /* UX-029 — catalog search ≥44px touch */
    .opening-page[b-lgejnfl0z9]  .opening-filters .mud-input-control,
    .opening-page[b-lgejnfl0z9]  .opening-filters .mud-input-slot,
    .opening-page[b-lgejnfl0z9]  .opening-filters .mud-input > input {
        min-height: 44px;
    }
    .opening-page[b-lgejnfl0z9]  .opening-filters .mud-input-control { margin-bottom: .35rem; }
    .opening-color-filters[b-lgejnfl0z9] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .3rem; }
    .opening-color-filters[b-lgejnfl0z9]  .mud-button-root { min-width: 0; padding-inline: .25rem; font-size: .75rem; }
    .opening-card-grid[b-lgejnfl0z9] { margin-top: .5rem; }
}
.opening-export-action[b-lgejnfl0z9] { min-height: 44px; }
.opening-courses-promo[b-lgejnfl0z9] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
    margin: 0 0 1.25rem;
    padding: 1rem 1.15rem;
    border: 1px solid color-mix(in srgb, var(--mud-palette-primary) 28%, var(--mud-palette-lines-default));
    border-radius: 18px;
    background: color-mix(in srgb, var(--mud-palette-primary) 8%, var(--mud-palette-surface));
}
.opening-courses-promo-icon[b-lgejnfl0z9] {
    display: grid; place-items: center;
    width: 48px; height: 48px; border-radius: 14px;
    color: #fff;
    background: linear-gradient(135deg, #2563eb, #7c3aed);
}
.opening-courses-promo h6[b-lgejnfl0z9], .opening-courses-promo p[b-lgejnfl0z9] { margin: 0; }
@media (max-width: 700px) {
    .opening-courses-promo[b-lgejnfl0z9] { grid-template-columns: minmax(0, 1fr); }
    .opening-courses-promo[b-lgejnfl0z9]  .mud-button-root { width: 100%; }
}
.opening-export-modal[b-lgejnfl0z9] { width: min(920px, calc(100vw - 2rem)); max-height: min(880px, calc(100dvh - 2rem)); overflow: hidden; }
.opening-export-header[b-lgejnfl0z9] { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .8rem; padding: 1rem 1.1rem; border-bottom: 1px solid var(--mud-palette-lines-default); }
.opening-export-header > span[b-lgejnfl0z9] { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 14px; color: #fff; background: linear-gradient(135deg, #2563eb, #7c3aed); }
.opening-export-header h2[b-lgejnfl0z9], .opening-export-header p[b-lgejnfl0z9] { margin: 0; }
.opening-export-header h2[b-lgejnfl0z9] { font-size: 1.25rem; }
.opening-export-header p[b-lgejnfl0z9], .opening-export-header small[b-lgejnfl0z9] { color: var(--mud-palette-text-secondary); }
.opening-export-header small[b-lgejnfl0z9] { font-size: .62rem; font-weight: 900; letter-spacing: .1em; }
.opening-export-body[b-lgejnfl0z9] { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(250px, .75fr); gap: 1rem; min-height: 0; padding: 1rem 1.1rem; overflow: auto; }
.opening-export-section-title[b-lgejnfl0z9] { display: grid; grid-template-columns: minmax(0, 1fr) auto auto auto; align-items: center; gap: .45rem; margin-bottom: .5rem; }
.opening-export-section-title small[b-lgejnfl0z9] { color: var(--mud-palette-text-secondary); }
.opening-export-section-title button[b-lgejnfl0z9] { min-height: 36px; padding: .25rem .55rem; border: 1px solid #334155; border-radius: 9px; color: inherit; background: transparent; cursor: pointer; }
.opening-export-list[b-lgejnfl0z9] { display: grid; gap: .45rem; max-height: 420px; overflow: auto; }
.opening-export-list label[b-lgejnfl0z9] { display: grid; grid-template-columns: auto auto minmax(0, 1fr); align-items: center; gap: .55rem; padding: .55rem; border: 1px solid #334155; border-radius: 11px; cursor: pointer; }
.opening-export-list label.selected[b-lgejnfl0z9] { border-color: #60a5fa; background: #1d4ed82b; }
.opening-export-list strong[b-lgejnfl0z9], .opening-export-list small[b-lgejnfl0z9] { display: block; }
.opening-export-list small[b-lgejnfl0z9] { color: var(--mud-palette-text-secondary); }
.opening-export-options[b-lgejnfl0z9] { display: grid; align-content: start; min-width: 0; margin: 0; padding: .8rem; border: 1px solid #334155; border-radius: 14px; }
.opening-export-options legend[b-lgejnfl0z9] { padding: 0 .35rem; font-weight: 850; }
.opening-export-options p[b-lgejnfl0z9] { margin: 0 0 .4rem; color: var(--mud-palette-text-secondary); font-size: .78rem; }
.opening-export-actions[b-lgejnfl0z9] { display: flex; align-items: center; justify-content: flex-end; gap: .55rem; padding: .85rem 1.1rem; border-top: 1px solid var(--mud-palette-lines-default); }
.opening-export-actions > span[b-lgejnfl0z9] { margin-right: auto; color: var(--mud-palette-text-secondary); font-size: .74rem; }
@media (max-width: 700px) {
    .opening-export-modal[b-lgejnfl0z9] { width: 100%; max-height: 94dvh; border-radius: 22px 22px 0 0; }
    .opening-export-body[b-lgejnfl0z9] { grid-template-columns: 1fr; }
    .opening-export-actions[b-lgejnfl0z9] { flex-wrap: wrap; }
    .opening-export-actions > span[b-lgejnfl0z9] { width: 100%; }
    .opening-export-section-title[b-lgejnfl0z9] { grid-template-columns: minmax(0, 1fr) auto auto; }
    .opening-export-section-title > small[b-lgejnfl0z9] { grid-column: 1 / -1; grid-row: 2; }
}
/* /Pages/OpeningEditor.razor.rz.scp.css */
.opening-reference-dialog-overlay[b-jn3ly34nx0] {
    align-items: center;
    padding: clamp(1rem, 4vh, 3rem);
}

.opening-reference-dialog[b-jn3ly34nx0] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    width: min(1120px, 100%);
    max-height: min(90dvh, 920px);
    overflow: hidden;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 24px;
    color: var(--mud-palette-text-primary);
    background: var(--mud-palette-background);
    box-shadow: 0 30px 90px #020617b8;
}

.opening-reference-dialog-header[b-jn3ly34nx0] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.2rem 1.35rem;
    border-bottom: 1px solid var(--mud-palette-lines-default);
    background: linear-gradient(120deg, color-mix(in srgb, var(--mud-palette-primary) 14%, var(--mud-palette-surface)), var(--mud-palette-surface));
}

.opening-reference-dialog-header h2[b-jn3ly34nx0],
.opening-reference-dialog-header p[b-jn3ly34nx0] { margin: .15rem 0; }
.opening-reference-dialog-header > div > span[b-jn3ly34nx0] { color: #60a5fa; font-size: .7rem; font-weight: 900; letter-spacing: .12em; }
.opening-reference-dialog-header p[b-jn3ly34nx0] { color: var(--mud-palette-text-secondary); }
.opening-reference-dialog-header .opening-reference-dialog-sources[b-jn3ly34nx0] { display: flex; flex-wrap: wrap; gap: .28rem; align-items: center; }
.opening-reference-dialog-header .opening-reference-dialog-sources > span[b-jn3ly34nx0] { padding: .12rem .42rem; border: 1px solid color-mix(in srgb, var(--mud-palette-primary) 32%, transparent); border-radius: 999px; color: #bfdbfe; font-size: .68rem; }
.opening-reference-dialog-header .opening-reference-dialog-sources > em[b-jn3ly34nx0] { flex-basis: 100%; }

.opening-reference-dialog-close[b-jn3ly34nx0] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    min-height: 44px;
    padding: .55rem .8rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 13px;
    color: inherit;
    background: var(--mud-palette-background);
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

.opening-reference-dialog-content[b-jn3ly34nx0] {
    min-height: 0;
    overflow: auto;
    padding: 1.25rem;
    overscroll-behavior: contain;
}

.opening-reference-dialog-content[b-jn3ly34nx0]  .opening-reference { box-shadow: none; }
.opening-reference-dialog-content[b-jn3ly34nx0]  .opening-reference-body { padding: 0 1.2rem 1.2rem; }
.opening-reference-dialog-content[b-jn3ly34nx0]  .opening-reference-moves { max-height: none; }
.opening-editor-mobile-tabs-two[b-jn3ly34nx0] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.opening-editor-tabs-three[b-jn3ly34nx0] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.opening-editor-grid[b-jn3ly34nx0]  .opening-engine-panel { min-width: 0; overflow: auto; }

@media (max-width: 820px) {
    .opening-reference-dialog-overlay[b-jn3ly34nx0] { align-items: stretch; padding: 0; }
    .opening-reference-dialog[b-jn3ly34nx0] { width: 100%; height: 100dvh; max-height: none; border: 0; border-radius: 0; }
    .opening-reference-dialog-header[b-jn3ly34nx0] { align-items: center; padding: max(.85rem, env(safe-area-inset-top)) 1rem .85rem; }
    .opening-reference-dialog-header p[b-jn3ly34nx0], .opening-reference-dialog-header > div > span[b-jn3ly34nx0] { display: none; }
    .opening-reference-dialog-header h2[b-jn3ly34nx0] { font-size: 1.2rem; }
    .opening-reference-dialog-close[b-jn3ly34nx0] { min-width: 44px; padding: .5rem; }
    .opening-reference-dialog-close span[b-jn3ly34nx0] { display: none; }
    .opening-reference-dialog-content[b-jn3ly34nx0] { padding: .7rem; }
    .opening-reference-dialog-content[b-jn3ly34nx0]  .opening-reference { border-radius: 16px; }
    .opening-reference-dialog-content[b-jn3ly34nx0]  .opening-reference-body { max-height: none !important; overflow: visible !important; padding: 0 .7rem .8rem; }
    .opening-reference-dialog-content[b-jn3ly34nx0]  .opening-reference-moves { max-height: none; }
}

@media (max-width: 600px) {
    .opening-board-markup-toolbar[b-jn3ly34nx0] {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        gap: 5px;
        margin: 5px auto 0;
        padding: 5px;
        overflow-x: auto;
        scrollbar-width: none;
    }
    .opening-board-markup-toolbar[b-jn3ly34nx0]::-webkit-scrollbar { display: none; }
    .opening-board-markup-tools[b-jn3ly34nx0],
    .opening-board-markup-colors[b-jn3ly34nx0] { flex: 0 0 auto; flex-wrap: nowrap; gap: 4px; }
    /* UX-031 — board markup tools ≥44px touch */
    .opening-board-markup-tool[b-jn3ly34nx0],
    .opening-board-markup-clear[b-jn3ly34nx0] {
        display: grid;
        place-items: center;
        flex: 0 0 44px;
        width: 44px;
        min-width: 44px;
        min-height: 44px;
        padding: 0;
    }
    .opening-board-markup-tool > span:last-child[b-jn3ly34nx0],
    .opening-board-markup-clear > span:last-child[b-jn3ly34nx0],
    .opening-board-markup-toolbar > small[b-jn3ly34nx0] { display: none; }
    .opening-board-markup-color[b-jn3ly34nx0] { width: 25px; height: 25px; border-width: 2px; }
}
.opening-transposition-notice[b-jn3ly34nx0] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .75rem;
    margin: .75rem 0;
    border: 1px solid color-mix(in srgb, var(--mud-palette-info) 55%, transparent);
    border-radius: .75rem;
    background: color-mix(in srgb, var(--mud-palette-info) 10%, transparent);
}

.opening-transposition-notice > span[b-jn3ly34nx0] {
    display: grid;
    flex: 1;
}

.opening-transposition-notice small[b-jn3ly34nx0] {
    color: var(--mud-palette-text-secondary);
}

.opening-transposition-notice button[b-jn3ly34nx0] {
    color: var(--mud-palette-info);
    border: 0;
    background: transparent;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

@media (max-width: 600px) {
    .opening-transposition-notice[b-jn3ly34nx0] { align-items: flex-start; flex-wrap: wrap; }
    .opening-transposition-notice button[b-jn3ly34nx0] { margin-left: 2rem; min-height: 44px; }
}

.opening-action-short[b-jn3ly34nx0] { display: none; }

@media (min-width: 960px) {
    .opening-editor-grid[b-jn3ly34nx0]  .opening-engine-panel {
        grid-column: 2;
        grid-row: 2;
        max-height: calc(100dvh - 190px);
    }
    .opening-editor-grid.board-focus[b-jn3ly34nx0]  .opening-engine-panel { display: none; }
    .opening-editor-board.board-size-auto[b-jn3ly34nx0]  .chess-board-shell {
        width: min(100%, max(320px, calc(100dvh - 220px)));
        max-width: none;
    }
    .opening-workspace[b-jn3ly34nx0] { margin-top: .35rem !important; }
    .opening-editor-board[b-jn3ly34nx0] {
        position: sticky;
        top: .5rem;
        align-self: start;
        max-height: calc(100dvh - 5.5rem);
        overflow: auto;
    }
    .opening-editor-heading[b-jn3ly34nx0] { min-width: 0; }
    .opening-editor-heading[b-jn3ly34nx0]  .mud-typography-h5 {
        /* UX-031 — prefer 2-line wrap over single-line truncate */
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        white-space: normal;
        overflow-wrap: anywhere;
        line-height: 1.25;
    }
}

@media (max-width: 1499.98px) and (min-width: 701px) {
    .opening-action-full[b-jn3ly34nx0] { display: none; }
    .opening-action-short[b-jn3ly34nx0] { display: inline; }
    .opening-editor-header[b-jn3ly34nx0] { flex-wrap: wrap; row-gap: .35rem; }
    .opening-editor-heading[b-jn3ly34nx0] { flex: 1 1 12rem; min-width: 0; }
    .opening-editor-header-actions[b-jn3ly34nx0] {
        flex: 1 1 auto;
        flex-wrap: wrap;
        justify-content: flex-end;
        gap: .35rem;
    }
    .opening-editor-header-actions[b-jn3ly34nx0]  .mud-button-root {
        width: auto !important;
        min-width: 44px;
        height: 44px;
        padding: 0 .7rem !important;
        border-radius: 12px;
        font-size: .8rem !important;
    }
}

@media (max-width: 700px) {
    .opening-action-full[b-jn3ly34nx0],
    .opening-action-short[b-jn3ly34nx0] { display: none; }
    .opening-editor-header[b-jn3ly34nx0] {
        display: grid;
        grid-template-columns: 44px minmax(0, 1fr) auto;
    }
    .opening-editor-heading[b-jn3ly34nx0] { min-width: 0; }
    .opening-editor-heading[b-jn3ly34nx0]  .mud-typography-h5 {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .opening-editor-header-actions[b-jn3ly34nx0] { min-width: 0; }
    .opening-editor-header-actions[b-jn3ly34nx0]  .mud-button-root {
        width: 44px !important;
        min-width: 44px;
        max-width: 44px;
        padding: 0 !important;
        overflow: hidden;
        font-size: 0 !important;
    }
    .opening-editor-header-actions[b-jn3ly34nx0]  .mud-button-icon-start {
        margin: 0;
    }
    .opening-workspace[b-jn3ly34nx0] { margin-top: 0 !important; }
    .opening-editor-header[b-jn3ly34nx0] {
        position: relative;
        top: auto;
        z-index: 7;
        height: auto;
        min-height: 52px;
        max-height: none;
        overflow: visible;
        margin-bottom: 4px;
        background: var(--mud-palette-background);
    }
    .opening-database-sources[b-jn3ly34nx0],
    .opening-database-prominent small[b-jn3ly34nx0] { display: none; }
    .opening-database-prominent[b-jn3ly34nx0] {
        width: 100%;
        min-height: 44px;
        margin-bottom: .3rem;
    }
    .opening-editor-board.board-size-auto[b-jn3ly34nx0]  .chess-board-shell,
    .opening-editor-board.board-size-normal[b-jn3ly34nx0]  .chess-board-shell {
        width: min(100%, max(240px, calc(100dvh - 470px))) !important;
        margin-inline: auto;
    }
    .opening-editor-board.board-size-compact[b-jn3ly34nx0]  .chess-board-shell {
        width: min(78%, 280px) !important;
        margin-inline: auto;
    }
    .opening-editor-board[b-jn3ly34nx0]  .opening-mobile-evaluation {
        min-height: 44px;
        margin: 4px auto 2px;
        padding: 4px 8px;
    }
    .opening-editor-mobile-tabs[b-jn3ly34nx0] {
        position: sticky;
        top: 128px;
        z-index: 6;
        margin-top: 6px;
        background: var(--mud-palette-background);
    }
    .opening-journey-header[b-jn3ly34nx0] { position: static; top: auto; }
    .opening-path-step[b-jn3ly34nx0] { min-height: 44px; }
    .opening-next-move[b-jn3ly34nx0] { min-height: 52px; }
}

.opening-move-recommendation[b-jn3ly34nx0] { grid-column:1 / -1; min-width:0; width:100%; }
/* /Pages/OpeningTraining.razor.rz.scp.css */

.opening-training-page[b-gp1t6jknit] {
    box-sizing: border-box;
    width: 100%;
    max-width: 1320px;
    margin-inline: auto;
    padding: clamp(1.25rem, 3vh, 2rem) clamp(1rem, 3vw, 2.5rem) clamp(3rem, 7vh, 5rem);
}

.training-setup-hero[b-gp1t6jknit] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: clamp(.85rem, 2vw, 1.5rem);
    padding: clamp(1.25rem, 3vw, 2rem);
    border-radius: 24px;
    color: #fff;
    background:
        radial-gradient(circle at 90% 12%, rgba(255,255,255,.16), transparent 30%),
        linear-gradient(130deg, #14233c 0%, #3c246d 52%, #8a3f74 100%);
    box-shadow: 0 18px 45px rgba(30,20,70,.2);
}
.training-setup-hero h1[b-gp1t6jknit] { margin: .35rem 0 .45rem; font-size: clamp(1.55rem, 3vw, 2.25rem); }
.training-setup-hero p[b-gp1t6jknit] { margin: 0; max-width: 62ch; opacity: .88; }
.training-setup-hero-icon[b-gp1t6jknit] {
    display: grid; place-items: center;
    width: clamp(64px, 8vw, 92px); aspect-ratio: 1;
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 24px; background: rgba(255,255,255,.1);
}
.training-setup-hero-icon[b-gp1t6jknit]  .mud-icon-root { font-size: clamp(2rem, 4vw, 3.1rem); }

.training-setup-guide[b-gp1t6jknit] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    margin-block: clamp(2rem, 5vh, 3.25rem);
}
.training-setup-guide > div[b-gp1t6jknit] {
    display: flex; align-items: center; gap: .8rem;
    min-width: 0; padding: 1rem 1.15rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 16px; background: var(--mud-palette-surface);
    box-shadow: 0 10px 28px rgba(15,23,42,.06);
}
.training-setup-guide > div > span[b-gp1t6jknit] {
    display: grid; place-items: center; width: 36px; height: 36px; flex: 0 0 auto;
    border-radius: 11px; color: #fff; background: linear-gradient(135deg,#2563eb,#7c3aed); font-weight: 900;
}
.training-setup-guide p[b-gp1t6jknit], .training-setup-guide strong[b-gp1t6jknit], .training-setup-guide small[b-gp1t6jknit] { margin: 0; display: block; }
.training-setup-guide small[b-gp1t6jknit] { color: var(--mud-palette-text-secondary); }

.training-catalog[b-gp1t6jknit] { display: grid; gap: 1.25rem; padding-bottom: 0; }
.training-catalog > article[b-gp1t6jknit] {
    overflow: hidden;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 20px;
    background: var(--mud-palette-surface);
    box-shadow: 0 12px 32px rgba(15,23,42,.06);
}
.training-repertoire-select[b-gp1t6jknit] { min-height: 88px; padding: 1rem 1.15rem !important; }
.training-line-picker[b-gp1t6jknit] { padding: 0 1.15rem 1.15rem; }
.training-lines-list[b-gp1t6jknit] { max-height: min(45vh, 520px); overflow: auto; }

.training-review-mode[b-gp1t6jknit] {
    display: grid; grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 1rem; margin-top: clamp(2rem, 5vh, 3.25rem);
}
.training-review-mode > button[b-gp1t6jknit] {
    min-height: 76px; padding: 1rem 1.15rem !important;
    border-radius: 16px !important;
}
.training-start-bar[b-gp1t6jknit] {
    position: sticky; bottom: .75rem; z-index: 8;
    display: flex; justify-content: space-between; align-items: center; gap: 1rem;
    margin-top: 1.5rem; padding: 1rem 1.15rem;
    border: 1px solid var(--mud-palette-lines-default); border-radius: 16px;
    background: color-mix(in srgb, var(--mud-palette-surface) 94%, transparent);
    backdrop-filter: blur(10px); box-shadow: 0 16px 36px rgba(15,23,42,.14);
}

.training-session-header[b-gp1t6jknit] { margin-bottom: .65rem; }
.training-session-score-label[b-gp1t6jknit] { font-size: .72rem; letter-spacing: .02em; }
.training-session-score-detail[b-gp1t6jknit] { font-size: .75rem; }
.training-session-progress[b-gp1t6jknit] { margin-bottom: clamp(.65rem, 1.5vh, 1rem); }
.training-session-grid[b-gp1t6jknit] {
    gap: clamp(1rem, 2vw, 1.6rem) !important;
    align-items: start;
}
.training-coach-panel[b-gp1t6jknit] { border-radius: 20px !important; padding: clamp(1rem, 2.5vw, 1.6rem) !important; }

@media (min-width: 1800px) {
    .opening-training-page[b-gp1t6jknit] { max-width: 1500px; }
}
@media (max-width: 900px) {
    .training-setup-guide[b-gp1t6jknit] { grid-template-columns: 1fr; gap: .65rem; }
    .training-review-mode[b-gp1t6jknit] { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
    .opening-training-page[b-gp1t6jknit] { padding-inline: .65rem; padding-top: .75rem; }
    .training-setup-hero[b-gp1t6jknit] { grid-template-columns: auto minmax(0,1fr); border-radius: 18px; padding: 1rem; }
    .training-setup-hero-icon[b-gp1t6jknit] { display: none; }
    .training-setup-guide[b-gp1t6jknit] { margin-block: 1rem 1.35rem; }
    .training-setup-guide > div[b-gp1t6jknit] { padding: .7rem .8rem; }
    .training-catalog[b-gp1t6jknit] { gap: .75rem; }
    .training-repertoire-select[b-gp1t6jknit] { min-height: 68px; padding: .7rem !important; }
    .training-line-picker[b-gp1t6jknit] { padding: 0 .7rem .7rem; }
    .training-start-bar[b-gp1t6jknit] { bottom: .35rem; padding: .7rem; }
}
@media (max-height: 760px) and (min-width: 701px) {
    .opening-training-page[b-gp1t6jknit] { padding-top: .75rem; padding-bottom: 2rem; }
    .training-setup-guide[b-gp1t6jknit] { margin-block: 1rem; }
    .training-setup-hero[b-gp1t6jknit] { padding-block: 1rem; }
    .training-repertoire-select[b-gp1t6jknit] { min-height: 68px; }
}
@media (min-width: 901px) {
    .opening-training-page[b-gp1t6jknit] { padding-top: 1rem; }
    .training-setup-hero[b-gp1t6jknit] { padding: 1.15rem 1.35rem; }
    .training-setup-guide[b-gp1t6jknit] { margin-block: 1rem 1.15rem; }
    .training-session-grid[b-gp1t6jknit] {
        grid-template-columns: minmax(320px, 620px) minmax(300px, 1fr);
        align-items: start;
    }
    .opening-training-board[b-gp1t6jknit] {
        position: sticky;
        top: .75rem;
        align-self: start;
        max-height: calc(100dvh - 7rem);
        overflow: auto;
    }
    .training-coach-panel[b-gp1t6jknit] {
        max-height: calc(100dvh - 8.5rem);
        overflow: auto;
    }
    .training-help-actions[b-gp1t6jknit] {
        position: sticky;
        bottom: 0;
        z-index: 2;
        padding: .55rem 0 .15rem;
        background: var(--mud-palette-surface);
    }
}
@media (max-width: 700px) {
    .training-setup-hero[b-gp1t6jknit] { padding: .85rem .9rem; }
    .training-setup-hero h1[b-gp1t6jknit] { font-size: 1.35rem; margin: .15rem 0 .3rem; }
    .training-setup-hero p[b-gp1t6jknit] { font-size: .85rem; }
    .training-setup-guide[b-gp1t6jknit] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: .4rem;
        margin: .65rem 0 .8rem;
    }
    .training-setup-guide > div[b-gp1t6jknit] {
        flex-direction: column;
        align-items: flex-start;
        gap: .2rem;
        min-height: 0;
        padding: .55rem .45rem;
    }
    .training-setup-guide > div > span[b-gp1t6jknit] { width: 28px; height: 28px; }
    .training-setup-guide small[b-gp1t6jknit] { display: none; }
    .training-setup-guide strong[b-gp1t6jknit] { font-size: .75rem; }
    .training-line-mode[b-gp1t6jknit] { grid-template-columns: 1fr 1fr; }
    .training-line-mode button[b-gp1t6jknit] { min-height: 52px; }
    .training-line-option[b-gp1t6jknit] {
        grid-template-columns: 40px minmax(0, 1fr) 28px;
        min-height: 52px;
    }
    .training-line-number[b-gp1t6jknit] { grid-column: 1; grid-row: 1 / span 2; }
    .training-line-option > span:nth-child(2)[b-gp1t6jknit] { grid-column: 2; grid-row: 1; }
    .training-line-length[b-gp1t6jknit] {
        display: block;
        grid-column: 2;
        grid-row: 2;
        white-space: normal;
        font-size: .68rem;
    }
    .training-line-option[b-gp1t6jknit]  .mud-icon-root {
        grid-column: 3;
        grid-row: 1 / span 2;
        align-self: center;
    }
    .training-start-bar[b-gp1t6jknit] {
        position: sticky;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 20;
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        margin: .75rem 0 0;
        border-radius: 0;
        padding: .7rem .75rem calc(.7rem + env(safe-area-inset-bottom));
    }
    .training-start-bar > div[b-gp1t6jknit] { max-width: none; }
    .training-start-bar strong[b-gp1t6jknit],
    .training-start-bar span[b-gp1t6jknit] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .training-start-bar[b-gp1t6jknit]  .mud-button-root { min-height: 48px; white-space: nowrap; }
    /* The sticky bar reserves its own height and leaves the footer unobstructed. */
    .opening-training-page[b-gp1t6jknit] { padding-bottom: 1rem; }
    .training-review-mode[b-gp1t6jknit] {
        margin-bottom: 1rem;
        padding-bottom: .35rem;
        scroll-margin-bottom: calc(10rem + env(safe-area-inset-bottom));
    }
    .training-review-mode > button[b-gp1t6jknit] { min-height: 72px; }
    .training-session-header[b-gp1t6jknit] {
        position: sticky;
        top: 64px;
        z-index: 8;
        height: auto;
        min-height: 56px;
        max-height: none;
        overflow: visible;
        background: color-mix(in srgb, var(--mud-palette-background) 94%, transparent);
        backdrop-filter: blur(12px);
    }
    .training-session-score[b-gp1t6jknit] { min-width: 0; max-width: 42vw; padding: 4px 6px; }
    .training-session-score-label[b-gp1t6jknit] { font-size: .68rem; white-space: normal; text-align: center; line-height: 1.15; }
    .training-session-score-detail[b-gp1t6jknit] { max-width: none; font-size: .7rem; white-space: normal; text-align: center; }
    .training-session-heading[b-gp1t6jknit]  .mud-typography-h5 { font-size: 1rem; }
    .training-session-grid .opening-training-board.board-size-auto[b-gp1t6jknit]  .chess-board-shell,
    .training-session-grid .opening-training-board.board-size-normal[b-gp1t6jknit]  .chess-board-shell {
        width: min(100%, max(240px, calc(100dvh - 390px))) !important;
        margin-inline: auto;
    }
    .training-help-actions[b-gp1t6jknit]  .mud-button-root { min-height: 48px; font-size: .85rem; }
    .training-rule-reminder[b-gp1t6jknit] { margin-top: .35rem; }
}
@media (max-width: 420px) {
    .training-start-bar[b-gp1t6jknit] { grid-template-columns: 1fr; }
    .training-start-bar[b-gp1t6jknit]  .mud-button-root { width: 100%; }
}
/* /Pages/OpponentPreparations.razor.rz.scp.css */
.opponent-preparation[b-65iwjv91yp]{width:min(1500px,100%);margin:0 auto;padding:clamp(12px,2.4vw,36px);color:var(--mud-palette-text-primary)}
.preparation-heading[b-65iwjv91yp]{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px}
.eyebrow[b-65iwjv91yp]{font-size:.75rem;letter-spacing:.12em;color:var(--mud-palette-primary);font-weight:800}
h1[b-65iwjv91yp]{font-size:clamp(2rem,4vw,3rem);line-height:1.15;margin:10px 0}h2[b-65iwjv91yp]{font-size:1.5rem}p[b-65iwjv91yp]{color:var(--mud-palette-text-secondary);line-height:1.65}
.preparation-cards[b-65iwjv91yp]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(290px,100%),1fr));gap:24px}
.preparation-cards article[b-65iwjv91yp]{background:var(--mud-palette-surface);border:1px solid var(--mud-palette-lines-default);border-radius:20px;padding:24px}
.preparation-cards article h2[b-65iwjv91yp]{overflow-wrap:anywhere}.preparation-empty[b-65iwjv91yp]{text-align:center;padding:50px 12px}
.premium-access-panel[b-65iwjv91yp]{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:24px;border:1px solid color-mix(in srgb,#f59e0b 50%,var(--mud-palette-lines-default));border-radius:20px;background:linear-gradient(135deg,#f59e0b12,var(--mud-palette-surface))}.premium-access-panel>div[b-65iwjv91yp]{min-width:0}.premium-access-panel h2[b-65iwjv91yp],.premium-access-panel p[b-65iwjv91yp]{margin:0}.premium-access-panel>.mud-icon-root[b-65iwjv91yp]{font-size:2rem;color:#fbbf24}
.preparation-form[b-65iwjv91yp]{max-width:1180px;margin:0 auto;padding:clamp(18px,3vw,38px);border:1px solid color-mix(in srgb,var(--mud-palette-primary) 24%,var(--mud-palette-lines-default));border-radius:26px;background:linear-gradient(145deg,color-mix(in srgb,var(--mud-palette-primary) 5%,var(--mud-palette-surface)),var(--mud-palette-surface) 34%);box-shadow:0 24px 70px #0002}
.preparation-form-heading[b-65iwjv91yp]{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px;margin-bottom:26px}
.preparation-form-heading h2[b-65iwjv91yp],.preparation-form-heading p[b-65iwjv91yp],.preparation-step-heading h3[b-65iwjv91yp],.preparation-step-heading p[b-65iwjv91yp],.preparation-source-card h4[b-65iwjv91yp],.preparation-source-card p[b-65iwjv91yp],.preparation-cadence-panel h4[b-65iwjv91yp],.preparation-cadence-panel p[b-65iwjv91yp]{margin:0}
.preparation-form-heading h2[b-65iwjv91yp]{margin-top:3px;font-size:clamp(1.65rem,3vw,2.2rem)}
.preparation-form-icon[b-65iwjv91yp]{display:grid;place-items:center;width:62px;height:62px;border-radius:18px;color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 12px 28px #2563eb35}
.preparation-form-icon[b-65iwjv91yp]  .mud-icon-root{font-size:2rem}
.preparation-form-kicker[b-65iwjv91yp]{color:var(--mud-palette-primary);font-size:.68rem;font-weight:900;letter-spacing:.13em}
.preparation-step[b-65iwjv91yp]{margin-top:18px;padding:clamp(16px,2.4vw,26px);border:1px solid var(--mud-palette-lines-default);border-radius:20px;background:color-mix(in srgb,var(--mud-palette-background) 72%,var(--mud-palette-surface))}
.preparation-step-heading[b-65iwjv91yp]{display:flex;align-items:flex-start;gap:12px;margin-bottom:20px}
.preparation-step-heading>span[b-65iwjv91yp],.preparation-color-step legend>span[b-65iwjv91yp]{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:11px;color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);font-weight:900}
.preparation-step-heading h3[b-65iwjv91yp],.preparation-color-step legend strong[b-65iwjv91yp]{font-size:1.1rem}
.preparation-step-heading p[b-65iwjv91yp]{margin-top:2px;font-size:.82rem}
.preparation-field-grid[b-65iwjv91yp]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.preparation-form[b-65iwjv91yp]  .mud-input-control{margin:0}
.preparation-color-step[b-65iwjv91yp]{min-inline-size:0}.preparation-color-step legend[b-65iwjv91yp]{display:flex;align-items:center;gap:12px;padding:0 8px 0 0;color:var(--mud-palette-text-primary)}.preparation-color-step>p[b-65iwjv91yp]{margin:4px 0 16px}
.color-choice[b-65iwjv91yp]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.preparation-color-choice[b-65iwjv91yp]{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:96px;padding:14px;border:1px solid var(--mud-palette-lines-default);border-radius:16px;background:var(--mud-palette-surface);color:inherit;text-align:left;cursor:pointer;transition:border-color .16s ease,transform .16s ease,background .16s ease}
.preparation-color-choice:hover[b-65iwjv91yp]{transform:translateY(-2px);border-color:color-mix(in srgb,var(--mud-palette-primary) 58%,var(--mud-palette-lines-default))}
.preparation-color-choice.selected[b-65iwjv91yp]{border-color:var(--mud-palette-primary);background:color-mix(in srgb,var(--mud-palette-primary) 12%,var(--mud-palette-surface));box-shadow:inset 4px 0 var(--mud-palette-primary)}
.preparation-color-choice>span:nth-child(2)[b-65iwjv91yp]{display:grid;gap:2px}.preparation-color-choice small[b-65iwjv91yp]{color:var(--mud-palette-text-secondary);font-size:.68rem;line-height:1.3}.preparation-color-choice[b-65iwjv91yp]  .mud-icon-root{color:var(--mud-palette-text-disabled)}.preparation-color-choice.selected[b-65iwjv91yp]  .mud-icon-root{color:var(--mud-palette-primary)}
.preparation-color-art[b-65iwjv91yp]{position:relative;display:grid;place-items:center;width:52px;height:52px;overflow:hidden;border:1px solid #94a3b866;border-radius:14px;background:linear-gradient(145deg,#f8fafc,#dbe4ef);box-shadow:inset 0 1px #fff,0 7px 16px #0002}
.preparation-color-piece[b-65iwjv91yp]{color:#111827;font-family:serif;font-size:2.3rem;line-height:1}.is-b .preparation-color-art[b-65iwjv91yp]{background:linear-gradient(145deg,#273449,#0f172a)}.is-b .preparation-color-piece[b-65iwjv91yp]{color:#f8fafc}.is-both .preparation-color-art[b-65iwjv91yp]{grid-template-columns:1fr 1fr;background:linear-gradient(90deg,#f8fafc 0 50%,#111827 50%)}.is-both .preparation-color-piece[b-65iwjv91yp]{font-size:1.65rem;transform:translateX(2px)}.is-both .preparation-color-piece.second[b-65iwjv91yp]{color:#f8fafc;transform:translateX(-2px)}
.preparation-color-explanation[b-65iwjv91yp]{display:flex;align-items:center;gap:9px;margin-top:14px;padding:11px 13px;border-radius:12px;color:var(--mud-palette-text-primary);background:color-mix(in srgb,var(--mud-palette-primary) 9%,transparent);font-size:.8rem}.preparation-color-explanation>.mud-icon-root[b-65iwjv91yp]{color:var(--mud-palette-primary)}
.base-modes[b-65iwjv91yp]{display:flex;gap:12px;margin:12px 0}.base-modes button[b-65iwjv91yp],.player-choice[b-65iwjv91yp],.preparation-line button[b-65iwjv91yp]{border:1px solid var(--mud-palette-lines-default);border-radius:12px;background:var(--mud-palette-surface);color:inherit;min-height:44px}
button[aria-pressed=true][b-65iwjv91yp],button[aria-selected=true][b-65iwjv91yp],button[aria-current=step][b-65iwjv91yp]{border-color:var(--mud-palette-primary);background:color-mix(in srgb,var(--mud-palette-primary) 20%,var(--mud-palette-surface))}
button:focus-visible[b-65iwjv91yp],a:focus-visible[b-65iwjv91yp],select:focus-visible[b-65iwjv91yp]{outline:3px solid var(--mud-palette-primary);outline-offset:3px}
select[b-65iwjv91yp]{border:1px solid var(--mud-palette-lines-default);border-radius:10px;padding:10px;min-height:44px;background:var(--mud-palette-surface);color:inherit;max-width:100%}
.preparation-source-grid[b-65iwjv91yp]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.preparation-source-card[b-65iwjv91yp]{min-width:0;padding:18px;border:1px solid var(--mud-palette-lines-default);border-radius:17px;background:var(--mud-palette-surface)}
.preparation-source-card>header[b-65iwjv91yp]{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;margin-bottom:17px}.preparation-source-card>header p[b-65iwjv91yp]{margin-top:2px;font-size:.75rem;line-height:1.45}
.preparation-source-icon[b-65iwjv91yp]{display:grid;place-items:center;width:44px;height:44px;border-radius:13px}.preparation-source-icon.private[b-65iwjv91yp]{color:#a78bfa;background:#7c3aed20}.preparation-source-icon.online[b-65iwjv91yp]{color:#38bdf8;background:#0ea5e920}
.preparation-source-card>label[b-65iwjv91yp],.preparation-source-card>select[b-65iwjv91yp]{display:block;width:100%}.preparation-source-card>label[b-65iwjv91yp]{margin-bottom:6px;color:var(--mud-palette-text-secondary);font-size:.72rem;font-weight:700}
.preparation-player-search[b-65iwjv91yp]{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;margin-top:14px}.preparation-player-search[b-65iwjv91yp]  .mud-button-root{height:48px}
.preparation-selected-player[b-65iwjv91yp]{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;align-items:center;margin-top:12px;padding:10px 12px;border:1px solid #22c55e55;border-radius:12px;background:#16a34a10}.preparation-selected-player[b-65iwjv91yp]  .mud-icon-root{color:#22c55e}.preparation-selected-player span[b-65iwjv91yp]{display:grid}.preparation-selected-player small[b-65iwjv91yp]{color:var(--mud-palette-text-secondary)}
.preparation-player-results[b-65iwjv91yp]{display:grid;gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid var(--mud-palette-lines-default)}.preparation-player-results-heading[b-65iwjv91yp]{display:grid;gap:2px;margin-bottom:2px}.preparation-player-results-heading small[b-65iwjv91yp]{color:var(--mud-palette-text-secondary);font-size:.7rem;line-height:1.4}
.player-choice[b-65iwjv91yp]{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:10px 12px;text-align:left;cursor:pointer}.player-choice:hover[b-65iwjv91yp]{border-color:var(--mud-palette-primary)}.player-choice[aria-pressed=true][b-65iwjv91yp]{box-shadow:inset 4px 0 var(--mud-palette-primary)}.player-choice-avatar[b-65iwjv91yp]{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;color:#93c5fd;background:#2563eb20}.player-choice-identity[b-65iwjv91yp]{display:grid;min-width:0}.player-choice-identity strong[b-65iwjv91yp]{overflow:hidden;text-overflow:ellipsis}.player-choice-identity small[b-65iwjv91yp]{color:var(--mud-palette-text-secondary);font-size:.68rem}.player-choice-count[b-65iwjv91yp]{white-space:nowrap;padding:5px 8px;border-radius:999px;color:#93c5fd;background:#2563eb18;font-size:.68rem;font-weight:800}.player-choice[b-65iwjv91yp]  .mud-icon-root{color:var(--mud-palette-primary)}
.preparation-no-player[b-65iwjv91yp]{display:flex;align-items:center;gap:9px;padding:12px;border-radius:12px;color:var(--mud-palette-text-secondary);background:var(--mud-palette-background);font-size:.78rem}.preparation-no-player[b-65iwjv91yp]  .mud-icon-root{flex:0 0 auto}
.preparation-provider[b-65iwjv91yp]{display:grid;gap:8px;padding:12px 0;border-top:1px solid var(--mud-palette-lines-default)}.preparation-provider:first-of-type[b-65iwjv91yp]{border-top:0;padding-top:0}.preparation-provider-heading[b-65iwjv91yp]{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.preparation-provider-heading small[b-65iwjv91yp]{color:var(--mud-palette-text-secondary);font-size:.67rem}.preparation-provider-input[b-65iwjv91yp]{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:center}.preparation-provider-input[b-65iwjv91yp]  .mud-button-root{height:48px}
.preparation-provider-status[b-65iwjv91yp]{display:flex;align-items:center;gap:7px;padding:8px 10px;border-radius:10px;font-size:.75rem}.preparation-provider-status[b-65iwjv91yp]  .mud-icon-root{font-size:1.1rem}.preparation-provider-status.success[b-65iwjv91yp]{color:#86efac;background:#16a34a15}.preparation-provider-status.error[b-65iwjv91yp]{color:#fca5a5;background:#dc262615}.preparation-provider-status.warning[b-65iwjv91yp]{color:#fde68a;background:#f59e0b15}
.preparation-cadence-panel[b-65iwjv91yp]{margin-top:16px;padding:18px;border:1px solid color-mix(in srgb,var(--mud-palette-primary) 22%,var(--mud-palette-lines-default));border-radius:17px;background:linear-gradient(125deg,color-mix(in srgb,var(--mud-palette-primary) 6%,var(--mud-palette-surface)),var(--mud-palette-surface))}
.preparation-cadence-panel>header[b-65iwjv91yp]{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:11px;margin-bottom:14px}.preparation-cadence-panel>header>span[b-65iwjv91yp]{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;color:#60a5fa;background:#2563eb20}.preparation-cadence-panel>header p[b-65iwjv91yp]{font-size:.75rem}
.preparation-cadence-grid[b-65iwjv91yp]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.preparation-cadence-choice[b-65iwjv91yp]{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;gap:3px 8px;align-items:center;min-height:72px;padding:10px;border:1px solid var(--mud-palette-lines-default);border-radius:13px;color:inherit;background:var(--mud-palette-background);text-align:left;cursor:pointer}.preparation-cadence-choice>span:nth-child(2)[b-65iwjv91yp]{display:grid}.preparation-cadence-choice small[b-65iwjv91yp]{color:var(--mud-palette-text-secondary);font-size:.62rem;line-height:1.25}.preparation-cadence-choice[b-65iwjv91yp]  .mud-icon-root{grid-column:1/3;justify-self:end;color:var(--mud-palette-text-disabled);font-size:1.08rem}.preparation-cadence-choice.selected[b-65iwjv91yp]{border-color:#22c55e;background:#16a34a10;box-shadow:inset 3px 0 #22c55e}.preparation-cadence-choice.selected[b-65iwjv91yp]  .mud-icon-root{color:#22c55e}.preparation-cadence-symbol[b-65iwjv91yp]{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--mud-palette-surface)}
.preparation-cadence-note[b-65iwjv91yp],.preparation-privacy-note[b-65iwjv91yp]{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;align-items:center}.preparation-cadence-note[b-65iwjv91yp]{margin-top:12px;padding:10px 12px;border-radius:11px;color:#fde68a;background:#f59e0b12}.preparation-cadence-note>span[b-65iwjv91yp],.preparation-privacy-note>span[b-65iwjv91yp]{display:grid}.preparation-cadence-note small[b-65iwjv91yp],.preparation-privacy-note small[b-65iwjv91yp]{color:var(--mud-palette-text-secondary);font-size:.7rem}
.preparation-privacy-note[b-65iwjv91yp]{margin-top:18px;padding:14px 16px;border-radius:14px;color:#7dd3fc;background:#0ea5e912}.preparation-privacy-note[b-65iwjv91yp]  .mud-icon-root{align-self:start}
.preparation-form-actions[b-65iwjv91yp]{display:flex;justify-content:flex-end;gap:10px;margin-top:18px;padding-top:18px;border-top:1px solid var(--mud-palette-lines-default)}.preparation-form-actions[b-65iwjv91yp]  .mud-button-root{min-height:48px;padding-inline:20px}
.actions[b-65iwjv91yp]{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:12px 0}.actions[b-65iwjv91yp]  .mud-button-root,.preparation-form[b-65iwjv91yp]  .mud-button-root{min-height:44px}
.preparation-summary[b-65iwjv91yp],.preparation-sources-panel[b-65iwjv91yp],.preparation-workspace-shell[b-65iwjv91yp],.preparation-loading[b-65iwjv91yp],.preparation-position-games[b-65iwjv91yp]{border:1px solid color-mix(in srgb,var(--mud-palette-primary) 18%,var(--mud-palette-lines-default));border-radius:24px;background:linear-gradient(145deg,color-mix(in srgb,var(--mud-palette-primary) 5%,var(--mud-palette-surface)),var(--mud-palette-surface) 38%);box-shadow:0 18px 50px #0002}
.preparation-summary-meta[b-65iwjv91yp]{display:flex;flex-wrap:wrap;gap:8px}.preparation-summary-meta .source-label[b-65iwjv91yp]{padding:6px 10px;border:1px solid #60a5fa44;border-radius:999px;color:#93c5fd;background:#2563eb12;font-size:.72rem;font-weight:800}.preparation-summary-meta .source-label+.source-label[b-65iwjv91yp]::before{content:none}.preparation-summary-meta small[b-65iwjv91yp]{flex-basis:100%;color:var(--mud-palette-text-secondary)}
.prep-context[b-65iwjv91yp]{position:sticky;top:var(--mud-appbar-height,64px);z-index:5;display:flex;align-items:center;gap:8px 14px;flex-wrap:wrap;margin-top:16px;padding:10px 14px;border:1px solid var(--mud-palette-lines-default);border-radius:14px;background:var(--mud-palette-surface)}
.preparation-summary-copy[b-65iwjv91yp]{display:flex;align-items:center;gap:10px;min-width:0;margin-right:auto}
.preparation-summary-copy strong[b-65iwjv91yp]{font-size:1.05rem;overflow-wrap:anywhere}
.prep-color-chip[b-65iwjv91yp]{flex:none;padding:4px 10px;border:1px solid #60a5fa44;border-radius:999px;color:#93c5fd;background:#2563eb12;font-size:.72rem;font-weight:800;white-space:nowrap}
.prep-context-line[b-65iwjv91yp]{display:flex;align-items:center;gap:10px;min-width:0}
.prep-context-moves[b-65iwjv91yp]{font-weight:800;overflow-wrap:anywhere}
.prep-side-badge[b-65iwjv91yp]{display:flex;align-items:center;gap:6px;font-size:.78rem;white-space:nowrap;color:var(--mud-palette-text-secondary)}
.prep-save-state[b-65iwjv91yp]{margin-left:auto;font-size:.78rem;color:var(--mud-palette-text-secondary)}
.prep-identity[b-65iwjv91yp]{margin-top:10px;padding:4px 14px;border:1px solid var(--mud-palette-lines-default);border-radius:14px;background:var(--mud-palette-surface)}
.prep-identity>summary[b-65iwjv91yp]{min-height:44px;display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:700;list-style:none}
.prep-identity>summary[b-65iwjv91yp]::before{content:'▸';flex:none}
.prep-identity-body[b-65iwjv91yp]{display:grid;gap:12px;padding:4px 0 12px}
.prep-identity-body>label[b-65iwjv91yp]{display:grid;grid-template-columns:auto minmax(150px,1fr);align-items:center;gap:12px;font-weight:800}
.prep-identity-body select[b-65iwjv91yp]{width:100%}
.preparation-summary-actions[b-65iwjv91yp]{display:grid;gap:8px}.preparation-summary-actions[b-65iwjv91yp]  .mud-button-root{justify-content:flex-start;min-height:44px}
.preparation-sources-panel[b-65iwjv91yp],.preparation-workspace-shell[b-65iwjv91yp]{margin:24px 0;padding:clamp(18px,2.6vw,30px)}.preparation-detail-heading[b-65iwjv91yp]{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;margin-bottom:22px}.preparation-detail-heading>span[b-65iwjv91yp]{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 10px 25px #2563eb30}.preparation-detail-heading h2[b-65iwjv91yp]{margin:3px 0 0;font-size:clamp(1.25rem,2vw,1.65rem)}.preparation-open-database[b-65iwjv91yp]{min-height:44px}
.preparation-sources[b-65iwjv91yp]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.source-status[b-65iwjv91yp]{display:grid;align-content:start;gap:9px;min-width:0;min-height:118px;padding:16px;border:1px solid var(--mud-palette-lines-default);border-radius:16px;background:var(--mud-palette-surface)}
.source-status label[b-65iwjv91yp]{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;min-height:44px;cursor:pointer}.source-status input[b-65iwjv91yp]{width:22px;height:22px;accent-color:var(--mud-palette-primary)}.source-status-icon[b-65iwjv91yp]{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;color:#93c5fd;background:#2563eb18}.source-status-count[b-65iwjv91yp]{padding:5px 8px;border-radius:999px;color:#93c5fd;background:#2563eb14;font-size:.7rem;font-weight:800;white-space:nowrap}.source-status small[b-65iwjv91yp]{color:var(--mud-palette-text-secondary);display:block}.source-status p[b-65iwjv91yp]{margin:0;font-size:.78rem}
.preparation-loading[b-65iwjv91yp]{display:grid;gap:12px;margin:24px 0;padding:clamp(20px,3vw,30px)}.preparation-ready[b-65iwjv91yp]{width:max-content;max-width:100%;margin:18px 0;padding:8px 12px;border-radius:999px;color:var(--mud-palette-success);background:color-mix(in srgb,var(--mud-palette-success) 12%,transparent);font-weight:700}
.preparation-workspace[b-65iwjv91yp]{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,1fr);gap:20px;align-items:start}
.preparation-board-column[b-65iwjv91yp],.preparation-explorer[b-65iwjv91yp]{min-width:0;padding:16px;border:1px solid var(--mud-palette-lines-default);border-radius:18px;background:color-mix(in srgb,var(--mud-palette-background) 80%,var(--mud-palette-surface))}.preparation-board-column[b-65iwjv91yp]{max-width:760px}.preparation-board-nav[b-65iwjv91yp]{display:flex;align-items:center;justify-content:center;gap:8px;margin:12px 0 8px}
.preparation-side[b-65iwjv91yp]{display:grid;gap:16px;min-width:0;align-content:start}
.preparation-side .preparation-transfer[b-65iwjv91yp],.preparation-side .preparation-sources-panel[b-65iwjv91yp],.prep-stockfish[b-65iwjv91yp]{min-width:0;margin:0;padding:14px 16px;border:1px solid var(--mud-palette-lines-default);border-radius:18px;background:color-mix(in srgb,var(--mud-palette-background) 80%,var(--mud-palette-surface))}
.preparation-side .preparation-transfer[b-65iwjv91yp]{border-top:1px solid var(--mud-palette-lines-default)}
.preparation-side .preparation-sources[b-65iwjv91yp]{grid-template-columns:minmax(0,1fr)}
.prep-stockfish>summary[b-65iwjv91yp]{min-height:48px;display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:700;list-style:none}
.prep-stockfish>summary[b-65iwjv91yp]::before{content:'▸';flex:none}
.prep-stockfish>summary[b-65iwjv91yp]  .mud-icon-root{color:var(--mud-palette-primary)}
.prep-stockfish>summary span[b-65iwjv91yp]{display:grid;gap:1px}
.prep-stockfish>summary small[b-65iwjv91yp]{color:var(--mud-palette-text-secondary);font-weight:400;font-size:.75rem}
.prep-stockfish .stockfish-analysis[b-65iwjv91yp]{margin-top:6px}
.preparation-line[b-65iwjv91yp]{display:flex;flex-wrap:wrap;gap:6px;max-height:150px;overflow:auto}.preparation-line button[b-65iwjv91yp]{padding:6px 12px}
.base-modes[b-65iwjv91yp]{margin:0 0 14px}.base-modes button[b-65iwjv91yp]{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;padding:13px;font-weight:800}.base-modes button[b-65iwjv91yp]  .mud-icon-root{font-size:1.2rem}.base-mode-help[b-65iwjv91yp]{display:block;margin:0 2px 12px;color:var(--mud-palette-text-secondary)}
.preparation-explorer[b-65iwjv91yp]  .opening-reference-moves{max-height:440px}
.preparation-explorer-start[b-65iwjv91yp]{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:start;padding:clamp(20px,3vw,32px);border:1px solid color-mix(in srgb,var(--mud-palette-primary) 35%,var(--mud-palette-lines-default));border-radius:20px;background:linear-gradient(145deg,color-mix(in srgb,var(--mud-palette-primary) 12%,var(--mud-palette-surface)),var(--mud-palette-surface));box-shadow:0 18px 45px #0002}
.preparation-explorer-start>span[b-65iwjv91yp]{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed)}.preparation-explorer-start>span[b-65iwjv91yp]  .mud-icon-root{font-size:1.8rem}.preparation-explorer-start>div[b-65iwjv91yp]{display:grid;gap:10px}.preparation-explorer-start h3[b-65iwjv91yp],.preparation-explorer-start p[b-65iwjv91yp]{margin:0}.preparation-explorer-start p[b-65iwjv91yp]{line-height:1.55}.preparation-explorer-start small[b-65iwjv91yp]{color:var(--mud-palette-text-secondary)}.preparation-explorer-start[b-65iwjv91yp]  .mud-button-root{justify-self:start;min-height:48px}.preparation-explorer-start.is-loading[b-65iwjv91yp]{border-style:dashed}.preparation-explorer-start.is-loading>span[b-65iwjv91yp]{background:linear-gradient(135deg,#0ea5e9,#2563eb)}
.preparation-position-games[b-65iwjv91yp]{margin:24px 0;padding:clamp(18px,2.6vw,30px)}.preparation-position-games>a[b-65iwjv91yp]{display:grid;grid-template-columns:1fr auto;gap:6px;padding:16px 4px;border-bottom:1px solid var(--mud-palette-lines-default);color:inherit;text-decoration:none;min-height:64px}
.preparation-position-games>a>strong[b-65iwjv91yp],.preparation-position-games>a>span:first-of-type[b-65iwjv91yp]{grid-column:1;overflow-wrap:anywhere}
.preparation-position-games>a>span:last-child[b-65iwjv91yp]{grid-column:2;grid-row:1/3;align-self:center;color:var(--mud-palette-primary)}
@media(max-width:1050px){.preparation-cadence-grid[b-65iwjv91yp]{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.preparation-workspace[b-65iwjv91yp]{grid-template-columns:minmax(0,1fr)}.preparation-sources[b-65iwjv91yp]{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.preparation-board-column[b-65iwjv91yp]{width:min(680px,100%);margin:auto}.preparation-side[b-65iwjv91yp]{width:min(680px,100%);margin:auto}.preparation-heading[b-65iwjv91yp]{align-items:start;flex-direction:column;gap:14px}.preparation-explorer[b-65iwjv91yp]  .opening-reference-moves{max-height:360px}.preparation-source-grid[b-65iwjv91yp]{grid-template-columns:minmax(0,1fr)}}
@media(max-width:700px){.preparation-field-grid[b-65iwjv91yp],.color-choice[b-65iwjv91yp]{grid-template-columns:minmax(0,1fr)}.preparation-color-choice[b-65iwjv91yp]{min-height:78px}.preparation-cadence-grid[b-65iwjv91yp]{grid-template-columns:repeat(2,minmax(0,1fr))}.preparation-player-search[b-65iwjv91yp],.preparation-provider-input[b-65iwjv91yp]{grid-template-columns:minmax(0,1fr)}.preparation-player-search[b-65iwjv91yp]  .mud-button-root,.preparation-provider-input[b-65iwjv91yp]  .mud-button-root{width:100%}.premium-access-panel[b-65iwjv91yp]{grid-template-columns:1fr}.premium-access-panel[b-65iwjv91yp]  .mud-button-root{width:100%}}
@media(max-width:500px){.opponent-preparation[b-65iwjv91yp]{padding:12px 8px}.preparation-form[b-65iwjv91yp],.preparation-summary[b-65iwjv91yp],.preparation-sources-panel[b-65iwjv91yp],.preparation-workspace-shell[b-65iwjv91yp],.preparation-position-games[b-65iwjv91yp]{padding:14px;border-radius:18px}.preparation-form-heading[b-65iwjv91yp]{grid-template-columns:1fr;gap:12px}.preparation-form-icon[b-65iwjv91yp]{width:52px;height:52px}.preparation-step[b-65iwjv91yp]{padding:14px;border-radius:16px}.preparation-step-heading[b-65iwjv91yp]{margin-bottom:15px}.preparation-source-card[b-65iwjv91yp],.preparation-cadence-panel[b-65iwjv91yp]{padding:13px}.preparation-cadence-grid[b-65iwjv91yp],.preparation-sources[b-65iwjv91yp]{grid-template-columns:minmax(0,1fr)}.preparation-cadence-choice[b-65iwjv91yp]{grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto;min-height:62px}.preparation-cadence-choice[b-65iwjv91yp]  .mud-icon-root{grid-column:auto}.player-choice[b-65iwjv91yp]{grid-template-columns:auto minmax(0,1fr) auto}.player-choice-count[b-65iwjv91yp]{grid-column:2}.player-choice[b-65iwjv91yp]  .mud-icon-root{grid-column:3;grid-row:1/3}.preparation-form-actions[b-65iwjv91yp]{position:sticky;z-index:3;bottom:0;flex-direction:column-reverse;padding:12px 0 max(4px,env(safe-area-inset-bottom));background:var(--mud-palette-surface)}.preparation-form-actions[b-65iwjv91yp]  .mud-button-root{width:100%}.preparation-summary-settings[b-65iwjv91yp]{padding:13px}.preparation-summary-settings>label[b-65iwjv91yp]{grid-template-columns:minmax(0,1fr)}.preparation-summary-actions[b-65iwjv91yp]  .mud-button-root{width:100%}.source-status label[b-65iwjv91yp]{grid-template-columns:auto minmax(0,1fr) auto}.source-status-count[b-65iwjv91yp]{grid-column:2}.source-status input[b-65iwjv91yp]{grid-column:3;grid-row:1/3}.preparation-cards[b-65iwjv91yp]{gap:16px}.preparation-position-games>a[b-65iwjv91yp]{grid-template-columns:1fr}.preparation-position-games>a>span:last-child[b-65iwjv91yp]{grid-column:1;grid-row:auto}.actions>select[b-65iwjv91yp]{flex:1}.preparation-board-column[b-65iwjv91yp],.preparation-explorer[b-65iwjv91yp]{padding:9px;border-radius:14px}.preparation-board-nav[b-65iwjv91yp]{gap:2px}.preparation-explorer-start[b-65iwjv91yp]{grid-template-columns:minmax(0,1fr);padding:18px}.preparation-explorer-start>span[b-65iwjv91yp]{width:46px;height:46px}.preparation-explorer-start[b-65iwjv91yp]  .mud-button-root{justify-self:stretch;width:100%}}
@media(max-width:500px){.preparation-detail-heading[b-65iwjv91yp]{grid-template-columns:auto minmax(0,1fr);align-items:start}.preparation-open-database[b-65iwjv91yp]{grid-column:1/-1;width:100%}}
.source-label + .source-label[b-65iwjv91yp]::before { content: ' · '; }

/* Preparation tools start with a single, touch-sized column. */
.opponent-preparation[b-65iwjv91yp],.opponent-preparation *[b-65iwjv91yp]{box-sizing:border-box;min-width:0}
.opponent-preparation[b-65iwjv91yp]{overflow-wrap:anywhere}
.opponent-preparation[b-65iwjv91yp]  .mud-button-root{min-height:44px;max-width:100%;white-space:normal}
.opponent-preparation[b-65iwjv91yp]  .mud-button-label{min-width:0;overflow-wrap:anywhere}
.opponent-preparation[b-65iwjv91yp]  .mud-icon-button{min-width:44px;min-height:44px}
.opponent-preparation[b-65iwjv91yp]  input,.opponent-preparation[b-65iwjv91yp]  textarea{max-width:100%}
.preparation-sources-panel>summary[b-65iwjv91yp],.preparation-annotations>summary[b-65iwjv91yp],.preparation-transfer>summary[b-65iwjv91yp],.preparation-hint>summary[b-65iwjv91yp]{min-height:44px;display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:700;list-style:none}
.preparation-sources-panel>summary[b-65iwjv91yp]::before,.preparation-annotations>summary[b-65iwjv91yp]::before,.preparation-transfer>summary[b-65iwjv91yp]::before,.preparation-hint>summary[b-65iwjv91yp]::before{content:'▸';flex:none}
details[open]>summary[b-65iwjv91yp]::before{transform:rotate(90deg)}
summary:focus-visible[b-65iwjv91yp],textarea:focus-visible[b-65iwjv91yp]{outline:3px solid var(--mud-palette-primary);outline-offset:2px}
.preparation-sources-panel:not([open])[b-65iwjv91yp]{padding-block:4px}
.preparation-sources-panel[open]>.preparation-detail-heading[b-65iwjv91yp]{margin-top:12px}
.preparation-branches[b-65iwjv91yp]{margin-top:12px;padding-top:12px;border-top:1px solid var(--mud-palette-lines-default)}
.preparation-branches p[b-65iwjv91yp]{margin:4px 0 8px;font-size:.85rem;line-height:1.45}
.preparation-branch-choices[b-65iwjv91yp]{display:flex;flex-wrap:wrap;gap:8px}
.preparation-branch-choices button[b-65iwjv91yp]{min-height:44px;min-width:52px;padding:8px 14px;border:1px solid var(--mud-palette-primary);border-radius:10px;background:var(--mud-palette-surface);color:inherit}
.preparation-primary-actions[b-65iwjv91yp],.preparation-training[b-65iwjv91yp]{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin-top:12px}
.preparation-primary-actions small[b-65iwjv91yp]{color:var(--mud-palette-text-secondary)}
.preparation-training p[b-65iwjv91yp]{margin:4px 0}
.preparation-annotations[b-65iwjv91yp],.preparation-transfer[b-65iwjv91yp]{margin-top:12px;padding-top:8px;border-top:1px solid var(--mud-palette-lines-default)}
.preparation-annotations>label[b-65iwjv91yp],.preparation-annotations>select[b-65iwjv91yp],.preparation-annotations>textarea[b-65iwjv91yp],.preparation-annotations>small[b-65iwjv91yp]{display:block;width:100%;margin-block:6px}
.preparation-annotations textarea[b-65iwjv91yp]{border:1px solid var(--mud-palette-lines-default);border-radius:10px;background:var(--mud-palette-surface);color:inherit;font:inherit;padding:10px;resize:vertical}
.preparation-annotations>label[b-65iwjv91yp]{margin-top:12px;font-weight:600;font-size:.85rem}
.preparation-annotations small[b-65iwjv91yp],.preparation-transfer p[b-65iwjv91yp]{font-size:.85rem;line-height:1.5}
.preparation-transfer[b-65iwjv91yp]  .mud-button-root{width:100%;margin-top:8px}
.preparation-import[b-65iwjv91yp]{display:grid;gap:8px;padding:12px 0;font-weight:600}
.preparation-import[b-65iwjv91yp]  input{width:100%;min-height:44px;font-size:.85rem}
.preparation-explorer[hidden][b-65iwjv91yp]{display:none}
.preparation-explorer[b-65iwjv91yp]  .opening-reference-connect{grid-template-columns:44px minmax(0,1fr);gap:10px}
.preparation-explorer[b-65iwjv91yp]  .opening-reference-connect button{grid-column:1/-1;width:100%;min-height:44px}
.preparation-summary[hidden][b-65iwjv91yp],.prep-context[hidden][b-65iwjv91yp],.prep-identity[hidden][b-65iwjv91yp],.preparation-sources-panel[hidden][b-65iwjv91yp]{display:none}
.preparation-branch-tools[b-65iwjv91yp]{display:flex;align-items:center;gap:8px}
.preparation-mainline-back[b-65iwjv91yp]{display:inline-flex;align-items:center;gap:4px;min-height:40px;padding:4px 10px;border:1px solid var(--mud-palette-primary);border-radius:10px;background:color-mix(in srgb,var(--mud-palette-primary) 14%,var(--mud-palette-surface));color:inherit;font-weight:800;cursor:pointer;white-space:nowrap}
.preparation-mainline-back[b-65iwjv91yp]  svg{width:16px;height:16px}
.preparation-branch-choices button.is-on-path[b-65iwjv91yp]{border-color:var(--mud-palette-primary);background:color-mix(in srgb,var(--mud-palette-primary) 16%,var(--mud-palette-surface))}
.preparation-workspace:has(.preparation-training)[b-65iwjv91yp]{grid-template-columns:minmax(0,1fr)}
.preparation-workspace:has(.preparation-training) .preparation-board-column[b-65iwjv91yp]{width:min(680px,100%);margin-inline:auto}
@media(min-width:600px){.preparation-primary-actions[b-65iwjv91yp]{grid-template-columns:minmax(0,1fr) auto}.preparation-primary-actions small[b-65iwjv91yp]{grid-column:1/-1}}
@media(max-width:500px){
  .preparation-heading[b-65iwjv91yp]{margin-bottom:16px;gap:8px}.preparation-heading p[b-65iwjv91yp]{margin:0;font-size:.9rem}
  .prep-context[b-65iwjv91yp]{margin-top:10px;padding:8px 10px;gap:8px}.preparation-summary-copy[b-65iwjv91yp]{margin-right:0}.prep-save-state[b-65iwjv91yp]{margin-left:0;flex-basis:100%}
  .prep-context-back[b-65iwjv91yp]{gap:0;padding:0 12px}.prep-context-back[b-65iwjv91yp]  .mud-button-label{font-size:0}
  .prep-identity[b-65iwjv91yp]{padding:2px 10px}.prep-identity-body>label[b-65iwjv91yp]{grid-template-columns:minmax(0,1fr)}.preparation-summary-actions[b-65iwjv91yp]{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
 .preparation-summary-actions[b-65iwjv91yp]  .mud-button-root:last-child{grid-column:1/-1}
 .preparation-sources-panel[b-65iwjv91yp],.preparation-workspace-shell[b-65iwjv91yp]{margin:12px 0}.preparation-workspace-shell[b-65iwjv91yp]{padding:8px;border-radius:14px}
 .preparation-workspace[b-65iwjv91yp]{gap:12px}.preparation-detail-heading[b-65iwjv91yp]{grid-template-columns:38px minmax(0,1fr);gap:8px;margin-bottom:12px}.preparation-detail-heading>span[b-65iwjv91yp]{width:38px;height:38px;border-radius:10px}
 .preparation-detail-heading[b-65iwjv91yp]  .preparation-open-database{grid-column:1/-1;width:100%}
 .preparation-explorer[b-65iwjv91yp]  .opening-reference-connect{grid-template-columns:minmax(0,1fr);gap:10px;justify-items:start}
 .preparation-explorer[b-65iwjv91yp]  .opening-reference-connect>div{width:100%}
 .preparation-explorer[b-65iwjv91yp]  .opening-reference-connect button{width:100%;min-height:44px}
 .preparation-board-column[b-65iwjv91yp]{padding:4px;border:0;background:none;width:100%}.preparation-board-nav[b-65iwjv91yp]{gap:0;justify-content:space-between}
 .preparation-board-nav>span[b-65iwjv91yp]{font-size:.85rem}.preparation-line[b-65iwjv91yp]{max-height:110px;overscroll-behavior:contain}
 .preparation-line button[b-65iwjv91yp]{padding-inline:10px}.preparation-form[b-65iwjv91yp]{padding:10px}.preparation-step[b-65iwjv91yp]{padding:10px}
 .preparation-color-choice[b-65iwjv91yp]{gap:8px;padding:10px}.preparation-color-art[b-65iwjv91yp]{width:42px;height:42px}
  .base-modes[b-65iwjv91yp]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.base-modes button[b-65iwjv91yp]{padding:10px 4px;gap:4px}
 .preparation-source-card[b-65iwjv91yp],.preparation-cadence-panel[b-65iwjv91yp]{padding:10px}.preparation-provider-heading[b-65iwjv91yp]{flex-wrap:wrap}
 .player-choice-identity strong[b-65iwjv91yp]{overflow:visible;text-overflow:clip}.player-choice-count[b-65iwjv91yp]{white-space:normal}
}
.preparation-line-panel[b-65iwjv91yp]{margin-top:16px;padding:14px;border:1px solid var(--mud-palette-lines-default);border-radius:16px;background:var(--mud-palette-surface)}
.preparation-line-heading[b-65iwjv91yp],.preparation-branches header[b-65iwjv91yp]{display:flex;align-items:center;justify-content:space-between;gap:10px}
.preparation-line-heading h3[b-65iwjv91yp],.preparation-branches h3[b-65iwjv91yp]{margin:0;font-size:1rem;font-weight:800}
.preparation-position-badge[b-65iwjv91yp]{display:flex;align-items:center;gap:5px;color:var(--mud-palette-primary);font-size:.75rem;font-weight:700}
.preparation-position-badge[b-65iwjv91yp]  svg{width:16px;height:16px}
.preparation-position-readout[b-65iwjv91yp]{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding:12px;border-radius:10px;background:color-mix(in srgb,var(--mud-palette-primary) 12%,var(--mud-palette-surface))}
.preparation-position-readout>strong[b-65iwjv91yp]{font-size:1.25rem}.preparation-position-readout>span[b-65iwjv91yp]{display:flex;align-items:center;gap:7px;font-size:.8rem;flex-wrap:wrap}
.piece-side[b-65iwjv91yp]{display:inline-block;width:12px;height:12px;flex:0 0 12px;border-radius:50%;border:1px solid #64748b}.piece-side.white[b-65iwjv91yp]{background:#fff}.piece-side.black[b-65iwjv91yp]{background:#172033}
.preparation-line-panel .preparation-line-columns[b-65iwjv91yp],.preparation-turn[b-65iwjv91yp]{display:grid;grid-template-columns:26px minmax(0,1fr) minmax(0,1fr);gap:6px;align-items:center}
.preparation-line-columns[b-65iwjv91yp]{font-size:.75rem;font-weight:700;margin:12px 0 6px}.preparation-line-columns>span[b-65iwjv91yp]{display:flex;align-items:center;gap:6px}
.preparation-line-panel .preparation-line[b-65iwjv91yp]{display:grid;gap:6px;max-height:270px;overflow:auto;padding:3px;overscroll-behavior:contain}
.preparation-turn-number[b-65iwjv91yp]{font-size:.75rem;color:var(--mud-palette-text-secondary);text-align:center;font-variant-numeric:tabular-nums}
.preparation-line-panel .preparation-line button[b-65iwjv91yp]{display:flex;align-items:center;gap:5px;min-width:0;min-height:46px;padding:8px;border:1px solid var(--mud-palette-lines-default);border-radius:9px;text-align:left;font-weight:700;white-space:normal}
.preparation-line-panel .preparation-line button>span:first-child[b-65iwjv91yp]{overflow-wrap:anywhere;flex:1}
.preparation-line-panel .preparation-line button.is-played[b-65iwjv91yp]{background:color-mix(in srgb,#10b981 10%,var(--mud-palette-surface));border-color:color-mix(in srgb,#10b981 40%,var(--mud-palette-lines-default))}
.preparation-line-panel .preparation-line button.is-current[b-65iwjv91yp]{background:#2563eb;color:#fff;border-color:#60a5fa;box-shadow:0 0 0 2px color-mix(in srgb,#60a5fa 35%,transparent)}
.preparation-line-panel .preparation-line button.is-continuation[b-65iwjv91yp]{background:var(--mud-palette-background);border-style:dashed}
.preparation-line button[b-65iwjv91yp]  svg{width:16px;height:16px;flex-shrink:0}.preparation-fork[b-65iwjv91yp]{display:inline-flex;align-items:center;gap:2px;font-size:.7rem}.preparation-empty-move[b-65iwjv91yp]{text-align:center;color:var(--mud-palette-text-secondary)}
.preparation-branch-count[b-65iwjv91yp]{display:grid;place-items:center;min-width:26px;height:26px;background:color-mix(in srgb,#8b5cf6 18%,var(--mud-palette-surface));border-radius:8px;font-size:.8rem;font-weight:800}
.preparation-branches .preparation-branch-choices[b-65iwjv91yp]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:8px}
.preparation-branches .preparation-branch-choices button[b-65iwjv91yp]{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:6px;min-height:60px;text-align:left;border-color:color-mix(in srgb,#8b5cf6 50%,var(--mud-palette-lines-default));background:color-mix(in srgb,#8b5cf6 9%,var(--mud-palette-surface))}
.preparation-branch-lead[b-65iwjv91yp]{display:flex;align-items:center;gap:8px}.preparation-branch-lead strong[b-65iwjv91yp]{flex:1}.preparation-branch-lead[b-65iwjv91yp]  svg{width:18px;height:18px;color:var(--mud-palette-primary)}
.preparation-branch-preview[b-65iwjv91yp]{font-size:.8rem;line-height:1.5;color:var(--mud-palette-text-secondary);overflow-wrap:anywhere}.preparation-branch-preview:empty[b-65iwjv91yp]{display:none}
.preparation-line-end[b-65iwjv91yp]{display:flex;align-items:center;gap:8px;padding:10px 0;color:var(--mud-palette-text-secondary);font-size:.85rem}.preparation-line-end[b-65iwjv91yp]  svg{width:18px}
.preparation-line-panel button:focus-visible[b-65iwjv91yp],.preparation-branch-choices button:focus-visible[b-65iwjv91yp]{outline:3px solid var(--mud-palette-primary);outline-offset:3px}
.preparation-explorer[b-65iwjv91yp]  .opening-reference-moves.preparation-reference-moves{max-height:none;overflow:visible}
@media(max-width:500px){  .preparation-branches header[b-65iwjv91yp]{flex-wrap:wrap}.preparation-line-panel[b-65iwjv91yp]{padding:9px}.preparation-position-badge[b-65iwjv91yp]{max-width:120px}.preparation-line-panel .preparation-line[b-65iwjv91yp]{max-height:250px}}

.preparation-sources-panel h3[b-65iwjv91yp]{margin:0 0 10px;font-size:.9rem}.preparation-sources-panel>p[b-65iwjv91yp]{margin:8px 0 0;font-size:.78rem;color:var(--mud-palette-text-secondary)}.source-status.is-selected[b-65iwjv91yp]{border-color:var(--mud-palette-primary);background:color-mix(in srgb,var(--mud-palette-primary) 9%,var(--mud-palette-surface))}.source-status label[b-65iwjv91yp]{min-height:44px;cursor:pointer}.source-status input[b-65iwjv91yp]{width:22px;height:22px;accent-color:var(--mud-palette-primary)}.preparation-board-loading[b-65iwjv91yp]{display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--mud-palette-primary);border-radius:12px;margin-bottom:8px;background:var(--mud-palette-surface)}.preparation-board-loading>span[b-65iwjv91yp]{display:grid;gap:2px;font-size:.8rem}.preparation-board-loading small[b-65iwjv91yp]{color:var(--mud-palette-text-secondary)}

.preparation-sources-panel .preparation-sources[b-65iwjv91yp]{grid-template-columns:minmax(0,1fr);gap:8px}.preparation-sources-panel .source-status[b-65iwjv91yp]{min-height:0;padding:8px 10px}.preparation-sources-panel .source-status label[b-65iwjv91yp]{grid-template-columns:28px minmax(0,1fr) auto;gap:4px 8px;min-height:44px}.preparation-sources-panel .source-status-count[b-65iwjv91yp]{grid-column:2;grid-row:2;padding:0;margin:0;background:transparent}.preparation-sources-panel .source-status input[b-65iwjv91yp]{grid-column:3;grid-row:1/3}.preparation-sources-panel .source-status-icon[b-65iwjv91yp]{width:28px;height:28px}.preparation-sources-panel .source-status>small[b-65iwjv91yp]{font-size:.7rem}

.preparation-sources-panel[b-65iwjv91yp]{padding:12px;margin:8px 0}
/* /Pages/PersonalGames.razor.rz.scp.css */
.games-page[b-s1ngbyeac1] { box-sizing: border-box; max-width: 1640px; margin: 0 auto; padding: clamp(1.25rem, 3vw, 3rem) clamp(1rem, 3vw, 2.5rem) 5rem; }
.games-hero[b-s1ngbyeac1] { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:2rem; align-items:center; padding:clamp(1.5rem,4vw,2.7rem); border-radius:26px; color:#fff; background:radial-gradient(circle at 88% 12%,rgba(255,255,255,.2),transparent 26%),linear-gradient(135deg,#12233f,#39266d 54%,#85416e); box-shadow:0 20px 48px rgba(22,25,67,.24); }
.games-hero h1[b-s1ngbyeac1] { margin:.55rem 0 .6rem; font-size:clamp(2rem,4vw,3.1rem); font-weight:850; letter-spacing:-.04em; }.games-hero p[b-s1ngbyeac1]{max-width:62ch;margin:0;opacity:.88}.games-eyebrow[b-s1ngbyeac1]{display:inline-flex;gap:.45rem;align-items:center;padding:.38rem .78rem;border:1px solid rgba(255,255,255,.3);border-radius:99px;background:rgba(255,255,255,.1);font-size:.76rem;font-weight:800;letter-spacing:.08em}.games-window[b-s1ngbyeac1]{display:grid;gap:.25rem;min-width:150px;padding:1.25rem;text-align:center;border:1px solid rgba(255,255,255,.24);border-radius:20px;background:rgba(2,6,23,.22)}.games-window[b-s1ngbyeac1]  .mud-icon-root{margin:auto;color:#fbbf24}.games-window strong[b-s1ngbyeac1]{font-size:1.5rem}.games-window span[b-s1ngbyeac1]{font-size:.8rem;opacity:.8}
.games-loading[b-s1ngbyeac1],.games-unavailable[b-s1ngbyeac1],.games-import-card[b-s1ngbyeac1],.games-manual-card[b-s1ngbyeac1],.games-analysis-card[b-s1ngbyeac1],.games-source-card[b-s1ngbyeac1],.games-empty[b-s1ngbyeac1] { border:1px solid var(--mud-palette-lines-default); border-radius:20px; background:var(--mud-palette-surface); box-shadow:0 12px 32px rgba(15,23,42,.08); }.games-loading[b-s1ngbyeac1]{display:flex;align-items:center;justify-content:center;gap:1rem;min-height:200px;margin-top:2rem}.games-unavailable[b-s1ngbyeac1]{display:flex;gap:1.1rem;align-items:start;margin-top:2rem;padding:2rem}.games-unavailable[b-s1ngbyeac1] >  .mud-icon-root{color:#f59e0b;font-size:2.1rem}.games-unavailable h2[b-s1ngbyeac1]{margin:0 0 .45rem}.games-unavailable p[b-s1ngbyeac1]{margin:0;color:var(--mud-palette-text-secondary)}
.games-message[b-s1ngbyeac1]{margin-top:2rem}.games-import-card[b-s1ngbyeac1],.games-analysis-card[b-s1ngbyeac1]{margin-top:2.5rem;padding:clamp(1.3rem,3vw,2.2rem)}.games-section-title[b-s1ngbyeac1]{display:flex;gap:1rem;align-items:center;margin-bottom:1.6rem}.games-section-title h2[b-s1ngbyeac1]{margin:0;font-size:1.35rem}.games-section-title p[b-s1ngbyeac1]{margin:.3rem 0 0;color:var(--mud-palette-text-secondary)}.games-icon[b-s1ngbyeac1]{display:grid;place-items:center;flex:0 0 auto;width:48px;height:48px;border-radius:15px;color:#fff;background:linear-gradient(135deg,#2563eb,#0891b2)}.games-icon.import[b-s1ngbyeac1]{background:linear-gradient(135deg,#7c3aed,#db2777)}.games-icon.analyse[b-s1ngbyeac1]{background:linear-gradient(135deg,#d97706,#f97316)}
.games-import-form[b-s1ngbyeac1]{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(220px,1fr) minmax(250px,1.3fr) auto;gap:1rem;align-items:center}.games-file-picker[b-s1ngbyeac1]{position:relative;display:flex;gap:.75rem;align-items:center;min-height:56px;padding:.7rem .9rem;border:1px dashed var(--mud-palette-primary);border-radius:14px;cursor:pointer}.games-file-picker input[b-s1ngbyeac1]{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}.games-file-picker small[b-s1ngbyeac1]{display:block;color:var(--mud-palette-text-secondary);font-size:.75rem}.games-file-picker[b-s1ngbyeac1]  .mud-icon-root{color:var(--mud-palette-primary)}
.games-manual-card[b-s1ngbyeac1]{margin-top:2.5rem;padding:clamp(1.3rem,3vw,2.2rem)}.games-icon.manual[b-s1ngbyeac1]{background:linear-gradient(135deg,#0f766e,#14b8a6)}.games-manual-grid[b-s1ngbyeac1]{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(300px,1fr);gap:2rem;align-items:start}.games-manual-board[b-s1ngbyeac1]{min-width:0}.games-manual-form[b-s1ngbyeac1]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.games-manual-form > :last-child[b-s1ngbyeac1],.games-move-count[b-s1ngbyeac1],.games-manual-actions[b-s1ngbyeac1]{grid-column:1 / -1}.games-move-count[b-s1ngbyeac1]{margin:0;padding:.75rem 1rem;border-radius:12px;background:color-mix(in srgb,var(--mud-palette-primary) 7%,var(--mud-palette-surface));font-size:.8rem;color:var(--mud-palette-text-secondary);overflow-wrap:anywhere}.games-manual-actions[b-s1ngbyeac1]{display:flex;flex-wrap:wrap;gap:.75rem}
.games-chesscom-card[b-s1ngbyeac1]{margin-top:2.5rem;padding:clamp(1.3rem,3vw,2.2rem);border:1px solid var(--mud-palette-lines-default);border-radius:20px;background:var(--mud-palette-surface);box-shadow:0 12px 32px rgba(15,23,42,.08)}.games-icon.chesscom[b-s1ngbyeac1]{background:linear-gradient(135deg,#2563eb,#4f46e5)}.games-chesscom-form[b-s1ngbyeac1]{display:flex;align-items:center;gap:1rem}.games-chesscom-form > :first-child[b-s1ngbyeac1]{flex:1}
.games-source-grid[b-s1ngbyeac1]{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.2rem;margin-top:2.5rem}.games-source-card[b-s1ngbyeac1]{display:flex;gap:.85rem;align-items:center;padding:1.1rem}.games-source-card .games-icon[b-s1ngbyeac1]{width:40px;height:40px;border-radius:12px}.games-source-card strong[b-s1ngbyeac1],.games-source-card small[b-s1ngbyeac1]{display:block}.games-source-card small[b-s1ngbyeac1]{margin-top:.18rem;color:var(--mud-palette-text-secondary)}.games-state[b-s1ngbyeac1]{margin-left:auto;padding:.3rem .55rem;border-radius:99px;background:color-mix(in srgb,var(--mud-palette-primary) 14%,transparent);font-size:.72rem;font-weight:750}.games-empty[b-s1ngbyeac1]{grid-column:1 / -1;display:grid;justify-items:center;gap:.5rem;padding:2.5rem;text-align:center;color:var(--mud-palette-text-secondary)}.games-empty[b-s1ngbyeac1]  .mud-icon-root{font-size:2.25rem;color:var(--mud-palette-primary)}.games-empty strong[b-s1ngbyeac1]{color:var(--mud-palette-text-primary)}
.games-batches-card[b-s1ngbyeac1]{margin-top:2.5rem;padding:clamp(1.3rem,3vw,2.2rem);border:1px solid var(--mud-palette-lines-default);border-radius:20px;background:var(--mud-palette-surface);box-shadow:0 12px 32px rgba(15,23,42,.08)}.games-batch-list[b-s1ngbyeac1]{display:grid;gap:.75rem}.games-batch-list article[b-s1ngbyeac1]{display:flex;align-items:center;gap:.75rem;padding:1rem;border:1px solid var(--mud-palette-lines-default);border-radius:14px;background:color-mix(in srgb,var(--mud-palette-warning) 5%,var(--mud-palette-surface))}.games-batch-list article>div[b-s1ngbyeac1]{flex:1}.games-batch-list strong[b-s1ngbyeac1],.games-batch-list small[b-s1ngbyeac1]{display:block}.games-batch-list small[b-s1ngbyeac1]{margin-top:.2rem;color:var(--mud-palette-text-secondary)}
.games-analysis-filters[b-s1ngbyeac1]{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin:0 0 1.5rem;padding:1rem;border:1px solid var(--mud-palette-lines-default);border-radius:16px;background:color-mix(in srgb,var(--mud-palette-primary) 4%,var(--mud-palette-surface))}.games-analysis-card[b-s1ngbyeac1] >  .mud-button-root{margin-bottom:1.7rem}.games-metrics[b-s1ngbyeac1]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.games-metrics article[b-s1ngbyeac1]{display:grid;gap:.35rem;padding:1.1rem;border:1px solid var(--mud-palette-lines-default);border-radius:16px;background:color-mix(in srgb,var(--mud-palette-primary) 4%,var(--mud-palette-surface))}.games-metrics small[b-s1ngbyeac1],.games-metrics span[b-s1ngbyeac1]{color:var(--mud-palette-text-secondary)}.games-metrics strong[b-s1ngbyeac1]{font-size:1.65rem}.games-metrics span[b-s1ngbyeac1]{font-size:.78rem}.games-recommendations[b-s1ngbyeac1]{margin-top:2rem;padding-top:1.6rem;border-top:1px solid var(--mud-palette-lines-default)}.games-recommendations h3[b-s1ngbyeac1]{margin:0 0 1rem}.games-recommendations article[b-s1ngbyeac1]{display:flex;align-items:center;gap:1rem;padding:1rem;margin-top:.7rem;border-radius:14px;background:color-mix(in srgb,var(--mud-palette-warning) 8%,var(--mud-palette-surface))}.games-recommendations article>div[b-s1ngbyeac1]{flex:1}.games-recommendations strong[b-s1ngbyeac1],.games-recommendations small[b-s1ngbyeac1]{display:block}.games-recommendations small[b-s1ngbyeac1]{margin-top:.2rem;color:var(--mud-palette-text-secondary)}.games-recommendation-action[b-s1ngbyeac1]{flex:0 0 auto}.games-priority[b-s1ngbyeac1]{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;color:#fff;background:#d97706;font-weight:800}
.games-game-list[b-s1ngbyeac1]{display:grid;gap:.7rem}.games-game-list article[b-s1ngbyeac1]{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border:1px solid var(--mud-palette-lines-default);border-radius:14px;background:color-mix(in srgb,var(--mud-palette-primary) 4%,var(--mud-palette-surface));cursor:pointer}.games-game-list article.selected[b-s1ngbyeac1]{border-color:var(--mud-palette-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--mud-palette-primary) 17%,transparent)}.games-game-list strong[b-s1ngbyeac1],.games-game-list small[b-s1ngbyeac1]{display:block}.games-game-list small[b-s1ngbyeac1],.games-list-note[b-s1ngbyeac1]{margin-top:.25rem;color:var(--mud-palette-text-secondary)}.games-result[b-s1ngbyeac1]{padding:.35rem .65rem;border-radius:99px;background:color-mix(in srgb,var(--mud-palette-primary) 14%,transparent);font-size:.8rem;font-weight:800}.games-game-detail[b-s1ngbyeac1]{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;margin-top:1rem;padding:1.2rem;border:1px solid var(--mud-palette-primary);border-radius:16px;background:color-mix(in srgb,var(--mud-palette-primary) 6%,var(--mud-palette-surface))}.games-game-detail h3[b-s1ngbyeac1],.games-game-detail p[b-s1ngbyeac1]{margin:0}.games-game-detail dl[b-s1ngbyeac1]{display:grid;grid-template-columns:auto auto;gap:.25rem .8rem;margin:0;font-size:.85rem}.games-game-detail dt[b-s1ngbyeac1]{color:var(--mud-palette-text-secondary)}.games-game-detail dd[b-s1ngbyeac1]{margin:0;font-weight:700}.games-mainline[b-s1ngbyeac1]{grid-column:1/-1;max-height:7rem;overflow:auto;padding:.8rem;border-radius:10px;background:var(--mud-palette-background);font-family:monospace;line-height:1.7}
.games-visual-stats[b-s1ngbyeac1]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.5rem}.games-visual-stats article[b-s1ngbyeac1]{padding:1.2rem;border:1px solid var(--mud-palette-lines-default);border-radius:16px;background:color-mix(in srgb,var(--mud-palette-primary) 4%,var(--mud-palette-surface))}.games-visual-stats h3[b-s1ngbyeac1]{margin:0 0 1rem;font-size:1rem}.games-visual-stats p[b-s1ngbyeac1]{margin:1rem 0 0;color:var(--mud-palette-text-secondary);font-size:.84rem}.games-result-bar[b-s1ngbyeac1]{display:flex;overflow:hidden;height:18px;border-radius:99px;background:var(--mud-palette-lines-default)}.games-result-bar span[b-s1ngbyeac1]{min-width:0}.games-result-bar .wins[b-s1ngbyeac1]{background:#22c55e}.games-result-bar .draws[b-s1ngbyeac1]{background:#60a5fa}.games-result-bar .losses[b-s1ngbyeac1]{background:#fb7185}.games-radial[b-s1ngbyeac1]{display:grid;place-items:center;width:116px;height:116px;margin:auto;border-radius:50%;background:conic-gradient(var(--mud-palette-primary) calc(var(--percent)*1%),var(--mud-palette-lines-default) 0)}.games-radial.amber[b-s1ngbyeac1]{background:conic-gradient(#f59e0b calc(var(--percent)*1%),var(--mud-palette-lines-default) 0)}.games-radial span[b-s1ngbyeac1]{display:grid;place-items:center;width:82px;height:82px;border-radius:50%;background:var(--mud-palette-surface);font-size:1.25rem;font-weight:850}@media(max-width:980px){.games-visual-stats[b-s1ngbyeac1]{grid-template-columns:1fr 1fr}}@media(max-width:680px){.games-visual-stats[b-s1ngbyeac1]{grid-template-columns:1fr}.games-game-detail[b-s1ngbyeac1]{grid-template-columns:1fr}}
@media(max-width:980px){.games-import-form[b-s1ngbyeac1]{grid-template-columns:1fr 1fr}.games-import-form[b-s1ngbyeac1] >  .mud-button-root{justify-self:start}.games-metrics[b-s1ngbyeac1],.games-manual-grid[b-s1ngbyeac1],.games-analysis-filters[b-s1ngbyeac1]{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.games-page[b-s1ngbyeac1]{padding-inline:.4rem}.games-hero[b-s1ngbyeac1]{grid-template-columns:1fr}.games-window[b-s1ngbyeac1]{justify-self:start}.games-import-form[b-s1ngbyeac1],.games-metrics[b-s1ngbyeac1],.games-manual-form[b-s1ngbyeac1],.games-analysis-filters[b-s1ngbyeac1]{grid-template-columns:1fr}.games-chesscom-form[b-s1ngbyeac1],.games-batch-list article[b-s1ngbyeac1]{align-items:stretch;flex-direction:column}.games-import-form[b-s1ngbyeac1] >  .mud-button-root{width:100%}.games-source-grid[b-s1ngbyeac1]{grid-template-columns:1fr}}
.games-icon.lichess[b-s1ngbyeac1] { background:linear-gradient(135deg,#15803d,#22c55e); }
.games-hub-grid[b-s1ngbyeac1] { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.75rem; margin-top:1.25rem; }
.games-hub-card[b-s1ngbyeac1] { display:flex; gap:1rem; align-items:flex-start; padding:1.4rem 1.3rem; border:1px solid var(--mud-palette-lines-default); border-radius:20px; background:var(--mud-palette-surface); box-shadow:0 12px 32px rgba(15,23,42,.08); text-decoration:none; color:inherit; transition:transform .15s ease, box-shadow .15s ease; }
.games-hub-card:hover[b-s1ngbyeac1] { transform:translateY(-3px); box-shadow:0 18px 40px rgba(15,23,42,.14); }
.games-hub-card:focus-visible[b-s1ngbyeac1] { outline:2px solid var(--mud-palette-primary); outline-offset:3px; }
.games-hub-card h2[b-s1ngbyeac1] { margin:0 0 .35rem; font-size:1.2rem; font-weight:750; }
.games-hub-card p[b-s1ngbyeac1] { margin:0; color:var(--mud-palette-text-secondary); }
.games-hub-card .games-icon[b-s1ngbyeac1] { flex:0 0 auto; }
.games-hub-card > div[b-s1ngbyeac1] { min-width:0; overflow-wrap:anywhere; }
.games-overview-library[b-s1ngbyeac1] { margin-top:clamp(1.75rem,3vw,2.5rem); }
@media (max-width:1000px) { .games-hub-grid[b-s1ngbyeac1] { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:680px) { .games-hub-grid[b-s1ngbyeac1] { grid-template-columns:1fr; } }

@media(max-width:680px) {
    .games-page[b-s1ngbyeac1] { padding-top:.65rem; }
    .games-hero[b-s1ngbyeac1] { gap:.75rem; padding:1rem; border-radius:16px; }
    .games-hero h1[b-s1ngbyeac1] { font-size:1.5rem; line-height:1.25; margin:.4rem 0; }
    .games-hero p[b-s1ngbyeac1] { font-size:.9rem; }
    .games-window[b-s1ngbyeac1] { display:flex; flex-wrap:wrap; align-items:center; gap:.5rem; min-width:0; padding:.5rem .75rem; text-align:start; border-radius:12px; }
    .games-window strong[b-s1ngbyeac1] { font-size:1.1rem; }
    .games-window[b-s1ngbyeac1]  .mud-icon-root { margin:0; }
}
/* /Pages/PersonalGameStatistics.razor.rz.scp.css */
.ga-page[b-y61qia61am] { overflow-x: hidden; width:100%; max-width: 1320px; }
.ga-rating-filter[b-y61qia61am]{display:grid;gap:12px;margin:12px 0;padding:14px;border:1px solid var(--mud-palette-lines-default);border-radius:12px;background:var(--mud-palette-surface)}
.ga-rating-values[b-y61qia61am]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ga-rating-hint[b-y61qia61am]{font-size:.82rem;margin:0;color:var(--mud-palette-text-secondary);line-height:1.5}.ga-rating-error[b-y61qia61am]{color:var(--mud-palette-error);font-size:.85rem;margin:0}
@media(max-width:500px){.ga-rating-values[b-y61qia61am]{grid-template-columns:1fr}}
.ga-page *[b-y61qia61am] { min-width: 0; }
.ga-hero[b-y61qia61am] { padding: clamp(.95rem, 2.4vw, 1.6rem) clamp(1rem, 2.5vw, 1.7rem); gap: 1rem; }
.ga-hero h1[b-y61qia61am] { margin: .35rem 0 .3rem; font-size: clamp(1.45rem, 4vw, 2.35rem); }
.ga-hero p[b-y61qia61am] { font-size: .95rem; }
.ga-hero .games-window[b-y61qia61am] { min-width: 0; padding: .85rem 1rem; }

.ga-filters-card[b-y61qia61am] { display: grid; grid-template-columns:minmax(0,1fr) auto; gap: .85rem 1.2rem; align-items:end; padding:1rem 1.15rem; }
.ga-filter-heading[b-y61qia61am],.ga-advanced[b-y61qia61am]{grid-column:1/-1}.ga-chip-group[b-y61qia61am]{align-self:start}.ga-filters-card[b-y61qia61am] >  .mud-button-root{margin:0;min-height:44px;align-self:end}.ga-filters-card .ga-chip-group:nth-of-type(2)[b-y61qia61am]{grid-column:1}
.ga-filter-heading h2[b-y61qia61am] { margin: 0; font-size: 1.15rem; }
.ga-filter-heading p[b-y61qia61am] { margin: .25rem 0 0; color: var(--mud-palette-text-secondary); font-size: .88rem; }
.ga-update-status[b-y61qia61am] { position:sticky; top:76px; z-index:10; display:flex; align-items:center; gap:.85rem; padding:1rem; border:1px solid var(--mud-palette-primary); border-radius:14px; color:var(--mud-palette-text-primary); background:var(--mud-palette-surface); box-shadow:0 4px 16px #0002; }
.ga-update-status > div[b-y61qia61am] { display:grid; min-width:0; gap:.2rem; }
.ga-update-status strong[b-y61qia61am] { color:var(--mud-palette-primary); }
.ga-update-status div > span[b-y61qia61am] { color:var(--mud-palette-text-secondary); overflow-wrap:anywhere; }
.ga-update-spinner[b-y61qia61am] { display:inline-block; flex-shrink:0; width:28px; height:28px; border:3px solid color-mix(in srgb,currentColor 25%,transparent); border-top-color:currentColor; border-radius:50%; color:var(--mud-palette-primary); animation:ga-update-spin-b-y61qia61am .8s linear infinite; }
.ga-update-button-spinner[b-y61qia61am] { width:18px; height:18px; margin-inline-end:.5rem; color:inherit; }
@keyframes ga-update-spin-b-y61qia61am { to { transform:rotate(360deg); } }
@media (prefers-reduced-motion:reduce) { .ga-update-spinner[b-y61qia61am] { animation:none; } }
.ga-chip-group[b-y61qia61am] { display: grid; gap: .4rem; }
.ga-chip-label[b-y61qia61am] { font-size: .72rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--mud-palette-text-secondary); }
.ga-chips[b-y61qia61am] { display: flex; flex-wrap: wrap; gap: .4rem; }
.ga-chip[b-y61qia61am] {
    min-height: 44px;
    padding: .45rem .9rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 999px;
    background: var(--mud-palette-surface);
    color: inherit;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}
.ga-chip.active[b-y61qia61am] { border-color: var(--mud-palette-primary); background: color-mix(in srgb, var(--mud-palette-primary) 16%, var(--mud-palette-surface)); box-shadow: 0 0 0 2px color-mix(in srgb, var(--mud-palette-primary) 25%, transparent); }
.ga-chip:focus-visible[b-y61qia61am], .ga-tabs button:focus-visible[b-y61qia61am], .ga-link-button:focus-visible[b-y61qia61am], .ga-fold > summary:focus-visible[b-y61qia61am] {
    outline: 3px solid var(--mud-palette-primary);
    outline-offset: 2px;
}
.ga-advanced[b-y61qia61am] { border: 1px solid var(--mud-palette-lines-default); border-radius: 14px; padding: .2rem .9rem .8rem; }
.ga-advanced > summary[b-y61qia61am] { min-height: 44px; display: flex; align-items: center; cursor: pointer; font-weight: 750; }

.ga-summary[b-y61qia61am], .ga-signals[b-y61qia61am], .ga-panels[b-y61qia61am] { margin-top: 1.35rem; }
.ga-section-kicker[b-y61qia61am] { display: flex; align-items: center; gap: .5rem; }
.ga-section-kicker h2[b-y61qia61am], .ga-question[b-y61qia61am] { margin: 0 0 .45rem; font-size: 1.12rem; }
.ga-section-lead[b-y61qia61am] { margin: 0 0 1rem; color: var(--mud-palette-text-secondary); }
.ga-scoreboard[b-y61qia61am] { display: grid; grid-template-columns: minmax(210px, .65fr) minmax(0, 1.35fr); gap: .8rem; margin-top: .75rem; }
.ga-primary-score[b-y61qia61am] { display: grid; align-content: center; gap: .15rem; padding: 1rem 1.15rem; border-left: 4px solid var(--mud-palette-primary); border-radius: 12px; background: color-mix(in srgb, var(--mud-palette-primary) 8%, var(--mud-palette-surface)); }
.ga-primary-score small[b-y61qia61am] { color: var(--mud-palette-text-secondary); font-size: .76rem; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.ga-primary-score strong[b-y61qia61am] { font-size: clamp(2rem, 5vw, 3.15rem); line-height: 1; }
.ga-primary-score span[b-y61qia61am] { color: var(--mud-palette-text-secondary); font-size: .78rem; }
.ga-summary-facts[b-y61qia61am] { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 1px; overflow: hidden; border: 1px solid var(--mud-palette-lines-default); border-radius: 12px; background: var(--mud-palette-lines-default); }
.ga-summary-facts > div[b-y61qia61am] { display: grid; align-content: center; gap: .12rem; padding: .75rem .9rem; background: var(--mud-palette-surface); }
.ga-summary-facts strong[b-y61qia61am] { font-size: 1.2rem; }
.ga-summary-facts span[b-y61qia61am], .ga-summary-facts small[b-y61qia61am] { color: var(--mud-palette-text-secondary); font-size: .73rem; }
.ga-result-block[b-y61qia61am] { margin-top: .7rem; padding: .75rem .15rem 0; }
.ga-result-block h3[b-y61qia61am] { margin: 0 0 .7rem; font-size: 1rem; }
.ga-result-legend[b-y61qia61am] { display: flex; flex-wrap: wrap; gap: .45rem 1.2rem; margin-top: .55rem; color: var(--mud-palette-text-secondary); font-size: .8rem; }
.ga-result-legend span[b-y61qia61am] { display: inline-flex; align-items: center; gap: .28rem; }
.ga-result-legend i[b-y61qia61am] { width: .55rem; height: .55rem; border-radius: 50%; }
.ga-result-legend i.win[b-y61qia61am] { background: #22c55e; }.ga-result-legend i.draw[b-y61qia61am] { background: #60a5fa; }.ga-result-legend i.loss[b-y61qia61am] { background: #fb7185; }

.ga-band-low[b-y61qia61am] { border-color: #fb7185; background: color-mix(in srgb, #fb7185 10%, var(--mud-palette-surface)); }
.ga-band-watch[b-y61qia61am] { border-color: #f59e0b; background: color-mix(in srgb, #f59e0b 10%, var(--mud-palette-surface)); }
.ga-band-good[b-y61qia61am] { border-color: #22c55e; background: color-mix(in srgb, #22c55e 10%, var(--mud-palette-surface)); }
.ga-band-excellent[b-y61qia61am] { border-color: #22d3ee; background: color-mix(in srgb, #22d3ee 12%, var(--mud-palette-surface)); }
.ga-trend-rising[b-y61qia61am] { border-color: #22c55e; }
.ga-trend-falling[b-y61qia61am] { border-color: #fb7185; }
.ga-trend-stable[b-y61qia61am] { border-color: #60a5fa; }

.ga-signals[b-y61qia61am] { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.ga-signal[b-y61qia61am] { padding: .85rem 1rem; border-left: 3px solid var(--mud-palette-lines-default); border-radius: 10px; }
.ga-signal h3[b-y61qia61am] { margin: 0 0 .7rem; font-size: 1rem; display: flex; gap: .4rem; align-items: center; }
.ga-signal ul[b-y61qia61am] { list-style: none; margin: 0; padding: 0; display: grid; gap: .7rem; }
.ga-signal li[b-y61qia61am] { display: grid; gap: .15rem; }
.ga-signal span[b-y61qia61am], .ga-signal small[b-y61qia61am], .ga-signal p[b-y61qia61am] { color: var(--mud-palette-text-secondary); font-size: .86rem; }
.ga-signal-good[b-y61qia61am] { border-left-color: #22c55e; background: color-mix(in srgb, #22c55e 6%, transparent); }
.ga-signal-work[b-y61qia61am] { border-left-color: #f59e0b; background: color-mix(in srgb, #f59e0b 6%, transparent); }

.ga-tabs-wrap[b-y61qia61am] {
    margin-top: 1.35rem;
    position: relative;
}
/* UX-021 — hint that more tabs exist beyond the viewport */
@media (max-width: 700px) {
    .ga-tabs-wrap[b-y61qia61am]::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: .45rem;
        width: 1.75rem;
        pointer-events: none;
        background: linear-gradient(90deg, transparent, var(--mud-palette-background));
    }
}
.ga-tabs[b-y61qia61am] {
    display: flex;
    gap: .4rem;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scroll-padding-inline: .5rem;
    padding: .2rem 0 .45rem;
}
.ga-tabs button[b-y61qia61am] {
    flex: 0 0 auto;
    min-height: 44px;
    padding: .5rem .95rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 999px;
    background: var(--mud-palette-surface);
    color: inherit;
    font: inherit;
    font-weight: 750;
    cursor: pointer;
    white-space: nowrap;
}
.ga-tabs button[aria-selected="true"][b-y61qia61am] {
    border-color: var(--mud-palette-primary);
    background: color-mix(in srgb, var(--mud-palette-primary) 16%, var(--mud-palette-surface));
}

.ga-panel[b-y61qia61am] { display: grid; gap: 1.15rem; padding-top: 1.2rem; }
.ga-panel[hidden][b-y61qia61am] { display: none; }
.ga-panel-heading[b-y61qia61am]{display:flex;gap:.8rem;align-items:center;margin-bottom:.35rem}.ga-panel-heading>span[b-y61qia61am]{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);font-size:1.4rem}.ga-panel-heading h2[b-y61qia61am]{margin:0;font-size:clamp(1.25rem,3vw,1.7rem)}.ga-panel-heading p[b-y61qia61am]{margin:.2rem 0 0;color:var(--mud-palette-text-secondary)}
.ga-review-coverage[b-y61qia61am] { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: .25rem .8rem; padding: .9rem 1rem; border: 1px solid #7c3aed; border-radius: 14px; background: color-mix(in srgb, #7c3aed 12%, var(--mud-palette-surface)); }
.ga-review-coverage.engine[b-y61qia61am] { border-color: #2563eb; background: color-mix(in srgb, #2563eb 12%, var(--mud-palette-surface)); }
.ga-review-coverage strong[b-y61qia61am] { grid-row: 1 / span 2; font-size: clamp(1.5rem, 4vw, 2.2rem); }
.ga-review-coverage span[b-y61qia61am] { font-weight: 800; }.ga-review-coverage small[b-y61qia61am] { color: var(--mud-palette-text-secondary); }
.ga-review-metrics[b-y61qia61am] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .6rem; }
.ga-review-metrics article[b-y61qia61am] { display: grid; align-content: center; gap: .2rem; min-height: 105px; padding: .8rem; border: 1px solid var(--mud-palette-lines-default); border-radius: 13px; background: var(--mud-palette-surface); }
.ga-review-metrics article.primary[b-y61qia61am] { border-color: #60a5fa; background: color-mix(in srgb, #2563eb 10%, var(--mud-palette-surface)); }
.ga-review-metrics small[b-y61qia61am],.ga-review-metrics span[b-y61qia61am] { color: var(--mud-palette-text-secondary); font-size: .74rem; }.ga-review-metrics strong[b-y61qia61am] { font-size: 1.35rem; }
.ga-preparation-breakdown[b-y61qia61am],.ga-engine-rates[b-y61qia61am] { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .45rem; }
.ga-preparation-breakdown span[b-y61qia61am],.ga-engine-rates span[b-y61qia61am] { padding: .65rem .75rem; border-radius: 10px; background: color-mix(in srgb,var(--mud-palette-primary) 7%,var(--mud-palette-surface)); color: var(--mud-palette-text-secondary); }
.ga-preparation-breakdown b[b-y61qia61am],.ga-engine-rates b[b-y61qia61am] { color: var(--mud-palette-text-primary); }
.ga-review-signal-list[b-y61qia61am] { display: grid; gap: .5rem; }
.ga-review-signal-list article[b-y61qia61am] { display: flex; align-items: center; justify-content: space-between; gap: .7rem; padding: .7rem .8rem; border-left: 3px solid #f59e0b; border-radius: 10px; background: color-mix(in srgb,#f59e0b 7%,var(--mud-palette-surface)); }
.ga-review-signal-list article div[b-y61qia61am] { display: grid; gap: .12rem; }.ga-review-signal-list article span[b-y61qia61am] { color: var(--mud-palette-text-secondary); font-size: .76rem; }
.ga-review-signal-list button[b-y61qia61am],.ga-review-actions button[b-y61qia61am],.ga-game-review[b-y61qia61am] { min-height: 40px; padding: .4rem .7rem; border: 1px solid var(--mud-palette-primary); border-radius: 10px; color: var(--mud-palette-primary); background: transparent; font-weight: 750; cursor: pointer; }
.ga-review-actions[b-y61qia61am] { display: flex; align-items: center; flex-wrap: wrap; gap: .55rem; }.ga-review-actions button[b-y61qia61am] { display: inline-flex; align-items:center; gap:.35rem; color:#fff; background:var(--mud-palette-primary); }.ga-review-actions button:disabled[b-y61qia61am]{opacity:.45;cursor:not-allowed}.ga-review-actions span[b-y61qia61am] { color: #fbbf24; font-size: .8rem; }
.ga-auto-analysis[b-y61qia61am] { display:flex; align-items:center; gap:.65rem; padding:.75rem .85rem; border:1px solid #334155; border-radius:12px; background:color-mix(in srgb,#22c55e 6%,var(--mud-palette-surface)); cursor:pointer; }.ga-auto-analysis input[b-y61qia61am]{width:20px;height:20px;accent-color:#22c55e}.ga-auto-analysis span[b-y61qia61am]{display:grid;gap:.15rem}.ga-auto-analysis small[b-y61qia61am]{color:var(--mud-palette-text-secondary)}
.ga-phase-summary[b-y61qia61am] { padding: .8rem; border: 1px solid var(--mud-palette-lines-default); border-radius: 13px; }.ga-phase-summary h3[b-y61qia61am]{margin:0 0 .6rem}.ga-phase-summary h3 small[b-y61qia61am]{color:var(--mud-palette-text-secondary);font-weight:400}.ga-phase-summary>div[b-y61qia61am]{display:grid;gap:.4rem}.ga-phase-summary span[b-y61qia61am]{display:block;padding:.5rem .65rem;border-radius:8px;background:linear-gradient(90deg,color-mix(in srgb,#60a5fa 35%,transparent) var(--phase),color-mix(in srgb,var(--mud-palette-lines-default) 55%,transparent) var(--phase));}
.ga-method-note[b-y61qia61am],.ga-empty-state[b-y61qia61am] { margin: 0; padding: .7rem; border-radius: 10px; color: var(--mud-palette-text-secondary); background: color-mix(in srgb,var(--mud-palette-primary) 5%,transparent); }
.games-game-list article[b-y61qia61am] { grid-template-columns: minmax(0,1fr) auto auto; }
.ga-game-review[b-y61qia61am] { font-size: .73rem; }
.ga-repository-note[b-y61qia61am]{display:flex;align-items:center;gap:.45rem;margin:1rem 0 0;padding:.65rem .8rem;border-radius:12px;background:color-mix(in srgb,#60a5fa 10%,var(--mud-palette-surface));color:var(--mud-palette-text-secondary);font-size:.82rem}.ga-repository-note[b-y61qia61am]  .mud-icon-root{color:#60a5fa;font-size:1.1rem}
.ga-color-grid[b-y61qia61am] { display: grid; grid-template-columns: 1fr 1fr; gap: .7rem; }
.ga-color-results[b-y61qia61am] {margin:1rem 0}
.ga-summary-heading[b-y61qia61am] {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}
.ga-color-heading[b-y61qia61am] {display:flex;justify-content:space-between;align-items:center;gap:.7rem;flex-wrap:wrap;margin-bottom:.75rem}
.ga-color-heading > span[b-y61qia61am] {color:var(--mud-palette-text-secondary);font-size:.85rem}
.ga-side-mark[b-y61qia61am] {display:inline-flex;align-items:center;justify-content:center;gap:.6rem;margin:0;padding:.4rem .9rem;min-height:48px;border-radius:12px;font-size:1.25rem;font-weight:800;border:1px solid #64748b}
.ga-side-mark > span[b-y61qia61am] {font-size:1.8rem;line-height:1}
.ga-side-white[b-y61qia61am] {background:#f8fafc;color:#0f172a}
.ga-side-black[b-y61qia61am] {background:#0f172a;color:#f8fafc}
.ga-color-card[b-y61qia61am] {min-width:0}
.ga-color-card[b-y61qia61am], .ga-reco[b-y61qia61am] {
    padding: .85rem 1rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 18px;
    background: color-mix(in srgb, var(--mud-palette-primary) 4%, var(--mud-palette-surface));
}
.ga-color-white[b-y61qia61am] { border-left: 3px solid #e2e8f0; background: color-mix(in srgb, #e2e8f0 5%, var(--mud-palette-surface)); }
.ga-color-black[b-y61qia61am] { border-left: 3px solid #64748b; background: color-mix(in srgb, #64748b 7%, var(--mud-palette-surface)); }
.ga-color-card h4[b-y61qia61am] { margin: 0 0 .25rem; display: flex; gap: .35rem; align-items: center; }
.ga-color-card > p[b-y61qia61am] { margin: .2rem 0; }.ga-color-card .ga-big small[b-y61qia61am] { color: var(--mud-palette-text-secondary); font-size: .72rem; }
.ga-big[b-y61qia61am] { margin: 0; font-size: 1.7rem; font-weight: 850; }
.ga-priority-card[b-y61qia61am], .ga-reco-priority[b-y61qia61am] { border-color: #f59e0b; background: color-mix(in srgb, #f59e0b 10%, var(--mud-palette-surface)); }
.ga-kicker[b-y61qia61am] { margin: 0 0 .35rem; font-size: .72rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.ga-link-button[b-y61qia61am] {
    justify-self: start;
    min-height: 44px;
    padding: .45rem .85rem;
    border: 0;
    border-radius: 12px;
    background: color-mix(in srgb, var(--mud-palette-primary) 14%, transparent);
    color: var(--mud-palette-primary);
    font: inherit;
    font-weight: 750;
    cursor: pointer;
}

.ga-opening-list[b-y61qia61am] { display: grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap: 1.35rem; align-items:start; }
.ga-opening-groups[b-y61qia61am] { display: grid; gap: 1.4rem; }
.ga-opening-groups h4[b-y61qia61am] { margin: 0 0 .6rem; }
.ga-opening-card[b-y61qia61am] {
    display: grid;
    gap: .35rem;
    padding: .85rem .95rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 16px;
    background: var(--mud-palette-surface);
}
.ga-opening-card header[b-y61qia61am] { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: .55rem; align-items: start; }
.ga-eco[b-y61qia61am] {
    margin: 0;
    padding: .18rem .45rem;
    border-radius: 8px;
    background: color-mix(in srgb, var(--mud-palette-primary) 14%, transparent);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .04em;
}
.ga-opening-card h4[b-y61qia61am] { margin: 0; font-size: .95rem; overflow-wrap: anywhere; }
.ga-opening-count[b-y61qia61am] { font-weight: 800; white-space: nowrap; }
.ga-opening-rate[b-y61qia61am] { margin: 0; font-size: .9rem; }
.ga-win-bar[b-y61qia61am] { height: 8px; border-radius: 99px; background: var(--mud-palette-lines-default); overflow: hidden; }
.ga-win-bar span[b-y61qia61am] { display: block; height: 100%; background: currentColor; }
.ga-band-low .ga-win-bar span[b-y61qia61am], .ga-band-low .ga-eco[b-y61qia61am] { color: #e11d48; }
.ga-band-watch .ga-win-bar span[b-y61qia61am], .ga-band-watch .ga-eco[b-y61qia61am] { color: #d97706; }
.ga-band-good .ga-win-bar span[b-y61qia61am], .ga-band-good .ga-eco[b-y61qia61am] { color: #16a34a; }
.ga-band-excellent .ga-win-bar span[b-y61qia61am], .ga-band-excellent .ga-eco[b-y61qia61am] { color: #0891b2; }
.ga-opening-wdl[b-y61qia61am], .ga-opening-hint[b-y61qia61am] { margin: 0; color: var(--mud-palette-text-secondary); font-size: .8rem; }
.ga-opening-toolbar[b-y61qia61am] { display: grid; grid-template-columns: minmax(220px, 1fr) auto minmax(160px, .45fr); gap: .8rem; align-items:center; padding:.8rem;border:1px solid var(--mud-palette-lines-default);border-radius:16px;background:color-mix(in srgb,var(--mud-palette-primary) 4%,var(--mud-palette-surface)); }
.ga-opening-minimum[b-y61qia61am] { grid-column:1 / -1; display:grid; grid-template-columns:auto minmax(0,1fr) minmax(140px,180px); align-items:center; gap:1rem; padding:1rem; border:2px solid color-mix(in srgb,var(--mud-palette-primary) 65%,var(--mud-palette-lines-default)); border-radius:14px; background:color-mix(in srgb,var(--mud-palette-primary) 10%,var(--mud-palette-surface)); }
.ga-opening-minimum-icon[b-y61qia61am] { display:grid; place-items:center; width:44px; height:44px; border-radius:12px; color:var(--mud-palette-primary); background:color-mix(in srgb,var(--mud-palette-primary) 14%,transparent); }
.ga-opening-minimum-copy[b-y61qia61am] { min-width:0; }
.ga-opening-minimum-copy h3[b-y61qia61am] { margin:0 0 .3rem; font-size:1.05rem; }
.ga-opening-minimum-copy p[b-y61qia61am] { margin:0; color:var(--mud-palette-text-secondary); font-size:.88rem; line-height:1.5; }
.ga-opening-minimum[b-y61qia61am]  .mud-input-control { margin:0; min-width:0; }
.ga-opening-minimum[b-y61qia61am]  input { min-height:44px; box-sizing:border-box; font-size:1.2rem; font-weight:800; }
@media (max-width:600px) {
    .ga-opening-minimum[b-y61qia61am] { grid-template-columns:auto minmax(0,1fr); gap:.7rem; padding:.8rem; }
    .ga-opening-minimum[b-y61qia61am]  .mud-input-control { grid-column:1 / -1; width:100%; }
}
.ga-opening-colors[b-y61qia61am]{display:flex;gap:.35rem}.ga-opening-colors .ga-chip[b-y61qia61am]{padding-inline:.7rem}
.ga-variant-list[b-y61qia61am] { margin: 0 0 .6rem; padding-left: 1.1rem; color: var(--mud-palette-text-secondary); font-size: .82rem; }

.ga-detail-splits[b-y61qia61am] { display: grid; gap: 1px; overflow: hidden; border: 1px solid var(--mud-palette-lines-default); border-radius: 10px; background: var(--mud-palette-lines-default); }
.ga-detail-splits > div[b-y61qia61am] { display: grid; grid-template-columns: minmax(100px, .35fr) minmax(0, 1fr) auto; gap: .7rem; align-items: center; padding: .65rem .75rem; background: var(--mud-palette-surface); }
.ga-detail-splits span[b-y61qia61am] { color: var(--mud-palette-text-secondary); font-size: .78rem; }.ga-detail-splits b[b-y61qia61am] { color: var(--mud-palette-primary); white-space: nowrap; }

.ga-reco-list[b-y61qia61am] { display: grid; gap: .8rem; }
.ga-combined-recommendations[b-y61qia61am] { display: grid; gap: .55rem; }
.ga-combined-recommendations article[b-y61qia61am],.ga-combined-engine[b-y61qia61am] { display: grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:.7rem; padding:.75rem .85rem; border:1px solid #7c3aed66; border-radius:12px; background:color-mix(in srgb,#7c3aed 8%,var(--mud-palette-surface)); }
.ga-combined-engine[b-y61qia61am] { border-color:#2563eb66; background:color-mix(in srgb,#2563eb 8%,var(--mud-palette-surface)); }
.ga-combined-recommendations article>span[b-y61qia61am],.ga-combined-engine>span[b-y61qia61am] { color:#c4b5fd; font-size:.68rem; font-weight:900; letter-spacing:.07em; }
.ga-combined-recommendations div[b-y61qia61am],.ga-combined-engine div[b-y61qia61am] { display:grid; gap:.12rem; }.ga-combined-recommendations small[b-y61qia61am],.ga-combined-engine small[b-y61qia61am]{color:var(--mud-palette-text-secondary)}
.ga-combined-recommendations button[b-y61qia61am],.ga-combined-engine button[b-y61qia61am] { min-height:40px; padding:.4rem .7rem; border:1px solid var(--mud-palette-primary); border-radius:9px; color:var(--mud-palette-primary); background:transparent; cursor:pointer; }
.ga-reco h3[b-y61qia61am] { margin: .1rem 0 .4rem; font-size: 1.05rem; }
.ga-reco-improve[b-y61qia61am] { border-color: #fb923c; background: color-mix(in srgb, #fb923c 10%, var(--mud-palette-surface)); }
.ga-reco-strength[b-y61qia61am] { border-color: #22c55e; background: color-mix(in srgb, #22c55e 10%, var(--mud-palette-surface)); }
.ga-reco-observation[b-y61qia61am] { border-color: #60a5fa; background: color-mix(in srgb, #60a5fa 10%, var(--mud-palette-surface)); }
.ga-fold[b-y61qia61am] { border: 1px solid var(--mud-palette-lines-default); border-radius: 16px; padding: .2rem 1rem 1rem; background: var(--mud-palette-surface); }
.ga-fold > summary[b-y61qia61am] { min-height: 48px; display: flex; align-items: center; font-weight: 800; cursor: pointer; }
.ga-review-overview[b-y61qia61am] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.7rem; margin:.9rem 0; }
.ga-review-overview article[b-y61qia61am] { display:grid; gap:.16rem; min-height:108px; padding:.85rem; border:1px solid var(--mud-palette-lines-default); border-radius:14px; background:color-mix(in srgb,var(--mud-palette-primary) 7%,var(--mud-palette-surface)); }
.ga-review-overview article.combined[b-y61qia61am] { background:linear-gradient(135deg,color-mix(in srgb,#7c3aed 15%,var(--mud-palette-surface)),color-mix(in srgb,#2563eb 12%,var(--mud-palette-surface))); }
.ga-review-overview span[b-y61qia61am],.ga-cross-analysis>div:first-child>span[b-y61qia61am],.ga-cross-insights article>span[b-y61qia61am] { color:#93c5fd; font-size:.68rem; font-weight:900; letter-spacing:.07em; }
.ga-review-overview strong[b-y61qia61am] { font-size:1.35rem; }.ga-review-overview small[b-y61qia61am]{color:var(--mud-palette-text-secondary)}
.ga-missing-analyses[b-y61qia61am] { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:.8rem; margin:.9rem 0; padding:.85rem 1rem; border:1px solid #3b82f680; border-radius:14px; background:color-mix(in srgb,#2563eb 10%,var(--mud-palette-surface)); }
.ga-missing-analyses>.mud-icon-root[b-y61qia61am]{color:#60a5fa}.ga-missing-analyses>div[b-y61qia61am]{display:grid;gap:.15rem}.ga-missing-analyses span[b-y61qia61am]{color:var(--mud-palette-text-secondary);font-size:.82rem}.ga-missing-analyses a[b-y61qia61am]{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:.4rem .8rem;border-radius:10px;color:#fff;background:#2563eb;font-weight:800;text-decoration:none}
.ga-review-splits[b-y61qia61am],.ga-technical[b-y61qia61am] { margin-top:.8rem; padding:.2rem .8rem; border:1px solid var(--mud-palette-lines-default); border-radius:12px; background:color-mix(in srgb,var(--mud-palette-background) 45%,var(--mud-palette-surface)); }
.ga-review-splits>summary[b-y61qia61am],.ga-technical>summary[b-y61qia61am] { display:flex; align-items:center; min-height:44px; font-weight:800; cursor:pointer; }
.ga-review-splits>div[b-y61qia61am] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.5rem; padding-bottom:.7rem; }
.ga-review-splits article[b-y61qia61am] { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:.1rem .6rem; padding:.65rem; border:1px solid var(--mud-palette-lines-default); border-radius:10px; }
.ga-review-splits article span[b-y61qia61am],.ga-review-splits article small[b-y61qia61am]{color:var(--mud-palette-text-secondary);font-size:.72rem}.ga-review-splits article b[b-y61qia61am]{grid-column:2;grid-row:1/3;align-self:center;color:#60a5fa}.ga-review-splits article small[b-y61qia61am]{grid-column:1/-1}
.ga-engine-trend[b-y61qia61am] { display:grid; gap:.12rem; margin-top:.8rem; padding:.75rem .85rem; border-left:4px solid #38bdf8; border-radius:10px; background:color-mix(in srgb,#0ea5e9 9%,var(--mud-palette-surface)); }.ga-engine-trend span[b-y61qia61am],.ga-engine-trend small[b-y61qia61am]{color:var(--mud-palette-text-secondary)}
.ga-cross-analysis[b-y61qia61am] { margin-top:1rem; padding:1rem; border:1px solid #7c3aed77; border-radius:15px; background:linear-gradient(135deg,color-mix(in srgb,#7c3aed 10%,var(--mud-palette-surface)),color-mix(in srgb,#2563eb 7%,var(--mud-palette-surface))); }.ga-cross-analysis h3[b-y61qia61am]{margin:.2rem 0}.ga-cross-analysis p[b-y61qia61am]{margin:.2rem 0;color:var(--mud-palette-text-secondary)}
.ga-cross-metrics[b-y61qia61am] { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.55rem; margin-top:.75rem; }.ga-cross-metrics article[b-y61qia61am]{display:grid;gap:.12rem;padding:.7rem;border:1px solid #7c3aed55;border-radius:11px;background:color-mix(in srgb,var(--mud-palette-background) 55%,transparent)}.ga-cross-metrics strong[b-y61qia61am]{font-size:1.25rem}.ga-cross-metrics small[b-y61qia61am],.ga-cross-metrics span[b-y61qia61am]{color:var(--mud-palette-text-secondary);font-size:.72rem}
.ga-honesty-note[b-y61qia61am] { margin-top:.65rem!important; font-size:.74rem; }
.ga-premium-preview[b-y61qia61am] { display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.7rem;margin-top:.8rem;padding:.8rem;border:1px solid #f59e0b66;border-radius:12px;background:color-mix(in srgb,#f59e0b 8%,var(--mud-palette-surface))}.ga-premium-preview>div[b-y61qia61am]{display:grid}.ga-premium-preview span[b-y61qia61am]{color:var(--mud-palette-text-secondary);font-size:.76rem}.ga-premium-preview a[b-y61qia61am]{color:#fbbf24;font-weight:850}
.ga-cross-insights[b-y61qia61am]{display:grid;gap:.55rem;margin-bottom:.8rem}.ga-cross-insights article[b-y61qia61am]{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.7rem;padding:.75rem;border:1px solid #7c3aed66;border-radius:11px;background:color-mix(in srgb,#7c3aed 8%,var(--mud-palette-surface))}.ga-cross-insights article>div[b-y61qia61am]{display:grid}.ga-cross-insights small[b-y61qia61am]{color:var(--mud-palette-text-secondary)}.ga-cross-insights button[b-y61qia61am]{min-height:40px;padding:.4rem .7rem;border:1px solid var(--mud-palette-primary);border-radius:9px;color:var(--mud-palette-primary);background:transparent;cursor:pointer}

@media (max-width: 820px) {
    .ga-signals[b-y61qia61am], .ga-color-grid[b-y61qia61am], .ga-opening-toolbar[b-y61qia61am], .ga-scoreboard[b-y61qia61am], .ga-opening-list[b-y61qia61am] { grid-template-columns: 1fr; }
    .ga-review-metrics[b-y61qia61am] { grid-template-columns: 1fr 1fr; }
    .ga-review-overview[b-y61qia61am],.ga-cross-metrics[b-y61qia61am] { grid-template-columns:1fr 1fr; }
    .ga-filters-card[b-y61qia61am]{grid-template-columns:1fr}.ga-filters-card>*[b-y61qia61am]{grid-column:1/-1}.ga-opening-colors[b-y61qia61am]{flex-wrap:wrap}
}
@media (max-width: 390px) {
    .ga-hero[b-y61qia61am] { padding: .85rem .9rem; }
    .ga-metrics article[b-y61qia61am] { padding: .85rem; }
    .ga-metrics strong[b-y61qia61am], .ga-big[b-y61qia61am] { font-size: 1.35rem; }
    .ga-section-lead[b-y61qia61am], .ga-filter-heading p[b-y61qia61am] { display: none; }
    .ga-opening-hint[b-y61qia61am] { font-size: .74rem; }
    .ga-detail-splits > div[b-y61qia61am] { grid-template-columns: 1fr auto; }.ga-detail-splits span[b-y61qia61am] { grid-column: 1 / -1; grid-row: 2; }.ga-panel-heading>span[b-y61qia61am]{width:42px;height:42px}
    .ga-review-coverage[b-y61qia61am] { grid-template-columns: 1fr; }.ga-review-coverage strong[b-y61qia61am] { grid-row:auto; }.ga-review-metrics[b-y61qia61am],.ga-preparation-breakdown[b-y61qia61am],.ga-engine-rates[b-y61qia61am]{grid-template-columns:1fr}.ga-review-signal-list article[b-y61qia61am]{align-items:stretch;flex-direction:column}.games-game-list article[b-y61qia61am]{grid-template-columns:minmax(0,1fr) auto}.ga-game-review[b-y61qia61am]{grid-column:1/-1;width:100%}
    .ga-combined-recommendations article[b-y61qia61am],.ga-combined-engine[b-y61qia61am]{grid-template-columns:1fr}.ga-combined-recommendations button[b-y61qia61am],.ga-combined-engine button[b-y61qia61am]{width:100%}
    .ga-review-overview[b-y61qia61am],.ga-cross-metrics[b-y61qia61am],.ga-review-splits>div[b-y61qia61am]{grid-template-columns:1fr}.ga-premium-preview[b-y61qia61am],.ga-cross-insights article[b-y61qia61am],.ga-missing-analyses[b-y61qia61am]{grid-template-columns:1fr}.ga-premium-preview a[b-y61qia61am],.ga-cross-insights button[b-y61qia61am],.ga-missing-analyses a[b-y61qia61am]{width:100%}
}
@media (max-width: 360px) {
    .ga-chips[b-y61qia61am] { gap: .3rem; }
    .ga-chip[b-y61qia61am], .ga-tabs button[b-y61qia61am] { padding-inline: .7rem; }
}
@media (max-width: 320px) {
    .ga-eco[b-y61qia61am] { font-size: .68rem; }
    .ga-chip[b-y61qia61am], .ga-tabs button[b-y61qia61am] { min-height: 44px; }
}

@media (prefers-reduced-motion: reduce) {
    .ga-chip[b-y61qia61am], .ga-tabs button[b-y61qia61am], .ga-link-button[b-y61qia61am] { transition: none; }
}

.ga-applied-scope[b-y61qia61am],.ga-drilldown-scope[b-y61qia61am] { display:flex; flex-wrap:wrap; gap:.5rem 1.2rem; margin:.75rem 0; }
.ga-applied-scope > *[b-y61qia61am],.ga-drilldown-scope > *[b-y61qia61am] { min-width:0; overflow-wrap:anywhere; }
.ga-filter-pending[b-y61qia61am] { padding:.7rem; border-inline-start:3px solid var(--mud-palette-warning); }
.ga-summary[b-y61qia61am] { padding:clamp(1rem,2.5vw,1.75rem); border:1px solid var(--mud-palette-lines-default); border-radius:20px; background:var(--mud-palette-surface); }
.ga-summary > p[b-y61qia61am] { color:var(--mud-palette-text-secondary); margin:.5rem 0; }
.ga-visible-cadence[b-y61qia61am] { max-width:420px; margin:.7rem 0; }
.ga-exclusions[b-y61qia61am] { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:.5rem; }
.ga-opening-color[b-y61qia61am] { min-width:0; margin-block:1.2rem; }
.ga-opening-color h3[b-y61qia61am] { margin-block:.7rem; }
.ga-game-drilldown[b-y61qia61am] { min-width:0; margin-top:1rem; }
.ga-game-drilldown .games-game-list article[b-y61qia61am] { display:flex; flex-wrap:wrap; min-width:0; gap:.7rem; }
.ga-game-select[b-y61qia61am] { display:grid; grid-template-columns:minmax(0,1fr); gap:.5rem; flex:1 1 240px; min-width:0; padding:.6rem; border:0; background:transparent; color:inherit; font:inherit; cursor:pointer; text-align:center; overflow-wrap:anywhere; }
.ga-game-select:focus-visible[b-y61qia61am] { outline:2px solid var(--mud-palette-primary); outline-offset:2px; }
.games-game-detail h3[b-y61qia61am],.games-game-detail dd[b-y61qia61am] { min-width:0; overflow-wrap:anywhere; }
/* /Pages/Premium.razor.rz.scp.css */
.premium-page[b-8xf1gq2rj5] {
    --premium-gold: #f59e0b;
    --premium-blue: #60a5fa;
    width: min(1180px, calc(100% - 2rem));
    margin: 0 auto;
    padding: clamp(1.5rem, 4vw, 4rem) 0 5rem;
    color: var(--mud-palette-text-primary);
}

.premium-hero[b-8xf1gq2rj5] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(290px, .65fr);
    gap: clamp(1.5rem, 5vw, 4rem);
    align-items: center;
    overflow: hidden;
    padding: clamp(2rem, 5vw, 4.5rem);
    border: 1px solid #f59e0b55;
    border-radius: 30px;
    background:
        radial-gradient(circle at 84% 28%, #f59e0b2c, transparent 28%),
        linear-gradient(135deg, #17223c 0%, #25173b 55%, #431d27 100%);
    box-shadow: 0 28px 80px #0006, inset 0 1px #ffffff14;
}

.premium-hero[b-8xf1gq2rj5]::after {
    position: absolute;
    right: -70px;
    bottom: -130px;
    width: 330px;
    height: 330px;
    border: 45px solid #f59e0b0d;
    border-radius: 50%;
    content: "";
}

.premium-hero-copy[b-8xf1gq2rj5] { position: relative; z-index: 1; }
.premium-eyebrow[b-8xf1gq2rj5] { margin: 0 0 .65rem; color: #fbbf24; font-size: .76rem; font-weight: 900; letter-spacing: .13em; }
.premium-hero h1[b-8xf1gq2rj5] { max-width: 760px; margin: 0; font-size: clamp(2.25rem, 4.8vw, 4.35rem); line-height: 1; letter-spacing: -.045em; }
.premium-hero h1 span[b-8xf1gq2rj5] { color: #fbbf24; text-shadow: 0 0 30px #f59e0b4a; }
.premium-hero-copy > p:not(.premium-eyebrow)[b-8xf1gq2rj5] { max-width: 680px; margin: 1.4rem 0 0; color: #d6d9e1; font-size: clamp(1rem, 2vw, 1.18rem); line-height: 1.65; }
.premium-trust-row[b-8xf1gq2rj5] { display: flex; flex-wrap: wrap; gap: .65rem; margin-top: 1.7rem; }
.premium-trust-row span[b-8xf1gq2rj5] { padding: .55rem .8rem; border: 1px solid #ffffff1d; border-radius: 999px; color: #dce2ec; background: #05081240; font-size: .78rem; font-weight: 700; }
.premium-trust-row b[b-8xf1gq2rj5] { margin-right: .35rem; color: #34d399; }

.premium-freedom-message[b-8xf1gq2rj5] { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .8rem; align-items: center; max-width: 760px; margin-top: 1.4rem; padding: 1rem 1.1rem; border: 1px solid #60a5fa66; border-radius: 17px; background: linear-gradient(110deg, #2563eb20, #4f46e515); color: #e9f2ff; line-height: 1.55; }
.premium-freedom-message strong[b-8xf1gq2rj5] { display: block; color: #fff; font-size: 1.03rem; }
.premium-freedom-icon[b-8xf1gq2rj5] { display: grid; width: 44px; height: 44px; place-items: center; border-radius: 13px; color: #dbeafe; background: linear-gradient(135deg, #2563eb, #4f46e5); }

.premium-hero-plans[b-8xf1gq2rj5] { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: .65rem; align-items: center; }
.hero-plan[b-8xf1gq2rj5] { position: relative; display: grid; gap: .7rem; justify-items: center; min-width: 0; margin: 0; padding: .9rem .6rem; border: 1px solid #ffffff22; border-radius: 20px; background: #05081252; text-align: center; }
.hero-plan img[b-8xf1gq2rj5] { position: relative; width: min(100%, 112px); aspect-ratio: 1; border-radius: 24%; object-fit: cover; box-shadow: 0 16px 34px #0008; }
.hero-plan.master[b-8xf1gq2rj5] { border-color: #f59e0b5c; }
.hero-plan.master img[b-8xf1gq2rj5] { box-shadow: 0 16px 34px #0008, 0 0 24px #f59e0b2b; }
.hero-plan figcaption[b-8xf1gq2rj5] { display: grid; gap: .18rem; }
.hero-plan strong[b-8xf1gq2rj5] { color: #fff; font-size: .9rem; }
.hero-plan figcaption span[b-8xf1gq2rj5] { color: #cbd5e1; font-size: .7rem; line-height: 1.35; }
.hero-plan-separator[b-8xf1gq2rj5] { display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid #ffffff25; border-radius: 50%; color: #dbeafe; background: #080c18; font-size: .68rem; font-weight: 850; text-transform: uppercase; }
.premium-badge-glow[b-8xf1gq2rj5] { position: absolute; top: 15%; width: 80%; aspect-ratio: 1; border-radius: 50%; background: #f59e0b55; filter: blur(45px); }

.premium-notice[b-8xf1gq2rj5] { display: flex; gap: .8rem; align-items: center; margin: 1.25rem 0; padding: 1rem 1.2rem; border: 1px solid #60a5fa55; border-radius: 16px; background: #60a5fa12; }
.premium-notice > span[b-8xf1gq2rj5] { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 50%; color: #07101f; background: #60a5fa; font-weight: 900; }
.premium-notice p[b-8xf1gq2rj5] { margin: 0; }

.subscription-summary[b-8xf1gq2rj5] { display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; gap: 1rem; align-items: center; margin-top: 1.5rem; padding: 1.35rem; border: 1px solid #34d39942; border-radius: 20px; background: linear-gradient(105deg, #34d39910, var(--mud-palette-surface)); }
.subscription-summary h2[b-8xf1gq2rj5], .subscription-summary p[b-8xf1gq2rj5] { margin: 0; }
.subscription-summary h2[b-8xf1gq2rj5] { font-size: 1.25rem; }
.subscription-summary > div:nth-child(2) > p:last-child[b-8xf1gq2rj5] { margin-top: .3rem; color: var(--mud-palette-text-secondary); }
.subscription-icon[b-8xf1gq2rj5] { display: grid; width: 52px; height: 52px; place-items: center; border-radius: 15px; color: #fbbf24; background: #f59e0b1d; font-size: 1.6rem; }
.subscription-status[b-8xf1gq2rj5] { padding: .5rem .75rem; border-radius: 999px; font-size: .7rem; font-weight: 900; letter-spacing: .06em; }
.subscription-status.is-active[b-8xf1gq2rj5] { color: #6ee7b7; background: #10b9811d; }
.subscription-status.needs-attention[b-8xf1gq2rj5] { color: #fcd34d; background: #f59e0b1d; }

.premium-offers[b-8xf1gq2rj5] { padding-top: clamp(2.75rem, 6vw, 5rem); }
.premium-section-heading[b-8xf1gq2rj5] { max-width: 760px; margin: 0 auto 2rem; text-align: center; }
.premium-section-heading h2[b-8xf1gq2rj5] { margin: 0; font-size: clamp(1.8rem, 4vw, 3rem); letter-spacing: -.03em; }
.premium-section-heading > p:not(.premium-eyebrow)[b-8xf1gq2rj5] { color: var(--mud-palette-text-secondary); line-height: 1.6; }
.features-link[b-8xf1gq2rj5] { display: inline-flex; gap: .4rem; align-items: center; min-height: 44px; color: #93c5fd; font-weight: 800; text-underline-offset: .2em; }
.features-link:hover[b-8xf1gq2rj5] { color: #bfdbfe; }
.features-link:focus-visible[b-8xf1gq2rj5] { outline: 3px solid #60a5fa; outline-offset: 3px; border-radius: 5px; }
.premium-price-grid[b-8xf1gq2rj5] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(1rem, 3vw, 2rem); align-items: stretch; }
.premium-price-card[b-8xf1gq2rj5] { position: relative; display: flex; flex-direction: column; min-height: 590px; padding: clamp(1.35rem, 3vw, 2.25rem); border: 1px solid var(--mud-palette-lines-default); border-radius: 25px; background: color-mix(in srgb, var(--mud-palette-surface) 94%, transparent); box-shadow: 0 18px 45px #00035; }
.premium-price-card.master-card[b-8xf1gq2rj5] { border-color: #f59e0b77; background: linear-gradient(150deg, #f59e0b0e, var(--mud-palette-surface) 38%); box-shadow: 0 24px 55px #0004, 0 0 40px #f59e0b0b; }
.price-card-heading[b-8xf1gq2rj5] { display: grid; grid-template-columns: 88px minmax(0, 1fr); gap: 1rem; align-items: center; padding-bottom: 1.4rem; border-bottom: 1px solid var(--mud-palette-lines-default); }
.price-card-heading img[b-8xf1gq2rj5] { width: 88px; aspect-ratio: 1; border-radius: 20px; object-fit: cover; box-shadow: 0 12px 28px #0007; }
.price-card-heading span[b-8xf1gq2rj5] { color: var(--mud-palette-text-secondary); font-size: .76rem; font-weight: 700; }
.price-card-heading h3[b-8xf1gq2rj5] { margin: .2rem 0 0; font-size: clamp(1.35rem, 3vw, 2rem); }
.price[b-8xf1gq2rj5] { display: flex; gap: .65rem; align-items: baseline; margin: 1.5rem 0 .5rem; }
.price strong[b-8xf1gq2rj5] { font-size: clamp(2.4rem, 5vw, 4rem); letter-spacing: -.045em; }
.price span[b-8xf1gq2rj5] { color: var(--mud-palette-text-secondary); }
.master-prices[b-8xf1gq2rj5] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; margin: 1.35rem 0 .25rem; }
.master-prices > div[b-8xf1gq2rj5] { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .15rem .5rem; align-items: baseline; min-width: 0; padding: .85rem .9rem; border: 1px solid #ffffff18; border-radius: 15px; background: #05081238; }
.master-prices > div > span:first-child[b-8xf1gq2rj5] { grid-column: 1 / -1; color: #fcd34d; font-size: .7rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.master-prices strong[b-8xf1gq2rj5] { font-size: clamp(1.55rem, 3vw, 2.2rem); letter-spacing: -.035em; }
.master-prices small[b-8xf1gq2rj5] { color: var(--mud-palette-text-secondary); white-space: nowrap; }
.master-prices em[b-8xf1gq2rj5] { grid-column: 1 / -1; margin-top: .3rem; color: #cbd5e1; font-size: .72rem; font-style: normal; line-height: 1.35; }
.premium-feature-list[b-8xf1gq2rj5] { display: grid; gap: .85rem; margin: 1.5rem 0 2rem; padding: 0; list-style: none; }
.premium-feature-list li[b-8xf1gq2rj5] { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: .55rem; align-items: start; color: var(--mud-palette-text-secondary); line-height: 1.45; }
.premium-feature-list li span[b-8xf1gq2rj5] { display: grid; width: 21px; height: 21px; place-items: center; border-radius: 50%; color: #93c5fd; background: #3b82f621; font-size: .72rem; font-weight: 900; }
.master-features li span[b-8xf1gq2rj5] { color: #fde68a; background: #f59e0b20; }
.premium-feature-list li.premium-feature-locked[b-8xf1gq2rj5] { color: var(--mud-palette-text-secondary); }
.premium-feature-list li.premium-feature-locked span[b-8xf1gq2rj5] { color: #fbbf24; background: #f59e0b18; }
.master-freedom[b-8xf1gq2rj5] { margin: auto 0 1rem; padding: .85rem .95rem; border: 1px solid #60a5fa38; border-radius: 13px; color: var(--mud-palette-text-secondary); background: #2563eb0b; font-size: .82rem; line-height: 1.5; }
.master-freedom strong[b-8xf1gq2rj5] { color: #dbeafe; }
.plan-card-footer[b-8xf1gq2rj5] { display: flex; min-height: 48px; align-items: center; margin-top: auto; padding: .8rem 1rem; border: 1px solid var(--mud-palette-lines-default); border-radius: 13px; background: #ffffff06; }
.current-plan-note[b-8xf1gq2rj5], .free-plan-note[b-8xf1gq2rj5] { color: var(--mud-palette-text-secondary); font-size: .84rem; font-weight: 750; }
.current-plan-note span[b-8xf1gq2rj5] { color: #6ee7b7; }

.premium-button[b-8xf1gq2rj5], .current-plan-button[b-8xf1gq2rj5], .checkout-soon[b-8xf1gq2rj5] { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; margin-top: auto; padding: .8rem 1.1rem; border: 1px solid transparent; border-radius: 13px; font: inherit; font-size: .86rem; font-weight: 850; text-align: center; text-decoration: none; cursor: pointer; }
.premium-button.primary[b-8xf1gq2rj5] { color: #fff; background: linear-gradient(135deg, #2563eb, #4f46e5); box-shadow: 0 10px 25px #2563eb35; }
.premium-button.secondary[b-8xf1gq2rj5] { color: var(--mud-palette-text-primary); border-color: var(--mud-palette-lines-default); background: #ffffff08; }
.premium-button:hover[b-8xf1gq2rj5] { transform: translateY(-1px); filter: brightness(1.06); }
.premium-button:focus-visible[b-8xf1gq2rj5] { outline: 3px solid #60a5fa; outline-offset: 3px; }
.premium-button:disabled[b-8xf1gq2rj5] { cursor: wait; opacity: .55; transform: none; }
.upgrade-action[b-8xf1gq2rj5] { gap: .55rem; min-height: 54px; font-size: .95rem; }
.upgrade-action[b-8xf1gq2rj5]  .mud-icon-root { font-size: 1.15rem; }
.current-plan-button[b-8xf1gq2rj5] { color: #6ee7b7; border-color: #10b98145; background: #10b98112; }
.checkout-soon[b-8xf1gq2rj5] { color: #fcd34d; border-color: #f59e0b42; background: #f59e0b0e; }

.premium-request-panel[b-8xf1gq2rj5], .premium-history[b-8xf1gq2rj5], .premium-admin-grant[b-8xf1gq2rj5] { margin-top: 2rem; padding: clamp(1.4rem, 3vw, 2rem); border: 1px solid var(--mud-palette-lines-default); border-radius: 22px; background: var(--mud-palette-surface); }

.premium-admin-grant .request-copy h2[b-8xf1gq2rj5] { margin: 0; }
.request-copy[b-8xf1gq2rj5] { display: flex; gap: 1rem; align-items: center; }
.request-copy h2[b-8xf1gq2rj5], .request-copy p[b-8xf1gq2rj5] { margin: 0; }
.request-copy p[b-8xf1gq2rj5] { margin-top: .3rem; color: var(--mud-palette-text-secondary); }
.request-icon[b-8xf1gq2rj5] { display: grid; flex: 0 0 auto; width: 52px; height: 52px; place-items: center; border-radius: 15px; color: #fb923c; background: #f973161c; font-size: 1.4rem; }
.premium-request-panel label[b-8xf1gq2rj5] { display: grid; gap: .5rem; margin: 1.5rem 0 1rem; font-weight: 750; }
.premium-request-panel label span[b-8xf1gq2rj5] { color: var(--mud-palette-text-secondary); font-size: .75rem; font-weight: 500; }
.premium-request-panel textarea[b-8xf1gq2rj5] { min-height: 110px; padding: .9rem; border: 1px solid var(--mud-palette-lines-inputs); border-radius: 13px; color: var(--mud-palette-text-primary); background: var(--mud-palette-background); font: inherit; resize: vertical; }
.premium-request-panel textarea:focus[b-8xf1gq2rj5] { outline: 2px solid #f59e0b; outline-offset: 2px; }
.pending-request[b-8xf1gq2rj5] { display: flex; gap: .5rem; align-items: center; margin: 1rem 0 0; color: #6ee7b7; }
.premium-history[b-8xf1gq2rj5] { display: grid; grid-template-columns: minmax(180px, .4fr) minmax(0, 1fr); gap: 2rem; }
.premium-history h2[b-8xf1gq2rj5] { margin: 0; }
.history-list[b-8xf1gq2rj5] { display: grid; gap: .75rem; }
.history-list article[b-8xf1gq2rj5] { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .8rem; padding: .9rem; border: 1px solid var(--mud-palette-lines-default); border-radius: 14px; background: var(--mud-palette-background); }
.history-list article div[b-8xf1gq2rj5] { display: grid; gap: .2rem; }
.history-list time[b-8xf1gq2rj5] { color: var(--mud-palette-text-secondary); font-size: .75rem; }
.history-list p[b-8xf1gq2rj5] { margin: .4rem 0 0; color: var(--mud-palette-text-secondary); }
.history-dot[b-8xf1gq2rj5] { width: 10px; height: 10px; margin-top: .35rem; border-radius: 50%; background: #60a5fa; box-shadow: 0 0 0 5px #60a5fa18; }

.premium-checkout-overlay[b-8xf1gq2rj5] { position: fixed; z-index: 1600; inset: 0; display: grid; place-items: center; padding: max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left)); background: #020617d9; backdrop-filter: blur(9px); }
.premium-checkout-dialog[b-8xf1gq2rj5] { display: flex; width: min(880px, 100%); max-height: calc(100dvh - 2rem); overflow: hidden; flex-direction: column; border: 1px solid #60a5fa55; border-radius: 25px; color: var(--mud-palette-text-primary); background: #111827; box-shadow: 0 30px 100px #000b, 0 0 0 1px #ffffff0a; }
.checkout-dialog-header[b-8xf1gq2rj5] { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 1rem; align-items: center; padding: 1.25rem 1.35rem; border-bottom: 1px solid var(--mud-palette-lines-default); background: linear-gradient(120deg, #172554, #252060 55%, #3a2454); }
.checkout-dialog-header > img[b-8xf1gq2rj5] { width: 68px; aspect-ratio: 1; border-radius: 17px; object-fit: cover; box-shadow: 0 10px 25px #0008, 0 0 24px #f59e0b25; }
.checkout-dialog-header h2[b-8xf1gq2rj5], .checkout-dialog-header p[b-8xf1gq2rj5] { margin: 0; }
.checkout-dialog-header h2[b-8xf1gq2rj5] { font-size: clamp(1.45rem, 4vw, 2rem); }
.checkout-dialog-header > div > p:last-child[b-8xf1gq2rj5] { margin-top: .2rem; color: #cbd5e1; font-size: .86rem; line-height: 1.45; }
.checkout-close[b-8xf1gq2rj5] { display: grid; width: 46px; height: 46px; place-items: center; border: 1px solid #ffffff26; border-radius: 13px; color: #fff; background: #05081255; cursor: pointer; }
.checkout-close:hover[b-8xf1gq2rj5] { background: #ffffff16; }
.checkout-close:focus-visible[b-8xf1gq2rj5] { outline: 3px solid #93c5fd; outline-offset: 3px; }
.checkout-close:disabled[b-8xf1gq2rj5] { cursor: wait; opacity: .55; }
.checkout-dialog-content[b-8xf1gq2rj5] { display: grid; gap: 1rem; overflow-y: auto; padding: 1.2rem 1.35rem 1.35rem; scrollbar-gutter: stable; }
.checkout-freedom[b-8xf1gq2rj5] { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .75rem; align-items: center; padding: .9rem 1rem; border: 1px solid #60a5fa50; border-radius: 15px; color: #dbeafe; background: linear-gradient(110deg, #2563eb1f, #4f46e513); line-height: 1.5; }
.checkout-freedom[b-8xf1gq2rj5]  .mud-icon-root { color: #93c5fd; }
.checkout-freedom strong[b-8xf1gq2rj5] { display: block; color: #fff; }
.checkout-benefits[b-8xf1gq2rj5], .checkout-periods[b-8xf1gq2rj5], .checkout-legal[b-8xf1gq2rj5] { padding: 1.1rem; border: 1px solid var(--mud-palette-lines-default); border-radius: 17px; background: #0b1220; }
.checkout-section-title[b-8xf1gq2rj5] { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .75rem; align-items: center; }
.checkout-section-title > span[b-8xf1gq2rj5] { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 12px; color: #dbeafe; background: linear-gradient(135deg, #2563eb, #4f46e5); }
.checkout-section-title h3[b-8xf1gq2rj5], .checkout-section-title p[b-8xf1gq2rj5] { margin: 0; }
.checkout-section-title h3[b-8xf1gq2rj5], .checkout-periods legend[b-8xf1gq2rj5], .checkout-legal h3[b-8xf1gq2rj5] { font-size: 1.05rem; font-weight: 850; }
.checkout-section-title p[b-8xf1gq2rj5] { margin-top: .15rem; color: var(--mud-palette-text-secondary); font-size: .8rem; }
.checkout-benefits ul[b-8xf1gq2rj5] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem 1rem; margin: 1rem 0 .5rem; padding: 0; list-style: none; }
.checkout-benefits li[b-8xf1gq2rj5] { display: grid; grid-template-columns: 21px minmax(0, 1fr); gap: .5rem; align-items: start; color: #d6deea; font-size: .84rem; line-height: 1.4; }
.checkout-benefits li > span[b-8xf1gq2rj5] { display: grid; width: 20px; height: 20px; place-items: center; border-radius: 50%; color: #6ee7b7; background: #10b9811c; font-size: .7rem; font-weight: 900; }
.checkout-benefits .features-link[b-8xf1gq2rj5] { min-height: 36px; font-size: .8rem; }
.checkout-periods[b-8xf1gq2rj5] { min-width: 0; margin: 0; }
.checkout-periods > p[b-8xf1gq2rj5] { margin: .25rem 0 .9rem; color: var(--mud-palette-text-secondary); font-size: .8rem; }
.checkout-period-grid[b-8xf1gq2rj5] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.checkout-period[b-8xf1gq2rj5] { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: .75rem; align-items: center; min-height: 92px; padding: .9rem; border: 1px solid var(--mud-palette-lines-inputs); border-radius: 15px; background: #0f172a; cursor: pointer; transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease; }
.checkout-period:hover[b-8xf1gq2rj5] { border-color: #60a5fa75; }
.checkout-period.selected[b-8xf1gq2rj5] { border-color: #60a5fa; background: #1d4ed61a; box-shadow: 0 0 0 2px #60a5fa24; }
.checkout-period:focus-within[b-8xf1gq2rj5] { outline: 3px solid #60a5fa; outline-offset: 2px; }
.checkout-period input[b-8xf1gq2rj5] { width: 20px; height: 20px; margin: 0; accent-color: #3b82f6; }
.period-copy[b-8xf1gq2rj5], .period-price[b-8xf1gq2rj5] { display: grid; gap: .2rem; }
.period-copy small[b-8xf1gq2rj5], .period-price small[b-8xf1gq2rj5], .period-detail[b-8xf1gq2rj5] { color: var(--mud-palette-text-secondary); font-size: .72rem; }
.period-price[b-8xf1gq2rj5] { justify-items: end; text-align: right; }
.period-price strong[b-8xf1gq2rj5] { font-size: 1.35rem; white-space: nowrap; }
.period-detail[b-8xf1gq2rj5] { grid-column: 2 / -1; line-height: 1.4; }
.checkout-legal h3[b-8xf1gq2rj5] { margin: 0; }
.checkout-legal-intro[b-8xf1gq2rj5] { margin: .25rem 0 .8rem; color: var(--mud-palette-text-secondary); font-size: .8rem; }
.premium-consent-row[b-8xf1gq2rj5] { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .65rem; align-items: start; }
.premium-consent-row p[b-8xf1gq2rj5] { margin: .35rem 0 .9rem; font-size: .82rem; line-height: 1.5; }
.premium-consent-row a[b-8xf1gq2rj5], .premium-consent-note a[b-8xf1gq2rj5] { font-weight: 700; }
.premium-consent-note[b-8xf1gq2rj5] { margin: .15rem 0 0; color: var(--mud-palette-text-secondary); font-size: .78rem; }
.checkout-error[b-8xf1gq2rj5] { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .6rem; align-items: center; padding: .85rem 1rem; border: 1px solid #fb71855c; border-radius: 14px; color: #fecdd3; background: #be123c18; }
.checkout-dialog-footer[b-8xf1gq2rj5] { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 1rem; align-items: center; padding: 1rem 1.35rem calc(1rem + env(safe-area-inset-bottom)); border-top: 1px solid var(--mud-palette-lines-default); background: #0b1220; }
.checkout-dialog-footer p[b-8xf1gq2rj5] { display: flex; gap: .45rem; align-items: center; margin: 0; color: var(--mud-palette-text-secondary); font-size: .78rem; }
.checkout-dialog-footer .premium-button[b-8xf1gq2rj5] { min-width: 310px; margin: 0; }
.checkout-submit[b-8xf1gq2rj5] { gap: .55rem; }

@media (max-width: 820px) {
    .premium-hero[b-8xf1gq2rj5] { grid-template-columns: 1fr; text-align: center; }
    .premium-hero-copy > p:not(.premium-eyebrow)[b-8xf1gq2rj5] { margin-inline: auto; }
    .premium-freedom-message[b-8xf1gq2rj5] { margin-inline: auto; text-align: left; }
    .premium-trust-row[b-8xf1gq2rj5] { justify-content: center; }
    .premium-hero-plans[b-8xf1gq2rj5] { width: min(100%, 430px); margin-inline: auto; }
    .premium-price-grid[b-8xf1gq2rj5] { grid-template-columns: 1fr; }
    .subscription-summary[b-8xf1gq2rj5] { grid-template-columns: auto minmax(0, 1fr); }
    .subscription-summary .subscription-status[b-8xf1gq2rj5] { justify-self: start; margin-left: 68px; }
    .subscription-summary .premium-button[b-8xf1gq2rj5] { grid-column: 1 / -1; margin: 0; }
    .premium-history[b-8xf1gq2rj5] { grid-template-columns: 1fr; }
    .checkout-benefits ul[b-8xf1gq2rj5] { grid-template-columns: 1fr; }
    .checkout-period-grid[b-8xf1gq2rj5] { grid-template-columns: 1fr; }
}

@media (max-width: 520px) {
    .premium-page[b-8xf1gq2rj5] { width: min(100% - 1rem, 1180px); padding-top: .75rem; }
    .premium-hero[b-8xf1gq2rj5] { padding: 1.5rem 1.15rem; border-radius: 22px; }
    .premium-hero h1[b-8xf1gq2rj5] { font-size: 2.05rem; }
    .premium-freedom-message[b-8xf1gq2rj5] { grid-template-columns: 1fr; justify-items: center; padding: .9rem; text-align: center; }
    .premium-trust-row[b-8xf1gq2rj5] { align-items: stretch; flex-direction: column; }
    .premium-hero-plans[b-8xf1gq2rj5] { gap: .4rem; }
    .hero-plan[b-8xf1gq2rj5] { padding: .7rem .35rem; }
    .hero-plan img[b-8xf1gq2rj5] { width: 78px; }
    .hero-plan-separator[b-8xf1gq2rj5] { width: 30px; height: 30px; }
    .premium-price-card[b-8xf1gq2rj5] { min-height: auto; padding: 1.2rem; }
    .price-card-heading[b-8xf1gq2rj5] { grid-template-columns: 70px minmax(0, 1fr); }
    .price-card-heading img[b-8xf1gq2rj5] { width: 70px; border-radius: 16px; }
    .master-prices[b-8xf1gq2rj5] { grid-template-columns: 1fr; }
    .subscription-summary[b-8xf1gq2rj5] { grid-template-columns: 1fr; }
    .subscription-icon[b-8xf1gq2rj5] { display: none; }
    .subscription-summary .subscription-status[b-8xf1gq2rj5] { margin-left: 0; }
    .premium-checkout-overlay[b-8xf1gq2rj5] { align-items: stretch; padding: 0; }
    .premium-checkout-dialog[b-8xf1gq2rj5] { width: 100%; max-height: 100dvh; border-width: 0; border-radius: 0; }
    .checkout-dialog-header[b-8xf1gq2rj5] { grid-template-columns: 52px minmax(0, 1fr) auto; gap: .7rem; padding: max(.8rem, env(safe-area-inset-top)) .8rem .8rem; }
    .checkout-dialog-header > img[b-8xf1gq2rj5] { width: 52px; border-radius: 13px; }
    .checkout-dialog-header .premium-eyebrow[b-8xf1gq2rj5] { display: none; }
    .checkout-dialog-header h2[b-8xf1gq2rj5] { font-size: 1.2rem; }
    .checkout-dialog-header > div > p:last-child[b-8xf1gq2rj5] { display: none; }
    .checkout-close[b-8xf1gq2rj5] { width: 44px; height: 44px; }
    .checkout-dialog-content[b-8xf1gq2rj5] { gap: .75rem; padding: .8rem; scrollbar-gutter: auto; }
    .checkout-benefits[b-8xf1gq2rj5], .checkout-periods[b-8xf1gq2rj5], .checkout-legal[b-8xf1gq2rj5] { padding: .9rem; }
    .checkout-period[b-8xf1gq2rj5] { min-height: 96px; padding: .8rem; }
    .checkout-dialog-footer[b-8xf1gq2rj5] { grid-template-columns: 1fr; gap: .7rem; padding: .8rem .8rem calc(.8rem + env(safe-area-inset-bottom)); }
    .checkout-dialog-footer p[b-8xf1gq2rj5] { justify-content: center; }
    .checkout-dialog-footer .premium-button[b-8xf1gq2rj5] { width: 100%; min-width: 0; min-height: 50px; }
}

@media (prefers-reduced-motion: reduce) {
    .premium-button[b-8xf1gq2rj5] { transition: none; }
    .premium-button:hover[b-8xf1gq2rj5] { transform: none; }
}
/* /Pages/PrivateDatabases.razor.rz.scp.css */
.private-databases[b-r3j193ndxg]{max-width:1180px;margin:24px auto 64px;display:grid;gap:24px;color:var(--mud-palette-text-primary)}
.private-hero[b-r3j193ndxg]{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:28px;background:linear-gradient(115deg,#173957,#373074 70%,#46357d);padding:36px;border-radius:24px;color:#f8fafc;overflow:hidden}
.private-databases h1[b-r3j193ndxg]{font-size:clamp(2rem,4vw,3.1rem);font-weight:850;margin:12px 0}.private-databases h2[b-r3j193ndxg]{font-size:1.35rem;font-weight:780;margin:0}.private-databases h3[b-r3j193ndxg]{font-size:1.05rem;margin:0;font-weight:780}
.private-databases p[b-r3j193ndxg]{margin:8px 0;line-height:1.6}.hero-lead[b-r3j193ndxg]{max-width:720px;font-size:1.05rem;color:#e3efff}.eyebrow[b-r3j193ndxg]{display:flex;align-items:center;gap:10px;font-size:.8rem;letter-spacing:.08em;font-weight:800;color:#a5e4ff}
.trust-points[b-r3j193ndxg]{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.trust-points span[b-r3j193ndxg]{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(2,6,23,.16);font-size:.77rem;color:#e6f6ff}.trust-points[b-r3j193ndxg]  .mud-icon-root{font-size:1rem;color:#67e8f9}
.hero-actions[b-r3j193ndxg]{display:grid;gap:12px;min-width:220px}.quota-summary[b-r3j193ndxg]{padding:12px 16px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:rgba(2,6,23,.24)}.quota-summary span[b-r3j193ndxg],.quota-summary strong[b-r3j193ndxg]{display:block}.quota-summary span[b-r3j193ndxg]{font-size:.76rem;color:#c7d8ec}.quota-summary strong[b-r3j193ndxg]{margin-top:2px;font-size:1.05rem}
.import-form[b-r3j193ndxg],.import-progress[b-r3j193ndxg],.search[b-r3j193ndxg]{display:grid;gap:16px;padding:24px;border-radius:20px;background:var(--mud-palette-surface);border:1px solid var(--mud-palette-lines-default)}
.import-progress-heading[b-r3j193ndxg]{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px}.import-progress-heading p[b-r3j193ndxg]{margin:2px 0 0;color:var(--mud-palette-text-secondary);overflow-wrap:anywhere}.import-live-dot[b-r3j193ndxg]{width:12px;height:12px;border-radius:999px;background:#22c55e;box-shadow:0 0 0 0 rgba(34,197,94,.5);animation:import-pulse-b-r3j193ndxg 1.8s ease-out infinite}.stage-counter[b-r3j193ndxg]{align-self:start;padding:5px 9px;border-radius:999px;background:color-mix(in srgb,var(--mud-palette-primary) 14%,transparent);color:var(--mud-palette-primary);font-weight:850;font-variant-numeric:tabular-nums}
.import-stage-track[b-r3j193ndxg]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.import-stage[b-r3j193ndxg]{position:relative;display:flex;align-items:center;gap:8px;min-width:0;padding:11px 12px;border:1px solid var(--mud-palette-lines-default);border-radius:12px;color:var(--mud-palette-text-secondary);font-size:.78rem;font-weight:750}.import-stage span[b-r3j193ndxg]{min-width:0}.import-stage-copy[b-r3j193ndxg]{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;width:100%;gap:8px}.import-stage-copy>span[b-r3j193ndxg]{overflow-wrap:anywhere}.import-stage-copy>strong[b-r3j193ndxg]{font-size:.76rem;font-variant-numeric:tabular-nums;white-space:nowrap}.import-stage[b-r3j193ndxg]::after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:2px;border-radius:2px;background:transparent}.import-stage[b-r3j193ndxg]  .mud-icon-root{flex:0 0 auto;font-size:1.05rem}.import-stage.is-current[b-r3j193ndxg]{border-color:color-mix(in srgb,var(--mud-palette-primary) 60%,var(--mud-palette-lines-default));background:color-mix(in srgb,var(--mud-palette-primary) 9%,transparent);color:var(--mud-palette-text-primary)}.import-stage.is-current[b-r3j193ndxg]::after{background:var(--mud-palette-primary)}.import-stage.is-current[b-r3j193ndxg]  .mud-icon-root{color:var(--mud-palette-primary)}.import-stage.is-complete[b-r3j193ndxg]{color:color-mix(in srgb,#22c55e 80%,var(--mud-palette-text-primary))}.import-stage.is-complete[b-r3j193ndxg]  .mud-icon-root{color:#22c55e}
.current-import-stage[b-r3j193ndxg]{display:grid;gap:2px}.current-import-stage small[b-r3j193ndxg]{color:var(--mud-palette-text-secondary)}.current-import-stage strong[b-r3j193ndxg]{font-size:1.05rem}.import-progress-metrics[b-r3j193ndxg]{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:10px}.import-progress-metrics>div[b-r3j193ndxg]{display:grid;gap:5px;align-content:start;min-height:78px;padding:12px 14px;border-radius:12px;background:color-mix(in srgb,var(--mud-palette-primary) 7%,var(--mud-palette-background));border:1px solid color-mix(in srgb,var(--mud-palette-primary) 16%,var(--mud-palette-lines-default))}.import-progress-metrics span[b-r3j193ndxg],.import-progress-metrics small[b-r3j193ndxg]{color:var(--mud-palette-text-secondary);font-size:.76rem}.import-progress-metrics strong[b-r3j193ndxg]{font-size:.95rem;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.file-reading-metric[b-r3j193ndxg]  .mud-progress-linear{height:5px;border-radius:999px}.elapsed-time[b-r3j193ndxg]{display:flex;align-items:center;gap:7px;color:var(--mud-palette-text-secondary);font-variant-numeric:tabular-nums}.elapsed-time[b-r3j193ndxg]  .mud-icon-root{font-size:1.05rem;color:var(--mud-palette-primary)}
.section-heading[b-r3j193ndxg]{display:flex;align-items:flex-start;gap:14px}.section-heading p[b-r3j193ndxg]{max-width:820px;color:var(--mud-palette-text-secondary)}.section-icon[b-r3j193ndxg]{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:12px;color:#7dd3fc;background:color-mix(in srgb,var(--mud-palette-primary) 20%,transparent)}
.import-heading[b-r3j193ndxg]{margin-bottom:2px}.import-form input[b-r3j193ndxg]{max-width:100%;padding:12px;border:1px dashed var(--mud-palette-primary);border-radius:10px;min-height:48px}.import-form small[b-r3j193ndxg]{color:var(--mud-palette-text-secondary)}.supported-formats[b-r3j193ndxg]{display:flex;flex-wrap:wrap;gap:8px}.supported-formats span[b-r3j193ndxg],.source-badges span[b-r3j193ndxg]{padding:5px 9px;border-radius:999px;background:color-mix(in srgb,var(--mud-palette-primary) 14%,transparent);color:var(--mud-palette-primary);font-size:.73rem;font-weight:800}.import-notes[b-r3j193ndxg]{display:grid;gap:4px;padding-top:4px;border-top:1px solid var(--mud-palette-lines-default)}
.database-list[b-r3j193ndxg]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:18px}
.database-card[b-r3j193ndxg]{padding:24px;background:var(--mud-palette-surface);border:1px solid var(--mud-palette-lines-default);border-radius:20px;overflow-wrap:anywhere}
.database-card>div:first-child[b-r3j193ndxg],.actions[b-r3j193ndxg]{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.actions[b-r3j193ndxg]{margin:12px 0}
.database-card[b-r3j193ndxg]{min-width:0}
.index-preparation[b-r3j193ndxg]{display:grid;gap:10px;flex:0 0 100%;width:100%;min-width:0;max-width:100%;padding:12px 0;border-block:1px solid var(--mud-palette-lines-default)}
.index-preparation[b-r3j193ndxg]  .index-depth-select,.index-preparation[b-r3j193ndxg]  .mud-input-control,.index-preparation[b-r3j193ndxg]  .mud-input{width:100%;min-width:0;max-width:100%}
.index-preparation[b-r3j193ndxg]  .mud-input-slot{min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.5}
.index-preparation[b-r3j193ndxg]  .mud-button-root{min-height:44px;max-width:100%;white-space:normal}
.index-help[b-r3j193ndxg],.index-estimate[b-r3j193ndxg]{font-size:.85rem;color:var(--mud-palette-text-secondary)}
.index-estimate strong[b-r3j193ndxg]{color:var(--mud-palette-text-primary)}
.index-preparation p[b-r3j193ndxg]{margin:4px 0}
.player-result[b-r3j193ndxg]{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--mud-palette-lines-default);overflow-wrap:anywhere}.player-result>div[b-r3j193ndxg]{min-width:0}
.game-list[b-r3j193ndxg]{display:grid;gap:12px}.private-game[b-r3j193ndxg]{display:grid;gap:8px;min-height:80px;padding:16px;border:1px solid var(--mud-palette-lines-default);border-radius:12px;color:inherit;overflow-wrap:anywhere}.private-game>span:last-child[b-r3j193ndxg]{color:var(--mud-palette-primary);font-weight:700}.private-game:hover[b-r3j193ndxg],.private-game:focus-visible[b-r3j193ndxg]{border-color:var(--mud-palette-primary);outline:2px solid var(--mud-palette-primary)}
.sources[b-r3j193ndxg]{display:grid;gap:22px;padding-top:8px}.source-grid[b-r3j193ndxg]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.source-card[b-r3j193ndxg]{display:flex;flex-direction:column;gap:13px;min-height:245px;padding:20px;border:1px solid var(--mud-palette-lines-default);border-radius:18px;background:var(--mud-palette-surface);box-shadow:0 10px 28px rgba(2,6,23,.08)}.source-featured[b-r3j193ndxg]{border-color:color-mix(in srgb,var(--mud-palette-primary) 72%,var(--mud-palette-lines-default));background:linear-gradient(145deg,color-mix(in srgb,var(--mud-palette-primary) 10%,var(--mud-palette-surface)),var(--mud-palette-surface) 58%)}.source-card p[b-r3j193ndxg]{font-size:.91rem;color:var(--mud-palette-text-secondary)}.source-card small[b-r3j193ndxg]{font-size:.76rem;color:var(--mud-palette-text-secondary)}.source-badges[b-r3j193ndxg]{display:flex;flex-wrap:wrap;gap:6px}.source-card>a[b-r3j193ndxg]{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;min-height:44px;padding:9px 12px;border-radius:10px;border:1px solid color-mix(in srgb,var(--mud-palette-primary) 45%,var(--mud-palette-lines-default));color:var(--mud-palette-primary);text-decoration:none;font-size:.87rem;font-weight:800}.source-card>a:hover[b-r3j193ndxg],.source-card>a:focus-visible[b-r3j193ndxg]{background:color-mix(in srgb,var(--mud-palette-primary) 10%,transparent);outline:2px solid var(--mud-palette-primary);outline-offset:2px}
.own-collection[b-r3j193ndxg]{display:flex;align-items:flex-start;gap:14px;padding:18px 20px;border-radius:16px;background:color-mix(in srgb,var(--mud-palette-primary) 8%,var(--mud-palette-surface));border:1px solid color-mix(in srgb,var(--mud-palette-primary) 24%,var(--mud-palette-lines-default))}.own-collection[b-r3j193ndxg]  .mud-icon-root{color:var(--mud-palette-primary);margin-top:2px}.own-collection p[b-r3j193ndxg]{margin-bottom:0;color:var(--mud-palette-text-secondary)}.independence-note[b-r3j193ndxg]{font-size:.8rem;color:var(--mud-palette-text-secondary)}
.private-databases footer[b-r3j193ndxg]{display:block;padding:18px 20px;border-radius:16px;background:color-mix(in srgb,#22d3ee 7%,var(--mud-palette-surface));border:1px solid color-mix(in srgb,#22d3ee 23%,var(--mud-palette-lines-default));color:var(--mud-palette-text-secondary);font-size:.9rem}.private-databases footer strong[b-r3j193ndxg]{display:flex;gap:8px;align-items:center;color:var(--mud-palette-text-primary)}
.private-databases[b-r3j193ndxg]  button{min-height:44px}
.premium-access-panel[b-r3j193ndxg]{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:24px;border:1px solid color-mix(in srgb,#f59e0b 50%,var(--mud-palette-lines-default));border-radius:20px;background:linear-gradient(135deg,#f59e0b12,var(--mud-palette-surface))}.premium-access-panel>div[b-r3j193ndxg]{min-width:0}.premium-access-panel p[b-r3j193ndxg]{margin:4px 0 0}.premium-access-panel>.mud-icon-root[b-r3j193ndxg]{font-size:2rem;color:#fbbf24}
@media(max-width:900px){.private-hero[b-r3j193ndxg]{grid-template-columns:1fr;align-items:start}.hero-actions[b-r3j193ndxg]{grid-template-columns:1fr 1fr;min-width:0}.source-grid[b-r3j193ndxg]{grid-template-columns:repeat(2,minmax(0,1fr))}.import-stage-track[b-r3j193ndxg],.import-progress-metrics[b-r3j193ndxg]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.private-databases[b-r3j193ndxg]{margin-top:12px;gap:18px}.private-hero[b-r3j193ndxg],.import-form[b-r3j193ndxg],.import-progress[b-r3j193ndxg],.search[b-r3j193ndxg],.database-card[b-r3j193ndxg]{padding:18px}.private-databases h1[b-r3j193ndxg]{font-size:2rem}.hero-lead[b-r3j193ndxg]{font-size:.96rem}.trust-points[b-r3j193ndxg]{display:grid;grid-template-columns:1fr}.hero-actions[b-r3j193ndxg]{grid-template-columns:1fr}.section-heading[b-r3j193ndxg]{gap:11px}.section-icon[b-r3j193ndxg]{flex-basis:38px;width:38px;height:38px}.source-grid[b-r3j193ndxg]{grid-template-columns:1fr}.source-card[b-r3j193ndxg]{min-height:0}.player-result[b-r3j193ndxg]{align-items:flex-start;flex-direction:column}.own-collection[b-r3j193ndxg]{padding:16px}.premium-access-panel[b-r3j193ndxg]{grid-template-columns:1fr}.premium-access-panel[b-r3j193ndxg]  .mud-button-root{width:100%}.import-progress-metrics[b-r3j193ndxg]{grid-template-columns:1fr 1fr}.import-progress-metrics>div[b-r3j193ndxg]{min-height:72px;padding:11px}.import-progress-heading[b-r3j193ndxg]{grid-template-columns:auto minmax(0,1fr)}.stage-counter[b-r3j193ndxg]{grid-column:2;justify-self:start}}
@keyframes import-pulse-b-r3j193ndxg{70%{box-shadow:0 0 0 9px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
@media(prefers-reduced-motion:reduce){.private-databases[b-r3j193ndxg]  *{animation-duration:.01ms!important;transition:none!important}.import-live-dot[b-r3j193ndxg]{animation:none}}
/* /Pages/Resources/AdminCommunication.razor.rz.scp.css */
.communication-admin-page[b-05d24lcy8h] {
    box-sizing: border-box;
    width: 100%;
    max-width: 1380px;
    margin-inline: auto;
    padding: 2rem clamp(1rem, 3.5vw, 3rem) 5rem;
}

.communication-admin-page *[b-05d24lcy8h],
.communication-admin-page *[b-05d24lcy8h]::before,
.communication-admin-page *[b-05d24lcy8h]::after { box-sizing: border-box; }

.communication-hero[b-05d24lcy8h] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1.5rem;
    align-items: center;
    overflow: hidden;
    padding: clamp(1.5rem, 3.5vw, 2.4rem);
    border-radius: 24px;
    color: #fff;
    background:
        radial-gradient(circle at 90% 5%, rgba(255,255,255,.18), transparent 32%),
        linear-gradient(132deg, #17324a 0%, #3b2e72 52%, #7f3d78 100%);
    box-shadow: 0 18px 45px rgba(20, 25, 65, .22);
}

.communication-hero-copy[b-05d24lcy8h] { min-width: 0; }
.communication-hero-copy h1[b-05d24lcy8h] { margin-block: .2rem .45rem; font-weight: 850; letter-spacing: -.035em; }
.communication-hero-copy p[b-05d24lcy8h] { max-width: 70ch; opacity: .86; }
.communication-hero-actions[b-05d24lcy8h] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .65rem; }
.communication-hero-actions[b-05d24lcy8h]  .mud-button-outlined { border-color: rgba(255,255,255,.48); color: #fff; }
.communication-hero-actions[b-05d24lcy8h]  .mud-button-filled { color: #2b2051; background: #fff; }
.communication-alert[b-05d24lcy8h] { margin-top: 1rem; }

.communication-kpis[b-05d24lcy8h] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 1.25rem;
}

.communication-kpis article[b-05d24lcy8h] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .12rem .8rem;
    min-width: 0;
    padding: 1.05rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 16px;
    background: var(--mud-palette-surface);
    box-shadow: 0 8px 22px rgba(15, 23, 42, .06);
}

.communication-kpis article[b-05d24lcy8h] >  .mud-icon-root { grid-row: 1 / 4; color: var(--mud-palette-primary); }
.communication-kpis span[b-05d24lcy8h] { color: var(--mud-palette-text-secondary); font-size: .72rem; font-weight: 750; text-transform: uppercase; letter-spacing: .04em; }
.communication-kpis strong[b-05d24lcy8h] { font-size: 1.45rem; line-height: 1.2; }
.communication-kpis small[b-05d24lcy8h] { color: var(--mud-palette-text-secondary); line-height: 1.3; }

.communication-tabs[b-05d24lcy8h] { margin-top: 1.6rem; }
.communication-tabs[b-05d24lcy8h]  .mud-tabs-tabbar { position: sticky; z-index: 3; top: 0; border: 1px solid var(--mud-palette-lines-default); border-radius: 14px; background: var(--mud-palette-surface); box-shadow: 0 7px 20px rgba(15,23,42,.05); }
.communication-tabs[b-05d24lcy8h]  .mud-tabs-panels { padding: 0; background: transparent; }
.communication-section[b-05d24lcy8h] { margin-top: 2rem; }
.section-heading[b-05d24lcy8h] { display: flex; justify-content: space-between; gap: 1rem; align-items: flex-start; margin-bottom: 1rem; }
.section-heading h5[b-05d24lcy8h] { font-weight: 800; }
.section-heading p[b-05d24lcy8h] { color: var(--mud-palette-text-secondary); }

.task-list[b-05d24lcy8h] { display: grid; gap: .75rem; }
.task-card[b-05d24lcy8h] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: .7rem;
    align-items: start;
    padding: 1rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 15px;
    background: var(--mud-palette-surface);
}
.task-card.is-done[b-05d24lcy8h] { opacity: .62; }
.task-card.is-done strong[b-05d24lcy8h] { text-decoration: line-through; }
.task-card strong[b-05d24lcy8h] { display: block; margin-top: .1rem; }
.task-card p[b-05d24lcy8h] { margin: .2rem 0 0; color: var(--mud-palette-text-secondary); line-height: 1.45; }
.task-card small[b-05d24lcy8h] { display: block; margin-top: .3rem; color: var(--mud-palette-warning); }

.two-column-grid[b-05d24lcy8h] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.communication-panel[b-05d24lcy8h] {
    min-width: 0;
    padding: 1.2rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 18px;
    background: color-mix(in srgb, var(--mud-palette-surface) 96%, var(--mud-palette-primary) 4%);
}
.panel-heading[b-05d24lcy8h] { display: flex; gap: .8rem; align-items: center; margin-bottom: 1rem; }
.panel-heading[b-05d24lcy8h] >  .mud-icon-root { padding: .55rem; box-sizing: content-box; border-radius: 12px; color: #fff; background: linear-gradient(135deg, #5d3fd3, #a84c91); }
.panel-heading h6[b-05d24lcy8h] { font-weight: 800; }
.panel-heading p[b-05d24lcy8h] { color: var(--mud-palette-text-secondary); }
.strategy-list[b-05d24lcy8h] { display: grid; gap: .7rem; margin: 0; padding-left: 1.4rem; }
.strategy-list li[b-05d24lcy8h] { padding-left: .2rem; }
.strategy-list strong[b-05d24lcy8h], .strategy-list span[b-05d24lcy8h] { display: block; }
.strategy-list span[b-05d24lcy8h] { margin-top: .12rem; color: var(--mud-palette-text-secondary); font-size: .9rem; }
.rules-panel ul[b-05d24lcy8h] { display: grid; gap: .55rem; margin: 0; padding-left: 1.25rem; color: var(--mud-palette-text-secondary); }

.contact-grid[b-05d24lcy8h] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.contact-card[b-05d24lcy8h] {
    min-width: 0;
    padding: 1.15rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 18px;
    background: var(--mud-palette-surface);
    box-shadow: 0 9px 24px rgba(15, 23, 42, .06);
}
.contact-card header[b-05d24lcy8h] { display: flex; gap: .8rem; align-items: flex-start; justify-content: space-between; }
.contact-card header > div[b-05d24lcy8h] { min-width: 0; }
.contact-kind[b-05d24lcy8h] { color: var(--mud-palette-primary); font-size: .7rem; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; }
.contact-card h3[b-05d24lcy8h] { margin: .2rem 0 .25rem; font-size: 1.08rem; }
.contact-card header p[b-05d24lcy8h] { margin: 0; color: var(--mud-palette-text-secondary); line-height: 1.4; }
.contact-fields[b-05d24lcy8h] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; margin-top: 1rem; }
.contact-fields > :last-child[b-05d24lcy8h] { grid-column: 1 / -1; }
.contact-source[b-05d24lcy8h] { display: flex; gap: .45rem; align-items: center; margin-top: .8rem; color: var(--mud-palette-text-secondary); font-size: .78rem; overflow-wrap: anywhere; }
.contact-source[b-05d24lcy8h]  .mud-icon-root { font-size: 1rem; }
.contact-actions[b-05d24lcy8h] { display: flex; flex-wrap: wrap; gap: .55rem; margin-top: 1rem; }

.message-list[b-05d24lcy8h] { display: grid; gap: 1rem; }
.message-card[b-05d24lcy8h] {
    overflow: hidden;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 18px;
    background: var(--mud-palette-surface);
}
.message-card header[b-05d24lcy8h] { display: flex; justify-content: space-between; gap: 1rem; align-items: flex-start; padding: 1.1rem 1.2rem .7rem; }
.message-card header span[b-05d24lcy8h] { color: var(--mud-palette-primary); font-size: .72rem; font-weight: 800; }
.message-card header h3[b-05d24lcy8h] { margin: .12rem 0; font-size: 1.08rem; }
.message-card header p[b-05d24lcy8h] { margin: 0; color: var(--mud-palette-text-secondary); }
.message-subject[b-05d24lcy8h] { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .7rem; margin: .3rem 1.2rem .8rem; padding: .65rem .8rem; border-radius: 10px; background: color-mix(in srgb, var(--mud-palette-primary) 7%, var(--mud-palette-surface)); }
.message-subject strong[b-05d24lcy8h] { color: var(--mud-palette-text-secondary); }
.message-card pre[b-05d24lcy8h] { margin: 0; padding: 1rem 1.2rem; border-block: 1px solid var(--mud-palette-lines-default); white-space: pre-wrap; overflow-wrap: anywhere; font: inherit; font-size: .9rem; line-height: 1.55; background: color-mix(in srgb, var(--mud-palette-surface) 97%, var(--mud-palette-primary) 3%); }
.message-actions[b-05d24lcy8h] { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: .55rem; padding: .8rem 1.2rem 1rem; }

.content-grid[b-05d24lcy8h] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.content-card[b-05d24lcy8h] { padding: 1.15rem; border: 1px solid var(--mud-palette-lines-default); border-radius: 17px; background: var(--mud-palette-surface); }
.content-card > span[b-05d24lcy8h] { color: var(--mud-palette-primary); font-size: .72rem; font-weight: 800; text-transform: uppercase; }
.content-card h3[b-05d24lcy8h] { margin: .25rem 0; }
.content-card p[b-05d24lcy8h] { color: var(--mud-palette-text-secondary); }
.content-card blockquote[b-05d24lcy8h] { margin: .9rem 0 .6rem; padding: .85rem 1rem; border-left: 3px solid var(--mud-palette-primary); border-radius: 0 10px 10px 0; background: color-mix(in srgb, var(--mud-palette-primary) 7%, var(--mud-palette-surface)); line-height: 1.5; }

.plan-stage[b-05d24lcy8h] { margin-bottom: 1.3rem; }
.plan-stage h3[b-05d24lcy8h] { margin: 0 0 .55rem; font-size: 1rem; color: var(--mud-palette-text-secondary); text-transform: uppercase; letter-spacing: .04em; }
.plan-task[b-05d24lcy8h] { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .65rem; align-items: flex-start; padding: .75rem .2rem; border-bottom: 1px solid var(--mud-palette-lines-default); cursor: pointer; }
.plan-task.is-done[b-05d24lcy8h] { opacity: .6; }
.plan-task.is-done strong[b-05d24lcy8h] { text-decoration: line-through; }
.plan-task strong[b-05d24lcy8h], .plan-task small[b-05d24lcy8h] { display: block; }
.plan-task small[b-05d24lcy8h] { margin-top: .15rem; color: var(--mud-palette-text-secondary); line-height: 1.4; }
.backup-panel[b-05d24lcy8h] { margin-top: 1.5rem; }
.backup-panel p[b-05d24lcy8h] { color: var(--mud-palette-text-secondary); }
.backup-panel > small[b-05d24lcy8h] { color: var(--mud-palette-text-secondary); }

@media (max-width: 980px) {
    .communication-hero[b-05d24lcy8h] { grid-template-columns: 1fr; }
    .communication-hero-actions[b-05d24lcy8h] { justify-content: flex-start; }
    .communication-kpis[b-05d24lcy8h] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .contact-grid[b-05d24lcy8h], .content-grid[b-05d24lcy8h], .two-column-grid[b-05d24lcy8h] { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
    .communication-admin-page[b-05d24lcy8h] { padding: 1rem .75rem 3rem; }
    .communication-hero[b-05d24lcy8h] { border-radius: 18px; }
    .communication-hero-copy h1[b-05d24lcy8h] { font-size: clamp(1.75rem, 9vw, 2.35rem); }
    .communication-hero-actions[b-05d24lcy8h] { display: grid; grid-template-columns: 1fr; }
    .communication-hero-actions[b-05d24lcy8h]  .mud-button-root { width: 100%; }
    .communication-kpis[b-05d24lcy8h] { grid-template-columns: 1fr; }
    .task-card[b-05d24lcy8h] { grid-template-columns: auto minmax(0, 1fr); }
    .task-card[b-05d24lcy8h] >  .mud-chip-root { grid-column: 2; justify-self: start; }
    .contact-fields[b-05d24lcy8h] { grid-template-columns: 1fr; }
    .contact-fields > :last-child[b-05d24lcy8h] { grid-column: auto; }
    .contact-actions[b-05d24lcy8h], .message-actions[b-05d24lcy8h] { display: grid; grid-template-columns: 1fr; }
    .contact-actions[b-05d24lcy8h]  .mud-button-root, .message-actions[b-05d24lcy8h]  .mud-button-root { width: 100%; }
    .message-card header[b-05d24lcy8h] { flex-direction: column; }
    .message-subject[b-05d24lcy8h] { grid-template-columns: 1fr; }
}
/* /Pages/SharedWithMe.razor.rz.scp.css */
.shared-page[b-4m85gll03o] { display: grid; gap: .9rem; width: 100%; max-width: 1400px; margin: 0 auto; padding: .75rem max(.75rem, env(safe-area-inset-left, 0px)) calc(1rem + env(safe-area-inset-bottom, 0px)); overflow-x: hidden; }
.shared-hero[b-4m85gll03o] { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .8rem; align-items: center; }
.shared-hero-icon[b-4m85gll03o] { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 14px; background: rgba(56, 189, 248, .14); color: #38bdf8; }
.shared-hero small[b-4m85gll03o] { color: var(--mud-palette-primary); font-size: .62rem; font-weight: 900; letter-spacing: .1em; }
.shared-hero h1[b-4m85gll03o] { margin: 0; font-size: 1.45rem; line-height: 1.2; }
.shared-hero p[b-4m85gll03o] { margin: .2rem 0 0; color: var(--mud-palette-text-secondary); font-size: .86rem; }
.shared-empty[b-4m85gll03o] { display: grid; justify-items: center; gap: .45rem; padding: 2rem 1rem; text-align: center; color: var(--mud-palette-text-secondary); }
.shared-empty a[b-4m85gll03o] { display: inline-flex; align-items: center; min-height: 44px; font-weight: 700; color: var(--mud-palette-primary); }
.shared-layout[b-4m85gll03o] { display: grid; grid-template-columns: minmax(200px, 260px) minmax(240px, 340px) minmax(0, 1fr); gap: .8rem; align-items: start; min-width: 0; }
.shared-folders[b-4m85gll03o], .shared-games[b-4m85gll03o], .shared-viewer[b-4m85gll03o] { display: grid; gap: .4rem; min-width: 0; padding: .65rem; border: 1px solid rgba(148, 163, 184, .22); border-radius: 14px; background: var(--mud-palette-surface); }
.shared-folders h2[b-4m85gll03o] { display: flex; align-items: center; gap: .35rem; margin: .35rem 0 .1rem; font-size: .82rem; color: var(--mud-palette-text-secondary); overflow-wrap: anywhere; }
.shared-folder[b-4m85gll03o], .shared-game-list button[b-4m85gll03o], .shared-subfolders button[b-4m85gll03o] { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: .5rem; width: 100%; min-height: 48px; padding: .45rem .6rem; border: 0; border-radius: 10px; background: transparent; color: inherit; text-align: left; cursor: pointer; }
.shared-folder.selected[b-4m85gll03o], .shared-game-list button.selected[b-4m85gll03o] { background: rgba(59, 130, 246, .14); }
.shared-folder span[b-4m85gll03o], .shared-game-list button > *[b-4m85gll03o] { min-width: 0; }
.shared-folder strong[b-4m85gll03o], .shared-folder small[b-4m85gll03o], .shared-game-list strong[b-4m85gll03o], .shared-game-list small[b-4m85gll03o] { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.shared-folder small[b-4m85gll03o], .shared-game-list small[b-4m85gll03o], .shared-subfolders small[b-4m85gll03o] { color: var(--mud-palette-text-secondary); font-size: .72rem; }
.shared-folder[b-4m85gll03o]  .mud-icon-root, .shared-subfolders[b-4m85gll03o]  .mud-icon-root { color: #f59e0b; }
.shared-crumbs[b-4m85gll03o] { display: flex; flex-wrap: wrap; align-items: center; gap: .2rem; min-width: 0; }
.shared-crumbs button[b-4m85gll03o] { min-height: 44px; max-width: 100%; padding: .3rem .5rem; border: 0; border-radius: 8px; background: transparent; color: var(--mud-palette-text-secondary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; }
.shared-crumbs button.current[b-4m85gll03o] { color: var(--mud-palette-text-primary); font-weight: 800; }
.shared-subfolders[b-4m85gll03o] { display: grid; gap: .25rem; }
.shared-subfolders button[b-4m85gll03o] { grid-template-columns: auto minmax(0, 1fr) auto; }
.shared-game-list[b-4m85gll03o] { display: grid; gap: .2rem; margin: 0; padding: 0; list-style: none; }
.shared-game-list button[b-4m85gll03o] { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "players result" "caption result"; row-gap: .1rem; }
.shared-game-list strong[b-4m85gll03o] { grid-area: players; }
.shared-game-list small[b-4m85gll03o] { grid-area: caption; }
.shared-game-list b[b-4m85gll03o] { grid-area: result; font-size: .8rem; }
.shared-none[b-4m85gll03o] { margin: .5rem; color: var(--mud-palette-text-secondary); font-size: .86rem; }
.shared-back[b-4m85gll03o] { display: none; justify-self: start; min-height: 44px; padding: .3rem .6rem; border: 0; border-radius: 10px; background: transparent; color: var(--mud-palette-primary); font-weight: 700; cursor: pointer; }
/* Board and details stack instead of overlapping when the column is narrow (the nav drawer eats viewport width). */
.shared-viewer[b-4m85gll03o] { grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: .8rem; outline: none; }
.shared-board-wrap[b-4m85gll03o] { display: grid; gap: .35rem; min-width: 0; }
.shared-board[b-4m85gll03o] { width: min(100%, 560px); justify-self: center; }
.shared-player[b-4m85gll03o] { display: flex; gap: .4rem; align-items: baseline; min-width: 0; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.shared-player small[b-4m85gll03o] { color: var(--mud-palette-text-secondary); }
.shared-nav[b-4m85gll03o] { display: flex; align-items: center; justify-content: center; gap: .25rem; }
.shared-nav button[b-4m85gll03o] { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid rgba(148, 163, 184, .28); border-radius: 12px; background: transparent; color: inherit; cursor: pointer; }
.shared-nav button:disabled[b-4m85gll03o] { opacity: .4; cursor: default; }
.shared-nav strong[b-4m85gll03o] { min-width: 6rem; text-align: center; font-size: .86rem; }
.shared-details[b-4m85gll03o] { display: grid; gap: .7rem; align-content: start; min-width: 0; }
.shared-moves[b-4m85gll03o] { display: grid; grid-template-columns: auto 1fr 1fr; gap: .15rem .3rem; max-height: 40dvh; overflow-y: auto; }
.shared-move-number[b-4m85gll03o] { align-self: center; color: var(--mud-palette-text-secondary); font-size: .76rem; }
.shared-moves button[b-4m85gll03o] { min-height: 36px; padding: .2rem .4rem; border: 0; border-radius: 8px; background: transparent; color: inherit; text-align: left; cursor: pointer; }
.shared-moves button.current[b-4m85gll03o] { background: var(--mud-palette-primary); color: var(--mud-palette-primary-text); }
.shared-meta[b-4m85gll03o] { display: grid; gap: .3rem; margin: 0; }
.shared-meta div[b-4m85gll03o] { display: grid; grid-template-columns: 6.5rem minmax(0, 1fr); gap: .5rem; font-size: .84rem; }
.shared-meta dt[b-4m85gll03o] { color: var(--mud-palette-text-secondary); }
.shared-meta dd[b-4m85gll03o] { margin: 0; overflow-wrap: anywhere; }
.shared-notes h3[b-4m85gll03o] { margin: 0 0 .25rem; font-size: .9rem; }
.shared-notes p[b-4m85gll03o] { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; font-size: .86rem; }
@media (max-width: 1499px) {
    .shared-layout[b-4m85gll03o] { grid-template-columns: minmax(200px, 260px) minmax(0, 1fr); }
    .shared-viewer[b-4m85gll03o] { grid-column: 1 / -1; }
}
@media (max-width: 760px) {
    .shared-layout[b-4m85gll03o] { grid-template-columns: minmax(0, 1fr); }
    .shared-viewer[b-4m85gll03o] { grid-template-columns: minmax(0, 1fr); }
    .shared-back[b-4m85gll03o] { display: inline-flex; align-items: center; }
    .shared-page.folder-open .shared-folders[b-4m85gll03o], .shared-page.game-open .shared-folders[b-4m85gll03o], .shared-page.game-open .shared-games[b-4m85gll03o] { display: none; }
    .shared-page:not(.folder-open):not(.game-open) .shared-games[b-4m85gll03o], .shared-page:not(.game-open) .shared-viewer[b-4m85gll03o] { display: none; }
    .shared-moves button[b-4m85gll03o] { min-height: 44px; }
    .shared-moves[b-4m85gll03o] { max-height: none; }
}
/* /Pages/Signup.razor.rz.scp.css */
/* UX-006 — cibles tactiles ≥ 44px sur inscription */

.signup-page[b-vfi300z65p]  .mud-input-control {
    margin-top: 6px;
    margin-bottom: 3px;
}

.signup-page[b-vfi300z65p]  .mud-input-outlined,
.signup-page[b-vfi300z65p]  .mud-input-outlined .mud-input-slot,
.signup-page[b-vfi300z65p]  .mud-input-outlined input.mud-input-slot,
.signup-page[b-vfi300z65p]  .mud-input-outlined .mud-input-root,
.signup-page[b-vfi300z65p]  .mud-input > input {
    min-height: 44px !important;
    height: 44px !important;
    box-sizing: border-box;
}

.signup-page[b-vfi300z65p]  .mud-input-adornment {
    min-height: 44px;
}

.signup-page[b-vfi300z65p]  .mud-button-filled.mud-button-root,
.signup-page[b-vfi300z65p]  .mud-button-text.mud-button-root,
.signup-page[b-vfi300z65p]  .cos-touch-cta.mud-button-root {
    min-height: 44px !important;
    height: 44px !important;
    box-sizing: border-box !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.signup-page[b-vfi300z65p]  .mud-checkbox {
    min-height: 44px;
    align-items: center;
}

@media (max-width: 700px) {
    .signup-page[b-vfi300z65p] {
        margin-top: .35rem !important;
        margin-bottom: .5rem;
        padding-bottom: max(1rem, env(safe-area-inset-bottom));
    }

    .signup-page[b-vfi300z65p]  .mud-typography-h4 {
        font-size: 1.45rem;
        line-height: 1.25;
    }
}
/* /Pages/StatisticsDashboard.razor.rz.scp.css */
.user-stats-page[b-cdpsajr2s4] {
    --stats-radius: 20px;
    --stats-radius-sm: 14px;
    --stats-gap: clamp(1.75rem, 3vw, 2.5rem);
    --stats-pad: clamp(1.5rem, 3vw, 2rem);
    --stats-shadow: 0 12px 32px rgba(15, 23, 42, 0.08);
    box-sizing: border-box;
    width: 100%;
    max-width: 1320px;
    margin-inline: auto;
    padding-block: 2rem 5rem;
    padding-inline: clamp(1.25rem, 3.5vw, 3rem);
}

.stats-hero[b-cdpsajr2s4],
.stats-filters[b-cdpsajr2s4],
.stats-jump-nav a[b-cdpsajr2s4],
.summary-card[b-cdpsajr2s4],
.chart-card[b-cdpsajr2s4],
.table-card[b-cdpsajr2s4],
.empty-panel[b-cdpsajr2s4],
.weak-card[b-cdpsajr2s4],
.strength-card[b-cdpsajr2s4],
.activity-card[b-cdpsajr2s4] {
    box-sizing: border-box;
    min-width: 0;
}

.stats-hero[b-cdpsajr2s4] {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1.75rem 2.5rem;
    align-items: center;
    min-height: 0;
    padding: clamp(1.6rem, 3.4vw, 2.4rem) clamp(1.5rem, 3.2vw, 2.4rem);
    border-radius: 24px;
    color: #fff;
    background:
        radial-gradient(circle at 88% 18%, rgba(255, 255, 255, 0.18), transparent 28%),
        linear-gradient(130deg, #14233c 0%, #3c246d 52%, #8a3f74 100%);
    box-shadow: 0 18px 45px rgba(30, 20, 70, 0.2);
}

.stats-hero[b-cdpsajr2s4]::after {
    content: "";
    position: absolute;
    z-index: -1;
    width: 240px;
    aspect-ratio: 1;
    inset-inline-end: -48px;
    bottom: -120px;
    border: 36px solid rgba(255, 255, 255, 0.08);
    border-radius: 50%;
}

.hero-copy[b-cdpsajr2s4] {
    min-width: 0;
    max-width: 46rem;
}

.hero-copy[b-cdpsajr2s4]  h1 {
    margin-block: 0.6rem 0.7rem;
    overflow-wrap: anywhere;
    font-weight: 800;
    letter-spacing: -0.035em;
}

.hero-copy[b-cdpsajr2s4]  p {
    margin: 0;
    max-width: 62ch;
    overflow-wrap: anywhere;
    opacity: 0.88;
}

.hero-eyebrow[b-cdpsajr2s4] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.4rem 0.85rem;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.1);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.hero-eyebrow[b-cdpsajr2s4]  .mud-icon-root {
    font-size: 1.05rem;
}

.hero-actions[b-cdpsajr2s4] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1.15rem;
}

.hero-actions .hero-action[b-cdpsajr2s4] {
    color: #2d1d52 !important;
    background: #fff !important;
}

.hero-total[b-cdpsajr2s4] {
    display: flex;
    flex-direction: column;
    place-content: center;
    align-items: center;
    gap: 0.35rem;
    width: 176px;
    min-width: 176px;
    aspect-ratio: 1;
    padding: 1.15rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(8px);
}

.hero-total[b-cdpsajr2s4]  .mud-icon-root {
    font-size: 1.35rem;
    opacity: 0.85;
}

.hero-total strong[b-cdpsajr2s4] {
    font-size: 2.5rem;
    line-height: 1.1;
    font-variant-numeric: tabular-nums;
}

.hero-total span[b-cdpsajr2s4] {
    opacity: 0.82;
    text-align: center;
    font-size: 0.85rem;
}

.user-stats-page[b-cdpsajr2s4]  .stats-alert {
    margin-top: clamp(2.5rem, 5vw, 3.5rem);
}

.stats-jump-nav[b-cdpsajr2s4] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 1rem;
    margin-top: clamp(2.5rem, 5vw, 3.5rem);
}

.stats-jump-nav a[b-cdpsajr2s4] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    min-height: 58px;
    padding: 0.8rem 1rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 15px;
    color: var(--mud-palette-text-primary);
    background: var(--mud-palette-surface);
    box-shadow: var(--stats-shadow);
    font-weight: 750;
    font-size: 0.92rem;
    text-align: center;
    text-decoration: none;
    transition: transform 0.16s ease, border-color 0.16s ease;
}

.stats-jump-nav a:hover[b-cdpsajr2s4],
.stats-jump-nav a:focus-visible[b-cdpsajr2s4] {
    transform: translateY(-2px);
    border-color: var(--mud-palette-primary);
    outline: none;
}

.stats-jump-nav[b-cdpsajr2s4]  .mud-icon-root {
    color: var(--mud-palette-primary);
}

.stats-filters[b-cdpsajr2s4] {
    display: flex;
    flex-direction: column;
    gap: 1rem 1.5rem;
    margin-top: 1.5rem;
    padding: 1.35rem 1.5rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: var(--stats-radius);
    background: var(--mud-palette-surface);
    box-shadow: var(--stats-shadow);
}

.stats-filters-row[b-cdpsajr2s4] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.85rem 1.25rem;
    align-items: center;
}

.filter-title[b-cdpsajr2s4] {
    display: inline-flex;
    gap: 0.5rem;
    align-items: center;
    min-width: 96px;
    font-weight: 750;
    color: var(--mud-palette-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 0.76rem;
}

.filter-title[b-cdpsajr2s4]  .mud-icon-root {
    color: var(--mud-palette-primary);
}

.filter-switches[b-cdpsajr2s4] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    align-items: center;
}

.filter-pill[b-cdpsajr2s4] {
    /* UX-032 — touch ≥44px on filter chips */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0.42rem 0.95rem;
    border-radius: 999px;
    border: 1px solid var(--mud-palette-lines-default);
    background: var(--mud-palette-background);
    color: var(--mud-palette-text-primary);
    font: inherit;
    font-size: 0.86rem;
    font-weight: 650;
    cursor: pointer;
    transition: border-color 140ms ease, background 140ms ease, color 140ms ease;
}

.filter-pill:hover[b-cdpsajr2s4] {
    border-color: var(--mud-palette-primary);
}

.filter-pill.selected[b-cdpsajr2s4] {
    border-color: var(--mud-palette-primary);
    color: var(--mud-palette-primary);
    background: color-mix(in srgb, var(--mud-palette-primary) 10%, var(--mud-palette-surface));
}

.filter-switches[b-cdpsajr2s4]  .mud-input-control {
    min-width: min(100%, 240px);
}

.filter-switches.custom-period[b-cdpsajr2s4] {
    gap: 1rem;
}

.filter-switches.custom-period[b-cdpsajr2s4]  .mud-picker {
    min-width: 180px;
}

.stats-section[b-cdpsajr2s4] {
    margin-top: clamp(3rem, 5vw, 4rem);
    scroll-margin-top: 2rem;
}

.stats-section + .stats-section[b-cdpsajr2s4] {
    margin-top: clamp(4.5rem, 7vw, 6rem);
    padding-top: clamp(3rem, 5vw, 4rem);
    border-top: 1px solid var(--mud-palette-lines-default);
}

.section-heading[b-cdpsajr2s4] {
    display: flex;
    align-items: flex-start;
    gap: 0.95rem;
    margin-bottom: clamp(1.75rem, 3vw, 2.35rem);
}

.section-heading-action[b-cdpsajr2s4] {
    flex-wrap: wrap;
}

.section-heading-action > .mud-button-root[b-cdpsajr2s4] {
    margin-inline-start: auto;
    align-self: center;
}

.section-heading h5[b-cdpsajr2s4] {
    font-weight: 800;
}

.section-heading p[b-cdpsajr2s4] {
    color: var(--mud-palette-text-secondary);
}

.section-icon[b-cdpsajr2s4] {
    width: 48px;
    height: 48px;
    border-radius: 15px;
    display: grid;
    place-items: center;
    color: #fff;
    flex: 0 0 auto;
}

.section-icon.overview[b-cdpsajr2s4] { background: linear-gradient(135deg, #5d3fd3, #a84c91); }
.section-icon.trends[b-cdpsajr2s4] { background: linear-gradient(135deg, #6d4bd8, #ec5a9e); }
.section-icon.repertoires[b-cdpsajr2s4] { background: linear-gradient(135deg, #0277bd, #26a69a); }
.section-icon.weak[b-cdpsajr2s4] { background: linear-gradient(135deg, #e65100, #f59e0b); }
.section-icon.strengths[b-cdpsajr2s4] { background: linear-gradient(135deg, #2e7d32, #00897b); }
.section-icon.activity[b-cdpsajr2s4] { background: linear-gradient(135deg, #5d3fd3, #0288d1); }

.summary-grid[b-cdpsajr2s4] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--stats-gap);
}

.summary-card[b-cdpsajr2s4] {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-height: 168px;
    padding: 1.5rem 1.55rem 1.35rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: var(--stats-radius);
    background: var(--mud-palette-surface);
    box-shadow: var(--stats-shadow);
}

.summary-card[b-cdpsajr2s4]::after {
    content: "";
    position: absolute;
    width: 90px;
    aspect-ratio: 1;
    inset-inline-end: -35px;
    bottom: -45px;
    border-radius: 50%;
    background: currentColor;
    opacity: 0.07;
}

.summary-card[b-cdpsajr2s4] >  .mud-icon-root {
    padding: 0.55rem;
    box-sizing: content-box;
    border-radius: 12px;
    background: color-mix(in srgb, currentColor 12%, transparent);
}

.summary-card span[b-cdpsajr2s4] {
    margin-top: 1rem;
    color: var(--mud-palette-text-secondary);
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.035em;
    line-height: 1.35;
}

.summary-card strong[b-cdpsajr2s4] {
    color: var(--mud-palette-text-primary);
    font-size: clamp(1.35rem, 2vw, 1.8rem);
    line-height: 1.25;
    font-variant-numeric: tabular-nums;
}

.summary-card small[b-cdpsajr2s4] {
    color: var(--mud-palette-text-secondary);
    margin-top: 0.45rem;
}

.summary-card.lines[b-cdpsajr2s4] { color: #5d3fd3; }
.summary-card.due[b-cdpsajr2s4] { color: #ed6c02; }
.summary-card.mastered[b-cdpsajr2s4] { color: #00897b; }
.summary-card.fresh[b-cdpsajr2s4] { color: #64748b; }
.summary-card.sessions[b-cdpsajr2s4] { color: #0288d1; }
.summary-card.moves[b-cdpsajr2s4] { color: #6d4bd8; }
.summary-card.success[b-cdpsajr2s4] { color: #2e7d32; }
.summary-card.think[b-cdpsajr2s4] { color: #5c6bc0; }
.summary-card.total-time[b-cdpsajr2s4] { color: #0277bd; }
.summary-card.active-days[b-cdpsajr2s4] { color: #ec5a9e; }

.chart-grid[b-cdpsajr2s4] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--stats-gap);
    align-items: stretch;
}

.chart-card[b-cdpsajr2s4] {
    display: flex;
    flex-direction: column;
    min-height: 430px;
    height: 100%;
    padding: var(--stats-pad);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: var(--stats-radius);
    background: var(--mud-palette-surface);
    box-shadow: var(--stats-shadow);
    overflow: hidden;
}

.panel-heading[b-cdpsajr2s4] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    min-height: 32px;
    margin-bottom: 1.15rem;
}

.panel-heading h6[b-cdpsajr2s4] {
    font-weight: 800;
}

.panel-heading[b-cdpsajr2s4]  .mud-icon-root {
    color: var(--mud-palette-primary);
}

.chart-card[b-cdpsajr2s4]  .mud-chart {
    flex: 1;
    min-width: 0;
    padding-inline: 0.35rem;
}

.chart-empty[b-cdpsajr2s4],
.chart-error[b-cdpsajr2s4],
.chart-loading[b-cdpsajr2s4] {
    display: grid;
    place-content: center;
    flex: 1;
    min-height: 200px;
    color: var(--mud-palette-text-secondary);
    font-size: 0.92rem;
    text-align: center;
}

.chart-error[b-cdpsajr2s4] {
    color: var(--mud-palette-error);
}

.empty-panel[b-cdpsajr2s4] {
    padding: 2rem 1.5rem;
    color: var(--mud-palette-text-secondary);
    border: 1px dashed var(--mud-palette-lines-default);
    border-radius: var(--stats-radius);
    background: var(--mud-palette-background);
    text-align: center;
}

.table-card[b-cdpsajr2s4] {
    overflow-x: auto;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: var(--stats-radius);
    background: var(--mud-palette-surface);
    box-shadow: var(--stats-shadow);
}

.user-stats-table[b-cdpsajr2s4] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.92rem;
}

.user-stats-table th[b-cdpsajr2s4] {
    text-align: start;
    padding: 1rem 1.1rem;
    color: var(--mud-palette-text-secondary);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    border-bottom: 1px solid var(--mud-palette-lines-default);
    white-space: nowrap;
}

.user-stats-table td[b-cdpsajr2s4] {
    padding: 1rem 1.1rem;
    border-bottom: 1px solid var(--mud-palette-lines-default);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.user-stats-table tbody tr:last-child td[b-cdpsajr2s4] {
    border-bottom: none;
}

.user-stats-table tbody tr.user-stats-row[b-cdpsajr2s4] {
    cursor: pointer;
}

.user-stats-table tbody tr.user-stats-row:hover[b-cdpsajr2s4],
.user-stats-table tbody tr.user-stats-row:focus-visible[b-cdpsajr2s4] {
    background: color-mix(in srgb, var(--mud-palette-primary) 7%, var(--mud-palette-surface));
    outline: none;
}

.user-stats-table td:first-child strong[b-cdpsajr2s4],
.user-stats-table td:first-child small[b-cdpsajr2s4] {
    display: block;
}

.user-stats-table td:first-child small[b-cdpsajr2s4] {
    color: var(--mud-palette-text-secondary);
    font-size: 0.75rem;
}

.user-stats-color[b-cdpsajr2s4] {
    display: inline-grid;
    place-content: center;
    width: 1.8rem;
    height: 1.8rem;
    margin-inline-end: 0.45rem;
    border-radius: 9px;
    font-size: 0.98rem;
    vertical-align: middle;
}

.user-stats-color.color-w[b-cdpsajr2s4] {
    color: #fff;
    background: #374151;
}

.user-stats-color.color-b[b-cdpsajr2s4] {
    color: #fff;
    background: #9f1239;
}

.weak-list[b-cdpsajr2s4] {
    display: flex;
    flex-direction: column;
    gap: var(--stats-gap);
}

.weak-card[b-cdpsajr2s4] {
    display: flex;
    align-items: center;
    gap: 1.35rem;
    padding: 1.4rem 1.6rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: var(--stats-radius);
    background: var(--mud-palette-surface);
    box-shadow: var(--stats-shadow);
}

.weak-rank[b-cdpsajr2s4] {
    flex-shrink: 0;
    display: grid;
    place-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 12px;
    font-weight: 800;
    color: var(--mud-palette-error);
    background: color-mix(in srgb, var(--mud-palette-error) 12%, var(--mud-palette-surface));
}

.weak-copy[b-cdpsajr2s4] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 0;
    flex: 1;
}

.weak-copy > small[b-cdpsajr2s4] {
    color: var(--mud-palette-text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.weak-reasons[b-cdpsajr2s4] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-top: 0.35rem;
}

.weak-reasons em[b-cdpsajr2s4] {
    font-style: normal;
    font-size: 0.74rem;
    padding: 0.18rem 0.6rem;
    border-radius: 999px;
    color: var(--mud-palette-error);
    background: color-mix(in srgb, var(--mud-palette-error) 10%, var(--mud-palette-surface));
}

.weak-metrics[b-cdpsajr2s4] {
    display: flex;
    gap: 1.6rem;
    flex-shrink: 0;
}

.weak-metrics span[b-cdpsajr2s4] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.weak-metrics strong[b-cdpsajr2s4] {
    font-size: 1.15rem;
    font-variant-numeric: tabular-nums;
}

.weak-metrics small[b-cdpsajr2s4] {
    color: var(--mud-palette-text-secondary);
    font-size: 0.74rem;
}

.strength-grid[b-cdpsajr2s4] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--stats-gap);
    align-items: stretch;
}

.strength-card[b-cdpsajr2s4] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.5rem 1.6rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: var(--stats-radius);
    background: var(--mud-palette-surface);
    box-shadow: var(--stats-shadow);
}

.strength-card h3[b-cdpsajr2s4] {
    margin: 0 0 0.35rem;
    font-size: 1.02rem;
    font-weight: 800;
}

.strength-line[b-cdpsajr2s4] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: 0.25rem 0.55rem;
    font-size: 0.88rem;
}

.strength-line[b-cdpsajr2s4] >  .mud-icon-root {
    flex-shrink: 0;
    color: var(--mud-palette-success);
}

.strength-line strong[b-cdpsajr2s4] {
    min-width: 0;
    overflow-wrap: anywhere;
    white-space: normal;
}

.strength-line > span:last-child[b-cdpsajr2s4] {
    grid-column: 2;
    color: var(--mud-palette-text-secondary);
    overflow-wrap: anywhere;
}

.activity-card[b-cdpsajr2s4] {
    padding: var(--stats-pad);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: var(--stats-radius);
    background: var(--mud-palette-surface);
    box-shadow: var(--stats-shadow);
}

.heatmap[b-cdpsajr2s4] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: flex-start;
}

.heatmap-grid[b-cdpsajr2s4] {
    display: grid;
    width: min(100%, 285px);
    grid-auto-flow: column;
    grid-template-rows: repeat(7, auto);
    grid-template-columns: repeat(17, minmax(0, 1fr));
    gap: 4px;
}

.heatmap-grid span[b-cdpsajr2s4] {
    width: 100%;
    aspect-ratio: 1;
    border-radius: 4px;
    background: color-mix(in srgb, var(--mud-palette-primary) 7%, var(--mud-palette-surface));
}

.heatmap-grid span.level-1[b-cdpsajr2s4] {
    background: color-mix(in srgb, var(--mud-palette-primary) 32%, var(--mud-palette-surface));
}

.heatmap-grid span.level-2[b-cdpsajr2s4] {
    background: color-mix(in srgb, var(--mud-palette-primary) 62%, var(--mud-palette-surface));
}

.heatmap-grid span.level-3[b-cdpsajr2s4] {
    background: var(--mud-palette-primary);
}

.heatmap-legend[b-cdpsajr2s4] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    color: var(--mud-palette-text-secondary);
    font-size: 0.78rem;
}

.heatmap-legend i[b-cdpsajr2s4] {
    display: inline-block;
    width: 13px;
    height: 13px;
    border-radius: 4px;
}

.heatmap-legend i.level-0[b-cdpsajr2s4] { background: color-mix(in srgb, var(--mud-palette-primary) 7%, var(--mud-palette-surface)); }
.heatmap-legend i.level-1[b-cdpsajr2s4] { background: color-mix(in srgb, var(--mud-palette-primary) 32%, var(--mud-palette-surface)); }
.heatmap-legend i.level-2[b-cdpsajr2s4] { background: color-mix(in srgb, var(--mud-palette-primary) 62%, var(--mud-palette-surface)); }
.heatmap-legend i.level-3[b-cdpsajr2s4] { background: var(--mud-palette-primary); }

.privacy-note[b-cdpsajr2s4] {
    padding-top: 0 !important;
    border-top: 0 !important;
}

@media (max-width: 1200px) {
    .summary-grid[b-cdpsajr2s4] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .stats-jump-nav[b-cdpsajr2s4] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 1000px) {
    .summary-grid[b-cdpsajr2s4] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .chart-grid[b-cdpsajr2s4] {
        grid-template-columns: minmax(0, 1fr);
    }

    .strength-grid[b-cdpsajr2s4] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 760px) {
    .stats-jump-nav[b-cdpsajr2s4] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .stats-hero[b-cdpsajr2s4] {
        grid-template-columns: minmax(0, 1fr);
        text-align: center;
        justify-items: center;
    }

    .hero-copy[b-cdpsajr2s4] {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .hero-actions[b-cdpsajr2s4] {
        justify-content: center;
    }

    .hero-total[b-cdpsajr2s4] {
        width: 158px;
        min-width: 158px;
    }

    .stats-filters-row[b-cdpsajr2s4] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.65rem;
    }

    .filter-switches[b-cdpsajr2s4]  .mud-input-control {
        width: 100%;
        min-width: 0;
    }

    .weak-card[b-cdpsajr2s4] {
        flex-wrap: wrap;
    }

    .weak-metrics[b-cdpsajr2s4] {
        width: 100%;
        justify-content: flex-end;
    }
}

@media (max-width: 599.98px) {
    .user-stats-page[b-cdpsajr2s4] {
        --stats-gap: 1.5rem;
        padding-block: 1.25rem 2.25rem;
        padding-inline: 0.85rem;
    }

    .stats-hero[b-cdpsajr2s4] {
        border-radius: 20px;
        padding: 1.45rem 1.2rem;
    }

    .stats-hero[b-cdpsajr2s4]  h1 {
        max-width: 100%;
        overflow-wrap: anywhere;
        font-size: 1.85rem;
    }

    .hero-copy[b-cdpsajr2s4] {
        width: 100%;
        max-width: 100%;
    }

    .summary-grid[b-cdpsajr2s4],
    .stats-jump-nav[b-cdpsajr2s4] {
        grid-template-columns: minmax(0, 1fr);
    }

    .summary-card[b-cdpsajr2s4],
    .chart-card[b-cdpsajr2s4],
    .activity-card[b-cdpsajr2s4] {
        padding: 1.25rem;
    }

    .chart-card[b-cdpsajr2s4] {
        min-height: 380px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .stats-jump-nav a[b-cdpsajr2s4] {
        transition: none;
    }
}

@media (max-width: 320px) {
    .user-stats-page[b-cdpsajr2s4] {
        padding-inline: 0.45rem;
    }

    .stats-hero[b-cdpsajr2s4] {
        padding: 1.15rem 0.95rem;
        border-radius: 16px;
    }

    .stats-hero[b-cdpsajr2s4]  h1 {
        font-size: 1.45rem;
    }

    .hero-total[b-cdpsajr2s4] {
        width: 132px;
        min-width: 132px;
    }
}

/* UX-036 — keep compact legend/controls touchable on 320 */
@media (max-width: 430px) {
    .filter-pill[b-cdpsajr2s4] {
        min-height: 44px;
        padding-inline: 0.85rem;
    }
    .stats-jump-nav a[b-cdpsajr2s4] {
        min-height: 48px;
    }
}
/* /Pages/TrainingMethod.razor.rz.scp.css */
.training-method-page[b-g0yysdmbg6] {
    --method-gap: clamp(3.5rem, 6vw, 5rem);
    --method-card-gap: clamp(1.25rem, 2.5vw, 1.75rem);
    box-sizing: border-box;
    width: 100%;
    max-width: 1320px;
    margin-inline: auto;
    padding: 2rem clamp(1.25rem, 3.5vw, 3rem) 5rem;
    display: grid;
    gap: var(--method-gap);
}

.method-hero[b-g0yysdmbg6] {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1.5rem 2.5rem;
    align-items: center;
    padding: clamp(1.5rem, 3.2vw, 2.4rem);
    border-radius: 24px;
    color: #fff;
    background:
        radial-gradient(circle at 88% 18%, rgba(255, 255, 255, 0.16), transparent 30%),
        linear-gradient(130deg, #14233c 0%, #3c246d 52%, #8a3f74 100%);
    box-shadow: 0 18px 45px rgba(30, 20, 70, 0.2);
}

.method-hero h1[b-g0yysdmbg6] {
    margin-block: 0.6rem 0.7rem;
    font-weight: 800;
    letter-spacing: -0.035em;
    font-size: clamp(1.6rem, 3.4vw, 2.2rem);
}

.method-hero p[b-g0yysdmbg6] {
    margin: 0;
    opacity: 0.88;
    max-width: 62ch;
}

.method-hero-eyebrow[b-g0yysdmbg6] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.4rem 0.85rem;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.1);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.method-hero-status[b-g0yysdmbg6] {
    display: flex;
    flex-direction: column;
    place-content: center;
    align-items: center;
    gap: 0.2rem;
    width: 168px;
    min-width: 168px;
    aspect-ratio: 1;
    padding: 1.15rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.25);
    text-align: center;
}

.method-hero-status strong[b-g0yysdmbg6] {
    font-size: 2.35rem;
    line-height: 1.1;
    font-variant-numeric: tabular-nums;
}

.method-hero-status span[b-g0yysdmbg6] {
    opacity: 0.82;
    font-size: 0.85rem;
}

.method-section[b-g0yysdmbg6] {
    min-width: 0;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 22px;
    background: var(--mud-palette-surface);
    box-shadow: 0 14px 38px rgba(15, 23, 42, 0.08);
    padding: clamp(1.6rem, 3.5vw, 2.35rem);
}

.method-section-heading[b-g0yysdmbg6] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: flex-start;
    gap: 1rem 1.25rem;
    margin-bottom: clamp(1.75rem, 3vw, 2.25rem);
}

.method-section-icon[b-g0yysdmbg6] {
    flex-shrink: 0;
    display: grid;
    place-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: 15px;
    color: #fff;
    background: linear-gradient(135deg, #5d3fd3, #a84c91);
    box-shadow: 0 10px 22px rgba(93, 63, 211, 0.18);
}

.method-section-icon.schedule[b-g0yysdmbg6] {
    background: linear-gradient(135deg, #0277bd, #26a69a);
}

.method-section-icon.rules[b-g0yysdmbg6] {
    background: linear-gradient(135deg, #7b4bd8, #ec5a9e);
}

.method-section-icon.today[b-g0yysdmbg6] {
    background: linear-gradient(135deg, #ed6c02, #f5b52c);
}

.method-section-icon[b-g0yysdmbg6]  .mud-icon-root {
    font-size: 1.45rem;
}

.method-section-heading h2[b-g0yysdmbg6] {
    margin: 0 0 0.35rem;
    font-size: clamp(1.2rem, 2vw, 1.45rem);
    font-weight: 800;
    letter-spacing: -0.02em;
}

.method-section-heading p[b-g0yysdmbg6] {
    margin: 0;
    color: var(--mud-palette-text-secondary);
    font-size: 0.95rem;
    line-height: 1.55;
    max-width: 68ch;
}

.method-section-action[b-g0yysdmbg6] {
    margin-inline-start: auto;
    align-self: center;
}

.method-choice-grid[b-g0yysdmbg6] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--method-card-gap);
}

.method-choice-card[b-g0yysdmbg6] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
    align-items: flex-start;
    text-align: start;
    min-height: 210px;
    padding: 1.45rem;
    border-radius: 18px;
    border: 1.5px solid var(--mud-palette-lines-default);
    background: color-mix(in srgb, var(--mud-palette-surface) 84%, var(--mud-palette-background) 16%);
    color: var(--mud-palette-text-primary);
    cursor: pointer;
    transition: border-color 160ms ease, transform 160ms ease, box-shadow 160ms ease;
}

.method-choice-card:hover[b-g0yysdmbg6] {
    transform: translateY(-2px);
    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.08);
}

.method-choice-card.selected[b-g0yysdmbg6] {
    border-color: var(--mud-palette-primary);
    background:
        linear-gradient(145deg,
            color-mix(in srgb, var(--mud-palette-primary) 9%, var(--mud-palette-surface)),
            var(--mud-palette-surface));
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--mud-palette-primary) 18%, transparent);
}

.method-choice-icon[b-g0yysdmbg6] {
    display: grid;
    place-items: center;
    width: 3rem;
    height: 3rem;
    margin-bottom: 0.15rem;
    border-radius: 14px;
    color: var(--mud-palette-primary);
    background: color-mix(in srgb, var(--mud-palette-primary) 13%, var(--mud-palette-surface));
}

.method-choice-icon[b-g0yysdmbg6]  .mud-icon-root {
    font-size: 1.55rem;
}

.method-choice-card strong[b-g0yysdmbg6] {
    font-size: 1.05rem;
    line-height: 1.3;
}

.method-choice-card small[b-g0yysdmbg6] {
    color: var(--mud-palette-text-secondary);
    line-height: 1.55;
}

.method-card-badge[b-g0yysdmbg6] {
    position: absolute;
    top: 0.85rem;
    inset-inline-end: 0.85rem;
    padding: 0.2rem 0.6rem;
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--mud-palette-primary);
    background: color-mix(in srgb, var(--mud-palette-primary) 14%, var(--mud-palette-surface));
}

.method-schedule-grid[b-g0yysdmbg6] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--method-card-gap);
    margin-bottom: 1.75rem;
}

.method-schedule-field[b-g0yysdmbg6] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.method-schedule-field strong[b-g0yysdmbg6] {
    font-size: 0.95rem;
}

.method-schedule-field small[b-g0yysdmbg6] {
    color: var(--mud-palette-text-secondary);
    margin-top: -0.2rem;
}

.method-selection-options[b-g0yysdmbg6] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
}

.method-selection-option[b-g0yysdmbg6] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    min-height: 82px;
    padding: 1rem 1.15rem;
    border-radius: 14px;
    border: 1.5px solid var(--mud-palette-lines-default);
    background: var(--mud-palette-background);
    color: var(--mud-palette-text-primary);
    cursor: pointer;
    text-align: start;
}

.method-selection-option.selected[b-g0yysdmbg6] {
    border-color: var(--mud-palette-primary);
    background: color-mix(in srgb, var(--mud-palette-primary) 8%, var(--mud-palette-background));
}

.method-selection-option > .mud-icon-root[b-g0yysdmbg6],
.method-selection-option > svg[b-g0yysdmbg6] {
    flex-shrink: 0;
    color: var(--mud-palette-primary);
}

.method-selection-option span[b-g0yysdmbg6] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    min-width: 0;
}

.method-selection-option small[b-g0yysdmbg6] {
    color: var(--mud-palette-text-secondary);
}

.method-rules-empty[b-g0yysdmbg6] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    min-height: 88px;
    color: var(--mud-palette-text-secondary);
    border: 1px dashed var(--mud-palette-lines-default);
    border-radius: 14px;
    background: var(--mud-palette-background);
}

.method-rules-empty p[b-g0yysdmbg6] {
    margin: 0;
}

.method-rules-list[b-g0yysdmbg6] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.method-rule-card[b-g0yysdmbg6] {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 18px;
    background: var(--mud-palette-background);
    padding: 1.35rem 1.45rem;
}

.method-rule-card.is-missing[b-g0yysdmbg6] {
    opacity: 0.72;
}

.method-rule-heading[b-g0yysdmbg6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.8rem;
}

.method-rule-target[b-g0yysdmbg6] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    min-width: 0;
}

.method-rule-target > .mud-icon-root[b-g0yysdmbg6],
.method-rule-target > svg[b-g0yysdmbg6] {
    color: var(--mud-palette-primary);
}

.method-rule-target em[b-g0yysdmbg6] {
    font-style: normal;
    font-size: 0.72rem;
    color: var(--mud-palette-error);
}

.method-rule-controls[b-g0yysdmbg6],
.method-rule-schedule[b-g0yysdmbg6] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.85rem;
    align-items: end;
}

.method-rule-schedule[b-g0yysdmbg6] {
    margin-top: 0.85rem;
    padding-top: 0.85rem;
    border-top: 1px dashed var(--mud-palette-lines-default);
}

.method-today[b-g0yysdmbg6] {
    background:
        linear-gradient(0deg, color-mix(in srgb, var(--mud-palette-primary) 5%, var(--mud-palette-surface)), var(--mud-palette-surface));
}

.method-today-grid[b-g0yysdmbg6] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--method-card-gap);
}

.method-today-grid article[b-g0yysdmbg6] {
    display: flex;
    align-items: center;
    gap: 1rem;
    min-height: 120px;
    padding: 1.25rem 1.35rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 16px;
    background: var(--mud-palette-surface);
}

.method-today-icon[b-g0yysdmbg6] {
    flex-shrink: 0;
    display: grid;
    place-items: center;
    width: 2.8rem;
    height: 2.8rem;
    border-radius: 13px;
    color: var(--mud-palette-primary);
    background: color-mix(in srgb, var(--mud-palette-primary) 12%, var(--mud-palette-surface));
}

.method-today-icon[b-g0yysdmbg6]  .mud-icon-root {
    font-size: 1.4rem;
}

.method-today-grid article > div[b-g0yysdmbg6] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.method-today-grid article strong[b-g0yysdmbg6] {
    font-size: 1.25rem;
    font-variant-numeric: tabular-nums;
}

.method-today-grid article small[b-g0yysdmbg6] {
    color: var(--mud-palette-text-secondary);
}

.method-today-grid article .mud-button-root[b-g0yysdmbg6] {
    margin-inline-start: auto;
    flex-shrink: 0;
}

.method-save-bar[b-g0yysdmbg6] {
    position: sticky;
    bottom: 0.75rem;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1rem;
    min-height: 76px;
    padding: 1rem 1.25rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 16px;
    background: color-mix(in srgb, var(--mud-palette-surface) 92%, transparent);
    backdrop-filter: blur(8px);
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.12);
}

.method-saved-feedback[b-g0yysdmbg6] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    margin: 0;
}

.method-saved-feedback .mud-icon-root[b-g0yysdmbg6],
.method-saved-feedback svg[b-g0yysdmbg6] {
    color: var(--mud-palette-success);
    font-size: 1.05rem;
}

@media (max-width: 860px) {
    .method-choice-grid[b-g0yysdmbg6] {
        grid-template-columns: minmax(0, 1fr);
    }

    .method-hero[b-g0yysdmbg6] {
        grid-template-columns: minmax(0, 1fr);
    }

    .method-hero-status[b-g0yysdmbg6] {
        width: 100%;
        min-width: 0;
        aspect-ratio: auto;
        flex-direction: row;
        gap: 0.5rem;
        border-radius: 16px;
        padding: 0.85rem 1.1rem;
    }

    .method-today-grid[b-g0yysdmbg6] {
        grid-template-columns: minmax(0, 1fr);
    }

    .method-today-grid article[b-g0yysdmbg6] {
        flex-wrap: wrap;
    }

    .method-today-grid article .mud-button-root[b-g0yysdmbg6] {
        margin-inline-start: 0;
        width: 100%;
    }

    .method-rule-controls[b-g0yysdmbg6],
    .method-rule-schedule[b-g0yysdmbg6],
    .method-schedule-grid[b-g0yysdmbg6],
    .method-selection-options[b-g0yysdmbg6] {
        grid-template-columns: minmax(0, 1fr);
    }

    .method-section-heading[b-g0yysdmbg6] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .method-section-action[b-g0yysdmbg6] {
        grid-column: 1 / -1;
        width: 100%;
        margin-inline-start: 0;
    }

    .method-section-action[b-g0yysdmbg6]  .mud-button-root {
        width: 100%;
        min-height: 46px;
    }
}

/* COS_METHOD_RESPONSIVE_20260830 */
.method-rule-card[b-g0yysdmbg6] { padding: clamp(1rem, 2vw, 1.45rem); }
@media (min-width: 1800px) {
    .training-method-page[b-g0yysdmbg6] { max-width: 1480px; }
}
@media (max-width: 700px) {
    .training-method-page[b-g0yysdmbg6] {
        --method-gap: 2.5rem;
        --method-card-gap: 1rem;
        padding: 1rem .85rem 3rem;
    }
    .method-section[b-g0yysdmbg6] { padding: 1.2rem; border-radius: 18px; }
    .method-section-heading[b-g0yysdmbg6] { gap: .85rem; margin-bottom: 1.4rem; }
    .method-section-icon[b-g0yysdmbg6] { width: 2.7rem; height: 2.7rem; }
    .method-choice-card[b-g0yysdmbg6] { min-height: 0; }
    .method-save-bar[b-g0yysdmbg6] {
        bottom: .35rem;
        align-items: stretch;
        flex-direction: column;
    }
    .method-save-bar[b-g0yysdmbg6]  .mud-button-root { width: 100%; min-height: 48px; }
}
@media (max-height: 760px) and (min-width: 701px) {
    .training-method-page[b-g0yysdmbg6] { padding-top: .8rem; gap: 2rem; }
    .method-hero[b-g0yysdmbg6] { padding-block: 1rem; }
}
/* /Pages/UserConfiguration.razor.rz.scp.css */
.user-config-page[b-d1wvx1onvy] {
    box-sizing: border-box;
    width: 100%;
    max-width: 1180px;
    margin-inline: auto;
    padding: 2rem clamp(1.25rem, 3.5vw, 3rem) 5rem;
}

.user-config-header[b-d1wvx1onvy] {
    margin-bottom: clamp(2rem, 4vw, 3rem);
}

.user-config-header[b-d1wvx1onvy]  h1 {
    font-weight: 800;
}

.user-config-header[b-d1wvx1onvy]  p {
    max-width: 68ch;
    color: var(--mud-palette-text-secondary);
}

.user-config-toolbar[b-d1wvx1onvy] {
    margin-bottom: clamp(1.75rem, 3vw, 2.5rem);
    width: 100%;
    padding: 1rem 1.25rem !important;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 16px;
    background: var(--mud-palette-surface);
    box-shadow: 0 12px 30px rgba(15, 23, 42, .09);
}

.user-config-page[b-d1wvx1onvy]  .mud-table-root {
    border-radius: 16px;
    overflow: hidden;
}

.user-config-page[b-d1wvx1onvy]  .mud-table-toolbar {
    min-height: 72px;
    padding-block: 1rem;
}

.user-config-page[b-d1wvx1onvy]  .mud-table-cell {
    padding-block: 1rem;
}

.responsive-modal-overlay[b-d1wvx1onvy]  .identity-card {
    display: flex;
    align-items: flex-start;
    gap: .8rem;
    min-height: 104px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 14px;
    background: color-mix(in srgb, var(--mud-palette-surface) 92%, var(--mud-palette-primary) 8%);
}

.responsive-modal-overlay[b-d1wvx1onvy]  .premium-card {
    background: color-mix(in srgb, var(--mud-palette-surface) 91%, #f59e0b 9%);
}

.permanent-delete-panel[b-d1wvx1onvy] {
    margin-bottom: 1rem;
    padding: 1rem;
    border: 1px solid color-mix(in srgb, var(--mud-palette-error) 45%, var(--mud-palette-lines-default));
    border-radius: 14px;
    background: color-mix(in srgb, var(--mud-palette-error) 5%, var(--mud-palette-surface));
}

@media (max-width: 600px) {
    .user-config-page[b-d1wvx1onvy] { padding: 1rem .85rem 3rem; }
}
/* /Pages/UserDetails.razor.rz.scp.css */
.user-details-page[b-ddi7g6q2iy] {
    box-sizing: border-box;
    width: min(1540px, 100%);
    margin-inline: auto;
    padding: clamp(.75rem, 2vw, 1.75rem) clamp(.6rem, 2.5vw, 2.25rem) 3.5rem !important;
}
.user-details-page *[b-ddi7g6q2iy], .user-details-page *[b-ddi7g6q2iy]::before, .user-details-page *[b-ddi7g6q2iy]::after { box-sizing: border-box; }
.details-filters[b-ddi7g6q2iy] { margin-bottom: 1.2rem; border: 1px solid var(--mud-palette-lines-default); border-radius: 12px; background: var(--mud-palette-surface); }
.details-filters summary[b-ddi7g6q2iy] { min-height: 48px; padding: .85rem 1rem; cursor: pointer; font-weight: 600; color: var(--mud-palette-primary); }
.details-filters summary:focus-visible[b-ddi7g6q2iy] { outline: 2px solid var(--mud-palette-primary); outline-offset: 2px; border-radius: 12px; }

.details-hero[b-ddi7g6q2iy] {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 1.25rem;
    align-items: center;
    padding: clamp(1.35rem, 2.5vw, 2.2rem);
    border-radius: 24px;
    color: #fff;
    background:
        radial-gradient(circle at 88% 0%, rgba(255,255,255,.18), transparent 32%),
        linear-gradient(132deg, #102a43 0%, #13547a 52%, #167d8d 100%);
    box-shadow: 0 18px 45px rgba(12,49,70,.2);
}
.details-hero[b-ddi7g6q2iy]::after {
    content: "";
    position: absolute;
    z-index: -1;
    width: 260px;
    aspect-ratio: 1;
    inset-inline-end: -90px;
    bottom: -165px;
    border: 40px solid rgba(255,255,255,.07);
    border-radius: 50%;
}
.details-hero-icon[b-ddi7g6q2iy] {
    display: grid;
    place-items: center;
    width: 62px;
    height: 62px;
    border: 1px solid rgba(255,255,255,.24);
    border-radius: 18px;
    background: rgba(255,255,255,.12);
}
.details-hero-copy[b-ddi7g6q2iy] { min-width: 0; }
.details-hero-copy h1[b-ddi7g6q2iy] { margin-block: .1rem .3rem; font-weight: 800; letter-spacing: -.035em; }
.details-hero-copy p[b-ddi7g6q2iy] { max-width: 70ch; opacity: .88; }
.details-hero-copy[b-ddi7g6q2iy]  h1 { font-size: clamp(1.75rem, 3vw, 2.5rem); overflow-wrap: anywhere; }
.details-hero-actions[b-ddi7g6q2iy] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .65rem; }
.details-hero-actions[b-ddi7g6q2iy]  .mud-button-outlined { border-color: rgba(255,255,255,.5); color: #fff; }
.details-hero-actions[b-ddi7g6q2iy]  .mud-button-filled { color: #123d52; background: #fff; }

.details-toolbar[b-ddi7g6q2iy] {
    display: grid;
    grid-template-columns: minmax(280px, 1fr) auto auto auto;
    gap: 1rem;
    align-items: center;
    margin: clamp(1.4rem, 3vw, 2.3rem) 0 1rem;
    padding: .8rem 1rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 16px;
    background: var(--mud-palette-surface);
    box-shadow: 0 8px 24px rgba(15,23,42,.06);
}
.toolbar-stat[b-ddi7g6q2iy], .toolbar-price[b-ddi7g6q2iy] {
    display: flex;
    flex-direction: column;
    min-width: 115px;
    padding-inline: 1rem;
    border-left: 1px solid var(--mud-palette-lines-default);
}
.toolbar-stat strong[b-ddi7g6q2iy] { font-size: 1.3rem; color: var(--mud-palette-primary); }
.toolbar-stat.premium strong[b-ddi7g6q2iy] { color: #d97706; }
.toolbar-stat span[b-ddi7g6q2iy], .toolbar-price span[b-ddi7g6q2iy] { color: var(--mud-palette-text-secondary); font-size: .72rem; }
.toolbar-price small[b-ddi7g6q2iy] { color: var(--mud-palette-text-secondary); font-size: .68rem; }
.details-explanation[b-ddi7g6q2iy] { margin-bottom: 1rem; }

.activity-legend[b-ddi7g6q2iy] { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem .65rem; margin: .65rem 0; color: var(--mud-palette-text-secondary); font-size: .75rem; }
.activity-cell[b-ddi7g6q2iy] { min-width: 0; }
.activity-cell time[b-ddi7g6q2iy] { display: block; }
.activity-cell time strong[b-ddi7g6q2iy] { display: block; font-size: .82rem; }
.activity-clock[b-ddi7g6q2iy] { display: block; font-size: .72rem; color: var(--mud-palette-text-secondary); }
.activity-cell time[b-ddi7g6q2iy], .detail-grid dd[b-ddi7g6q2iy] { overflow-wrap: anywhere; }
.activity-age[b-ddi7g6q2iy] { display: inline-flex; align-items: center; gap: .35rem; max-width: 100%; padding: .12rem .5rem; border: 1px solid currentColor; border-radius: 999px; font-size: .72rem; font-weight: 700; line-height: 1.5; }
.activity-cell .activity-age[b-ddi7g6q2iy] { margin-block: .25rem .15rem; }
.activity-age[b-ddi7g6q2iy]::before { content: ""; width: .45rem; height: .45rem; flex: 0 0 auto; border-radius: 50%; background: currentColor; }
.activity-age.recent[b-ddi7g6q2iy] { color: var(--mud-palette-success); }
.activity-age.neutral[b-ddi7g6q2iy] { color: var(--mud-palette-text-secondary); }
.activity-age.warning[b-ddi7g6q2iy] { color: var(--mud-palette-warning-darken); }
.activity-age.stale[b-ddi7g6q2iy] { color: var(--mud-palette-error); }
.online-indicator[b-ddi7g6q2iy] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    width: fit-content;
    padding: .18rem .55rem;
    border: 1px solid color-mix(in srgb, var(--mud-palette-success) 65%, transparent);
    border-radius: 999px;
    color: var(--mud-palette-success);
    background: color-mix(in srgb, var(--mud-palette-success) 11%, transparent);
    font-size: .7rem;
    font-weight: 900;
    letter-spacing: .045em;
}
.online-indicator[b-ddi7g6q2iy]  .mud-icon-root { width: .55rem; height: .55rem; }

.users-table-shell[b-ddi7g6q2iy] {
    overflow: auto;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 18px;
    background: var(--mud-palette-surface);
    box-shadow: 0 12px 32px rgba(15,23,42,.07);
}
.users-table[b-ddi7g6q2iy] {
    width: 100%;
    min-width: 0;
    border-collapse: collapse;
    table-layout: fixed;
}
.users-table th[b-ddi7g6q2iy] {
    position: sticky;
    top: 0;
    z-index: 2;
    padding: .75rem .8rem;
    text-align: left;
    font-size: .7rem;
    letter-spacing: .045em;
    text-transform: uppercase;
    color: var(--mud-palette-text-secondary);
    background: color-mix(in srgb, var(--mud-palette-surface) 94%, var(--mud-palette-primary) 6%);
    border-bottom: 1px solid var(--mud-palette-lines-default);
}
.users-table th:nth-child(1)[b-ddi7g6q2iy] { width: 18%; }
.users-table th:nth-child(2)[b-ddi7g6q2iy] { width: 8%; }
.users-table th:nth-child(3)[b-ddi7g6q2iy] { width: 9%; }
.users-table th:nth-child(4)[b-ddi7g6q2iy] { width: 8%; }
.users-table th:nth-child(5)[b-ddi7g6q2iy] { width: 10%; }
.users-table th:nth-child(6)[b-ddi7g6q2iy] { width: 10%; }
.users-table th:nth-child(7)[b-ddi7g6q2iy] { width: 10%; }
.users-table th:nth-child(8)[b-ddi7g6q2iy] { width: 14%; }
.users-table th:nth-child(9)[b-ddi7g6q2iy] { width: 9%; }
.sort-button[b-ddi7g6q2iy] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    min-height: 44px;
    margin: -.35rem -.45rem;
    padding: .35rem .45rem;
    border: 0;
    border-radius: 8px;
    color: inherit;
    background: transparent;
    font: inherit;
    font-weight: 800;
    letter-spacing: inherit;
    text-transform: inherit;
    cursor: pointer;
}
.sort-button span[b-ddi7g6q2iy] { color: var(--mud-palette-text-secondary); font-size: .9rem; }
.sort-button:hover[b-ddi7g6q2iy], .sort-button:focus-visible[b-ddi7g6q2iy] { color: var(--mud-palette-primary); background: color-mix(in srgb, var(--mud-palette-primary) 10%, transparent); outline: none; }
.sort-button.active[b-ddi7g6q2iy] { color: var(--mud-palette-primary); }
.sort-button.active span[b-ddi7g6q2iy] { color: currentColor; }

.user-row > td[b-ddi7g6q2iy] {
    padding: .82rem .8rem;
    vertical-align: middle;
    border-bottom: 1px solid var(--mud-palette-lines-default);
    overflow-wrap: anywhere;
    font-size: .85rem;
}
.user-open[b-ddi7g6q2iy] { display: grid; gap: .2rem; text-align: left; color: inherit; background: transparent; border: 0; border-radius: 8px; padding: .4rem; width: 100%; min-height: 60px; cursor: pointer; }
.user-open:hover[b-ddi7g6q2iy], .user-open:focus-visible[b-ddi7g6q2iy] { background: var(--mud-palette-primary-hover); outline: 2px solid var(--mud-palette-primary); }
.user-open strong[b-ddi7g6q2iy] { display: flex; align-items: center; justify-content: space-between; gap: .3rem; }
.user-open small[b-ddi7g6q2iy] { overflow-wrap: anywhere; color: var(--mud-palette-text-secondary); }
.account-status[b-ddi7g6q2iy] { font-size: .7rem; color: var(--mud-palette-text-secondary); }
.account-badges[b-ddi7g6q2iy] { display: flex; align-items: center; flex-wrap: wrap; gap: .4rem; }
.account-badges img[b-ddi7g6q2iy] { width: 42px; height: 42px; object-fit: contain; }
.account-badges span[b-ddi7g6q2iy] { display: grid; justify-items: center; }
.account-badges small[b-ddi7g6q2iy] { font-size: .6rem; }
.subscription-badge[b-ddi7g6q2iy], .renewal-label[b-ddi7g6q2iy] { display: flex; align-items: center; gap: .25rem; }
.renewal-label[b-ddi7g6q2iy] { font-size: .7rem; color: var(--mud-palette-text-secondary); margin-top: .3rem; }
.origin-label[b-ddi7g6q2iy] { display: inline-block; padding: .2rem .4rem; border-radius: 6px; background: var(--mud-palette-primary-hover); font-size: .75rem; }
.storage-cost-cell strong[b-ddi7g6q2iy] { color: var(--mud-palette-primary); }
.user-row:hover > td[b-ddi7g6q2iy] { background: color-mix(in srgb, var(--mud-palette-primary) 3%, transparent); }
.user-row.is-expanded > td[b-ddi7g6q2iy] { background: color-mix(in srgb, var(--mud-palette-primary) 5%, transparent); }

.user-cell[b-ddi7g6q2iy] { display: flex; align-items: center; gap: .65rem; min-width: 0; }
.user-avatar[b-ddi7g6q2iy] {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    flex: 0 0 auto;
    border-radius: 12px;
    color: var(--mud-palette-primary);
    background: color-mix(in srgb, var(--mud-palette-primary) 12%, transparent);
}
.user-cell > span:last-child[b-ddi7g6q2iy] { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: .1rem; }
.user-cell strong[b-ddi7g6q2iy], .user-row td > strong[b-ddi7g6q2iy] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.user-cell small[b-ddi7g6q2iy], .user-row td > small[b-ddi7g6q2iy] {
    display: block;
    overflow: hidden;
    color: var(--mud-palette-text-secondary);
    font-size: .72rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.user-cell[b-ddi7g6q2iy]  .mud-chip { margin-top: .2rem; height: 20px; font-size: .65rem; }
.plan-label.premium[b-ddi7g6q2iy] { color: #d97706; }
.ok[b-ddi7g6q2iy] { color: var(--mud-palette-success); }
.warning[b-ddi7g6q2iy] { color: var(--mud-palette-warning-darken); }
.row-action[b-ddi7g6q2iy] { padding-inline: .25rem !important; text-align: center; }

.user-detail-row > td[b-ddi7g6q2iy] {
    padding: 0;
    border-bottom: 1px solid var(--mud-palette-lines-default);
    background: color-mix(in srgb, var(--mud-palette-background) 68%, var(--mud-palette-surface));
}
.detail-grid[b-ddi7g6q2iy] {
    display: grid;
    grid-template-columns: 1.1fr 1fr 1.15fr 1fr;
    gap: .85rem;
    padding: 1rem 1.1rem 1.15rem 3.9rem;
}
.detail-grid section[b-ddi7g6q2iy] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: .3rem;
    padding: .85rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 12px;
    background: var(--mud-palette-surface);
}
.detail-kicker[b-ddi7g6q2iy] {
    font-size: .64rem;
    font-weight: 800;
    letter-spacing: .08em;
    color: var(--mud-palette-primary);
}
.detail-grid section > small[b-ddi7g6q2iy] { color: var(--mud-palette-text-secondary); font-size: .72rem; }
.detail-grid dl[b-ddi7g6q2iy] { display: grid; gap: .32rem; margin: .15rem 0 0; }
.detail-grid dl div[b-ddi7g6q2iy] { display: flex; justify-content: space-between; gap: .7rem; }
.detail-grid dt[b-ddi7g6q2iy] { color: var(--mud-palette-text-secondary); font-size: .72rem; }
.detail-grid dd[b-ddi7g6q2iy] { margin: 0; text-align: right; font-size: .74rem; font-weight: 700; }
.detail-note[b-ddi7g6q2iy] { margin-top: .3rem; line-height: 1.35; }

.users-pagination[b-ddi7g6q2iy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: .85rem;
    padding: .75rem .85rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 14px;
    background: var(--mud-palette-surface);
}
.users-pagination p[b-ddi7g6q2iy] { margin: 0; color: var(--mud-palette-text-secondary); }
.users-pagination > div[b-ddi7g6q2iy] { display: flex; align-items: center; gap: .65rem; }
.users-pagination button[b-ddi7g6q2iy] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .3rem;
    min-height: 44px;
    padding: .45rem .7rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 10px;
    color: var(--mud-palette-text-primary);
    background: var(--mud-palette-background);
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}
.users-pagination button:hover:not(:disabled)[b-ddi7g6q2iy], .users-pagination button:focus-visible[b-ddi7g6q2iy] { border-color: var(--mud-palette-primary); color: var(--mud-palette-primary); outline: none; }
.users-pagination button:disabled[b-ddi7g6q2iy] { opacity: .45; cursor: default; }
.users-pagination button[b-ddi7g6q2iy]  .mud-icon-root { width: 1.15rem; height: 1.15rem; }

@media (max-width: 1600px) {
    .details-hero[b-ddi7g6q2iy] { grid-template-columns: auto minmax(0, 1fr); }
    .details-hero-actions[b-ddi7g6q2iy] { grid-column: 1 / -1; justify-content: flex-start; }
}
@media (max-width: 1080px) {
    .details-toolbar[b-ddi7g6q2iy] { grid-template-columns: 1fr 1fr 1fr; }
    .details-toolbar[b-ddi7g6q2iy]  .mud-input-control { grid-column: 1 / -1; }
    .detail-grid[b-ddi7g6q2iy] { grid-template-columns: repeat(2, minmax(0, 1fr)); padding-left: 1rem; }
}

@media (max-width: 1450px) {
    .user-details-page[b-ddi7g6q2iy] { padding-inline: .35rem !important; padding-top: .65rem !important; }
    .details-hero[b-ddi7g6q2iy] { grid-template-columns: 1fr; padding: 1.2rem; border-radius: 18px; }
    .details-hero-icon[b-ddi7g6q2iy] { width: 50px; height: 50px; }
    .details-hero-actions[b-ddi7g6q2iy] { grid-column: auto; }
    .details-hero-actions[b-ddi7g6q2iy]  .mud-button-root { flex: 1 1 140px; }
    .details-toolbar[b-ddi7g6q2iy] { grid-template-columns: 1fr 1fr; gap: .65rem; }
    .details-toolbar[b-ddi7g6q2iy]  .mud-input-control { grid-column: 1 / -1; }
    .toolbar-price[b-ddi7g6q2iy] { grid-column: 1 / -1; }
    .toolbar-stat[b-ddi7g6q2iy], .toolbar-price[b-ddi7g6q2iy] { border-left: 0; padding-inline: .3rem; }

    .users-table-shell[b-ddi7g6q2iy] { overflow: visible; border: 0; box-shadow: none; background: transparent; }
    .users-table[b-ddi7g6q2iy] { min-width: 0; display: block; }
    .users-table thead[b-ddi7g6q2iy] { display: none; }
    .users-table tbody[b-ddi7g6q2iy] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; }
    .user-row[b-ddi7g6q2iy] {
        position: relative;
        display: grid;
        grid-template-columns: 1fr 1fr;
        border: 1px solid var(--mud-palette-lines-default);
        border-radius: 15px 15px 0 0;
        overflow: hidden;
        background: var(--mud-palette-surface);
        box-shadow: 0 6px 18px rgba(15,23,42,.05);
    }
    .user-row:not(.is-expanded)[b-ddi7g6q2iy] { border-radius: 15px; }
    .user-row > td[b-ddi7g6q2iy] {
        display: block;
        padding: .65rem .75rem;
        border-bottom: 1px solid var(--mud-palette-lines-default);
    }
    .user-row > td:first-child[b-ddi7g6q2iy] { grid-column: 1 / -1; padding-right: 3.2rem; }
    .user-row > td[b-ddi7g6q2iy]::before {
        content: attr(data-label);
        display: block;
        margin-bottom: .12rem;
        color: var(--mud-palette-text-secondary);
        font-size: .61rem;
        font-weight: 700;
        letter-spacing: .04em;
        text-transform: uppercase;
    }
    .user-row > td:first-child[b-ddi7g6q2iy]::before, .row-action[b-ddi7g6q2iy]::before { display: none; }
    .row-action[b-ddi7g6q2iy] {
        position: absolute;
        inset: .55rem .45rem auto auto;
        border: 0 !important;
        background: transparent !important;
    }
    .user-detail-row[b-ddi7g6q2iy] { display: block; margin-top: -.7rem; }
    .user-detail-row > td[b-ddi7g6q2iy] { display: block; border: 1px solid var(--mud-palette-lines-default); border-top: 0; border-radius: 0 0 15px 15px; }
    .detail-grid[b-ddi7g6q2iy] { grid-template-columns: 1fr; padding: .75rem; }
    .users-pagination[b-ddi7g6q2iy] { align-items: stretch; flex-direction: column; }
    .users-pagination > div[b-ddi7g6q2iy] { justify-content: space-between; }
}

@media (max-width: 1050px) {
    .users-table tbody[b-ddi7g6q2iy] { grid-template-columns: 1fr; }
}

@media (max-width: 520px) {
    .users-pagination button[b-ddi7g6q2iy] { width: 44px; padding-inline: 0; font-size: 0; }
    .users-pagination button[b-ddi7g6q2iy]  .mud-icon-root { width: 1.3rem; height: 1.3rem; }
}

@media (max-height: 760px) and (min-width: 761px) {
    .user-details-page[b-ddi7g6q2iy] { padding-top: .6rem !important; }
    .details-hero[b-ddi7g6q2iy] { padding: 1rem 1.25rem; border-radius: 18px; }
    .details-hero-icon[b-ddi7g6q2iy] { width: 48px; height: 48px; }
    .details-toolbar[b-ddi7g6q2iy] { margin-top: 1rem; margin-bottom: .7rem; padding-block: .55rem; }
    .users-table th[b-ddi7g6q2iy] { padding-block: .55rem; }
    .user-row > td[b-ddi7g6q2iy] { padding-block: .58rem; }
    .detail-grid[b-ddi7g6q2iy] { padding-block: .7rem; }
}
/* /Pages/UserStatistics.razor.rz.scp.css */
.stats-page[b-cdaqtqwjly] {
    --stats-radius: 20px;
    --stats-radius-sm: 14px;
    --stats-gap: clamp(1.75rem, 3vw, 2.5rem);
    --stats-pad: clamp(1.5rem, 3vw, 2rem);
    --stats-shadow: 0 12px 32px rgba(15, 23, 42, 0.08);
    box-sizing: border-box;
    width: 100%;
    max-width: 1320px;
    margin-inline: auto;
    padding-block: 2rem 5rem;
    padding-inline: clamp(1.25rem, 3.5vw, 3rem);
}

.stats-hero[b-cdaqtqwjly],
.stats-filters[b-cdaqtqwjly],
.summary-card[b-cdaqtqwjly],
.benchmark-card[b-cdaqtqwjly],
.chart-card[b-cdaqtqwjly],
.status-panel[b-cdaqtqwjly],
.adoption-panel[b-cdaqtqwjly],
.period-kpis > div[b-cdaqtqwjly] {
    box-sizing: border-box;
    min-width: 0;
}

.stats-hero[b-cdaqtqwjly] {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1.75rem 2.5rem;
    align-items: center;
    min-height: 0;
    padding: clamp(1.6rem, 3.4vw, 2.4rem) clamp(1.5rem, 3.2vw, 2.4rem);
    border-radius: 24px;
    color: #fff;
    background:
        radial-gradient(circle at 88% 18%, rgba(255, 255, 255, 0.18), transparent 28%),
        linear-gradient(130deg, #14233c 0%, #3c246d 52%, #8a3f74 100%);
    box-shadow: 0 18px 45px rgba(30, 20, 70, 0.2);
}

.stats-hero[b-cdaqtqwjly]::after {
    content: "";
    position: absolute;
    z-index: -1;
    width: 240px;
    aspect-ratio: 1;
    inset-inline-end: -48px;
    bottom: -120px;
    border: 36px solid rgba(255, 255, 255, 0.08);
    border-radius: 50%;
}

.hero-copy[b-cdaqtqwjly] {
    max-width: 42rem;
}

.hero-copy h1[b-cdaqtqwjly] {
    margin-block: 0.6rem 0.7rem;
    font-weight: 800;
    letter-spacing: -0.035em;
}

.hero-copy p[b-cdaqtqwjly] {
    margin: 0;
    opacity: 0.88;
    max-width: 62ch;
}

.hero-eyebrow[b-cdaqtqwjly] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.4rem 0.85rem;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.1);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.hero-action[b-cdaqtqwjly] {
    margin-top: 1.15rem;
    color: #2d1d52 !important;
    background: #fff !important;
}

.hero-total[b-cdaqtqwjly] {
    display: flex;
    flex-direction: column;
    place-content: center;
    align-items: center;
    gap: 0.2rem;
    width: 168px;
    min-width: 168px;
    aspect-ratio: 1;
    padding: 1.15rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(8px);
}

.hero-total strong[b-cdaqtqwjly] {
    font-size: 2.35rem;
    line-height: 1.1;
    font-variant-numeric: tabular-nums;
}

.hero-total span[b-cdaqtqwjly] {
    opacity: 0.82;
    text-align: center;
}

.stats-filters[b-cdaqtqwjly] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1.25rem;
    align-items: center;
    margin-top: 1.25rem;
    padding: 1.1rem 1.35rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 16px;
    background: var(--mud-palette-surface);
    box-shadow: var(--stats-shadow);
}

.filter-title[b-cdaqtqwjly] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    font-weight: 700;
}

.filter-switches[b-cdaqtqwjly] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem 1rem;
    align-items: center;
}

.stats-filters[b-cdaqtqwjly]  .mud-input-control {
    min-width: min(100%, 220px);
    margin-inline-start: auto;
}

.stats-page[b-cdaqtqwjly]  .stats-alert {
    margin-top: 2rem;
}

.privacy-note[b-cdaqtqwjly] { padding-top: 0 !important; border-top: 0 !important; }

.stats-jump-nav[b-cdaqtqwjly] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 1rem;
    margin-top: clamp(2.5rem, 5vw, 3.5rem);
}

.stats-jump-nav a[b-cdaqtqwjly] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .65rem;
    min-height: 58px;
    padding: .8rem 1rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 15px;
    color: var(--mud-palette-text-primary);
    background: var(--mud-palette-surface);
    box-shadow: var(--stats-shadow);
    font-weight: 750;
    text-align: center;
    text-decoration: none;
    transition: transform .16s ease, border-color .16s ease;
}

.stats-jump-nav a:hover[b-cdaqtqwjly],
.stats-jump-nav a:focus-visible[b-cdaqtqwjly] {
    transform: translateY(-2px);
    border-color: var(--mud-palette-primary);
    outline: none;
}

.stats-jump-nav[b-cdaqtqwjly]  .mud-icon-root { color: var(--mud-palette-primary); }

.stats-section[b-cdaqtqwjly] {
    margin-top: clamp(3rem, 5vw, 4rem);
    scroll-margin-top: 2rem;
}

.stats-section + .stats-section[b-cdaqtqwjly] {
    margin-top: clamp(4.5rem, 7vw, 6rem);
    padding-top: clamp(3rem, 5vw, 4rem);
    border-top: 1px solid var(--mud-palette-lines-default);
}

.section-heading[b-cdaqtqwjly] {
    display: flex;
    align-items: flex-start;
    gap: 0.95rem;
    margin-bottom: clamp(1.75rem, 3vw, 2.35rem);
}

.section-heading h5[b-cdaqtqwjly] {
    font-weight: 800;
}

.section-heading p[b-cdaqtqwjly] {
    color: var(--mud-palette-text-secondary);
}

.section-icon[b-cdaqtqwjly] {
    width: 48px;
    height: 48px;
    border-radius: 15px;
    display: grid;
    place-items: center;
    color: #fff;
    flex: 0 0 auto;
}

.section-icon.overview[b-cdaqtqwjly] { background: linear-gradient(135deg, #5d3fd3, #a84c91); }
.section-icon.benchmarks[b-cdaqtqwjly] { background: linear-gradient(135deg, #0277bd, #26a69a); }
.section-icon.trends[b-cdaqtqwjly] { background: linear-gradient(135deg, #6d4bd8, #ec5a9e); }

.trends-heading[b-cdaqtqwjly] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.25rem;
    flex-wrap: wrap;
}

.period-selector[b-cdaqtqwjly] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.3rem;
    padding: 0.35rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 14px;
    background: var(--mud-palette-surface);
}

.period-kpis[b-cdaqtqwjly] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--stats-gap);
    margin-bottom: var(--stats-gap);
}

.period-kpis > div[b-cdaqtqwjly] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.2rem 0.65rem;
    align-items: center;
    min-height: 112px;
    padding: 1.25rem 1.35rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: var(--stats-radius-sm);
    background: var(--mud-palette-surface);
}

.period-kpis[b-cdaqtqwjly]  .mud-icon-root {
    grid-row: 1 / 3;
    color: #6d4bd8;
}

.period-kpis span[b-cdaqtqwjly] {
    color: var(--mud-palette-text-secondary);
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1.3;
}

.period-kpis strong[b-cdaqtqwjly] {
    font-size: 1.2rem;
    font-variant-numeric: tabular-nums;
}

.chart-grid[b-cdaqtqwjly] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--stats-gap);
    align-items: stretch;
}

.chart-card[b-cdaqtqwjly],
.status-panel[b-cdaqtqwjly],
.adoption-panel[b-cdaqtqwjly] {
    height: 100%;
    padding: var(--stats-pad);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: var(--stats-radius);
    background: var(--mud-palette-surface);
    box-shadow: var(--stats-shadow);
}

.chart-card[b-cdaqtqwjly] {
    min-height: 430px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.chart-wide[b-cdaqtqwjly] {
    grid-column: 1 / -1;
    min-height: 390px;
}

.distribution-grid[b-cdaqtqwjly] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--stats-gap);
}

.adoption-grid[b-cdaqtqwjly] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--stats-gap);
}

.adoption-grid article[b-cdaqtqwjly] {
    padding: 1.1rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 16px;
    background: var(--mud-palette-surface);
    box-shadow: var(--stats-shadow);
}

.adoption-grid article > div[b-cdaqtqwjly] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: .6rem;
    align-items: center;
    margin-bottom: .75rem;
}

.adoption-grid article > div[b-cdaqtqwjly]  .mud-icon-root { color: var(--mud-palette-primary); }
.adoption-grid article > div span[b-cdaqtqwjly] { font-weight: 700; }
.adoption-grid article small[b-cdaqtqwjly] { display: block; margin-top: .4rem; color: var(--mud-palette-text-secondary); text-align: right; }

.leader-grid[b-cdaqtqwjly] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--stats-gap);
}

.leader-card[b-cdaqtqwjly] {
    padding: 1.35rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 20px;
    box-shadow: var(--stats-shadow);
}

.leader-row[b-cdaqtqwjly] {
    display: grid;
    grid-template-columns: minmax(90px, .65fr) minmax(120px, 1fr) auto;
    gap: .7rem;
    align-items: center;
    margin-top: .85rem;
}

.leader-row > span[b-cdaqtqwjly] { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.leader-row > div[b-cdaqtqwjly] { height: 10px; overflow: hidden; border-radius: 999px; background: color-mix(in srgb, var(--mud-palette-primary) 10%, transparent); }
.leader-row i[b-cdaqtqwjly] { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #6d4bd8, #ec5a9e); }
.leader-row strong[b-cdaqtqwjly] { min-width: 60px; text-align: right; font-variant-numeric: tabular-nums; }

.chart-card[b-cdaqtqwjly]  .mud-chart {
    flex: 1;
    min-width: 0;
    padding-inline: 0.35rem;
}

.history-note[b-cdaqtqwjly] {
    margin-top: 1.15rem;
}

.summary-grid[b-cdaqtqwjly] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--stats-gap);
}

.summary-card[b-cdaqtqwjly] {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-height: 150px;
    padding: 1.25rem 1.3rem 1.2rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: var(--stats-radius);
    background: var(--mud-palette-surface);
    box-shadow: var(--stats-shadow);
}

.summary-card[b-cdaqtqwjly]::after {
    content: "";
    position: absolute;
    width: 90px;
    aspect-ratio: 1;
    inset-inline-end: -35px;
    bottom: -45px;
    border-radius: 50%;
    background: currentColor;
    opacity: 0.07;
}

.summary-card[b-cdaqtqwjly] >  .mud-icon-root {
    padding: 0.55rem;
    box-sizing: content-box;
    border-radius: 12px;
    background: color-mix(in srgb, currentColor 12%, transparent);
}

.summary-card span[b-cdaqtqwjly] {
    margin-top: 0.85rem;
    color: var(--mud-palette-text-secondary);
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.035em;
    line-height: 1.35;
}

.summary-card strong[b-cdaqtqwjly] {
    color: var(--mud-palette-text-primary);
    font-size: clamp(1.25rem, 2vw, 1.7rem);
    line-height: 1.25;
    font-variant-numeric: tabular-nums;
}

.summary-card small[b-cdaqtqwjly] {
    color: var(--mud-palette-text-secondary);
    margin-top: 0.4rem;
}

.summary-card.users[b-cdaqtqwjly] { color: #5d3fd3; }
.summary-card.openings[b-cdaqtqwjly] { color: #8e44ad; }
.summary-card.positions[b-cdaqtqwjly] { color: #5c6bc0; }
.summary-card.training[b-cdaqtqwjly] { color: #0288d1; }
.summary-card.moves[b-cdaqtqwjly] { color: #00897b; }
.summary-card.storage[b-cdaqtqwjly] { color: #ed6c02; }
.summary-card.cost[b-cdaqtqwjly] {
    color: #2e7d32;
    grid-column: auto;
}

.benchmark-grid[b-cdaqtqwjly] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--stats-gap);
}

.benchmark-card[b-cdaqtqwjly] {
    padding: var(--stats-pad);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: var(--stats-radius);
    background: var(--mud-palette-surface);
    box-shadow: var(--stats-shadow);
}

.benchmark-card header[b-cdaqtqwjly] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    font-weight: 800;
}

.benchmark-card.openings header[b-cdaqtqwjly] { color: #8e44ad; }
.benchmark-card.training header[b-cdaqtqwjly] { color: #0288d1; }
.benchmark-card.storage header[b-cdaqtqwjly] { color: #ed6c02; }
.benchmark-card.cost header[b-cdaqtqwjly] { color: #2e7d32; }

.benchmark-total[b-cdaqtqwjly] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 1rem;
    margin: 1.05rem 0 0.9rem;
    padding-bottom: 0.85rem;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

.benchmark-total span[b-cdaqtqwjly] {
    color: var(--mud-palette-text-secondary);
}

.benchmark-total strong[b-cdaqtqwjly] {
    font-size: 1.5rem;
    font-variant-numeric: tabular-nums;
}

.insight-grid[b-cdaqtqwjly] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--stats-gap);
    align-items: stretch;
}

.panel-heading[b-cdaqtqwjly] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    min-height: 32px;
    margin-bottom: 1.15rem;
}

.panel-heading h6[b-cdaqtqwjly] {
    font-weight: 800;
}

.status-content[b-cdaqtqwjly] {
    display: grid;
    grid-template-columns: minmax(200px, 0.9fr) minmax(0, 1.1fr);
    gap: 1.25rem 1.5rem;
    align-items: center;
    margin-bottom: 1.15rem;
    padding: 0.25rem 0.15rem;
    flex: 1;
}

.status-chart[b-cdaqtqwjly] {
    min-width: 0;
    display: grid;
    place-items: center;
    overflow: hidden;
    padding: 0.5rem;
}

.status-chart[b-cdaqtqwjly]  .mud-chart {
    overflow: hidden;
    max-width: 100%;
}

.status-chart[b-cdaqtqwjly]  .mud-chart-legend,
.status-chart[b-cdaqtqwjly]  svg text {
    display: none;
}

.status-chart[b-cdaqtqwjly]  svg {
    overflow: hidden;
    max-width: 100%;
}

.legend[b-cdaqtqwjly] {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
    min-width: 0;
}

.legend-item[b-cdaqtqwjly] {
    display: grid;
    grid-template-columns: 12px minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 0.65rem 0.7rem;
    padding: 0.7rem 0.85rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 12px;
    background: color-mix(in srgb, var(--mud-palette-surface) 88%, var(--mud-palette-background) 12%);
}

.legend-item i[b-cdaqtqwjly] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.legend-item span[b-cdaqtqwjly] {
    min-width: 0;
    overflow-wrap: anywhere;
    font-weight: 700;
}

.legend-item strong[b-cdaqtqwjly] {
    font-variant-numeric: tabular-nums;
}

.legend-item small[b-cdaqtqwjly] {
    color: var(--mud-palette-text-secondary);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.legend .active[b-cdaqtqwjly] { background: #22c55e; }
.legend .inactive[b-cdaqtqwjly] { background: #f59e0b; }
.legend .blocked[b-cdaqtqwjly] { background: #ef4444; }

.accuracy-card[b-cdaqtqwjly] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: center;
    margin-top: 0.85rem;
    padding: 1rem 1.05rem;
    border-radius: 15px;
    background: color-mix(in srgb, #00897b 10%, var(--mud-palette-surface));
}

.accuracy-card span[b-cdaqtqwjly] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.accuracy-card strong[b-cdaqtqwjly] {
    font-size: 1.25rem;
    color: #00897b;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

@media (max-width: 1100px) {
    .summary-grid[b-cdaqtqwjly] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .period-kpis[b-cdaqtqwjly] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .stats-jump-nav[b-cdaqtqwjly] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
    .chart-grid[b-cdaqtqwjly],
    .benchmark-grid[b-cdaqtqwjly],
    .insight-grid[b-cdaqtqwjly],
    .distribution-grid[b-cdaqtqwjly],
    .leader-grid[b-cdaqtqwjly] {
        grid-template-columns: 1fr;
    }

    .adoption-grid[b-cdaqtqwjly] { grid-template-columns: repeat(2, minmax(0, 1fr)); }

    .status-content[b-cdaqtqwjly] {
        grid-template-columns: 1fr;
    }

    .trends-heading[b-cdaqtqwjly] {
        flex-direction: column;
    }

    .period-selector[b-cdaqtqwjly] {
        justify-content: flex-start;
    }
}

@media (max-width: 760px) {
    .stats-jump-nav[b-cdaqtqwjly] { grid-template-columns: repeat(2, minmax(0, 1fr)); }

    .stats-hero[b-cdaqtqwjly] {
        grid-template-columns: 1fr;
        text-align: center;
        justify-items: center;
    }

    .hero-copy[b-cdaqtqwjly] {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .hero-total[b-cdaqtqwjly] {
        width: 148px;
        min-width: 148px;
    }

    .stats-filters[b-cdaqtqwjly]  .mud-input-control {
        width: 100%;
        margin-inline-start: 0;
    }

    .period-kpis[b-cdaqtqwjly] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 599.98px) {
    .stats-page[b-cdaqtqwjly] {
        --stats-gap: 1.35rem;
        padding-block: 1.25rem 2.25rem;
        padding-inline: .85rem;
    }

    .stats-hero[b-cdaqtqwjly] {
        border-radius: 20px;
        padding: 1.45rem 1.2rem;
    }

    .stats-hero h1[b-cdaqtqwjly] { font-size: 1.85rem; }

    .summary-grid[b-cdaqtqwjly],
    .period-kpis[b-cdaqtqwjly],
    .adoption-grid[b-cdaqtqwjly],
    .stats-jump-nav[b-cdaqtqwjly] {
        grid-template-columns: 1fr;
    }

    .summary-card[b-cdaqtqwjly],
    .benchmark-card[b-cdaqtqwjly],
    .status-panel[b-cdaqtqwjly],
    .adoption-panel[b-cdaqtqwjly],
    .chart-card[b-cdaqtqwjly],
    .stats-filters[b-cdaqtqwjly] {
        padding: 1.15rem;
    }

    .legend-item[b-cdaqtqwjly] {
        grid-template-columns: 12px minmax(0, 1fr) auto;
    }

    .legend-item small[b-cdaqtqwjly] {
        grid-column: 2;
    }
}

@media (prefers-reduced-motion: reduce) {
    .stats-page *[b-cdaqtqwjly] {
        scroll-behavior: auto !important;
    }

    .stats-jump-nav a[b-cdaqtqwjly] { transition: none; }
}
/* /Pages/VerifyEmail.razor.rz.scp.css */
.verify-page[b-jhfebxek83] {
    box-sizing: border-box;
    width: min(760px, calc(100% - 2rem));
    margin: 0 auto;
    padding-block: clamp(1rem, 5vh, 3rem) 4rem;
}

.verify-panel[b-jhfebxek83] {
    overflow: hidden;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 26px;
    background: var(--mud-palette-surface);
    box-shadow: 0 22px 60px rgba(15, 23, 42, .18);
}

.verify-hero[b-jhfebxek83] {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    display: flex;
    min-height: 220px;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    padding: clamp(1.6rem, 5vw, 2.8rem);
    color: #fff;
    background:
        radial-gradient(circle at 88% 15%, rgba(255, 255, 255, .16), transparent 28%),
        linear-gradient(130deg, #14233c 0%, #3c246d 54%, #88477f 100%);
}

.verify-hero[b-jhfebxek83]::after {
    content: "";
    position: absolute;
    z-index: -1;
    width: 230px;
    height: 230px;
    inset: auto -80px -125px auto;
    border: 34px solid rgba(255, 255, 255, .07);
    border-radius: 50%;
}

.verify-hero-copy[b-jhfebxek83] {
    min-width: 0;
    max-width: 520px;
}

.verify-eyebrow[b-jhfebxek83] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .42rem .8rem;
    border: 1px solid rgba(255, 255, 255, .25);
    border-radius: 999px;
    background: rgba(255, 255, 255, .1);
    font-size: .72rem;
    font-weight: 850;
    letter-spacing: .09em;
}

.verify-eyebrow[b-jhfebxek83]  .mud-icon-root {
    font-size: 1rem;
}

.verify-hero h1[b-jhfebxek83] {
    margin-block: .8rem .55rem;
    font-size: clamp(1.8rem, 6vw, 2.65rem);
    font-weight: 850;
    letter-spacing: -.04em;
}

.verify-hero p[b-jhfebxek83] {
    max-width: 50ch;
    margin: 0;
    color: rgba(255, 255, 255, .82);
    line-height: 1.6;
}

.verify-hero-mark[b-jhfebxek83] {
    display: grid;
    width: clamp(86px, 14vw, 118px);
    flex: 0 0 auto;
    aspect-ratio: 1;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .24);
    border-radius: 28px;
    background: rgba(255, 255, 255, .11);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15);
    transform: rotate(3deg);
}

.verify-hero-mark[b-jhfebxek83]  .mud-icon-root {
    font-size: clamp(2.8rem, 8vw, 4.4rem);
}

.verify-content[b-jhfebxek83] {
    display: grid;
    min-height: 300px;
    place-items: center;
    padding: clamp(1.5rem, 5vw, 2.8rem);
}

.verify-state[b-jhfebxek83] {
    display: grid;
    width: min(540px, 100%);
    justify-items: center;
    gap: .65rem;
    text-align: center;
}

.verify-state-icon[b-jhfebxek83] {
    display: grid;
    width: 68px;
    height: 68px;
    margin-bottom: .35rem;
    place-items: center;
    border-radius: 20px;
    color: #10b981;
    background: color-mix(in srgb, #10b981 14%, transparent);
}

.verify-state-icon[b-jhfebxek83]  .mud-icon-root {
    font-size: 2.2rem;
}

.verify-state-icon.is-loading[b-jhfebxek83] {
    color: var(--mud-palette-primary);
    background: color-mix(in srgb, var(--mud-palette-primary) 12%, transparent);
}

.verify-state.is-error .verify-state-icon[b-jhfebxek83] {
    color: #ef4444;
    background: color-mix(in srgb, #ef4444 12%, transparent);
}

.verify-state-label[b-jhfebxek83] {
    color: var(--mud-palette-primary);
    font-size: .7rem;
    font-weight: 900;
    letter-spacing: .11em;
}

.verify-state.is-success .verify-state-label[b-jhfebxek83] { color: #10b981; }
.verify-state.is-error .verify-state-label[b-jhfebxek83] { color: #ef4444; }

.verify-state h2[b-jhfebxek83] {
    margin: 0;
    font-size: clamp(1.35rem, 5vw, 1.8rem);
    font-weight: 800;
}

.verify-state p[b-jhfebxek83] {
    max-width: 48ch;
    margin: 0;
    color: var(--mud-palette-text-secondary);
    line-height: 1.6;
}

.verify-actions[b-jhfebxek83] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: .75rem;
    margin-top: .9rem;
}

.verify-actions[b-jhfebxek83]  .mud-button-root {
    min-height: 48px;
    border-radius: 13px;
    padding-inline: 1.25rem;
}

.verify-state[b-jhfebxek83] >  .mud-button-text {
    min-height: 44px;
    margin-top: .15rem;
}

@media (max-width: 600px) {
    .verify-page[b-jhfebxek83] {
        width: min(100% - 1rem, 760px);
        padding-block: .75rem 2rem;
    }

    .verify-panel[b-jhfebxek83] { border-radius: 20px; }

    .verify-hero[b-jhfebxek83] {
        min-height: 0;
        align-items: flex-start;
        padding: 1.35rem 1.2rem;
    }

    .verify-hero-mark[b-jhfebxek83] {
        width: 58px;
        border-radius: 17px;
    }

    .verify-hero-mark[b-jhfebxek83]  .mud-icon-root { font-size: 2rem; }

    .verify-content[b-jhfebxek83] {
        min-height: 280px;
        padding: 1.4rem 1rem 1.6rem;
    }

    .verify-state-icon[b-jhfebxek83] {
        width: 58px;
        height: 58px;
        border-radius: 17px;
    }

    .verify-actions[b-jhfebxek83] {
        width: 100%;
        flex-direction: column;
    }

    .verify-actions[b-jhfebxek83]  .mud-button-root { width: 100%; }
}

@media (max-width: 380px) {
    .verify-hero-mark[b-jhfebxek83] { display: none; }
}

@media (prefers-reduced-motion: reduce) {
    .verify-hero-mark[b-jhfebxek83] { transform: none; }
}