:root{--bg: #f4f1ea;--bg2: #fffdf8;--bg3: #eef6f3;--stroke: #d7cfc4;--text: #1c2430;--muted: #5c6674;--accent: #0f7a6c;--accent2: #e07a2f;--ok: #1a8f5a;--warn: #c4841d;--danger: #c43c3c;--low: #6b7785;--info: #2b6cb0;--radius: 14px;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--accent)}.app-shell{min-height:100%;display:flex;flex-direction:column;background:radial-gradient(1200px 400px at 10% -10%,#fde7d2 0%,transparent 50%),radial-gradient(900px 380px at 100% 0%,#d9f3ec 0%,transparent 46%),var(--bg)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid var(--stroke);background:#fff}.brand{font-weight:800;color:var(--accent);letter-spacing:.02em}.brand span{color:var(--muted);font-weight:500;margin-left:8px;font-size:13px}.top-actions{display:flex;gap:8px;align-items:center}.main{flex:1;padding:18px}.btn{background:#fff;border:1px solid var(--stroke);border-radius:8px;padding:8px 12px;cursor:pointer}.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--accent);color:#fff;border-color:transparent;font-weight:650}.btn.ghost{background:transparent}.btn.danger{border-color:var(--danger);color:var(--danger)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.field label{font-size:12px;color:var(--muted);font-weight:600}.field input,.field select,.field textarea{background:#fff;border:1px solid var(--stroke);border-radius:8px;padding:10px 12px}.muted{color:var(--muted);font-size:13px}.error{color:var(--danger);font-size:13px}.hero-strip{display:flex;gap:16px;flex-wrap:wrap;justify-content:space-between;margin-bottom:16px;align-items:flex-start}.hero-strip h2{margin:0 0 6px;color:#143c38}.hero-strip p{margin:0;max-width:520px;color:var(--muted)}.cost-pill{max-width:340px;background:#fff4e8;border:1px solid #f0c9a0;border-radius:12px;padding:10px 12px;font-size:13px;color:#6a3b12}.cost-pill span{display:block;margin-top:4px;color:#7a5840;font-size:12px}.custom-model{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:end;margin-bottom:12px}.login-wrap{max-width:420px;margin:12vh auto;padding:24px;background:#fff;border:1px solid var(--stroke);border-radius:16px}.login-wrap h1{margin:0 0 8px;font-size:22px;color:var(--accent)}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.card{background:var(--bg2);border:1px solid var(--stroke);border-radius:var(--radius);padding:14px}.session-card{border-top:4px solid var(--accent2)}.card h3{margin:0 0 6px;font-size:15px}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.workbench{display:grid;grid-template-columns:minmax(220px,1.1fr) minmax(320px,1.7fr) minmax(220px,1.1fr);grid-template-rows:auto 1fr auto;gap:12px;height:calc(100vh - 90px)}.wb-top,.wb-bottom{grid-column:1 / -1}.panel{background:#fff;border:1px solid var(--stroke);border-radius:var(--radius);padding:14px;overflow:auto;min-height:0}.panel.center-card{border-top:5px solid var(--accent)}.panel h2{margin:0 0 10px;font-size:12px;color:var(--accent);font-weight:700;text-transform:uppercase;letter-spacing:.06em}.repair-card h1{margin:0 0 8px;font-size:20px;color:#143c38}.why{background:#e7f6f1;border-radius:8px;padding:10px 12px;margin:10px 0}.list{margin:8px 0;padding-left:18px}.list li{margin:4px 0}.howto{margin-top:12px;background:#fff8ee;border:1px solid #f0d3b0;border-radius:12px;padding:12px}.howto h3{margin:0 0 8px;font-size:14px;color:#9a4b12}.howto-steps{margin:0;padding-left:18px}.howto-steps li{margin:6px 0}.reading-box{margin-top:10px;background:#eaf3ff;border-radius:8px;padding:10px}.reading-label{font-size:11px;font-weight:700;color:var(--info);text-transform:uppercase}.meter-face{background:#1e2a32;color:#d4f5c8;border-radius:10px;padding:10px;margin-bottom:8px;max-width:280px}.meter-screen{font-family:ui-monospace,monospace;font-size:22px}.meter-dial{font-size:12px;color:#9ad;margin:4px 0}.probes-row{display:flex;gap:8px;margin-top:6px}.probe{font-size:11px;font-weight:700;padding:3px 8px;border-radius:999px}.probe.red{background:#e24b4b;color:#fff}.probe.black{background:#222;color:#fff}.wave-row{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-top:8px}.wave-card{text-align:center;font-size:10px;color:var(--muted)}.wave{height:28px;border-radius:4px;background:#eee;position:relative;overflow:hidden}.wave.p-none{background:#e8e8e8}.wave.p-trickle{background:linear-gradient(#7ec8a3,#7ec8a3) 0 70% / 100% 8px no-repeat #eef}.wave.p-pulse{background:repeating-linear-gradient(90deg,#2b6cb0 0,#2b6cb0 6px,#eef 6px,#eef 14px)}.wave.p-boot{background:linear-gradient(90deg,#e07a2f 0,#e07a2f 30%,#eef 30%,#eef)}.wave.p-const{background:#5bb}.wave.p-short{background:#e25c5c}.timeline{display:flex;flex-direction:column;gap:8px}.tl-item{border-left:3px solid var(--accent2);padding:0 0 8px 10px;font-size:13px}.tl-item strong{display:block}.hypo{display:flex;flex-direction:column;gap:8px}.hypo-row{display:flex;justify-content:space-between;gap:8px;align-items:flex-start;padding:8px;border-radius:8px;background:var(--bg3)}.band{font-size:11px;font-weight:700;text-transform:uppercase;padding:2px 6px;border-radius:999px}.band-none{color:var(--muted)}.band-low{color:var(--low);background:#eee}.band-medium{color:var(--info);background:#e6f0fa}.band-high{color:#8a4b00;background:#ffe8c2}.band-confirmed{color:#0d5c38;background:#c9f0dc}.badge{font-size:11px;border:1px solid var(--stroke);border-radius:999px;padding:2px 8px;color:var(--muted);background:#fff}.status-active{border-color:var(--accent);color:var(--accent)}.status-paused{border-color:var(--warn);color:var(--warn)}.status-concluded{border-color:var(--ok);color:var(--ok)}.choices{display:flex;flex-direction:column;gap:8px}.choice{text-align:left;width:100%;padding:12px;border-radius:10px;background:#f3fbf8;border:1px solid #b7ddd4;cursor:pointer}.choice:hover{border-color:var(--accent);background:#e4f6f0}.gaps{font-size:12px;color:var(--muted);margin-top:8px}.photo-grid{display:flex;gap:8px;flex-wrap:wrap}.photo-grid img{width:72px;height:72px;object-fit:cover;border-radius:8px;border:1px solid var(--stroke)}.picker-list{max-height:280px;overflow:auto;margin-top:6px;border:1px solid var(--stroke);border-radius:8px;background:#fff}.picker-brand{padding:6px 10px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);background:var(--bg3);font-weight:700}.picker-item{display:flex;flex-direction:column;gap:2px;width:100%;text-align:left;padding:8px 10px;border:0;border-bottom:1px solid var(--stroke);background:transparent;cursor:pointer}.picker-item:hover,.picker-item.active{background:#fff4e8}.note-row textarea{flex:1;min-width:200px}@media (max-width: 960px){.workbench{grid-template-columns:1fr;height:auto}.wb-top,.wb-bottom{grid-column:auto}.custom-model{grid-template-columns:1fr}.wave-row{grid-template-columns:repeat(3,1fr)}}