/* ============================================================
   AI GROWTH CONSULTANT - NEW THEME (Light) - EXPERIMENT
   Yeh file sirf tab load hoti hai jab Admin Settings me
   "New Theme - Light" on ho. Dark theme (backup) style.css
   me bilkul untouched hai - kabhi bhi wapas switch kar sakte ho.
   Palette: Apple light - #f5f5f7 canvas, white cards,
   #1d1d1f text, wahi #0071e3 blue accent.
   ============================================================ */
:root{
  --bg:#f5f5f7;
  --bg2:#ffffff;
  --card:#ffffff;
  --card2:#fafafa;
  --line:rgba(0,0,0,.10);
  --line-strong:rgba(0,0,0,.20);
  --ink:#1d1d1f;
  --muted:#4b4b4f;
  --accent:#0071e3;
  --accent-hover:#0077ed;
  --link:#0066cc;
  --green:#1d9d4e;
  --red:#d70015;
  --amber:#b25000;
}
html{color-scheme:light}
body{background:var(--bg) !important;color:var(--ink) !important}

/* ---------- sidebar ---------- */
.sidebar{background:#ffffff !important;border-right:1px solid var(--line) !important;-webkit-backdrop-filter:none;backdrop-filter:none}
.sb-brand{border-bottom:1px solid var(--line)}
.sb-brand b{color:#1d1d1f}
.sb-brand small{color:var(--muted)}
.nav-item{color:#3a3a3c}
.nav-item:hover{background:rgba(0,0,0,.05);color:#1d1d1f}
.nav-item.active{background:rgba(0,113,227,.10);color:#0066cc}
.sb-foot{border-top:1px solid var(--line)}
.sb-user{color:var(--muted)}
.logo-mark{background:linear-gradient(180deg,#3a3a3c,#1a1a1c);color:#fff}

/* ---------- core components (style.css overrides) ---------- */
.section-title{color:#1d1d1f}
.section-sub{color:var(--muted)}
.auth-card{background:#ffffff;border:1px solid var(--line);box-shadow:0 8px 30px rgba(0,0,0,.06)}
.auth-card h3{color:#1d1d1f}
table{background:#ffffff;border:1px solid var(--line)}
th{background:#fafafa;color:var(--muted);border-bottom:1px solid var(--line)}
td{border-bottom:1px solid rgba(0,0,0,.06);color:#1d1d1f}
input,select,textarea{background:#f2f2f4 !important;border:1px solid var(--line) !important;color:#1d1d1f !important}
input[type=checkbox],input[type=radio]{background:none !important;border:none !important}
input:focus,select:focus{border-color:var(--accent) !important;background:#ffffff !important}
input::placeholder{color:#a1a1a6}
select option{background:#ffffff;color:#1d1d1f}
.btn.ghost{border-color:var(--line-strong);color:#1d1d1f}
.btn.ghost:hover{background:rgba(0,0,0,.05)}
.msg.ok{background:rgba(29,157,78,.08);border-color:rgba(29,157,78,.3);color:#1d7a3f}
.msg.err{background:rgba(215,0,21,.06);border-color:rgba(215,0,21,.25);color:#c00011}
.msg.warn{background:rgba(178,80,0,.07);border-color:rgba(178,80,0,.25);color:#9a4500}
.pill.pending{background:rgba(178,80,0,.10);color:#9a4500}
.pill.approved{background:rgba(29,157,78,.12);color:#1d7a3f}
.pill.blocked{background:rgba(215,0,21,.08);color:#c00011}
.pill.expired{background:rgba(178,80,0,.10);color:#b25000}
.pill.inactive{background:rgba(0,0,0,.07);color:#4b4b4f}
code{color:#9a4500}

/* ---------- Cost Calculator page ---------- */
.ptabs a{border:1px solid var(--line-strong);color:#4b4b4f}
.ptabs a:hover{color:#1d1d1f}
.ptabs a.on{background:#0071e3;border-color:#0071e3;color:#fff}
.ccard{background:#ffffff !important;border:1px solid var(--line) !important;box-shadow:0 4px 16px rgba(0,0,0,.05)}
.ccard .n{color:#1d1d1f !important}
.ccard .n.money{color:#1d9d4e !important}
.ccard .l{color:#4b4b4f !important}
.bar-bg{background:rgba(0,0,0,.08) !important}
.muted{color:#4b4b4f !important}
.num{color:#1d1d1f !important}
.cost{color:#1d9d4e !important}
.note{background:rgba(0,102,204,.05) !important;border-color:rgba(0,102,204,.3) !important;color:#1d1d1f !important}
.fc-card{background:rgba(29,157,78,.06) !important;border-color:rgba(29,157,78,.3) !important}
.fc-card .v{color:#1d7a3f !important}
.fc-card.hi{background:rgba(0,113,227,.06) !important;border-color:rgba(0,113,227,.3) !important}
.fc-card.hi .v{color:#0066cc !important}
.fc-card .k{color:#4b4b4f !important}
.fc-break{color:#4b4b4f !important}
.fc-break b{color:#1d1d1f !important}

/* ---------- Activity page ---------- */
.tabs{border-bottom-color:rgba(0,0,0,.10) !important}
.tabs a{color:#4b4b4f !important}
.tabs a:hover{color:#1d1d1f !important}
.tabs a.on{background:#ffffff !important;border-color:rgba(0,0,0,.10) !important;color:#0066cc !important}
.tabs .cnt{background:rgba(0,102,204,.12) !important;color:#0066cc !important}
.filters select{background:#ffffff !important;border:1px solid var(--line-strong) !important;color:#1d1d1f !important}
.act-pill{background:rgba(0,102,204,.10) !important;color:#0066cc !important}
.act-pill.money{background:rgba(29,157,78,.10) !important;color:#1d7a3f !important}
.act-pill.ai{background:rgba(130,60,190,.10) !important;color:#7d3cbe !important}
.meta-cell{color:#4b4b4f !important}
.num-strong{color:#1d1d1f !important}
.sumtbl td,.sumtbl th{color:inherit}

/* ---------- Pitch Sessions page ---------- */
details{background:#ffffff !important;border:1px solid var(--line) !important}
summary:hover{background:rgba(0,0,0,.03) !important}
.transcript{color:#3a3a3c !important;border-top:1px solid var(--line) !important}
.score{color:inherit}

/* ---------- misc ---------- */
::selection{background:rgba(0,113,227,.2)}
a{color:var(--link)}

/* ============================================================
   STUDENT SIDE (dashboard + tools + login) - same toggle
   Tool pages apne inline <style> me dark variables define
   karte hain - yeh file baad me load hoke unhe light kar deti
   hai. Dark values kahin change nahi hui - sirf override hai.
   ============================================================ */
:root{
  --card2:#f0f0f2;
  --field:rgba(0,0,0,.05);
  --gray:#4b4b4f;
  --text:#1d1d1f;
  --text2:#3a3a3c;
  --text3:#5c5c60;
  --surface:#ffffff;
  --surface2:#f5f5f7;
  --separator:rgba(0,0,0,.09);
  --separator2:rgba(0,0,0,.18);
  --blue:#0071e3;
  --blue-hover:#0077ed;
  --blue-tint:#0066cc;
  --hot:#d70015;
  --good:#b25000;
  --low:#a1a1a6;
  --orange:#c93b00;
  --wa:#1faa53;
}

/* tool page headers / topbars (dark hex hardcoded hai inme) */
header{background:#ffffff !important;border-bottom:1px solid rgba(0,0,0,.10) !important}
.topbar{background:rgba(255,255,255,.88) !important;border-bottom:1px solid rgba(0,0,0,.08) !important}
.brand{color:#1d1d1f}

/* headings jo tools me color:#fff hardcode hain */
h1,h2,h3,h4{color:#1d1d1f !important}
.q-title,.d-title,.pc-name,.res-head h2,.ai-empty-t,.cp-title,.tpm-ttl,.ai-title,
.slide .st,.theme,.summary-card .biz,.plan-head h2,.stat .num,.scorebig .n,
.pcol .pn,.biz h3,.hero h2,.hero-h,.t1,.gauge .num,.step h2,.result h2,.d-h,
.sec-title,.brand h1{color:#1d1d1f !important}
.stat .num.g{color:#1d9d4e !important}
.hero h2 b{color:#0066cc !important}

/* form fields / dropdowns / toasts */
select option,select optgroup{background:#ffffff !important;color:#1d1d1f !important}
.toast{background:#ffffff !important;color:#1d1d1f !important;border:1px solid rgba(0,0,0,.15) !important;box-shadow:0 10px 34px rgba(0,0,0,.16)}

/* cards-panels jo apne vars use karte hain wo upar ke overrides se
   khud light ho jaate hain; kuch common hardcoded cheezein: */
.pill,.chip,.pchip{color:inherit}
.caption-txt,.prompt-box,.copy-box,.review-box{color:#1d1d1f !important}
.bubble{color:inherit}
.cmsg.ai .bubble{color:#1d1d1f !important}
.msg.bot{color:#1d1d1f !important}

/* light bg par white-hover invisible na ho */
.btn-ghost:hover,.mini:not(.pri):not(.primary):hover,.act:not(.wa):not(.pitch):not(.site):not(.pipe-add):not(.p-copy):hover,.ed-btn:not(.pri):hover{background:rgba(0,0,0,.05) !important}
/* colored buttons: hover par bas thoda dark - white kabhi nahi */
.act.wa:hover{filter:brightness(.94)}
.act.pipe-add:hover{background:rgba(29,157,78,.16) !important}
.act.pitch,.act.pitch:hover{background:rgba(0,113,227,.10) !important;border-color:rgba(0,113,227,.35) !important;color:#0066cc !important}
.act.pitch:hover{background:rgba(0,113,227,.16) !important}

/* dashboard tool cards - dark hover fix */
.tool-card{background:#ffffff;border:1px solid var(--line)}
.tool-card:hover{background:#ffffff !important;border-color:var(--line-strong) !important;box-shadow:0 8px 24px rgba(0,0,0,.08)}
.tool-card h3{color:#1d1d1f}
.tool-card p{color:var(--muted)}

/* ---------- READABILITY: tools me hardcoded white text (light me invisible tha) ----------
   Buttons (.btn, .send, .use, .bub.me) white hi rehte hain - unka bg colored hai. */
.cname,.chead .n,td b,.big,.sec-t,.onething .d,.mcell .v,
.pill-h,.score-card .sh,.day-top .theme,.weekbadge,.strat-grid .biz,
.reel-part .rp-t,.scene .sc-b b,.caption-txt,.st,.sd,
.p-list li,.p-open,.helpbox,.exact,.good,.mist,.review-box,
.link-box,.pc-name,.d-title,.dTitle{color:#1d1d1f !important}
.big small{color:#4b4b4f !important}
.mq{color:#4b4b4f !important}

/* general body text thoda aur strong */
p,li,.lede,.tag,.sub,.csub,.q-sub,.hint,.section-sub,.cbiz,.addr,.d-sub,
.sbtn .d,.mnote,.modal .sub,.r-sub{color:#4b4b4f !important}
label{color:#3a3a3c !important}

/* Pitch Arena voice call overlay */
.vcall{background:rgba(0,0,0,.55) !important}
.vbox{background:#ffffff !important;border-color:rgba(0,0,0,.12) !important;box-shadow:0 30px 90px rgba(0,0,0,.25)}
.vname,.vtimer{color:#1d1d1f !important}
.vbiz,.vlimit,.vhint{color:#4b4b4f !important}
.vemoji{background:#f2f2f4 !important;border-color:rgba(0,0,0,.10) !important}
.vlog{background:#fafafa !important;border-color:rgba(0,0,0,.10) !important}
.vlog .l{color:#1d1d1f !important}
.vlog .l b{color:#0066cc !important}
.vlog .l.me b{color:#1d7a3f !important}
.vmute{border-color:rgba(0,0,0,.20) !important;color:#1d1d1f !important}

/* auth (login/register) */
.auth-wrap{background:var(--bg)}
.tagline{color:var(--muted)}

/* ---------- My Files ---------- */
.who .t,.note b,.empty h3{color:#1d1d1f !important}
.row{background:#ffffff !important}
.row:hover{border-color:var(--line-strong) !important;box-shadow:0 6px 20px rgba(0,0,0,.06)}
.chip.on{background:rgba(0,113,227,.10) !important;border-color:rgba(0,113,227,.4) !important;color:#0066cc !important}
.ic{color:#0066cc !important}

/* ---------- Resume Maker ---------- */
.drop .t,.pcard h3,.howto b,.gaps ul,.filebox{color:#1d1d1f !important}
.drop{background:#fafafa !important;border-color:var(--line-strong) !important}
.drop:hover,.drop.hot{background:rgba(0,113,227,.06) !important}
.ring{background:rgba(0,0,0,.08) !important}
.msgs::-webkit-scrollbar-thumb{background:rgba(0,0,0,.16) !important}
.bub.them{color:#1d1d1f !important}
.filebox{background:#fafafa !important;border-color:var(--line) !important}
.howto{background:rgba(0,113,227,.06) !important;border-color:rgba(0,113,227,.28) !important;color:#1d1d1f !important}
.err{background:rgba(215,0,21,.06) !important;border-color:rgba(215,0,21,.25) !important;color:#c00011 !important}
.resumebar{background:rgba(29,157,78,.07) !important;border-color:rgba(29,157,78,.3) !important;color:#1d1d1f !important}
.resumebar b,.pill b,.jump b,.chead .s{color:#1d7a3f !important}
.gaps .h{color:#b25000 !important}
/* resume preview hamesha safed kaagaz jaisa rehta hai - dono theme me same */
.prev{background:#fff !important;color:#1a1a1a !important}
.prev h2,.prev h3{color:#12365f !important}
.prev p,.prev li,.prev .row{color:#1a1a1a !important}
.prev .y{color:#555 !important}

/* active tab / step labels - dark theme me color:#fff hardcoded hai, light me invisible ho jaata tha */
.tabs button.on,.tabbar button.on{color:#1d1d1f !important}
.step.on{color:#1d1d1f !important}
.mode-card.sel .mc-t{color:#1d1d1f !important}

/* ---------- Dashboard hero image cards ----------
   Text image ke dark glass panel par baitha hai - light theme me bhi
   white hi rehna chahiye (upar ke h3/p overrides isse tod dete the). */
.hero-card{border-color:rgba(0,0,0,.12)}
.hero-card:hover{border-color:rgba(0,113,227,.45);box-shadow:0 14px 36px rgba(0,0,0,.18)}
.hero-card h3{color:#fff !important}
.hero-card p{color:rgba(233,240,255,.88) !important}
/* workspace compact cards - light hover fix */
.ws-card{background:#ffffff;border:1px solid var(--line)}
.ws-card:hover{background:#ffffff !important;border-color:var(--line-strong) !important;box-shadow:0 8px 24px rgba(0,0,0,.08)}
.ws-card h3{color:#1d1d1f}
.ws-card p{color:var(--muted) !important}

/* ---------- Output language bar (dashboard, tool ke upar) ---------- */
.lang-bar{background:#ffffff !important;border-bottom:1px solid var(--line) !important}
.lang-seg{background:rgba(0,0,0,.05) !important;border:1px solid var(--line) !important}
.lang-seg button{color:#4b4b4f !important}
.lang-seg button:hover{color:#1d1d1f !important}
.lang-seg button.on{background:#0071e3 !important;color:#fff !important}
.lang-modal{background:rgba(0,0,0,.35) !important}
.lang-box{background:#fff !important;border:1px solid var(--line-strong) !important;box-shadow:0 30px 80px rgba(0,0,0,.18) !important}
.lang-box h3{color:#1d1d1f !important}
.lang-card{background:#f5f5f7 !important;border:1px solid var(--line) !important;color:#1d1d1f !important}
.lang-card:hover{background:#ececef !important}
.lang-card.on{background:rgba(0,113,227,.10) !important;border-color:#0071e3 !important}

/* ---------- WebGenie: Maps autocomplete + AI auto-fill card ---------- */
.ac-list{background:#fff !important;border:1px solid var(--line-strong) !important;box-shadow:0 16px 40px rgba(0,0,0,.14) !important}
.ac-item{border-bottom:1px solid var(--line) !important}
.ac-item:hover,.ac-item.hl{background:rgba(0,113,227,.08) !important}
.ac-item .pin{background:#f0f0f3 !important}
.ac-item b{color:#1d1d1f !important}
.ac-item small,.ac-foot,.ac-hint{color:#4b4b4f !important}
.ac-foot{background:#f7f7f9 !important}
.gmb-card{background:rgba(0,113,227,.05) !important;border-color:rgba(0,113,227,.35) !important}
.gmb-card .gh b,.gmb-card ul,.gmb-card .gfill .fl .v{color:#1d1d1f !important}
.gmb-card .gs,.gmb-card .gfill .fl .k{color:#4b4b4f !important}
.gmb-card .gmeta span{background:#fff !important;color:#1d1d1f !important}
.gmb-card .gfill{background:#fff !important}
.gmb-card .gbtns .btn.ghost{color:#1d1d1f !important;border-color:var(--line-strong) !important}
.next-step{background:rgba(29,157,78,.06) !important;border-color:rgba(29,157,78,.35) !important}
.next-step .ns-txt{color:#1d1d1f !important}
.cw,.cw b{color:#fff !important}
.cw:hover{background:linear-gradient(135deg,#0062c4,#1f8ae6) !important}

/* ---------- Sara 2.0 (tools/sara.php) ---------- */
.bizbar .bn,body.sara .h-title,.kind b,.topic b,.hook .tx,.snap b,.onething .d,.step-h h3,.mem-item b{color:#1d1d1f !important}
.bizbar .av{color:#04122a !important}
.kind,.topic,.hook,.li,.snap div,.sec .bx,.mem-item,.seqnote,.drop{background:#fff !important;border-color:var(--line) !important;color:#1d1d1f !important}
.kind.sel,.topic.sel{background:rgba(0,113,227,.08) !important;border-color:#0071e3 !important}
.hook.sel{background:rgba(29,157,78,.08) !important;border-color:#1d9d4e !important}
.onething{background:rgba(0,113,227,.08) !important;border-color:rgba(0,113,227,.35) !important}
.onething .t{color:#0066cc !important}
.dial .in{background:#fff !important}
.igbox span,.pill{background:#f0f0f3 !important;color:#1d1d1f !important}
.flow span{background:#fff !important;color:#4b4b4f !important}
.flow span.on{color:#0066cc !important;background:rgba(0,113,227,.08) !important}
.prod th{color:#4b4b4f !important}
.btn.green{color:#04240f !important}


/* ---------- Contrast pass (30 Sep 2026) - audit se mile issues ---------- */
/* selected chips: light-blue text light bg par nahi padhta */
.chip.sel,.chips .chip.sel,.cta-alt .chip.sel{background:rgba(0,113,227,.10) !important;border-color:#0071e3 !important;color:#0066cc !important}
.tags{color:#0066cc !important}
.col-t.r{color:#c62828 !important}
.col-t.g{color:#1d7a3f !important}
.col-t.a{color:#9a6700 !important}
.col-t.b{color:#0066cc !important}
/* pitch arena level badges */
.badge.b-red{background:rgba(214,0,21,.10) !important;color:#b3261e !important}
.badge.b-amber,.badge.b-org{background:rgba(178,80,0,.10) !important;color:#9a4d00 !important}
.badge.b-green{background:rgba(29,157,78,.10) !important;color:#1d7a3f !important}
/* job finder match ring */
.jring.r-hi{color:#1d7a3f !important}
.jring.r-mid{color:#9a6700 !important}
.jring.r-low{color:#4b4b4f !important}
/* doc genie payment label */
.pay-info .lb{color:#4b4b4f !important}
/* review rocket */
.eyebrow{color:#0066cc !important}
.section-t{color:#1d1d1f !important}
.kw-row .mini,.mini{color:#1d1d1f !important}
.mini.pri,.mini.primary{color:#fff !important}
/* utsav pack mode toggle */
.mode-btn.on{background:#0071e3 !important;color:#fff !important;border-color:#0071e3 !important}
.mode-btn{color:#1d1d1f !important}
/* clients source tag */
.src.radar{background:rgba(0,113,227,.10) !important;color:#0066cc !important}
/* ---- button hover system (light): primary blue darker, ghost variants light bg + dark text, colored keep their colour ---- */
.btn:hover{background:#0062c4 !important;color:#fff !important}
.btn.ghost:hover,.btn.btn-ghost:hover,.btn.back:hover,.btn.small:hover,.btn.sec:hover,.btn.gray:hover,.btn[style*="transparent"]:hover,.act-btn:not(.primary):hover,.keybtn:hover,.mini-btn:hover{background:rgba(0,0,0,.06) !important;color:#1d1d1f !important;border-color:rgba(0,0,0,.28) !important}
.btn.green:hover{background:#178a43 !important;color:#fff !important}
.btn.red:hover,.btn.danger:hover{background:rgba(215,0,21,.10) !important;color:#b3261e !important}
.btn.wa:hover{filter:brightness(.94)}
.btn.gold:hover{background:linear-gradient(rgb(255,194,51),rgb(255,160,0)) !important;color:#1d1d1f !important;filter:brightness(.97)}
.btn-ghost,.btn-ghost:hover{color:#1d1d1f !important}
.act-btn.primary,.act-btn.primary:hover{background:#0071e3 !important;color:#fff !important}
.act-btn.primary:hover{background:#0062c4 !important}
.meta .no{color:#c62828 !important}
.meta .yes{color:#1d7a3f !important}
/* Review Rocket language multi-select (light) */
.msel-btn{background:#fff !important;color:#1d1d1f !important;border-color:var(--line) !important}
.msel-pop{background:#fff !important;border-color:var(--line-strong) !important;box-shadow:0 16px 40px rgba(0,0,0,.14) !important}
.msel-tools{background:#f7f7f9 !important}
.msel-tools button{color:#1d1d1f !important}
.msel-opt{color:#1d1d1f !important}
.msel-opt:hover{background:rgba(0,113,227,.08) !important}
.msel-tags span{background:rgba(0,113,227,.10) !important;color:#0066cc !important}
.ac-list{background:#fff !important}

/* ---------- Devesh 2.0 (tools/devesh.php) ---------- */
body.devesh .card h2,.cl b,.cat b,.hist .t,body.devesh .bar + .m b{color:#1d1d1f !important}
.cl,.cat,.out,.qradio{background:#fff !important;border-color:var(--line) !important;color:#1d1d1f !important}
.cl.on,.cat.on{background:rgba(0,113,227,.08) !important;border-color:#0071e3 !important}
.steps span{background:#fff !important;color:#4b4b4f !important}
.steps span.on{color:#0066cc !important;background:rgba(0,113,227,.08) !important}
.note{background:rgba(178,80,0,.08) !important;color:#8a4a00 !important;border-color:rgba(178,80,0,.3) !important}
.up .pv{background:#f5f5f7 !important}
.kbro{color:#1d1d1f !important}
.cl-h{color:#1d1d1f !important}
.v2-sw,.v2-sw:hover{color:#fff !important;background:linear-gradient(135deg,#0071e3,#2997ff) !important}