/* (c) Kala Rakhi. Private software - copying prohibited. */
/* =======================================================================
   29-09-2026 (owner): THE MODERN PASTEL LOOK — Settings › ui.theme = pastel.
   Loaded after every other sheet (lib/ui.php ui_theme_last). Soft lavender page, white bars,
   every module in its own pastel (its --c), white cards with generous corners, the growth home as
   three pastel cards with white rows. One bundled font on every device: Poppins (SIL Open Font
   Licence 1.1, see fonts/OFL.txt). The menus in words live in menu.css (every look).
   ======================================================================= */
@font-face{font-family:"Poppins";font-style:normal;font-weight:300;font-display:swap;src:url("fonts/Poppins-Light.woff") format("woff")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/Poppins-Regular.woff") format("woff")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:500 600;font-display:swap;src:url("fonts/Poppins-Medium.woff") format("woff")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:650 900;font-display:swap;src:url("fonts/Poppins-Bold.woff") format("woff")}
html body{font-family:"Poppins","Segoe UI",system-ui,"Nirmala UI","Noto Sans Gujarati","Noto Sans Devanagari",sans-serif!important}
/* 29-09 fix: the colours are on :root too, so pages without the menu bars (Login, Waiting for approval,
   Change PIN) have them — the Login button had no colour there and its white label vanished */
:root,html.rib{--pg:#f6f5fb;--ink:#1e2140;--ink2:#62667f;--ink3:#9a9db5;--line:#ebeaf3;--bd:#e7e4f3;
  --lav:#f0edff;--lav2:#ddd6ff;--lavd:#5a45dd;--rose:#fff1f3;--rose2:#ffd9e1;--rosed:#c0264f;
  --mint:#eafaf2;--mint2:#c9f2de;--mintd:#11794f;--peach:#fff3e8;--peach2:#ffe0c2;--peachd:#b85a07;
  --sky:#eaf4ff;--skyd:#2f65c9;--acc:#6a54f0;--acc-soft:#f0edff;
  --rib:90px;--top:90px;--mod:#6a54f0!important;--panel:#fff}
html.rib,html.rib body{background:var(--pg)!important}
html.rib body{color:var(--ink)}
/* ---------- the bars: white, each module in its own pastel ---------- */
#ribbon{background:#fff!important;border:0!important;box-shadow:0 1px 0 var(--line),0 6px 18px -12px rgba(30,33,64,.18)!important;height:auto!important;min-height:90px}
html.rib .rtabs{background:#fff!important;height:48px!important;border:0!important;padding:0 14px 0 0!important;align-items:center!important;gap:2px!important}
html.rib .rtabs .umenu.uleft{background:#fff!important;padding:0 12px 0 16px!important;display:flex;align-items:center;align-self:stretch}
html.rib summary.rlogo{background:linear-gradient(135deg,#8b7bff,#ff8fb1)!important;color:#fff!important;border-radius:11px!important;box-shadow:0 4px 12px -4px rgba(106,84,240,.5)}
html.rib .rtab{color:#3d4060!important;background:none!important;border:0!important;border-radius:11px!important;font-size:13.5px!important;font-weight:500!important;
  padding:0 12px!important;height:34px!important;align-self:center}
html.rib .rtab:hover{background:color-mix(in srgb,var(--c) 8%,#fff)!important;color:color-mix(in srgb,var(--c) 85%,#111)!important}
html.rib .rtab.on{background:color-mix(in srgb,var(--c) 14%,#fff)!important;color:color-mix(in srgb,var(--c) 82%,#111)!important;font-weight:600!important}
html.rib .rtab .rbadge{box-shadow:0 0 0 2px #fff}
.ribbon .rpanel,.ribbon .rpanel.on{background:color-mix(in srgb,var(--c) 5%,#fff)!important;height:42px!important;border:0!important;border-top:1px solid color-mix(in srgb,var(--c) 10%,#fff)!important;box-shadow:none!important;gap:4px!important}
/* 29-09 fix: a screens row too long for one line wraps to a second line (lib/ui.php anchor) — it must be allowed to grow */
.ribbon .rpanel.rwrap,.ribbon .rpanel.rwrap.on{height:auto!important;min-height:42px}
.ribbon .ritem{height:30px!important;border:0!important;border-radius:10px!important;background:none!important;color:#55597a!important;font-size:13px!important;font-weight:500!important;padding:0 14px!important}
.ribbon .ritem:hover{background:#fff!important;color:color-mix(in srgb,var(--c) 85%,#111)!important}
.ribbon .ritem.on{background:#fff!important;color:color-mix(in srgb,var(--c) 82%,#111)!important;font-weight:600!important;box-shadow:0 1px 3px rgba(30,33,64,.12)}
html.rib .rright{background:#fff!important}
html.rib .rright button,html.rib .rright .rtbtn,html.rib .rright .scanbtn,html.rib .rtabs .osearch.osr-ph{color:#55597a!important;background:var(--pg)!important;border:0!important;box-shadow:none!important;border-radius:11px!important}
html.rib .rright .ic,html.rib .rtabs .osearch.osr-ph .ic{color:#55597a!important;stroke:currentColor}
html.rib .kr-alert-b span{background:#ff6b8b!important;color:#fff!important}
/* ---------- the page ---------- */
.crumb{padding-top:8px!important}
.crumb h1{font-size:24px!important;font-weight:600!important;color:var(--ink)!important}
.card,section.card,.dsec,.kpi{background:#fff!important;border:0!important;border-radius:20px!important;box-shadow:0 1px 2px rgba(30,33,64,.04),0 10px 26px -18px rgba(30,33,64,.25)!important}
.btn,html.rib .btn{background:var(--acc)!important;border:0!important;color:#fff!important;border-radius:12px!important;box-shadow:0 6px 14px -8px rgba(106,84,240,.8)!important}
.btn .ic,html.rib .btn .ic{color:#fff!important}
.btn2,html.rib .btn2,html.rib .mini,.ghost{background:#fff!important;border:1px solid var(--bd)!important;color:#3d4060!important;border-radius:12px!important}
input:not([type=checkbox]):not([type=radio]),select,textarea{border-radius:10px!important;border-color:var(--bd)!important}
input:focus,select:focus,textarea:focus{border-color:#b7aaff!important;box-shadow:0 0 0 3px #ece8ff!important;outline:0}
/* the in-page tabs: soft pills */
.ctabs .ct{border-radius:999px!important;border:1px solid var(--bd)!important;background:#fff!important;box-shadow:none!important}
html.rib .ct.on,.ctabs .ct.on{background:var(--lav)!important;border-color:var(--lav2)!important;color:var(--lavd)!important}
html.rib .ct.on b{color:var(--lavd)!important}
/* tables */
table th{background:#f8f7fc!important;color:var(--ink2)!important;border-color:var(--line)!important}
table td{border-color:#f0eef6!important}
table tbody tr:hover td{background:#faf9ff!important}
/* the status rail on the right */
.kpirail .kpi,.kpirail>*{border-radius:16px!important}
/* ---------- the growth home: three pastel cards, each line a white row ---------- */
.grhead{font-size:13.5px!important;color:var(--ink2)!important;margin-bottom:16px!important}.grhead>svg{display:none}
.grhead b{color:var(--ink)!important;font-weight:600!important}
.grhead .mini{border-radius:999px!important}
.grgrid{gap:16px!important}
.grsec{border:0!important;border-radius:22px!important;padding:14px 14px 10px!important;box-shadow:none!important}
.grsec.gr-attn{background:var(--rose)!important}.grsec.gr-str{background:var(--mint)!important}.grsec.gr-grow{background:var(--lav)!important}
.grsec h3{font-size:15.5px!important;font-weight:600!important;margin:2px 4px 10px!important}
.grsec h3>svg{display:none}
.grsec.gr-attn h3{color:var(--rosed)!important}.grsec.gr-str h3{color:var(--mintd)!important}.grsec.gr-grow h3{color:var(--lavd)!important}
.grsec h3 .chip{border:0!important;font-weight:600}
.grsec.gr-attn h3 .chip{background:var(--rose2)!important;color:var(--rosed)!important}
.grsec.gr-str h3 .chip{background:var(--mint2)!important;color:var(--mintd)!important}
.grsec.gr-grow h3 .chip{background:var(--lav2)!important;color:var(--lavd)!important}
.grl{background:#fff!important;border-radius:14px!important;padding:10px 12px!important;margin:0 0 7px!important;box-shadow:0 1px 2px rgba(30,33,64,.05)}
.grl:hover{box-shadow:0 4px 12px -6px rgba(30,33,64,.25)!important;background:#fff!important}
.grl .gri{display:none!important}
.grl .grt{font-size:13.5px;color:#2b2e4a}
.grl .grf{background:none!important;padding:0!important;font-weight:700!important;font-size:14.5px}
.gr-r .grf{color:#d23a5f!important}.gr-a .grf{color:var(--peachd)!important}.gr-g .grf{color:#12885a!important}.gr-b .grf{color:var(--lavd)!important}
.grsec details summary{font-weight:600;padding:6px 6px 4px!important}.grsec details summary>svg{display:none}
.grsec.gr-attn details summary{color:var(--rosed)!important}.grsec.gr-str details summary{color:var(--mintd)!important}.grsec.gr-grow details summary{color:var(--lavd)!important}
/* the brief: a white card, a pastel number for each point */
.dsec{padding:18px 20px!important;margin-top:16px!important}
.dsec>h3{font-size:15.5px!important;font-weight:600!important;color:var(--ink)!important}
.dsec>h3>svg{display:none}
.dsec .brmeta{color:var(--ink3)!important}
.brlines{list-style:none!important;counter-reset:br;padding-left:0!important;margin:8px 0 0!important}
.brlines li{counter-increment:br;position:relative;border:0!important;padding:3px 0 3px 42px!important;margin:4px 0!important;color:var(--ink)!important}
.brlines li::before{content:counter(br);position:absolute;left:0;top:3px;width:28px;height:28px;border-radius:10px;display:grid;place-items:center;
  font-weight:600;font-size:13px;background:var(--sky);color:var(--skyd)}
.brlines li.tl-g::before{background:var(--mint2);color:var(--mintd)}
.brlines li.tl-r::before{background:var(--rose2);color:var(--rosed)}
.brlines li.tl-a::before{background:var(--peach2);color:var(--peachd)}
.brlines .brhead{color:var(--ink)!important;font-weight:500!important}
.brlines .brdo{color:var(--ink2)!important}.brlines .brdo>svg{display:none}
/* ---------- phone ---------- */
@media (max-width:760px){
  html.rib{--rib:96px;--top:96px}
  .pxmod{color:color-mix(in srgb,var(--c,#6a54f0) 82%,#111)!important;background:color-mix(in srgb,var(--c,#6a54f0) 13%,#fff)!important;border-radius:12px!important;height:36px!important;align-self:center;padding:0 12px!important}
  .ribbon .rpanel,.ribbon .rpanel.on{height:46px!important}
  .pxsin{background:#fff!important;margin-top:56px!important;border-radius:0 0 22px 22px;gap:8px!important;padding:12px 14px 16px!important}
  .pxsin a{color:color-mix(in srgb,var(--c,#6a54f0) 82%,#111)!important;background:color-mix(in srgb,var(--c,#6a54f0) 10%,#fff)!important;border-radius:14px!important;font-weight:500}
  .pxsin a.on{background:color-mix(in srgb,var(--c,#6a54f0) 22%,#fff)!important;font-weight:600!important}
  .grsec{border-radius:20px!important}
}
/* a main button inside a small group keeps white text */
.btn.mini,html.rib .btn.mini{color:#fff!important;border:0!important}
.btn.mini .ic{color:#fff!important}
/* the zoom control at the bottom right */
.ozoom{background:#fff!important;border:0!important;border-radius:12px!important;box-shadow:0 6px 18px -10px rgba(30,33,64,.35)!important}