/* ===== SARVIN CRM ===== */
:root{--ink:#0a2a66;--royal:#1747c9;--bg:#eef2f9;--line:#dde3ee;--mut:#667085;--g:#16a34a;--r:#b42318}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--bg);color:#14213d;font-family:'Mukta Malar','Noto Sans Tamil',system-ui,sans-serif;font-size:14.5px}
button,input,select,textarea{font:inherit;color:inherit}
[hidden]{display:none!important}
.ctop{position:sticky;top:0;z-index:50;background:var(--ink);color:#fff;display:flex;align-items:center;gap:10px;padding:8px 14px;flex-wrap:wrap}
.ctop .br{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none;margin-right:auto}
.ctop .br img{border-radius:8px}.ctop .br span{font-weight:800;font-size:17px;line-height:1.1}.ctop .br small{display:block;font-size:11.5px;font-weight:600;color:#c9d8ff}
.cstat{background:#ffffff1f;border-radius:999px;padding:5px 12px;font-weight:700;font-size:13px}
.cstaff{background:#ffffff1f;border-radius:999px;padding:3px 6px 3px 10px;font-weight:700;font-size:13px}
.cstaff select{background:transparent;color:#fff;border:0;font-weight:800}.cstaff option{color:#14213d}
.cbtn{border:0;border-radius:999px;padding:9px 16px;font-weight:800;cursor:pointer;background:var(--royal);color:#fff;text-decoration:none;display:inline-flex;align-items:center;gap:6px;justify-content:center}
.cbtn.g{background:var(--g)}.cbtn.r{background:var(--r)}.cbtn.ghost{background:#e5e9f2;color:var(--ink)}.ctop .cbtn.ghost{background:#ffffff1f;color:#fff}
.cbtn.big{width:100%;padding:14px;font-size:17px}.cbtn.sm{padding:4px 10px;font-size:12.5px}
.cbtn:disabled{opacity:.5;cursor:default}
/* gate */
.cgate{display:grid;place-items:center;padding:30px 14px}
.gcard{background:#fff;border-radius:20px;max-width:520px;width:100%;padding:24px;box-shadow:0 20px 50px #0a2a6622}
.gcard h1{margin:0 0 6px;color:var(--ink)}.gcard ul{padding-left:18px;line-height:1.8}.gerr{color:var(--r);font-weight:700;min-height:20px}.gsmall{font-size:12px;color:var(--mut)}
/* tabs */
.capp{max-width:1400px;margin:0 auto;padding:10px 14px 40px}
.ctabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
.ctabs button{border:0;background:#dde5f4;border-radius:12px 12px 0 0;padding:9px 16px;font-weight:800;cursor:pointer;white-space:nowrap;color:#33415c}
.ctabs button.on{background:#fff;color:var(--royal)}
.cpane{background:#fff;border:1px solid var(--line);border-radius:0 14px 14px 14px;padding:14px}
.hint{font-size:13px;color:var(--mut)}
/* billing */
.bgrid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:14px}
@media(max-width:900px){.bgrid{grid-template-columns:1fr}}
.bsearch input,.csearch input{width:100%;padding:11px 14px;border:2px solid #c9d6f5;border-radius:12px;font-size:16px}
.bsearch input:focus,.csearch input:focus{outline:none;border-color:var(--royal)}
.bcats{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}
.bcats button{border:1.5px solid #c9d6f5;background:#fff;border-radius:999px;padding:5px 12px;font-weight:700;cursor:pointer;font-size:13px}
.bcats button.on{background:var(--ink);border-color:var(--ink);color:#fff}
.bsvc{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}
.sv{border:1.5px solid #e3e9f6;background:#f6f8fc;border-radius:12px;padding:10px 8px;text-align:center;cursor:pointer;transition:.1s;min-height:74px;display:flex;flex-direction:column;justify-content:center;gap:2px;position:relative}
.sv:hover{border-color:#9db6ef;background:#fff}.sv:active{transform:scale(.97)}
.sv b{font-size:14px;line-height:1.2}.sv small{color:var(--mut);font-weight:700}
.sv i{position:absolute;top:4px;right:6px;font-style:normal;font-size:11px}
.sv.flash{background:#dcfce7;border-color:var(--g)}
.bcust{background:#f6f8fc;border-radius:12px;padding:10px}
.bmob{display:flex;gap:6px}.bmob input{flex:1;padding:10px 12px;border:1.5px solid #c9d6f5;border-radius:10px;font-size:17px;font-weight:800;letter-spacing:.5px}
.bwho{font-size:13px;margin-top:6px;min-height:0}.bwho b{color:var(--ink)}.bwho .due{color:var(--r);font-weight:800}
.bwho .add{color:var(--royal);font-weight:800;cursor:pointer;text-decoration:underline}
.bcart{margin:10px 0;display:flex;flex-direction:column;gap:6px;max-height:300px;overflow:auto}
.bempty{color:var(--mut);text-align:center;margin:18px 0}
.ci{display:grid;grid-template-columns:1fr auto auto auto;gap:6px;align-items:center;border:1.5px solid #e3e9f6;border-radius:10px;padding:6px 8px}
.ci b{font-size:13.5px;line-height:1.2}.ci small{display:block;color:var(--mut);font-size:11.5px}
.ci .q{display:flex;align-items:center;gap:2px}.ci .q button{border:0;background:#eef1f6;border-radius:6px;width:26px;height:26px;cursor:pointer;font-weight:800}
.ci .q input{width:44px;text-align:center;border:1.5px solid #c9d6f5;border-radius:6px;padding:3px}
.ci .p{width:70px;text-align:right;border:1.5px solid #c9d6f5;border-radius:6px;padding:3px 6px}
.ci .x{border:0;background:none;color:var(--r);font-weight:900;cursor:pointer;font-size:16px}
.bpay{display:flex;gap:6px;margin:6px 0}.bpay button{flex:1;border:1.5px solid #c9d6f5;background:#fff;border-radius:10px;padding:8px;font-weight:800;cursor:pointer}
.bpay button.on{background:var(--ink);border-color:var(--ink);color:#fff}
.bpart label{font-weight:700;font-size:13px}.bpart input{width:110px;padding:6px 8px;border:1.5px solid #c9d6f5;border-radius:8px}
.bnote{width:100%;padding:8px 10px;border:1.5px solid #e3e9f6;border-radius:10px;margin:4px 0 8px}
.bquick{display:block;font-size:12.5px;color:var(--mut);margin-top:8px;cursor:pointer}
.btoday{margin-top:16px}.bth{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.bth h3{margin:0;color:var(--ink);font-size:16px}.bth span{color:var(--mut);font-weight:700}
.tblw{overflow-x:auto}
.ctbl{width:100%;border-collapse:collapse;font-size:13.5px;margin-top:8px}
.ctbl th,.ctbl td{border-bottom:1px solid #eef1f6;padding:6px 8px;text-align:left;white-space:nowrap}
.ctbl th{font-size:12px;color:var(--mut);background:#f8fafd}
.ctbl td.n,.ctbl th.n{text-align:right}.ctbl tr.del td{text-decoration:line-through;color:#98a2b3}
.ctbl tr.tot td{font-weight:800;border-top:2px solid var(--line)}
.pl{border-radius:999px;padding:1px 8px;font-size:11.5px;font-weight:800}
.pl.Cash{background:#dcfce7;color:#166534}.pl.UPI{background:#e0e7ff;color:#3730a3}.pl.Credit{background:#fee2e2;color:var(--r)}
.lnk{background:none;border:0;color:var(--royal);font-weight:800;cursor:pointer;padding:0}
/* customers */
.csearch{display:flex;gap:8px}.csearch input{flex:1}
.plist{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px;margin-top:10px}
.pc{border:1.5px solid #e3e9f6;border-radius:12px;padding:10px;cursor:pointer;background:#f8fafd}.pc:hover{border-color:#9db6ef;background:#fff}
.pc b{display:block}.pc small{color:var(--mut)}.pc .due{color:var(--r);font-weight:800;font-size:12px}
.pview{margin-top:10px}
.pv{display:grid;grid-template-columns:320px minmax(0,1fr) 260px;gap:12px}
@media(max-width:1000px){.pv{grid-template-columns:1fr}}
.pbox{border:1px solid var(--line);border-radius:14px;padding:12px;background:#fff}
.pbox h3{margin:0 0 8px;color:var(--ink);font-size:15px;display:flex;align-items:center;gap:6px}
.ph{display:flex;gap:10px;align-items:center;margin-bottom:8px}.av{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#1747c9,#7c3aed);color:#fff;display:grid;place-items:center;font-size:24px;font-weight:800;flex:none}
.ph b{font-size:18px;display:block}.ph small{color:var(--mut)}
.kv{display:grid;grid-template-columns:110px 1fr;gap:4px 8px;font-size:13px}.kv span{color:var(--mut);font-weight:600}.kv b{font-weight:700;overflow-wrap:anywhere}
.sums{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}.sums div{background:#f6f8fc;border-radius:12px;padding:8px 10px}.sums b{display:block;font-size:19px;color:var(--ink)}.sums small{color:var(--mut)}
.duebox{background:#fef2f2;border:1.5px solid #fecaca;border-radius:12px;padding:10px;margin-bottom:10px}.duebox b{color:var(--r);font-size:22px}
.qa{display:grid;gap:6px}
/* person form */
.pform{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 10px;max-height:62vh;overflow:auto;padding:2px}
@media(max-width:700px){.pform{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pform h4{grid-column:1/-1;margin:8px 0 0;color:var(--royal);font-size:13.5px;border-bottom:1px solid #eef1f6;padding-bottom:3px}
.pform label{font-size:12px;font-weight:700;color:#4a5878;display:flex;flex-direction:column;gap:2px;min-width:0}
.pform label.w2{grid-column:span 2}
.pform input,.pform select{padding:7px 8px;border:1.5px solid #c9d6f5;border-radius:8px;font-size:14px;width:100%}
/* report */
.rbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.seg{display:flex;flex-wrap:wrap;gap:4px}.seg button{border:1.5px solid #c9d6f5;background:#fff;border-radius:999px;padding:6px 12px;font-weight:700;cursor:pointer;font-size:13px}
.seg button.on{background:var(--ink);border-color:var(--ink);color:#fff}
.rcust input{padding:5px 8px;border:1.5px solid #c9d6f5;border-radius:8px}
.rcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:12px 0}
.rc{border-radius:14px;padding:12px}.rc small{font-weight:700;display:block}.rc b{font-size:24px;display:block}
.rc.a{background:#e7efff;color:var(--royal)}.rc.b{background:#dcfce7;color:#166534}.rc.c{background:#fef3c7;color:#92400e}.rc.d{background:#fee2e2;color:var(--r)}.rc.e{background:#f1f5f9;color:#334155}.rc.f{background:#ede9fe;color:#5b21b6}
.rgrid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:12px}
@media(max-width:900px){.rgrid{grid-template-columns:1fr}}
.rbox{border:1px solid var(--line);border-radius:14px;padding:12px;margin-bottom:12px}.rbox h3{margin:0;color:var(--ink);font-size:15px}
.rdays{display:flex;flex-direction:column;gap:3px;margin-top:8px;max-height:320px;overflow:auto}
.rd{display:grid;grid-template-columns:86px 1fr 80px;gap:8px;align-items:center;font-size:12.5px}.rd i{display:block;height:14px;background:linear-gradient(90deg,#1747c9,#60a5fa);border-radius:4px;min-width:2px}.rd b{text-align:right}
/* services table */
.svt input,.svt select{border:1.5px solid #e3e9f6;border-radius:6px;padding:4px 6px;width:100%;min-width:60px}
.svt td{padding:3px 4px}.svt input.n{width:80px;text-align:right}
.sacts{display:flex;gap:8px;margin-top:10px;justify-content:flex-end}
.setg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.setg label{display:flex;flex-direction:column;gap:3px;font-weight:700;font-size:13px}.setg .wide{grid-column:1/-1}
.setg input{padding:9px 10px;border:1.5px solid #c9d6f5;border-radius:10px}
/* dialogs */
.cdlg{position:fixed;inset:0;background:#0a2a6688;z-index:100;display:grid;place-items:center;padding:14px}
.dbox{background:#fff;border-radius:16px;padding:18px;width:100%;max-width:380px;max-height:92vh;overflow:auto}.dbox.wide{max-width:900px}
.dbox h3{margin:0 0 10px;color:var(--ink)}
.dbox>label{display:flex;flex-direction:column;gap:3px;font-weight:700;font-size:13px;margin-bottom:8px}
.dbox>label input{padding:10px;border:1.5px solid #c9d6f5;border-radius:10px;font-size:17px}
.dacts{display:flex;gap:8px;margin-top:10px}.dacts .cbtn{flex:1}
.ctoast{position:fixed;left:50%;bottom:18px;transform:translateX(-50%) translateY(120px);background:var(--ink);color:#fff;padding:10px 14px;border-radius:12px;font-weight:700;z-index:200;transition:transform .2s;display:flex;gap:10px;align-items:center;max-width:94vw}
.ctoast.on{transform:translateX(-50%)}.ctoast.bad{background:var(--r)}
.ctoast button{border:0;border-radius:999px;background:#fff;color:var(--ink);font-weight:800;padding:4px 10px;cursor:pointer}
@media(max-width:600px){.ctop .br small{display:none}.cstat{font-size:12px}.cpane{padding:10px}.bsvc{grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}}
@media(min-width:901px){.bright{position:sticky;top:70px;align-self:start;max-height:calc(100vh - 76px);overflow:auto}}
@media(max-width:900px){.bright{order:-1}.bcart{max-height:220px}.bcart .bempty{margin:8px 0;font-size:13px}}
/* ---- v2 modules ---- */
.ctabs .cnt{background:#ef4444;color:#fff;border-radius:999px;padding:0 7px;font-size:12px;margin-left:2px}
.bdocs{width:100%;margin:8px 0 0}
.pl.Pending{background:#fef3c7;color:#92400e}.pl.Del{background:#f1f5f9;color:#475569}
.tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px}.tg{border-radius:999px;padding:1px 8px;font-size:11px;font-weight:800}
.tg.t1{background:#e3ebff;color:#1747c9}.tg.t2{background:#fef3c7;color:#92400e}.tg.t3{background:#dcfce7;color:#166534}.tg.t4{background:#f1f5f9;color:#64748b}
.pdocs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.pdocs div{border:1.5px solid #e3e9f6;border-radius:10px;padding:6px 9px}.pdocs b{display:block;font-size:13px}.pdocs small{color:var(--mut);font-size:11.5px}
.pdocs .ok{border-color:#9ee0b8;background:#f2fdf5}.pdocs .no{border-style:dashed;color:#98a2b3}.pdocs .no b{color:#98a2b3}
.rem{border-left:4px solid #f59e0b;background:#fffbeb;border-radius:8px;padding:7px 10px;margin-top:6px;font-size:12.5px}
/* certificates */
.ccnt{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:10px}
@media(max-width:800px){.ccnt{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ccnt div{border-radius:12px;padding:9px 12px}.ccnt small{font-weight:800;display:block}.ccnt b{font-size:24px}.ccnt b small{display:inline;font-size:12px}
.ccnt .c1{background:#e7efff;color:#1747c9}.ccnt .c2{background:#fef3c7;color:#92400e}.ccnt .c3{background:#fee2e2;color:#b42318}.ccnt .c4{background:#dcfce7;color:#166534}.ccnt .c5{background:#f1f5f9;color:#475569}
.kbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.kbar input{margin-left:auto;padding:8px 12px;border:1.5px solid #c9d6f5;border-radius:10px;min-width:240px}
.pipe{display:flex;align-items:center;gap:2px;font-size:11px;font-weight:800;color:#98a2b3}.pipe i{font-style:normal;border-radius:999px;padding:2px 7px;background:#f1f5f9;color:#98a2b3}
.pipe i.d{background:#dbeafe;color:#1747c9}.pipe i.c{background:#fef3c7;color:#92400e;outline:2px solid #f59e0b}.pipe i.r{background:#fee2e2;color:#b42318;outline:2px solid #ef4444}.pipe i.k{background:#dcfce7;color:#166534;outline:2px solid #16a34a}
.ktbl td{vertical-align:middle}.ka{display:flex;gap:4px;flex-wrap:wrap}.cbtn.rr{background:#fee2e2;color:#b42318}
.wamsg{white-space:pre-wrap;background:#effcf3;border:1px dashed #16a34a;border-radius:10px;padding:8px 10px;font-size:12.5px;margin-top:6px}
.dbox label.chk{flex-direction:row;align-items:flex-start;gap:6px;font-weight:600}
/* documents */
.dlay{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:12px}
@media(max-width:900px){.dlay{grid-template-columns:1fr}}
.dl{display:flex;flex-direction:column;gap:3px;font-weight:700;font-size:13px;margin:8px 0}.dl input{padding:9px 10px;border:1.5px solid #c9d6f5;border-radius:10px}
.dchk{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:6px 0}
.di{border:1.5px solid #e3e9f6;background:#fff;border-radius:9px;padding:7px 9px;text-align:left;cursor:pointer;font-weight:600;font-size:13px}
.di.on{border-color:var(--g);background:#effcf3}
.ty{font-size:10.5px;font-weight:800;border-radius:999px;padding:1px 6px}.ty.x{background:#e0e7ff;color:#3730a3}.ty.o{background:#fee2e2;color:#b42318}
.dother{display:flex;gap:6px;margin-bottom:10px}.dother input{flex:1;padding:7px 10px;border:1.5px solid #e3e9f6;border-radius:9px}
.dcnt{background:#fef3c7;border-radius:12px;padding:10px 12px;color:#92400e;font-weight:700;margin-bottom:8px}.dcnt b{display:block;font-size:22px}
.dheld h3{margin:12px 0 6px;color:var(--ink);font-size:15px}
.dr{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:8px 10px;margin-bottom:6px;background:#fff}
.dr small{color:var(--mut)}.dr.done{grid-template-columns:minmax(0,1fr) auto auto;opacity:.8}
.dd{font-weight:800;white-space:nowrap}.dd.late{color:#b42318}.db{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:600px){.dr{grid-template-columns:1fr auto}.db{grid-column:1/-1;justify-content:flex-start}}
/* pending works */
.wbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.wbar .seg{margin-right:auto}
.wlay{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:12px}
@media(max-width:1100px){.wlay{grid-template-columns:1fr}}
.wcols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
@media(max-width:900px){.wcols{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.wcols{grid-template-columns:1fr}}
.wcol{background:#f6f8fc;border-radius:12px;padding:8px;min-height:120px}
.wcol h4{margin:2px 4px 8px;display:flex;align-items:center;gap:6px;font-size:13.5px}.wcol h4 b{margin-left:auto;background:#fff;border-radius:999px;padding:0 9px;font-size:12px}
.wcol.urgent h4{color:#b42318}.wcol.todo h4{color:#92400e}.wcol.wait h4{color:#1747c9}.wcol.done h4{color:#166534}
.wc{background:#fff;border-radius:10px;padding:8px 10px;margin-bottom:7px;border-left:4px solid #cbd5e1;box-shadow:0 1px 3px #0a2a6614}
.wc b{display:block;font-size:13px}.wc small{color:var(--mut);display:block;margin-top:2px;font-size:12px}
.wc.urgent{border-left-color:#ef4444}.wc.todo{border-left-color:#f59e0b}.wc.wait{border-left-color:#3b82f6}.wc.done{border-left-color:#16a34a;opacity:.85}.wc.red{background:#fff5f5}.wc.doing{outline:2px solid #16a34a33}
.wm{display:flex;gap:5px;align-items:center;margin-top:6px;flex-wrap:wrap}
.wav{width:22px;height:22px;border-radius:50%;color:#fff;font-weight:800;font-size:11px;display:inline-grid;place-items:center;flex:none}
.wav.a0{background:#1747c9}.wav.a1{background:#7c3aed}.wav.a2{background:#db2777}.wav.a3{background:#0891b2}.wav.a4{background:#ea580c}
.wt{font-size:10.5px;font-weight:800;border-radius:999px;padding:2px 7px;background:#e0e7ff;color:#3730a3}.wt.r{background:#fee2e2;color:#b42318}.wt.g{background:#dcfce7;color:#166534}
.wbtns{margin-left:auto;display:flex;gap:2px}.wbtns button,.wgo{border:0;background:#eef1f6;border-radius:6px;padding:2px 6px;cursor:pointer;font-size:12px}
.wgo{margin-left:auto;color:var(--royal);font-weight:800}
.sr{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid #eef1f6}.sr>span:not(.wav){flex:1}.sr small{display:block;color:var(--mut);font-size:11.5px}
.sr2{padding:5px 0;border-bottom:1px solid #eef1f6;font-size:12.5px}
/* scan */
.slay{display:grid;grid-template-columns:260px minmax(0,1fr) 360px;gap:12px;min-height:480px}
@media(max-width:1100px){.slay{grid-template-columns:1fr}}
.sdrop{display:block;border:2.5px dashed #9fb3e6;background:#f5f8ff;border-radius:14px;padding:18px 10px;text-align:center;cursor:pointer}
.sdrop.on{background:#e7efff;border-color:var(--royal)}.sdrop b{display:block;color:var(--royal)}.sdrop small{color:var(--mut)}
.xlist{display:flex;flex-direction:column;gap:5px;margin-top:8px;max-height:420px;overflow:auto}
.xf{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:9px;background:#f6f8fc;cursor:pointer;border:2px solid transparent}
.xf.on{border-color:var(--royal);background:#e7efff}.xf small{display:block;color:var(--mut);font-size:11px}.xf .st{margin-left:auto;font-weight:800}
.xprev{height:100%;min-height:420px;background:#d9dde5;border-radius:10px;display:grid;place-items:center;position:relative;overflow:auto}
.xprev img{max-width:100%;max-height:640px;display:block}
.xbadge{position:absolute;left:10px;top:10px;background:#16a34a;color:#fff;border-radius:999px;padding:4px 10px;font-weight:800;font-size:12.5px}
.xbadge.b2{top:auto;bottom:10px;background:#fff;color:var(--ink)}
.xfld{display:grid;grid-template-columns:110px minmax(0,1fr) 20px;gap:6px;align-items:center;margin-bottom:5px}
.xfld label{font-weight:700;color:#4a5878;font-size:12px}.xfld input{border:1.5px solid #c9d6f5;border-radius:8px;padding:6px 8px;font-size:13.5px;width:100%}
.xfld input.w{border-color:#f59e0b;background:#fffbeb}
/* TV board */
body.tv .ctabs,body.tv .wbar .cbtn,body.tv #cSync,body.tv #cSheet,body.tv .wside{display:none!important}
body.tv .wlay{grid-template-columns:1fr}body.tv .wc b{font-size:16px}body.tv .wc small{font-size:14px}body.tv .wcol h4{font-size:17px}body.tv .capp{max-width:none}
/* ---- v3: dashboard, jobs, accounts, bigger text ---- */
body{font-size:16px}
.ctabs button{font-size:15.5px;padding:10px 16px}
.ctbl{font-size:15px}.ctbl th{font-size:13px}
.sv b{font-size:15px}.hint{font-size:14px}
.czoom{display:inline-flex;gap:2px;background:#ffffff1f;border-radius:999px;padding:3px}
.czoom button{border:0;background:transparent;color:#fff;font-weight:800;padding:5px 10px;border-radius:999px;cursor:pointer}.czoom button:hover{background:#ffffff33}
.dtop{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.dnew{font-size:19px;padding:15px 22px;box-shadow:0 8px 20px #16a34a44}
.dcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;margin-bottom:14px}
.dc{border-radius:14px;padding:12px 14px;cursor:pointer;transition:transform .1s}.dc:hover{transform:translateY(-2px)}
.dc small{display:block;font-weight:800;font-size:13.5px}.dc b{display:block;font-size:28px;line-height:1.2}.dc span{font-size:13px;opacity:.85}
.dc.j{background:#ede9fe;color:#5b21b6}.dc.a{background:#e7efff;color:#1747c9}.dc.c{background:#fef3c7;color:#92400e}.dc.d{background:#fce7f3;color:#9d174d}.dc.r{background:#fee2e2;color:#b42318}
.dc.g{background:#dcfce7;color:#166534}.dc.b{background:#e0f2fe;color:#075985}.dc.w{background:#f1f5f9;color:#334155}
.dgrid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:12px}
@media(max-width:1000px){.dgrid{grid-template-columns:1fr}}
.jrow{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;border:1.5px solid #e3e9f6;border-radius:12px;padding:10px 12px;margin-bottom:8px;cursor:pointer;background:#fff}
.jrow:hover{border-color:#9db6ef}.jrow.pay{border-color:#16a34a;background:#f2fdf5}.jrow.wt{border-color:#93c5fd;background:#f5f9ff}
.jr1 b{display:block;font-size:16px}.jr1 span{display:block;font-weight:700;color:var(--royal)}.jr1 small{color:var(--mut)}
@media(max-width:700px){.jrow{grid-template-columns:1fr auto}.jrow .jmini{grid-column:1/-1;order:3}}
.jmini{display:flex;gap:3px}.jmini i{font-style:normal;width:30px;height:30px;border-radius:50%;background:#f1f5f9;display:grid;place-items:center;font-size:14px;opacity:.45}
.jmini i.d{background:#dbeafe;opacity:1}.jmini i.c{background:#fef3c7;outline:2px solid #f59e0b;opacity:1}.jmini i.w{background:#dbeafe;outline:2px solid #3b82f6;opacity:1}
.jstep{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin:4px 0 12px}.jstep b{color:#cbd5e1}
.jstep i{font-style:normal;border-radius:999px;padding:6px 12px;background:#f1f5f9;color:#94a3b8;font-weight:800;font-size:14px}
.jstep i.d{background:#dbeafe;color:#1747c9}.jstep i.c{background:#fef3c7;color:#92400e;outline:2px solid #f59e0b}.jstep i.w{background:#e0f2fe;color:#075985;outline:2px solid #3b82f6}
.jbox{max-width:860px}.jhead{display:flex;align-items:center;gap:10px}.jhead h3{margin:0;flex:1}
.jform>label,.jpay label,.arow label{display:flex;flex-direction:column;gap:3px;font-weight:700;font-size:14px;margin:8px 0}
.jform input,.jform select,.jpay input,.arow input,.arow select{padding:10px 12px;border:1.5px solid #c9d6f5;border-radius:10px;font-size:16px}
.jsv{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;max-height:260px;overflow:auto}
.jsv button{border:1.5px solid #e3e9f6;background:#f6f8fc;border-radius:10px;padding:8px;font-weight:700;cursor:pointer;text-align:left}.jsv button small{display:block;color:var(--mut)}
.jsv button.on{border-color:var(--g);background:#dcfce7}
.arow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media(max-width:560px){.arow{grid-template-columns:1fr}}
.jacts{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.jacts .big{flex:1;min-width:200px;width:auto}
.jsum{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px}.jsum div{background:#f6f8fc;border-radius:12px;padding:10px}
.jsum small{display:block;color:var(--mut);font-weight:700}.jsum b{display:block;font-size:18px}.jsum span{font-size:13px;color:#4a5878}
.jref{display:flex;gap:6px;flex:1;min-width:260px}.jref input{flex:1;padding:10px 12px;border:1.5px solid #c9d6f5;border-radius:10px;font-size:16px}
.jpay{margin-top:14px;border:2px solid #16a34a;border-radius:14px;padding:12px;background:#f8fef9}.jpay h4{margin:0 0 4px;color:#166534;font-size:16px}
.jpay .bpay button{font-size:15px;padding:10px}
.jpay .chk{flex-direction:row!important;align-items:center;font-weight:600!important}
.jfoot{margin-top:12px;font-size:14px}
.jlog{margin-top:12px;font-size:13px;color:#4a5878;max-height:140px;overflow:auto}.jlog h4{margin:0 0 4px;color:var(--ink)}.jlog div{border-bottom:1px dashed #e3e9f6;padding:2px 0}
.al{display:flex;gap:8px;align-items:center;border-left:4px solid #f59e0b;background:#fffbeb;border-radius:8px;padding:7px 10px;margin-bottom:6px}
.al.urgent{border-left-color:#ef4444;background:#fef2f2}.al.wait{border-left-color:#3b82f6;background:#eff6ff}
.al div{flex:1}.al b{display:block;font-size:14px}.al small{color:var(--mut)}
.tsum{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.tsum span{background:#f6f8fc;border-radius:999px;padding:4px 10px;font-size:13.5px}
.tl{display:grid;grid-template-columns:50px minmax(0,1fr) auto;gap:2px 8px;padding:5px 0;border-bottom:1px solid #eef1f6;font-size:14px}
.tl span{color:var(--mut)}.tl small{grid-column:2;color:var(--mut)}.tl i{font-style:normal;font-weight:800;grid-row:1;grid-column:3}
/* accounts */
.acards{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;margin-bottom:12px}
.ac{border-radius:14px;padding:12px 14px;background:#e0f2fe;color:#075985}.ac.cash{background:#dcfce7;color:#166534}.ac.wallet{background:#f1f5f9;color:#334155}
.ac small{display:block;font-weight:800}.ac b{display:block;font-size:28px}.ac b.neg{color:#b42318}.ac span{display:block;font-size:12.5px;opacity:.85}.ac .lnk{font-size:12.5px;margin-top:4px}
.agrid{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:12px}
@media(max-width:1000px){.agrid{grid-template-columns:1fr}}
.agrid h3 select{padding:4px 6px;border:1.5px solid #c9d6f5;border-radius:8px;font-size:13px;margin-left:6px}
/* =================== v4: professional layout =================== */
:root{--bg2:#e9edf5;--card2:#fff;--ln:#d9dfeb;--ink2:#0f172a;--sub2:#5b6476;--mut2:#8a93a5;--acc:#2454d6;--acc2:#eaf0ff;--okc:#0f9d58;--okbg:#e8f6ee;--wc:#c27c0e;--wbg:#fff6e5;--bc:#d93025;--bbg:#fdecea;--navy:#0f1b3d}
body{background:var(--bg2);color:var(--ink2);font-family:'Mukta Malar','Noto Sans Tamil',system-ui,sans-serif}
.ctop{background:var(--navy);padding:8px 16px;box-shadow:0 2px 10px #0f172a33}
.ctop .br img{border-radius:9px}
svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}
.capp{max-width:none;margin:0;padding:0;display:grid;grid-template-columns:220px minmax(0,1fr);min-height:calc(100vh - 54px)}
.ctabs{flex-direction:column;gap:3px;background:linear-gradient(180deg,#0b1533,#132457);padding:14px 10px;position:sticky;top:54px;height:calc(100vh - 54px);overflow:auto}
.ctabs button{display:flex;align-items:center;gap:12px;background:transparent;color:#c8d1e8;border-radius:10px;padding:11px 12px;font-size:15px;font-weight:600;text-align:left}
.ctabs button:hover{background:#ffffff12;color:#fff}
.ctabs button.on{background:#1f2f5f;color:#fff}
.ctabs button .cnt{margin-left:auto;background:#3b6cf6}
.ctabs .nsep{display:block;height:1px;background:#22305a;margin:8px 4px}
.cmain{padding:18px 22px 40px;min-width:0;background:linear-gradient(180deg,#dfe6f3 0,var(--bg2) 240px)}
.cpane{border-radius:14px;border:1px solid var(--ln);box-shadow:0 4px 14px #0f172a12}
.cpane[data-p=counter],.cpane[data-p=ticket]{background:transparent;border:0;box-shadow:none;padding:0}
.pbox{box-shadow:0 2px 8px #0f172a0d}
@media(max-width:900px){
 .capp{grid-template-columns:1fr}
 .ctabs{flex-direction:row;position:sticky;top:0;height:auto;overflow-x:auto;padding:6px;z-index:40;border-radius:0}
 .ctabs button{flex-direction:column;gap:2px;font-size:11.5px;padding:6px 10px;min-width:72px;align-items:center;text-align:center;white-space:nowrap}
 .ctabs .nsep{width:1px;height:auto;margin:4px}
 .cmain{padding:12px 10px 40px}
}
/* common bits */
.nbtn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:10px;padding:10px 15px;font-weight:700;border:1.5px solid var(--ln);background:#fff;color:var(--ink2);cursor:pointer;white-space:nowrap;text-decoration:none;font-size:15px}
.nbtn:hover{border-color:#a9b7d6}.nbtn.p{background:var(--acc);border-color:var(--acc);color:#fff}.nbtn.g{background:var(--okc);border-color:var(--okc);color:#fff}
.nbtn.sm{padding:6px 11px;font-size:13.5px}.nbtn.big{width:100%;padding:15px;font-size:18px}.nbtn.wide{width:100%;margin-top:8px}.nbtn:disabled{opacity:.5;cursor:default}
.chip{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:3px 10px;font-size:12.5px;font-weight:700;background:#eef1f6;color:var(--sub2);border:0;cursor:default}
button.chip{cursor:pointer}.chip.ok{background:var(--okbg);color:var(--okc)}.chip.w{background:var(--wbg);color:var(--wc)}.chip.b{background:var(--acc2);color:var(--acc)}.chip.bad{background:var(--bbg);color:var(--bc)}
.ncard{background:#fff;border:1px solid var(--ln);border-radius:14px;padding:16px;box-shadow:0 4px 14px #0f172a12}
.ncard>h2{margin:-16px -16px 14px;padding:12px 16px;border-radius:14px 14px 0 0;background:#f3f5fa;border-bottom:1px solid #e3e8f2;font-size:17px;display:flex;align-items:center;gap:8px}
.ncard>h2 small{color:var(--mut2);font-weight:600;font-size:13px}.ncard>h2 .r{margin-left:auto}
.ncard>h2 select{border:1.5px solid var(--ln);border-radius:8px;padding:4px 8px;background:#fff;font-weight:600}
.empty{color:var(--mut2);font-size:14px;margin:8px 2px}.empty.big{text-align:center;padding:26px 0;font-size:15px}
/* counter */
.ktop{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}
.ksearch{flex:1;min-width:240px;position:relative;display:flex;align-items:center;gap:10px;background:#fff;border:1.5px solid #c5cfe3;border-radius:12px;padding:0 14px;box-shadow:0 4px 14px #0f172a14;color:var(--mut2)}
.ksearch:focus-within{border-color:var(--acc)}
.ksearch input{flex:1;border:0;outline:0;padding:13px 0;font-size:17px;background:transparent;color:var(--ink2);font-weight:600;min-width:0}
.ksearch kbd{font:12px system-ui;border:1px solid var(--ln);border-radius:6px;padding:2px 6px}
.ksug{position:absolute;left:0;right:0;top:calc(100% + 6px);background:#fff;border:1px solid var(--ln);border-radius:12px;box-shadow:0 16px 40px #0f172a2e;z-index:60;padding:6px;max-height:380px;overflow:auto}
.ksug button{display:flex;align-items:center;gap:10px;width:100%;border:0;background:none;padding:10px 12px;border-radius:9px;cursor:pointer;text-align:left;font-size:15px}
.ksug button:hover,.ksug button.on{background:var(--acc2)}.ksug span{color:var(--mut2);font-size:13.5px}.ksug i{margin-left:auto;font-style:normal;color:var(--bc);font-weight:700;font-size:13px}.ksug .new b{color:var(--okc)}
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}
@media(max-width:1000px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
.kpi{border-radius:14px;padding:14px 16px;color:#fff;position:relative;overflow:hidden;box-shadow:0 6px 16px #0f172a1f;cursor:pointer}
.kpi small{color:#ffffffde;font-weight:700;font-size:14px}.kpi b{display:block;font-size:28px;margin-top:2px;letter-spacing:-.3px}.kpi span{font-size:13px;color:#ffffffd0;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kpi:after{content:'';position:absolute;right:-24px;top:-24px;width:96px;height:96px;border-radius:50%;background:#ffffff1f}
.kpi.k1{background:linear-gradient(135deg,#2454d6,#4f7bff)}.kpi.k2{background:linear-gradient(135deg,#0f9d58,#34c47c)}.kpi.k3{background:linear-gradient(135deg,#7b3fe4,#a06cff)}.kpi.k4{background:linear-gradient(135deg,#d93025,#f0645a)}
.kgrid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px}
@media(max-width:1200px){.kgrid{grid-template-columns:1fr}}
.kside{display:flex;flex-direction:column;gap:16px}
.kcols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media(max-width:700px){.kcols{grid-template-columns:1fr}}
.kc{border-radius:12px;overflow:hidden;box-shadow:inset 0 0 0 1px #e3e8f2}
.kc h3{margin:0;padding:10px 12px;color:#fff;font-size:15px;display:flex;align-items:center;gap:8px}.kc h3 b{margin-left:auto;background:#ffffff33;border-radius:999px;padding:0 9px}
.kc .tks{padding:10px;min-height:260px}
.kc.a h3{background:#64748b}.kc.a .tks{background:#f4f6f9}.kc.b h3{background:var(--acc)}.kc.b .tks{background:#eef3ff}.kc.c h3{background:var(--okc)}.kc.c .tks{background:#ecf8f1}
.tk{background:#fff;border:1px solid #e3e8f2;border-radius:12px;padding:11px 12px;margin-bottom:9px;box-shadow:0 1px 3px #0f172a0d;cursor:pointer}
.tk:hover{box-shadow:0 6px 16px #0f172a1a}
.kc.a .tk{border-left:4px solid #94a3b8}.kc.b .tk{border-left:4px solid var(--acc)}.kc.c .tk{border-left:4px solid var(--okc)}
.tk .n{display:flex;justify-content:space-between;font-weight:700;font-size:15px}.tk .n span{color:var(--mut2);font-weight:600;font-size:12.5px}
.tk .s{color:var(--acc);font-weight:700;margin:2px 0 6px}
.tk .bar{height:5px;background:#e3e9f6;border-radius:9px;margin-top:9px;overflow:hidden}.tk .bar i{display:block;height:100%;background:var(--acc)}
.tk .m{display:flex;gap:6px;align-items:center;margin-top:8px}.tk .amt{margin-left:auto;font-weight:800}.tk .m .nbtn{margin-left:auto}
.qs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.q{border:0;border-radius:12px;padding:12px 6px;text-align:center;color:#fff;cursor:pointer;box-shadow:0 3px 8px #0f172a1a;transition:transform .1s}.q:hover{transform:translateY(-2px)}
.q .ic{width:40px;height:40px;border-radius:10px;margin:0 auto 6px;display:grid;place-items:center;background:#ffffff2e}
.q b{display:block;font-size:14px;line-height:1.2}.q small{color:#ffffffd0;font-weight:600}
.q0{background:#2454d6}.q1{background:#0f9d58}.q2{background:#e08a00}.q3{background:#7b3fe4}.q4{background:#0e7490}.q5{background:#475569}
#kAlerts .al{border:0;border-radius:10px;padding:10px;margin-bottom:8px;background:var(--wbg)}
#kAlerts .al.urgent{background:var(--bbg)}#kAlerts .al.wait{background:var(--acc2)}
#kAlerts .al .ic{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#fff;color:var(--wc);flex:none}
#kAlerts .al.urgent .ic{color:var(--bc)}#kAlerts .al.wait .ic{color:var(--acc)}
#kAlerts .al>div{flex:1}#kAlerts .al b{font-size:14px}#kAlerts .al small{font-size:12.5px}
#kAlerts .chip{background:#fff}
/* ticket */
.twrap{display:grid;grid-template-columns:290px minmax(0,1fr) 360px;gap:16px;align-items:start}
@media(max-width:1250px){.twrap{grid-template-columns:minmax(0,1fr) 340px}.tcust{grid-column:1/-1}}
@media(max-width:800px){.twrap{grid-template-columns:1fr}}
.tcust{padding:0;overflow:hidden}.tcust .hd{display:flex;gap:12px;align-items:center;background:linear-gradient(135deg,#2454d6,#7b3fe4);color:#fff;padding:16px}
.tcust .av{width:50px;height:50px;border-radius:50%;background:#ffffff33;display:grid;place-items:center;font-size:20px;font-weight:800;flex:none}
.tcust .hd b{font-size:18px;display:block}.tcust .hd small{color:#ffffffcc}
.tcust .in{padding:12px 16px 16px}.tcust .tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}
.tcust .kv{display:grid;grid-template-columns:92px 1fr;gap:6px 8px;font-size:14px}.tcust .kv span{color:var(--mut2)}.tcust .kv b{font-weight:600}
.tcust .mini{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.tcust .mini div{border-radius:10px;padding:8px;text-align:center}.tcust .mini b{display:block;font-size:16px}.tcust .mini small{font-size:12px;color:var(--sub2)}
.tcust .mini div:nth-child(1){background:var(--acc2);color:var(--acc)}.tcust .mini div:nth-child(2){background:var(--bbg);color:var(--bc)}.tcust .mini div:nth-child(3){background:var(--wbg);color:#a86a00}
.tbtns{display:flex;gap:8px;margin-top:12px}.tbtns .nbtn{flex:1}
.line{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:start;padding:14px 0;border-bottom:1px solid #e9edf4}
.line .ic{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:var(--acc);color:#fff}.line .ic.gr{background:#64748b}
.line b{font-size:16px}.line small{display:block;color:var(--mut2);margin-top:1px}
.line .p{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.line .p b{font-size:17px}
.line .x{border:0;background:none;color:#b0b8c9;cursor:pointer;font-size:15px}.line .x:hover{color:var(--bc)}
.pin{width:86px;text-align:right;border:1.5px solid var(--ln);border-radius:8px;padding:5px 8px;font-weight:700;font-size:15px}
.line .docs{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}
.steps{display:flex;align-items:flex-start;margin-top:12px;max-width:520px}
.steps .st{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px;color:var(--mut2);font-weight:600;min-width:62px;text-align:center}
.steps .st i{width:26px;height:26px;border-radius:50%;border:2px solid #d5dae5;background:#fff;display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:800}
.steps .st.d{color:var(--ink2)}.steps .st.d i{background:var(--acc);border-color:var(--acc);color:#fff}.steps .st.c{color:var(--acc)}.steps .st.c i{border-color:var(--acc);color:var(--acc);box-shadow:0 0 0 4px #2454d622}
.steps .cn{flex:1;height:2px;background:#d5dae5;margin-top:13px;min-width:12px}.steps .cn.d{background:var(--acc)}
.line .acts{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap;align-items:center}
.refin{display:inline-flex;gap:6px}.refin input{border:1.5px solid var(--ln);border-radius:10px;padding:9px 10px;font-size:15px;width:190px}
.qty{display:flex;align-items:center;gap:4px;margin-top:8px}.qty button{border:1.5px solid var(--ln);background:#fff;border-radius:8px;width:30px;height:30px;font-weight:800;cursor:pointer}.qty input[data-qv]{width:46px;text-align:center;border:1.5px solid var(--ln);border-radius:8px;padding:4px;font-weight:700}.qty span{color:var(--mut2);margin:0 2px}
.tadd{display:flex;align-items:center;gap:10px;border:1.5px dashed #9fb4ea;background:#f4f7ff;border-radius:12px;padding:0 14px;color:var(--acc);margin-top:14px}
.tadd input{flex:1;border:0;outline:0;background:transparent;padding:13px 0;font-size:16px;color:var(--ink2)}
.tsv{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;margin-top:10px}
.tsv button{display:flex;align-items:center;gap:9px;border:1px solid var(--ln);background:#fff;border-radius:10px;padding:9px 10px;cursor:pointer;text-align:left;font-weight:700;font-size:14px;color:var(--ink2)}
.tsv button svg{color:#64748b}.tsv button.pr svg{color:var(--acc)}.tsv button:hover{border-color:var(--acc);background:#f7f9ff}
.tsv small{display:block;color:var(--mut2);font-weight:600;font-size:12px}
.tpay{padding:0;overflow:hidden;position:sticky;top:70px}.tpay>h2{background:var(--navy)!important;color:#fff;border:0!important;margin:0!important}
.tpb{padding:12px 16px 16px}
.tpb .row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:7px 0;color:var(--sub2);font-size:15px}.tpb .row b{color:var(--ink2)}.tpb .row b.red{color:var(--bc)}
.tpb .row.ck{cursor:pointer}.tpb .row.ck span{flex:1}.tpb .row small{color:var(--mut2)}
.tpb .tot{display:flex;justify-content:space-between;background:var(--okbg);color:#0b6b3d;border-radius:12px;padding:12px 14px;margin:10px 0;font-size:22px;font-weight:800}
.tpb .mth{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
.tpb .mth button{display:flex;align-items:center;gap:10px;border:1.5px solid var(--ln);background:#fff;border-radius:12px;padding:10px 12px;font-weight:800;cursor:pointer;text-align:left;font-size:15px}
.tpb .mth button small{display:block;font-weight:500;color:var(--mut2);font-size:12px}
.tpb .mth button.on{border-color:var(--acc);background:var(--acc2);color:var(--acc)}
.tpb .mth button[data-pay=Cash].on{border-color:var(--okc);background:var(--okbg);color:var(--okc)}
.tpb .mth button[data-pay=Credit].on{border-color:var(--bc);background:var(--bbg);color:var(--bc)}
.tpb .part{display:flex;align-items:center;gap:8px;font-weight:700;margin-bottom:10px}.tpb .part input{flex:1;border:1.5px solid var(--ln);border-radius:10px;padding:9px;font-size:16px}
.tpb .note{font-size:12.5px;color:var(--mut2);margin:10px 0 0}
.wav{width:24px;height:24px}
/* ticket: customer strip on top, work + payment below (fits any width / zoom) */
.twrap{grid-template-columns:minmax(0,1fr) minmax(300px,370px)!important}
.tcust{grid-column:1/-1!important;display:grid;grid-template-columns:minmax(240px,auto) minmax(0,1fr);align-items:stretch}
.tcust .hd{padding:14px 18px}
.tcust .in{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:10px 16px}
.tcust .in .tags{margin:0}.tcust .kv{grid-template-columns:auto auto;gap:2px 8px;font-size:13.5px}
.tcust .mini{margin:0;grid-template-columns:repeat(3,minmax(80px,1fr))}.tcust .mini div{padding:6px 8px}
.tcust .tbtns{margin:0}.tcust .nbtn.wide{width:auto;margin:0}
.tcust .in .empty{margin:0}
@media(max-width:800px){.twrap{grid-template-columns:1fr!important}.tcust{grid-template-columns:1fr}}
.tfloat{display:none}
@media(max-width:800px){
 .tsv{grid-template-columns:repeat(2,minmax(0,1fr))}.tsv button{padding:8px;font-size:13px}
 .tfloat{display:block;position:fixed;left:10px;right:10px;bottom:10px;z-index:70;border:0;border-radius:12px;background:var(--okc);color:#fff;font:inherit;font-weight:800;font-size:16px;padding:13px;box-shadow:0 8px 20px #0f172a40}
 .tfloat[hidden]{display:none}
 .steps .st{min-width:52px;font-size:11px}.refin input{width:150px}
 .line{grid-template-columns:36px minmax(0,1fr) auto;gap:8px}.line .ic{width:36px;height:36px}
 .kpi b{font-size:22px}
}
@media(max-width:700px){.ctop{gap:6px;padding:6px 10px}.ctop .cstat,.ctop .czoom,.ctop #cSheet{display:none!important}.ctop .cbtn{padding:6px 10px}.kc .tks{min-height:0}.ktop{margin-bottom:10px}.ncard>h2 small{display:none}}

/* v5 – Vyapar import */
.vybox .vyo{display:flex;align-items:center;gap:8px;margin:6px 0;font-weight:600}
.vybox .vyo.sub{margin-left:28px;font-weight:400;color:#475467}
.vybox .vyo input[type=checkbox]{width:20px;height:20px}
.vybox .vyo input[type=date]{width:auto;margin-left:6px}
.vysum{background:#f0f6ff;border:1px solid #c7dafc;border-radius:12px;padding:10px 14px 10px 30px;margin:10px 0;line-height:1.9}
.vyprog>div{height:10px;background:#e4e9f2;border-radius:6px;overflow:hidden;margin-top:10px}
.vyprog i{display:block;height:100%;width:0;background:linear-gradient(90deg,#1747c9,#0ea5e9);transition:width .3s}