/* ---------------------------------------------------------------------------
   mk.css -- Mudrank ke har panne ki saajhi theme
   ---------------------------------------------------------------------------
   Worker (toolPage) ise har /tools/<tab> ke <head> ke ant me jodta hai, aur
   home (/) aur /login bhi isi ko lete hain. Naya tool judte hi apne aap isi
   theme me aata hai -- us file me kuch likhna nahi padta.

   Panne ka apna background rang rehta hai. Baaki sab ek jaisa:
     - ek hi font (Mukta: hindi + angrezi dono), /fonts/ se -- bahar ka koi URL nahi
     - upar ki patti (.mk-hd): ullu + MUDRANK + Home
     - khoj ka dabba (.mk-search): pakka rang, moti kinari, halki chhaya
     - jis khane me cursor ho uske charon or ek patli (2px) rekha, cursor bhi
       usi rang ka -- mudrank ke apne rang: gehre panne par sunehra, halke par
       oxblood (maroon). Na chamak (glow), na dohri kinari. WCAG 3:1 se upar.
   Gehra/halka mk.js tay karta hai -- html[data-mk-theme].
--------------------------------------------------------------------------- */

/* Mukta -- Ek Type, SIL Open Font License 1.1 (fonts/OFL.txt). Google Fonts
   ke hi tukde (unicode-range): hindi ka panna sirf devanagari wala laata hai. */
@font-face{font-family:"Mukta";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/mukta-400-devanagari.woff2) format("woff2");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}
@font-face{font-family:"Mukta";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/mukta-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Mukta";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/mukta-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Mukta";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/mukta-600-devanagari.woff2) format("woff2");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}
@font-face{font-family:"Mukta";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/mukta-600-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Mukta";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/mukta-600-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Mukta";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/mukta-700-devanagari.woff2) format("woff2");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}
@font-face{font-family:"Mukta";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/mukta-700-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Mukta";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/mukta-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* sirf "MUDRANK" ka shabd-chinh -- panne ke apne "Marcellus" se takraye nahi */
@font-face{font-family:"MkMarcellus";font-style:normal;font-weight:400;font-display:swap;src:url(/marcellus.woff2) format("woff2")}

:root{
  --mk-font:"Mukta","Nirmala UI","Noto Sans Devanagari","Segoe UI",system-ui,-apple-system,sans-serif;
  /* gehre panne (maroon / navy / slate) */
  /* ghera + cursor: chamakta sunehra. Khoj ki aam kinari dhimi sunehri (#9C7A3E),
     taki focus par badlav dikhe. */
  --mk-ring:#E8C37A;
  --mk-field-bg:#0B0A0C; --mk-field-fg:#F7F2EA; --mk-field-ph:#B9ADAF; --mk-field-bd:#9C7A3E;
  --mk-bar-fg:#D4A75C; --mk-bar-line:rgba(201,164,92,.28);
  --mk-home-bg:#5C1A22; --mk-home-fg:#F3DDA6; --mk-home-bd:#B08A45;
  --mk-pop-bg:#161113; --mk-pop-fg:#F7F2EA; --mk-pop-dim:#B9ADAF; --mk-pop-hi:rgba(212,167,92,.16);
  /* home (dashboard) ki tile -- worker.js homePage ke --ink2/--line/--gold/--gold2 jaise hi;
     tiles (.mk-tile), "← Nagar Nigam" (.nn-back), chips (.mk-opt) */
  --mk-tile-bg:#1D1114; --mk-tile-bd:#2C1C20; --mk-tile-fg:#D4A75C; --mk-tile-hbg:#22141A; --mk-tile-hbd:#8A6A33; --mk-tile-dim:#948184;
}
/* halke panne (Area, Site plan) -- sunehra safed par halka padta hai: ghera
   oxblood, khoj ki aam kinari gehri sunehri */
html[data-mk-theme="light"]{
  --mk-ring:#5C1A22;
  --mk-field-bg:#FFFFFF; --mk-field-fg:#1A1113; --mk-field-ph:#5E5254; --mk-field-bd:#8C6A2A;
  --mk-bar-fg:#5C1A22; --mk-bar-line:rgba(92,26,34,.25);
  --mk-pop-bg:#FFFFFF; --mk-pop-fg:#1A1113; --mk-pop-dim:#5E5254; --mk-pop-hi:rgba(92,26,34,.08);
  --mk-tile-bg:#FFFFFF; --mk-tile-bd:rgba(92,26,34,.25); --mk-tile-fg:#5C1A22; --mk-tile-hbg:#FBF5EC; --mk-tile-hbd:#8C6A2A; --mk-tile-dim:#5E5254;
}

/* ---- ek hi font -------------------------------------------------------------
   Sirf parde par (chhapai apna font rakhe). svg ke andar ka paath chhoda --
   Site plan jaise naqshe usi se bante hain. .mk-keep = shabd-chinh.        */
@media screen{
  html body,
  html body :not(svg):not(svg *):not(.mk-keep):not(.mk-keep *){font-family:var(--mk-font) !important}
}

/* ---- upar ki patti --------------------------------------------------------- */
.mk-hd{display:flex !important;align-items:center;gap:10px;box-sizing:border-box;
  max-width:var(--mk-max,1100px);margin:0 auto 6px;padding:10px 2px;
  border-bottom:1px solid var(--mk-bar-line);position:relative;z-index:40;background:none}
/* ullu + MUDRANK = "ek seedhi upar" ka link (alag Home batan nahi). Ghera wahi 2px var(--mk-ring) (neeche
   a:focus-visible), kone gol. Lamba dabane par phone ka link-menu nahi (mk.js wahan seedha home). */
.mk-hd .mk-logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:inherit;min-width:0;
  border-radius:12px;padding:2px 8px 2px 2px;margin-left:-2px;cursor:pointer;
  -webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
.mk-hd .mk-logo img{-webkit-user-drag:none;pointer-events:none}
.mk-hd .mk-owl{width:40px !important;height:40px !important;object-fit:contain;flex:0 0 auto;margin:0;
  filter:drop-shadow(0 0 8px rgba(91,157,217,.55))}
.mk-hd .mk-brand{font-family:"MkMarcellus",Georgia,serif !important;font-weight:400;font-size:20px;
  letter-spacing:.16em;color:var(--mk-bar-fg);line-height:1;white-space:nowrap}
.mk-hd .mk-brand small{display:block;font-family:var(--mk-font) !important;font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;opacity:.8;margin-top:5px}


/* ---- khoj ka dabba --------------------------------------------------------- */
input.mk-search{background:var(--mk-field-bg) !important;color:var(--mk-field-fg) !important;
  border:2px solid var(--mk-field-bd) !important;border-radius:14px !important;
  box-shadow:0 3px 14px rgba(0,0,0,.35) !important;min-height:52px;font-size:17px !important;
  -webkit-appearance:none;appearance:none;opacity:1}
input.mk-search::placeholder{color:var(--mk-field-ph) !important;opacity:1 !important}
/* browser ka apna "x" (search-cancel) kahin nahi -- har khoj me tool ka apna x hai (JDA .clr, Nagar Nigam
   #qx, DLC 2001 #clear, Ward #w2z-x); dono saath me dohra x dikhate the */
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none;display:none}
/* input kisi kinare wale dabbe me ho (JDA: chinh + input + x) to rang dabbe par */
.mk-search-box{background:var(--mk-field-bg) !important;border:2px solid var(--mk-field-bd) !important;
  border-radius:14px !important;box-shadow:0 3px 14px rgba(0,0,0,.35) !important;min-height:52px;box-sizing:border-box}
.mk-search-box input.mk-search{background:transparent !important;border:0 !important;box-shadow:none !important;
  min-height:0;border-radius:0 !important}
.mk-search-box :not(input){color:var(--mk-field-ph)}

/* ---- cursor aur ghera ---------------------------------------------------------
   Ek hi 2px rekha: outline-offset -1px khane ki apni 1px kinari ke upar hi
   padta hai (do rekhayen nahi banti); panne ki apni focus-chhaya hat jaati hai.
   Khoj ke dabbe (2px kinari) me kinari hi ghera ban jaati hai.            */
input,textarea,[contenteditable]{caret-color:var(--mk-ring) !important}
input:not([type=checkbox]):not([type=radio]):not([type=range]):not(.mk-search):focus-visible,
select:focus-visible,textarea:focus-visible{
  outline:2px solid var(--mk-ring) !important;outline-offset:-1px !important;box-shadow:none !important}
input.mk-search:focus,input.mk-search:focus-visible,.mk-search-box:focus-within{
  outline:none !important;border-color:var(--mk-ring) !important;box-shadow:0 3px 14px rgba(0,0,0,.35) !important}
.mk-search-box input.mk-search:focus,.mk-search-box input.mk-search:focus-visible{outline:none !important;box-shadow:none !important}
input[type=checkbox]:focus-visible,input[type=radio]:focus-visible,input[type=range]:focus-visible,
button:focus-visible,a:focus-visible,[role=button]:focus-visible{outline:2px solid var(--mk-ring) !important;outline-offset:2px !important;box-shadow:none !important}

/* ---- Focus mode (mk.js MK.focus) --------------------------------------------
   html.mk-focus = patti/sheershak/note chhipe (wo niyam mk.js panne ke hisaab se jodta hai).
   Kone ka "x" theme ke chuni-chip rang me (body ka bachcha -- --mk-home-* theme wale).
   Sirf parda; chhapai par kuch nahi.                                          */
@media screen{
  .mk-fexit{position:fixed;z-index:60;top:calc(8px + env(safe-area-inset-top));right:calc(8px + env(safe-area-inset-right));
    width:38px;height:38px;padding:0;border-radius:999px;display:flex;align-items:center;justify-content:center;
    background:var(--mk-home-bg);color:var(--mk-home-fg);border:1.5px solid var(--mk-home-bd);cursor:pointer;
    box-shadow:0 3px 10px rgba(0,0,0,.25);-webkit-tap-highlight-color:transparent}
  .mk-fexit[hidden]{display:none}
  .mk-fexit svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}
  .mk-fexit:hover{filter:brightness(1.12)}
  /* exitIn: "x" khoj ki hi pankti me daayein (alag pankti nahi); tool apna input --mk-fx-w jitna chhota kare */
  html.mk-focus .mk-fline{position:relative;--mk-fx-w:44px}
  .mk-fexit.mk-fexit-in{position:absolute;top:calc(50% - 17px);right:0;width:34px;height:34px;z-index:2}
  html.mk-focus .mk-fexit:not([hidden]){animation:mk-fin .2s ease-out}
  @keyframes mk-fin{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:none}}
  @media (max-width:900px){ html.mk-focus .mk-fpad{margin-right:46px !important} }
}
@media print{ .mk-fexit,.mk-ripple{display:none !important} }
/* ullu ki lehar (mk.js owlFlick) -- parde ke upar, click beech me nahi */
.mk-ripple{position:fixed;z-index:2147483000;border-radius:50%;pointer-events:none;transform:scale(0)}
@media (prefers-reduced-motion: reduce){
  html.mk-focus .mk-fexit:not([hidden]){animation:none}
}

/* ---- haal ki khoj ---------------------------------------------------------- */
.mk-rec{position:fixed;z-index:100000;box-sizing:border-box;background:var(--mk-pop-bg);color:var(--mk-pop-fg);
  border:1.5px solid var(--mk-field-bd);border-radius:12px;box-shadow:0 14px 34px rgba(0,0,0,.45);
  padding:6px 0;max-height:min(55vh,380px);overflow:auto;font:16px/1.3 var(--mk-font);text-align:left}
.mk-rec[hidden]{display:none}
.mk-rec .mk-rh{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--mk-pop-dim);padding:6px 14px 6px}
.mk-rec .mk-ri{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 8px 8px 14px;cursor:pointer}
.mk-rec .mk-ri.on,.mk-rec .mk-ri:hover{background:var(--mk-pop-hi)}
.mk-rec .mk-ri .mk-rq{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mk-rec .mk-ri .mk-rx{flex:0 0 auto;width:36px;height:36px;display:flex;align-items:center;justify-content:center;
  color:var(--mk-pop-dim);border-radius:8px;font-size:18px}
.mk-rec .mk-ri .mk-rx:hover{color:var(--mk-pop-fg)}
.mk-rec .mk-ri .mk-ric{color:var(--mk-pop-dim);font-size:15px}

/* ---- rakam: 12,34,567 aur shabd -------------------------------------------- */
.mk-amt{flex-basis:100%;width:100%;font-size:13.5px;line-height:1.4;margin-top:5px;opacity:.88}
.mk-words{display:block;font-size:13.5px !important;font-weight:400 !important;line-height:1.4;letter-spacing:0 !important;
  margin-top:5px;opacity:.88;font-variant-numeric:normal;white-space:normal;text-transform:none}

/* ---- Share image (DLC ke batan jaisa -- koi alag WhatsApp batan nahi) -------- */
.mk-sh{display:inline-flex;align-items:center;min-height:44px;padding:10px 20px;border-radius:999px;
  border:1.5px solid var(--mk-field-bd);background:var(--mk-pop-bg);color:var(--mk-bar-fg) !important;
  font:600 15.5px/1 var(--mk-font);cursor:pointer;text-decoration:none}
.mk-sh:disabled{cursor:progress;opacity:.75}
.mk-sh-row{margin:14px 0 4px}
/* table ki pankti chuni ho to neeche patti */
.mk-sharebar{position:fixed;right:14px;bottom:calc(14px + env(safe-area-inset-bottom));z-index:99998;
  display:flex;align-items:center;gap:10px;max-width:calc(100% - 28px);box-sizing:border-box;padding:8px 8px 8px 16px;
  background:var(--mk-pop-bg);color:var(--mk-pop-fg);border:1.5px solid var(--mk-field-bd);border-radius:999px;
  box-shadow:0 10px 30px rgba(0,0,0,.45);font:15px/1.2 var(--mk-font)}
.mk-sharebar[hidden]{display:none}
.mk-sharebar .mk-st{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mk-sharebar .mk-sx{width:40px;height:40px;border:0;border-radius:999px;background:none;color:var(--mk-pop-dim);font-size:20px;cursor:pointer}
tr.mk-picked > td{box-shadow:inset 0 0 0 9999px rgba(212,167,92,.12)}

/* ---- purane panno ke chinh jo ab patti me hain ------------------------------
   Area Converter ki file "kabhi mat badalna" hai -- uska ullu yahin se chhipta hai. */
html[data-mk-tab="area"] img.logo{display:none !important}

@media (max-width:520px){
  .mk-hd{padding:8px 0}
  .mk-hd .mk-owl{width:34px !important;height:34px !important}
  .mk-hd .mk-brand{font-size:17px}
}

/* ---- Area Converter: phone par keyboard khula ho to "compact" (mk.js areaKb; maalik, 18-Oct-2026) ----
   v3.2 + "Ivory & Gold" (anilsinghvi.in b19c3a4 ka hi vyavhaar, mudrank ke dhaanche me). body.kb-open sirf
   mk.js lagata hai -- touch + <= 768px aur keyboard khula; band hote hi hatta hai. Yahan bhi wahi media,
   taki PC / tablet / band keyboard par kuch na badle (panna pixel tak wahi). area.html jyon ki tyon (ganit/
   script nahi chhua): wahi 7 khane + mk.js ka Sq Meter (`.kb-sqm`, sirf compact me).
     - patli patti: chhota ullu + "AREA CONVERTER" (wahi .mk-logo -- ullu ka vyavhaar wahi)
     - card keyboard tak poori oonchai (mk.js inline height + --kbh = dikhti oonchai; font usi se clamp:
       tile 22-28px, upar 28-36px)
     - upar (.kb-act) safed khana, 2px sunehri kinari: badi moti rakam, uske baad ikai ("6585 Sq Feet"),
       phir >= 20px chhod kar "✕ Clear"; koi placeholder nahi
     - baaki 2x2 safed tile (1px sunehri kinari): "731.67 Sq Yard" (na samaye to ikai agli pankti me)
     - बीघा tile (#FAEEDA) poori chaudai: "1 बीघा 10 बिस्वा 0 बिस्वांसी", daayein "= 1.5 बीघा" chip
     - बीघा upar: teen bade khane (chhota naam upar), chalu par ek hi 2px sunehra ghera; बिस्वा/बिस्वांसी >= 20
       = laal + chip "= 4 बी. 5 बि. — ठीक करें?" (sirf galat hone tak)
     - tile ke khane pointer-events:none (tap / lamba dabana dibbe par, chunne wala menu nahi); upar ke
       khane aam touch (cursor, chunna, paste menu)
   Rang aur font ek hi jagah (neeche ke variable); Poppins sirf compact me lagta hai (PC par load hi nahi). */
@font-face{font-family:"Poppins";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/poppins-500-devanagari.woff2) format("woff2");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}
@font-face{font-family:"Poppins";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/poppins-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Poppins";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/poppins-700-devanagari.woff2) format("woff2");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}
@font-face{font-family:"Poppins";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/poppins-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
html[data-mk-tab="area"]{
  --area-font:"Poppins","Mukta","Nirmala UI",system-ui,sans-serif;
  --area-bg:#F1EFE8;      /* panna / card (ivory) */
  --area-strip:#633806;   /* patti ka "AREA CONVERTER" */
  --area-gold:#BA7517;    /* kinari + chalu ghera */
  --area-ink:#2C2C2A;     /* rakam */
  --area-unit:#854F0B;    /* ikai ka naam */
  --area-tile:#FFFFFF;
  --area-bigha:#FAEEDA;   /* बीघा tile */
  --area-btn-bg:#2C2C2A; --area-btn-fg:#FAC775;   /* "✕ Clear" + copy ka sandesh */
  --area-leaf:#27500A;    /* "= 1.5 बीघा" chip */
  --area-red:#A61B1B;     /* बिस्वा / बिस्वांसी >= 20 */
  --area-soft:rgba(44,44,42,.2);                   /* बीघा upar: bina focus ke khane ki kinari */
}
.kb-clr,.kb-fix,.kb-dec{display:none}
main > .row.kb-sqm{display:none}
/* copy ka sandesh (keyboard ke theek upar; mk.js "top" deta hai) */
.kb-toast{position:fixed;left:50%;top:0;z-index:99999;transform:translateX(-50%);max-width:calc(100vw - 32px);padding:8px 16px;
  border-radius:999px;background:var(--area-btn-bg);color:var(--area-btn-fg);font:500 15px/1.3 var(--area-font);white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis;pointer-events:none}
.kb-toast[hidden]{display:none}
@media screen and (pointer:coarse) and (max-width:768px){
  html[data-mk-tab="area"] body.kb-open{background:var(--area-bg)}
  html[data-mk-tab="area"] body.kb-open .mk-hd{margin:0 !important;padding:3px 12px !important;max-width:none;background:var(--area-bg)}
  html[data-mk-tab="area"] body.kb-open .mk-hd .mk-logo{gap:7px;padding:1px 6px 1px 0}
  html[data-mk-tab="area"] body.kb-open .mk-hd .mk-owl{width:24px !important;height:24px !important}
  html[data-mk-tab="area"] body.kb-open .mk-hd .mk-brand{font-size:0 !important;letter-spacing:0}
  html[data-mk-tab="area"] body.kb-open .mk-hd .mk-brand small{display:none}
  html[data-mk-tab="area"] body.kb-open .mk-hd .mk-brand::after{content:"AREA CONVERTER";
    font:500 13px/1 var(--area-font);letter-spacing:.12em;color:var(--area-strip)}
  html[data-mk-tab="area"] body.kb-open main{
    --tv:clamp(22px,calc(var(--kbh,520px) * .05),28px); --tu:clamp(13px,calc(var(--kbh,520px) * .028),16px);
    --av:clamp(28px,calc(var(--kbh,520px) * .068),36px); --au:clamp(15px,calc(var(--kbh,520px) * .034),19px);
    display:grid;grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1.3fr) repeat(3,minmax(0,1fr));gap:6px;
    box-sizing:border-box;max-width:none;margin:0;padding:8px 10px;border:0;border-radius:0;background:var(--area-bg);
    color:var(--area-ink);font-family:var(--area-font);font-variant-numeric:tabular-nums}
  html[data-mk-tab="area"] body.kb-open main > h1,
  html[data-mk-tab="area"] body.kb-open main > hr,
  html[data-mk-tab="area"] body.kb-open main > p,
  html[data-mk-tab="area"] body.kb-open #clr{display:none}
  /* tile: badi moti rakam, uske baad ikai */
  html[data-mk-tab="area"] body.kb-open main > .row,
  html[data-mk-tab="area"] body.kb-open main > .bbb{min-width:0;min-height:0;margin:0;padding:6px 12px;cursor:pointer;overflow:hidden;
    display:flex;flex-wrap:wrap;align-items:baseline;align-content:center;gap:0 7px;
    border:1px solid var(--area-gold);border-radius:8px;background:var(--area-tile);-webkit-tap-highlight-color:transparent;
    -webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation}
  html[data-mk-tab="area"] body.kb-open main > .bbb{grid-column:1/-1;column-gap:14px;background:var(--area-bigha)}
  html[data-mk-tab="area"] body.kb-open main > :not(.kb-act) input{pointer-events:none}
  html[data-mk-tab="area"] body.kb-open main > .row.kb-sqm{display:flex}
  html[data-mk-tab="area"] body.kb-open main.kb-bbb > .kb-sqm{grid-column:1/-1}
  html[data-mk-tab="area"] body.kb-open main > .row > label{order:2;flex:none;margin:0;font:500 var(--tu)/1.2 var(--area-font);color:var(--area-unit)}
  html[data-mk-tab="area"] body.kb-open main input{flex:none;width:auto;max-width:100%;min-width:0;min-height:0;margin:0;padding:0;
    font:700 var(--tv)/1.2 var(--area-font);font-variant-numeric:tabular-nums;text-align:left;
    border:0;border-radius:0;background:transparent;color:var(--area-ink)}
  html[data-mk-tab="area"] body.kb-open main input::placeholder{color:var(--area-ink);opacity:.55;font-weight:500}
  html[data-mk-tab="area"] body.kb-open main.has-val > .bbb input::placeholder{opacity:1;font-weight:700}
  html[data-mk-tab="area"] body.kb-open main input.bad{color:var(--area-red)}
  /* ek hi ghera: saajha focus-niyam (0,5,1 !important) ki outline/chhaya yahan nahi; cursor gehra.
     .kb-open x3 = usse zyada specificity */
  html[data-mk-tab="area"] body.kb-open.kb-open.kb-open main input:focus,
  html[data-mk-tab="area"] body.kb-open.kb-open.kb-open main input:focus-visible{outline:none !important;box-shadow:none !important;
    caret-color:var(--area-ink) !important}
  /* बीघा tile: "1 बीघा 10 बिस्वा 0 बिस्वांसी" */
  html[data-mk-tab="area"] body.kb-open .bbb label{display:flex;align-items:baseline;gap:6px;min-width:0;margin:0}
  html[data-mk-tab="area"] body.kb-open .bbb label > span{display:block;order:2;flex:none;margin:0;font-size:0}
  html[data-mk-tab="area"] body.kb-open .bbb label > span::after{content:attr(data-hi);font:500 var(--tu)/1.2 var(--area-font);color:var(--area-unit)}
  /* "= 1.5 बीघा": tile ki khaali jagah me daayein; na samaye to apni pankti (kabhi bahar nahi) */
  html[data-mk-tab="area"] body.kb-open main > .bbb:not(.kb-act) > .kb-dec:not([hidden]){display:inline-flex;align-self:center;margin-left:auto;
    max-width:100%;padding:3px 10px;border-radius:999px;background:var(--area-tile);color:var(--area-leaf);
    font:700 13px/1.25 var(--area-font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  /* upar (jis ikai me likh rahe): safed khana, 2px sunehri kinari hi ghera */
  html[data-mk-tab="area"] body.kb-open main > .kb-act{order:-1;grid-column:1/-1;cursor:default;padding:6px 12px;
    background:var(--area-tile);border:2px solid var(--area-gold);-webkit-user-select:auto;user-select:auto;-webkit-touch-callout:default}
  html[data-mk-tab="area"] body.kb-open main > .row.kb-act > input{flex:1 1 0;width:0;font-size:var(--av);text-align:right}
  html[data-mk-tab="area"] body.kb-open main > .row.kb-act > label{font-size:var(--au)}
  html[data-mk-tab="area"] body.kb-open .kb-act .kb-clr{display:inline-flex;align-items:center;flex:none;order:3;align-self:center;
    margin:0 0 0 20px;padding:4px 13px;min-height:34px;font:500 14px/1 var(--area-font);white-space:nowrap;
    border:0;border-radius:999px;background:var(--area-btn-bg);color:var(--area-btn-fg);cursor:pointer}
  /* बीघा upar: teen bade khane, chhota naam upar */
  html[data-mk-tab="area"] body.kb-open main > .bbb.kb-act{display:grid;grid-template-columns:.9fr .9fr 1.3fr auto;align-content:center;
    align-items:end;gap:6px 8px;background:var(--area-tile)}
  html[data-mk-tab="area"] body.kb-open main > .bbb.kb-act label{grid-row:1;flex-direction:column;align-items:stretch;gap:2px}
  html[data-mk-tab="area"] body.kb-open main > .bbb.kb-act label > span{order:0}
  html[data-mk-tab="area"] body.kb-open main > .bbb.kb-act label > span::after{font-size:12px}
  html[data-mk-tab="area"] body.kb-open main > .bbb.kb-act input{width:100%;font-size:calc(var(--av) * .8);text-align:right;padding:1px 6px;
    border:2px solid var(--area-soft);border-radius:6px;background:var(--area-tile)}
  html[data-mk-tab="area"] body.kb-open main > .bbb.kb-act input:focus{border-color:var(--area-gold)}
  html[data-mk-tab="area"] body.kb-open main > .bbb.kb-act input.bad{border-color:var(--area-red)}
  html[data-mk-tab="area"] body.kb-open main > .bbb.kb-act .kb-clr{grid-row:1;grid-column:4;align-self:end;margin:0 0 4px 12px}
  html[data-mk-tab="area"] body.kb-open main > .bbb.kb-act > .kb-fix:not([hidden]){display:inline-flex;grid-row:2;grid-column:1/-1;justify-self:start;
    margin:0;padding:4px 11px;min-height:0;border:0;border-radius:999px;background:var(--area-red);color:#FFFFFF;
    font:500 13px/1.3 var(--area-font);cursor:pointer}
}
/* ---- Area Converter: PC (>= 769px) ka roop (mk.js areaDesk; maalik, 20-Oct-2026) ----
   Phone (<= 768px -- band keyboard aur compact dono) par kuch nahi: saare naye hisse (.ad-*) wahan
   display:none, aur naye khane `.ad-row` (`.row` nahi -- compact ke niyam unhe nahi dekhte). Hindi naam
   aur niyam-pankti ka jod sirf yahan ::after se (label/p ka paath phone par wahi).
   Aqua theme ke hi rang (--th-*), patti / ullu / focus-ghera wahi. Ank Poppins (--area-font) 700
   ~28px, tabular, daayein; khana 60px; naam 19px bold + chhota hindi naam 12px; card 620px. */
.ad-cp,.ad-row,.ad-bbcp,.ad-tip{display:none}
@media screen and (min-width:769px){
  html[data-mk-tab="area"] main.ad-on{position:relative;max-width:620px;padding:26px 30px 22px;border-radius:12px}
  /* saajhe Mukta (0,2,4 !important) se upar: body + :not(.mk-keep) */
  html[data-mk-tab="area"] body main.ad-on:not(.mk-keep),
  html[data-mk-tab="area"] body main.ad-on:not(.mk-keep) *{font-family:var(--area-font) !important}
  html[data-mk-tab="area"] main.ad-on > h1{margin:0 0 16px;font-size:24px;font-weight:700;letter-spacing:.06em}
  html[data-mk-tab="area"] main.ad-on > .row:not(.kb-sqm),
  html[data-mk-tab="area"] main.ad-on > .ad-row{display:flex;align-items:center;gap:12px;padding:5px 0}
  html[data-mk-tab="area"] main.ad-on > .row > label,
  html[data-mk-tab="area"] main.ad-on > .ad-row > label{flex:0 0 140px;display:flex;flex-direction:column;
    font-size:19px;font-weight:700;line-height:1.15;color:var(--th-ink)}
  html[data-mk-tab="area"] main.ad-on > .row > label::after,
  html[data-mk-tab="area"] main.ad-on > .ad-row > label::after,
  html[data-mk-tab="area"] main.ad-on > .bbb label > span::after{content:attr(data-hi);display:block;margin-top:3px;
    font-size:12px;font-weight:500;line-height:1.2;color:var(--th-muted)}
  html[data-mk-tab="area"] main.ad-on input{height:60px;padding:0 14px;font-size:28px;font-weight:700;line-height:1;
    font-variant-numeric:tabular-nums;text-align:right;border-radius:8px}
  html[data-mk-tab="area"] main.ad-on input::placeholder{color:var(--th-ph);font-weight:500;opacity:1}
  html[data-mk-tab="area"] main.ad-on.ad-has > .bbb input::placeholder{color:var(--th-ink);font-weight:700}
  /* Bigha (dashamlav): halki theme-rangi pankti */
  html[data-mk-tab="area"] main.ad-on > .ad-bd{margin:6px -12px 0;padding:8px 12px;border-radius:10px;background:var(--th-hi)}
  /* copy: 44px, dabane par ~1 s theme rang */
  html[data-mk-tab="area"] main.ad-on .ad-cp{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;
    width:44px;height:44px;margin:0;padding:0;border:1px solid var(--th-field-bd);border-radius:8px;background:#FFFFFF;color:var(--th-deep);
    cursor:pointer;transition:background-color .15s,color .15s}
  html[data-mk-tab="area"] main.ad-on .ad-cp:hover,
  html[data-mk-tab="area"] main.ad-on > .ad-bbcp:hover{background:var(--th-hi)}
  html[data-mk-tab="area"] main.ad-on .ad-cp.ad-done,
  html[data-mk-tab="area"] main.ad-on > .ad-bbcp.ad-done{background:var(--th-tile);border-color:var(--th-tile);color:var(--th-tile-fg)}
  html[data-mk-tab="area"] main.ad-on > hr{margin:14px 0}
  html[data-mk-tab="area"] main.ad-on > .bbb{gap:12px}
  html[data-mk-tab="area"] main.ad-on > .bbb label > span{margin-bottom:6px;font-size:17px;font-weight:700;line-height:1.15;color:var(--th-ink)}
  html[data-mk-tab="area"] main.ad-on > .bbb input{font-size:26px}
  /* बिस्वा / बिस्वांसी >= 20 -- phone jaisi chetavni (wahi .kb-fix, tap = sahi roop) */
  html[data-mk-tab="area"] main.ad-on input.bad{color:var(--th-err-fg);border-color:var(--th-err-bd);background-color:var(--th-err-bg)}
  html[data-mk-tab="area"] main.ad-on > .bbb > .kb-fix:not([hidden]){display:inline-flex;grid-column:1/-1;justify-self:start;
    margin:2px 0 0;padding:7px 14px;border:0;border-radius:999px;background:var(--th-err);color:#FFFFFF;font-size:15px;font-weight:500;line-height:1.3;cursor:pointer}
  /* Clear + "बीघा-बिस्वा copy" */
  html[data-mk-tab="area"] main.ad-on > #clr,
  html[data-mk-tab="area"] main.ad-on > .ad-bbcp{height:44px;margin-top:16px;padding:0 18px;font-size:16px;font-weight:500;
    border-radius:8px;vertical-align:middle}
  html[data-mk-tab="area"] main.ad-on > .ad-bbcp{display:inline-flex;align-items:center;margin-left:10px;
    border:1px solid var(--th-tile);background:#FFFFFF;color:var(--th-tile);cursor:pointer;transition:background-color .15s,color .15s}
  html[data-mk-tab="area"] main.ad-on > p{margin-top:16px;font-size:13px;line-height:1.5}
  html[data-mk-tab="area"] main.ad-on > p::after{content:" · 3 बीघा 10 बिस्वा = 3.5 बीघा"}
  html[data-mk-tab="area"] main.ad-on > .ad-tip:not([hidden]){display:block;position:absolute;z-index:5;transform:translateY(-50%);
    padding:4px 11px;border-radius:999px;background:var(--th-active);color:var(--th-active-fg);font-size:13px;font-weight:500;line-height:1.3;
    white-space:nowrap;pointer-events:none;box-shadow:0 4px 14px rgba(var(--th-shade),.25)}
}
/* ---- JDA: 90-A roopantaran calculators ("jald aa raha hai") -----------------
   Markup build-tools.js (CV_90A) se, "How each figure is arrived at" ke neeche.
   Rang JDA panne ke apne variable (--panel, --line, --ox, --ox2, --gold, --gold2,
   --txt, --muted); na hon to saajhe --mk-*. Font site ka (Mukta) -- yahan koi nahi. */
.cv{margin:18px 0 6px}
.cv-head{border-top:2px solid var(--ox, var(--mk-home-bg));padding-top:22px;margin-top:10px}
.cv-head h2{margin:0;color:var(--gold2, var(--mk-bar-fg));font-size:1.6rem;font-weight:700;line-height:1.3}
.cv-head p{margin:4px 0 0;color:var(--muted, var(--mk-pop-dim));line-height:1.5}
.cv-chips{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 20px}
.cv-chip{background:transparent;color:var(--txt, var(--mk-pop-fg));border:1px solid var(--line, var(--mk-bar-line));
  border-radius:999px;padding:9px 18px;font:inherit;font-size:1rem;cursor:pointer;display:flex;align-items:center;gap:10px}
.cv-chip[aria-selected="true"]{background:var(--ox, var(--mk-home-bg));border-color:var(--gold, var(--mk-field-bd));color:#fff;font-weight:600}
.cv-soon{font-size:.72rem;font-weight:600;color:var(--gold2, var(--mk-bar-fg));border:1px solid var(--gold, var(--mk-field-bd));
  border-radius:999px;padding:1px 8px;white-space:nowrap}
.cv-panel{background:var(--panel, var(--mk-pop-bg));border:1px solid var(--line, var(--mk-bar-line));
  border-left:4px solid var(--gold2, var(--mk-bar-fg));border-radius:6px;overflow:hidden;color:var(--txt, var(--mk-pop-fg));line-height:1.5}
.cv-panel[hidden]{display:none}
.cv-title{background:var(--ox2, var(--mk-field-bg));padding:16px 20px;display:flex;justify-content:space-between;
  align-items:flex-start;gap:14px;flex-wrap:wrap}
.cv-title h3{margin:0;font-size:1.25rem;color:var(--gold2, var(--mk-bar-fg))}
.cv-title .cv-en{color:var(--txt, var(--mk-pop-fg));font-size:1rem}
.cv-status{font-size:.85rem;color:var(--txt, var(--mk-pop-fg));background:var(--ox, var(--mk-home-bg));
  border:1px solid var(--gold, var(--mk-field-bd));padding:4px 12px;border-radius:999px}
.cv-cols{display:grid;grid-template-columns:repeat(3,1fr)}
.cv-col{padding:16px 20px;border-right:1px solid var(--line, var(--mk-bar-line))}
.cv-col:last-child{border-right:0}
.cv-col h4{margin:0 0 10px;font-size:1rem;color:var(--gold, var(--mk-field-bd));font-weight:600}
.cv-col ul{margin:0;padding:0;list-style:none}
.cv-col li{padding:7px 0;border-bottom:1px dashed var(--line, var(--mk-bar-line));font-size:.95rem}
.cv-col li:last-child{border-bottom:0}
.cv-col li small{display:block;color:var(--muted, var(--mk-pop-dim));font-size:.85rem}
.cv-foot{padding:12px 20px;border-top:1px solid var(--line, var(--mk-bar-line));color:var(--muted, var(--mk-pop-dim));font-size:.88rem}
@media (max-width:820px){
  .cv-cols{grid-template-columns:1fr}
  .cv-col{border-right:0;border-bottom:1px solid var(--line, var(--mk-bar-line))}
  .cv-col:last-child{border-bottom:0}
}

/* ---- Tiles (dashboard) -- mudrank home (worker.js homePage) aur Nagar Nigam ka apna
   dashboard (build-tools.js NN_TILES) DONO yahi lete hain; kahin aur tile ki CSS nahi.
   <div class="mk-tiles"><a class="mk-tile" href=".."><b>Naam</b><span>ek pankti</span></a></div>
   .last / .lastb = pichhli baar khula tool (home, mk:last:<user>).                         */
.mk-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;max-width:820px;margin:0 auto}
.mk-tile{display:flex;flex-direction:column;gap:8px;min-height:128px;padding:22px 22px 20px;box-sizing:border-box;
  background:var(--mk-tile-bg);border:1px solid var(--mk-tile-bd);border-radius:16px;
  color:inherit;text-decoration:none;transition:border-color .15s,transform .15s,background .15s}
.mk-tile[hidden]{display:none}
.mk-tile b{font-family:"Marcellus",Georgia,serif;font-weight:400;font-size:21px;letter-spacing:.04em;color:var(--mk-tile-fg)}
.mk-tile b i.n{font-style:normal;font-family:"Inter","Segoe UI",system-ui,sans-serif;font-weight:400;letter-spacing:0}
.mk-tile span{font-size:13px;color:var(--mk-tile-dim);line-height:1.45}
.mk-tile:hover,.mk-tile:focus-visible{border-color:var(--mk-tile-hbd);background:var(--mk-tile-hbg);transform:translateY(-2px);outline:none}
.mk-tile:active{transform:none}
.mk-tile.last{border-color:var(--mk-tile-hbd)}
.mk-tile .lastb{align-self:flex-start;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--mk-tile-fg);
  border:1px solid var(--mk-tile-hbd);border-radius:999px;padding:2px 9px;margin-top:auto}
@media (max-width:480px){ .mk-tile{min-height:0;padding:18px} }
/* Stamp Duty ki tile (home): gehri syahi par sunehre akshar ("स्याही + सोना") -- baaki tiles jaise aakar */
.mk-tile[data-tab="stampduty"]{--mk-tile-bg:#2E2E2E;--mk-tile-bd:#B8913A;--mk-tile-fg:#E5C77A;--mk-tile-dim:#D9C79A;
  --mk-tile-hbg:#1F1F1F;--mk-tile-hbd:#E5C77A}

/* ---- "← Nagar Nigam" -- Nagar Nigam ke tool (Reserve Price / 69-A / Sub Division / Ward)
   se apne dashboard (/tools/nnj) par. Header ke paas; tile ke rang (bina chuni chip jaisa). */
.nn-backbar{box-sizing:border-box;max-width:var(--mk-max,1100px);margin:2px auto 0;padding:6px 16px 12px}
.nn-back{display:inline-flex;align-items:center;gap:8px;box-sizing:border-box;min-height:44px;padding:9px 18px;border-radius:999px;
  border:1.5px solid var(--mk-tile-bd);background:var(--mk-tile-bg);color:var(--mk-tile-fg) !important;text-decoration:none !important;
  font:600 16px/1 var(--mk-font);letter-spacing:.04em;transition:border-color .15s,background .15s;-webkit-tap-highlight-color:transparent}
.nn-back:hover{border-color:var(--mk-tile-hbd);background:var(--mk-tile-hbg)}
.nn-backbar[hidden]{display:none}

/* ---- vikalp ki chips (aria-pressed) -- bina chuni tile ke rang, chuni Home pill jaisi.
   Pehla upyog: Nagar Nigam "Sub Division Charges" (nnj-sdc.html) */
.mk-opts{display:flex;flex-wrap:wrap;gap:8px}
.mk-opt{min-height:44px;padding:9px 18px;border-radius:999px;border:1.5px solid var(--mk-tile-bd);background:var(--mk-tile-bg);
  color:var(--mk-tile-fg);font:600 15.5px/1 var(--mk-font);letter-spacing:.04em;cursor:pointer;-webkit-tap-highlight-color:transparent;
  transition:border-color .15s,background .15s}
.mk-opt:hover{border-color:var(--mk-tile-hbd);background:var(--mk-tile-hbg)}
.mk-opt[aria-pressed="true"]{background:var(--mk-home-bg);border-color:var(--mk-home-bd);color:var(--mk-home-fg)}

/* ============================================================================
   Tools ke rang (themes) -- <body class="theme-<naam>">
   ----------------------------------------------------------------------------
   Abhi: theme-nn (Nagar Nigam, hara: /tools/nnj + /tools/ward), theme-jda (JDA Reserve Price, neela),
   theme-dlc01 (DLC 2001, badami/sepia), theme-udh (Sub-Division, pastel amber),
   theme-epj (DLC mukhya -- index.html + guest.html, ePanjiyan jaisa baingani), theme-map (Map Approval, olive),
   theme-area (Area, aqua), theme-loan (Home Loan, gulabi), theme-legal (Legal & Tax, slate), theme-air (Air Noc, aasmani),
   theme-stampduty (Stamp Duty, "स्याही + सोना").
   Home, DLC aur baaki tools par koi class nahi -- unka Oxblood & Gold wahi (:root / light upar).
   Teen parten, sab neeche, aur ye pura hissa SIRF rang hai (tile/grid/layout ki koi CSS nahi):
     1. RANGON KI SUCHI -- har theme ka ek set, sirf --th-* token. Theme ke saare rang yahin; neeche
        kahin hex nahi (sivaay #FFFFFF). Nayi theme = yahan ek naya set (saare roles bhare).
     2. Saajha mapping body[class*="theme-"] -- token -> mk ke token (tile, chip, ring, khana, suchi).
        Header (MUDRANK + ullu) aur Home pill ke token (--mk-bar-fg, --mk-home-*) body par NAHI --
        sirf body ke bachchon (sivaay .mk-hd) par, taki chuni chip / Download / Share theme
        ke hon aur patti (ullu + MUDRANK) apne rang me rahe.
     3. Panne ka adapter -- har mool panne ke apne variable + pakke rang, sirf var(--th-*) se.
        Naye panne par theme = uska adapter ek baar (mool ke rang alag-alag jagah pakke hain).
   Contrast (WCAG) + Nagar Nigam / JDA ka hubahu rang: theme-test.js (sab theme apne aap; golden
   theme-nn-golden.json, theme-jda-golden.json). Share PNG (MK.cardImage) ke rang canvas me pakke --
   theme se nahi badalte; chhapai (@media print) apni.
   Roles: paper = pastel peeche | paper2 = th/patti | card | band = sheershak patti | line = rekha |
     ink = paath | muted = dhima paath | deep = gehra rang (sheershak, ank) | tile / tile-fg / tile-dim =
     tile + chip | tile-bd = tile ki kinari (halki tile -- air -- par gehri) | hover | active / active-fg / active-bd = chuni chip, Download | ring = focus |
     field-bd / ph = khana | row / row-hi / hi / calc / tint1 / tint2 = talika ki panktiyan |
     band-fg / band-dim = patti par paath (gehri patti -- epj -- par halka) |
     rgb / shade = halki parat aur chhaya (r,g,b) |
     warn-bg / warn-bd / warn-fg = chetavni (peela) | err / err-bd / err-bg / err-fg = galti (laal) --
     har theme ke apne, taki pastel me na ghulen (peela panne se, laal theme ke gehre rang se alag)  */

/* ---- 1. rangon ki suchi ---------------------------------------------------- */
body.theme-nn{          /* Nagar Nigam -- hara */
  --th-paper:#EAF5EC; --th-paper2:#DDEFE0; --th-card:#F7FBF7; --th-band:#D7ECDB; --th-line:#B9D6BF;
  --th-band-fg:#10291A; --th-band-dim:#3F5F4A;
  --th-ink:#10291A; --th-muted:#3F5F4A; --th-deep:#1D6339;
  --th-tile:#2A6B44; --th-tile-bd:#2A6B44; --th-tile-fg:#F4FBF5; --th-tile-dim:#D6EEDD; --th-hover:#1F5536;
  --th-active:#123824; --th-active-fg:#FFFFFF; --th-active-bd:#A9D8B6; --th-ring:#123824;
  --th-field-bd:#4F7F5C; --th-ph:#4E6656;
  --th-row:#EEF6EF; --th-row-hi:#D3E9D7; --th-hi:#E4F2E6; --th-calc:#F2F8F2; --th-tint1:#CFE8D5; --th-tint2:#7DBE8F;
  --th-rgb:29,99,57; --th-shade:16,41,26;
  --th-warn-bg:#FFF3D1; --th-warn-bd:#B8862B; --th-warn-fg:#6B4200;
  --th-err:#A4262C; --th-err-bd:#B3261E; --th-err-bg:#FDECEA; --th-err-fg:#8A1F24;
  --th-err-no:#8E2A2A; --th-err-rgb:164,38,44;   /* ward: bahar wala ank; 69-A: Clear form ki parat */
  --th-sel:#14532D; --th-sel2:#0B2A18;   /* ward ka naqsha: chuna ward, uska naam */
}
body.theme-jda{         /* JDA Reserve Price -- neela */
  --th-paper:#EAF2FA; --th-paper2:#DCE9F6; --th-card:#F7FAFD; --th-band:#D6E6F5; --th-line:#B7CDE3;
  --th-band-fg:#0F2236; --th-band-dim:#3D5670;
  --th-ink:#0F2236; --th-muted:#3D5670; --th-deep:#1D4F86;
  --th-tile:#2A5F96; --th-tile-bd:#2A5F96; --th-tile-fg:#F4F8FC; --th-tile-dim:#D6E6F5; --th-hover:#1F4D7D;
  --th-active:#12304F; --th-active-fg:#FFFFFF; --th-active-bd:#A9C8E8; --th-ring:#12304F;
  --th-field-bd:#4F739A; --th-ph:#4E627A;
  --th-row:#EEF4FA; --th-row-hi:#D3E3F2; --th-hi:#E2EDF8; --th-calc:#F2F7FC; --th-tint1:#CFE0F2; --th-tint2:#7FAAD6;
  --th-rgb:29,79,134; --th-shade:15,34,54;
  --th-warn-bg:#FFF3D1; --th-warn-bd:#B8862B; --th-warn-fg:#6B4200;
  --th-err:#A4262C; --th-err-bd:#B3261E; --th-err-bg:#FDECEA; --th-err-fg:#8A1F24;
  --th-err-no:#8E2A2A; --th-err-rgb:164,38,44;
}
body.theme-dlc01{       /* DLC 2001 -- badami / sepia (purane register jaisa) */
  --th-paper:#F5EEE1; --th-paper2:#EBE0CC; --th-card:#FBF8F2; --th-band:#ECDFC8; --th-line:#D5C4A6;
  --th-band-fg:#2B1F12; --th-band-dim:#5C4A36;
  --th-ink:#2B1F12; --th-muted:#5C4A36; --th-deep:#6B4423;
  --th-tile:#7A5232; --th-tile-bd:#7A5232; --th-tile-fg:#FBF5EC; --th-tile-dim:#F1E3CD; --th-hover:#634228;
  --th-active:#3E2915; --th-active-fg:#FFFFFF; --th-active-bd:#D9BE96; --th-ring:#3E2915;
  --th-field-bd:#8A6E50; --th-ph:#6B5A47;
  --th-row:#F8F3EA; --th-row-hi:#EADCC4; --th-hi:#F0E5D2; --th-calc:#F9F4EC; --th-tint1:#E8D8BC; --th-tint2:#C9A97E;
  --th-rgb:107,68,35; --th-shade:43,31,18;
  --th-warn-bg:#FFF2A8; --th-warn-bd:#9C7A00; --th-warn-fg:#4F3D00;
  --th-err:#A4262C; --th-err-bd:#B3261E; --th-err-bg:#FADADA; --th-err-fg:#8A1F24;
}
body.theme-udh{         /* Sub-Division + Map Approval (UDH / bhavan) -- pastel amber, tile jala narangi */
  --th-paper:#FDF0E1; --th-paper2:#F8E2C8; --th-card:#FFF9F2; --th-band:#F9DFBF; --th-line:#E8C79F;
  --th-band-fg:#2E1A08; --th-band-dim:#5C3E22;
  --th-ink:#2E1A08; --th-muted:#5C3E22; --th-deep:#8A3D06;
  --th-tile:#9C4508; --th-tile-bd:#9C4508; --th-tile-fg:#FFF8F0; --th-tile-dim:#FBE3C8; --th-hover:#843A06;
  --th-active:#552404; --th-active-fg:#FFFFFF; --th-active-bd:#F2C595; --th-ring:#552404;
  --th-field-bd:#9A6738; --th-ph:#6E4F34;
  --th-row:#FEF6EC; --th-row-hi:#F5DCBD; --th-hi:#FAE7D0; --th-calc:#FFF8EF; --th-tint1:#F5D7B3; --th-tint2:#E5A866;
  --th-rgb:138,61,6; --th-shade:46,26,8;
  /* peela nimbu jaisa (amber me na ghule), laal crimson (jale narangi se alag) */
  --th-warn-bg:#FBF6A0; --th-warn-bd:#7D7300; --th-warn-fg:#3F3A00;
  --th-err:#B0123B; --th-err-bd:#B0123B; --th-err-bg:#FCE3EA; --th-err-fg:#8E0E30;
}

body.theme-epj{         /* DLC mukhya -- ePanjiyan jaisa: peach panna, gehri baingani patti, plum tile par sunehre akshar.
                           Paanch rang maalik ke (paper, band, tile, tile-fg, deep/active); baaki unhi ke aas-paas. */
  --th-paper:#FDF3EC; --th-paper2:#F5E4DA; --th-card:#FFFAF6; --th-band:#4B1A5E; --th-line:#E5CCC4;
  --th-band-fg:#FFFFFF; --th-band-dim:#E6D2EE;
  --th-ink:#2A1030; --th-muted:#5E4763; --th-deep:#5B1F6E;
  --th-tile:#8A2C6F; --th-tile-bd:#8A2C6F; --th-tile-fg:#F6C453; --th-tile-dim:#F7DCEC; --th-hover:#73235C;
  --th-active:#5B1F6E; --th-active-fg:#FFFFFF; --th-active-bd:#F6C453; --th-ring:#5B1F6E;
  --th-field-bd:#8E6B8C; --th-ph:#6B5670;
  --th-row:#FEF8F4; --th-row-hi:#F6E2EC; --th-hi:#F8E6EE; --th-calc:#FFF8F4; --th-tint1:#F1DCE8; --th-tint2:#D9A9C9;
  --th-rgb:91,31,110; --th-shade:42,16,48;
  /* peela nimbu jaisa (peach aur sunehre akshar dono se alag), laal narangi-laal (magenta/baingani se door) */
  --th-warn-bg:#FFF6A6; --th-warn-bd:#7A7000; --th-warn-fg:#3D3800;
  --th-err:#B42318; --th-err-bd:#B42318; --th-err-bg:#FBD6CE; --th-err-fg:#8E1B12;
}

body.theme-map{         /* Map Approval -- jaitooni / olive (pehle theme-udh ke saath tha). Base 3 rang maalik ke.
                           Chetavni kesariya-peela -- olive panna khud peela-sa hai, nimbu jaisa usme ghul jaata */
  --th-paper:#F1F2E2; --th-paper2:#E6E8CF; --th-card:#FAFBF2; --th-band:#E3E6C8; --th-line:#CCD0A8;
  --th-band-fg:#23260C; --th-band-dim:#51552E;
  --th-ink:#23260C; --th-muted:#51552E; --th-deep:#4A4F14;
  --th-tile:#5A5F1E; --th-tile-bd:#5A5F1E; --th-tile-fg:#FAFBEF; --th-tile-dim:#E6E9C6; --th-hover:#4B4F18;
  --th-active:#33360E; --th-active-fg:#FFFFFF; --th-active-bd:#D4DA9C; --th-ring:#33360E;
  --th-field-bd:#7C8150; --th-ph:#5E6240;
  --th-row:#F6F7EC; --th-row-hi:#E4E7CB; --th-hi:#EBEDD6; --th-calc:#F7F8EE; --th-tint1:#DDE1BC; --th-tint2:#B3BA6E;
  --th-rgb:74,79,20; --th-shade:35,38,12;
  --th-warn-bg:#FFE58A; --th-warn-bd:#8A6500; --th-warn-fg:#3F2E00;
  --th-err:#B3261E; --th-err-bd:#B3261E; --th-err-bg:#FBE1DE; --th-err-fg:#8A1F17;
}
body.theme-area{        /* Area Converter -- aqua. Base 3 rang maalik ke */
  --th-paper:#E1F2F5; --th-paper2:#D2EAEF; --th-card:#F4FBFC; --th-band:#CFE8EE; --th-line:#A9D2DB;
  --th-band-fg:#0E2A31; --th-band-dim:#3B5D66;
  --th-ink:#0E2A31; --th-muted:#3B5D66; --th-deep:#164B58;
  --th-tile:#1C5868; --th-tile-bd:#1C5868; --th-tile-fg:#EFF9FB; --th-tile-dim:#CBE8EE; --th-hover:#164A57;
  --th-active:#0E3640; --th-active-fg:#FFFFFF; --th-active-bd:#A6DCE6; --th-ring:#0E3640;
  --th-field-bd:#4F7E89; --th-ph:#4A6970;
  --th-row:#EDF7F9; --th-row-hi:#CFE7EC; --th-hi:#DDF0F4; --th-calc:#F1F9FA; --th-tint1:#C6E4EA; --th-tint2:#7FC1CF;
  --th-rgb:22,75,88; --th-shade:14,42,49;
  --th-warn-bg:#FFF3A6; --th-warn-bd:#8A6D00; --th-warn-fg:#463700;
  --th-err:#B3261E; --th-err-bd:#B3261E; --th-err-bg:#FBE1DE; --th-err-fg:#8A1F17;
}
body.theme-loan{        /* Home Loan -- gulabi. Base 3 rang maalik ke. Galti narangi-laal -- gulabi/wine me na ghule */
  --th-paper:#F9EBF0; --th-paper2:#F1DCE4; --th-card:#FDF7F9; --th-band:#F2DCE5; --th-line:#E2C1CE;
  --th-band-fg:#2C1019; --th-band-dim:#634150;
  --th-ink:#2C1019; --th-muted:#634150; --th-deep:#6B2442;
  --th-tile:#7A2E4C; --th-tile-bd:#7A2E4C; --th-tile-fg:#FDF4F7; --th-tile-dim:#F6D9E5; --th-hover:#66253F;
  --th-active:#4A1830; --th-active-fg:#FFFFFF; --th-active-bd:#F0BFD3; --th-ring:#4A1830;
  --th-field-bd:#946777; --th-ph:#6D5360;
  --th-row:#FBF2F5; --th-row-hi:#EFD6E0; --th-hi:#F5E3EA; --th-calc:#FCF5F8; --th-tint1:#EBCBD7; --th-tint2:#D08AA6;
  --th-rgb:107,36,66; --th-shade:44,16,25;
  --th-warn-bg:#FFF4A3; --th-warn-bd:#7F6E00; --th-warn-fg:#403700;
  --th-err:#B33A0A; --th-err-bd:#B33A0A; --th-err-bg:#FFE3CC; --th-err-fg:#8F2E08;
}
body.theme-legal{       /* Legal & Tax -- slate. Base 3 rang maalik ke */
  --th-paper:#E9EDF2; --th-paper2:#DCE2EA; --th-card:#F7F9FB; --th-band:#D9E0E8; --th-line:#BCC7D3;
  --th-band-fg:#161F29; --th-band-dim:#47566A;
  --th-ink:#161F29; --th-muted:#47566A; --th-deep:#2C3E50;
  --th-tile:#34495E; --th-tile-bd:#34495E; --th-tile-fg:#F4F7FA; --th-tile-dim:#D5DEE8; --th-hover:#2B3D4F;
  --th-active:#1C2938; --th-active-fg:#FFFFFF; --th-active-bd:#B3C3D6; --th-ring:#1C2938;
  --th-field-bd:#6B7B8E; --th-ph:#56657A;
  --th-row:#F2F5F8; --th-row-hi:#D9E0E8; --th-hi:#E2E8EF; --th-calc:#F5F7FA; --th-tint1:#D2DAE4; --th-tint2:#93A5BA;
  --th-rgb:44,62,80; --th-shade:22,31,41;
  --th-warn-bg:#FFF3A6; --th-warn-bd:#8A6D00; --th-warn-fg:#463700;
  --th-err:#B3261E; --th-err-bd:#B3261E; --th-err-bg:#FBE1DE; --th-err-fg:#8A1F17;
}
body.theme-air{         /* Air Noc -- powder blue (maalik, 07-Oct-2026): panna #F2F9FD, HALKI tile #A9D8F2 par GEHRE
                           akshar #0B3550. Tile aur panna dono halke (1.43) -- rang nahi badla, tile par gehri kinari (tile-bd)
                           se alag; theme-test me HALKI_TILE. line/ink/muted/deep mool panne ke (form ki kinari #A9D4EC wahi).
                           Zone rang (--z*) aur faisle (--ok/--warn/--stop) yahan NAHI */
  --th-paper:#F2F9FD; --th-paper2:#E2F1FA; --th-card:#FAFDFF; --th-band:#DCEEF9; --th-line:#A9D4EC;
  --th-band-fg:#10242F; --th-band-dim:#3F5D6E;
  --th-ink:#10242F; --th-muted:#3F5D6E; --th-deep:#0B3C5D;
  --th-tile:#A9D8F2; --th-tile-bd:#0B3550; --th-tile-fg:#0B3550; --th-tile-dim:#1E4A66; --th-hover:#8FCBEC;
  --th-active:#0B3550; --th-active-fg:#FFFFFF; --th-active-bd:#A9D8F2; --th-ring:#0B3550;
  --th-field-bd:#5B86A3; --th-ph:#4E6B7D;
  --th-row:#F5FAFD; --th-row-hi:#D8ECF8; --th-hi:#E6F3FB; --th-calc:#F4FBFF; --th-tint1:#CDE7F6; --th-tint2:#86B9DC;
  --th-rgb:11,53,80; --th-shade:16,36,47;
  --th-warn-bg:#FFF3A6; --th-warn-bd:#8A6D00; --th-warn-fg:#463700;
  --th-err:#B3261E; --th-err-bd:#B3261E; --th-err-bg:#FBE1DE; --th-err-fg:#8A1F17;
}
body.theme-stampduty{   /* Stamp Duty -- "स्याही + सोना" (maalik, 22-Oct-2026): panna #FAF7EF, card safed, chuni chip = syahi
                           #2E2E2E par safed akshar + sona #B8913A ki kinari. Sona (--th-gold) sirf sajavat ki rekha (chuni chip /
                           rakam ka khana / natije ki upari rekha) aur syahi ki patti par label (4.62) -- safed par 2.94, isliye
                           khane ki aam kinari (field-bd) gehra sona. Panne ki CSS (stampduty-tool.html) sirf var(--th-*) se */
  --th-paper:#FAF7EF; --th-paper2:#F2EDE0; --th-card:#FFFFFF; --th-band:#EFE8D6; --th-line:#E2D9C3;
  --th-band-fg:#2E2E2E; --th-band-dim:#5C5650;
  --th-ink:#2E2E2E; --th-muted:#5C5650; --th-deep:#2E2E2E;
  --th-tile:#2E2E2E; --th-tile-bd:#2E2E2E; --th-tile-fg:#E5C77A; --th-tile-dim:#D9C79A; --th-hover:#1F1F1F;
  --th-active:#2E2E2E; --th-active-fg:#FFFFFF; --th-active-bd:#B8913A; --th-ring:#2E2E2E;
  --th-field-bd:#8C6A1F; --th-ph:#6B645A;
  --th-row:#FCFAF5; --th-row-hi:#EFE8D6; --th-hi:#F5EFE1; --th-calc:#FCFAF4; --th-tint1:#EFE6CF; --th-tint2:#D9C79A;
  --th-rgb:46,46,46; --th-shade:30,30,30;
  --th-warn-bg:#FFF3A6; --th-warn-bd:#8A6D00; --th-warn-fg:#463700;
  --th-err:#B3261E; --th-err-bd:#B3261E; --th-err-bg:#FBE1DE; --th-err-fg:#8A1F17;
  --th-gold:#B8913A;
}

/* ---- 2. saajha mapping (har theme) --------------------------------------------- */
body[class*="theme-"]{
  color-scheme:light;
  --mk-ring:var(--th-ring);
  --mk-field-bg:#FFFFFF; --mk-field-fg:var(--th-ink); --mk-field-ph:var(--th-ph); --mk-field-bd:var(--th-field-bd);
  --mk-pop-bg:#FFFFFF; --mk-pop-fg:var(--th-ink); --mk-pop-dim:var(--th-muted); --mk-pop-hi:rgba(var(--th-rgb),.12);
  --mk-tile-bg:var(--th-tile); --mk-tile-bd:var(--th-tile-bd); --mk-tile-fg:var(--th-tile-fg); --mk-tile-hbg:var(--th-hover); --mk-tile-hbd:var(--th-hover); --mk-tile-dim:var(--th-tile-dim);
}
/* content ke dabbe = body ke saare bachche sivaay upar ki patti (.mk-hd) */
body[class*="theme-"] > :not(.mk-hd){
  --mk-home-bg:var(--th-active); --mk-home-fg:var(--th-active-fg); --mk-home-bd:var(--th-active-bd);
  --mk-bar-fg:var(--th-deep); --mk-bar-line:rgba(var(--th-rgb),.3);
}

/* ---- 3a. adapter: Nagar Nigam (nnj.html: dashboard + Reserve Price / 69-A / Sub Division; ward.html) */
body.theme-nn{
  /* nnj.html ke apne variable */
  --ink:var(--th-ink); --paper:var(--th-paper); --paper2:var(--th-paper2); --card:var(--th-card); --line:var(--th-line); --muted:var(--th-muted);
  --gold:var(--th-deep); --gold-soft:var(--th-deep); --ox:var(--th-active); --ox-soft:var(--th-field-bd); --ox-deep:var(--th-active);
  /* ward.html ke apne variable */
  --bg:var(--th-paper); --panel:var(--th-card); --panel2:var(--th-paper2); --txt:var(--th-ink); --ox2:var(--th-hover); --ring:var(--th-ring);
  --field-bg:#FFFFFF; --field-fg:var(--th-ink); --field-ph:var(--th-ph); --field-bd:var(--th-field-bd); --pill-fg:var(--th-active-fg); --pill-bd:var(--th-active);
  --warn-bg:var(--th-warn-bg); --warn-bd:var(--th-warn-bd); --warn-fg:var(--th-warn-fg); --out-bg:var(--th-err-bg); --out-bd:var(--th-err-bd); --out-fg:var(--th-err-fg);
  --pop-hi:rgba(var(--th-rgb),.12);
  /* ward ka naqsha (ward-tool.html STYLE / PIN yahin se padhte hain) */
  --w2z-sel:var(--th-sel); --w2z-sel-fill:var(--th-tile); --w2z-near:var(--th-deep); --w2z-pin:var(--th-active); --w2z-pin2:var(--th-tile-dim);
}
@media screen{
  /* sheershak ki patti (dashboard, Reserve Price, 69-A, Sub Division) + neeche ki patti */
  body.theme-nn header{background:var(--th-band);color:var(--th-ink);border-bottom-color:var(--th-deep)}
  body.theme-nn header p{color:var(--th-muted)}
  /* Reserve Price (mool panna) */
  body.theme-nn input[type=search],body.theme-nn input[type=number],body.theme-nn .cfield input{background:#FFFFFF;color:var(--th-ink);border-color:var(--th-field-bd)}
  body.theme-nn input::placeholder{color:var(--th-ph)}
  body.theme-nn .chip,body.theme-nn .chip.c{background:var(--th-tile);border-color:var(--th-tile);color:var(--th-tile-fg)}
  body.theme-nn .chip:hover{background:var(--th-hover)}
  body.theme-nn .chip[aria-pressed=true],body.theme-nn .chip.c[aria-pressed=true],
  body.theme-nn .chip.check[aria-pressed=true],body.theme-nn .chip.rate[aria-pressed=true],
  body.theme-nn .chip.rate[data-v="old"][aria-pressed=true],
  body.theme-nn .cchips[data-f="corner"] .chip.c[aria-pressed=true]{background:var(--th-active);border-color:var(--th-active-bd);color:var(--th-active-fg)}
  /* sadak ki chaudai: jitni chaudi, utna gehra (mool me sunehra) */
  body.theme-nn .cchips[data-f="road"] .chip.c[data-v="w30"][aria-pressed=true],
  body.theme-nn .chips .chip[data-f="road"][data-v="near"][aria-pressed=true]{background:var(--th-tint1);border-color:var(--th-deep);color:var(--th-ink)}
  body.theme-nn .cchips[data-f="road"] .chip.c[data-v="w3160"][aria-pressed=true],
  body.theme-nn .chips .chip[data-f="road"][data-v="wide"][aria-pressed=true]{background:var(--th-tint2);border-color:var(--th-deep);color:var(--th-ink)}
  body.theme-nn .cchips[data-f="road"] .chip.c[data-v="w60"][aria-pressed=true]{background:var(--th-active);border-color:var(--th-active-bd);color:var(--th-active-fg)}
  body.theme-nn .cchips[data-f="unit"] .chip.c[aria-pressed=true]{background:var(--th-tint1);border-color:var(--th-deep);color:var(--th-ink)}
  body.theme-nn tbody tr:nth-child(even){background:var(--th-row)}
  body.theme-nn tbody tr:hover td,body.theme-nn tbody tr.row.open td{background:var(--th-row-hi)}
  body.theme-nn td.num{color:var(--th-ink)}
  body.theme-nn .dash{color:var(--th-muted)}
  body.theme-nn .warn{color:var(--th-warn-fg)}
  body.theme-nn tr.flagged td{background:var(--th-warn-bg)}
  body.theme-nn tr.calcrow td,body.theme-nn tr.calcrow:hover td{background:var(--th-calc)}
  body.theme-nn .cdiv{background:linear-gradient(to bottom,transparent,rgba(var(--th-rgb),.3) 12%,rgba(var(--th-rgb),.3) 88%,transparent)}
  body.theme-nn .ccamp{color:var(--th-deep)}
  body.theme-nn .ccamp b{color:var(--th-active)}
  body.theme-nn .cli.hi{background:var(--th-hi)}
  /* 69-A Site Plan */
  body.theme-nn #sp69{color-scheme:light;--sp-fbg:#FFFFFF;--sp-fbd:var(--th-field-bd)}
  body.theme-nn #sp69 .sp-stats .sp-warn,body.theme-nn #sp69 .sp-err{color:var(--th-err)}
  body.theme-nn #sp69 [aria-invalid="true"],body.theme-nn #sdc [aria-invalid="true"]{border-color:var(--th-err-bd) !important;background:var(--th-err-bg) !important}
  body.theme-nn #sp69 button.sp-clear{color:var(--th-err);border-color:rgba(var(--th-rgb),.55)}
  body.theme-nn #sp69 button.sp-clear:hover{background:rgba(var(--th-err-rgb),.08);border-color:var(--th-err)}
  body.theme-nn #sp69 .sp-paper{box-shadow:0 6px 22px rgba(var(--th-shade),.18)}
  /* Sub Division Charges (Share PNG alag -- canvas ke apne rang) */
  body.theme-nn #sdc{--sdc-fbg:#FFFFFF;--sdc-fbd:var(--th-field-bd)}
  body.theme-nn #sdc .sdc-conv .sdc-bad{color:var(--th-err)}
  body.theme-nn #sdc tr.sdc-sum td{background:var(--th-hi)}
  body.theme-nn #sdc tfoot td{background:var(--th-active);border-top-color:var(--th-active-bd)}
  body.theme-nn #sdc .sdc-tw{color:var(--th-tile-dim)}
  body.theme-nn #sdc .sdc-act:hover{background:var(--th-hover)}
  /* table ki chuni pankti + Share patti (mk.js, body par) */
  body.theme-nn tr.mk-picked > td{box-shadow:inset 0 0 0 9999px rgba(var(--th-rgb),.10)}
  body.theme-nn .mk-sharebar{box-shadow:0 8px 26px rgba(var(--th-shade),.22)}
  /* Ward / Zone */
  body.theme-nn .w2z-box,body.theme-nn .w2z-go{box-shadow:0 3px 12px rgba(var(--th-shade),.14)}
  body.theme-nn .w2z-cands{box-shadow:0 12px 30px rgba(var(--th-shade),.18)}
  body.theme-nn .w2z-card.out .no{background:var(--th-err-no)}
  body.theme-nn #w2z-map{background:var(--th-paper2)}
  body.theme-nn .w2z-wl span{color:var(--th-sel)}
  body.theme-nn .w2z-wl.sel span{color:var(--th-sel2)}
  body.theme-nn .leaflet-container a{color:var(--th-deep)}
  body.theme-nn .leaflet-tooltip.w2z-tip{background:#FFFFFF;color:var(--th-ink);border-color:var(--th-deep);box-shadow:0 4px 14px rgba(var(--th-shade),.18)}
  body.theme-nn .leaflet-tooltip.w2z-tip.out{border-color:var(--th-err-bd);color:var(--th-err-fg)}
  body.theme-nn .leaflet-tooltip-top.w2z-tip:before{border-top-color:var(--th-deep)}
}

/* ---- 3b. adapter: JDA Reserve Price (jda.html -- mool gehra panna, build-tools.js) -------------
   Mool ke variable: --bg/--panel/--line, --ox (zone patti, chuni chip, ↑), --ox2 (th, 90-A sheershak),
   --gold (kinari), --gold2 (ank, sheershak), --goldl (gehre par paath), --txt, --muted.                */
body.theme-jda{
  --bg:var(--th-paper); --panel:var(--th-card); --line:var(--th-line);
  --ox:var(--th-active); --ox2:var(--th-paper2); --gold:var(--th-deep); --gold2:var(--th-deep); --goldl:var(--th-active-fg);
  --txt:var(--th-ink); --muted:var(--th-muted);
}
@media screen{
  body.theme-jda .bar{background:linear-gradient(90deg,var(--th-active),var(--th-tile),var(--th-active))}
  body.theme-jda header{background:var(--th-band);color:var(--th-ink);border-bottom-color:var(--th-deep)}
  body.theme-jda .kick,body.theme-jda h1{color:var(--th-deep)}
  body.theme-jda header .sub b{color:var(--th-deep) !important}
  /* khoj + chips */
  body.theme-jda .controls{background:var(--th-paper);border-bottom-color:var(--th-line)}
  body.theme-jda .clr,body.theme-jda .lbl{color:var(--th-muted)}
  body.theme-jda .chip{background:var(--th-tile);border-color:var(--th-tile);color:var(--th-tile-fg)}
  body.theme-jda .chip:hover{background:var(--th-hover)}
  body.theme-jda .chip.on{background:var(--th-active);border-color:var(--th-active-bd);color:var(--th-active-fg)}
  /* zone ki patti + talika */
  body.theme-jda .sechd{background:var(--th-band);border-left-color:var(--th-deep)}
  body.theme-jda .sect{color:var(--th-ink)}
  body.theme-jda .secs{color:var(--th-muted)}
  body.theme-jda th{color:var(--th-deep);border-color:var(--th-line)}
  body.theme-jda th small{color:var(--th-muted)}
  body.theme-jda td.v,body.theme-jda td.b{color:var(--th-ink)}
  body.theme-jda td.v i,body.theme-jda td.o,body.theme-jda td.n{color:var(--th-muted)}
  body.theme-jda td.g{background:var(--th-hi)}
  body.theme-jda tbody tr:nth-child(even) td{background:var(--th-row)}
  body.theme-jda tbody tr:nth-child(even) td.g{background:var(--th-tint1)}
  body.theme-jda tr.mk-picked > td{box-shadow:inset 0 0 0 9999px rgba(var(--th-rgb),.10)}
  /* "How each figure ..." talika, note, card, neeche */
  body.theme-jda .mt td.l,body.theme-jda .card li{color:var(--th-ink)}
  body.theme-jda .mt td.gg{background:var(--th-hi)}
  body.theme-jda .card{border-color:var(--th-line)}
  body.theme-jda .card h3{color:var(--th-deep)}
  body.theme-jda .note{color:var(--th-muted)}
  body.theme-jda .foot{border-top-color:var(--th-line);color:var(--th-muted)}
  body.theme-jda .up{border-color:var(--th-active-bd)}
  /* 90-A (mk.css .cv-*): chips tile jaise, chuni gehri */
  body.theme-jda .cv-chip{background:var(--th-tile);border-color:var(--th-tile);color:var(--th-tile-fg)}
  body.theme-jda .cv-chip:hover{background:var(--th-hover)}
  body.theme-jda .cv-chip[aria-selected="true"]{background:var(--th-active);border-color:var(--th-active-bd);color:var(--th-active-fg)}
  body.theme-jda .cv-chip .cv-soon{color:var(--th-tile-dim);border-color:var(--th-tile-dim)}
  body.theme-jda .cv-status{color:var(--th-active-fg);border-color:var(--th-active-bd)}
  body.theme-jda .mk-sharebar{box-shadow:0 8px 26px rgba(var(--th-shade),.22)}
}

/* ---- 3c. adapter: DLC 2001 (dlc2001.html -- mool gehra panna, build-tools.js; <body class="nopast theme-dlc01">)
   Mool ke variable: --bg, --bar/--bar2 (sheershak, th), --panel, --row/--row-alt, --rule/--rule-2,
   --gold (chuni book, accent), --gold-lt (sheershak/ank ka paath), --gold-dim (kinari), --ink/--ink-2, --rate.
   Scan dekhne ki parat (.viewer) poori screen ki tasveer hai -- gehri hi rahti hai, sirf uska paath.  */
body.theme-dlc01{
  --bg:var(--th-paper); --bar:var(--th-band); --bar2:var(--th-paper2); --panel:var(--th-card);
  --row:var(--th-card); --row-alt:var(--th-row); --rule:var(--th-line); --rule-2:var(--th-line);
  --gold:var(--th-active); --gold-lt:var(--th-deep); --gold-dim:var(--th-field-bd);
  --ink:var(--th-ink); --ink-2:var(--th-muted); --rate:var(--th-deep);
}
@media screen{
  body.theme-dlc01 header{border-bottom-color:var(--th-deep)}
  body.theme-dlc01 .blabel,body.theme-dlc01 .bsoon,body.theme-dlc01 td.sn,body.theme-dlc01 th.sn,body.theme-dlc01 .ro,
  body.theme-dlc01 .place,body.theme-dlc01 td.past,body.theme-dlc01 .tab .cnt{color:var(--th-muted)}
  /* register ki chips: tile jaisi, chuni gehri */
  body.theme-dlc01 .book{background:var(--th-tile);border-color:var(--th-tile);color:var(--th-tile-fg)}
  body.theme-dlc01 .book .bcnt{color:var(--th-tile-dim)}
  body.theme-dlc01 .book:hover{background:var(--th-hover)}
  body.theme-dlc01 .book.on{background:var(--th-active);border-color:var(--th-active-bd);color:var(--th-active-fg)}
  body.theme-dlc01 .book.on .bcnt{color:var(--th-tile-dim)}
  /* talika */
  body.theme-dlc01 thead th{border-inline-end-color:var(--th-line)}
  body.theme-dlc01 tbody tr:hover td{background:var(--th-row-hi)}
  body.theme-dlc01 tr.grp td{background:var(--th-paper2) !important;color:var(--th-deep);border-top-color:var(--th-deep)}
  body.theme-dlc01 .unit{color:var(--th-muted);border-color:var(--th-line)}
  body.theme-dlc01 mark{background:var(--th-tint2);color:var(--th-ink)}
  body.theme-dlc01 .pg{color:var(--th-deep);border-color:var(--th-field-bd)}
  body.theme-dlc01 .pg:hover{background:var(--th-tint1);color:var(--th-ink)}
  /* "check" (jaanch baaki) = chetavni: peeli chip + pankti ke aage peeli rekha */
  body.theme-dlc01 .flag{background:var(--th-warn-bg);border-color:var(--th-warn-bd);color:var(--th-warn-fg)}
  body.theme-dlc01 .flag:hover{background:var(--th-warn-bg);border-color:var(--th-warn-fg)}
  body.theme-dlc01 tr[data-flag="1"] td.nm,body.theme-dlc01 tr.flagged td.nm{box-shadow:inset 3px 0 0 var(--th-warn-bd)}
  body.theme-dlc01 .tip{background:#FFFFFF;color:var(--th-ink);border-color:var(--th-warn-bd);box-shadow:0 8px 24px rgba(var(--th-shade),.22)}
  body.theme-dlc01 .toast{background:var(--th-active);color:var(--th-active-fg);border-color:var(--th-active-bd)}
  body.theme-dlc01 tr.mk-picked > td{box-shadow:inset 0 0 0 9999px rgba(var(--th-rgb),.10)}
  body.theme-dlc01 .mk-sharebar{box-shadow:0 8px 26px rgba(var(--th-shade),.22)}
  /* scan ki parat: gehri hi, paath halka */
  body.theme-dlc01 .viewer .vtitle,body.theme-dlc01 .viewer .vbtn{color:var(--th-tile-dim)}
  body.theme-dlc01 .viewer .vsub{color:var(--th-line)}
  body.theme-dlc01 .viewer .vbtn:hover{background:var(--th-active)}
}

/* ---- 3d. adapter: Sub-Division + Map Approval (subdiv.html, mapfee.html -- <body class="theme-udh">)
   Dono ka ek hi dhaancha. Mool ke variable: --ink/--ink2/--ink3 (PEECHE ke rang), --line/--line2, --dim,
   --text (paath), --gold (sheershak, rakam, chuni chip), --gold2 (kinari, meter), --red, --warn.
   Chetavni (.warn patti, .note) peeli; galti (li.bad -- nyuntam/adhiktam se bahar, meter.full) laal.
   Peeli parat sirf rang se (background + box-shadow) -- koi padding/aakar nahi badalta.             */
body.theme-udh{
  --ink:var(--th-paper); --ink2:var(--th-card); --ink3:var(--th-paper2); --line:var(--th-line); --line2:var(--th-line);
  --dim:var(--th-muted); --text:var(--th-ink); --gold:var(--th-deep); --gold2:var(--th-tile);
  --red:var(--th-err); --warn:var(--th-warn-fg);
}
@media screen{
  body.theme-udh .chip{background:var(--th-tile);border-color:var(--th-tile);color:var(--th-tile-fg)}
  body.theme-udh .chip small{color:var(--th-tile-dim)}
  body.theme-udh .chip:hover{background:var(--th-hover);color:var(--th-tile-fg)}
  body.theme-udh .chip[aria-pressed="true"]{background:var(--th-active);border-color:var(--th-active-bd);color:var(--th-active-fg)}
  body.theme-udh .chip[aria-pressed="true"] small{color:var(--th-tile-dim)}
  body.theme-udh input[type=number],body.theme-udh select{background-color:#FFFFFF;border-color:var(--th-field-bd);color:var(--th-ink)}
  body.theme-udh input[type=number]::placeholder{color:var(--th-ph);opacity:1}
  body.theme-udh .meter{background:var(--th-line)}
  /* chetavni: "sirf anumaan" patti + note */
  body.theme-udh .warn{background:var(--th-warn-bg);border-color:var(--th-warn-bd);color:var(--th-warn-fg)}
  body.theme-udh .warn b,body.theme-udh .warn span+span{color:var(--th-warn-fg)}
  body.theme-udh .note{color:var(--th-warn-fg);background:var(--th-warn-bg);
    box-shadow:0 0 0 5px var(--th-warn-bg),-3px 0 0 5px var(--th-warn-bd)}
  /* galti: niyam se bahar (li.bad) + seema poori (meter.full) */
  body.theme-udh ul.chk li.bad{color:var(--th-err-fg);background:var(--th-err-bg);
    box-shadow:0 0 0 4px var(--th-err-bg),-3px 0 0 4px var(--th-err-bd)}
  body.theme-udh .meter.full i{background:var(--th-err)}
  body.theme-udh .mk-sharebar{box-shadow:0 8px 26px rgba(var(--th-shade),.22)}
}

/* ---- 3e. adapter: DLC mukhya (index.html + guest.html -- build-client.js; <body class="theme-epj">)
   Mool ke variable: --ink/--ink2/--ink3 (PEECHE ke rang), --dim, --text (paath), --gold (sheershak, rakam,
   chuni chip), --gold2 (kinari, khasra), --green (kul rakam, sauda theek), --blue/--eblue (Urban tag,
   sarkari mulya ka khana), --line/--line2. Hare kul -> gehra baingani; laal (sauda kam, ★, chhoot nahi) ->
   theme ki galti; "sudhar suchi" (.fixnote) -> chetavni. Saajha ki tasveer html (:root) ke rang padhti
   hai -- ye sab body par, isliye tasveer nahi badalti; chhapai (@media print) ke rang apne pakke.
   Chips par sirf background-color -- select.chip ka teer background-image se banta hai.                 */
body.theme-epj{
  --ink:var(--th-paper); --ink2:var(--th-card); --ink3:var(--th-card); --dim:var(--th-muted); --text:var(--th-ink);
  --gold:var(--th-deep); --gold2:var(--th-tile); --green:var(--th-deep); --blue:var(--th-deep); --eblue:var(--th-tile);
  --line:var(--th-line); --line2:var(--th-line);
}
@media screen{
  /* sheershak: gehri baingani patti poori chaudai (sirf rang -- border-image fill + outset; andar-bahar ek hi
     tarah rangta hai, isliye neeche koi patli rekha nahi), safed / sunehre akshar */
  body.theme-epj .wrap > header{background:var(--th-band);
    border-image:linear-gradient(var(--th-band),var(--th-band)) fill 0 / 0 / 0 100vmax;
    --gold:var(--th-band-fg); --dim:var(--th-band-dim); --gold2:var(--th-tile-fg); --line:var(--th-band-dim); --ink2:var(--th-band)}
  /* chips (zile, chhanni, SRO, ikai, Mortgage, Print): plum par sunehre akshar, chuni gehri baingani */
  body.theme-epj .chip{background-color:var(--th-tile);border-color:var(--th-tile);color:var(--th-tile-fg)}
  body.theme-epj .chip:hover{background-color:var(--th-hover)}
  body.theme-epj .chip[aria-pressed="true"]{background-color:var(--th-active);border-color:var(--th-active-bd);color:var(--th-active-fg)}
  body.theme-epj select.chip{--dim:var(--th-tile-fg)}
  body.theme-epj .chip.dfix{background-color:transparent;border-color:var(--th-field-bd);color:var(--th-deep)}
  /* card */
  body.theme-epj .tag.u{border-color:var(--th-deep)}
  body.theme-epj .tag.r{color:var(--th-tile);border-color:var(--th-tile)}
  body.theme-epj mark{background-color:var(--th-tint1)}
  /* hisab ke vikalp: tile jaise, chuni gehri */
  body.theme-epj .opt{background-color:var(--th-tile);border-color:var(--th-tile);color:var(--th-tile-dim)}
  body.theme-epj .opt b,body.theme-epj .opt.more{color:var(--th-tile-fg)}
  body.theme-epj .opt[aria-pressed="true"]{background-color:var(--th-active);border-color:var(--th-active-bd);color:var(--th-active-fg)}
  body.theme-epj .opt[aria-pressed="true"] b{color:var(--th-tile-fg)}
  /* suchi me na chhapi beech ki slab ("सूची में नहीं"): tile nahi, khali dashed -- dabti nahi */
  body.theme-epj .opt.na{background-color:transparent;border-color:var(--th-field-bd);color:var(--th-muted)}
  body.theme-epj .opt.na b{color:var(--th-muted)}
  /* NH (rajmarg) hissa: sunehra badge (plum par), chuni NH chip par patli sunehri rekha -- neon nahi */
  body.theme-epj .nhbadge{background-color:var(--th-tile-fg);color:var(--th-deep)}
  body.theme-epj .nhhead{color:var(--th-muted)}
  body.theme-epj .nhsec{border-top-color:var(--th-line)}
  body.theme-epj .opt.nh[aria-pressed="true"]{border-color:var(--th-tile-fg);box-shadow:inset 0 0 0 1px var(--th-tile-fg)}
  /* khane: safed, kinari dikhe; sarkari mulya (read-only) plum */
  body.theme-epj .calc input:not(.ro),body.theme-epj .calc select,body.theme-epj select.wide,
  body.theme-epj .prpanel input[type=text],body.theme-epj .prpanel select{background-color:#FFFFFF;border-color:var(--th-field-bd)}
  body.theme-epj .calc input#gv{border-color:var(--th-tile)}
  body.theme-epj .btn{border-color:var(--th-field-bd);color:var(--th-deep)}
  /* galti (laal): sauda sarkari mulya se kam, ★ (duty DLC par), chhoot lagu nahi */
  body.theme-epj .hint.warn,body.theme-epj .row b.low,body.theme-epj .grand b.onDlc .star{color:var(--th-err)}
  /* chetavni (peeli): sarkari suchi ki chhapai ki galti (sudhar suchi) */
  body.theme-epj .fixnote{color:var(--th-warn-fg);background:var(--th-warn-bg);border-left-color:var(--th-warn-bd)}
  /* neeche: dhima (opacity mool ki) -- ink se, taki dhima hokar bhi padha jaye */
  body.theme-epj footer{color:var(--th-ink)}
  body.theme-epj footer b{color:var(--th-ink) !important}
}

/* ---- 3f. adapter: Map Approval (mapfee.html -- <body class="theme-map">; pehle theme-udh ke saath).
   Dhaancha Sub-Division jaisa hi (--ink/--ink2/--ink3 PEECHE ke rang, --gold, --gold2, --warn) -- isliye
   udh (3d) ke niyam yahan theme-map ke liye dobara; udh ke niyam/golden jyon ke tyon (Sub-Division ke liye). */
body.theme-map{
  --ink:var(--th-paper); --ink2:var(--th-card); --ink3:var(--th-paper2); --line:var(--th-line); --line2:var(--th-line);
  --dim:var(--th-muted); --text:var(--th-ink); --gold:var(--th-deep); --gold2:var(--th-tile); --warn:var(--th-warn-fg);
}
@media screen{
  body.theme-map .chip{background:var(--th-tile);border-color:var(--th-tile);color:var(--th-tile-fg)}
  body.theme-map .chip small{color:var(--th-tile-dim)}
  body.theme-map .chip:hover{background:var(--th-hover);color:var(--th-tile-fg)}
  body.theme-map .chip[aria-pressed="true"]{background:var(--th-active);border-color:var(--th-active-bd);color:var(--th-active-fg)}
  body.theme-map .chip[aria-pressed="true"] small{color:var(--th-tile-dim)}
  body.theme-map input[type=number],body.theme-map select{background-color:#FFFFFF;border-color:var(--th-field-bd);color:var(--th-ink)}
  body.theme-map input[type=number]::placeholder{color:var(--th-ph);opacity:1}
  /* chetavni: "sirf anumaan" patti (+ .note, jab bane) */
  body.theme-map .warn{background:var(--th-warn-bg);border-color:var(--th-warn-bd);color:var(--th-warn-fg)}
  body.theme-map .warn b,body.theme-map .warn span+span{color:var(--th-warn-fg)}
  body.theme-map .note{color:var(--th-warn-fg);background:var(--th-warn-bg);
    box-shadow:0 0 0 5px var(--th-warn-bg),-3px 0 0 5px var(--th-warn-bd)}
  body.theme-map .mk-sharebar{box-shadow:0 8px 26px rgba(var(--th-shade),.22)}
}

/* ---- 3g. adapter: Area Converter (area.html -- sirf <body class="theme-area">; ganit/script jyon ke tyon).
   Mool ke variable :root par (light/dark): --bg, --card, --ink, --muted, --ox (sheershak, batan), --gold, --rule. */
body.theme-area{
  --bg:var(--th-paper); --card:var(--th-card); --ink:var(--th-ink); --muted:var(--th-muted); --ox:var(--th-deep);
  --gold:var(--th-ring); --rule:var(--th-line);
}
@media screen{
  body.theme-area input{background-color:#FFFFFF;border-color:var(--th-field-bd)}
  body.theme-area button{background:var(--th-tile);border-color:var(--th-tile);color:var(--th-tile-fg)}
  body.theme-area button:hover{background:var(--th-hover)}
}

/* ---- 3h. adapter: Home Loan + Legal & Tax (loan.html, legal.html -- ek hi dhaancha; ganit/talika jyon ke tyon).
   --ink/--ink2/--ink3 PEECHE ke rang, --gold (sheershak, rakam, chuni chip), --gold2 (kinari), --green (dd.good),
   --red (Legal dd.bad). Loan ka donut --accent/--saffron padhta hai -- :root par var(--gold)/var(--blue) wahin
   suljh jaate hain, isliye body par dobara. .msg (saavdhaani ke sandesh) = chetavni; dd.bad = galti.        */
body.theme-loan{
  --ink:var(--th-paper); --ink2:var(--th-card); --ink3:var(--th-paper2); --line:var(--th-line); --line2:var(--th-line);
  --dim:var(--th-muted); --text:var(--th-ink); --gold:var(--th-deep); --gold2:var(--th-tile); --green:var(--th-deep);
  --red:var(--th-err); --accent:var(--th-active); --saffron:var(--th-field-bd);
}
@media screen{
  body.theme-loan .chip{background:var(--th-tile);border-color:var(--th-tile);color:var(--th-tile-fg)}
  body.theme-loan .chip:hover{background:var(--th-hover);color:var(--th-tile-fg)}
  body.theme-loan .chip[aria-pressed="true"]{background:var(--th-active);border-color:var(--th-active-bd);color:var(--th-active-fg)}
  body.theme-loan .box{background-color:#FFFFFF;border-color:var(--th-field-bd)}
  body.theme-loan .msg{background:var(--th-warn-bg);border-left-color:var(--th-warn-bd);color:var(--th-warn-fg)}
  body.theme-loan .mk-sharebar{box-shadow:0 8px 26px rgba(var(--th-shade),.22)}
}

body.theme-legal{
  --ink:var(--th-paper); --ink2:var(--th-card); --ink3:var(--th-paper2); --line:var(--th-line); --line2:var(--th-line);
  --dim:var(--th-muted); --text:var(--th-ink); --gold:var(--th-deep); --gold2:var(--th-tile); --green:var(--th-deep);
  --red:var(--th-err); --accent:var(--th-active); --saffron:var(--th-field-bd);
}
@media screen{
  body.theme-legal .chip{background:var(--th-tile);border-color:var(--th-tile);color:var(--th-tile-fg)}
  body.theme-legal .chip:hover{background:var(--th-hover);color:var(--th-tile-fg)}
  body.theme-legal .chip[aria-pressed="true"]{background:var(--th-active);border-color:var(--th-active-bd);color:var(--th-active-fg)}
  body.theme-legal .box,body.theme-legal select{background-color:#FFFFFF;border-color:var(--th-field-bd)}
  body.theme-legal .box input[type=date]::-webkit-calendar-picker-indicator{filter:none}
  body.theme-legal .msg{background:var(--th-warn-bg);border-left-color:var(--th-warn-bd);color:var(--th-warn-fg)}
  body.theme-legal .warn{background:var(--th-warn-bg);border-color:var(--th-warn-bd);color:var(--th-warn-fg)}
  body.theme-legal .warn b,body.theme-legal .warn span+span{color:var(--th-warn-fg)}
  body.theme-legal .mk-sharebar{box-shadow:0 8px 26px rgba(var(--th-shade),.22)}
}

/* ---- 3i. adapter: Air Noc (airnoc.html -- srot airnoc-tool.html <body class="theme-air">, build-airnoc.js).
   Sirf panna, batan, panel/table ke sheershak, focus. Zone rang (--z223/--z243/--z337/--zred), faisle
   (--ok/--warn/--stop: .verdict, .v-ok/.v-need/.v-stop, .flag, .err) aur bhare patra (.doc -- pakke kaale/safed) yahan NAHI chhue. */
body.theme-air{
  --page:var(--th-paper); --ink:var(--th-ink); --mute:var(--th-muted); --line:var(--th-line);
  --sky-900:var(--th-deep); --sky-700:var(--th-deep); --sky-100:var(--th-paper2); --sky-50:var(--th-calc);
}
@media screen{
  /* mukhya batan = tile: halki, gehri 1.5px kinari (panne/safed panel se alag), gehre akshar */
  body.theme-air button:not(.ghost){background:var(--th-tile);border:1.5px solid var(--th-tile-bd);color:var(--th-tile-fg)}
  body.theme-air button:not(.ghost):hover{background:var(--th-hover);border-color:var(--th-tile-bd)}
  body.theme-air button.ghost{border-color:var(--th-tile-bd)}
  /* sirf input/textarea/select khane (AF/BW select bhi): kinari field-bd (safed par >= 3).
     --line (panel, talika, bhare patra .doc ki kinari) nahi */
  body.theme-air input,body.theme-air textarea,body.theme-air select{border-color:var(--th-field-bd)}
  body.theme-air .mk-sharebar{box-shadow:0 8px 26px rgba(var(--th-shade),.22)}
}

@media print{
  .nn-backbar,
  .mk-hd,.mk-rec,.mk-sharebar,.mk-sh,.mk-sh-row,.mk-amt{display:none !important}
}