@import '_content/GoldTracker.Shared.UI/GoldTracker.Shared.UI.i6m4untfhj.bundle.scp.css';

/* /Components/Pages/WebDashboard.razor.rz.scp.css */
.web-dashboard[b-z4v9pz9zs9] { --dash-surface: var(--web-surface, #181c22); --dash-raised: var(--web-surface-raised, #20252d); --dash-border: var(--web-border, #303640); --dash-text: var(--web-text, #f1f0ec); --dash-muted: var(--web-muted, #a2a9b4); --dash-gold: var(--web-accent, #e8b95b); color: var(--dash-text); max-width: 1260px; margin: 0 auto; }
.dashboard-heading[b-z4v9pz9zs9] { display: flex; align-items: center; justify-content: space-between; gap: 28px; margin-bottom: 30px; }
.eyebrow[b-z4v9pz9zs9] { display: block; color: var(--dash-gold); font-size: 10px; font-weight: 700; letter-spacing: .15em; line-height: 1.7; margin: 0 0 10px; }
h1[b-z4v9pz9zs9] { font-size: clamp(27px, 2.8vw, 38px); font-weight: 650; line-height: 1.22; letter-spacing: -.04em; margin: 0 0 12px; }
.heading-description[b-z4v9pz9zs9] { color: var(--dash-muted); margin: 0; font-size: 14px; line-height: 1.7; max-width: 630px; }
a[b-z4v9pz9zs9] { text-decoration: none; color: inherit; }
a:focus-visible[b-z4v9pz9zs9], button:focus-visible[b-z4v9pz9zs9] { outline: 3px solid var(--dash-gold); outline-offset: 5px; }
.primary-link[b-z4v9pz9zs9], .secondary-link[b-z4v9pz9zs9] { display: inline-flex; gap: 22px; align-items: center; justify-content: center; padding: 12px 18px; border-radius: 8px; background: #e4b75c; color: #231c11; font-size: 13px; font-weight: 700; flex-shrink: 0; transition: filter .15s; }
.primary-link:hover[b-z4v9pz9zs9] { filter: brightness(1.1); }
.practice-panel[b-z4v9pz9zs9] { display: grid; grid-template-columns: 1.55fr 1fr; overflow: hidden; border: 1px solid var(--dash-border); background: var(--dash-surface); border-radius: 16px; min-height: 278px; }
.practice-copy[b-z4v9pz9zs9] { padding: 38px 42px; position: relative; z-index: 1; }
.practice-copy h2[b-z4v9pz9zs9] { font-size: clamp(24px, 2.3vw, 32px); font-weight: 600; letter-spacing: -.035em; line-height: 1.3; margin: 12px 0; max-width: 430px; }
.practice-copy p[b-z4v9pz9zs9] { color: var(--dash-muted); max-width: 440px; font-size: 14px; line-height: 1.75; margin: 0 0 24px; }
.practice-note[b-z4v9pz9zs9] { display: inline-block; color: var(--dash-muted); font-size: 11px; margin-left: 18px; }
.target-art[b-z4v9pz9zs9] { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 20px; border-left: 1px solid var(--dash-border); background: radial-gradient(ellipse at 50% 50%, #e8b95b0b, transparent 70%); }
.target-art svg[b-z4v9pz9zs9] { width: 230px; max-width: 80%; height: auto; transform: rotate(-10deg); filter: drop-shadow(0 12px 20px #0005); }
.target-caption[b-z4v9pz9zs9] { font-size: 9px; letter-spacing: .2em; color: var(--dash-muted); margin-top: 10px; }
.quick-actions[b-z4v9pz9zs9] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin: 20px 0 34px; }
.action-card[b-z4v9pz9zs9] { display: flex; align-items: flex-start; gap: 14px; border: 1px solid var(--dash-border); border-radius: 12px; padding: 22px 18px; background: var(--dash-surface); transition: border-color .15s, background .15s; }
.action-card:hover[b-z4v9pz9zs9] { border-color: var(--dash-gold); background: var(--dash-raised); }
.action-symbol[b-z4v9pz9zs9] { display: grid; place-items: center; flex-shrink: 0; width: 36px; height: 36px; border-radius: 9px; color: var(--dash-gold); background: #e8b95b12; font-size: 25px; line-height: 1; }
.action-content[b-z4v9pz9zs9] { display: flex; flex-direction: column; gap: 6px; }
.action-content strong[b-z4v9pz9zs9] { font-size: 14px; font-weight: 600; }
.action-content > span[b-z4v9pz9zs9] { color: var(--dash-muted); font-size: 12px; line-height: 1.6; }
.dashboard-arrow[b-z4v9pz9zs9] { --arrow-angle: 0deg; display: inline-grid; place-items: center; flex-shrink: 0; width: 24px; height: 24px; border-radius: 50%; transition: background-color .18s ease, border-color .18s ease, color .18s ease; }
.dashboard-arrow svg[b-z4v9pz9zs9] { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; transform: rotate(var(--arrow-angle)); transition: transform .18s ease; }
.arrow-diagonal[b-z4v9pz9zs9] { --arrow-angle: -45deg; }
.primary-link .dashboard-arrow[b-z4v9pz9zs9] { background: #231c110d; }
.action-arrow[b-z4v9pz9zs9] { align-self: center; margin-left: auto; width: 32px; height: 32px; color: var(--dash-gold); background: color-mix(in srgb, var(--dash-gold) 7%, transparent); border: 1px solid color-mix(in srgb, var(--dash-gold) 18%, transparent); }
a:is(:hover, :focus-visible) .dashboard-arrow svg[b-z4v9pz9zs9] { transform: rotate(var(--arrow-angle)) translateX(2px); }
a:is(:hover, :focus-visible) :is(.action-arrow, .session-chevron)[b-z4v9pz9zs9] { color: var(--dash-gold); background: color-mix(in srgb, var(--dash-gold) 13%, transparent); border-color: color-mix(in srgb, var(--dash-gold) 35%, transparent); }
.section-heading[b-z4v9pz9zs9] { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 0 0 18px; }
.section-heading h2[b-z4v9pz9zs9] { font-size: 18px; letter-spacing: -.02em; font-weight: 600; margin: 0 0 5px; }
.section-heading p[b-z4v9pz9zs9] { font-size: 12px; color: var(--dash-muted); margin: 0; }
.section-tag[b-z4v9pz9zs9] { font-size: 9px; letter-spacing: .12em; color: var(--dash-muted); }
.stat-strip[b-z4v9pz9zs9] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 1px solid var(--dash-border); border-radius: 12px; background: var(--dash-surface); margin: 0 0 34px; padding: 22px 0; }
.stat-strip > div[b-z4v9pz9zs9] { padding: 0 24px; border-left: 1px solid var(--dash-border); }
.stat-strip > div:first-child[b-z4v9pz9zs9] { border-left: 0; }
.stat-strip dt[b-z4v9pz9zs9] { color: var(--dash-muted); font-size: 12px; margin-bottom: 9px; }
.stat-strip dd[b-z4v9pz9zs9] { font-size: 27px; font-weight: 550; line-height: 1.2; letter-spacing: -.035em; margin: 0; }
.stat-strip dd span[b-z4v9pz9zs9] { font-size: 12px; letter-spacing: 0; color: var(--dash-muted); }
.text-link[b-z4v9pz9zs9] { display: inline-flex; align-items: center; gap: 8px; color: var(--dash-gold); font-size: 12px; white-space: nowrap; }
.empty-state[b-z4v9pz9zs9] { text-align: center; background: var(--dash-surface); border: 1px dashed var(--dash-border); border-radius: 12px; padding: 28px 24px; }
.empty-target[b-z4v9pz9zs9] { display: block; color: var(--dash-gold); font-size: 37px; line-height: 1.25; margin-bottom: 12px; }
.empty-state h3[b-z4v9pz9zs9] { font-size: 17px; font-weight: 550; margin: 0 0 8px; }
.empty-state p[b-z4v9pz9zs9] { max-width: 410px; margin: 0 auto 20px; font-size: 13px; line-height: 1.7; color: var(--dash-muted); }
.secondary-link[b-z4v9pz9zs9] { background: transparent; border: 1px solid var(--dash-border); color: var(--dash-text); font-size: 12px; }
.secondary-link:hover[b-z4v9pz9zs9] { border-color: var(--dash-gold); }
.session-list[b-z4v9pz9zs9] { border: 1px solid var(--dash-border); border-radius: 12px; background: var(--dash-surface); overflow: hidden; }
.session-row[b-z4v9pz9zs9] { display: flex; align-items: center; gap: 20px; padding: 17px 22px; border-top: 1px solid var(--dash-border); }
.session-row:first-child[b-z4v9pz9zs9] { border-top: 0; }
.session-row:hover[b-z4v9pz9zs9] { background: var(--dash-raised); }
.session-date[b-z4v9pz9zs9] { display: flex; flex-direction: column; justify-content: center; text-align: center; min-width: 44px; color: var(--dash-muted); }
.session-date strong[b-z4v9pz9zs9] { font-size: 22px; font-weight: 500; color: var(--dash-text); }
.session-date span[b-z4v9pz9zs9] { font-size: 10px; text-transform: uppercase; }
.session-main[b-z4v9pz9zs9] { display: flex; flex-direction: column; gap: 5px; flex: 1; min-width: 0; }
.session-main strong[b-z4v9pz9zs9] { font-size: 14px; font-weight: 550; overflow-wrap: anywhere; }
.session-main > span[b-z4v9pz9zs9] { font-size: 11px; color: var(--dash-muted); }
.session-score[b-z4v9pz9zs9] { display: flex; flex-direction: column; text-align: right; min-width: 55px; }
.session-score strong[b-z4v9pz9zs9] { font-size: 20px; font-weight: 550; }
.session-score span[b-z4v9pz9zs9] { font-size: 10px; color: var(--dash-muted); }
.session-status[b-z4v9pz9zs9] { font-size: 10px; color: var(--dash-muted); border: 1px solid var(--dash-border); padding: 5px 9px; border-radius: 6px; min-width: 86px; text-align: center; }
.session-chevron[b-z4v9pz9zs9] { width: 28px; height: 28px; color: var(--dash-muted); border: 1px solid var(--dash-border); }
.empty-description[b-z4v9pz9zs9], .load-notice[b-z4v9pz9zs9] { color: var(--dash-muted); padding: 20px 0; font-size: 13px; }
.load-notice button[b-z4v9pz9zs9] { border: 0; background: transparent; color: var(--dash-gold); cursor: pointer; font: inherit; margin-left: 8px; }
@media (max-width: 1100px) { .quick-actions[b-z4v9pz9zs9] { gap: 10px; } .action-card[b-z4v9pz9zs9] { padding: 18px 13px; gap: 10px; } .action-arrow[b-z4v9pz9zs9] { display: none; } .practice-copy[b-z4v9pz9zs9] { padding: 30px; } .practice-note[b-z4v9pz9zs9] { display: block; margin: 14px 0 0; } }
@media (max-width: 720px) { .dashboard-heading[b-z4v9pz9zs9] { align-items: flex-start; flex-direction: column; gap: 18px; } .dashboard-heading > .primary-link[b-z4v9pz9zs9] { display: none; } .practice-panel[b-z4v9pz9zs9] { grid-template-columns: 1fr; } .practice-copy[b-z4v9pz9zs9] { padding: 26px; } .target-art[b-z4v9pz9zs9] { display: none; } .quick-actions[b-z4v9pz9zs9] { grid-template-columns: 1fr; margin-bottom: 28px; } .action-card[b-z4v9pz9zs9] { padding: 18px; align-items: center; } .action-arrow[b-z4v9pz9zs9] { display: inline-grid; } .stat-strip[b-z4v9pz9zs9] { grid-template-columns: 1fr 1fr; padding: 0; } .stat-strip > div[b-z4v9pz9zs9] { padding: 20px; } .stat-strip > div:nth-child(3)[b-z4v9pz9zs9] { border-left: 0; } .stat-strip > div:nth-child(n+3)[b-z4v9pz9zs9] { border-top: 1px solid var(--dash-border); } .section-tag[b-z4v9pz9zs9] { display: none; } .session-row[b-z4v9pz9zs9] { gap: 12px; padding: 16px 14px; } .session-status[b-z4v9pz9zs9], .session-chevron[b-z4v9pz9zs9] { display: none; } }
@media (prefers-reduced-motion: reduce) { .primary-link[b-z4v9pz9zs9], .action-card[b-z4v9pz9zs9], .dashboard-arrow[b-z4v9pz9zs9], .dashboard-arrow svg[b-z4v9pz9zs9] { transition: none; } a:is(:hover, :focus-visible) .dashboard-arrow svg[b-z4v9pz9zs9] { transform: rotate(var(--arrow-angle)); } }
/* /Components/Pages/WebFormCapture.razor.rz.scp.css */
.web-form-processing[b-f8xin8thhf]{max-width:620px;padding:64px 32px;margin:50px auto;text-align:center;border:1px solid var(--mud-palette-lines-default);border-radius:18px;background:var(--mud-palette-surface);color:var(--mud-palette-text-primary)}h1[b-f8xin8thhf]{font-size:1.65rem;letter-spacing:-.03em;margin:24px 0 16px}p[b-f8xin8thhf]{line-height:1.7;color:var(--mud-palette-text-secondary)}.actions[b-f8xin8thhf]{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:28px}button[b-f8xin8thhf]{background:var(--mud-palette-primary);color:var(--mud-palette-primary-text);border:1px solid transparent;padding:13px 24px;border-radius:9px;font-weight:700;cursor:pointer}button.secondary[b-f8xin8thhf]{background:transparent;color:var(--mud-palette-text-primary);border-color:var(--mud-palette-lines-default);margin-top:12px}button:disabled[b-f8xin8thhf]{opacity:.6;cursor:wait}a[b-f8xin8thhf]{color:var(--mud-palette-primary);font-size:.85rem;margin-top:8px}button:focus-visible[b-f8xin8thhf],a:focus-visible[b-f8xin8thhf]{outline:3px solid var(--mud-palette-primary);outline-offset:4px}.processing-mark[b-f8xin8thhf]{width:48px;height:48px;margin:0 auto;border:3px solid var(--mud-palette-lines-default);border-top-color:var(--mud-palette-primary);border-radius:50%;animation:form-progress-b-f8xin8thhf 1s linear infinite}@keyframes form-progress-b-f8xin8thhf{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.processing-mark[b-f8xin8thhf]{animation:none}}@media(max-width:600px){.web-form-processing[b-f8xin8thhf]{margin:24px auto;padding:40px 20px}}
/* /Components/Pages/WebFormCaptureSelection.razor.rz.scp.css */
.web-form-entry[b-yarrqrdacc]{max-width:1100px;margin:0 auto;padding:24px 0 48px;color:var(--mud-palette-text-primary)}
header[b-yarrqrdacc]{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}h1[b-yarrqrdacc]{font-size:2rem;letter-spacing:-.04em;margin:6px 0}h2[b-yarrqrdacc]{font-size:1.35rem;margin:0 0 14px}.eyebrow[b-yarrqrdacc]{font-size:.65rem;letter-spacing:.2em;color:var(--mud-palette-text-secondary)}.history-link[b-yarrqrdacc]{color:var(--mud-palette-primary);text-decoration:none;font-size:.88rem;white-space:nowrap}.entry-grid[b-yarrqrdacc]{display:grid;grid-template-columns:1.25fr 1fr;gap:24px}.upload-panel[b-yarrqrdacc],.setup-panel[b-yarrqrdacc]{padding:36px;border:1px solid var(--mud-palette-lines-default);border-radius:18px;background:var(--mud-palette-surface)}.upload-panel[b-yarrqrdacc]{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.upload-symbol[b-yarrqrdacc]{display:grid;place-items:center;width:64px;height:64px;margin-bottom:24px;background:rgba(230,183,83,.12);border-radius:18px;font-size:2rem;color:var(--mud-palette-primary)}p[b-yarrqrdacc],li[b-yarrqrdacc]{color:var(--mud-palette-text-secondary);line-height:1.7}ul[b-yarrqrdacc]{padding-left:20px;margin:20px 0 30px}li[b-yarrqrdacc]{margin:10px 0}.upload-button[b-yarrqrdacc]{border:0;background:var(--mud-palette-primary);color:var(--mud-palette-primary-text);border-radius:9px;padding:14px 28px;margin:24px 0 12px;font-weight:700;cursor:pointer}.upload-button:disabled[b-yarrqrdacc]{opacity:.6;cursor:wait}.file-note[b-yarrqrdacc]{font-size:.8rem;margin:0}.error-message[b-yarrqrdacc]{color:var(--mud-palette-error);font-size:.9rem}label[b-yarrqrdacc]{display:block;font-size:.85rem;margin:18px 0 10px}select[b-yarrqrdacc]{width:100%;padding:12px;border-radius:8px;background:var(--mud-palette-background);border:1px solid var(--mud-palette-lines-default);color:inherit}.check-setting[b-yarrqrdacc]{display:flex;gap:10px;align-items:center;line-height:1.5}.check-setting input[b-yarrqrdacc]{accent-color:var(--mud-palette-primary);width:17px;height:17px;flex-shrink:0}button:focus-visible[b-yarrqrdacc],a:focus-visible[b-yarrqrdacc],input:focus-visible[b-yarrqrdacc],select:focus-visible[b-yarrqrdacc]{outline:3px solid var(--mud-palette-primary);outline-offset:4px}@media(max-width:800px){.entry-grid[b-yarrqrdacc]{grid-template-columns:1fr}.upload-panel[b-yarrqrdacc],.setup-panel[b-yarrqrdacc]{padding:26px}.upload-panel[b-yarrqrdacc]{min-height:300px}header[b-yarrqrdacc]{align-items:flex-start;flex-wrap:wrap}h1[b-yarrqrdacc]{font-size:1.75rem}}
/* /Components/Pages/WebSessionStart.razor.rz.scp.css */
.web-session-setup[b-5m20l48rbk] { max-width: 880px; margin: 0 auto; color: var(--web-text, #f1f0ec); }
.back-link[b-5m20l48rbk] { color: var(--web-muted, #a2a9b4); font-size: 13px; text-decoration: none; }
header[b-5m20l48rbk] { margin: 28px 0; }
.eyebrow[b-5m20l48rbk] { color: var(--web-accent, #e8b95b); letter-spacing: .15em; font-size: 10px; font-weight: 700; }
h1[b-5m20l48rbk] { font-size: 32px; margin: 8px 0 12px; letter-spacing: -.035em; }
header > p:last-child[b-5m20l48rbk] { color: var(--web-muted, #a2a9b4); font-size: 14px; line-height: 1.6; }
form[b-5m20l48rbk] { background: var(--web-surface, #181c22); border: 1px solid var(--web-border, #303640); border-radius: 14px; padding: 30px; }
fieldset[b-5m20l48rbk] { padding: 0; margin: 0; border: 0; min-width: 0; }
legend[b-5m20l48rbk] { font-size: 16px; font-weight: 600; margin-bottom: 20px; }
.input-methods[b-5m20l48rbk], .settings-grid[b-5m20l48rbk] { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.method-option[b-5m20l48rbk] { display: flex; gap: 12px; align-items: flex-start; border: 1px solid var(--web-border, #303640); padding: 18px; border-radius: 10px; cursor: pointer; }
.method-option.selected[b-5m20l48rbk] { border-color: var(--web-accent, #e8b95b); background: #e8b95b0b; }
.method-option input[b-5m20l48rbk] { accent-color: var(--web-accent, #e8b95b); margin-top: 4px; flex-shrink: 0; }
.method-option strong[b-5m20l48rbk] { display: block; font-size: 14px; margin-bottom: 8px; }
.method-option small[b-5m20l48rbk] { display: block; color: var(--web-muted, #a2a9b4); font-size: 12px; line-height: 1.7; }
.settings-heading[b-5m20l48rbk] { display: flex; align-items: center; justify-content: space-between; margin: 28px 0 20px; }
h2[b-5m20l48rbk] { font-size: 16px; font-weight: 600; margin: 0; }
.settings-heading a[b-5m20l48rbk] { color: var(--web-accent, #e8b95b); text-decoration: none; font-size: 12px; }
.settings-grid > label[b-5m20l48rbk] { display: flex; flex-direction: column; gap: 9px; color: var(--web-muted, #a2a9b4); font-size: 12px; }
.settings-grid input[b-5m20l48rbk], select[b-5m20l48rbk] { color: var(--web-text, #f1f0ec); background: var(--web-surface-raised, #20252d); border: 1px solid var(--web-border, #303640); border-radius: 8px; font: inherit; font-size: 14px; padding: 12px; min-height: 44px; width: 100%; }
.setup-footer[b-5m20l48rbk] { display: flex; justify-content: space-between; align-items: center; gap: 20px; border-top: 1px solid var(--web-border, #303640); margin-top: 28px; padding-top: 24px; }
.setup-footer > span[b-5m20l48rbk] { color: var(--web-muted, #a2a9b4); font-size: 12px; line-height: 1.6; }
button[b-5m20l48rbk] { display: inline-flex; gap: 24px; align-items: center; padding: 12px 18px; color: #231c11; background: var(--web-accent, #e8b95b); border: 0; border-radius: 8px; font: inherit; font-size: 13px; font-weight: 700; white-space: nowrap; cursor: pointer; }
:focus-visible[b-5m20l48rbk] { outline: 3px solid var(--web-accent, #e8b95b); outline-offset: 3px; }
.setup-error[b-5m20l48rbk] { color: #e8b95b; font-size: 13px; line-height: 1.6; }
@media (max-width: 640px) { form[b-5m20l48rbk] { padding: 22px; } .input-methods[b-5m20l48rbk], .settings-grid[b-5m20l48rbk] { grid-template-columns: 1fr; } .setup-footer[b-5m20l48rbk] { align-items: stretch; flex-direction: column; } button[b-5m20l48rbk] { justify-content: center; } }