/* /Components/Layout/PerformLayout.razor.rz.scp.css */
.perf-foot[b-705d6kekzc] { display: flex; flex-wrap: wrap; gap: 10px 18px; align-items: center; justify-content: space-between;
    padding: 14px 22px; border-top: 1px solid var(--perf-line, #1e2733); color: var(--perf-lo, #8794a6); font-size: 12.5px; }
.perf-foot a[b-705d6kekzc] { color: var(--perf-lo, #8794a6); text-decoration: none; }
.perf-foot a:hover[b-705d6kekzc] { color: var(--perf-hi, #eef2f7); }
/* /Components/Pages/BodyLab.razor.rz.scp.css */
/* Body Lab — Perform F1 telemetry theme. Island-rendered report styled via ::deep. */
.bl-lead[b-385u1x3wca] { color: var(--perf-lo, #8794a6); font-size: 14px; margin-top: 2px; }

.bl-bar[b-385u1x3wca] { margin: 8px 0 2px; }
.bl-back[b-385u1x3wca] { color: var(--perf-lo, #8794a6); font-size: 13px; text-decoration: none; }
.bl-back:hover[b-385u1x3wca] { color: var(--perf-hi, #eef2f7); }

.bl-grid[b-385u1x3wca] { display: grid; grid-template-columns: 3fr 2fr; gap: 16px; align-items: start; margin-top: 14px; }
.bl-panel[b-385u1x3wca] { padding: 16px 18px; }
.bl-ptitle[b-385u1x3wca] { font-family: 'Rajdhani', sans-serif; text-transform: uppercase; letter-spacing: 1.5px;
    font-size: 12.5px; color: var(--data, #38bdf8); margin-bottom: 10px; display: flex; align-items: center; gap: 7px; }
.bl-steps[b-385u1x3wca] { color: var(--perf-hi, #eef2f7); font-size: 13px; line-height: 1.55; padding-left: 18px; margin: 0 0 12px; }
.bl-privacy[b-385u1x3wca] { font-size: 12px; color: #6ee7b7; border: 1px solid #1e2733; border-left: 3px solid #34d399;
    border-radius: 9px; padding: 9px 12px; margin-bottom: 14px; }
.bl-run[b-385u1x3wca] { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.bl-file[b-385u1x3wca] { color: var(--perf-lo, #8794a6); font-size: 12.5px; max-width: 240px; }
.bl-input[b-385u1x3wca] { background: #0a0e14; border: 1px solid var(--perf-line, #1e2733); color: var(--perf-hi, #eef2f7);
    border-radius: 8px; padding: 8px 10px; font-size: 13px; width: 150px; }
.bl-input:focus[b-385u1x3wca] { outline: none; border-color: var(--perf-accent, #38bdf8); }
.bl-progress[b-385u1x3wca] { color: var(--data, #38bdf8); font-size: 12.5px; margin-top: 10px; min-height: 18px; }
.bl-error[b-385u1x3wca] { color: #fca5a5; font-size: 12.5px; border: 1px solid #1e2733; border-left: 3px solid #f87171;
    border-radius: 9px; padding: 9px 12px; margin-top: 10px; }
.bl-warn[b-385u1x3wca] { color: #fcd34d; font-size: 12.5px; border: 1px solid #1e2733; border-left: 3px solid #f59e0b;
    border-radius: 9px; padding: 9px 12px; margin-top: 10px; line-height: 1.45; }
.bl-canvas[b-385u1x3wca] { width: 100%; border-radius: 10px; border: 1px solid var(--perf-line, #1e2733); margin-top: 12px;
    touch-action: none; cursor: crosshair; }
.bl-empty[b-385u1x3wca] { color: var(--perf-lo, #8794a6); font-size: 12.5px; line-height: 1.5; }

/* island-rendered report (JS-created DOM lacks the isolation attribute → style via ::deep) */
.bl-grid[b-385u1x3wca]  .bl-privacy { font-size: 12px; color: #6ee7b7; margin-bottom: 10px; }
.bl-grid[b-385u1x3wca]  .bl-table { width: 100%; font-size: 13px; color: var(--perf-hi, #eef2f7); border-collapse: collapse; margin-bottom: 12px; }
.bl-grid[b-385u1x3wca]  .bl-table td { padding: 6px 4px; border-bottom: 1px solid var(--perf-line, #1e2733); }
.bl-grid[b-385u1x3wca]  .bl-table td:last-child { text-align: right; font-family: 'Rajdhani', sans-serif; font-weight: 700; color: #fff; }
.bl-grid[b-385u1x3wca]  .bl-finding { display: flex; gap: 9px; align-items: flex-start; padding: 9px 11px; margin-bottom: 8px;
    background: #0a0e14; border: 1px solid var(--perf-line, #1e2733); border-left-width: 3px; border-radius: 9px; }
.bl-grid[b-385u1x3wca]  .bl-dot { width: 10px; height: 10px; border-radius: 50%; flex: 0 0 auto; margin-top: 4px; }
.bl-grid[b-385u1x3wca]  .bl-ft { font-weight: 700; font-size: 13px; color: #fff; }
.bl-grid[b-385u1x3wca]  .bl-fs { font-size: 12px; color: var(--perf-hi, #eef2f7); margin-top: 4px; line-height: 1.45; }
.bl-grid[b-385u1x3wca]  .bl-fr { font-size: 12px; color: #a78bfa; margin-top: 4px; }
.bl-grid[b-385u1x3wca]  .f-ok { border-left-color: #34d399; } .bl-grid[b-385u1x3wca]  .f-ok .bl-dot { background: #34d399; }
.bl-grid[b-385u1x3wca]  .f-caution { border-left-color: #f59e0b; } .bl-grid[b-385u1x3wca]  .f-caution .bl-dot { background: #f59e0b; }
.bl-grid[b-385u1x3wca]  .f-warn { border-left-color: #f87171; } .bl-grid[b-385u1x3wca]  .f-warn .bl-dot { background: #f87171; }
.bl-grid[b-385u1x3wca]  .f-info { border-left-color: var(--perf-accent, #38bdf8); } .bl-grid[b-385u1x3wca]  .f-info .bl-dot { background: var(--perf-accent, #38bdf8); }

@media (max-width: 900px) { .bl-grid[b-385u1x3wca] { grid-template-columns: 1fr; } }
/* /Components/Pages/FitGeometry.razor.rz.scp.css */
/* Fit & Geometry page — Perform F1 telemetry theme. */
.fitg-lead[b-f7kbdshn2m] { color: var(--perf-lo, #8794a6); font-size: 14px; margin-top: 2px; }
.fitg-bar[b-f7kbdshn2m] { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin: 6px 0 16px; }
.fitg-back[b-f7kbdshn2m], .fitg-manual[b-f7kbdshn2m] {
    display: inline-flex; align-items: center; gap: 7px; font-size: 12.5px; font-weight: 600;
    color: var(--perf-lo, #8794a6); border: 1px solid var(--perf-line, #1e2733); border-radius: 8px;
    padding: 7px 12px; text-decoration: none;
}
.fitg-back:hover[b-f7kbdshn2m] { color: #fff; border-color: #3a4756; }
.fitg-manual[b-f7kbdshn2m] { color: #7dd3fc; }
.fitg-manual:hover[b-f7kbdshn2m] { color: #fff; border-color: var(--perf-accent, #38bdf8); }

.fitg-grid[b-f7kbdshn2m] { display: grid; grid-template-columns: 2fr 1fr; gap: 16px; align-items: start; }
.fitg-diagram[b-f7kbdshn2m] { padding: 14px 16px 10px; }
.fitg-legend[b-f7kbdshn2m] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 18px; margin-top: 6px; }
.fitg-play[b-f7kbdshn2m] {
    display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 700;
    color: #6ee7b7; background: transparent; border: 1px solid #1e2733; border-radius: 8px;
    padding: 6px 11px; cursor: pointer;
}
.fitg-play:hover[b-f7kbdshn2m] { color: #fff; border-color: #34d399; }
.fitg-legend span[b-f7kbdshn2m] { display: inline-flex; align-items: center; gap: 7px; font-size: 11px; color: var(--perf-lo, #8794a6); }
.fitg-legend i[b-f7kbdshn2m] { display: inline-block; width: 18px; height: 0; border-top: 4px solid #34d399; border-radius: 2px; }
.fitg-legend i.lg-ghost[b-f7kbdshn2m] { border-top: 4px solid #6b7d94; opacity: .5; }
.fitg-legend i.lg-dim[b-f7kbdshn2m] { border-top: 1.5px solid #56657a; }
.fitg-dims[b-f7kbdshn2m] { display: flex; flex-wrap: wrap; gap: 6px 14px; margin-top: 8px; padding-top: 10px; border-top: 1px solid var(--perf-line, #1e2733); }
.fitg-dims span[b-f7kbdshn2m] { font-size: 11px; color: var(--perf-lo, #8794a6); font-family: 'Rajdhani', sans-serif; text-transform: uppercase; letter-spacing: .5px; }

.fitg-panel[b-f7kbdshn2m] { padding: 14px 16px; }
.fitg-ptitle[b-f7kbdshn2m] { font-family: 'Rajdhani', sans-serif; text-transform: uppercase; letter-spacing: 1.5px; font-size: 12.5px; color: var(--data, #38bdf8); margin-bottom: 10px; }
.fitg-item[b-f7kbdshn2m] { display: flex; gap: 9px; align-items: flex-start; padding: 9px 11px; margin-bottom: 8px; background: #0a0e14; border: 1px solid var(--perf-line, #1e2733); border-left-width: 3px; border-radius: 9px; }
.fitg-fdot[b-f7kbdshn2m] { width: 10px; height: 10px; border-radius: 50%; flex: 0 0 auto; margin-top: 4px; }
.fitg-ft[b-f7kbdshn2m] { font-weight: 700; font-size: 13px; color: #fff; }
.fitg-fs[b-f7kbdshn2m] { font-size: 12px; color: var(--perf-hi, #eef2f7); margin-top: 4px; line-height: 1.45; }
.fitg-fr[b-f7kbdshn2m] { font-size: 12px; color: #a78bfa; margin-top: 4px; line-height: 1.4; }
.f-ok[b-f7kbdshn2m] { border-left-color: #34d399; } .f-ok .fitg-fdot[b-f7kbdshn2m] { background: #34d399; }
.f-caution[b-f7kbdshn2m] { border-left-color: #f59e0b; } .f-caution .fitg-fdot[b-f7kbdshn2m] { background: #f59e0b; }
.f-warn[b-f7kbdshn2m] { border-left-color: #f87171; } .f-warn .fitg-fdot[b-f7kbdshn2m] { background: #f87171; }
.f-info[b-f7kbdshn2m] { border-left-color: var(--perf-accent, #38bdf8); } .f-info .fitg-fdot[b-f7kbdshn2m] { background: var(--perf-accent, #38bdf8); }
.fitg-cav[b-f7kbdshn2m] { font-size: 11px; color: var(--perf-lo, #8794a6); border-left: 2px solid #f59e0b; padding-left: 9px; margin-top: 12px; line-height: 1.5; }

@media (max-width: 900px) { .fitg-grid[b-f7kbdshn2m] { grid-template-columns: 1fr; } }
/* /Components/Pages/FitStudio.razor.rz.scp.css */
.fs-lead[b-jir8pitots] { color: var(--perf-lo, #8794a6); font-size: 14px; margin-top: 2px; }

.fs-bikepick[b-jir8pitots] { display: flex; align-items: center; gap: 10px; margin: 4px 0 14px; }
.fs-select[b-jir8pitots] { background: #0a0e14; border: 1px solid var(--perf-line, #1e2733); color: var(--perf-hi, #eef2f7);
    border-radius: 8px; padding: 7px 10px; font-size: 13px; }
.fs-select:focus[b-jir8pitots] { outline: none; border-color: var(--perf-accent, #38bdf8); }

.fs-step[b-jir8pitots] { display: flex; align-items: center; gap: 16px; padding: 16px 18px; margin-bottom: 12px; }
.fs-step-n[b-jir8pitots] { flex: 0 0 auto; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center;
    justify-content: center; font-family: 'Rajdhani', sans-serif; font-weight: 700; font-size: 15px;
    color: #fff; background: var(--effort, #E30613); }
.fs-step-body[b-jir8pitots] { flex: 1 1 auto; min-width: 0; }
.fs-step-title[b-jir8pitots] { font-family: 'Rajdhani', sans-serif; font-weight: 700; font-size: 15px; color: var(--perf-hi, #eef2f7); }
.fs-step-desc[b-jir8pitots] { color: var(--perf-lo, #8794a6); font-size: 12.5px; margin-top: 3px; line-height: 1.45; }

.fs-chip[b-jir8pitots] { display: inline-flex; align-items: center; gap: 5px; font-size: 12px; border-radius: 20px;
    padding: 3px 10px; margin-top: 7px; border: 1px solid var(--perf-line, #1e2733); }
.fs-done[b-jir8pitots] { color: #34d399; border-color: #34d399; }
.fs-todo[b-jir8pitots] { color: var(--perf-lo, #8794a6); }
.fs-est[b-jir8pitots] { color: #f59e0b; border-color: #f59e0b; }

@media (max-width: 700px) { .fs-step[b-jir8pitots] { flex-wrap: wrap; } }
/* /Components/Pages/Gear.razor.rz.scp.css */
/* Gear page — Perform F1 telemetry theme (perform.css tokens: --perf-panel/line/hi/lo/red). */
.gear-lead[b-ztrt5x6mm4] { color: var(--perf-lo, #8794a6); font-size: 14px; margin-top: 2px; }

/* inseam strip */
.gear-inseam[b-ztrt5x6mm4] { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; padding: 14px 18px; margin-bottom: 20px; }
.gear-inseam-label[b-ztrt5x6mm4] { font-family: 'Rajdhani', sans-serif; text-transform: uppercase; letter-spacing: 1px; font-size: 13px; color: var(--perf-hi, #eef2f7); font-weight: 600; }
.gear-inseam-sub[b-ztrt5x6mm4] { color: var(--perf-lo, #8794a6); font-size: 12.5px; margin-top: 3px; }
.gear-inseam-edit[b-ztrt5x6mm4] { display: flex; gap: 8px; align-items: center; }

/* bikes grid */
.gear-grid[b-ztrt5x6mm4] { display: grid; grid-template-columns: repeat(auto-fill, minmax(360px, 1fr)); gap: 16px; }
.gear-card[b-ztrt5x6mm4] { padding: 0; overflow: hidden; transition: border-color .15s, transform .15s; }
.gear-card:hover[b-ztrt5x6mm4] { border-color: #34435580; }
.gear-head[b-ztrt5x6mm4] { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; padding: 16px 18px 12px; }
.gear-name[b-ztrt5x6mm4] { font-family: 'Rajdhani', sans-serif; font-weight: 700; font-size: 20px; color: #fff; line-height: 1.1; margin: 0; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.gear-badge[b-ztrt5x6mm4] { font-size: 9px; font-weight: 700; letter-spacing: 1px; padding: 2px 8px; border-radius: 20px; background: rgba(52,211,153,.16); color: #6ee7b7; text-transform: uppercase; }
.gear-meta[b-ztrt5x6mm4] { color: var(--perf-lo, #8794a6); font-size: 11.5px; margin-top: 5px; text-transform: uppercase; letter-spacing: .6px; }
.gear-actions[b-ztrt5x6mm4] { display: flex; gap: 6px; flex: 0 0 auto; }
.gear-icon[b-ztrt5x6mm4] { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 8px; border: 1px solid var(--perf-line, #1e2733); color: var(--perf-lo, #8794a6); background: transparent; cursor: pointer; font-size: 14px; text-decoration: none; }
.gear-icon:hover[b-ztrt5x6mm4] { color: #fff; border-color: #3a4756; background: rgba(255,255,255,.03); }

/* component tiles */
.gear-specs[b-ztrt5x6mm4] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; padding: 0 18px 14px; }
.gear-spec[b-ztrt5x6mm4] { background: #0a0e14; border: 1px solid var(--perf-line, #1e2733); border-radius: 9px; padding: 11px 6px; text-align: center; }
.gear-spec b[b-ztrt5x6mm4] { display: block; font-family: 'Rajdhani', sans-serif; font-weight: 700; font-size: 20px; color: #fff; line-height: 1; }
.gear-spec span[b-ztrt5x6mm4] { display: block; font-size: 9.5px; color: var(--perf-lo, #8794a6); text-transform: uppercase; letter-spacing: .5px; margin-top: 5px; }

/* fit findings — status-accented cards (mirrors the coach's-read advice cards) */
.gear-fit-head[b-ztrt5x6mm4] { font-family: 'Rajdhani', sans-serif; text-transform: uppercase; letter-spacing: 1.5px; font-size: 12px; color: var(--data, #38bdf8); padding: 0 18px; margin-bottom: 9px; }
.gear-findings[b-ztrt5x6mm4] { display: flex; flex-direction: column; gap: 8px; padding: 0 18px 18px; }
.gear-finding[b-ztrt5x6mm4] { border: 1px solid var(--perf-line, #1e2733); border-left-width: 3px; border-radius: 9px; padding: 10px 13px; background: #0a0e14; }
.gear-finding-top[b-ztrt5x6mm4] { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.gear-finding-area[b-ztrt5x6mm4] { font-weight: 700; color: #fff; font-size: 13.5px; }
.gear-finding-tag[b-ztrt5x6mm4] { font-size: 9px; font-weight: 700; letter-spacing: 1px; padding: 2px 9px; border-radius: 20px; text-transform: uppercase; flex: 0 0 auto; }
.gear-finding-msg[b-ztrt5x6mm4] { color: var(--perf-hi, #eef2f7); font-size: 12.5px; margin: 6px 0 0; line-height: 1.45; }
.gear-finding-rec[b-ztrt5x6mm4] { color: #a78bfa; font-size: 12.5px; margin-top: 6px; line-height: 1.4; display: flex; gap: 6px; }
.gear-finding-rec i[b-ztrt5x6mm4] { flex: 0 0 auto; margin-top: 2px; }
.f-ok[b-ztrt5x6mm4] { border-left-color: #34d399; }
.f-ok .gear-finding-tag[b-ztrt5x6mm4] { background: rgba(52,211,153,.16); color: #6ee7b7; }
.f-caution[b-ztrt5x6mm4] { border-left-color: #f59e0b; }
.f-caution .gear-finding-tag[b-ztrt5x6mm4] { background: rgba(245,158,11,.18); color: #fcd34d; }
.f-warn[b-ztrt5x6mm4] { border-left-color: #f87171; }
.f-warn .gear-finding-tag[b-ztrt5x6mm4] { background: rgba(248,113,113,.16); color: #fca5a5; }
.f-info[b-ztrt5x6mm4] { border-left-color: var(--perf-accent, #38bdf8); }
.f-info .gear-finding-tag[b-ztrt5x6mm4] { background: rgba(56,189,248,.16); color: #7dd3fc; }
.gear-fit-prompt[b-ztrt5x6mm4] { color: var(--perf-lo, #8794a6); font-size: 12.5px; padding: 0 18px 18px; }

/* inputs + buttons (perf tokens) */
.gear-input[b-ztrt5x6mm4] { background: #0a0e14; border: 1px solid var(--perf-line, #1e2733); color: var(--perf-hi, #eef2f7); border-radius: 8px; padding: 8px 10px; font-size: 13px; width: 130px; }
.gear-input:focus[b-ztrt5x6mm4] { outline: none; border-color: var(--perf-accent, #38bdf8); }
.perf-btn[b-ztrt5x6mm4] { background: linear-gradient(90deg, #e30613, #b0050f); color: #fff; border: 0; border-radius: 8px; padding: 9px 16px; font-size: 13px; font-weight: 700; cursor: pointer; white-space: nowrap; }
.perf-btn:disabled[b-ztrt5x6mm4] { opacity: .5; cursor: default; }
.gear-ghost[b-ztrt5x6mm4] { background: transparent; border: 1px solid var(--perf-line, #1e2733); color: var(--perf-lo, #8794a6); border-radius: 8px; padding: 7px 13px; font-size: 12.5px; font-weight: 600; cursor: pointer; white-space: nowrap; }
.gear-ghost:hover[b-ztrt5x6mm4] { color: #fff; border-color: #3a4756; }

/* customise / new-combo disclosure (plain <details> — static SSR, no JS) */
.gear-cust[b-ztrt5x6mm4] { margin: 0 18px 16px; }
.gear-cust > summary[b-ztrt5x6mm4] { list-style: none; cursor: pointer; display: inline-flex; align-items: center; gap: 7px; font-size: 12.5px; font-weight: 600; color: var(--perf-lo, #8794a6); border: 1px solid var(--perf-line, #1e2733); border-radius: 8px; padding: 7px 12px; }
.gear-cust > summary[b-ztrt5x6mm4]::-webkit-details-marker { display: none; }
.gear-cust > summary[b-ztrt5x6mm4]::marker { content: ""; }
.gear-cust > summary:hover[b-ztrt5x6mm4] { color: #fff; border-color: #3a4756; }
.gear-cust .gear-editor[b-ztrt5x6mm4] { margin: 10px 0 0; }

/* customise editor */
.gear-editor[b-ztrt5x6mm4] { margin: 0 18px 16px; padding: 14px; background: #090d13; border: 1px solid var(--perf-line, #1e2733); border-radius: 10px; }
.gear-edit-grid[b-ztrt5x6mm4] { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 10px 12px; }
.gear-edit-grid label[b-ztrt5x6mm4] { display: flex; flex-direction: column; gap: 5px; font-size: 10.5px; color: var(--perf-lo, #8794a6); text-transform: uppercase; letter-spacing: .5px; font-weight: 600; }
.gear-edit-grid .gear-input[b-ztrt5x6mm4] { width: 100%; }
.gear-edit-wide[b-ztrt5x6mm4] { grid-column: 1 / -1; }
.gear-edit-actions[b-ztrt5x6mm4] { display: flex; gap: 10px; align-items: center; margin-top: 14px; flex-wrap: wrap; }
.gear-edit-hint[b-ztrt5x6mm4] { color: var(--perf-lo, #8794a6); font-size: 11.5px; }

/* indoor setups */
.gear-section-title[b-ztrt5x6mm4] { font-family: 'Rajdhani', sans-serif; text-transform: uppercase; letter-spacing: 1.5px; font-weight: 700; font-size: 19px; color: #fff; margin: 30px 0 14px; display: flex; align-items: center; gap: 9px; }
.gear-setups[b-ztrt5x6mm4] { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; align-items: start; }
.gear-panel[b-ztrt5x6mm4] { padding: 16px 18px; }
.gear-panel-title[b-ztrt5x6mm4] { font-family: 'Rajdhani', sans-serif; text-transform: uppercase; letter-spacing: 1.5px; font-size: 13px; color: var(--data, #38bdf8); margin-bottom: 13px; display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.gear-chips[b-ztrt5x6mm4] { display: flex; flex-wrap: wrap; gap: 8px; }
.gear-chip[b-ztrt5x6mm4] { display: inline-flex; align-items: center; gap: 7px; font-size: 12.5px; padding: 5px 7px 5px 12px; border-radius: 999px; background: #0a0e14; border: 1px solid var(--perf-line, #1e2733); color: var(--perf-hi, #eef2f7); }
.gear-chip button[b-ztrt5x6mm4] { background: none; border: 0; color: var(--perf-lo, #8794a6); font-size: 15px; line-height: 1; cursor: pointer; padding: 0 2px; }
.gear-chip button:hover[b-ztrt5x6mm4] { color: #f87171; }
.gear-tag[b-ztrt5x6mm4] { background: none; border: 1px dashed var(--perf-line, #1e2733); color: var(--perf-lo, #8794a6); border-radius: 999px; padding: 3px 11px; font-size: 12px; cursor: pointer; }
.gear-tag:hover[b-ztrt5x6mm4] { color: var(--perf-accent, #38bdf8); border-color: var(--perf-accent, #38bdf8); }
.gear-combo[b-ztrt5x6mm4] { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 11px 13px; background: #0a0e14; border: 1px solid var(--perf-line, #1e2733); border-left: 3px solid var(--perf-accent-2, #7c3aed); border-radius: 9px; }
.gear-combo-name[b-ztrt5x6mm4] { font-weight: 700; font-size: 14px; color: #fff; }
.gear-combo-sub[b-ztrt5x6mm4] { font-size: 12px; color: var(--perf-lo, #8794a6); margin-top: 2px; }
.gear-add-row[b-ztrt5x6mm4] { display: flex; gap: 8px; align-items: center; margin-top: 13px; }

@media (max-width: 900px) {
  .gear-setups[b-ztrt5x6mm4] { grid-template-columns: 1fr; }
  .gear-specs[b-ztrt5x6mm4] { grid-template-columns: repeat(2, 1fr); }
}
/* /Components/Pages/MotionLab.razor.rz.scp.css */
/* Motion Lab — Perform F1 telemetry theme. Island-rendered report styled via ::deep. */
.ml-lead[b-p75i20v7fw] { color: var(--perf-lo, #8794a6); font-size: 14px; margin-top: 2px; }
.ml-bar[b-p75i20v7fw] { display: flex; gap: 10px; margin: 6px 0 16px; }
.ml-back[b-p75i20v7fw] { display: inline-flex; align-items: center; gap: 7px; font-size: 12.5px; font-weight: 600;
    color: var(--perf-lo, #8794a6); border: 1px solid var(--perf-line, #1e2733); border-radius: 8px;
    padding: 7px 12px; text-decoration: none; }
.ml-back:hover[b-p75i20v7fw] { color: #fff; border-color: #3a4756; }

.ml-grid[b-p75i20v7fw] { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; align-items: start; }
.ml-panel[b-p75i20v7fw] { padding: 16px 18px; }
.ml-ptitle[b-p75i20v7fw] { font-family: 'Rajdhani', sans-serif; text-transform: uppercase; letter-spacing: 1.5px;
    font-size: 12.5px; color: var(--data, #38bdf8); margin-bottom: 10px; display: flex; align-items: center; gap: 7px; }
.ml-steps[b-p75i20v7fw], .ml-limits[b-p75i20v7fw] { color: var(--perf-hi, #eef2f7); font-size: 13px; line-height: 1.55; padding-left: 18px; margin: 0 0 12px; }
.ml-limits[b-p75i20v7fw] { color: var(--perf-lo, #8794a6); font-size: 12.5px; }
.ml-privacy[b-p75i20v7fw] { font-size: 12px; color: #6ee7b7; border: 1px solid #1e2733; border-left: 3px solid #34d399;
    border-radius: 9px; padding: 9px 12px; margin-bottom: 14px; }
.ml-run[b-p75i20v7fw] { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.ml-file[b-p75i20v7fw] { color: var(--perf-lo, #8794a6); font-size: 12.5px; max-width: 280px; }
.ml-progress[b-p75i20v7fw] { color: var(--data, #38bdf8); font-size: 12.5px; margin-top: 10px; min-height: 18px; }
.ml-error[b-p75i20v7fw] { color: #fca5a5; font-size: 12.5px; border: 1px solid #1e2733; border-left: 3px solid #f87171;
    border-radius: 9px; padding: 9px 12px; margin-top: 10px; }
.ml-canvas[b-p75i20v7fw] { width: 100%; border-radius: 10px; border: 1px solid var(--perf-line, #1e2733); margin-bottom: 12px; display: block; }
.ml-overlay-dl[b-p75i20v7fw] { display: inline-flex; align-items: center; gap: 7px; font-size: 12.5px; font-weight: 600;
    color: var(--data, #38bdf8); border: 1px solid var(--perf-line, #1e2733); border-radius: 8px;
    padding: 7px 12px; text-decoration: none; margin-bottom: 12px; }
.ml-overlay-dl:hover[b-p75i20v7fw] { color: #fff; border-color: #3a4756; }
.ml-empty[b-p75i20v7fw] { color: var(--perf-lo, #8794a6); font-size: 12.5px; }
.ml-hist[b-p75i20v7fw] { font-size: 12.5px; }

/* island-rendered report (JS-created DOM lacks the isolation attribute → style via ::deep) */
.ml-grid[b-p75i20v7fw]  .ml-finding { display: flex; gap: 9px; align-items: flex-start; padding: 9px 11px; margin-bottom: 8px;
    background: #0a0e14; border: 1px solid var(--perf-line, #1e2733); border-left-width: 3px; border-radius: 9px; }
.ml-grid[b-p75i20v7fw]  .ml-dot { width: 10px; height: 10px; border-radius: 50%; flex: 0 0 auto; margin-top: 4px; }
.ml-grid[b-p75i20v7fw]  .ml-ft { font-weight: 700; font-size: 13px; color: #fff; }
.ml-grid[b-p75i20v7fw]  .ml-fs { font-size: 12px; color: var(--perf-hi, #eef2f7); margin-top: 4px; line-height: 1.45; }
.ml-grid[b-p75i20v7fw]  .ml-fr { font-size: 12px; color: #a78bfa; margin-top: 4px; }
.ml-grid[b-p75i20v7fw]  .f-ok { border-left-color: #34d399; } .ml-grid[b-p75i20v7fw]  .f-ok .ml-dot { background: #34d399; }
.ml-grid[b-p75i20v7fw]  .f-caution { border-left-color: #f59e0b; } .ml-grid[b-p75i20v7fw]  .f-caution .ml-dot { background: #f59e0b; }
.ml-grid[b-p75i20v7fw]  .f-warn { border-left-color: #f87171; } .ml-grid[b-p75i20v7fw]  .f-warn .ml-dot { background: #f87171; }
.ml-grid[b-p75i20v7fw]  .f-info { border-left-color: var(--perf-accent, #38bdf8); } .ml-grid[b-p75i20v7fw]  .f-info .ml-dot { background: var(--perf-accent, #38bdf8); }
.ml-grid[b-p75i20v7fw]  .ml-privacy { font-size: 12px; color: #6ee7b7; margin-bottom: 10px; }

@media (max-width: 900px) { .ml-grid[b-p75i20v7fw] { grid-template-columns: 1fr; } }
/* /Components/PerfEmptyState.razor.rz.scp.css */
.pe-empty[b-p6yt6pua7t] { display:flex; flex-direction:column; align-items:flex-start; gap:8px; padding:20px;
    background:#0f141b; border:1px solid var(--perf-line, #1e2733); border-radius:11px; max-width:520px; }
.pe-empty-icon[b-p6yt6pua7t] { font-size:24px; color:var(--data, #38bdf8); }
.pe-empty-head[b-p6yt6pua7t] { font-weight:700; color:var(--perf-hi, #eef2f7); font-size:15px; }
.pe-empty-body[b-p6yt6pua7t] { color:var(--perf-lo, #8794a6); font-size:12.5px; line-height:1.5; }
.pe-empty-btn[b-p6yt6pua7t] { margin-top:4px; }