/* Sprint113 - Mowatool-level detail calculators + clean card UX */
:root{
  --j113-bg:#f6f8fc;
  --j113-surface:#ffffff;
  --j113-surface-2:#f1f5f9;
  --j113-text:#0b1220;
  --j113-muted:#64748b;
  --j113-line:#d8e0ec;
  --j113-primary:#1e5bff;
  --j113-primary-2:#4f83ff;
  --j113-accent:#14b8a6;
  --j113-warn:#f59e0b;
  --j113-danger:#ef4444;
  --j113-shadow:0 18px 50px rgba(15,23,42,.12);
}
html[data-theme="dark"]{
  --j113-bg:#07111f;
  --j113-surface:#0f1b2d;
  --j113-surface-2:#14243a;
  --j113-text:#f8fafc;
  --j113-muted:#cbd5e1;
  --j113-line:#334155;
  --j113-primary:#4f83ff;
  --j113-primary-2:#7aa2ff;
  --j113-accent:#2dd4bf;
  --j113-warn:#fbbf24;
  --j113-danger:#fb7185;
  --j113-shadow:0 18px 50px rgba(0,0,0,.38);
}
html[data-theme="dark"] .m113-shell,
html[data-theme="dark"] .m113-card,
html[data-theme="dark"] .m113-result,
html[data-theme="dark"] .m113-detail,
html[data-theme="dark"] .m113-field,
html[data-theme="dark"] .m113-panel,
html[data-theme="dark"] .m113-unit-cell,
html[data-theme="dark"] .m113-list-card,
html[data-theme="dark"] .m113-tip{
  background:var(--j113-surface)!important;
  color:var(--j113-text)!important;
  border-color:var(--j113-line)!important;
}
html[data-theme="dark"] .m113-muted,
html[data-theme="dark"] .m113-card small,
html[data-theme="dark"] .m113-field small,
html[data-theme="dark"] .m113-detail p,
html[data-theme="dark"] .m113-detail li,
html[data-theme="dark"] .m113-list-card small{
  color:var(--j113-muted)!important;
}
.m113-shell{margin:0 auto;max-width:1180px;padding:20px 0 40px;color:var(--j113-text);}
.m113-hero{position:relative;overflow:hidden;border:1px solid var(--j113-line);background:linear-gradient(135deg,rgba(30,91,255,.12),rgba(20,184,166,.08)),var(--j113-surface);border-radius:28px;padding:24px;margin-bottom:16px;box-shadow:var(--j113-shadow)}
.m113-hero:after{content:"";position:absolute;right:-60px;top:-70px;width:230px;height:230px;border-radius:999px;background:radial-gradient(circle at 40% 40%,rgba(45,212,191,.35),rgba(30,91,255,.08),transparent 70%);animation:m113Float 8s ease-in-out infinite;pointer-events:none}
@keyframes m113Float{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-14px,12px) scale(1.04)}}
@media(prefers-reduced-motion:reduce){.m113-hero:after{animation:none}}
.m113-hero h2{position:relative;margin:0 0 8px;font-size:clamp(1.55rem,3vw,2.35rem);letter-spacing:-.04em;line-height:1.16;color:var(--j113-text)}
.m113-hero p{position:relative;margin:0;max-width:720px;color:var(--j113-muted);line-height:1.65}
.m113-meta{position:relative;display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.m113-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--j113-line);background:var(--j113-surface-2);color:var(--j113-text);border-radius:999px;padding:7px 10px;font-size:.82rem;font-weight:800;white-space:nowrap}
.m113-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);gap:16px;align-items:start}
.m113-card{border:1px solid var(--j113-line);border-radius:24px;background:var(--j113-surface);box-shadow:0 12px 32px rgba(15,23,42,.08);padding:18px;margin-bottom:14px}
.m113-card h3{margin:0 0 10px;font-size:1.06rem;color:var(--j113-text);letter-spacing:-.02em}
.m113-card small,.m113-muted{color:var(--j113-muted);line-height:1.55}
.m113-scenario-row{display:flex;gap:8px;overflow:auto;padding-bottom:4px;scrollbar-width:none}.m113-scenario-row::-webkit-scrollbar{display:none}
.m113-scenario{border:1px solid var(--j113-line);background:var(--j113-surface-2);color:var(--j113-text);border-radius:16px;padding:12px;min-width:150px;text-align:left;cursor:pointer;transition:.18s ease;line-height:1.35;box-shadow:none}.m113-scenario strong{display:block;margin-bottom:4px}.m113-scenario span{color:var(--j113-muted);font-size:.82rem}.m113-scenario.is-active{background:linear-gradient(135deg,var(--j113-primary),#2563eb);border-color:transparent;color:#fff;transform:translateY(-1px);box-shadow:0 10px 24px rgba(30,91,255,.22)}.m113-scenario.is-active span{color:rgba(255,255,255,.82)}
.m113-form{display:grid;gap:12px}.m113-group{border:1px solid var(--j113-line);background:var(--j113-surface);border-radius:20px;overflow:hidden}.m113-group summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 16px;font-weight:900;color:var(--j113-text)}.m113-group summary::-webkit-details-marker{display:none}.m113-group summary:after{content:'⌄';color:var(--j113-muted);font-weight:900}.m113-group[open] summary:after{content:'⌃'}
.m113-fields{padding:0 14px 14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.m113-field{border:1px solid var(--j113-line);background:var(--j113-surface-2);border-radius:16px;padding:12px;display:grid;gap:6px;min-width:0}.m113-field label{font-weight:900;font-size:.9rem;color:var(--j113-text);line-height:1.25}.m113-field small{font-size:.78rem;color:var(--j113-muted);line-height:1.4}.m113-input-wrap{display:flex;align-items:center;border:1px solid var(--j113-line);background:var(--j113-surface);border-radius:13px;overflow:hidden}.m113-input-wrap input,.m113-input-wrap select{width:100%;min-width:0;border:0;background:transparent;color:var(--j113-text);padding:11px 10px;font:inherit;font-weight:800;outline:0}.m113-unit{flex:0 0 auto;color:var(--j113-muted);font-weight:900;padding:0 10px;border-left:1px solid var(--j113-line);white-space:nowrap}.m113-run{width:100%;border:0;border-radius:18px;background:linear-gradient(135deg,var(--j113-primary),#2563eb);color:#fff;font-weight:1000;padding:16px 18px;cursor:pointer;box-shadow:0 12px 26px rgba(30,91,255,.24)}
.m113-result{position:sticky;top:14px;border:1px solid var(--j113-line);border-radius:24px;background:var(--j113-surface);box-shadow:var(--j113-shadow);padding:18px}.m113-result h3{margin:0 0 8px}.m113-score{font-size:2rem;line-height:1.1;font-weight:1000;letter-spacing:-.05em;color:var(--j113-primary)}.m113-sub{margin:6px 0 14px;color:var(--j113-muted);line-height:1.45}.m113-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.m113-kpi{background:var(--j113-surface-2);border:1px solid var(--j113-line);border-radius:16px;padding:11px;min-width:0}.m113-kpi span{display:block;color:var(--j113-muted);font-size:.76rem;margin-bottom:4px}.m113-kpi strong{display:block;color:var(--j113-text);font-size:.94rem;word-break:keep-all;overflow-wrap:anywhere}.m113-risk{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:900;border:1px solid var(--j113-line);margin-top:10px}.m113-risk.low{color:#059669;background:rgba(20,184,166,.12)}.m113-risk.mid{color:#b45309;background:rgba(245,158,11,.14)}.m113-risk.high{color:#dc2626;background:rgba(239,68,68,.14)}
.m113-detail{border:1px solid var(--j113-line);background:var(--j113-surface);border-radius:18px;margin-top:10px;overflow:hidden}.m113-detail summary{cursor:pointer;padding:13px 14px;font-weight:900;color:var(--j113-text);list-style:none;display:flex;justify-content:space-between}.m113-detail summary:after{content:'⌄';color:var(--j113-muted)}.m113-detail[open] summary:after{content:'⌃'}.m113-detail-body{padding:0 14px 14px;color:var(--j113-muted);line-height:1.55}.m113-detail-body ul{margin:8px 0 0;padding-left:18px}.m113-detail-body li+li{margin-top:6px}
.m113-compare{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.m113-compare div{border:1px solid var(--j113-line);background:var(--j113-surface-2);border-radius:14px;padding:10px}.m113-compare span{display:block;font-size:.76rem;color:var(--j113-muted)}.m113-compare strong{display:block;margin-top:4px;color:var(--j113-text)}
.m113-unit-layout{display:grid;grid-template-columns:1fr;gap:12px}.m113-unit-tabs,.m113-tags{display:flex;gap:8px;overflow:auto;scrollbar-width:none}.m113-unit-tabs button,.m113-tags button{white-space:nowrap;border:1px solid var(--j113-line);border-radius:999px;background:var(--j113-surface-2);color:var(--j113-text);padding:9px 12px;font-weight:900}.m113-unit-tabs button.is-active,.m113-tags button.is-active{background:var(--j113-primary);border-color:var(--j113-primary);color:#fff}.m113-unit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.m113-unit-cell{border:1px solid var(--j113-line);border-radius:14px;background:var(--j113-surface);padding:11px}.m113-unit-cell span{display:block;color:var(--j113-muted);font-size:.76rem}.m113-unit-cell strong{display:block;color:var(--j113-text);font-size:1rem;margin-top:4px;overflow-wrap:anywhere}
.m113-platform-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.m113-mini-note{border-left:4px solid var(--j113-accent);background:var(--j113-surface-2);padding:11px;border-radius:14px;color:var(--j113-muted);line-height:1.5}
@media(max-width:820px){.m113-shell{padding:8px 0 28px}.m113-hero{border-radius:22px;margin:0 0 12px;padding:18px}.m113-grid{grid-template-columns:1fr}.m113-result{position:static}.m113-fields{grid-template-columns:1fr}.m113-kpis{grid-template-columns:1fr 1fr}.m113-compare{grid-template-columns:1fr}.m113-platform-grid{grid-template-columns:1fr}.m113-card{padding:15px;border-radius:20px}.m113-unit-grid{grid-template-columns:1fr 1fr}.m113-scenario{min-width:136px}.m113-run{padding:15px}}
@media(max-width:420px){.m113-kpis{grid-template-columns:1fr}.m113-unit-grid{grid-template-columns:1fr}.m113-hero h2{font-size:1.45rem}.m113-score{font-size:1.65rem}}