/* NumeraSense diagnostic workspace: presentation only; logic stays in the existing JS. */
:root{color-scheme:light;--ink:#162c3b;--muted:#587084;--line:#dce7eb;--teal:#098f91;--navy:#0b2536;--bg:#f4f8fa;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:#087f88}.dt-wrap{width:min(1220px,calc(100% - 44px));margin:auto}
.dt-hero{padding:55px 0 36px;background:radial-gradient(ellipse at 90% 8%,#1a6270 0%,#0b2d40 45%,#081e2e 100%);color:#f5fcff;position:relative;overflow:hidden}.dt-hero:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(90deg,transparent 97%,#79c7cc 98%),linear-gradient(transparent 97%,#79c7cc 98%);background-size:60px 60px;mask-image:linear-gradient(to left,#000,transparent 70%)}.dt-hero .dt-wrap{position:relative}.dt-eyebrow,.dt-section-kicker{color:#41d8d2;font-size:.74rem;letter-spacing:.16em;font-weight:800;text-transform:uppercase}.dt-hero h1{font-size:clamp(2.4rem,5vw,4.1rem);line-height:1.08;letter-spacing:-.045em;margin:12px 0 17px;max-width:900px}.dt-lead{font-size:1.09rem;max-width:800px;color:#c8e1e9;margin:0 0 22px}.dt-hero-badge{display:inline-flex;border:1px solid #58d8d1;color:#9ef3eb;border-radius:99px;font-size:.69rem;letter-spacing:.11em;font-weight:800;padding:6px 12px;margin-top:4px}.dt-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:34px 0 17px}.dt-metric{background:#fff;color:var(--ink);border:1px solid #cfe3e7;box-shadow:0 8px 25px #00121e16;border-radius:14px;padding:18px 20px;display:grid;grid-template-columns:42px 1fr;align-items:center;column-gap:12px}.dt-metric-icon{grid-row:span 2;display:grid;place-items:center;width:42px;height:42px;background:#e0f8f5;color:#078d90;border-radius:11px;font-size:1.35rem;font-weight:800}.dt-metric strong{font-size:1.65rem;line-height:1.15;letter-spacing:-.04em}.dt-metric span:last-child{font-size:.78rem;color:#62798a;font-weight:650}.dt-note{border:1px solid #477b86;background:#ffffff0b;color:#c8e1e9;padding:13px 17px;border-radius:11px;font-size:.88rem}.dt-note strong{color:#9df0e7}
.dt-section{padding:42px 0 65px}.dt-section-kicker{color:#087f88;margin:0 0 5px}.dt-section h2,.dt-builder h2{font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.2;letter-spacing:-.03em;margin:0 0 8px}.dt-muted{color:var(--muted);margin:8px 0 18px}.dt-filter-panel{background:#fff;border:1px solid var(--line);box-shadow:0 6px 22px #193f5010;border-radius:15px;padding:20px 23px;margin:23px 0 22px}.dt-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:800}.dt-panel-subtitle{color:#73899a;font-weight:500;font-size:.84rem}.dt-controls{display:grid;grid-template-columns:1fr 1fr 1.7fr;gap:15px;margin:16px 0}.dt-controls label{display:grid;gap:7px;font-size:.82rem;font-weight:750;color:#395367}.dt-controls select,.dt-controls input,.dt-output{width:100%;min-height:45px;border:1px solid #cddde4;border-radius:9px;background:#fbfdfe;color:#1a3443;font:inherit;padding:10px 12px}.dt-controls input::placeholder{color:#8497a4}.dt-chips{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.dt-chip,.dt-copy,.dt-button{background:#fff;color:#24495a;border:1px solid #cbdde3;border-radius:8px;padding:9px 13px;font:inherit;font-size:.87rem;font-weight:700;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}.dt-chip{border-radius:30px}.dt-chip.active,.dt-button.primary{background:#098e91;color:#fff;border-color:#098e91}.dt-chip:hover,.dt-copy:hover,.dt-button:hover{border-color:#0e9b9c;background:#e9f9f7;color:#075e63}.dt-button.primary:hover{background:#08777c;color:#fff}.dt-stat{display:inline-block;color:#526d7c;font-size:.87rem;font-weight:650;margin:5px 16px 0 0}.dt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.dt-card{background:#fff;border:1px solid var(--line);border-top:3px solid #18b6ae;border-radius:13px;padding:22px;min-width:0;box-shadow:0 5px 20px #183e500c;transition:box-shadow .2s,transform .2s}.dt-card:hover{box-shadow:0 12px 30px #173e5020;transform:translateY(-2px)}.dt-card-head{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.dt-category{background:#e3f7f4;color:#087f7f;border-radius:5px;padding:3px 8px;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.dt-tag{color:#60798b;font-size:.77rem}.dt-card h3{font-size:1.2rem;line-height:1.3;margin:14px 0 7px;letter-spacing:-.02em}.dt-card p{color:#5d7383;font-size:.91rem;margin:6px 0 15px}.dt-card summary{cursor:pointer;color:#067f86;font-weight:800;padding:7px 0}.dt-detail{padding-top:9px}.dt-detail p{font-size:.88rem}.dt-caution{border-left:3px solid #e5a33b;background:#fff9ee;padding:10px 12px}.dt-detail pre{background:#0c2334;color:#e1f6fa;border:1px solid #24465c;border-radius:9px;max-height:350px;overflow:auto;padding:16px;font:12px/1.55 ui-monospace,Consolas,monospace}.dt-detail code{font-family:ui-monospace,Consolas,monospace}
.dt-builder{background:#eaf3f5;border-top:1px solid #d4e5e9;padding:55px 0 70px}.dt-builder-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start}.dt-builder-grid>div:last-child{background:#fff;padding:23px;border:1px solid var(--line);border-radius:15px;box-shadow:0 8px 24px #193e5012}.dt-checks{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.dt-checks label{display:flex;align-items:center;gap:9px;cursor:pointer;font-weight:600}.dt-checks input{width:18px;height:18px;accent-color:#0a9997}.dt-output{height:360px;resize:vertical;margin-top:10px;font:12px/1.55 ui-monospace,Consolas,monospace}.dt-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.dt-footer{background:#0a2333;color:#c0d4df;padding:25px 0}.dt-footer .dt-wrap{display:flex;gap:13px;flex-wrap:wrap;align-items:center}.dt-footer p{margin:0 auto 0 0}.dt-footer a{color:#9be7e4;font-size:.87rem}.dt-empty{padding:25px;background:#fff;border:1px dashed #bdd3da;border-radius:12px;grid-column:1/-1}:focus-visible{outline:3px solid #0ba9a5;outline-offset:3px}@media(max-width:850px){.dt-overview{grid-template-columns:repeat(2,1fr)}.dt-controls,.dt-grid,.dt-builder-grid{grid-template-columns:1fr}.dt-panel-heading{align-items:start;flex-direction:column}.dt-hero{padding:40px 0 28px}}@media(max-width:480px){.dt-wrap{width:calc(100% - 28px)}.dt-metric{padding:13px;grid-template-columns:34px 1fr;gap:8px}.dt-metric-icon{width:34px;height:34px}.dt-metric strong{font-size:1.3rem}.dt-metric span:last-child{font-size:.69rem}.dt-checks{grid-template-columns:1fr}.dt-filter-panel,.dt-builder-grid>div:last-child{padding:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}