/* UltraDesk shared theme — SINGLE SOURCE OF TRUTH for the brand identity (India Tricolour, restrained).
   Every web surface links this file and must NOT define its own :root tokens. Muted saffron/green
   accents, one thin tricolour top stripe, no flag-on-body — premium-enterprise. The native app surfaces
   (agent settings, viewer, SessionIndicator) mirror these exact values since they can't fetch this file. */
:root{
  --bg:#fbfaf7; --surface:#ffffff; --inset:#f5f1ea; --ink:#1c2230; --soft:#5c6270;
  --accent:#bf6415;        /* muted saffron — primary action + brand mark */
  --accent-soft:#fbf0e5;   /* saffron tint for eyebrows/callouts */
  --accent2:#0d7a54;       /* muted India green — interactive text + confirmation */
  --saffron:#c86a1e; --hair:#e7e1d6; --ok:#0d7a54; --bad:#b23b3b; --warn:#b23b3b;
}
*{box-sizing:border-box;}html,body{margin:0;}
/* One restrained tricolour stripe at the very top edge of every page (a brand accent, not a flag). */
body::before{content:"";position:fixed;top:0;left:0;right:0;height:3px;z-index:1000;
  background:linear-gradient(90deg,#ff9933 0 33.33%,#eef0ec 33.33% 66.66%,#138808 66.66% 100%);}
body{background:var(--bg);color:var(--ink);font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;}
a{color:var(--accent2);text-decoration:none;}a:hover{text-decoration:underline;}
.wrap{max-width:1040px;margin:0 auto;padding:0 22px;}
nav{display:flex;align-items:center;gap:14px;padding:16px 0;flex-wrap:wrap;}
.mark{display:flex;align-items:center;gap:9px;font-weight:800;letter-spacing:-.02em;font-size:19px;color:var(--ink);}
.mark .box{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,var(--accent),var(--accent2));display:grid;place-items:center;color:#fff;font-weight:800;}
nav .sp{flex:1;}nav a.nl{color:var(--soft);font-weight:600;font-size:14px;}
nav a.nl.active{color:var(--ink);font-weight:700;}
nav a.nl.active::after{content:"";display:block;height:2px;border-radius:2px;background:var(--accent);margin-top:2px;}
.btn{display:inline-block;background:var(--accent);color:#fff;border-radius:9px;padding:11px 20px;font-weight:700;border:0;cursor:pointer;font-size:15px;}
.btn:hover{text-decoration:none;filter:brightness(1.05);}.btn.ghost{background:var(--inset);color:var(--ink);border:1px solid var(--hair);}
.btn.big{padding:15px 26px;font-size:17px;}
.flag{height:13px;border-radius:2px;overflow:hidden;display:inline-flex;flex-direction:column;width:20px;vertical-align:middle;margin-right:5px;box-shadow:0 0 0 1px rgba(0,0,0,.06);}
.flag i{flex:1;}.flag .s{background:#ff9933;}.flag .w{background:#fff;}.flag .g{background:#138808;}
.eyebrow{display:inline-flex;align-items:center;gap:7px;background:var(--accent-soft);color:var(--accent);font-weight:700;font-size:13px;padding:5px 12px;border-radius:999px;margin-bottom:16px;}
h1{font-size:38px;line-height:1.1;letter-spacing:-.025em;margin:20px 0 14px;}
.lead{font-size:19px;color:var(--soft);max-width:62ch;margin:0 0 22px;}
section{padding:26px 0;}h2{font-size:25px;letter-spacing:-.02em;margin:26px 0 8px;}h3{margin:0 0 6px;font-size:17px;}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}@media(max-width:820px){.grid{grid-template-columns:1fr;}h1{font-size:29px;}}
.card{background:var(--surface);border:1px solid var(--hair);border-radius:14px;padding:20px;}
.card p{margin:0;color:var(--soft);font-size:14.5px;}
.callout{background:var(--accent-soft);border:1px solid #f0dcc4;border-radius:14px;padding:20px 22px;margin:18px 0;}
.callout.green{background:#e9f7f0;border-color:#bfe6d4;}
ul.chk{list-style:none;padding:0;margin:0;}ul.chk li{padding:7px 0 7px 28px;position:relative;color:var(--ink);}
ul.chk li::before{content:"✓";position:absolute;left:0;color:var(--ok);font-weight:800;}
.pill{display:inline-flex;align-items:center;gap:6px;background:var(--inset);border-radius:999px;padding:3px 10px;font-weight:600;font-size:12.5px;color:var(--saffron);}
footer{border-top:1px solid var(--hair);margin-top:24px;padding:26px 0 44px;color:var(--soft);font-size:14px;}
footer .cols{display:flex;flex-wrap:wrap;gap:32px;justify-content:space-between;}footer b{color:var(--ink);}
.status{font-size:12.5px;color:var(--soft);margin-top:16px;}
img.shot{width:100%;border:1px solid var(--hair);border-radius:12px;box-shadow:0 8px 30px rgba(70,45,15,.07);}