:root{--bg:#f4f8fc;--card:#fff;--line:#d9e4ef;--text:#18324d;--muted:#6e8298;--blue:#0d6efd;--red:#ef3b3b;--shadow:0 5px 18px rgba(30,75,110,.08)}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text)}.topbar{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--line);padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px}.logo{width:92px;height:54px}.brand h1{margin:0;font-size:26px;line-height:1}.brand h1 span{color:#23a8c3;letter-spacing:.12em}.brand p{margin:6px 0 0;color:var(--muted);font-size:12px}.top-actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.btn{border:1px solid transparent;border-radius:9px;padding:10px 14px;font-weight:700;cursor:pointer;background:#fff;color:var(--text)}.btn.primary{background:#1687f8;color:#fff}.btn.dark{background:#1748a7;color:#fff}.btn.ghost{border-color:var(--line);box-shadow:0 2px 8px rgba(0,0,0,.03)}.btn.full{width:100%}.icon-btn{display:inline-flex;align-items:center;gap:7px}.icon-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.page{max-width:1580px;margin:18px auto;padding:0 18px 30px}.notice{margin-bottom:14px;border:1px solid #c8ddf3;background:#f7fbff;border-radius:10px;padding:11px 14px;color:#3c5b75;font-size:12px;line-height:1.5}.card,.ear-card{background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.card{padding:16px}.section-title{font-weight:800;font-size:16px;margin-bottom:12px}.section-title.small{font-size:14px}.subhead{margin-top:16px}.helper,.reference-note{font-size:11.5px;color:var(--muted);line-height:1.45;margin:-5px 0 12px}.reference-note{margin:10px 0 0}.grid{display:grid;gap:12px}.patient-grid{grid-template-columns:1.6fr 1fr 1fr .55fr .85fr 1fr}.patient-grid .wide{grid-column:span 3}.two-col{grid-template-columns:1fr 1fr}.equipment-grid{grid-template-columns:repeat(3,1fr)}.occupational-grid{grid-template-columns:repeat(3,1fr)}.results-grid{grid-template-columns:repeat(2,1fr)}.professional-grid{grid-template-columns:repeat(4,1fr)}.provider-grid{grid-template-columns:2fr 1fr}.tymp-meta{grid-template-columns:1fr 2fr}.wide{grid-column:1/-1}label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700;color:#41586d}input,select,textarea{width:100%;border:1px solid #d5e0ea;border-radius:7px;background:#fff;color:#20374d;padding:9px 10px;font:inherit;outline:none}input:focus,select:focus,textarea:focus{border-color:#5aa8f6;box-shadow:0 0 0 3px rgba(13,110,253,.1)}.work-grid{display:grid;grid-template-columns:285px 1fr;gap:14px;margin-top:14px}.config-card{height:max-content;position:sticky;top:90px}.toggle-list{display:flex;flex-direction:column;gap:12px}.toggle-row{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;cursor:pointer}.toggle-row input{display:none}.toggle-row span{width:34px;height:20px;border-radius:20px;background:#bac7d3;position:relative;transition:.2s;flex:none}.toggle-row span:after{content:"";position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:.2s}.toggle-row input:checked+span{background:#1f91ff}.toggle-row input:checked+span:after{transform:translateX(14px)}.divider{height:1px;background:var(--line);margin:16px 0}.marking-controls{display:grid;gap:12px}.check-inline{display:flex;flex-direction:row;align-items:center;gap:8px}.check-inline input{width:auto}.bone-hint{font-size:11px;line-height:1.35;padding:8px 9px;border-radius:7px;background:#f2f7fb;border:1px solid #d9e4ef;color:#476177}.audiograms-wrap{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}.ear-card{padding:10px;overflow:hidden}.ear-card.right-ear{border-color:#ffb8b8}.ear-card.left-ear{border-color:#add1ff}.ear-header{display:flex;justify-content:space-between;align-items:center;padding:2px 5px 8px;font-size:13px;gap:10px}.right-ear .ear-header strong{color:var(--red)}.left-ear .ear-header strong{color:var(--blue)}.ear-header span{font-size:10.5px;color:var(--muted);text-align:right}canvas{width:100%;height:auto;display:block;background:#fff;border-radius:8px;touch-action:none;cursor:crosshair;max-height:740px}.legend{margin-top:12px;display:flex;flex-wrap:wrap;gap:10px 18px;font-size:12px;align-items:center}.legend .r{color:var(--red)}.legend .b{color:var(--blue)}.optional-panel,.results-card,.professional-card,.provider-card{margin-top:14px}.hidden{display:none!important}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th,td{border:1px solid #dbe5ee;padding:8px;text-align:left}th{background:#f2f7fb}td input,td select{padding:7px;min-width:78px}footer{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:11px;padding:20px 4px}.spacer{flex:1}.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%) translateY(15px);background:#18324d;color:#fff;padding:10px 14px;border-radius:9px;box-shadow:0 10px 30px rgba(0,0,0,.22);font-size:12px;font-weight:650;opacity:0;pointer-events:none;transition:.18s;z-index:100}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}dialog{border:0;border-radius:14px;max-width:790px;width:calc(100% - 30px);box-shadow:0 20px 70px rgba(0,0,0,.25);padding:22px;color:var(--text)}dialog::backdrop{background:rgba(17,37,56,.45)}dialog h2{margin-top:0}dialog h3{margin-bottom:5px}dialog li{margin:8px 0;line-height:1.45}dialog p{line-height:1.5}dialog form{text-align:right;margin-top:20px}@media(max-width:1200px){.topbar{position:static;align-items:flex-start;flex-direction:column}.config-card{position:static}.work-grid{grid-template-columns:1fr}.audiograms-wrap{grid-template-columns:1fr 1fr}.patient-grid{grid-template-columns:repeat(3,1fr)}.patient-grid .wide{grid-column:span 2}.equipment-grid,.occupational-grid,.professional-grid{grid-template-columns:1fr 1fr}}@media(max-width:900px){.audiograms-wrap{grid-template-columns:1fr}.provider-grid,.tymp-meta{grid-template-columns:1fr}}@media(max-width:650px){.page{padding:0 8px}.topbar{padding:12px}.top-actions{width:100%}.top-actions .btn{flex:1}.icon-btn span{display:none}.icon-btn{flex:0 0 44px!important;justify-content:center;padding:10px}.patient-grid,.two-col,.equipment-grid,.occupational-grid,.results-grid,.professional-grid{grid-template-columns:1fr}.patient-grid .wide{grid-column:auto}.brand h1{font-size:21px}.logo{width:72px}.card{padding:12px}.ear-header{align-items:flex-start;flex-direction:column}.ear-header span{text-align:left}}

.language-switch{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.03)}.lang-btn{border:0;background:#fff;color:var(--muted);font-weight:800;padding:10px 11px;cursor:pointer;min-width:42px}.lang-btn+ .lang-btn{border-left:1px solid var(--line)}.lang-btn.active{background:#1748a7;color:#fff}.lang-btn:focus-visible{outline:2px solid #5aa8f6;outline-offset:-2px}