/* MannMitra — design law (round 2, 2026-10-04: "the bright one")
   A standalone world: mint-cream ground, deep plum ink, ONE coral signal, and Mitra the fox as the single bold device.
   Sindoor red means exactly one thing: a child needs a call. Risk colours (neem / haldi / sindoor) are semantic only.
   Type: Baloo 2 for display and buttons (rounded, carries Devanagari and Latin), Anek Devanagari for body and data
   (clean, carries both), Plex Mono for Latin-only labels. Devanagari is never letter-spaced. Pills, soft 20–28px cards,
   hairlines or soft shadows, never grey boxes. No emoji in structural UI. */
:root{
  --bg:#EAF2EB; --bg-2:#E0EBE2; --card:#FFFDFA; --card-2:#F6F8F4;
  --ink:#2B2340; --ink-2:#5B5470; --ink-3:#8D879C; --ink-4:#BBB6C4;
  --line:rgba(43,35,64,.10); --line-2:rgba(43,35,64,.18);
  --coral:#F28C6B; --coral-2:#E8785A; --coral-soft:#FCE3DA; --coral-ink:#7A3A26;
  --plum:#2B2340; --plum-2:#3A3156; --plum-ink:#FFF7F2; --plum-ink-2:rgba(255,247,242,.66);
  --neem:#6FA585; --haldi:#E7AC3C; --sindoor:#E0523B; --sindoor-soft:#FBE0DA;
  --display:"Baloo 2","Anek Devanagari",system-ui,sans-serif;
  --sans:"Anek Devanagari","Baloo 2",system-ui,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,monospace;
  --r:24px; --r-sm:14px;
  --ease:cubic-bezier(.2,.8,.2,1); --spring:cubic-bezier(.22,1,.36,1);
  --shadow:0 18px 40px -22px rgba(43,35,64,.35);
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--ink);font:400 15px/1.5 var(--sans);-webkit-font-smoothing:antialiased}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
a{color:inherit}
[hidden]{display:none!important}
.grain{display:none}   /* the paper grain belonged to round 1; the div is still in the views */
.mono{font:500 10.5px/1.2 var(--mono);letter-spacing:.12em;text-transform:uppercase}
.num{font-variant-numeric:tabular-nums lining-nums}
.chip{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 11px;border-radius:99px;font:600 12.5px/1 var(--display);white-space:nowrap}
.chip.open{background:var(--sindoor-soft);color:#9E2A18}
.chip.escalated{background:var(--sindoor);color:#FFF6F2}
.chip.acknowledged{background:#F8E9C6;color:#7A5410}
.chip.contacted,.chip.referred{background:#DCEFE3;color:#2E6B48}
.chip.closed{background:var(--bg-2);color:var(--ink-2)}
.dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex:0 0 auto}
.dot.live{background:var(--sindoor);box-shadow:0 0 0 0 rgba(224,82,59,.5);animation:pulse 1.8s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(224,82,59,.45)}70%{box-shadow:0 0 0 9px rgba(224,82,59,0)}100%{box-shadow:0 0 0 0 rgba(224,82,59,0)}}
.logo{display:inline-flex;align-items:center;gap:9px;text-decoration:none}
.logo svg{width:30px;height:30px;flex:0 0 auto}
.logo b{font:800 21px/1 var(--display);letter-spacing:0}
.logo small{display:block;font:500 9.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;opacity:.6;margin-top:4px}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}