/* Krishiv signature skin: soft raised / pressed surfaces, one accent colour the user picks.
   Loaded after the app's own <style>; tokens come from signature.js (accent) + theme.js (mode). Shared across Krishiv products. */
html:root[data-sg][data-mode=light]{--sg-bg:#E6E9F0;--sg-hi:#FFFFFF;--sg-lo:rgba(163,173,194,.62);--sg-ink:#1B2030;--sg-mute:#5E667A}
html:root[data-sg][data-mode=dark]{--sg-bg:#262B35;--sg-hi:rgba(255,255,255,.06);--sg-lo:rgba(8,10,14,.62);--sg-ink:#ECEFF6;--sg-mute:#A3ABBE}
html:root[data-sg]{
  --up:7px 7px 16px var(--sg-lo),-7px -7px 16px var(--sg-hi);
  --up-sm:4px 4px 10px var(--sg-lo),-4px -4px 10px var(--sg-hi);
  --up-lg:12px 12px 28px var(--sg-lo),-12px -12px 28px var(--sg-hi);
  --in:inset 5px 5px 11px var(--sg-lo),inset -5px -5px 11px var(--sg-hi);
  --in-sm:inset 3px 3px 7px var(--sg-lo),inset -3px -3px 7px var(--sg-hi);
  --bg1:var(--sg-bg);--bg2:var(--sg-bg);--bg3:var(--sg-bg);--blobOp:0;
  --glass:var(--sg-bg);--glass2:var(--sg-bg);--solid:var(--sg-bg);--field:var(--sg-bg);--gb:transparent;--fb:transparent;--chip:var(--sg-bg);
  --ink:var(--sg-ink);--muted:var(--sg-mute);--tintInk:var(--sg-mute);--contrast:var(--accent);--cink:var(--onAccent);
  --shadow:var(--up);--shadowSm:var(--up-sm);--r:22px;--rs:14px;
  --line:color-mix(in srgb,var(--sg-ink) 9%,transparent);--soft:color-mix(in srgb,var(--sg-ink) 5%,transparent);--track:color-mix(in srgb,var(--sg-ink) 14%,transparent);
  --tintCoral:color-mix(in srgb,var(--sg-bg) 88%,#E2402B);--tintMint:color-mix(in srgb,var(--sg-bg) 88%,#22A356);--tintPeach:color-mix(in srgb,var(--sg-bg) 88%,#E8965A);
  --tintButter:color-mix(in srgb,var(--sg-bg) 88%,#E0A020);--tintLilac:color-mix(in srgb,var(--sg-bg) 88%,#8A4FD6);--tintSky:color-mix(in srgb,var(--sg-bg) 88%,#2B83D6);
}
html:root[data-sg]{background:var(--sg-bg)}
html:root[data-sg]::before,html:root[data-sg]::after,html:root[data-sg] body::before{display:none}
body{font-family:"Manrope","Noto Sans Devanagari",system-ui,sans-serif}
/* every blurred glass surface becomes a flat soft surface */
[data-sg] .card,[data-sg] .tile,[data-sg] .brand,[data-sg] .pnav,[data-sg] nav.bottom,[data-sg] .modal,[data-sg] .pop,[data-sg] .auth,[data-sg] .themer,[data-sg] .ibtn,[data-sg] .seg,[data-sg] .tabs,[data-sg] .ic{-webkit-backdrop-filter:none;backdrop-filter:none}
[data-sg] .card,[data-sg] .tile,[data-sg] .brand,[data-sg] .pnav,[data-sg] .themer,[data-sg] .auth,[data-sg] .modal,[data-sg] .pop{background:var(--sg-bg);border:0}
[data-sg] .card{box-shadow:var(--up)}[data-sg] .tile{box-shadow:var(--up-sm)}
[data-sg] .tile.bad,[data-sg] .tile.warn,[data-sg] .tile.ok,[data-sg] .tile[class*=" t-"]{box-shadow:var(--up-sm)}
[data-sg] .card.tint{background:var(--sg-bg);box-shadow:var(--in)}
[data-sg] .card.hero{background:var(--sg-bg);color:var(--sg-ink);border:0;box-shadow:var(--up-lg)}[data-sg] .card.hero .muted{color:var(--sg-mute)}
[data-sg] .card.hero::after{opacity:.16}
[data-sg] .brand,[data-sg] .pnav,[data-sg] .themer{box-shadow:var(--up-sm)}
[data-sg] .modal,[data-sg] .pop,[data-sg] .auth{box-shadow:var(--up-lg)}
[data-sg] .modal-bg{background:color-mix(in srgb,var(--sg-bg) 55%,transparent)}
/* navigation */
[data-sg] .pnav a:hover{background:transparent;box-shadow:var(--in-sm)}
[data-sg] .pnav a.on,[data-sg] nav.bottom a.on,[data-sg] nav.bottom a.hero.on{background:var(--sg-bg);color:var(--accent);box-shadow:var(--in-sm)}
[data-sg] nav.bottom{background:var(--sg-bg);border:0;box-shadow:var(--up)}
[data-sg] nav.bottom a.hero{background:var(--accent);color:var(--onAccent)}
/* controls */
[data-sg] .ibtn{background:var(--sg-bg);border:0;box-shadow:var(--up-sm);color:var(--sg-ink)}
[data-sg] .ibtn:hover{background:var(--sg-bg)}[data-sg] .ibtn:active{box-shadow:var(--in-sm)}
[data-sg] .ibtn.av{background:var(--accent);color:var(--onAccent)}
[data-sg] .langsel{background-color:var(--sg-bg)!important;border:0!important;box-shadow:var(--up-sm)!important}
[data-sg] .btn{background:var(--sg-bg);border:0;color:var(--sg-ink);box-shadow:var(--up-sm);transition:box-shadow .16s cubic-bezier(.23,1,.32,1),transform .16s cubic-bezier(.23,1,.32,1)}
[data-sg] .btn:active{box-shadow:var(--in-sm);transform:scale(.98)}
[data-sg] .btn.pri,[data-sg] .btn.acc,[data-sg] .save-bar .btn{background:var(--accent);color:var(--onAccent);border:0;box-shadow:var(--up-sm)}
[data-sg] .btn.pri:active,[data-sg] .btn.acc:active,[data-sg] .save-bar .btn:active{box-shadow:var(--in-sm)}
[data-sg] input,[data-sg] select,[data-sg] textarea{background:var(--sg-bg);border:0;box-shadow:var(--in-sm);color:var(--sg-ink)}
[data-sg] input:hover,[data-sg] select:hover,[data-sg] textarea:hover{border:0}
[data-sg] input:focus,[data-sg] select:focus,[data-sg] textarea:focus{box-shadow:var(--in-sm),0 0 0 2px var(--accent)}
[data-sg] input[type=checkbox],[data-sg] input[type=radio]{box-shadow:none;accent-color:var(--accent)}
[data-sg] .seg,[data-sg] .tabs{background:var(--sg-bg);border:0;box-shadow:var(--in-sm)}
[data-sg] .seg button.on,[data-sg] .seg .on,[data-sg] .tabs button.on,[data-sg] .tabs .on{background:var(--sg-bg);color:var(--accent);box-shadow:var(--up-sm)}
[data-sg] .nchip{background:var(--sg-bg);border:0;box-shadow:var(--up-sm)}
[data-sg] .nchip.hot,[data-sg] .nchip.warm,[data-sg] .nchip.good{box-shadow:var(--up-sm)}
[data-sg] .chip{background:var(--sg-bg);box-shadow:var(--in-sm)}
[data-sg] .chip.ok{background:var(--sg-bg);color:var(--ok)}[data-sg] .chip.warn{background:var(--sg-bg);color:var(--warn)}[data-sg] .chip.bad{background:var(--sg-bg);color:var(--bad)}[data-sg] .chip.info{background:var(--sg-bg);color:var(--info)}
[data-sg] .bar{background:var(--sg-bg);box-shadow:var(--in-sm)}
[data-sg] a.row:hover{background:transparent;box-shadow:var(--in-sm)}
[data-sg] .banner.demo{background:var(--sg-bg);box-shadow:var(--in-sm)}
/* accent picker (replaces the 3-colour themer) */
[data-sg] .themer{gap:8px;padding:8px 10px;flex-wrap:wrap}
[data-sg] .themer .sw{width:26px;height:26px;border:0;background:var(--sw);box-shadow:var(--up-sm);transition:transform .16s cubic-bezier(.23,1,.32,1),box-shadow .16s}
[data-sg] .themer .sw:active{transform:scale(.92)}
[data-sg] .themer .sw[aria-pressed=true]{box-shadow:var(--in-sm),0 0 0 3px var(--sg-bg),0 0 0 5px var(--sw)}
[data-sg] .themer .sw.custom{position:relative;overflow:hidden;background:conic-gradient(#E8002D,#E0791B,#E0C21B,#3E9B4F,#2B83D6,#8A4FD6,#E8002D)}
[data-sg] .themer .sw.custom input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer;padding:0;box-shadow:none}
[data-sg] .themer .mode{background:var(--sg-bg);color:var(--sg-ink);box-shadow:var(--up-sm)}[data-sg] .themer .mode:active{box-shadow:var(--in-sm)}
[data-sg] :focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media (hover:hover) and (pointer:fine){[data-sg] .btn:hover{box-shadow:var(--up)}[data-sg] a.tile:hover{transform:none;box-shadow:var(--up)}}
/* fixes from the first visual pass */
[data-sg] #view{background:var(--sg-bg)!important;color:var(--sg-ink)!important;border:0!important}
[data-sg] .btn.wa{background:#128c4a;color:#fff}
[data-sg] .btn.ghost{background:transparent;box-shadow:none}[data-sg] .btn.danger{background:transparent;box-shadow:none}
[data-sg] .chip.acc{background:var(--accent);color:var(--onAccent);box-shadow:none}
[data-sg] .chip.red{background:#E8002D;color:#fff;box-shadow:none}