/* pandit-samagri.html — recoloured + scoped under .psg-app.
   Source: _work/pandit-samagri.html's own <style> (10.4KB), unchanged in
   anatomy/behaviour — only the brand colour and card-tint mechanism moved
   onto AB tokens (build/_build/c1-gen-pandit-samagri.js). */
.psg-app{--bg:var(--paper);--brand:var(--navy);color:var(--ink);font-family:system-ui,-apple-system,"Noto Sans Devanagari","Noto Sans",sans-serif}.psg-app header{position:sticky;top:0;z-index:30;background:var(--navy);color:#fff;padding:11px 14px;box-shadow:0 5px 20px rgba(27,42,94,.25)}.psg-app .top{max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:10px}.psg-app .brand{font-weight:950;font-size:16px}.psg-app .brand small{display:block;font-size:13px;opacity:.72;margin-top:2px;letter-spacing:.4px}.psg-app .lang{background:var(--navy);border:1px solid #fff3;border-radius:99px;padding:3px;display:flex}.psg-app .lang button{border:0;background:transparent;color:#fff;border-radius:99px;padding:7px 11px;font-weight:900;font-size:13px}.psg-app .lang button.active{background:#fff;color:var(--navy)}.psg-app .hero, .psg-app .toolbar, .psg-app .cats, .psg-app main{max-width:1180px;margin-left:auto;margin-right:auto}.psg-app .hero{padding:20px 14px 9px}.psg-app .hero h1{margin:0 0 6px;font-size:clamp(25px,5vw,40px);letter-spacing:-.7px}.psg-app .hero p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.psg-app .stats{display:flex;gap:7px;margin-top:12px;flex-wrap:wrap}.psg-app .stat{background:#fff;border:1px solid var(--line);border-radius:13px;padding:7px 11px;font-size:13px;box-shadow:0 4px 14px rgba(27,42,94,.06)}.psg-app .stat b{font-size:15px;color:var(--brand)}.psg-app .toolbar{padding:0 14px;position:sticky;top:58px;z-index:20}.psg-app .search{display:flex;gap:7px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:6px;box-shadow:0 5px 18px rgba(27,42,94,.06)}.psg-app .search input{border:0;outline:0;flex:1;min-width:0;padding:9px;background:transparent;font-size:13px;color:var(--ink)}.psg-app .clear{border:0;background:var(--paper);color:var(--brand);border-radius:9px;font-weight:900;padding:7px 10px}.psg-app .cats{display:flex;overflow:auto;gap:7px;padding:9px 14px 2px;scrollbar-width:none}.psg-app .cats::-webkit-scrollbar{display:none}.psg-app .cat{flex:0 0 auto;background:#fff;border:1px solid var(--line);border-radius:12px;padding:7px 10px;text-align:left}.psg-app .cat b{display:block;font-size:13px}.psg-app .cat small{display:block;font-size:13px;color:var(--muted);margin-top:2px}.psg-app .cat.active{background:var(--brand);border-color:var(--brand);color:#fff}.psg-app .cat.active small{color:#fff9}.psg-app main{padding:0 14px 45px}.psg-app .sec{margin-top:21px}.psg-app .sectitle{display:flex;justify-content:space-between;align-items:end;margin-bottom:9px}.psg-app .sectitle h2{margin:0;font-size:17px;font-weight:950}.psg-app .sectitle small{font-size:13px;color:var(--muted)}.psg-app .sectitle>span{background:var(--line);color:var(--muted);border-radius:99px;padding:4px 8px;font-size:13px;font-weight:900}.psg-app .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.psg-app .card{background:linear-gradient(135deg,var(--c),#fff);border:1px solid var(--line);border-radius:14px;min-height:76px;padding:9px;display:flex;align-items:center;gap:8px;position:relative;box-shadow:0 4px 14px rgba(27,42,94,.06)}.psg-app .icon{width:38px;height:38px;flex:0 0 38px;border-radius:11px;background:#fff9;display:grid;place-items:center;font-size:21px;box-shadow:inset 0 0 0 1px #fff}.psg-app .txt{min-width:0;padding-right:17px}.psg-app .hi, .psg-app .en{display:block}.psg-app .hi{font-size:13px;line-height:1.18;font-weight:900}.psg-app .en{font-size:13px;line-height:1.15;color:var(--muted);margin-top:3px}.psg-app .plus{position:absolute;right:6px;top:6px;width:22px;height:22px;border:1px solid #fff;background:#fff9;border-radius:7px;color:var(--navy);font-weight:900}.psg-app .empty{text-align:center;padding:28px;border:1px dashed var(--line);border-radius:14px;color:var(--muted);display:none;margin-top:20px}.psg-app footer{text-align:center;padding:0 14px 35px;color:var(--muted);font-size:13px}body.enmode .psg-app .hi{display:none}body.enmode .psg-app .en{font-size:13px;color:var(--ink);font-weight:900}body.enmode .psg-app .heroHi{display:none}.psg-app .heroEn{display:none}body.enmode .psg-app .heroEn{display:inline}.psg-app .heroEn{font-weight:950}@media(max-width:850px){.psg-app .grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.psg-app .grid{grid-template-columns:repeat(2,1fr);gap:7px}.psg-app .card{min-height:74px;padding:8px}.psg-app .icon{width:35px;height:35px;flex-basis:35px;font-size:20px}.psg-app .hi{font-size:13px}.psg-app .en{font-size:13px}.psg-app .toolbar{top:55px}.psg-app .brand{font-size:14px}.psg-app .hero{padding-top:16px}}@media(max-width:360px){.psg-app .grid{grid-template-columns:1fr}}.psg-app .qty{position:absolute;left:9px;right:9px;bottom:7px;display:flex;align-items:center;gap:5px}.psg-app .qty .unitHi, .psg-app .qty .unitEn{font-size:13px;font-weight:850;color:var(--muted)}.psg-app .qty .unitEn{display:none}.psg-app .qty select{margin-left:auto;max-width:92px;border:1px solid #ffffffcc;background:#fff9;border-radius:7px;padding:3px 4px;font-size:13px;font-weight:850;color:var(--navy);outline:none}.psg-app .card{padding-bottom:38px}body.enmode .psg-app .qty .unitHi{display:none}body.enmode .psg-app .qty .unitEn{display:inline}body.enmode .psg-app .qty select{font-size:13px}.psg-app .selectionBar{max-width:1180px;margin:9px auto 0;padding:0 14px;display:flex;align-items:center;justify-content:space-between}.psg-app .selectionBar>div{background:#fff;border:1px solid var(--line);border-radius:11px;padding:6px 10px;box-shadow:0 4px 14px rgba(27,42,94,.06)}.psg-app .selectionBar b{font-size:13px;color:var(--navy)}.psg-app .selectionBar small{font-size:13px;color:var(--muted);margin-left:5px}.psg-app .selectionBar button{border:0;background:var(--line);color:var(--navy);border-radius:9px;padding:6px 9px;font-size:13px;font-weight:900}@media(max-width:600px){.psg-app .qty{left:8px;right:8px;bottom:6px}.psg-app .qty select{max-width:82px}.psg-app .selectionBar{margin-top:8px}}.psg-app .pdfExport{border:1px solid #ffffff55;background:#fff;color:var(--navy);border-radius:10px;padding:7px 9px;font-weight:950;font-size:13px;display:flex;align-items:center;gap:4px;white-space:nowrap}.psg-app .pdfExport:hover{background:#fff8ed}@media(max-width:600px){.psg-app .pdfExport{padding:7px 8px}.psg-app .pdfExport .heroHi, .psg-app .pdfExport .heroEn{font-size:13px}}@media print{.psg-app @page{size:A4;margin:12mm}.psg-app, .psg-app{background:#fff!important;color:#222!important}.psg-app header, .psg-app .toolbar, .psg-app .cats, .psg-app .selectionBar, .psg-app footer, .psg-app .hero, .psg-app #pdfNote{display:none!important}.psg-app main{display:block!important;max-width:none!important;margin:0!important;padding:0!important}.psg-app .sec{display:contents!important}.psg-app .sectitle{display:none!important}.psg-app .grid{display:block!important}.psg-app .card{display:none!important}.psg-app .card.pdfSelected{
    display:flex!important;
    width:100%!important;
    min-height:58px!important;
    height:58px!important;
    margin:0!important;
    padding:7px 10px!important;
    border:0!important;
    border-bottom:1px solid #ddd!important;
    border-radius:0!important;
    background:#fff!important;
    box-shadow:none!important;
    align-items:center!important;
    gap:10px!important;
    page-break-inside:avoid!important;
    break-inside:avoid!important;
  }.psg-app .card.pdfSelected .icon{
    width:40px!important;height:40px!important;flex:0 0 40px!important;
    border:0!important;background:var(--paper)!important;box-shadow:none!important;
    font-size:23px!important;
  }.psg-app .card.pdfSelected .txt{
    flex:1!important;min-width:0!important;padding:0!important;
  }.psg-app .card.pdfSelected .hi{
    display:block!important;font-size:13px!important;font-weight:900!important;
    line-height:1.2!important;color:#222!important;
  }.psg-app .card.pdfSelected .en{
    display:block!important;font-size:9px!important;font-weight:600!important;
    line-height:1.2!important;color:var(--muted)!important;margin-top:2px!important;
  }.psg-app .card.pdfSelected .qty{
    position:static!important;display:flex!important;flex:0 0 auto!important;
    width:auto!important;margin:0!important;padding:0!important;
    gap:4px!important;
  }.psg-app .card.pdfSelected .qty .unitHi, .psg-app .card.pdfSelected .qty .unitEn{display:none!important}.psg-app .card.pdfSelected .qty select{
    display:none!important;
  }.psg-app .card.pdfSelected .pdfQty{
    position:static!important;
    min-width:68px!important;
    text-align:right!important;
    font-size:12px!important;
    font-weight:950!important;
    color:var(--navy)!important;
  }.psg-app .card.pdfSelected .plus{display:none!important}
}.psg-app .pdfNote{display:none}.psg-app .pdfExport, .psg-app .pngExport{border:0;background:#fff;color:var(--navy);border-radius:10px;padding:8px 9px;font-weight:950;font-size:13px;display:flex;align-items:center;gap:4px;white-space:nowrap;box-shadow:0 2px 8px rgba(27,42,94,.13);cursor:pointer}.psg-app .pdfExport:active, .psg-app .pngExport:active{transform:scale(.96)}.psg-app .pngExport{background:#fff7e8}.psg-app .plus{z-index:5;cursor:pointer;pointer-events:auto}.psg-app .plus.selected{background:var(--navy)!important;color:#fff!important;border-color:var(--navy)!important}.psg-app .qty{z-index:3}@media(max-width:600px){.psg-app .pdfExport, .psg-app .pngExport{padding:7px 8px;font-size:13px}.psg-app .top{gap:5px}.psg-app .lang button{padding:7px 8px}}.psg-app .waShare, .psg-app .smsShare{border:0;background:#e9f7ed;color:#236b36;border-radius:10px;padding:8px 9px;font-weight:950;font-size:13px;display:flex;align-items:center;gap:4px;white-space:nowrap;box-shadow:0 2px 8px rgba(27,42,94,.13);cursor:pointer}.psg-app .smsShare{background:#eef4fb;color:#24557f}.psg-app .waShare:active, .psg-app .smsShare:active{transform:scale(.96)}@media(max-width:600px){.psg-app .waShare, .psg-app .smsShare{padding:7px 7px;font-size:13px}.psg-app .top{flex-wrap:wrap}.psg-app .lang{margin-left:auto}}.psg-app .printBtn{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:12px;padding:9px 14px;
 font-weight:800;cursor:pointer;background:#3f3f46;color:#fff;font-size:13px}.psg-app .printBtn:hover{filter:brightness(1.12)}.psg-app .guestBox{display:inline-flex;align-items:center;gap:6px;background:#fff7ea;border:1.5px solid var(--gold-ink);
 border-radius:12px;padding:6px 10px;font-weight:800;font-size:13px;color:var(--gold-ink)}.psg-app .guestBox select{border:1px solid var(--gold-ink);border-radius:8px;padding:4px 6px;font-weight:800;background:#fff;color:var(--gold-ink)}.psg-app .scaledFlash{animation:scaleFlash 1.2s ease}@keyframes scaleFlash{0%{box-shadow:0 0 0 3px var(--gold-ink)}100%{box-shadow:none}}.psg-app #gmsPrintArea{display:none}@media print{.psg-app>*{display:none!important}.psg-app #gmsPrintArea{display:block!important;font-family:Arial,'Noto Sans Devanagari',sans-serif;color:#111}.psg-app #gmsPrintArea .ph{display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid var(--navy);padding-bottom:10px;margin-bottom:14px}.psg-app #gmsPrintArea .ph h1{margin:0;font-size:22px;color:var(--navy)}.psg-app #gmsPrintArea .ph small{color:var(--muted)}.psg-app #gmsPrintArea table{width:100%;border-collapse:collapse}.psg-app #gmsPrintArea th{background:var(--navy);color:#fff;text-align:left;padding:8px;font-size:13px}.psg-app #gmsPrintArea td{border-bottom:1px solid #ccc;padding:8px;font-size:13px}.psg-app #gmsPrintArea .pf{margin-top:18px;border-top:2px solid var(--gold-ink);padding-top:10px;text-align:center;font-weight:800;color:var(--navy);font-size:13px}.psg-app #gmsPrintArea .pf small{display:block;color:var(--muted);font-weight:400;margin-top:3px}
}


/* card tint cycling (Rule 1) — replaces the per-item inline style="--c:#.." */
.psg-app .card.ab-tint-1 { --c: var(--tint-1-line); }
.psg-app .card.ab-tint-2 { --c: var(--tint-2-line); }
.psg-app .card.ab-tint-3 { --c: var(--tint-3-line); }
.psg-app .card.ab-tint-4 { --c: var(--tint-4-line); }
.psg-app .card.ab-tint-5 { --c: var(--tint-5-line); }
.psg-app .card.ab-tint-6 { --c: var(--tint-6-line); }
.psg-app .card { background: linear-gradient(135deg, var(--c), var(--card)); }

/* the app's own <header> demoted to a plain toolbar row */
.psg-toolbar {
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
  background: var(--card); border: 1px solid var(--line); border-radius: 14px;
  padding: 12px 14px; margin: 0 0 18px;
}
.psg-toolbar .guestBox { margin-left: auto; }
@media (max-width: 760px) { .psg-toolbar { justify-content: center; } .psg-toolbar .guestBox { margin-left: 0; } }
.psg-disclaimer { text-align: center; color: var(--muted); font-size: 13px; margin: 28px 0 4px; }

/* ICON PASS (2026-09-03) — section headers had no icon slot at all
   (icons-apply-pandit-samagri.js adds the <span class="secicon">).
   Sits before the title/count, same 21px size as the item-card icon. */
.psg-app .sectitle .secicon { font-size: 21px; line-height: 1; margin-right: 2px; }

/* STICKY SEARCH (Aniket 2026-09-06) — the search bar must stick flush to
   the TOP of the viewport while scrolling, not float part-way down it.
   The source's top:58px offset was measured against this app's OWN dark header,
   which the site shell replaced; with nothing occupying that band the bar
   hovered mid-screen over the cards with a see-through gap above it.
   Also needs its own background + hairline, since at top:0 the cards now
   scroll directly beneath it. */
.psg-app .toolbar { top: 0; padding-top: 8px; padding-bottom: 8px; background: var(--paper); border-bottom: 1px solid var(--line); }
@media (max-width: 600px) { .psg-app .toolbar { top: 0; } }

/* ROUND 4 item 5 — appended AFTER the scoped source CSS (not edited in
   place) so this survives every future re-run of this generator, which
   rebuilds pandit-samagri.css from _work/pandit-samagri.html's own
   <style> block from scratch every time.
   1. Hide the .printBtn on mobile (<=760px), per the brief's explicit
      list of tool pages that ship their own Print button.
   2. The source's #gmsPrintArea print rules (scoped above as
      .psg-app #gmsPrintArea .ph/.pf) placed the brand header/footer IN
      FLOW, so on a multi-item, multi-page export the header only ever
      printed on page 1 and the footer only on the LAST page, with blank
      paper in between (the exact bug this round's shared gms-ab.css fix
      addresses for the checklist toolbar's own print flow). Overridden
      here with position:fixed (Chromium repeats a fixed element on every
      printed page) + body padding so the item table never runs under
      either bar. Global @page{size:A4;margin:12mm} + print-color-adjust
      already come from gms-ab.css, loaded on every page including this
      one, so they are not repeated here. */
@media (max-width: 760px) { .psg-app .printBtn { display: none !important; } }
@media print {
  body { padding-top: 64px !important; padding-bottom: 44px !important; margin: 0 !important; }
  .psg-app #gmsPrintArea .ph {
    position: fixed; top: 0; left: 0; right: 0; z-index: 1;
    padding: 10px 4mm; margin: 0; background: #fff;
  }
  .psg-app #gmsPrintArea .ph h1 { font-size: 18px; }
  .psg-app #gmsPrintArea .pf {
    position: fixed; bottom: 0; left: 0; right: 0; z-index: 1;
    padding: 6px 4mm; margin: 0; background: #fff; font-size: 12px;
  }
}
