/* UltraVision's approved Tiffany glass. Only surfaces are translucent. */
.reports-workspace { --report-line:#cde5df; --report-muted:#607d77; padding-bottom:12px; }
.reports-workspace .auth-main-heading { margin-bottom:24px; }
.reports-heading-actions,.reports-toolbar,.reports-date-tools,.reports-actions,.reports-section-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.reports-heading-actions { justify-content:flex-end; }
.reports-toolbar { padding:16px 0; margin-bottom:20px; border-top:1px solid var(--report-line); border-bottom:1px solid var(--report-line); }
.reports-date-tools { justify-content:flex-start; }
.reports-date-tools .auth-field { margin:0; }
.reports-date-tools input { max-width:190px; min-height:44px; }
.reports-date-tools .auth-icon-button { width:36px; }
.reports-version { color:var(--report-muted); font-size:12px; line-height:1.6; }
.reports-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin:0 0 22px; }
.reports-metric { padding:23px 24px; border:1px solid #e0eeea; border-radius:23px; background:#ffffffbd; min-width:0; }
.reports-metric.accent { background:linear-gradient(125deg,#eefbf7d9,#d7f2ecba); border-color:#b9e3d8; }
.reports-metric span { color:#52766e; font-size:12px; }
.reports-metric strong { display:block; margin-top:12px; color:#204f50; font-size:clamp(19px,1.8vw,27px); font-weight:650; letter-spacing:-.6px; overflow-wrap:anywhere; font-variant-numeric:tabular-nums; }
.reports-metric small { display:block; color:#668179; font-size:11px; line-height:1.5; margin-top:6px; }
.reports-summary.is-stale .reports-metric strong { color:#688078; }
.reports-stale-note { font-size:12px; color:#876741; margin:-8px 0 20px; }
.reports-layout { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(320px,1fr); gap:20px; align-items:start; }
.reports-stack { display:grid; gap:20px; min-width:0; }
.reports-panel { padding:25px; min-width:0; }
.reports-section-heading { margin:0 0 20px; align-items:flex-start; }
.reports-section-heading h2 { font-size:18px; letter-spacing:-.25px; font-weight:650; }
.reports-section-heading p { font-size:12px; color:var(--report-muted); margin:6px 0 0; line-height:1.65; }
.reports-kicker { display:inline-grid; place-items:center; width:29px; height:29px; margin-right:8px; border-radius:10px; background:#e3f4eed4; color:#458075; font-size:12px; vertical-align:middle; }
.reports-fields { margin:0; padding:0; border:0; min-width:0; }
.reports-fields[disabled] { opacity:.73; }
.reports-fields .auth-field { min-width:0; margin-bottom:17px; }
.reports-field-row { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.reports-select { width:100%; justify-content:space-between; text-align:left; font-weight:500; background:#ffffffb8; min-height:48px; }
.reports-select > span:first-child { overflow-wrap:anywhere; }
.reports-methods { display:flex; gap:4px; padding:4px; border:1px solid #d4e7e0; border-radius:14px; background:#edf8f3b8; width:fit-content; max-width:100%; flex-wrap:wrap; }
.reports-methods .auth-button { min-height:35px; font-size:11px; padding:8px 11px; border:0; box-shadow:none; border-radius:10px; background:transparent; color:#53786e; }
.reports-methods .auth-button[aria-pressed=true] { background:#fff; color:#246d64; box-shadow:0 2px 7px #356b5d0b; }
.reports-doctor-row,.reports-expense-row { border:1px solid #d5e7e0; border-radius:19px; padding:18px; margin:12px 0; background:#ffffff94; }
.reports-row-heading { display:flex; gap:10px; justify-content:space-between; align-items:flex-start; margin-bottom:16px; }
.reports-row-heading strong { display:block; font-size:14px; line-height:1.5; overflow-wrap:anywhere; }
.reports-row-heading small { display:block; color:var(--report-muted); font-size:11px; margin-top:4px; }
.reports-row-heading .auth-icon-button { width:30px; height:30px; min-height:30px; border-radius:10px; margin:-4px -4px 0 0; }
.reports-row-foot { display:flex; gap:12px; justify-content:space-between; align-items:center; flex-wrap:wrap; }
.reports-period { flex:1 1 140px; min-width:0; }
.reports-period input { width:100%; border:0; border-bottom:1px solid #c5dfd5; border-radius:0; padding:8px 0; color:#4a7065; background:transparent; font-size:12px; }
.reports-inline-note { display:flex; gap:10px; justify-content:space-between; padding:13px 15px; border-radius:15px; background:#e8f7f1ad; color:#456e63; font-size:12px; line-height:1.55; margin-top:3px; }
.reports-inline-note strong { white-space:nowrap; font-variant-numeric:tabular-nums; }
.reports-table { width:100%; border-collapse:collapse; font-size:12px; font-variant-numeric:tabular-nums; }
.reports-table th { padding:0 8px 13px; color:#698178; font-weight:500; font-size:11px; text-align:right; }
.reports-table th:first-child,.reports-table td:first-child { padding-left:0; text-align:left; }
.reports-table td { padding:15px 8px; text-align:right; border-top:1px solid #e0ece7; color:#305f54; }
.reports-table td:first-child { font-weight:600; }
.reports-table td:last-child,.reports-table th:last-child { padding-right:0; }
.reports-table tfoot td { font-weight:650; }
.reports-table-wrap { overflow-x:auto; }
.reports-details { margin-top:18px; color:#53776b; font-size:12px; }
.reports-details > summary { cursor:pointer; padding:5px 0 12px; line-height:1.6; }
.reports-details .auth-field { margin-top:12px; }
.reports-cash-toggle { display:flex; align-items:center; gap:11px; font-size:13px; color:#365f54; cursor:pointer; }
.reports-cash-toggle input { width:18px; height:18px; accent-color:#369b8d; }
.reports-cash-body { margin-top:21px; }
.reports-cash-result { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:4px; }
.reports-cash-result > div { padding:15px; background:#eaf8f2b5; border-radius:16px; }
.reports-cash-result span { display:block; font-size:11px; color:#5d7d70; margin-bottom:7px; }
.reports-cash-result strong { font-size:16px; color:#326859; overflow-wrap:anywhere; }
.reports-workspace textarea { width:100%; min-height:92px; padding:13px 15px; border:1px solid #b9d8d1; border-radius:16px; background:#ffffffb8; color:#214b50; font:inherit; font-size:13px; line-height:1.6; resize:vertical; }
.reports-formula { margin-top:16px; padding-top:16px; border-top:1px solid #daeae2; font-size:11px; color:#657e73; line-height:1.7; }
.reports-formula strong { color:#466d5e; font-weight:600; }
.reports-savebar { position:sticky; bottom:14px; z-index:4; padding:16px 20px; margin-top:23px; display:flex; justify-content:space-between; align-items:center; gap:14px; background:#f7fcf9ed; border:1px solid #d1e8df; border-radius:23px; box-shadow:0 8px 30px #315b5110; backdrop-filter:blur(8px); }
.reports-save-state { font-size:12px; color:#54766b; line-height:1.65; }
.reports-save-state strong { display:block; color:#355f53; font-size:13px; font-weight:600; }
.reports-reason { margin-top:22px; max-width:750px; }
.reports-reason .auth-field { margin:0; }
.reports-banner { display:flex; gap:14px; justify-content:space-between; align-items:center; flex-wrap:wrap; margin:0 0 20px; padding:15px 18px; border:1px solid #d7e9df; border-radius:18px; background:#edf9f4dc; color:#446e5f; font-size:12px; line-height:1.7; }
.reports-banner.warning { background:#fffaeecc; border-color:#e6ddc0; color:#806640; }
.reports-banner p { flex:1 1 240px; }
.reports-picker { width:min(500px,calc(100vw - 32px)); }
.reports-archive { width:min(720px,calc(100vw - 32px)); }
.reports-history { width:min(880px,calc(100vw - 32px)); }
.reports-dialog { background:linear-gradient(145deg,#ffffffeb,#effaf6e3); backdrop-filter:blur(8px); }
.reports-picker-list,.reports-archive-list,.reports-history-list { display:grid; gap:10px; }
.reports-picker-list .auth-button { justify-content:flex-start; text-align:left; background:#ffffffad; padding:15px; }
.reports-picker-list strong,.reports-picker-list small { display:block; }
.reports-picker-list strong { font-size:13px; font-weight:600; }
.reports-picker-list small { font-size:11px; font-weight:400; color:#678075; margin-top:5px; }
.reports-archive-row { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:17px; border:1px solid #d1e6dc; border-radius:17px; color:#315f51; background:#ffffffad; text-align:left; width:100%; }
.reports-archive-row strong { display:block; font-size:14px; line-height:1.5; }
.reports-archive-row small { display:block; font-size:11px; line-height:1.7; color:#658073; margin-top:4px; }
.reports-archive-row > span { min-width:0; overflow-wrap:anywhere; }
.reports-archive-total { font-size:15px; font-weight:600; font-variant-numeric:tabular-nums; text-align:right; }
.reports-history-list .auth-button { justify-self:end; }
.reports-revision-row { padding:17px; border:1px solid #d1e6dc; border-radius:18px; background:#ffffffad; }
.reports-revision-row .reports-row-heading { margin-bottom:8px; }
.reports-revision-row p { font-size:12px; color:#587568; line-height:1.65; margin-bottom:13px; overflow-wrap:anywhere; }
.reports-readonly { display:grid; gap:18px; }
.reports-readonly h3 { font-size:15px; font-weight:650; margin-bottom:12px; }
.reports-readonly dl { display:grid; grid-template-columns:1fr 1fr; gap:14px; padding:17px; border-radius:17px; background:#ffffffaa; border:1px solid #dbe9e1; }
.reports-readonly dt { font-size:11px; color:#698174; margin-bottom:6px; }
.reports-readonly dd { margin:0; color:#365f4f; font-size:13px; overflow-wrap:anywhere; white-space:pre-wrap; }
.reports-readonly p { font-size:13px; color:#577361; line-height:1.7; white-space:pre-wrap; overflow-wrap:anywhere; }
@media (max-width:1100px) { .reports-layout { grid-template-columns:minmax(0,1.2fr) minmax(280px,1fr); } .reports-panel { padding:20px; } .reports-metric { padding:20px; } }
@media (max-width:850px) { .reports-layout { grid-template-columns:1fr; } .reports-summary { grid-template-columns:repeat(2,minmax(0,1fr)); } .reports-savebar { flex-wrap:wrap; } .reports-actions { flex:1 1 auto; justify-content:flex-end; } }
@media (max-width:560px) {
 .reports-panel { padding:18px; } .reports-workspace .auth-main-heading { align-items:flex-start; }
 .reports-heading-actions .auth-button { min-height:40px; padding:9px 12px; font-size:12px; }
 .reports-toolbar { gap:10px; } .reports-date-tools { gap:5px; } .reports-date-tools input { max-width:158px; padding:10px; }
 .reports-summary { gap:9px; } .reports-metric { padding:16px; border-radius:20px; } .reports-metric strong { font-size:20px; }
 .reports-field-row { gap:10px; } .reports-field-row input { padding:11px; font-size:14px; }
 .reports-doctor-row,.reports-expense-row { padding:14px; } .reports-row-foot { gap:9px; }
 .reports-savebar { bottom:8px; padding:13px; border-radius:20px; } .reports-save-state { width:100%; }
 .reports-actions { gap:6px; justify-content:flex-start; } .reports-actions .auth-button { padding:10px 12px; min-height:42px; font-size:12px; flex:1 1 auto; }
 .reports-section-heading { gap:8px; } .reports-section-heading h2 { font-size:17px; } .reports-section-heading .auth-button { padding:8px 10px; font-size:11px; }
 .reports-readonly dl { grid-template-columns:1fr; } .reports-table { font-size:11px; } .reports-table th { font-size:10px; } .reports-table td { padding:13px 5px; }
 .reports-archive-row { flex-wrap:wrap; } .reports-archive-total { text-align:left; }
 .reports-cash-result { grid-template-columns:1fr; }
}
@media (prefers-reduced-motion:reduce) { .reports-workspace *, .reports-dialog * { transition:none !important; animation:none !important; } }