:root{--background:#f6f7f4;--surface:#fff;--surface-subtle:#eef1eb;--border:#dfe4d8;--foreground:#161a15;--muted:#687063;--accent:#23604a;--accent-strong:#173f31;--danger:#9b2c2c;--blue:#2d6cdf;--warning:#a75b12;--focus-ring:#23604a6b}html{height:100%}html,body{max-width:100vw;overflow-x:hidden}body{min-height:100%;color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box;margin:0;padding:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.65}:where(button,input,select,textarea,a[href],[role=tab]):focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}:where(input,select,textarea):focus-visible{border-color:var(--accent)}.shell{width:min(1280px,100% - 28px);margin:0 auto;padding:14px 0 48px}.topbar{justify-content:space-between;align-items:center;gap:16px;padding:10px 0 12px;display:flex}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:800}h1{margin-top:2px;font-size:clamp(24px,3vw,38px);line-height:1.05}h2{font-size:22px;line-height:1.15}h3{font-size:16px}p{line-height:1.55}label{color:var(--muted);gap:6px;font-size:13px;font-weight:700;display:grid}input,select,textarea{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--foreground);border-radius:8px;padding:11px 12px}input[readonly]{background:var(--surface-subtle);color:var(--muted)}textarea{resize:vertical;min-height:76px}button{background:var(--accent);color:#fff;border:0;border-radius:8px;padding:11px 14px;font-weight:700}.ghost-button{border:1px solid var(--border);background:var(--surface);color:var(--foreground)}.login-panel,.empty-state,.panel,.metric{border:1px solid var(--border);background:var(--surface);border-radius:8px}.login-panel,.empty-state{gap:18px;margin-top:24px;padding:22px;display:grid}.login-panel{width:100%;max-width:580px;margin-left:auto;margin-right:auto}.login-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.login-email-field{min-width:0}.status{color:var(--muted)}.status.error{color:var(--danger)}.footer-status{margin-top:12px}.stats-grid,.desktop-control,.detail-panel>.panel-header{display:none}.metric{gap:8px;padding:16px;display:grid}.metric span,.profile-metric span,dt{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:700}.metric strong{font-size:26px;line-height:1}.dashboard-layout{display:block}.panel{padding:16px}.detail-panel{background:0 0;border:0;padding:14px 0 0}.panel-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.client-context-title{min-width:0}.client-context-title h2{overflow-wrap:anywhere}.client-context-meta{color:var(--muted);margin-top:4px;font-size:13px;font-weight:700}.pill{border:1px solid var(--border);background:var(--surface-subtle);color:var(--accent-strong);white-space:nowrap;border-radius:999px;align-items:center;padding:5px 9px;font-size:12px;font-weight:800;display:inline-flex}.asymmetry-badge{border:1px solid var(--border);white-space:nowrap;border-radius:999px;align-items:center;padding:4px 8px;font-size:12px;font-weight:900;line-height:1;display:inline-flex}.asymmetry-badge.ok{color:var(--accent-strong);background:#dfeee5;border-color:#23604a47}.asymmetry-badge.warning{color:var(--warning);background:#fff1d8;border-color:#a75b1257}.asymmetry-badge.problem{color:var(--danger);background:#f4dedd;border-color:#9b2c2c57}.asymmetry-badge.unknown{background:var(--surface-subtle);color:var(--muted)}.stack-form{gap:12px;display:grid}.compact-form,.test-form{border-top:1px solid var(--border);margin-top:14px;padding-top:14px}.form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.form-actions,.table-actions,.measurement-actions{flex-wrap:wrap;gap:8px;display:flex}.mobile-workbench{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:12px;padding:12px;display:grid}.mobile-client-toolbar{grid-template-columns:minmax(220px,1fr) auto auto;align-items:end;gap:10px;display:grid}.mobile-sticky-controls{gap:10px;display:grid}.mobile-search{order:1}.mobile-client-select{order:2}.mobile-primary-action{white-space:nowrap;order:3;min-height:43px}.mobile-small-action{border:1px solid var(--border);background:var(--surface);min-height:43px;color:var(--foreground);white-space:nowrap;order:4}.mobile-client-summary,.mobile-tabs{display:none}.mobile-form-panel{max-height:min(58vh,620px);overflow-y:auto;box-shadow:0 12px 28px #161a151f}.mobile-form-panel .panel-header{margin-bottom:0}.mobile-tab-page{display:block}.client-page,.compare-page,.measurements-page{margin-bottom:14px}.profile-grid,.norm-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.profile-metric{border:1px solid var(--border);background:var(--surface-subtle);border-radius:8px;padding:13px}.profile-metric.highlight{background:#fff}.profile-metric strong{margin-top:6px;font-size:20px;display:block}.profile-metric small{color:var(--muted);margin-top:4px;font-size:12px;display:block}.chart-card{border:1px solid var(--border);background:var(--surface-subtle);border-radius:8px;margin-bottom:14px;padding:10px;overflow:hidden}.chart-card.clean-chart{background:#fbfcfa}.chart-card svg{width:100%;height:auto;display:block}.chart-legend{flex-wrap:wrap;gap:8px;margin-bottom:6px;display:flex}.legend-item{color:var(--muted);font-size:12px;font-weight:800}.legend-item:before{content:"";background:var(--accent);border-radius:999px;width:10px;height:10px;margin-right:5px;display:inline-block}.legend-item.target:before{background:var(--danger)}.chart-line{fill:none;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.chart-line.left{stroke:var(--accent)}.chart-line.right{stroke:var(--blue)}.chart-dot.left{stroke:var(--accent);fill:var(--accent)}.chart-dot.right{stroke:var(--blue);fill:var(--blue)}.chart-line.asymmetry{stroke:var(--warning);stroke-width:1.8px}.chart-dot.asymmetry{r:3px;stroke:var(--warning);stroke-width:1.8px;fill:#fbfcfa}.chart-dot.asymmetry.ok{stroke:var(--accent);fill:#fbfcfa}.chart-dot.asymmetry.problem{stroke:var(--danger);fill:#fbfcfa}.chart-target{stroke:var(--danger);stroke-dasharray:6 6;stroke-width:2px}.chart-grid-line,.chart-axis{stroke:var(--border);stroke-width:1px}.chart-asymmetry-threshold{stroke-dasharray:4 7;stroke-width:1.5px}.chart-asymmetry-threshold.warning{stroke:#a75b1273}.chart-asymmetry-threshold.problem{stroke:#9b2c2c73}.chart-card text{fill:var(--muted);font-size:12px;font-weight:700}.chart-axis-label.left,.chart-axis-title.right{text-anchor:end}.chart-axis-label.right,.chart-axis-title.left{text-anchor:start}.chart-date{text-anchor:middle}.mobile-test-list{display:none}.measurement-card{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:10px;padding:12px;display:grid}.measurement-card.editing{border-color:var(--accent);box-shadow:0 0 0 2px #23604a1f}.measurement-card-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.measurement-card-header span:first-child{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:800}.measurement-card-header strong{margin-top:3px;font-size:18px;display:block}.measurement-values{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.measurement-values div{background:var(--surface-subtle);border-radius:8px;min-width:0;padding:9px}dd{margin-top:3px;font-weight:800}.measurement-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.detail-button{border:1px solid var(--border);background:var(--surface);min-height:auto;color:var(--foreground);padding:7px 10px;font-size:12px}.detail-button:hover{background:var(--surface-subtle)}.danger-button{color:var(--danger);border-color:#9b2c2c47}.measurement-detail{border-top:1px solid var(--border);padding-top:10px}.test-detail-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.test-detail-header p{color:var(--muted);font-size:13px}.test-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.leg-detail-card{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:12px}.leg-detail-card.deficit{background:#fff8f7;border-color:#9b2c2c52}.leg-detail-card.ok{background:#f6fbf8;border-color:#23604a42}.leg-detail-title{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.leg-detail-title span{background:var(--surface-subtle);color:var(--muted);white-space:nowrap;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:800}.leg-detail-card.deficit .leg-detail-title span{color:var(--danger);background:#f4dedd}.leg-detail-card.ok .leg-detail-title span{color:var(--accent-strong);background:#dfeee5}.leg-detail-card dl{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.measurement-change-panel{border:1px solid var(--border);background:var(--surface-subtle);border-radius:8px;gap:10px;margin-top:12px;padding:12px;display:grid}.measurement-change-panel h3{font-size:15px;line-height:1.35}.measurement-change-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.measurement-change-card{border:1px solid var(--border);background:var(--surface);border-left-width:3px;border-radius:8px;min-width:0;padding:11px}.measurement-change-card.positive{background:#f6fbf8;border-color:#23604a47}.measurement-change-card.negative{background:#fffaf1;border-color:#a75b1252}.measurement-change-card.neutral,.measurement-change-card.unknown{border-color:var(--border)}.measurement-change-card h4{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.measurement-change-value{color:var(--foreground);margin-top:5px;font-size:18px;font-weight:900;line-height:1.3}.measurement-change-card.positive .measurement-change-value{color:var(--accent-strong)}.measurement-change-card.negative .measurement-change-value{color:var(--warning)}.measurement-change-card.unknown .measurement-change-value,.measurement-change-card small,.measurement-change-empty{color:var(--muted)}.measurement-change-card small{margin-top:4px;font-size:12px;line-height:1.4;display:block}.measurement-change-empty{font-size:13px}.test-note{color:var(--muted);margin-top:10px;font-size:13px}.table-wrap{overflow-x:auto}.desktop-table{border-top:1px solid var(--border);margin-top:14px;padding-top:12px;display:block}table{border-collapse:collapse;width:100%;min-width:880px}th,td{border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;padding:10px 8px}th{color:var(--muted);text-transform:uppercase;font-size:12px}.expanded-row td{white-space:normal;background:#fbfcfa;padding:12px}.mobile-add-test{display:none}@media (max-width:860px){.login-row,.form-row,.profile-grid,.norm-grid,.test-detail-grid,.measurement-change-grid,.leg-detail-card dl{grid-template-columns:1fr}.mobile-client-toolbar{grid-template-columns:minmax(0,1fr) auto auto}.test-detail-header,.leg-detail-title{display:grid}}@media (max-width:720px){body{background:#fbfcfa}.shell{width:100%;padding:0 0 calc(92px + env(safe-area-inset-bottom))}.topbar{z-index:30;min-height:calc(45px + env(safe-area-inset-top));padding:calc(10px + env(safe-area-inset-top)) 12px 10px;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fbfcfaf5;position:sticky;top:0}.topbar .eyebrow{display:none}.topbar h1{margin:0;font-size:20px}.topbar .ghost-button{padding:8px 10px;font-size:13px}.mobile-workbench{background:0 0;border-left:0;border-right:0;border-radius:0;gap:10px;padding:10px 10px 8px;position:static}.mobile-sticky-controls{top:calc(45px + env(safe-area-inset-top));z-index:20;border-top:1px solid var(--border);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fbfcfaf7;gap:8px;margin:0 -10px;padding:8px 10px;position:sticky}.mobile-client-toolbar{grid-template-columns:minmax(0,1fr) auto;gap:8px}.mobile-client-toolbar label{gap:4px;font-size:12px}.mobile-client-toolbar input,.mobile-client-toolbar select{padding:10px}.mobile-primary-action{display:none}.mobile-small-action{min-height:41px;padding:10px 12px}.mobile-client-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.mobile-client-summary div{border:1px solid var(--border);background:var(--surface);border-radius:8px;min-width:0;padding:9px}.mobile-client-summary span{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:800;display:block}.mobile-client-summary strong{text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:13px;line-height:1.15;display:block;overflow:hidden}.mobile-client-summary .asymmetry-badge{text-overflow:ellipsis;padding:3px 6px;overflow:hidden}.mobile-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.mobile-tab{border:1px solid var(--border);background:var(--surface);color:var(--foreground);padding:9px 6px;font-size:13px}.mobile-tab.active,.mobile-tab[aria-selected=true]{border-color:var(--accent);background:var(--accent);color:#fff}.mobile-form-panel{max-height:min(68vh,620px);padding:12px}.dashboard-layout{padding:10px}.detail-panel{padding:0}.mobile-tab-page{display:none}.mobile-tab-page.is-active{display:block}.profile-grid,.norm-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px}.profile-metric{padding:11px}.profile-metric strong{font-size:18px}.chart-card{margin-bottom:10px;padding:8px}.chart-legend{gap:6px}.chart-card text{font-size:11px}.mobile-test-list{grid-template-columns:1fr;gap:10px;display:grid}.measurement-card{padding:12px}.measurement-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.measurement-actions .detail-button{width:100%;padding:9px 6px}.form-actions{grid-template-columns:1fr;display:grid}.form-actions button{width:100%}.desktop-table{display:none}.mobile-add-test{right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:35;border-radius:8px;min-height:52px;font-size:16px;display:block;position:fixed;left:12px;box-shadow:0 12px 28px #161a1538}.footer-status{padding:0 10px}.login-panel,.empty-state{width:calc(100% - 24px);margin-top:16px}}@media (min-width:721px){.detail-panel>.panel-header{display:flex}}@media (max-width:390px){.mobile-client-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-grid,.norm-grid,.measurement-values,.measurement-actions{grid-template-columns:1fr}}.leg-norm-summary{border-top:1px solid var(--border);color:var(--foreground);margin-top:14px;padding-top:12px;font-size:14px;line-height:1.5}.leg-norm-summary strong{font-weight:900}
@media (max-width:720px){.measurements-page.is-active{padding-bottom:calc(84px + env(safe-area-inset-bottom))}.mobile-test-list{padding-bottom:calc(12px + env(safe-area-inset-bottom))}}