/* =====================================================================
   iLoveTender — THEME + LAYOUT   (style.css ke BAAD load hoti hai)
   ---------------------------------------------------------------------
   1. Light view (default) aur Dark view
   2. Search bar — ab flex, icon kabhi text par nahi chadhega
   3. Do khambe — list bayin, filter dayin
   4. Tender card — bayan me kaam, dayan me paisa aur tareekh
   5. Account patti, pick bar, filling support page
   ===================================================================== */

/* =====================================================================
   1. LIGHT VIEW
   ===================================================================== */

html[data-theme="light"]{
  --ink-900:#ffffff;
  --ink-800:#f4f6fa;
  --ink-700:#ffffff;
  --ink-600:#eef1f6;
  --line:#d8dee8;
  --line-soft:#e6eaf1;

  --gold:#a9791a;
  --gold-hi:#8a6210;
  --gold-lo:#e6c977;

  --silver:#1f2733;
  --silver-hi:#0b1119;
  --silver-lo:#5d6875;

  --blue:#2563c9;
  --blue-hi:#1c4da3;
  --blue-lo:#cfe0fb;

  --err:#c0392b;
  --ok:#1e7a52;
}

html[data-theme="light"] body{background:var(--ink-800);color:var(--silver)}

html[data-theme="light"] body::before{
  background:
    radial-gradient(90% 60% at 50% -10%, #e8eefb 0%, transparent 62%),
    linear-gradient(180deg,#ffffff 0%,#f4f6fa 45%,#eef1f6 100%);
}

html[data-theme="light"] .crystals{opacity:.16}

html[data-theme="light"] .topbar{
  background:rgba(255,255,255,.94);
  border-bottom:1px solid var(--line);
  box-shadow:0 1px 3px rgba(16,24,40,.05);
}

html[data-theme="light"] .card,
html[data-theme="light"] .tcard,
html[data-theme="light"] .notice,
html[data-theme="light"] .placeholder,
html[data-theme="light"] .acct,
html[data-theme="light"] .sb-main,
html[data-theme="light"] .searchbar.is-stuck{
  background:#fff;
  border-color:var(--line);
}

html[data-theme="light"] .tcard{box-shadow:0 1px 2px rgba(16,24,40,.05)}
html[data-theme="light"] .tcard:hover{
  border-color:var(--gold-lo);
  box-shadow:0 6px 20px rgba(16,24,40,.09);
}

html[data-theme="light"] .btn-ghost{background:#fff;border-color:var(--line);color:var(--silver)}
html[data-theme="light"] .btn-ghost:hover{border-color:var(--gold);color:var(--gold)}

html[data-theme="light"] .sb-in,
html[data-theme="light"] .fsearch,
html[data-theme="light"] input[type=text],
html[data-theme="light"] input[type=email],
html[data-theme="light"] input[type=password],
html[data-theme="light"] input[type=tel],
html[data-theme="light"] textarea,
html[data-theme="light"] select{background:#fff;color:var(--silver-hi);border-color:var(--line)}

html[data-theme="light"] mark{background:#fdf0c8;color:#5a3f04}
html[data-theme="light"] .m{background:#f2f5f9;border-color:var(--line-soft)}
html[data-theme="light"] .ts-side,
html[data-theme="light"] .tc-side{background:#fafbfd}
html[data-theme="light"] .foot{border-top:1px solid var(--line);color:var(--silver-lo)}

/* =====================================================================
   2. THEME SWITCH — beech beech me halka blink taaki nazar pade
   ===================================================================== */

.theme-sw{
  display:inline-flex;align-items:center;justify-content:center;
  width:36px;height:36px;flex:0 0 auto;margin-left:6px;
  border:1px solid var(--line);border-radius:999px;
  background:transparent;color:var(--silver-lo);cursor:pointer;
  transition:color .18s var(--ease),border-color .18s var(--ease),background .18s var(--ease);
}
.theme-sw:hover{color:var(--gold);border-color:var(--gold)}
.theme-sw svg{width:18px;height:18px;display:block}

html[data-theme="light"] .theme-sw .th-moon{display:none}
html[data-theme="light"] .theme-sw .th-sun{display:block}
html[data-theme="dark"]  .theme-sw .th-sun{display:none}
html[data-theme="dark"]  .theme-sw .th-moon{display:block}

/* har 9 second me ek halki chamak — dhyan kheenchti hai, chubhti nahi */
.theme-sw.hint{animation:swblink 9s ease-in-out infinite}
@keyframes swblink{
  0%,88%,100%{box-shadow:0 0 0 0 rgba(212,164,55,0);   color:var(--silver-lo)}
  92%        {box-shadow:0 0 0 5px rgba(212,164,55,.16);color:var(--gold)}
  96%        {box-shadow:0 0 0 0 rgba(212,164,55,0);    color:var(--gold)}
}
@media (prefers-reduced-motion:reduce){.theme-sw.hint{animation:none}}

/* =====================================================================
   3. SEARCH BAR  —  ab poora flex
   ---------------------------------------------------------------------
   Pehle icon absolute tha aur input ke padding se jagah banti thi.
   Ab teeno asli flex item hain — chadhna mumkin hi nahi.
   ===================================================================== */

.searchbar{
  /* Header khud sticky hai (min-height 60px), isliye search bar uske
     THEEK NEECHE chipakti hai — top:0 par dono ek doosre par chadh jate.
     z-index bhi header (40) se ek kam, taaki scroll par search bar
     header ke peeche jaye, upar nahi. */
  position:sticky;top:60px;z-index:39;
  margin:0 -12px 16px;padding:12px;
  border-radius:0 0 var(--r-md) var(--r-md);
  background:transparent;
  transition:background .18s var(--ease),box-shadow .18s var(--ease),padding .18s var(--ease);
}
.searchbar.is-stuck{
  background:var(--ink-800);
  border-bottom:1px solid var(--line);
  box-shadow:0 8px 24px rgba(0,0,0,.28);
  /* chipakne par patli — screen par list ki jagah badh jati hai */
  padding:7px 12px 8px;
}
.searchbar.is-stuck .sb-in{padding:10px 0}
html[data-theme="light"] .searchbar.is-stuck{
  background:rgba(244,246,250,.97);
  box-shadow:0 6px 18px rgba(16,24,40,.10);
}

/* border ab DABBE par hai, input par nahi */
.sb-main{
  display:flex;align-items:center;gap:10px;
  padding:0 12px;
  background:var(--ink-900);
  border:1px solid var(--line);
  border-radius:var(--r-sm);
  transition:border-color .16s var(--ease),box-shadow .16s var(--ease);
}
.sb-main:focus-within{
  border-color:var(--gold);
  box-shadow:0 0 0 3px rgba(212,164,55,.16);
}

.sb-ico{
  position:static;                 /* purana absolute yahin khatam */
  flex:0 0 18px;width:18px;height:18px;
  color:var(--silver-lo);pointer-events:none;
}
.sb-main:focus-within .sb-ico{color:var(--gold)}

.sb-in{
  flex:1 1 auto;min-width:0;
  padding:14px 0;                  /* dono taraf 0 — jagah gap se banti hai */
  border:0;background:transparent;
  font-size:16px;color:var(--silver-hi);
  text-overflow:ellipsis;
  -webkit-appearance:none;appearance:none;
}
.sb-in:focus{outline:none;box-shadow:none;border:0}
.sb-in::placeholder{color:var(--silver-lo);opacity:.8;text-overflow:ellipsis}

.sb-x{
  position:static;flex:0 0 auto;
  width:26px;height:26px;line-height:1;
  display:flex;align-items:center;justify-content:center;
  border:0;border-radius:50%;background:transparent;
  color:var(--silver-lo);font-size:20px;cursor:pointer;
}
.sb-x:hover{color:var(--err);background:transparent}

.sb-spin{
  position:static;flex:0 0 16px;
  width:16px;height:16px;border-radius:50%;
  border:2px solid var(--line);border-top-color:var(--gold);
  animation:sbspin .7s linear infinite;
}
@keyframes sbspin{to{transform:rotate(360deg)}}

/* ---- search box ka mic : bolkar dhoondhiye ----
   Ye bhi asli flex item hai, absolute nahi — wahi wajah jo icon ke
   liye thi. Chadhne ka sawaal hi nahi. */
.sb-mic{
  position:static;flex:0 0 auto;
  width:30px;height:30px;
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid var(--line);border-radius:50%;
  background:transparent;color:var(--silver-lo);cursor:pointer;padding:0;
  transition:border-color .16s var(--ease),color .16s var(--ease);
}
.sb-mic:hover{border-color:var(--gold);color:var(--gold)}
.sb-mic .mic-ico{width:15px;height:15px}
.sb-mic[disabled]{opacity:.45;cursor:not-allowed}
.sb-mic.on{
  border-color:var(--err);color:var(--err);background:rgba(192,57,43,.08);
  animation:micpulse 1.4s ease-in-out infinite;
}
@media (prefers-reduced-motion:reduce){.sb-mic.on{animation:none}}

.sb-mic-note{margin:7px 0 0;font-size:11.5px;color:var(--err)}

/* ---- default search ki soochna ---- */
.dq-note{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  margin:8px 0 0;font-size:12px;color:var(--silver-lo);
}
.dq-note b{color:var(--gold);font-weight:600}

/* dropdown filter ki line — purani style.css isi ko sambhalti hai,
   yahan bas thodi si jagah aur mobile ka scroll */
.frow{margin-top:12px}
@media (max-width:640px){
  .frow{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}
  .frow::-webkit-scrollbar{height:0}
  .fbox{flex:0 0 auto}
}

/* =====================================================================
   4. FAVOURITE SECTION  —  login karte hi sabse upar
   ===================================================================== */

.fav{margin-bottom:22px}

/* Ek bordered box.
   Andar ke tender card ink-700 ke hain, isliye box ka rang usse ALAG
   hona chahiye — warna box dikhta hi nahi (pehle ink-800 tha, jo body
   ka hi rang hai). Dark me box gehra, light me halka. */
.fav-card{
  padding:16px 16px 18px;
  border:1px solid var(--line);
  border-radius:var(--r-md);
  background:var(--ink-900);
  box-shadow:inset 0 0 0 1px rgba(212,164,55,.06);
}
html[data-theme="light"] .fav-card{background:var(--ink-600);box-shadow:none}
@media (max-width:640px){.fav-card{padding:13px 12px 14px}}

.fav-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.fav-h{margin:0;font-size:17px;color:var(--silver-hi)}
.fav-acts{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}

.all-head{margin:26px 0 0;padding-top:18px;border-top:1px solid var(--line)}

.fav-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.fav-tab{
  display:inline-flex;align-items:center;gap:7px;
  padding:7px 14px;border-radius:999px;
  border:1px solid var(--line);background:var(--ink-700);
  color:var(--silver);font-size:13px;text-decoration:none;
  transition:border-color .16s var(--ease),color .16s var(--ease);
}
.fav-tab:hover{border-color:var(--gold-lo);color:var(--gold)}
.fav-tab.on{border-color:var(--gold);background:rgba(212,164,55,.12);color:var(--gold-hi)}
.fav-tab span{
  min-width:20px;padding:0 6px;height:18px;border-radius:9px;
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--ink-600);font-size:11px;color:var(--silver-lo);
}
.fav-tab.on span{background:var(--gold);color:#1b1305;font-weight:700}

.fav-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}

.fav-item{
  display:grid;grid-template-columns:26px minmax(0,1fr) 92px;
  align-items:center;gap:8px;
  padding:11px 13px;
  border:1px solid var(--line);border-radius:var(--r-md);
  background:var(--ink-700);
  transition:border-color .16s var(--ease);
}
.fav-item:hover{border-color:var(--gold-lo)}
html[data-theme="light"] .fav-item{background:#fff}

.fav-body{min-width:0}
.fav-name{
  display:block;font-size:14px;font-weight:600;line-height:1.4;
  color:var(--silver-hi);text-decoration:none;
}
.fav-name:hover{color:var(--gold)}
.fav-org{margin:3px 0 0;font-size:12px;color:var(--silver-lo)}
.fav-meta{display:flex;flex-wrap:wrap;gap:10px;margin:5px 0 0;font-size:11.5px;color:var(--silver-lo)}
.fav-meta span{white-space:nowrap}

.fav-due{text-align:right}
.fav-due b{display:block;font-size:13px;line-height:1.25}
.fav-due span{display:block;font-size:11px;color:var(--silver-lo)}
.fav-due.soon b{color:var(--err)}
.fav-due.warn b{color:var(--gold)}
.fav-due.closed b{color:var(--silver-lo)}

@media (max-width:640px){
  .fav-item{grid-template-columns:26px minmax(0,1fr)}
  .fav-due{grid-column:2;text-align:left;margin-top:4px}
  .fav-due b{display:inline;margin-right:8px}
  .fav-due span{display:inline}
  .fav-acts{margin-left:0;width:100%}
}

/* =====================================================================
   4b. ONBOARDING  —  jaan-boojh kar chhota
   ---------------------------------------------------------------------
   Ek sawaal, ek box, ek button. Lambi samjhaish "Example" ke andar.
   ===================================================================== */

.ob{max-width:560px;margin:0 auto}

.ob-card{
  border:1px solid var(--line);border-radius:var(--r-md);
  background:var(--ink-700);padding:22px 22px 18px;
}
html[data-theme="light"] .ob-card{background:#fff}

.ob-h{
  margin:0 0 6px;font-size:19px;line-height:1.35;
  color:var(--silver-hi);font-weight:650;
}

.ob-sub{margin:0 0 16px;font-size:13px;line-height:1.55;color:var(--silver)}
.ob-sub span{display:block;color:var(--silver-lo);font-size:12px;margin-top:2px}

.ob-err{margin:0 0 12px;font-size:13px}

/* ---- box : textarea + neeche ki patti ek hi dabbe me ---- */
.ob-box{
  border:1px solid var(--line);border-radius:var(--r-sm);
  background:var(--ink-900);overflow:hidden;
  transition:border-color .16s var(--ease),box-shadow .16s var(--ease);
}
html[data-theme="light"] .ob-box{background:#fff}
.ob-box:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px rgba(212,164,55,.16)}

.ob-form textarea{
  display:block;width:100%;
  padding:12px 13px 6px;
  border:0;background:transparent;resize:vertical;
  color:var(--silver-hi);font:inherit;font-size:15px;line-height:1.55;
  min-height:76px;
}
.ob-form textarea:focus{outline:none}

/* Mobile par likhne ki jagah dugni — phone par 3 line me poora
   vakya nahi samata, aur bolte waqt text upar chadh jata tha. */
@media (max-width:640px){
  .ob-form textarea{min-height:152px}
}

.ob-tools{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  padding:7px 10px 8px;
  border-top:1px solid var(--line-soft);
}
.ob-bar{min-width:40px}

.ob-count{font-size:11.5px;color:var(--silver-lo);white-space:nowrap;font-variant-numeric:tabular-nums}
.ob-count.ok{color:var(--ok)}
.ob-bar{flex:1 1 auto;height:3px;border-radius:2px;background:var(--ink-600);overflow:hidden}
.ob-bar i{display:block;height:100%;width:0;background:var(--gold);transition:width .2s var(--ease)}
.ob-bar i.ok{background:var(--ok)}

/* ---- mic ---- */
.ob-mic{
  flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;
  padding:4px 11px;border-radius:999px;cursor:pointer;
  border:1px solid var(--line);background:transparent;
  color:var(--silver-lo);font:inherit;font-size:12px;
  transition:border-color .16s var(--ease),color .16s var(--ease);
}
.ob-mic:hover{border-color:var(--gold);color:var(--gold)}
.ob-mic .mic-ico{width:14px;height:14px;flex:0 0 auto}
.ob-mic.on{
  border-color:var(--err);color:var(--err);background:rgba(192,57,43,.08);
  animation:micpulse 1.4s ease-in-out infinite;
}
@keyframes micpulse{
  0%,100%{box-shadow:0 0 0 0 rgba(192,57,43,.30)}
  50%    {box-shadow:0 0 0 5px rgba(192,57,43,0)}
}
@media (prefers-reduced-motion:reduce){.ob-mic.on{animation:none}}
.ob-mic-note{margin:7px 0 0;font-size:11.5px;color:var(--err)}

/* ---- reset : galat sunai de to saaf karke dobara ---- */
.ob-reset{
  flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;
  padding:4px 10px;border-radius:999px;cursor:pointer;
  border:1px solid var(--line);background:transparent;
  color:var(--silver-lo);font:inherit;font-size:12px;
  transition:border-color .16s var(--ease),color .16s var(--ease);
}
.ob-reset:hover{border-color:var(--err);color:var(--err)}
.ob-reset .rs-ico{width:13px;height:13px;flex:0 0 auto}

/* ---- Save : hamesha dikhta hai, 10 shabd par jagmagata hai ---- */
.ob-btns .btn-gold{
  opacity:.55;filter:grayscale(.35);
  transition:opacity .2s var(--ease),filter .2s var(--ease),box-shadow .2s var(--ease);
}
.ob-btns .btn-gold.is-ready{
  opacity:1;filter:none;
  box-shadow:0 0 0 3px rgba(212,164,55,.22);
}

/* ---- button ---- */
.ob-btns{display:flex;align-items:center;gap:14px;margin-top:14px}
.ob-btns .linkish{font-size:13px}

/* ---- example : chhupa hua, jise chahiye wahi khole ---- */
.ob-eg{margin-top:14px;padding-top:12px;border-top:1px solid var(--line-soft)}
.ob-eg summary{
  cursor:pointer;font-size:12.5px;color:var(--gold);
  list-style:none;display:inline-flex;align-items:center;gap:6px;
}
.ob-eg summary::-webkit-details-marker{display:none}
.ob-eg summary::before{content:'▸';transition:transform .15s}
.ob-eg[open] summary::before{transform:rotate(90deg)}
.ob-eg p{
  margin:8px 0 0;padding:10px 12px;border-radius:var(--r-sm);
  background:var(--ink-600);font-size:12.5px;color:var(--silver-lo);line-height:1.6;
}

/* ---- alerts.php ke andar wahi form, par thoda alag ---- */
.fs-card .ob-form label{display:block;margin:12px 0 5px;font-size:13px;color:var(--silver-lo)}
.ob-label-row{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin:12px 0 5px}
.ob-label-row label{margin:0;flex:1 1 auto}
.ob-help-hi{font-size:13px;color:var(--silver);line-height:1.55}

/* =====================================================================
   5. TENDER CARD — bayan kaam, dayan paisa
   ===================================================================== */

.tlist{list-style:none;margin:0;padding:0;display:grid;gap:12px}

.tcard{
  display:grid;
  grid-template-columns:26px minmax(0,1fr) 210px;
  gap:0;
  border:1px solid var(--line);border-radius:var(--r-md);
  background:var(--ink-700);
  overflow:hidden;
  transition:border-color .16s var(--ease),box-shadow .16s var(--ease);
}
.tcard:hover{border-color:var(--gold-lo)}
.tcard.is-closed{opacity:.72}
.tcard.is-closed:hover{opacity:1}

.tc-pick{display:flex;align-items:flex-start;justify-content:center;padding:14px 0 0}
.tc-pick input{width:16px;height:16px;cursor:pointer;accent-color:var(--gold)}

.tc-main{min-width:0;padding:13px 14px 13px 4px}

.tc-name{
  font-size:15px;font-weight:650;line-height:1.42;
  color:var(--silver-hi);text-decoration:none;
  display:block;
}
.tc-name:hover{color:var(--gold)}

.tc-org{margin:5px 0 8px;font-size:12.5px;color:var(--silver-lo);line-height:1.5}

.tc-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.m{
  display:inline-flex;align-items:center;gap:5px;
  padding:3px 9px;border-radius:6px;font-size:11.5px;
  background:var(--ink-600);border:1px solid var(--line-soft);color:var(--silver);
}
.m i{font-style:normal;color:var(--silver-lo);font-size:10.5px;text-transform:uppercase;letter-spacing:.3px}

.tc-acts{display:flex;gap:7px;flex-wrap:wrap;align-items:center}

/* ---- dayan khaana ---- */
.tc-side{
  display:flex;flex-direction:column;gap:9px;
  padding:13px 14px;
  background:var(--ink-600);
  border-left:1px solid var(--line);
}
.tc-side .src{align-self:flex-start}

.ts-due b{display:block;font-size:14px;line-height:1.3}
.ts-due span{display:block;font-size:11.5px;color:var(--silver-lo);margin-top:2px}
.ts-due.soon b{color:var(--err)}
.ts-due.warn b{color:var(--gold)}
.ts-due.closed b{color:var(--silver-lo)}
.ts-due.closed.has-status b{
  display:inline-block;color:var(--gold-hi);background:rgba(212,164,55,.14);
  border:1px solid rgba(212,164,55,.4);border-radius:8px;
  padding:3px 10px;font-size:12.5px;font-weight:700;line-height:1.5;
}
.ts-result{display:block;margin-top:9px;text-align:center}

.ts-kv{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;margin:0;font-size:12.5px}
.ts-kv dt{color:var(--silver-lo);font-size:11px;text-transform:uppercase;letter-spacing:.3px;align-self:center}
.ts-kv dd{margin:0;font-weight:600;text-align:right;color:var(--silver-hi)}
.ts-kv dd.ok{color:var(--ok)}

@media (max-width:760px){
  .tcard{grid-template-columns:26px minmax(0,1fr)}
  .tc-side{
    grid-column:1 / -1;
    border-left:0;border-top:1px solid var(--line);
    flex-direction:row;flex-wrap:wrap;align-items:center;gap:14px;
  }
  .ts-kv{grid-template-columns:auto auto;gap:2px 8px}
  .ts-kv dd{text-align:left}
  .tc-acts .btn{flex:1 1 auto;justify-content:center}
}

/* ---- Fill this tender ---- */
.btn-fill{
  display:inline-flex;align-items:center;gap:6px;
  border:1px solid var(--blue);
  background:linear-gradient(180deg,var(--blue-hi),var(--blue));
  color:#fff;font-weight:600;
}
html[data-theme="light"] .btn-fill{background:linear-gradient(180deg,var(--blue),var(--blue-hi));color:#fff}
.btn-fill:hover{filter:brightness(1.08)}
.btn-fill .fill-ico{width:14px;height:14px;flex:0 0 auto}
.btn-fill.is-locked{background:transparent;color:var(--blue);border-style:dashed}
html[data-theme="light"] .btn-fill.is-locked{background:transparent;color:var(--blue-hi)}
.btn-fill .lockdot{color:var(--gold);font-size:12px;line-height:1}

/* =====================================================================
   6. COUNT ROW
   ===================================================================== */
.count-row{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:0 0 12px}
/* "Select all N" — ginti ke bagal me */
.count-row .pick-all{align-self:center;padding:4px 12px;font-size:12px;font-weight:700;
  border-color:rgba(212,164,55,.45);color:var(--gold-hi)}
.count-row .pick-all:hover{background:rgba(212,164,55,.10);border-color:var(--gold)}
.count-row .pick-all.is-on{border-color:var(--ok);color:var(--ok);background:rgba(63,174,122,.12)}
.count{margin:0}
.count-note{margin:0;font-size:12.5px;color:var(--silver-lo)}

/* =====================================================================
   7. ACCOUNT STRIP
   ===================================================================== */
.acct{border:1px solid var(--line);border-radius:var(--r-md);background:var(--ink-700);
      padding:10px 14px;margin-bottom:14px}
.acct-main{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:14px}
.acct-hi{color:var(--silver-hi)}
.acct-hi b{color:var(--gold)}
.acct-sep{width:1px;height:16px;background:var(--line)}
.acct-firm{color:var(--silver-lo)}
.acct-pill{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;
           border:1px solid var(--line);background:var(--ink-600);font-size:12.5px;color:var(--silver-lo)}
.acct-pill.is-paid{border-color:var(--ok);color:var(--ok)}
.acct-pill.is-demo{border-color:var(--gold);color:var(--gold)}
.acct-pill.is-out {border-color:var(--err);color:var(--err)}
.acct-up{margin-left:auto}
.acct-more{border:0;background:transparent;cursor:pointer;color:var(--silver-lo);
           font-size:13px;text-decoration:underline;text-underline-offset:3px;padding:2px 4px}
.acct-more:hover{color:var(--gold)}
.acct-drop{margin-top:10px;padding-top:10px;border-top:1px dashed var(--line)}
.acct-drop .kv{margin:0 0 10px}
@media (max-width:640px){.acct-up{margin-left:0}.acct-sep{display:none}}

/* =====================================================================
   8. PICK BAR
   ===================================================================== */
/* Ab search bar ke ANDAR hai (form ke sabse neeche), isliye header ke
   saath hi upar chipki rehti hai. Pehle ye page ke neeche chipki thi.
   Patli rakhi gayi hai — jitni jagah bachegi, utne tender dikhenge. */
.pickbar{
  position:static;
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  padding:6px 10px;margin:8px 0 0;
  border:1px solid var(--gold);border-radius:var(--r-sm);
  background:var(--ink-700);
}
html[data-theme="light"] .pickbar{background:#fff}
.pick-n{font-size:12.5px;color:var(--silver-hi);white-space:nowrap}
.pick-n b{color:var(--gold);font-size:14px}
.pick-acts{display:flex;gap:6px;flex-wrap:wrap;margin-left:auto}
.pick-acts .is-off{opacity:.45;pointer-events:none}
/* patli patti ke liye chhote button */
.pickbar .btn{padding:4px 10px;font-size:12px;line-height:1.5}
@media (max-width:640px){
  .pick-acts{margin-left:0;width:100%}
  .pick-acts .btn{flex:1 1 auto;justify-content:center}
}

/* =====================================================================
   9. FILLING SUPPORT / SHARE PAGE CARDS
   ===================================================================== */
.fs-grid{display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-top:16px}
@media (max-width:820px){.fs-grid{grid-template-columns:1fr}}
.fs-card{border:1px solid var(--line);border-radius:var(--r-md);background:var(--ink-700);padding:18px}
html[data-theme="light"] .fs-card{background:#fff}
.fs-card h3{margin:0 0 6px;color:var(--silver-hi)}
.fs-card .fs-tag{display:inline-block;margin-bottom:10px;padding:2px 10px;border-radius:999px;
                 font-size:12px;border:1px solid var(--line);color:var(--silver-lo)}
.fs-card.is-paid .fs-tag{border-color:var(--gold);color:var(--gold)}
.fs-video{position:relative;width:100%;aspect-ratio:16/9;border-radius:var(--r-sm);
          overflow:hidden;border:1px solid var(--line)}
.fs-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.fs-lock{margin-top:12px;padding:12px;border-radius:var(--r-sm);border:1px dashed var(--gold);
         background:rgba(212,164,55,.06);font-size:14px;color:var(--silver)}
.fs-form label{display:block;margin:10px 0 4px;font-size:13px;color:var(--silver-lo)}
.fs-form input,.fs-form textarea,.fs-form select{
  width:100%;padding:9px 11px;border-radius:var(--r-sm);
  border:1px solid var(--line);background:var(--ink-600);color:var(--silver-hi);font:inherit;
}
html[data-theme="light"] .fs-form input,
html[data-theme="light"] .fs-form textarea,
html[data-theme="light"] .fs-form select{background:#fff}
.fs-form textarea{min-height:90px;resize:vertical}

/* =====================================================================
   10. PRINT
   ===================================================================== */
@media print{
  .topbar,.foot,.searchbar,.pickbar,.demo-strip,.headline,.crystals,
  .acct-drop,.frow{display:none !important}
  body{background:#fff;color:#000}
}


/* ---------------------------------------------------------------
   SEARCH ka GO button — save & continue jaisa, hamesha dikhta hua
   --------------------------------------------------------------- */
.sb-go-row{margin-top:10px}
.sb-go{width:auto;min-width:190px;padding:11px 26px;font-size:14.5px}
.sb-go.is-busy{opacity:.65;pointer-events:none}
@media (max-width:640px){
  .sb-go-row{margin-top:12px}
  .sb-go{width:100%}
}

/* =====================================================================
   CONFIRM — 5 kadam wala page (confirm.php)
   ===================================================================== */
.cf{max-width:760px;margin:0 auto}
.cf-card{background:var(--ink-800);border:1px solid var(--line);
         border-radius:var(--r-md);padding:22px 20px 18px}
html[data-theme="light"] .cf-card{background:#fff}

.cf-head{margin:0 0 16px}
.cf-step{margin:0 0 7px;font-size:12px;color:var(--silver-lo);letter-spacing:.4px}
.cf-step b{color:var(--gold);font-size:14px}
.cf-bar{display:block;height:4px;border-radius:2px;background:var(--ink-600);overflow:hidden}
.cf-bar i{display:block;height:100%;width:20%;background:var(--gold);
          transition:width .22s var(--ease)}

.cf-pane{display:none}
.cf-pane.on{display:block;animation:cfIn .18s var(--ease)}
@keyframes cfIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

.cf-h{margin:0 0 6px;font-size:19px;line-height:1.35}
.cf-sub{margin:0 0 16px;font-size:13.5px;color:var(--silver-lo);line-height:1.55}
.cf-lbl{margin:16px 0 8px;font-size:11.5px;font-weight:700;letter-spacing:.9px;
        text-transform:uppercase;color:var(--gold)}
.cf-lbl span{font-weight:400;letter-spacing:0;text-transform:none;color:var(--silver-lo)}

.cf-find{width:100%;padding:10px 12px;margin:0 0 10px;border-radius:var(--r-sm);
         border:1px solid var(--line);background:var(--ink-900);
         color:var(--silver-hi);font:inherit;font-size:14px}
html[data-theme="light"] .cf-find{background:#fff}
.cf-find:focus{outline:none;border-color:var(--gold)}

.cf-opts{display:flex;flex-wrap:wrap;gap:8px;max-height:260px;overflow-y:auto;
         padding:2px 2px 4px}
.cf-opts.short{max-height:180px}
.cf-opts.wide{flex-direction:column;max-height:none}

.cf-opt{display:inline-flex;align-items:center;gap:8px;cursor:pointer;
        padding:8px 13px;border-radius:999px;border:1px solid var(--line);
        background:var(--ink-900);font-size:13.5px;color:var(--silver-hi);
        transition:border-color .14s var(--ease),background .14s var(--ease)}
html[data-theme="light"] .cf-opt{background:#fff}
.cf-opts.wide .cf-opt{border-radius:var(--r-sm);width:100%}
.cf-opt input{accent-color:var(--gold);width:16px;height:16px;flex:0 0 auto;margin:0}
.cf-opt.on{border-color:var(--gold);background:rgba(212,164,55,.10)}
.cf-opt span i{display:block;font-style:normal;font-size:12px;color:var(--silver-lo);margin-top:2px}
.cf-opt.hide{display:none}

.cf-money{display:flex;gap:12px;flex-wrap:wrap}
.cf-money label{flex:1 1 200px;display:block}
.cf-money span{display:block;margin:0 0 5px;font-size:12.5px;color:var(--silver-lo)}
.cf-money input{width:100%;padding:11px 12px;border-radius:var(--r-sm);
                border:1px solid var(--line);background:var(--ink-900);
                color:var(--silver-hi);font:inherit;font-size:15px}
html[data-theme="light"] .cf-money input{background:#fff}
.cf-money input:focus{outline:none;border-color:var(--gold)}
.cf-money-read{margin:10px 0 0;font-size:13px;color:var(--gold);min-height:20px}
.cf-quick{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.cf-quick .chip{cursor:pointer;border:1px solid var(--line);background:transparent}

.cf-btns{display:flex;align-items:center;gap:10px;flex-wrap:wrap;
         margin-top:20px;padding-top:16px;border-top:1px solid var(--line-soft)}
.cf-skip{margin-left:auto;font-size:13px}
@media (max-width:640px){
  .cf-card{padding:18px 14px 14px}
  .cf-btns .btn{flex:1 1 auto}
  .cf-skip{margin-left:0;width:100%;text-align:center;margin-top:6px}
}

.cf-count{margin:9px 0 0;font-size:12.5px;color:var(--silver-lo)}
.cf-count.on{color:var(--gold)}
.cf-count.warn{color:var(--err)}
.cf-none{margin:10px 0 0;font-size:13px;color:var(--silver-lo)}

/* .btn ka display, hidden attribute ko dabaa deta tha — isliye "Go"
   har kadam par dikh raha tha aur seedha aakhir tak chhalang lag jati
   thi. Ye line usi ka ilaaj hai. */
.cf-btns .btn[hidden]{display:none !important}

/* =====================================================================
   YOUR TENDERS ke andar — jo filter set contractor ne banaya
   ===================================================================== */
.fav-set{margin:12px 0 14px;padding:12px 14px;border-radius:var(--r-sm);
         border:1px solid var(--line-soft);background:var(--ink-900)}
html[data-theme="light"] .fav-set{background:#fafbfd}
.fav-set-h{margin:0 0 9px;font-size:11.5px;font-weight:700;letter-spacing:.9px;
           text-transform:uppercase;color:var(--gold)}
.fav-set-h span{font-weight:400;letter-spacing:0;text-transform:none;color:var(--silver-lo)}
.fav-set-chips{margin:0;display:flex;flex-wrap:wrap;gap:7px}
.fav-set-chips .chip.ok{border-color:var(--ok);color:var(--ok)}

/* =====================================================================
   SCROLL karte hi upar ka hissa patla
   ---------------------------------------------------------------------
   Pehle yahan display:none tha. Us se page ki lambai achanak badal
   jati thi, browser scroll ko wapas kheench leta tha — wahi jhatka
   (glitch) dikhta tha. Ab kuch gayab nahi hota, sirf sikudta hai.
   ===================================================================== */
.topbar,.acct,.searchbar,.demo-strip{
  transition:padding .18s var(--ease),margin .18s var(--ease),
             font-size .18s var(--ease);
}

body.is-tight .topbar{padding-top:5px;padding-bottom:5px}
body.is-tight .topbar .brand-text{font-size:15px}
body.is-tight .topbar .who{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

body.is-tight .acct{padding-top:7px;padding-bottom:7px;font-size:12.5px}
body.is-tight .acct-firm,
body.is-tight .acct-sep{display:none}

body.is-tight .demo-strip{padding-top:6px;padding-bottom:6px}

body.is-tight .searchbar{padding-top:9px;padding-bottom:9px}
body.is-tight .sb-go{padding-top:8px;padding-bottom:8px;font-size:13.5px}

/* ---- Live box ka heading ---- */
.fav-h .live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;
  background:var(--ok);margin-right:7px;vertical-align:middle;
  box-shadow:0 0 0 0 rgba(30,122,82,.55);animation:livePulse 2s infinite}
@keyframes livePulse{
  70%{box-shadow:0 0 0 7px rgba(30,122,82,0)}
  100%{box-shadow:0 0 0 0 rgba(30,122,82,0)}
}
.fav-n{display:inline-block;margin-left:8px;padding:2px 10px;border-radius:999px;
  background:var(--gold);color:#10141a;font-size:13px;font-weight:700;
  vertical-align:middle}

/* =====================================================================
   ACCOUNT patti — demo ki ghadi ab isi ke andar
   ===================================================================== */
.acct-clock{display:inline-flex;align-items:center;gap:7px;
  padding:4px 11px;border-radius:999px;
  border:1px solid var(--gold);background:rgba(212,164,55,.10)}
.acct-clock i{font-style:normal;font-size:11px;color:var(--silver-lo)}
.acct-clock b{font-size:13.5px;color:var(--gold);font-variant-numeric:tabular-nums;
  letter-spacing:.4px}
.acct-clock.is-warn{border-color:var(--err);background:rgba(226,86,77,.10)}
.acct-clock.is-warn b{color:var(--err)}
@media (max-width:640px){
  .acct-clock i{display:none}
}

/* =====================================================================
   LIVE box — search bar ke UPAR, tap karne par khulta hai
   ===================================================================== */
.fav-card{margin:0 0 12px}
.fav-toggle{display:flex;align-items:center;gap:2px;width:100%;
  padding:12px 14px;margin:0;border:0;border-radius:var(--r-sm);
  background:transparent;color:var(--silver-hi);cursor:pointer;
  font:inherit;font-size:15px;font-weight:600;text-align:left}
.fav-toggle .fav-car{width:12px;height:8px;margin-left:auto;flex:0 0 auto;
  transition:transform .18s var(--ease);opacity:.75}
.fav-toggle[aria-expanded="true"] .fav-car{transform:rotate(180deg)}
.fav-toggle:hover{color:var(--gold)}
.fav-head{align-items:stretch}
.fav-body-wrap{padding:0 14px 14px}

/* =====================================================================
   SHARE / DOWNLOAD — gol bulbula, upar kaman (arc) me chaar option
   ===================================================================== */
.pickfab{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);
  z-index:60;display:flex;flex-direction:column;align-items:center}
.pickfab[hidden]{display:none !important}

.pf-main{display:inline-flex;flex-direction:column;align-items:center;
  justify-content:center;gap:2px;cursor:pointer;position:relative;z-index:2;
  width:98px;height:98px;padding:0;border:0;border-radius:50%;
  background:#1e7a52;color:#fff;font:inherit;
  box-shadow:0 12px 30px rgba(30,122,82,.48),0 0 0 1px rgba(255,255,255,.14) inset;
  animation:pfFloat 3s ease-in-out infinite;
  transition:background .16s var(--ease),transform .16s var(--ease)}
@keyframes pfFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.pf-main:hover{background:#239262}
.pf-main:active{transform:scale(.95)}
.pf-main[aria-expanded="true"]{animation:none;background:#166043}

.pf-n{font-size:30px;font-weight:800;line-height:1.05;color:#fff}
.pf-lbl{font-size:12px;font-weight:600;letter-spacing:.3px;
  color:rgba(255,255,255,.94);text-align:center}
.pf-lbl.swap{animation:pfSwap .45s var(--ease)}
@keyframes pfSwap{0%{opacity:0;transform:translateY(4px)}100%{opacity:1;transform:none}}

/* ---- kaman ---- */
.pf-menu{position:absolute;left:50%;bottom:74px;width:0;height:0;
  overflow:visible;background:none;border:0;box-shadow:none;padding:0;
  animation:none;z-index:3}   /* z-index 3 — naam hare gole ke peeche chhup rahe the */
.pf-menu[hidden]{display:none !important}

.pf-item{position:absolute;left:0;top:0;width:80px;margin-left:-40px;
  display:flex;flex-direction:column-reverse;align-items:center;gap:6px;
  padding:0;border:0;background:none;color:var(--silver-hi);
  font:inherit;font-size:11.5px;font-weight:600;line-height:1.2;
  text-align:center;text-decoration:none;cursor:pointer;
  transform:rotate(var(--a)) translateY(calc(var(--r) * -1)) rotate(calc(var(--a) * -1)) scale(.4);
  opacity:0;
  animation:pfPop .34s var(--ease) forwards;
  animation-delay:var(--d)}
@keyframes pfPop{
  to{transform:rotate(var(--a)) translateY(calc(var(--r) * -1)) rotate(calc(var(--a) * -1)) scale(1);
     opacity:1}
}

.pf-item{text-shadow:0 1px 4px rgba(0,0,0,.75)}
html[data-theme="light"] .pf-item{text-shadow:0 1px 3px rgba(255,255,255,.9)}
.pf-item .pf-ico{display:flex;align-items:center;justify-content:center;
  width:62px;height:62px;border-radius:50%;
  border:1px solid var(--line);background:var(--ink-800);
  box-shadow:0 8px 20px rgba(0,0,0,.38);
  transition:transform .14s var(--ease),box-shadow .14s var(--ease)}
html[data-theme="light"] .pf-item .pf-ico{background:#fff}
.pf-item .pf-ico svg{width:30px;height:30px}
.pf-item:active .pf-ico,
.pf-item:hover .pf-ico{transform:translateY(-4px) scale(1.06)}

/* har kaam ka apna rang — ek nazar me pehchan */
.tone-share .pf-ico{color:#2f9e6b;border-color:rgba(47,158,107,.55);
  box-shadow:0 8px 20px rgba(47,158,107,.28)}
.tone-mail  .pf-ico{color:#4b90e2;border-color:rgba(75,144,226,.55);
  box-shadow:0 8px 20px rgba(75,144,226,.28)}
.tone-wa    .pf-ico{color:#25d366;border-color:rgba(37,211,102,.55);
  box-shadow:0 8px 20px rgba(37,211,102,.28)}
.tone-xls   .pf-ico{color:#1d9e57;border-color:rgba(29,158,87,.55);
  box-shadow:0 8px 20px rgba(29,158,87,.28)}
.tone-pdf   .pf-ico{color:#e2564d;border-color:rgba(226,86,77,.55);
  box-shadow:0 8px 20px rgba(226,86,77,.28)}
.tone-img   .pf-ico{color:#4b90e2;border-color:rgba(75,144,226,.55);
  box-shadow:0 8px 20px rgba(75,144,226,.28)}

.tone-share:hover{color:#2f9e6b}
.tone-mail:hover{color:#4b90e2}
.tone-wa:hover{color:#25d366}
.tone-xls:hover{color:#1d9e57}
.tone-pdf:hover{color:#e2564d}
.tone-img:hover{color:#4b90e2}

/* paanch option — beech se dono taraf */
.pf-menu .pf-item:nth-child(1){--a:-74deg;--r:124px;--d:.02s}
.pf-menu .pf-item:nth-child(2){--a:-37deg;--r:140px;--d:.06s}
.pf-menu .pf-item:nth-child(3){--a:  0deg;--r:146px;--d:.10s}
.pf-menu .pf-item:nth-child(4){--a: 37deg;--r:140px;--d:.14s}
.pf-menu .pf-item:nth-child(5){--a: 74deg;--r:124px;--d:.18s}

@media (max-width:640px){
  .pickfab{bottom:16px}
  .pf-main{width:88px;height:88px}
  .pf-n{font-size:27px}
  .pf-item .pf-ico{width:56px;height:56px}
  .pf-item .pf-ico svg{width:27px;height:27px}
  .pf-menu{bottom:68px}
  .pf-menu .pf-item:nth-child(1){--a:-72deg;--r:110px}
  .pf-menu .pf-item:nth-child(2){--a:-36deg;--r:124px}
  .pf-menu .pf-item:nth-child(3){--a:  0deg;--r:130px}
  .pf-menu .pf-item:nth-child(4){--a: 36deg;--r:124px}
  .pf-menu .pf-item:nth-child(5){--a: 72deg;--r:110px}
  .pf-item{width:70px;margin-left:-35px;font-size:10.5px}
}

/* =====================================================================
   MOBILE ka balance — header aur uske neeche ka hissa ek hi chaudai me
   ---------------------------------------------------------------------
   Screenshot me header kinare se kinare tak tha aur neeche ke box andar
   dabe hue the. Ab dono ek hi .wrap chaudai lete hain, aur header ki
   line tootti nahi (Log out neeche nahi girta).
   ===================================================================== */
@media (max-width:640px){
  .topbar-in{flex-wrap:nowrap;gap:6px;align-items:center}
  .topbar-in .brand-text{font-size:16px;white-space:nowrap}
  .topbar-in .brand-mark{width:22px;height:22px}
  .topnav{display:flex;align-items:center;gap:5px;flex-wrap:nowrap;
    margin-left:auto;overflow:visible}
  .topnav .who{display:none}
  .topnav .btn-sm{padding:6px 9px;font-size:12px;white-space:nowrap}
  .theme-sw{width:32px;height:32px;flex:0 0 auto}

  .demo-strip,.acct,.searchbar,.board{margin-left:0;margin-right:0}
}

/* =====================================================================
   TICK ka dabba — har tender ke SABSE UPAR, baayein kinare
   ---------------------------------------------------------------------
   Pehle maine ise beech me le liya tha aur 42px ka kar diya tha —
   usse card ka dhaancha bigad gaya. Ab wo apni purani jagah (upar)
   par hai; ungli ke liye jagah padding se banti hai, size se nahi.
   ===================================================================== */
.tc-pick{align-self:flex-start;flex:0 0 auto;cursor:pointer;
  display:inline-flex;align-items:flex-start;justify-content:center;
  padding:2px 10px 10px 0;margin:0;
  touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.tc-pick input{width:18px;height:18px;accent-color:var(--gold);margin:0;
  cursor:pointer}

.tcard,.fav-item{align-items:flex-start}
.fav-item .tc-acts{margin-top:10px}

/* =====================================================================
   RESET — laal pill, aur poochhne par Yes (baayein) / No (daayein)
   ===================================================================== */
.pf-row{display:flex;align-items:center;justify-content:center;gap:14px}

.pf-reset{margin-top:9px;padding:7px 16px;border-radius:999px;cursor:pointer;
  border:1px solid var(--err);background:rgba(226,86,77,.12);color:var(--err);
  font:inherit;font-size:12.5px;font-weight:700;white-space:nowrap;
  box-shadow:0 6px 16px rgba(226,86,77,.22);
  transition:background .14s var(--ease),color .14s var(--ease)}
.pf-reset:hover,.pf-reset:active{background:var(--err);color:#fff}
.pf-reset[hidden]{display:none !important}

.pf-ask-t{margin:0 0 9px;padding:6px 14px;border-radius:999px;
  border:1px solid var(--line);background:var(--ink-800);
  color:var(--silver-hi);font-size:12.5px;font-weight:600;white-space:nowrap;
  box-shadow:0 8px 20px rgba(0,0,0,.34);
  animation:pfIn .16s var(--ease)}
html[data-theme="light"] .pf-ask-t{background:#fff}
.pf-ask-t[hidden]{display:none !important}

.pf-yes,.pf-no{width:62px;height:62px;border-radius:50%;cursor:pointer;
  border:1px solid transparent;font:inherit;font-size:14px;font-weight:700;
  box-shadow:0 8px 20px rgba(0,0,0,.34);
  animation:pfIn .2s var(--ease)}
.pf-yes[hidden],.pf-no[hidden]{display:none !important}

.pf-yes{background:var(--err);color:#fff;border-color:var(--err)}
.pf-yes:active{transform:scale(.95)}

.pf-no{background:var(--ink-800);color:var(--silver-hi);border-color:var(--line)}
html[data-theme="light"] .pf-no{background:#fff}
.pf-no:active{transform:scale(.95)}

@media (max-width:640px){
  .pf-reset{margin-top:8px;padding:6px 14px;font-size:12px}
  .pf-row{gap:11px}
  .pf-yes,.pf-no{width:56px;height:56px;font-size:13.5px}
}

/* Live box — thoda saaf-suthra */
.fav-count{margin:0 0 10px;font-size:13px;color:var(--silver-lo);
  display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.fav-count b{color:var(--silver-hi);font-size:15px}
.fav-edit{margin-left:auto;font-size:12.5px}
.fav-more{margin:12px 0 0}
.fav-tabs{margin-bottom:12px}

/* =====================================================================
   SET ki list — Live box ke andar, ek ke neeche ek
   ===================================================================== */
.set-list{list-style:none;margin:0 0 12px;padding:0;
  display:flex;flex-direction:column;gap:8px}

.set-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  padding:10px 12px;border-radius:var(--r-sm);
  border:1px solid var(--line);background:var(--ink-900);
  transition:border-color .14s var(--ease),background .14s var(--ease)}
html[data-theme="light"] .set-row{background:#fafbfd}
.set-row.on{border-color:var(--gold);background:rgba(212,164,55,.08)}
.set-row.mail-off{opacity:.72}

.set-mail{display:inline-flex;flex-direction:column;align-items:center;gap:2px;
  cursor:pointer;flex:0 0 auto;padding:2px 4px}
.set-mail input{width:17px;height:17px;accent-color:var(--ok);margin:0;cursor:pointer}
.set-mail-t{font-size:9.5px;letter-spacing:.4px;text-transform:uppercase;
  color:var(--silver-lo)}
.set-mail input:checked ~ .set-mail-t{color:var(--ok)}

.set-main{flex:1 1 160px;min-width:0;text-decoration:none;color:inherit}
.set-no{display:block;font-size:10.5px;letter-spacing:.7px;text-transform:uppercase;
  color:var(--silver-lo)}
.set-name{display:block;font-size:14px;font-weight:600;color:var(--silver-hi);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.set-row.on .set-name{color:var(--gold)}
.set-main:hover .set-name{color:var(--gold)}

.set-n{flex:0 0 auto;font-size:12.5px;font-weight:700;color:var(--ok);
  padding:3px 10px;border-radius:999px;border:1px solid rgba(30,122,82,.45);
  background:rgba(30,122,82,.10);white-space:nowrap}
.set-edit{flex:0 0 auto}
.set-add{margin:0 0 14px}

@media (max-width:640px){
  .set-row{gap:8px}
  .set-main{flex:1 1 100%;order:2}
  .set-mail{order:1}
  .set-n{order:1;margin-left:auto}
  .set-edit{order:3;margin-left:auto}
}

/* Set hataane ka chhota button */
.set-del{display:inline-flex;margin:0;flex:0 0 auto}
.set-del-b{display:inline-flex;align-items:center;justify-content:center;
  width:34px;height:34px;border-radius:50%;cursor:pointer;
  border:1px solid var(--line);background:transparent;color:var(--silver-lo);
  transition:color .14s var(--ease),border-color .14s var(--ease),
             background .14s var(--ease)}
.set-del-b svg{width:18px;height:18px}
.set-del-b:hover,.set-del-b:active{color:#fff;background:var(--err);border-color:var(--err)}

/* ---- confirm: khaali kadam par sawaal ---- */
.cf-ask{
  margin:14px 0 0;padding:14px 16px;border-radius:10px;
  border:1px solid var(--gold);background:rgba(212,164,55,.08);
}
.cf-ask[hidden]{display:none !important}
.cf-ask-t{margin:0 0 12px;font-size:13.5px;line-height:1.6;color:var(--silver-hi)}
.cf-ask-t b{color:var(--gold)}
.cf-ask-b{display:flex;gap:10px;flex-wrap:wrap}
@media (max-width:560px){.cf-ask-b .btn{flex:1 1 auto}}

/* ---- plans: aamne-saamne wali table ---- */
.cmp-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:6px 0 0;
  border:1px solid var(--line);border-radius:var(--r-md);background:var(--ink-800)}
html[data-theme="light"] .cmp-wrap{background:#fff}
.cmp{border-collapse:collapse;width:100%;min-width:560px;font-size:13.5px}
.cmp th,.cmp td{padding:11px 12px;text-align:center;border-bottom:1px solid var(--line)}
.cmp tbody tr:last-child td{border-bottom:0}

.cmp-lbl{text-align:left !important;color:var(--silver-lo);font-weight:500;
  white-space:nowrap;position:sticky;left:0;z-index:1;background:var(--ink-800)}
html[data-theme="light"] .cmp-lbl{background:#fff}

.cmp thead th{vertical-align:bottom;border-bottom:2px solid var(--line)}
.cmp-col.is-best{background:rgba(212,164,55,.07)}
.cmp-flag{display:block;font-size:10px;font-weight:700;letter-spacing:.8px;
  text-transform:uppercase;color:var(--gold);margin-bottom:4px}
.cmp-name{display:block;font-size:14px;font-weight:700;color:var(--silver-hi)}
.cmp-price{display:block;font-size:20px;font-weight:800;color:var(--gold);margin-top:2px}
.cmp-per{display:block;font-size:11px;color:var(--silver-lo);font-weight:400}

.cmp-y{color:var(--ok,#3fbf87);font-weight:700}
.cmp-n,.cmp-dash{color:var(--silver-lo);opacity:.6}
.cmp-save{color:var(--gold)}
.cmp-buy td{padding-top:14px;padding-bottom:16px}
.cmp-carry{display:block;font-size:10.5px;color:var(--gold);margin-top:5px}

/* ---- mobile: table ki jagah alag-alag card ----
   Chhoti screen par table samajh nahi aati — daayein-baayein khiskana
   padta hai. Isliye wahan har plan apna poora card ban jata hai. */
.plan-cards{display:none}

@media (max-width:760px){
  .cmp-wrap{display:none}
  .plan-cards{display:grid;gap:14px;margin-top:6px}

  .pc{border:1px solid var(--line);border-radius:var(--r-md);
      background:var(--ink-800);overflow:hidden}
  html[data-theme="light"] .pc{background:#fff}
  .pc.is-best{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset}

  .pc-top{padding:14px 16px 12px;border-bottom:1px solid var(--line);
          background:rgba(212,164,55,.06)}
  .pc-name{margin:0;font-size:16px;color:var(--silver-hi)}
  .pc-price{margin:4px 0 0;font-size:24px;font-weight:800;color:var(--gold);line-height:1.2}
  .pc-price span{display:block;font-size:11.5px;font-weight:400;color:var(--silver-lo)}

  .pc-list{margin:0;padding:4px 16px}
  .pc-row{display:flex;align-items:flex-start;gap:12px;
          padding:9px 0;border-bottom:1px solid var(--line)}
  .pc-row:last-child{border-bottom:0}
  .pc-row dt{flex:1 1 auto;margin:0;font-size:13px;color:var(--silver-lo);line-height:1.5}
  .pc-row dd{flex:0 0 auto;margin:0;font-size:13.5px;text-align:right;color:var(--silver-hi)}

  .pc-buy{padding:12px 16px 16px}
  .pc-buy .cmp-carry{text-align:center}
}

/* ---- plan khatam — upgrade ka alert ---- */
.lockwrap{position:fixed;inset:0;z-index:90;display:none;
  align-items:center;justify-content:center;padding:20px;
  background:rgba(5,7,10,.72);backdrop-filter:blur(2px)}
.lockwrap.on{display:flex}
.lockcard{max-width:380px;width:100%;background:var(--ink-800);
  border:1px solid var(--gold);border-radius:var(--r-md);padding:22px}
html[data-theme="light"] .lockcard{background:#fff}
.lock-h{margin:0 0 8px;font-size:16px;font-weight:700;color:var(--gold)}
.lock-p{margin:0 0 18px;font-size:14px;line-height:1.6;color:var(--silver-lo)}
.lock-btns{display:flex;gap:10px;flex-wrap:wrap}
@media (max-width:460px){.lock-btns .btn{flex:1 1 auto}}

/* ---- plan khatam: chhupi hui baat ka nishaan ---- */
.tc-hid{color:var(--silver-lo);opacity:.8;letter-spacing:.5px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;max-width:100%}

/* ---- footer ke legal link ---- */
.foot-links{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}
.foot-links a{color:var(--silver-lo);font-size:12.5px}
.foot-links a:hover{color:var(--gold)}

/* ---- profile page ---- */
.pf-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 14px}
.pf-tab{background:var(--ink-800);border:1px solid var(--line);color:var(--silver-lo);
  border-radius:20px;padding:8px 16px;font-size:13.5px;cursor:pointer}
html[data-theme="light"] .pf-tab{background:#fff}
.pf-tab.on{border-color:var(--gold);color:var(--gold)}
.pf-pane{display:none}
.pf-pane.on{display:block}
.pf-pend{background:rgba(212,164,55,.08);border:1px solid var(--gold);
  border-radius:8px;padding:11px 13px;margin:0 0 14px;font-size:13.5px;line-height:1.6}
.pf-pend p{margin:0}

.pw-meter{display:block;height:4px;border-radius:3px;background:var(--line);
  margin:8px 0 0;overflow:hidden}
.pw-meter i{display:block;height:100%;width:0;border-radius:3px;transition:width .2s}
.pw-meter i.lv0,.pw-meter i.lv1{background:var(--err)}
.pw-meter i.lv2{background:#d98324}
.pw-meter i.lv3{background:var(--gold)}
.pw-meter i.lv4{background:var(--ok,#3fbf87)}

.pw-match{position:absolute;right:42px;top:50%;transform:translateY(-50%);
  font-size:16px;font-weight:700;pointer-events:none}
.pw-match.ok{color:var(--ok,#3fbf87)}
.pw-match.no{color:var(--err)}
.pw-wrap{position:relative;display:block}

/* ---- filling support: workshop card ---- */
.fs-when{margin:0 0 10px;font-size:14px;color:var(--gold)}
.fs-list{margin:10px 0 16px;padding:0;list-style:none}
.fs-list li{position:relative;padding:5px 0 5px 22px;font-size:13.5px;
  line-height:1.55;color:var(--silver-lo)}
.fs-list li::before{content:"\2713";position:absolute;left:0;top:5px;
  color:var(--ok,#3fbf87);font-weight:700}

/* ---- live session ---- */
.fs-tag.is-live{background:#c0392b;color:#fff;border-color:#c0392b}
.fs-live{background:var(--ink-700,rgba(0,0,0,.12));border:1px solid var(--line);
  border-radius:var(--r-sm);padding:18px;text-align:center}
.fs-live p{margin:0 0 14px;font-size:14px;line-height:1.6;color:var(--silver-lo)}
.fs-live p b{color:var(--silver-hi)}
.fs-dot{display:inline-block;width:9px;height:9px;border-radius:50%;
  background:#c0392b;margin-bottom:10px;animation:fsPulse 1.4s infinite}
@keyframes fsPulse{0%,100%{box-shadow:0 0 0 0 rgba(192,57,43,.6)}
  50%{box-shadow:0 0 0 7px rgba(192,57,43,0)}}
.nocopy{-webkit-user-select:none;user-select:none}

/* ---- declaration generator ---- */
.dg-tender{background:rgba(212,164,55,.08);border:1px solid var(--gold);
  border-radius:var(--r-sm);padding:12px 14px;margin:0 0 16px;font-size:13.5px;line-height:1.6}
.dg-tender p{margin:0}
.dg-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
@media (max-width:620px){.dg-grid{grid-template-columns:1fr}}
.dg-opt{font-size:11px;font-weight:400;color:var(--silver-lo);
  border:1px solid var(--line);border-radius:20px;padding:2px 9px;margin-left:6px}
.fld span em{font-style:normal;color:var(--silver-lo);font-size:11.5px}

.dg-thumbs{display:flex;gap:16px;flex-wrap:wrap;margin-top:16px}
.dg-thumb{border:1px solid var(--line);border-radius:var(--r-sm);padding:10px;
  background:var(--ink-700,rgba(0,0,0,.1));max-width:240px}
.dg-thumb img{display:block;max-width:100%;max-height:150px;border-radius:4px;background:#fff}
.dg-thumb form{margin-top:8px}

.dg-kinds{display:grid;gap:12px;margin-top:6px}
.dg-kind{border:1px solid var(--line);border-radius:var(--r-sm);padding:14px 16px}
.dg-kname{margin:0 0 10px;font-size:14px;font-weight:600;color:var(--silver-hi);line-height:1.5}
.dg-kacts{margin:0;display:flex;gap:9px;flex-wrap:wrap}
@media (max-width:520px){.dg-kacts .btn{flex:1 1 auto}}
.fs-wide{grid-column:1 / -1}
.dg-note{margin-top:16px;padding:14px 16px;border:1px dashed var(--line);
  border-radius:var(--r-sm);font-size:13px;line-height:1.65;color:var(--silver-lo)}
.dg-note p{margin:0 0 8px}
.dg-note ul{margin:0;padding-left:18px}
.dg-note li{margin:5px 0}
.dg-note b{color:var(--silver-hi)}
.dg-check{margin:10px 0 0}
.fld[hidden]{display:none}

/* tick ke neeche wala khaana — thoda andar, taaki jodi saaf dikhe */
.dg-sub{margin:6px 0 4px 26px}
@media (max-width:520px){.dg-sub{margin-left:0}}

/* Address ka box — pehle ek line jaisa dikh raha tha */
.card textarea{width:100%;min-height:78px;resize:vertical;line-height:1.6;
  padding:11px 13px;border-radius:var(--r-sm);border:1px solid var(--line);
  background:var(--ink-600,#0d1117);color:var(--silver-hi);font:inherit}
.card textarea:focus{outline:none;border-color:var(--gold)}

/* ---- letterhead / sign ka adjustment ---- */
.dg-adjust{margin-top:20px;padding-top:16px;border-top:1px dashed var(--line)}
.dg-ahead{margin:0 0 12px;font-size:11px;letter-spacing:1.1px;text-transform:uppercase;
  color:var(--gold);font-weight:700}
.dg-range{width:100%;accent-color:var(--gold);height:26px}


/* =====================================================================
   ✨ ALL CLEAR — jaadu ka button
   Chamakti sunehri-baingani kinari, chhadi (wand) jhoolti hai, dabate hi
   chingariyan udti hain aur search bar par roshni ki lehar guzarti hai.
   ===================================================================== */
.sb-magic{position:relative;display:inline-flex;align-items:center;gap:8px;
  padding:0 18px;min-height:46px;border-radius:12px;cursor:pointer;isolation:isolate;
  font:inherit;font-size:14px;font-weight:700;letter-spacing:.2px;color:#f3e3b3;
  background:linear-gradient(var(--ink-700),var(--ink-700)) padding-box,
             linear-gradient(120deg,#d4a437,#b77cff,#6ba0f5,#d4a437) border-box;
  background-size:100% 100%,300% 300%;border:1.5px solid transparent;
  animation:mgBorder 6s linear infinite;transition:transform .18s,box-shadow .18s}
html[data-theme="light"] .sb-magic{color:#6b4c0e;
  background:linear-gradient(#fff,#fff) padding-box,
             linear-gradient(120deg,#d4a437,#b77cff,#6ba0f5,#d4a437) border-box;
  background-size:100% 100%,300% 300%}
.sb-magic:hover{transform:translateY(-1px);box-shadow:0 8px 22px -8px rgba(183,124,255,.55)}
.sb-magic:active{transform:scale(.97)}
@keyframes mgBorder{to{background-position:0 0,300% 0}}
.mg-wand{width:20px;height:20px;color:#e8c268;transform-origin:20% 80%;transition:transform .3s}
.sb-magic:hover .mg-wand{animation:mgWave .7s ease-in-out}
@keyframes mgWave{25%{transform:rotate(-16deg)}60%{transform:rotate(10deg)}100%{transform:rotate(0)}}
.mg-star{transform-box:fill-box;transform-origin:center;animation:mgTwinkle 1.8s ease-in-out infinite}
.mg-star.s2{animation-delay:.6s;color:#b77cff}
.mg-star.s3{animation-delay:1.1s}
@keyframes mgTwinkle{0%,100%{opacity:.35;transform:scale(.7)}50%{opacity:1;transform:scale(1.15)}}
/* chingariyan */
.mg-burst{position:absolute;inset:0;pointer-events:none;z-index:-1}
.mg-burst i{position:absolute;left:50%;top:50%;width:6px;height:6px;border-radius:50%;opacity:0;
  background:#e8c268;box-shadow:0 0 8px #e8c268}
.mg-burst i:nth-child(even){background:#b77cff;box-shadow:0 0 8px #b77cff}
.sb-magic.is-casting .mg-burst i{animation:mgFly .75s cubic-bezier(.2,.8,.3,1) forwards}
.sb-magic.is-casting .mg-burst i:nth-child(1){--x:-46px;--y:-30px}
.sb-magic.is-casting .mg-burst i:nth-child(2){--x:40px;--y:-34px}
.sb-magic.is-casting .mg-burst i:nth-child(3){--x:58px;--y:6px}
.sb-magic.is-casting .mg-burst i:nth-child(4){--x:32px;--y:34px}
.sb-magic.is-casting .mg-burst i:nth-child(5){--x:-36px;--y:32px}
.sb-magic.is-casting .mg-burst i:nth-child(6){--x:-60px;--y:2px}
.sb-magic.is-casting .mg-burst i:nth-child(7){--x:6px;--y:-44px}
.sb-magic.is-casting .mg-burst i:nth-child(8){--x:4px;--y:44px}
@keyframes mgFly{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}
  100%{opacity:0;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(.3)}}
.sb-magic.is-casting .mg-wand{animation:mgWave .6s ease-in-out}
/* search bar par roshni ki lehar */
.searchbar{position:relative}
.searchbar.is-sweeping::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:14px;
  background:linear-gradient(100deg,transparent 30%,rgba(232,194,104,.22) 45%,rgba(183,124,255,.25) 52%,transparent 68%);
  background-size:250% 100%;animation:mgSweep .7s ease-out forwards}
@keyframes mgSweep{from{background-position:120% 0}to{background-position:-40% 0}}
@media (prefers-reduced-motion:reduce){
  .sb-magic,.mg-star,.sb-magic:hover .mg-wand{animation:none}
  .searchbar.is-sweeping::after{display:none}
}

/* =====================================================================
   LOADING — iLoveTender ka sunehra pentagon logo, sirf animation
   ===================================================================== */
#results{transition:opacity .2s}
#results.is-loading{opacity:.35;pointer-events:none}
.ilt-loader{position:fixed;z-index:80;left:50%;top:50%;width:96px;height:96px;margin:-48px 0 0 -48px;
  display:flex;align-items:center;justify-content:center;border-radius:24px;
  background:rgba(11,16,23,.82);box-shadow:0 18px 40px -12px rgba(0,0,0,.6),0 0 0 1px rgba(212,164,55,.25);
  backdrop-filter:blur(4px);opacity:0;transform:scale(.85);transition:opacity .18s,transform .18s;pointer-events:none}
html[data-theme="light"] .ilt-loader{background:rgba(255,255,255,.9)}
.ilt-loader.is-on{opacity:1;transform:scale(1)}
.ilt-loader svg{width:64px;height:64px;overflow:visible}
.ilt-loader .lg-ring{fill:none;stroke:#d4a437;stroke-width:7;stroke-linejoin:round;
  stroke-dasharray:300;stroke-dashoffset:300;animation:lgDraw 1.4s ease-in-out infinite}
.ilt-loader .lg-core{fill:#e8d29b;transform-box:fill-box;transform-origin:center;
  animation:lgCore 1.4s ease-in-out infinite}
.ilt-loader .lg-glow{fill:none;stroke:#e8c268;stroke-width:2;opacity:0;transform-box:fill-box;
  transform-origin:center;animation:lgGlow 1.4s ease-out infinite}
@keyframes lgDraw{0%{stroke-dashoffset:300}55%{stroke-dashoffset:0}100%{stroke-dashoffset:-300}}
@keyframes lgCore{0%,100%{transform:scale(.72);opacity:.6}50%{transform:scale(1);opacity:1}}
@keyframes lgGlow{0%{opacity:.7;transform:scale(1)}100%{opacity:0;transform:scale(1.35)}}
@media (prefers-reduced-motion:reduce){
  .ilt-loader .lg-ring,.ilt-loader .lg-core,.ilt-loader .lg-glow{animation-duration:3s}
}


/* All clear — box khaali ho to chhupa (display:inline-flex hidden ko dabata tha) */
.sb-magic[hidden]{display:none!important}

/* =====================================================================
   REVERSE AUCTION — tender se alag, BAINGANI rang
   Kinari par baingani patti, kone me "REVERSE AUCTION" ribbon, aur REF
   ke bagal me baingani RA chip. Aaj khatam ho raha ho to chip jhilmilata.
   ===================================================================== */
.tcard.has-ra{position:relative;border-color:rgba(155,107,255,.55);
  box-shadow:inset 4px 0 0 #9b6bff,0 10px 28px -18px rgba(155,107,255,.55);
  background:linear-gradient(90deg,rgba(155,107,255,.10),transparent 38%),var(--ink-700)}
html[data-theme="light"] .tcard.has-ra{background:linear-gradient(90deg,rgba(155,107,255,.10),transparent 38%),#fff}
.tcard.has-ra:hover{border-color:#9b6bff}
/* upar ki kinari se latakta hua tab — daayen khaane (210px) ke theek baayen */
.ra-ribbon{position:absolute;top:0;right:224px;z-index:3;pointer-events:none;
  padding:3px 12px 4px;border-radius:0 0 9px 9px;white-space:nowrap;
  font-size:10px;font-weight:800;letter-spacing:1.3px;text-transform:uppercase;color:#fff;
  background:linear-gradient(90deg,#7c4dff,#b77cff);box-shadow:0 4px 12px -2px rgba(124,77,255,.55)}
.ra-ribbon::before{content:"\26A1";margin-right:5px;font-size:10px}
@media (max-width:760px){.ra-ribbon{right:14px}}
.m.m-ra{background:rgba(155,107,255,.14)!important;border:1px solid rgba(155,107,255,.55)!important;
  color:#d9c8ff!important;font-weight:600}
html[data-theme="light"] .m.m-ra{color:#5b2fc9!important}
.m.m-ra i{color:#b79cff!important;font-weight:800}
.m.m-ra .ra-when{margin-left:7px;padding-left:7px;border-left:1px solid rgba(155,107,255,.45);
  font-weight:700;color:#efe6ff}
html[data-theme="light"] .m.m-ra .ra-when{color:#3d1d99}
.m.m-ra.is-today{animation:raBlink 1.4s ease-in-out infinite}
.m.m-ra.is-over{opacity:.75}
@keyframes raBlink{50%{box-shadow:0 0 0 3px rgba(155,107,255,.35);background:rgba(155,107,255,.26)}}
@media (prefers-reduced-motion:reduce){.m.m-ra.is-today{animation:none}}

/* =====================================================================
   RESULT NOT MATCH — kuch na mile to
   ===================================================================== */
.nomatch{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;
  padding:48px 20px;margin:6px 0 20px;text-align:center;border-radius:var(--r-md);
  border:1px dashed var(--line);background:var(--ink-700)}
html[data-theme="light"] .nomatch{background:#fff}
.nomatch svg{width:52px;height:52px;color:var(--gold);opacity:.85;margin-bottom:6px}
.nm-t{font-size:22px;font-weight:800;color:var(--silver-hi);letter-spacing:.2px}
.nm-s{font-size:13px;color:var(--silver-lo)}