:root{ --navy:#0B2A63; --navy-dark:#0A2150; --orange:#1565D8; /* v17.14: लोगो का नीला (नाम पुराना रखा ताकि सब जगह अपने-आप बदले) */ --green:#2DAA3E; --active:#2DAA3E; /* चुना हुआ मेन्यू / टैब / होवर — लोगो का हरा */ --red:#B3402C; --bg:#F3F6FA; --surface:#FFFFFF; --line:#DFE6EF; --text:#1B1F23; --muted:#6B7280; --radius:10px; } *{box-sizing:border-box;} html,body{margin:0;padding:0;} body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans Devanagari",Arial,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh;} a{color:inherit;text-decoration:none;} .app-shell{display:flex;min-height:100vh;} .sidebar{ position:fixed;top:0;left:0;bottom:0;width:250px; background:var(--navy-dark);color:#fff; display:flex;flex-direction:column; transform:translateX(-100%);transition:transform .25s ease; z-index:50;overflow-y:auto; } .sidebar.open{transform:translateX(0);} .sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(13,35,56,.55);z-index:40;display:none;} .sidebar-overlay.show{display:block;} .sidebar-brand{font-size:calc(17px*var(--fs,1));font-weight:700;padding:20px 18px 14px;border-bottom:1px solid rgba(255,255,255,.1);} .sidebar-nav{flex:1;padding:10px 10px;display:flex;flex-direction:column;gap:2px;} .sidebar-nav a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:8px;color:#C3CEDA;font-size:calc(14px*var(--fs,1));font-weight:500;} .sidebar-nav a .icon{font-size:calc(17px*var(--fs,1));width:20px;text-align:center;} .sidebar-nav a.active{background:var(--orange);color:#fff;} .sidebar-nav a:not(.active):hover{background:rgba(255,255,255,.06);} .sidebar-footer{padding:14px 16px 18px;border-top:1px solid rgba(255,255,255,.1);} .sidebar-user{margin-bottom:12px;} .su-name{font-size:calc(13.5px*var(--fs,1));font-weight:600;} .su-role{font-size:calc(11.5px*var(--fs,1));color:#9FB0BF;margin-top:1px;} .sidebar-footer .badge{font-size:calc(11px*var(--fs,1));background:rgba(21,101,216,.25);color:#BFD6F7;padding:3px 9px;border-radius:999px;margin-top:6px;display:inline-block;} .sidebar-footer .logout-link{display:block;text-align:center;margin-top:12px;font-size:calc(13px*var(--fs,1));color:#F0A691;border:1px solid rgba(240,166,145,.4);padding:9px 12px;border-radius:8px;} .main-col{flex:1;min-width:0;width:100%;} .topbar{display:flex;align-items:center;gap:14px;background:var(--navy);color:#fff;padding:14px 18px;position:sticky;top:0;z-index:20;} .hamburger{background:none;border:none;color:#fff;font-size:calc(22px*var(--fs,1));padding:2px 6px;line-height:1;} .topbar-title{font-weight:600;font-size:calc(16px*var(--fs,1));} .topbar-punch{margin-left:auto;} .topbar-punch form{margin:0;} .topbar-punch-done{font-size:calc(12.5px*var(--fs,1));color:#B9C6D2;white-space:nowrap;} main{width:100%;margin:0;padding:16px;} @media (min-width: 900px){ .sidebar{position:sticky;top:0;height:100vh;transform:none;flex-shrink:0;} .sidebar-overlay{display:none !important;} .hamburger{display:none;} .topbar-title{display:none;} .topbar{padding:18px 32px;background:var(--surface);color:var(--navy);border-bottom:1px solid var(--line);} .topbar-punch-done{color:var(--muted);} main{padding:28px 32px;} } .card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;margin-bottom:14px;} .card h2{font-size:calc(14.5px*var(--fs,1));margin:0 0 12px;color:var(--navy);font-weight:600;} button{font-family:inherit;border:none;cursor:pointer;} .btn{padding:13px 10px;border-radius:8px;font-size:calc(14px*var(--fs,1));font-weight:600;} .btn-primary{background:var(--orange);color:#fff;} .btn-secondary{background:var(--navy);color:#fff;} .btn-ghost{background:transparent;border:1px solid var(--line);color:var(--navy);} .btn-sm{padding:7px 12px;font-size:calc(12px*var(--fs,1));} .field{margin-bottom:12px;} .field label{display:block;font-size:calc(12.5px*var(--fs,1));color:var(--muted);margin-bottom:5px;} .field input, .field select, .field textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;font-size:calc(14px*var(--fs,1));font-family:inherit;background:#FBFBFA;color:var(--text);} .field-row{display:flex;gap:10px;} .field-row .field{flex:1;} .list-item{padding:12px 0;border-bottom:1px solid var(--line);} .list-item:last-child{border-bottom:none;} .li-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px;} .li-title{font-size:calc(14px*var(--fs,1));font-weight:600;} .li-meta{font-size:calc(12px*var(--fs,1));color:var(--muted);margin-top:3px;line-height:1.5;} .li-tag{font-size:calc(11px*var(--fs,1));font-weight:600;padding:3px 9px;border-radius:999px;background:#EEF1F4;color:var(--navy);white-space:nowrap;} .empty{text-align:center;padding:24px 10px;color:var(--muted);font-size:calc(13.5px*var(--fs,1));} .error{background:#FBEAE6;color:var(--red);padding:10px 12px;border-radius:8px;font-size:calc(13px*var(--fs,1));margin-bottom:14px;} .success{background:#E8F3EC;color:var(--green);padding:10px 12px;border-radius:8px;font-size:calc(13px*var(--fs,1));margin-bottom:14px;} .perm-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;margin:10px 0 16px;} .perm-item{display:flex;align-items:center;gap:8px;font-size:calc(13px*var(--fs,1));} .section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;} .login-body{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px;} .login-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:28px 22px;max-width:380px;width:100%;} .login-card h1{color:var(--navy);font-size:calc(20px*var(--fs,1));margin:0 0 2px;} .login-card .sub{color:var(--muted);font-size:calc(13px*var(--fs,1));margin:0 0 20px;} .client-picker{display:flex;flex-wrap:wrap;gap:8px;} .client-chip{border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-size:calc(13px*var(--fs,1));background:var(--surface);} .client-chip.active{background:var(--navy);color:#fff;border-color:var(--navy);} .lang-toggle{display:flex;gap:8px;margin:0 0 10px;} .lang-toggle a{flex:1;text-align:center;padding:8px 10px;font-size:calc(12.5px*var(--fs,1));font-weight:600;color:#C3CEDA;border:1px solid rgba(255,255,255,.18);border-radius:8px;} .lang-toggle a.active{background:var(--orange);color:#fff;border-color:var(--orange);} .punch-row{display:flex;gap:10px;flex-wrap:wrap;} .punch-row form{flex:1;min-width:130px;} .btn:disabled{opacity:.5;cursor:default;} .times{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:12px;font-size:calc(13px*var(--fs,1));color:var(--muted);} .times b{color:var(--text);} .stat-grid{display:flex;gap:10px;flex-wrap:wrap;} .stat{flex:1;min-width:100px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:12px;text-align:center;} .stat .num{font-size:calc(19px*var(--fs,1));font-weight:700;color:var(--navy);} .stat .lbl{font-size:calc(11px*var(--fs,1));color:var(--muted);margin-top:2px;line-height:1.4;} .company-block .cname{font-size:calc(15px*var(--fs,1));font-weight:700;color:var(--navy);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px;} .add-branch-btn{font-size:calc(12px*var(--fs,1));color:var(--orange);font-weight:600;background:none;padding:4px 0;} .branch-item{border:1px solid var(--line);border-radius:8px;padding:10px 12px;margin-top:8px;font-size:calc(13px*var(--fs,1));} .branch-item .bname{font-weight:600;font-size:calc(13.5px*var(--fs,1));} .branch-item .bmeta{color:var(--muted);margin-top:2px;} img, svg{max-width:100%;} pre, code{white-space:pre-wrap;word-break:break-word;} * { overflow-wrap: break-word; } .cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-top:10px;} .cal-day{aspect-ratio:1;border:1px solid var(--line);border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(11px*var(--fs,1));gap:3px;} .cal-num{font-weight:600;color:var(--text);} .cal-dot{width:6px;height:6px;border-radius:50%;} .cal-legend{display:flex;flex-wrap:wrap;gap:10px 14px;margin-top:12px;font-size:calc(11.5px*var(--fs,1));color:var(--muted);} .cal-legend span{display:flex;align-items:center;gap:5px;} .cal-legend i{width:9px;height:9px;border-radius:50%;display:inline-block;} .status-assigned{background:#EEF1F4;color:var(--muted);} .status-started{background:#FDF0E6;color:var(--orange);} .status-in_progress{background:#E8F0FA;color:#2E5FA3;} .status-completed{background:#E8F3EC;color:var(--green);} /* ===== Phase 12 — reusable responsive helpers ===== */ .grid-2{display:grid;grid-template-columns:1fr;gap:0 14px;} @media(min-width:1000px){.grid-2{grid-template-columns:1fr 1fr;align-items:start;}} .filter-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;} .filter-bar .field{flex:1 1 150px;margin-bottom:0;} .filter-bar .field:last-child{flex:0 0 auto;} .rtable{width:100%;border-collapse:collapse;font-size:calc(13px*var(--fs,1));} .rtable th{text-align:left;font-size:calc(11.5px*var(--fs,1));color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding:10px 8px;border-bottom:1px solid var(--line);} .rtable td{padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:top;} .rtable tbody tr:hover{background:#FAFAF8;} @media(max-width:899px){ .rtable thead{display:none;} .rtable,.rtable tbody,.rtable tr,.rtable td{display:block;width:100%;} .rtable tr{border:1px solid var(--line);border-radius:10px;padding:8px 10px;margin-bottom:10px;} .rtable td{border:none;padding:4px 0;display:flex;justify-content:space-between;gap:10px;text-align:right;} .rtable td::before{content:attr(data-label);color:var(--muted);font-size:calc(12px*var(--fs,1));flex-shrink:0;text-align:left;} } .li-tag.ev-login{background:#E8F3EC;color:var(--green);} .li-tag.ev-auto_login{background:#E8F0FA;color:#2E5FA3;} .li-tag.ev-failed,.li-tag.ev-forced_logout{background:#FBEAE6;color:var(--red);} /* ===================================================================== Phase 12 Part 5 — हर डिवाइस के लिए Responsive Phone (320–599) · बड़ा Phone/छोटा Tablet (600–899) · Tablet landscape/Laptop (900–1279) Desktop (1280–1599) · Wide (1600+) iPhone (notch/Dynamic Island), Android, iPad, Windows, Mac — सब ध्यान में रखकर ===================================================================== */ html{-webkit-text-size-adjust:100%;text-size-adjust:100%;} body{ font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Nirmala UI",Roboto,"Noto Sans Devanagari","Noto Sans",Mangal,"Helvetica Neue",Arial,sans-serif; min-height:100vh;min-height:100dvh; -webkit-tap-highlight-color:rgba(21,101,216,.15); } .app-shell{min-height:100vh;min-height:100dvh;} button,input,select,textarea{font:inherit;} input,select,textarea{max-width:100%;} textarea{min-height:84px;resize:vertical;} select,.field select{-webkit-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:30px !important;} .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;line-height:1.2;text-align:center;} .btn-sm{min-height:34px;} :focus-visible{outline:2px solid var(--orange);outline-offset:2px;} .field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 3px rgba(21,101,216,.15);background-color:#fff;} /* iPhone notch / Android gesture bar — PWA full screen में content न छुपे */ .topbar{padding-top:calc(14px + env(safe-area-inset-top,0px));padding-left:calc(18px + env(safe-area-inset-left,0px));padding-right:calc(18px + env(safe-area-inset-right,0px));} .sidebar{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);overscroll-behavior:contain;} main{padding-bottom:calc(24px + env(safe-area-inset-bottom,0px));padding-left:calc(16px + env(safe-area-inset-left,0px));padding-right:calc(16px + env(safe-area-inset-right,0px));} .login-body{min-height:100vh;min-height:100dvh;padding:calc(20px + env(safe-area-inset-top,0px)) 16px calc(20px + env(safe-area-inset-bottom,0px));} /* Touch screen (phone/tablet): iPhone में typing पर zoom न हो, उँगली से आसानी से दबे */ @media (pointer:coarse){ .field input,.field select,.field textarea,input,select,textarea{font-size:calc(16px*var(--fs,1));} .btn{min-height:44px;} .btn-sm{min-height:38px;padding:8px 14px;font-size:calc(13px*var(--fs,1));} .sidebar-nav a{padding:13px 12px;} } /* Mouse वाले device (Windows/Mac): hover effect सिर्फ़ यहीं */ @media (hover:hover){ .btn-primary:hover{filter:brightness(1.07);} .btn-secondary:hover{filter:brightness(1.15);} .btn-ghost:hover{background:#F1F3F0;} .list-item:hover{background:#FAFAF8;} } /* Windows/Linux पतले scrollbar */ *{scrollbar-width:thin;scrollbar-color:#C5CBC3 transparent;} ::-webkit-scrollbar{width:9px;height:9px;} ::-webkit-scrollbar-thumb{background:#C5CBC3;border-radius:9px;border:2px solid transparent;background-clip:padding-box;} .sidebar{scrollbar-color:rgba(255,255,255,.2) transparent;} @media (prefers-reduced-motion:reduce){*{transition:none !important;animation:none !important;scroll-behavior:auto !important;}} /* Topbar छोटे phone (320px) पर टूटे नहीं */ .topbar-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .topbar-punch{flex-shrink:0;} .section-head{flex-wrap:wrap;gap:8px;} .li-top{flex-wrap:wrap;} .li-top > .li-title{min-width:0;flex:1 1 160px;} /* Stats: अपने-आप जितने आएँ उतने कॉलम */ .stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:14px;} .stat{min-width:0;} .perm-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));} /* Reports जैसी चौड़ी table: अंदर scroll, header चिपका रहे, पहला column स्थिर */ .dtable-wrap{overflow:auto;max-height:70vh;border:1px solid var(--line);border-radius:8px;-webkit-overflow-scrolling:touch;} .dtable{width:100%;border-collapse:separate;border-spacing:0;font-size:calc(13px*var(--fs,1));} .dtable th{position:sticky;top:0;z-index:2;background:#F3F5F2;text-align:left;padding:9px 10px;color:var(--navy);white-space:nowrap;border-bottom:1px solid var(--line);font-weight:600;} .dtable td{padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap;background:var(--surface);} .dtable th:first-child,.dtable td:first-child{position:sticky;left:0;z-index:1;} .dtable th:first-child{z-index:3;} .dtable tbody tr:nth-child(even) td{background:#FAFBF9;} /* ---------- Phone (≤599) ---------- */ @media (max-width:599px){ main{padding-top:12px;padding-left:calc(10px + env(safe-area-inset-left,0px));padding-right:calc(10px + env(safe-area-inset-right,0px));} .card{padding:14px 12px;border-radius:12px;} .field-row{flex-direction:column;gap:0;align-items:stretch !important;} /* फ़ॉर्म के खाने एक के नीचे एक */ .field-row .field{flex:none !important;width:100%;} .punch-row form{min-width:100%;} .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));} .stat .num{font-size:calc(18px*var(--fs,1));} .topbar{gap:10px;} .login-card{padding:22px 16px;} .filter-bar .field,.filter-bar .field:last-child{flex:1 1 100%;} .filter-bar .btn{width:100%;} .perm-grid{grid-template-columns:1fr 1fr;} } @media (max-width:359px){ /* बहुत छोटे phone (iPhone SE 1st gen, पुराने Android) */ .stat-grid{grid-template-columns:1fr;} .perm-grid{grid-template-columns:1fr;} .sidebar{width:86vw;} .btn{font-size:calc(13px*var(--fs,1));} } /* ---------- Tablet portrait / बड़ा phone (600–899) ---------- */ @media (min-width:600px) and (max-width:899px){ main{padding:18px 20px calc(24px + env(safe-area-inset-bottom,0px));} .sidebar{width:280px;} } /* ---------- Tablet landscape / Laptop (900+) : sidebar हमेशा दिखे ---------- */ @media (min-width:900px){ .sidebar{height:100vh;height:100dvh;} .topbar{padding-top:calc(16px + env(safe-area-inset-top,0px));} main{padding:22px 24px 32px;} .topbar{padding-left:24px;padding-right:24px;} } @media (min-width:900px) and (max-width:1099px){ .sidebar{width:220px;} /* iPad landscape / छोटा laptop: ज़्यादा जगह content को */ .sidebar-nav a{font-size:calc(13.5px*var(--fs,1));gap:10px;} } /* ---------- Desktop Grid View (1100+) — पूरी चौड़ाई का इस्तेमाल ---------- */ @media (min-width:1100px){ main{padding:26px 32px 40px;} .topbar{padding-left:32px;padding-right:32px;} /* किसी भी card की list अपने-आप tiles (grid) में; पुराने browser में साधारण list ही रहेगी */ .card:has(> .list-item){display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;align-items:start;} .card:has(> .list-item) > :not(.list-item){grid-column:1/-1;} .card > .list-item{border:1px solid var(--line);border-radius:10px;padding:12px 14px;background:#FCFCFB;height:100%;} .card > .list-item:last-child{border-bottom:1px solid var(--line);} /* Companies: हर company का card grid में */ .cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:0 14px;align-items:start;} .grid-2{gap:0 16px;} } @media (min-width:1600px){ main{padding:28px 40px 44px;} .topbar{padding-left:40px;padding-right:40px;} .card:has(> .list-item){grid-template-columns:repeat(auto-fill,minmax(340px,1fr));} .sidebar{width:270px;} body{font-size:calc(15px*var(--fs,1));} } /* Print / PDF: सिर्फ़ content */ @media print{ .sidebar,.sidebar-overlay,.topbar,.btn,form,.pwa-bar{display:none !important;} main{padding:0 !important;} .card{border:none;break-inside:avoid;} body{background:#fff;} } /* Checkbox/Radio कभी पूरी चौड़ाई न लें */ input[type=checkbox],input[type=radio],.field input[type=checkbox],.field input[type=radio]{width:18px;height:18px;min-height:0;padding:0;flex-shrink:0;accent-color:var(--orange);} .perm-item{cursor:pointer;} /* Desktop: लंबे फ़ॉर्म 2–3 कॉलम में (textarea और बटन पूरी लाइन) */ @media (min-width:1100px){ .card > form:not(.filter-bar):not(.inline-form){display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:0 16px;align-items:start;} /* v18.37 सब खाने ऊपर से एक लाइन में */ .card > form:not(.filter-bar):not(.inline-form) > *{grid-column:1/-1;} .card > form:not(.filter-bar):not(.inline-form) > .field{grid-column:auto;} .card > form:not(.filter-bar):not(.inline-form) > .field:has(textarea),.card > form:not(.filter-bar):not(.inline-form) > .field:has(.perm-grid),.card > form:not(.filter-bar):not(.inline-form) > .field:has(input[type=checkbox]){grid-column:1/-1;} .card > form:not(.filter-bar):not(.inline-form) > .btn{justify-self:start;width:auto !important;min-width:220px;padding-left:28px;padding-right:28px;} .card > form:not(.filter-bar):not(.inline-form) > .field-row{grid-column:span 2;} } /* बहुत बड़ी स्क्रीन (32"+ LED/TV, 4K मॉनिटर, प्रोजेक्टर बिना scaling): सब कुछ अनुपात में बड़ा, ताकि दूर से पढ़ा जा सके */ @media (min-width:2200px){ body{zoom:1.25;} } @media (min-width:2900px){ body{zoom:1.6;} } @media (min-width:3600px){ body{zoom:2;} } /* कम ऊँचाई वाली स्क्रीन (पुराना 1366×768 laptop, प्रोजेक्टर 1024×768): sidebar के लिंक पास-पास */ @media (min-width:900px) and (max-height:760px){ .sidebar-brand{padding:14px 18px 10px;} .sidebar-nav a{padding:8px 12px;} .sidebar-footer{padding:10px 16px 12px;} } /* ===== Phase 12 Part 7 — लोकेशन/फ़ोटो ===== */ .geo-sheet-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:rgba(13,35,56,.55);display:flex;align-items:flex-end;justify-content:center;padding:0;} .geo-sheet{background:var(--surface);width:100%;max-width:480px;border-radius:16px 16px 0 0;padding:18px 16px calc(16px + env(safe-area-inset-bottom,0px));box-shadow:0 -8px 30px rgba(0,0,0,.2);max-height:92vh;overflow:auto;} @media (min-width:600px){.geo-sheet-wrap{align-items:center;padding:20px;}.geo-sheet{border-radius:16px;}} .geo-sheet h3{margin:0 0 10px;font-size:calc(17px*var(--fs,1));color:var(--navy);} .geo-note{font-size:calc(13px*var(--fs,1));line-height:1.55;color:var(--text);background:#F3F6F9;border-radius:10px;padding:10px 12px;margin:0 0 10px;} .geo-note a{color:var(--orange);font-weight:600;text-decoration:underline;} .geo-consent{display:flex;gap:10px;align-items:flex-start;font-size:calc(13.5px*var(--fs,1));margin:0 0 10px;cursor:pointer;line-height:1.45;} .geo-status{font-size:calc(13.5px*var(--fs,1));min-height:20px;margin:6px 0 10px;} .geo-status.ok{color:var(--green);font-weight:600;} .geo-status.bad{color:var(--red);} .geo-status .btn-sm{margin-left:6px;min-height:30px;} .geo-photo{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:6px 0 12px;padding-top:10px;border-top:1px dashed var(--line);} .geo-photo img{width:64px;height:64px;object-fit:cover;border-radius:10px;border:1px solid var(--line);} .geo-sub{font-size:calc(12px*var(--fs,1));color:var(--muted);flex-basis:100%;} .geo-actions{display:flex;gap:10px;margin-top:6px;} .geo-actions .btn{flex:1;} .geo-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;} .geo-chip{display:inline-flex;align-items:center;gap:6px;font-size:calc(12px*var(--fs,1));font-weight:600;color:var(--navy);background:#EEF2F6;border-radius:999px;padding:4px 10px 4px 8px;} .geo-chip img{width:22px;height:22px;border-radius:50%;object-fit:cover;} @media (hover:hover){.geo-chip:hover{background:#E1E8EF;}} /* Phase 12 Part 8 — रिपोर्ट सारांश */ .rep-chips{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 12px;} .rep-chip{border:1px solid var(--line);border-radius:10px;padding:7px 12px;background:#FAFBF9;min-width:110px;} .rep-chip span{display:block;font-size:calc(11.5px*var(--fs,1));color:var(--muted);} .rep-chip b{font-size:calc(16px*var(--fs,1));color:var(--navy);} /* ===== Phase 13.2 ===== */ .chip-pick{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 8px;} .chip-pick label{cursor:pointer;} .chip-pick input{position:absolute;opacity:0;width:1px;height:1px;} .chip-pick span{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:calc(13px*var(--fs,1));background:#FBFBFA;} .chip-pick input:checked + span{background:var(--orange);border-color:var(--orange);color:#fff;font-weight:600;} .chip-pick input:focus-visible + span{outline:2px solid var(--orange);outline-offset:2px;} .prod-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px;} .prod-tag{font-size:calc(11.5px*var(--fs,1));font-weight:600;background:#FDF1E7;color:#9A4A12;border-radius:999px;padding:3px 9px;} .fu-tiers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:10px;grid-column:1/-1;} .fu-tier{border-radius:10px;padding:8px 10px;text-align:center;} .fu-tier b{display:block;font-size:calc(20px*var(--fs,1));} .fu-tier span{font-size:calc(11.5px*var(--fs,1));} .fu-l1{background:#FDF6E7;color:#8A5A00;} .fu-l2{background:#FDEBDD;color:#A2470C;} .fu-l3{background:#FBEAE6;color:var(--red);} .fu-l4{background:#EEF1F4;color:#4B5563;} .li-tag.fu-tag{white-space:nowrap;} .li-tag.mt-today,.dl-pill.mt-today{background:#FDEBDD;color:#A2470C;} .dl-pill.mt-tomorrow,.li-tag.mt-tomorrow{background:#E8F0FA;color:#2E5FA3;} .dl-pill.mt-missed,.li-tag.mt-missed{background:#FBEAE6;color:var(--red);} @media (max-width:420px){.fu-tiers{grid-template-columns:repeat(2,minmax(0,1fr));}} .lvl-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;border-radius:6px;background:var(--navy);color:#fff;font-size:calc(11px*var(--fs,1));font-weight:700;margin-right:4px;} /* ===== v13.2.4 — क्लिक का तुरंत असर ===== */ /* पेज बदलते समय हल्का fade (Chrome/Edge/Android में) */ @view-transition{navigation:auto;} ::view-transition-old(root),::view-transition-new(root){animation-duration:.18s;} /* ऊपर लोडिंग पट्टी */ .ux-bar{position:fixed;top:0;left:0;height:3px;width:0;z-index:100000;background:var(--orange);box-shadow:0 0 8px rgba(21,101,216,.6);pointer-events:none;opacity:0;} .ux-bar.run{opacity:1;animation:uxbar 8s cubic-bezier(.1,.8,.2,1) forwards;} .ux-bar.done{opacity:0;width:100%;transition:opacity .3s .1s;} @keyframes uxbar{0%{width:0}15%{width:45%}50%{width:75%}100%{width:92%}} /* बटन: घूमता गोला */ .ux-spin{width:16px;height:16px;border:2.5px solid currentColor;border-right-color:transparent;border-radius:50%;display:inline-block;animation:uxspin .7s linear infinite;flex-shrink:0;} @keyframes uxspin{to{transform:rotate(360deg)}} .btn.ux-loading,button.ux-loading{cursor:wait;opacity:.85;} button:disabled,.btn:disabled{cursor:not-allowed;} /* हर बटन/लिंक दबाने पर दिखे */ .btn,button,.sidebar-nav a,.list-item a,.client-chip,.geo-chip,.prod-tag{transition:transform .08s ease,filter .15s ease,background-color .15s ease,box-shadow .15s ease;} .btn:active:not(:disabled),button:active:not(:disabled){transform:scale(.97);filter:brightness(.93);} .sidebar-nav a:active,.sidebar-nav a.ux-pressed{background:rgba(255,255,255,.14);} a.ux-pressed{opacity:.75;} @media (hover:hover){ .btn-primary:hover:not(:disabled){box-shadow:0 4px 12px rgba(21,101,216,.30);} .btn-secondary:hover:not(:disabled),.btn-ghost:hover:not(:disabled){box-shadow:0 2px 8px rgba(20,50,77,.12);} .sidebar-nav a:hover{background:rgba(255,255,255,.08);} .card .list-item:hover{box-shadow:0 2px 10px rgba(20,50,77,.08);} } @media (prefers-reduced-motion:reduce){.ux-bar.run{animation:none;width:70%;}.ux-spin{animation-duration:1.5s;}@view-transition{navigation:none;}} /* ===== Phase 13.4 — सूचनाएँ ===== */ .nb{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;font-size:calc(19px*var(--fs,1));flex-shrink:0;margin-left:auto;color:inherit;text-decoration:none;} .nb + .topbar-punch{margin-left:0;} .nb:hover,.nb.active{background:rgba(128,128,128,.15);} .nb-c{position:absolute;top:2px;right:0;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#E5484D;color:#fff;font-size:calc(10.5px*var(--fs,1));font-weight:700;line-height:18px;text-align:center;box-shadow:0 0 0 2px var(--navy);} .ntf-item{display:flex;gap:12px;align-items:flex-start;padding:12px 10px;border-bottom:1px solid var(--line);color:var(--text);text-decoration:none;border-radius:8px;grid-column:1/-1;} .ntf-item.unread{background:#FDF6EF;} .ntf-item:hover{background:#F6F7F5;} .ntf-ic{font-size:calc(20px*var(--fs,1));line-height:1.2;flex-shrink:0;} .ntf-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;} .ntf-txt{font-size:calc(14px*var(--fs,1));line-height:1.45;} .ntf-item.unread .ntf-txt{font-weight:600;} .ntf-dot{width:9px;height:9px;border-radius:50%;background:var(--orange);margin-top:6px;flex-shrink:0;} @media (min-width:900px){.nb-c{box-shadow:0 0 0 2px var(--surface);}} /* ===== Phase 13.5 — स्क्रीन सुरक्षा ===== */ .sp-wm{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;pointer-events:none;background-repeat:repeat;} body.sp-on{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;} body.sp-on input,body.sp-on textarea,body.sp-on select,body.sp-on [contenteditable="true"]{-webkit-user-select:text;user-select:text;} body.sp-on img{-webkit-user-drag:none;} .sp-shield{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9500;background:#0B2A63;color:#fff;align-items:center;justify-content:center;text-align:center;padding:24px;font-size:calc(16px*var(--fs,1));font-weight:600;} body.sp-hide .sp-shield{display:flex;} body.sp-blur .app-shell{filter:blur(14px);} @media print{ body.sp-on .app-shell{display:none !important;} body.sp-on .sp-shield{display:flex !important;position:static;color:#000;background:#fff;} } /* ===== Phase 13.6 — सिस्टम जाँच ===== */ .hc-grid{display:grid;grid-template-columns:1fr;gap:0 14px;} @media(min-width:1000px){.hc-grid{grid-template-columns:1fr 1fr;align-items:start;}} .hc-row{display:flex;gap:10px;align-items:flex-start;padding:7px 0;border-bottom:1px dashed var(--line);font-size:calc(13.5px*var(--fs,1));} .hc-ic{flex-shrink:0;} .hc-log{background:#0F1E2C;color:#D7E0EA;font-size:calc(11.5px*var(--fs,1));line-height:1.5;padding:12px;border-radius:8px;overflow:auto;max-height:320px;white-space:pre-wrap;word-break:break-all;} /* ===== v13.6.1 — विज़िट हिस्ट्री (मोबाइल पहले) ===== */ .vh-filter{margin-bottom:10px;grid-column:1/-1;} .vh-chips{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;margin-bottom:8px;-webkit-overflow-scrolling:touch;scrollbar-width:none;} .vh-chips::-webkit-scrollbar{display:none;} .vh-chip{flex-shrink:0;cursor:pointer;} .vh-chip input{position:absolute;opacity:0;width:1px;height:1px;} .vh-chip span{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-size:calc(13.5px*var(--fs,1));background:#FBFBFA;white-space:nowrap;} .vh-chip.on span,.vh-chip input:checked + span{background:var(--navy);border-color:var(--navy);color:#fff;font-weight:600;} .vh-chip input:focus-visible + span{outline:2px solid var(--orange);outline-offset:2px;} .vh-search{display:flex;gap:8px;} .vh-search input{flex:1;min-width:0;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#FBFBFA;} .vh-card{border:1px solid var(--line);border-radius:12px;margin-bottom:10px;background:var(--surface);overflow:hidden;} .vh-card[open]{border-color:var(--navy);box-shadow:0 4px 14px rgba(20,50,77,.10);} .vh-card > summary{list-style:none;cursor:pointer;padding:13px 14px;display:block;} .vh-card > summary::-webkit-details-marker{display:none;} .vh-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;} .vh-co{font-size:calc(17px*var(--fs,1));font-weight:800;color:var(--navy);line-height:1.3;min-width:0;} .vh-br{font-size:calc(14px*var(--fs,1));font-weight:600;color:var(--muted);} .vh-date{flex-shrink:0;font-size:calc(12px*var(--fs,1));font-weight:700;background:#EEF2F6;color:var(--navy);border-radius:999px;padding:4px 10px;white-space:nowrap;} .vh-people{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:8px;font-size:calc(14px*var(--fs,1));color:var(--text);} .vh-people b{font-size:calc(15px*var(--fs,1));font-weight:700;color:var(--navy);} .vh-talk{margin-top:8px;font-size:calc(15px*var(--fs,1));line-height:1.55;color:var(--text);background:#F7F8F6;border-radius:8px;padding:8px 10px;} .vh-fu{margin-top:8px;font-size:calc(13.5px*var(--fs,1));color:#9A4A12;} .vh-more{margin-top:10px;font-size:calc(13px*var(--fs,1));font-weight:700;color:var(--orange);} .vh-close{display:none;} .vh-card[open] .vh-open{display:none;} .vh-card[open] .vh-close{display:inline;} .vh-detail{border-top:1px dashed var(--line);padding:12px 14px;background:#FBFBFA;} .vd-meta{font-size:calc(13.5px*var(--fs,1));margin-bottom:8px;} .vd-h{font-size:calc(14px*var(--fs,1));font-weight:800;color:var(--navy);margin:10px 0 6px;} .vd-branches{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;} .vd-br{display:flex;flex-direction:column;gap:2px;border:1px solid var(--line);border-radius:10px;padding:9px 11px;background:var(--surface);color:var(--text);text-decoration:none;font-size:calc(14px*var(--fs,1));} .vd-br span{font-size:calc(12px*var(--fs,1));color:var(--muted);} .vd-br:active{background:#EEF2F6;} .vd-item{border-left:3px solid var(--orange);padding:6px 0 8px 10px;margin-bottom:8px;} .vd-date{font-size:calc(12.5px*var(--fs,1));font-weight:700;color:var(--muted);} .vd-who{font-size:calc(14px*var(--fs,1));font-weight:700;color:var(--navy);margin-top:2px;} .vd-talk{font-size:calc(14.5px*var(--fs,1));line-height:1.5;margin-top:3px;} /* डेस्कटॉप: कार्ड grid में; खुला कार्ड पूरी चौड़ाई, ब्रांच और हिस्ट्री आमने-सामने */ .vh-list{display:grid;grid-template-columns:1fr;gap:10px;} .vh-list .vh-card{margin-bottom:0;} @media (min-width:900px){ .vh-filter{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:flex-end;} .vh-filter .vh-chips{margin-bottom:0;} .vh-filter .vh-search{flex:1 1 320px;} .vh-filter #vhDates{flex:0 1 380px;margin:0;} .vh-filter #vhDates .field{margin-bottom:0;} .vh-list{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));align-items:start;} .vh-list .vh-card[open]{grid-column:1/-1;} .vh-card > summary:hover{background:#FAFBF9;} .vd-cols{display:grid;grid-template-columns:minmax(260px,1fr) 2fr;gap:24px;align-items:start;} .vd-branches{grid-template-columns:1fr;} .vh-detail{padding:16px 18px;} } @media (min-width:1600px){ .vh-list{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));} } [hidden]{display:none !important;} /* ===== v13.7 — अक्षर साइज़ (3 डिज़ाइन) + एक जैसी हेडिंग व्यवस्था ===== */ :root{--fs:1;} html.fs-sm{--fs:.9;} html.fs-lg{--fs:1.15;} body{font-size:calc(14.5px*var(--fs,1));line-height:1.5;} /* H1 = पेज शीर्षक · H2 = कार्ड शीर्षक · H3 = आइटम नाम · p = सामान्य लिखावट · meta = छोटी जानकारी */ .page-h1{font-size:calc(21px*var(--fs,1));font-weight:700;color:var(--navy);margin:0 0 14px;line-height:1.3;display:flex;align-items:center;gap:8px;} .card h2, .section-head h2{font-size:calc(16px*var(--fs,1)) !important;font-weight:700;line-height:1.35;} .card h3{font-size:calc(15px*var(--fs,1));font-weight:600;color:var(--navy);margin:0 0 8px;} .li-title{font-size:calc(15px*var(--fs,1));line-height:1.4;} .card p{font-size:calc(14.5px*var(--fs,1));line-height:1.55;} .li-meta{font-size:calc(12.5px*var(--fs,1));} .field label{font-size:calc(13px*var(--fs,1));} .field input, .field select, .field textarea, .btn{font-size:calc(14.5px*var(--fs,1));} /* मोबाइल/टच पर इनपुट कभी 16px से छोटा नहीं — iPhone अपने-आप ज़ूम नहीं करेगा */ @media (pointer:coarse){ .field input, .field select, .field textarea, .vh-search input, .exp-item input{font-size:max(16px, calc(14.5px*var(--fs,1)));} } @media (min-width:1600px){ .page-h1{font-size:calc(24px*var(--fs,1));} } /* छोटा = कॉम्पैक्ट (ज़्यादा जानकारी एक स्क्रीन में) */ html.fs-sm .card{padding:12px 13px;margin-bottom:10px;} html.fs-sm .list-item{padding:9px 0;} html.fs-sm .page-h1{margin-bottom:10px;} /* बड़ा = आसानी से पढ़ने वाला (बड़े बटन, ज़्यादा जगह) */ html.fs-lg .card{padding:20px;} html.fs-lg .list-item{padding:14px 0;} html.fs-lg .btn{padding-top:12px;padding-bottom:12px;} html.fs-lg .field input, html.fs-lg .field select, html.fs-lg .field textarea{padding:12px 13px;} /* सेटिंग्स — साइज़ चुनने वाले कार्ड */ .fs-pick{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-bottom:12px;grid-column:1/-1;} .fs-opt{cursor:pointer;display:block;} .fs-opt input{position:absolute;opacity:0;width:1px;height:1px;} .fs-box{display:block;border:2px solid var(--line);border-radius:12px;padding:12px 14px;background:#FBFBFA;height:100%;} .fs-opt input:checked + .fs-box{border-color:var(--orange);background:#EEF4FD;box-shadow:0 0 0 3px rgba(21,101,216,.12);} .fs-opt input:focus-visible + .fs-box{outline:2px solid var(--navy);outline-offset:2px;} .fs-name{display:block;font-weight:700;color:var(--navy);margin-bottom:8px;font-size:calc(14px*var(--fs,1));} .fs-s1,.fs-s2,.fs-s3,.fs-s4{display:block;line-height:1.35;} .fs-s1{font-weight:700;color:var(--navy);} .fs-s2{font-weight:600;margin-top:3px;} .fs-s3{margin-top:3px;} .fs-s4{color:var(--muted);margin-top:2px;} .fs-sm-p .fs-s1{font-size:19px;} .fs-sm-p .fs-s2{font-size:14.5px;} .fs-sm-p .fs-s3{font-size:13px;} .fs-sm-p .fs-s4{font-size:11.5px;} .fs-md-p .fs-s1{font-size:21px;} .fs-md-p .fs-s2{font-size:16px;} .fs-md-p .fs-s3{font-size:14.5px;} .fs-md-p .fs-s4{font-size:12.5px;} .fs-lg-p .fs-s1{font-size:24px;} .fs-lg-p .fs-s2{font-size:18.5px;} .fs-lg-p .fs-s3{font-size:16.5px;} .fs-lg-p .fs-s4{font-size:14.5px;} /* ===== v13.7 — खर्च: एक दिन में कई खर्च ===== */ .exp-sec{grid-column:1/-1;border:1px solid var(--line);border-radius:12px;padding:12px;margin:4px 0 12px;background:#FCFCFB;} .exp-sec-h{font-weight:700;color:var(--navy);font-size:calc(15px*var(--fs,1));margin-bottom:10px;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;} .exp-sec-h .li-meta{font-weight:400;margin:0;} .exp-sub{font-size:calc(13.5px*var(--fs,1));color:var(--muted);margin-top:2px;} .exp-sub b{color:var(--navy);font-size:calc(15px*var(--fs,1));} .exp-quick{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;margin-bottom:10px;scrollbar-width:none;flex-wrap:wrap;} .vh-chip-btn{flex-shrink:0;border:1px dashed var(--navy);border-radius:999px;padding:7px 13px;font-size:calc(13px*var(--fs,1));background:#fff;color:var(--navy);cursor:pointer;font-family:inherit;white-space:nowrap;} .vh-chip-btn:active{background:#EEF1F4;} .exp-item{display:grid;grid-template-columns:1fr 110px 40px;gap:8px;margin-bottom:8px;align-items:center;} .exp-item input{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:8px;font-size:calc(14.5px*var(--fs,1));font-family:inherit;background:#fff;min-width:0;} .exp-del{width:40px;height:40px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--red);font-size:16px;cursor:pointer;} .exp-total{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;background:var(--navy);color:#fff;border-radius:10px;padding:12px 14px;margin:4px 0 12px;font-weight:600;} .exp-total b{font-size:calc(20px*var(--fs,1));} #expForm > .btn{grid-column:1/-1;} .exp-grand{font-weight:700;color:var(--navy);font-size:calc(14px*var(--fs,1));} .exp-days{display:grid;grid-template-columns:1fr;gap:10px;} @media (min-width:900px){ .exp-days{grid-template-columns:repeat(2,minmax(0,1fr));} } @media (min-width:1500px){ .exp-days{grid-template-columns:repeat(3,minmax(0,1fr));} } .exp-day{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface);align-self:start;} .exp-day-h{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 13px;background:#F3F5F7;border-bottom:1px solid var(--line);} .exp-day-h b{display:block;color:var(--navy);font-size:calc(15px*var(--fs,1));} .exp-day-h span{font-size:calc(12.5px*var(--fs,1));color:var(--muted);} .exp-day-t{font-weight:800;color:var(--orange);font-size:calc(17px*var(--fs,1));white-space:nowrap;} .exp-line{display:flex;justify-content:space-between;gap:10px;padding:10px 13px 4px;} .exp-line-main{min-width:0;flex:1;} .exp-line-t{font-weight:600;font-size:calc(14.5px*var(--fs,1));overflow-wrap:anywhere;} .exp-line-a{font-weight:700;white-space:nowrap;font-size:calc(14.5px*var(--fs,1));} .exp-edit{margin:2px 13px 8px;border-bottom:1px dashed var(--line);padding-bottom:8px;} .exp-day > .exp-edit:last-child{border-bottom:0;} .exp-edit > summary{cursor:pointer;color:var(--navy);font-size:calc(12.5px*var(--fs,1));font-weight:600;list-style:none;padding:4px 0;} .exp-edit > summary::-webkit-details-marker{display:none;} .exp-edit[open] > form{margin-top:8px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#FCFCFB;} .exp-diff{width:100%;border-collapse:collapse;margin:8px 0 4px;font-size:calc(13px*var(--fs,1));} .exp-diff td{padding:5px 6px;border-bottom:1px solid var(--line);vertical-align:top;overflow-wrap:anywhere;} .exp-diff td:first-child{color:var(--muted);width:32%;} .exp-diff td.o{text-decoration:line-through;color:var(--red);} .exp-diff td.n{color:var(--green);font-weight:700;} @media (max-width:420px){ .exp-item{grid-template-columns:1fr 92px 40px;} } /* ===== v13.7 — रिपोर्ट: लिस्ट व्यू (मोबाइल लिस्ट · डेस्कटॉप ग्रिड) — दाएँ-बाएँ स्क्रॉल नहीं ===== */ .rep-list{display:grid;grid-template-columns:1fr;gap:10px;} @media (min-width:900px){ .rep-list{grid-template-columns:repeat(2,minmax(0,1fr));} } @media (min-width:1500px){ .rep-list{grid-template-columns:repeat(3,minmax(0,1fr));} } @media (min-width:2200px){ .rep-list{grid-template-columns:repeat(4,minmax(0,1fr));} } .rep-item{border:1px solid var(--line);border-left:4px solid var(--navy);border-radius:12px;padding:12px 14px;background:var(--surface);min-width:0;} .rep-top{display:flex;flex-wrap:wrap;align-items:flex-start;gap:6px 10px;} .rep-t{flex:1 1 180px;min-width:0;margin:0;font-size:calc(15.5px*var(--fs,1));font-weight:700;color:var(--navy);line-height:1.35;overflow-wrap:anywhere;} .rep-amt{font-weight:800;color:var(--orange);font-size:calc(16px*var(--fs,1));white-space:nowrap;} .rep-date{font-size:calc(12.5px*var(--fs,1));color:var(--muted);white-space:nowrap;} .rep-tag{font-size:calc(11.5px*var(--fs,1));font-weight:700;padding:3px 10px;border-radius:999px;background:#EEF1F4;color:var(--navy);white-space:nowrap;} .rep-tag.rt-present,.rep-tag.rt-completed{background:#E5F3EC;color:var(--green);} .rep-tag.rt-absent,.rep-tag.rt-none{background:#FBEAE6;color:var(--red);} .rep-tag.rt-half_day,.rep-tag.rt-in_progress,.rep-tag.rt-started{background:#FDF6E7;color:#7A5410;} .rep-who{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:8px;font-size:calc(14px*var(--fs,1));} .rep-who b{color:var(--text);} .rep-who a{color:var(--navy);} .rep-arrow{color:var(--muted);} .rep-body{margin:8px 0 0;font-size:calc(14.5px*var(--fs,1));line-height:1.55;white-space:normal;overflow-wrap:anywhere;background:#FAFBF9;border-radius:8px;padding:8px 10px;} .rep-next{margin:6px 0 0;font-size:calc(13.5px*var(--fs,1));color:var(--navy);overflow-wrap:anywhere;} .rep-warn{margin-top:6px;font-size:calc(12.5px*var(--fs,1));color:#7A5410;font-weight:600;} .rep-f{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px 12px;margin:10px 0 0;padding-top:8px;border-top:1px dashed var(--line);} .rep-f > div{min-width:0;} .rep-f dt{font-size:calc(11.5px*var(--fs,1));color:var(--muted);} .rep-f dd{margin:1px 0 0;font-size:calc(13.5px*var(--fs,1));font-weight:600;overflow-wrap:anywhere;} .rep-visits .rep-item{border-left-color:var(--orange);} .rep-expenses .rep-item{border-left-color:var(--green);} .rep-clients .rep-item.stale{border-left-color:var(--red);} /* ===== v13.8 — क्लाइंट: टाइप फ़िल्टर, कंपनी (नाम+सेगमेंट), ब्रांच, कंसर्न पर्सन ===== */ .co-add{display:grid;grid-template-columns:1fr;gap:0 12px;} @media (min-width:900px){ .co-add{grid-template-columns:2fr 1.4fr 1.2fr auto;align-items:end;} .co-add .field{margin-bottom:0;} } .co-filter{padding:12px 14px;} .ct-chips{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px;margin-bottom:8px;scrollbar-width:thin;-webkit-overflow-scrolling:touch;} @media (min-width:1100px){ .ct-chips{flex-wrap:wrap;overflow:visible;} } .ct-chip{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:7px 12px;font-size:calc(13px*var(--fs,1));background:#FBFBFA;color:var(--text);white-space:nowrap;text-decoration:none;} .ct-chip b{font-size:calc(11.5px*var(--fs,1));background:#EEF1F4;color:var(--navy);border-radius:999px;padding:1px 7px;} .ct-chip.zero{opacity:.55;} .ct-chip.on{background:var(--navy);border-color:var(--navy);color:#fff;font-weight:600;opacity:1;} .ct-chip.on b{background:rgba(255,255,255,.2);color:#fff;} .co-search{display:flex;gap:8px;flex-wrap:wrap;margin:0;} .co-search input[type=search]{flex:1 1 220px;min-width:0;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#FBFBFA;font-family:inherit;font-size:calc(14.5px*var(--fs,1));} .co-search select{flex:0 1 220px;min-width:0;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#FBFBFA;font-family:inherit;font-size:calc(14px*var(--fs,1));} @media (pointer:coarse){ .co-search input[type=search],.co-search select{font-size:max(16px,calc(14.5px*var(--fs,1)));} } .co-filter-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px;} .co-filter-links{display:flex;gap:6px;flex-wrap:wrap;} .co-list{display:grid;grid-template-columns:1fr;gap:0 14px;align-items:start;} @media (min-width:1000px){ .co-list{grid-template-columns:repeat(2,minmax(0,1fr));} } @media (min-width:1700px){ .co-list{grid-template-columns:repeat(3,minmax(0,1fr));} } .co-card{border-left:4px solid var(--navy);} .co-arch{opacity:.7;} .co-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap;} .co-id{min-width:0;flex:1 1 180px;} .co-name{margin:0;font-size:calc(17px*var(--fs,1));font-weight:700;color:var(--navy);line-height:1.3;overflow-wrap:anywhere;} .co-seg{font-size:calc(13px*var(--fs,1));color:var(--muted);margin-top:2px;} .co-badges{display:flex;gap:6px;align-items:center;flex-wrap:wrap;} .ct-quick{margin:0;} .ct-sel{appearance:none;-webkit-appearance:none;border:1px solid #D6DCE3;border-radius:999px;padding:5px 26px 5px 11px;font:inherit;font-size:calc(12.5px*var(--fs,1));font-weight:700;background:#EEF1F4 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%2314324D'/%3E%3C/svg%3E") no-repeat right 10px center;color:var(--navy);cursor:pointer;max-width:200px;} span.ct-sel{padding-right:11px;background-image:none;cursor:default;display:inline-block;} .ctc-target,.ctc-lead,.ctc-qualified,.ctc-enquiry{background-color:#EAF2FB;color:#1E5A96;border-color:#CFE0F3;} .ctc-quotation,.ctc-followup,.ctc-negotiation{background-color:#FDF6E7;color:#7A5410;border-color:#F1DDB0;} .ctc-order,.ctc-existing,.ctc-repeat,.ctc-active,.ctc-reactivated{background-color:#E5F3EC;color:#22684A;border-color:#C6E4D4;} .ctc-dormant,.ctc-lost{background-color:#FBEAE6;color:var(--red);border-color:#F2CFC6;} .ctc-project_epc,.ctc-dealer,.ctc-consultant,.ctc-oem,.ctc-service{background-color:#F1ECFA;color:#5B3E96;border-color:#DDD2F1;} .ct-chip.on[class*="ctc-"]{background:var(--navy);color:#fff;border-color:var(--navy);} .co-acts{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;} .co-acts form{margin:0;} .co-acts .btn.on{box-shadow:inset 0 0 0 2px var(--orange);} .co-panel{margin-top:12px;padding-top:12px;border-top:1px dashed var(--line);} .co-panel-h{font-weight:700;color:var(--navy);margin-bottom:10px;grid-column:1/-1;} .br-item{border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin-bottom:8px;background:#FCFCFB;} .br-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;} .br-name{font-weight:700;color:var(--navy);font-size:calc(15px*var(--fs,1));text-decoration:none;overflow-wrap:anywhere;} .br-meta{font-size:calc(13px*var(--fs,1));color:#4B5563;margin-top:4px;overflow-wrap:anywhere;} .br-acts{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px;} .br-acts form{margin:0;} .bd-f{border-top:0;padding-top:0;} .pc-addcard > summary{cursor:pointer;list-style:none;} .pc-addcard > summary::-webkit-details-marker{display:none;} .pc-list{display:grid;grid-template-columns:1fr;gap:10px;} @media (min-width:1000px){ .pc-list{grid-template-columns:repeat(2,minmax(0,1fr));} } @media (min-width:1700px){ .pc-list{grid-template-columns:repeat(3,minmax(0,1fr));} } .pc{border:1px solid var(--line);border-left:4px solid var(--green);border-radius:12px;padding:12px 14px;background:var(--surface);min-width:0;align-self:start;} .pc-left{border-left-color:#9CA3AF;background:#FAFAF9;} .pc-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;} .pc-name{margin:0;font-size:calc(16px*var(--fs,1));font-weight:700;color:var(--navy);overflow-wrap:anywhere;} .pc-dept{font-size:calc(11.5px*var(--fs,1));font-weight:700;background:#EEF1F4;color:var(--navy);border-radius:999px;padding:3px 10px;} .pc-contact{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:6px;font-size:calc(14px*var(--fs,1));} .pc-contact a{color:var(--navy);font-weight:600;text-decoration:none;overflow-wrap:anywhere;} .pc-line{font-size:calc(13.5px*var(--fs,1));margin-top:4px;color:#374151;overflow-wrap:anywhere;} .pc-line > span{color:var(--muted);} .pc-leftnote{color:#7A5410;font-weight:600;} .pc-move{color:var(--muted);font-size:calc(12.5px*var(--fs,1));} .pc-acts{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;} .pc-acts form{margin:0;} .pc-acts .btn.on{box-shadow:inset 0 0 0 2px var(--orange);} .pc-leftbtn{color:var(--red);} .pc-panel{margin-top:10px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#FCFCFB;} .dept-list{display:grid;grid-template-columns:1fr;gap:6px;} @media (min-width:900px){ .dept-list{grid-template-columns:repeat(2,minmax(0,1fr));} } @media (min-width:1500px){ .dept-list{grid-template-columns:repeat(3,minmax(0,1fr));} } .dept-row{display:flex;gap:6px;align-items:center;} .dept-row form{margin:0;} .dept-ren{display:flex;gap:6px;align-items:center;flex:1;min-width:0;} .dept-ren input{flex:1;min-width:0;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#FBFBFA;font-family:inherit;font-size:calc(14px*var(--fs,1));} @media (pointer:coarse){ .dept-ren input{font-size:max(16px,calc(14px*var(--fs,1)));} } .dept-n{font-size:calc(12px*var(--fs,1));color:var(--muted);white-space:nowrap;} /* ===== v13.9 — फ़ॉन्ट (कंपनी एडमिन चुनें) ===== */ button,input,select,textarea{font-family:inherit;} html.ff-noto body{font-family:"Noto Sans","Noto Sans Devanagari",-apple-system,"Segoe UI",Roboto,Arial,sans-serif;} html.ff-poppins body{font-family:"Poppins","Noto Sans Devanagari",-apple-system,"Segoe UI",Roboto,Arial,sans-serif;} html.ff-mukta body{font-family:"Mukta",-apple-system,"Segoe UI",Roboto,"Noto Sans Devanagari",Arial,sans-serif;} html.ff-hind body{font-family:"Hind",-apple-system,"Segoe UI",Roboto,"Noto Sans Devanagari",Arial,sans-serif;} html.ff-opensans body{font-family:"Open Sans","Noto Sans Devanagari",-apple-system,"Segoe UI",Roboto,Arial,sans-serif;} .ff-box .fs-s2{font-weight:700;color:var(--navy);} /* कंपनी कार्ड के बटन थोड़े कसे हुए */ .co-acts{gap:5px;} .co-acts .btn{padding:6px 10px;} .br-acts .btn{padding:6px 10px;} /* Excel अपलोड / डाउनलोड */ .io-card > summary{cursor:pointer;list-style:none;} .io-card > summary::-webkit-details-marker{display:none;} .io-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-top:12px;} @media (min-width:900px){ .io-grid{grid-template-columns:1fr 1fr;} } .io-box{border:1px solid var(--line);border-radius:12px;padding:12px;background:#FCFCFB;min-width:0;} .io-box h3{margin:0 0 6px;font-size:calc(15px*var(--fs,1));color:var(--navy);} .io-box textarea{width:100%;min-height:110px;padding:10px;border:1px solid var(--line);border-radius:8px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:calc(13px*var(--fs,1));background:#fff;} .io-box input[type=file]{width:100%;padding:10px;border:1px dashed var(--navy);border-radius:10px;background:#fff;} .io-cols{font-size:calc(12.5px*var(--fs,1));color:var(--muted);overflow-wrap:anywhere;} .io-acts{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px;} .io-res{border-radius:10px;padding:10px 12px;margin-bottom:12px;background:#E5F3EC;color:#22684A;font-size:calc(13.5px*var(--fs,1));} .io-res ul{margin:6px 0 0;padding-left:18px;color:#7A5410;} /* ===== v13.10 — ग्रिड / लिस्ट व्यू (हर पेज पर, यूज़र की पसंद) ===== */ .page-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:14px;} .page-head .page-h1{margin:0;} .vw-tg{display:none;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface);} .vw-tg[hidden]{display:none !important;} .vw-tg button{border:0;background:transparent;padding:7px 12px;font:inherit;font-size:calc(13px*var(--fs,1));color:var(--muted);cursor:pointer;display:inline-flex;align-items:center;gap:6px;} .vw-tg button + button{border-left:1px solid var(--line);} .vw-tg button[aria-pressed="true"]{background:var(--navy);color:#fff;font-weight:600;} @media (min-width:900px){ .vw-tg{display:inline-flex;} } /* मोबाइल पर हमेशा लिस्ट; डेस्कटॉप पर "लिस्ट" चुनें तो सब एक-एक लाइन में, पूरी चौड़ाई */ @media (min-width:900px){ html.vw-list .co-list, html.vw-list .rep-list, html.vw-list .exp-days, html.vw-list .pc-list, html.vw-list .vh-list, html.vw-list .cgrid, html.vw-list .dept-list{grid-template-columns:minmax(0,1fr) !important;} html.vw-list .card:not([hidden]):has(> .list-item){display:block !important;} /* v18.78 छुपा कार्ड छुपा ही रहे */ html.vw-list .card:has(> .list-item) > .list-item{border-bottom:1px solid var(--line);} /* लिस्ट में कंपनी: बाईं ओर नाम+सेगमेंट+स्टेज, दाईं ओर बटन — एक लाइन */ html.vw-list .co-card{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;align-items:center;padding-top:12px;padding-bottom:12px;} html.vw-list .co-card > .co-head{grid-column:1;} html.vw-list .co-card > .co-head .co-id{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;} html.vw-list .co-card > .co-acts{grid-column:2;margin-top:0;justify-content:flex-end;} html.vw-list .co-card > .co-panel{grid-column:1/-1;} html.vw-list .co-list{gap:0;} html.vw-list .co-list .co-card{margin-bottom:8px;} /* लिस्ट में रिपोर्ट / व्यक्ति: ऊपर की लाइन और जानकारी एक साथ चौड़ाई में */ html.vw-list .rep-item .rep-f{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));} html.vw-list .pc{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;} html.vw-list .pc > *{grid-column:1;} html.vw-list .pc > .pc-acts{grid-column:2;grid-row:1 / span 6;align-self:start;margin-top:0;justify-content:flex-end;max-width:420px;} html.vw-list .pc > .pc-panel{grid-column:1/-1;} } /* ===== v13.11 — CRM का अपना पॉपअप (पूछना / सूचना) ===== */ .ad-dlg-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20000;background:rgba(13,35,56,.55);display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;transition:opacity .15s ease;} .ad-dlg-wrap[hidden]{display:none !important;} .ad-dlg-wrap.show{opacity:1;} html.ad-dlg-open, html.ad-dlg-open body{overflow:hidden;} .ad-dlg{width:100%;max-width:420px;background:var(--surface);border-radius:16px;padding:22px 20px 18px;box-shadow:0 20px 50px rgba(13,35,56,.35);text-align:center;transform:translateY(10px) scale(.98);transition:transform .15s ease;border-top:5px solid var(--navy);} .ad-dlg-wrap.show .ad-dlg{transform:none;} .ad-dlg.danger{border-top-color:var(--red);} .ad-dlg.alert{border-top-color:var(--orange);} .ad-dlg-ic{width:52px;height:52px;margin:0 auto 10px;border-radius:50%;background:#EEF1F4;display:flex;align-items:center;justify-content:center;font-size:26px;} .ad-dlg.danger .ad-dlg-ic{background:#FBEAE6;} .ad-dlg.alert .ad-dlg-ic{background:#FDF1E7;} .ad-dlg-t{font-size:calc(18px*var(--fs,1));font-weight:700;color:var(--navy);line-height:1.35;margin-bottom:6px;} .ad-dlg-m{font-size:calc(14.5px*var(--fs,1));color:#374151;line-height:1.55;white-space:pre-line;overflow-wrap:anywhere;} .ad-dlg-b{display:flex;gap:10px;margin-top:18px;} .ad-dlg-b .btn{flex:1;padding:12px 14px;font-size:calc(15px*var(--fs,1));font-weight:700;border-radius:10px;justify-content:center;} .ad-dlg-b .btn[hidden]{display:none !important;} .btn-danger{background:var(--red);color:#fff;border:0;} .ad-dlg .btn:focus-visible{outline:3px solid rgba(21,101,216,.45);outline-offset:2px;} /* मोबाइल: नीचे से खुलने वाली शीट, अंगूठे की पहुँच में बटन */ @media (max-width:600px){ .ad-dlg-wrap{align-items:flex-end;padding:0;} .ad-dlg{max-width:none;border-radius:18px 18px 0 0;padding:20px 18px calc(16px + env(safe-area-inset-bottom,0px));transform:translateY(40px);} .ad-dlg-b{flex-direction:column-reverse;} } /* ===== v13.12 — बदलाव की मंज़ूरी ===== */ .nav-badge{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#E5484D;color:#fff;font-size:calc(11px*var(--fs,1));font-weight:700;line-height:20px;text-align:center;} .cr-other .nav-badge{display:inline-block;margin-left:4px;} .cr-pend{font-size:calc(11.5px*var(--fs,1));font-weight:700;background:#FDF6E7;color:#7A5410;border:1px solid #F1DDB0;border-radius:999px;padding:3px 9px;text-decoration:none;white-space:nowrap;} .cr-note{grid-column:1/-1;margin:4px 0 8px;font-size:calc(12.5px*var(--fs,1));color:#7A5410;background:#FDF6E7;border-radius:8px;padding:6px 10px;} .cr-flash a{font-weight:700;margin-left:6px;} .cr-rule{background:#F3F6F9;border-color:#DCE4EC;font-size:calc(13.5px*var(--fs,1));color:#374151;} .cr-other{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px;} .cr-card{border:1px solid var(--line);border-left:4px solid #E0A33B;border-radius:12px;padding:12px 14px;background:var(--surface);min-width:0;align-self:start;} .cr-card.cr-approved{border-left-color:var(--green);} .cr-card.cr-rejected{border-left-color:var(--red);opacity:.85;} .cr-top{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;} .cr-t{margin:0;flex:1 1 200px;min-width:0;font-size:calc(15.5px*var(--fs,1));font-weight:700;color:var(--navy);overflow-wrap:anywhere;} .cr-act{font-size:calc(12px*var(--fs,1));font-weight:700;background:#EEF1F4;color:var(--navy);border-radius:999px;padding:3px 10px;} .cr-st{font-size:calc(11.5px*var(--fs,1));font-weight:700;border-radius:999px;padding:3px 10px;background:#FDF6E7;color:#7A5410;} .cr-approved .cr-st{background:#E5F3EC;color:#22684A;} .cr-rejected .cr-st{background:#FBEAE6;color:var(--red);} .cr-meta{font-size:calc(12.5px*var(--fs,1));color:var(--muted);margin-top:6px;line-height:1.5;} .cr-dn{color:#374151;} .cr-dec{margin-top:10px;display:flex;flex-direction:column;gap:8px;} .cr-dec input{width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:8px;background:#FBFBFA;font-family:inherit;font-size:calc(13.5px*var(--fs,1));} @media (pointer:coarse){ .cr-dec input{font-size:max(16px,calc(13.5px*var(--fs,1)));} } .cr-btns{display:flex;gap:8px;} .cr-btns .btn{flex:1;justify-content:center;} /* ===== v14.1 — कॉल/WhatsApp, रास्ता, पिन, मालिक का डैशबोर्ड, टारगेट ===== */ .cbtns{display:inline-flex;gap:6px;flex-wrap:wrap;vertical-align:middle;} .cbtn{display:inline-flex;align-items:center;gap:5px;padding:6px 11px;border-radius:999px;font-size:calc(13px*var(--fs,1));font-weight:700;text-decoration:none;white-space:nowrap;line-height:1.2;} .cbtn-call{background:#E8F0FB;color:#1E5A96;border:1px solid #CFE0F3;} .cbtn-wa{background:#E7F7EE;color:#1B7A45;border:1px solid #C4E9D3;} .cbtn:active{transform:scale(.97);} .pc-mob{font-weight:700;color:var(--navy);margin-right:4px;} .pc-contact{align-items:center;} .bd-geo{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:10px 0 4px;} .bd-geo form{margin:0;} .pin-ok{font-size:calc(12.5px*var(--fs,1));font-weight:700;color:var(--green);background:#E5F3EC;border-radius:999px;padding:4px 10px;} /* मालिक का डैशबोर्ड */ .own-card{border-top:4px solid var(--orange);} .own-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;} @media (min-width:600px){ .own-kpis{grid-template-columns:repeat(4,minmax(0,1fr));} } @media (min-width:1100px){ .own-kpis{grid-template-columns:repeat(7,minmax(0,1fr));} } .own-k{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:12px;background:#F6F7F5;border:1px solid var(--line);text-decoration:none;color:var(--text);min-width:0;} .own-k b{font-size:calc(22px*var(--fs,1));color:var(--navy);line-height:1.15;} .own-k b small{font-size:calc(13px*var(--fs,1));color:var(--muted);font-weight:600;} .own-k span{font-size:calc(12.5px*var(--fs,1));color:var(--muted);} .k-green{background:#EEF8F2;border-color:#CFE9DA;} .k-green b{color:var(--green);} .k-amber{background:#FDF8EC;border-color:#F1DDB0;} .k-amber b{color:#9A6A12;} .k-blue{background:#EEF4FB;border-color:#D3E2F2;} .k-blue b{color:#1E5A96;} .k-red{background:#FDF0EE;border-color:#F2D2CB;} .k-red b{color:var(--red);} .k-alert{border-color:var(--red);box-shadow:inset 0 0 0 1px var(--red);} .rank-list{display:grid;grid-template-columns:1fr;gap:8px;} @media (min-width:1000px){ html.vw-grid .rank-list{grid-template-columns:repeat(2,minmax(0,1fr));} } .rank-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--surface);} .rank-no{font-size:calc(20px*var(--fs,1));font-weight:800;color:var(--navy);text-align:center;} .rank-top{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;} .rank-top b{font-size:calc(15px*var(--fs,1));color:var(--navy);} .rank-meta{font-size:calc(12.5px*var(--fs,1));color:var(--muted);margin-top:3px;} .rank-meta b{color:var(--text);} .rank-act{display:flex;justify-content:flex-end;} @media (max-width:600px){ .rank-row{grid-template-columns:34px minmax(0,1fr);} .rank-act{grid-column:2;justify-content:flex-start;} .cbtn span{display:none;} .cbtn{padding:7px 12px;font-size:16px;} } .st-chip{font-size:calc(11.5px*var(--fs,1));font-weight:700;border-radius:999px;padding:2px 9px;} .st-present{background:#E5F3EC;color:#22684A;} .st-late{background:#FDF6E7;color:#7A5410;} .st-leave{background:#EAF2FB;color:#1E5A96;} .st-notin{background:#FBEAE6;color:var(--red);} .team-snap > summary{cursor:pointer;list-style:none;} .team-snap > summary::-webkit-details-marker{display:none;} /* टारगेट बार */ .tg-bar{margin-top:8px;} .tg-bar-top{display:flex;justify-content:space-between;gap:8px;font-size:calc(12.5px*var(--fs,1));color:var(--muted);margin-bottom:4px;} .tg-bar-top b{color:var(--text);} .tg-track{height:9px;border-radius:999px;background:#ECEEEA;overflow:hidden;} .tg-fill{height:100%;border-radius:999px;background:#9CA3AF;transition:width .4s ease;} .tg-good .tg-fill{background:var(--green);} .tg-mid .tg-fill{background:#E0A33B;} .tg-low .tg-fill{background:var(--red);} .tg-head .tg-month{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px;} .tg-head .tg-month b{font-size:calc(17px*var(--fs,1));color:var(--navy);min-width:130px;text-align:center;} .tg-tools{display:flex;gap:6px;align-items:center;flex-wrap:wrap;} .tg-tools input{width:90px;padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:#FBFBFA;font-family:inherit;} .tg-list{display:grid;grid-template-columns:1fr;gap:8px;} .tg-row{display:grid;grid-template-columns:1fr;gap:8px;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--surface);} @media (min-width:900px){ .tg-row{grid-template-columns:minmax(160px,1.2fr) minmax(220px,1.2fr) minmax(240px,2fr);align-items:center;} } .tg-ro{opacity:.75;} .tg-who b{display:block;color:var(--navy);font-size:calc(15px*var(--fs,1));} .tg-who span{font-size:calc(12px*var(--fs,1));color:var(--muted);} .tg-in{display:flex;gap:8px;} .tg-in label{flex:1;min-width:0;} .tg-in label span{display:block;font-size:calc(11.5px*var(--fs,1));color:var(--muted);margin-bottom:3px;} .tg-in input{width:100%;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:#FBFBFA;font-family:inherit;font-size:calc(15px*var(--fs,1));font-weight:700;} @media (pointer:coarse){ .tg-in input,.tg-tools input{font-size:max(16px,calc(15px*var(--fs,1)));} } .tg-prog .tg-bar:first-child{margin-top:0;} .tg-save{position:sticky;bottom:0;background:linear-gradient(transparent,var(--surface) 30%);padding-top:12px;margin-top:6px;} .tg-save .btn{width:100%;} @media (min-width:900px){ .tg-save .btn{width:auto;min-width:200px;} } /* ===== v14.2 — बीट प्लान + पाइपलाइन ===== */ .bp-pick{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:0 0 10px;} .bp-pick select,.bp-pick input{padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:#FBFBFA;font-family:inherit;font-size:calc(14px*var(--fs,1));min-width:0;} @media (pointer:coarse){ .bp-pick select,.bp-pick input,.bp-row select{font-size:max(16px,calc(14px*var(--fs,1)));} } .bp-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr)) 28px 28px;gap:5px;} .bp-day{display:flex;flex-direction:column;align-items:center;padding:7px 2px;border:1px solid var(--line);border-radius:10px;text-decoration:none;color:var(--text);background:#FBFBFA;min-width:0;} .bp-day span{font-size:calc(11px*var(--fs,1));color:var(--muted);} .bp-day b{font-size:calc(16px*var(--fs,1));color:var(--navy);line-height:1.2;} .bp-day i{font-style:normal;font-size:calc(11px*var(--fs,1));color:var(--muted);} .bp-day.today{border-color:var(--orange);} .bp-day.on{background:var(--navy);border-color:var(--navy);} .bp-day.on span,.bp-day.on b,.bp-day.on i{color:#fff;} .bp-wk{display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:10px;text-decoration:none;color:var(--navy);font-weight:700;background:#fff;} .bp-score{font-size:calc(12.5px*var(--fs,1));font-weight:700;background:#EEF1F4;color:var(--navy);border-radius:999px;padding:3px 10px;margin-left:6px;} .bp-list{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px;} .bp-item{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;border:1px solid var(--line);border-left:4px solid #E0A33B;border-radius:12px;padding:10px 12px;background:var(--surface);} .bp-done{border-left-color:var(--green);background:#F7FBF8;} .bp-skipped{border-left-color:#9CA3AF;opacity:.8;} .bp-no{width:30px;height:30px;border-radius:50%;background:#EEF1F4;color:var(--navy);font-weight:800;display:flex;align-items:center;justify-content:center;} .bp-done .bp-no{background:var(--green);color:#fff;} .bp-t{font-weight:700;color:var(--navy);font-size:calc(15px*var(--fs,1));overflow-wrap:anywhere;} .bp-t span{font-weight:500;color:#4B5563;} .bp-m{font-size:calc(12.5px*var(--fs,1));color:var(--muted);margin-top:2px;display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center;} .bp-st{font-weight:700;border-radius:999px;padding:1px 8px;background:#FDF6E7;color:#7A5410;} .bp-done .bp-st{background:#E5F3EC;color:#22684A;} .bp-skipped .bp-st{background:#EEF1F4;color:#4B5563;} .bp-note{font-size:calc(13px*var(--fs,1));color:#374151;margin-top:4px;} .bp-acts{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;align-items:flex-start;} .bp-acts form{margin:0;} .bp-more > summary{list-style:none;} .bp-more > summary::-webkit-details-marker{display:none;} .bp-skipf{display:flex;gap:6px;margin-top:6px;} .bp-skipf input{flex:1;min-width:140px;padding:7px 9px;border:1px solid var(--line);border-radius:8px;font-family:inherit;} .bp-row{display:grid;grid-template-columns:1fr 1fr 40px;gap:8px;margin-bottom:8px;} .bp-row select{width:100%;min-width:0;padding:10px 11px;border:1px solid var(--line);border-radius:8px;background:#FBFBFA;font-family:inherit;} @media (max-width:600px){ .bp-row{grid-template-columns:1fr 40px;} .bp-row .js-br{grid-column:1;grid-row:2;} } .bp-copy{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:12px 14px;} .bp-copy input{padding:8px 10px;border:1px solid var(--line);border-radius:8px;font-family:inherit;} .bp-team{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;} .bp-tm{display:flex;flex-direction:column;padding:9px 11px;border:1px solid var(--line);border-radius:10px;text-decoration:none;color:var(--text);} .bp-tm b{color:var(--navy);} .bp-tm span{font-size:calc(12.5px*var(--fs,1));color:var(--muted);} .bp-tm.on{border-color:var(--navy);box-shadow:inset 0 0 0 1px var(--navy);} .rank-meta a{color:var(--navy);text-decoration:none;} /* पाइपलाइन */ .pl-jump{display:flex;gap:6px;overflow-x:auto;margin-top:10px;padding-bottom:4px;scrollbar-width:thin;} .pl-board{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 14px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;align-items:flex-start;} .pl-col{flex:0 0 270px;scroll-snap-align:start;background:#F1F3F0;border:1px solid var(--line);border-radius:14px;padding:8px;min-height:120px;} @media (max-width:600px){ .pl-col{flex-basis:84vw;} } .pl-col.over{outline:3px dashed var(--orange);outline-offset:-3px;background:#EEF4FD;} .pl-col-h{display:flex;justify-content:space-between;align-items:center;padding:4px 6px 8px;font-weight:700;color:var(--navy);font-size:calc(14px*var(--fs,1));background:transparent !important;border:0 !important;} .pl-col-h b{background:#fff;border-radius:999px;padding:1px 9px;font-size:calc(12px*var(--fs,1));} .pl-drop{display:flex;flex-direction:column;gap:7px;min-height:60px;} .pl-card{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:9px 10px;cursor:grab;box-shadow:0 1px 2px rgba(0,0,0,.04);} .pl-card.drag{opacity:.5;} .pl-card.busy{opacity:.6;pointer-events:none;} .pl-name{display:block;font-weight:700;color:var(--navy);text-decoration:none;font-size:calc(14.5px*var(--fs,1));overflow-wrap:anywhere;} .pl-meta{font-size:calc(12px*var(--fs,1));color:var(--muted);margin:3px 0 6px;} .pl-move{margin:6px 0 0;} .pl-move select{width:100%;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:#FBFBFA;font-family:inherit;font-size:calc(12.5px*var(--fs,1));color:var(--muted);} @media (pointer:coarse){ .pl-move select{font-size:16px;} } .pl-col.ctc-target,.pl-col.ctc-lead,.pl-col.ctc-qualified,.pl-col.ctc-enquiry{border-top:4px solid #3B7DD8;} .pl-col.ctc-quotation,.pl-col.ctc-followup,.pl-col.ctc-negotiation{border-top:4px solid #E0A33B;} .pl-col.ctc-order,.pl-col.ctc-existing,.pl-col.ctc-repeat,.pl-col.ctc-active,.pl-col.ctc-reactivated{border-top:4px solid var(--green);} .pl-col.ctc-dormant,.pl-col.ctc-lost{border-top:4px solid var(--red);} .pl-col.ctc-project_epc,.pl-col.ctc-dealer,.pl-col.ctc-consultant,.pl-col.ctc-oem,.pl-col.ctc-service{border-top:4px solid #7B5BC4;} .pl-col{background-color:#F1F3F0 !important;color:var(--text) !important;} .pl-toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translate(-50%,20px);background:var(--navy);color:#fff;padding:10px 16px;border-radius:12px;font-weight:600;z-index:15000;opacity:0;transition:all .2s ease;max-width:90vw;text-align:center;} .pl-toast.show{opacity:1;transform:translate(-50%,0);} .bp-pick .btn,.pl-top .co-search .btn{width:auto !important;flex:0 0 auto;} .bp-pick select{flex:1 1 160px;} .bp-pick input[type=date]{flex:1 1 150px;} /* ===== v14.3 — बिल, सूचना, कैलेंडर, कस्टम फ़ील्ड, ऑफ़लाइन, सर्च वाला dropdown ===== */ .combo-q{display:block;width:100%;padding:9px 12px;margin:0 0 6px;border:1px solid var(--line);border-radius:10px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='0' height='0'/%3E");font-family:inherit;font-size:calc(14px*var(--fs,1));} .combo-q:focus{outline:2px solid rgba(21,101,216,.35);border-color:var(--orange);} @media (pointer:coarse){ .combo-q{font-size:max(16px,calc(14px*var(--fs,1)));} } .combo-info{font-size:calc(12px*var(--fs,1));color:var(--green);margin:4px 0 0;font-weight:600;} .combo-info.none{color:var(--red);} .bp-row .combo-q,.bp-row .combo-info{grid-column:1/-1;margin:0;} .bill-pick{display:inline-flex;align-items:center;cursor:pointer;margin-left:8px;font-size:calc(12.5px*var(--fs,1));font-weight:700;color:var(--navy);border:1px dashed var(--navy);border-radius:999px;padding:4px 10px;background:#fff;} .bill-pick.has{border-style:solid;border-color:var(--green);color:var(--green);background:#EEF8F2;} .bill-pick.has span::after{content:" ✓";} .bill-ico{margin:0;justify-content:center;width:44px;height:40px;padding:0;border-radius:8px;font-size:18px;} .exp-item{grid-template-columns:1fr 100px 44px 40px !important;} @media (max-width:420px){ .exp-item{grid-template-columns:1fr 84px 44px 40px !important;} } .bill-link{display:block;font-size:calc(12px*var(--fs,1));font-weight:700;color:var(--green);text-decoration:none;margin-top:3px;} .bill-add{margin:3px 0 0;} .bill-add .bill-pick{margin:0;font-size:calc(11.5px*var(--fs,1));padding:2px 8px;} .claim-card{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 14px;} .claim-t{font-weight:700;color:var(--navy);margin-right:auto;} .claim-card input,.claim-card select{padding:8px 10px;border:1px solid var(--line);border-radius:8px;font-family:inherit;background:#FBFBFA;} .claim-card .btn{width:auto !important;} .dash-notice{display:flex;align-items:center;gap:10px;background:#FFF8EC;border:1px solid #F1DDB0;border-radius:12px;padding:10px 14px;margin-bottom:12px;text-decoration:none;color:#7A5410;} .dash-notice > span{font-size:22px;} .dash-notice div{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;} .dash-notice b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .dash-notice i{font-style:normal;font-weight:700;} .dash-bday{background:#FDF0F6;border:1px solid #F3CFE1;color:#8A2C5C;border-radius:12px;padding:10px 14px;margin-bottom:12px;font-size:calc(14px*var(--fs,1));} .nt-list{display:grid;gap:10px;} .nt{border:1px solid var(--line);border-left:4px solid var(--navy);border-radius:12px;padding:12px 14px;background:var(--surface);} .nt-pinned{border-left-color:var(--orange);background:#FFFBF5;} .nt-old{opacity:.6;} .nt-t{margin:0 0 6px;font-size:calc(16px*var(--fs,1));color:var(--navy);} .nt-b{font-size:calc(14.5px*var(--fs,1));line-height:1.6;color:#374151;overflow-wrap:anywhere;} .nt-m{font-size:calc(12px*var(--fs,1));color:var(--muted);margin-top:8px;} .nt-acts{display:flex;gap:6px;margin-top:8px;} .nt-acts form{margin:0;} .nt-pin{display:flex;align-items:center;gap:8px;font-size:calc(14px*var(--fs,1));cursor:pointer;padding:10px 0;} .nt-pin input{width:18px;height:18px;} .cal-legend{display:flex;gap:6px;flex-wrap:wrap;margin-left:auto;} .cal-legend .lg{font-size:calc(12px*var(--fs,1));border-radius:999px;padding:3px 9px;} .lg.hol,.e-hol{background:#FDF1E7;color:#9A4A12;} .lg.bd,.e-bd{background:#FDF0F6;color:#8A2C5C;} .lg.lv,.e-lv{background:#EAF2FB;color:#1E5A96;} .cal2{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;} .cal2-h{text-align:center;font-size:calc(12px*var(--fs,1));font-weight:700;color:var(--muted);padding:4px 0;} .cal2-d{min-height:86px;border:1px solid var(--line);border-radius:10px;padding:5px;background:var(--surface);display:flex;flex-direction:column;gap:3px;min-width:0;} .cal2-pad{background:transparent;border:0;} .cal2-d.off{background:#F6F7F5;} .cal2-d.today{border-color:var(--orange);box-shadow:inset 0 0 0 1px var(--orange);} .cal2-n{font-weight:700;color:var(--navy);font-size:calc(13px*var(--fs,1));} .cal2-wd{display:none;font-style:normal;font-weight:500;color:var(--muted);} .cal2-e{font-size:calc(11px*var(--fs,1));border-radius:6px;padding:2px 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} @media (max-width:700px){ .cal2{grid-template-columns:1fr;} .cal2-h,.cal2-pad,.cal2-d:not(.has):not(.today){display:none;} .cal2-d{min-height:0;flex-direction:row;flex-wrap:wrap;align-items:center;} .cal2-wd{display:inline;} .cal2-n{min-width:70px;} .cal2-e{white-space:normal;} } .cf-box{grid-column:1/-1;display:grid;grid-template-columns:1fr;gap:0 12px;border-top:1px dashed var(--line);padding-top:8px;margin-top:4px;} @media (min-width:700px){ .cf-box{grid-template-columns:repeat(2,minmax(0,1fr));} } .cf-show{border-top:1px dashed var(--line);} .cf-list{display:grid;gap:8px;} .cf-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:10px 12px;} .cf-row.off{opacity:.6;} .cf-main b{display:block;color:var(--navy);} .cf-main span{font-size:calc(12.5px*var(--fs,1));color:var(--muted);} .cf-acts{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end;} .cf-acts form{margin:0;} .cf-edit{grid-column:1/-1;} .cf-edit > summary{cursor:pointer;font-size:calc(12.5px*var(--fs,1));color:var(--navy);font-weight:600;} .oq-pill{position:fixed;right:12px;bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:9000;border:0;border-radius:999px;padding:9px 14px;background:#7A5410;color:#fff;font:inherit;font-weight:700;font-size:13px;box-shadow:0 4px 14px rgba(0,0,0,.2);cursor:pointer;} .oq-pill.off{background:#4B5563;} .oq-pill[hidden]{display:none;} /* v14.4 — डिपार्टमेंट लाइन मोबाइल पर स्क्रीन से बाहर न जाए */ .dept-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:center;} .dept-row > form{min-width:0;} .dept-ren{display:grid !important;grid-template-columns:minmax(0,1fr) auto auto;gap:6px;align-items:center;} .dept-ren input{width:100%;min-width:0;} .dept-row .btn{padding:7px 10px;} .vh-chip,.chip-pick label,.fs-opt,.vh-chips{position:relative;} .vh-chip input,.chip-pick input,.fs-opt input{left:0;top:0;} /* ===== v14.4 — ऐप जैसा लुक: SVG आइकन, नीचे टैब बार, "+" शीट, toast ===== */ .sidebar-nav a .icon{display:inline-flex;align-items:center;justify-content:center;width:22px;opacity:.9;} .sidebar-nav a.active .icon{opacity:1;} .ic{flex-shrink:0;display:block;} .tabbar{display:none;} @media (max-width:899px){ .tabbar{display:grid;grid-template-columns:repeat(5,1fr);align-items:end;position:fixed;left:0;right:0;bottom:0;z-index:8000; background:var(--surface);border-top:1px solid var(--line);box-shadow:0 -4px 16px rgba(13,35,56,.08);padding:4px 4px calc(4px + env(safe-area-inset-bottom,0px));} .tb-i{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 0 4px;color:var(--muted);text-decoration:none;background:none;border:0;font:inherit;font-size:11px;font-weight:600;cursor:pointer;position:relative;min-width:0;} .tb-i span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;} .tb-i.on{color:var(--orange);} .tb-i.on::before{content:"";position:absolute;top:-4px;left:30%;right:30%;height:3px;border-radius:0 0 3px 3px;background:var(--orange);} .tb-badge{position:absolute;top:2px;left:55%;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#E5484D;color:#fff;font-size:10px;line-height:17px;text-align:center;} .tb-fab{justify-self:center;width:56px;height:56px;margin-top:-22px;border-radius:50%;border:4px solid var(--bg);background:var(--orange);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px rgba(21,101,216,.4);cursor:pointer;} .tb-fab[aria-expanded="true"]{transform:rotate(45deg);} .tb-fab{transition:transform .2s ease;} main{padding-bottom:calc(86px + env(safe-area-inset-bottom,0px)) !important;} .oq-pill{bottom:calc(80px + env(safe-area-inset-bottom,0px));} .pl-toast,.ux-toast{bottom:calc(84px + env(safe-area-inset-bottom,0px)) !important;} .tg-save{bottom:calc(70px + env(safe-area-inset-bottom,0px));} } .tb-sheet-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8500;background:rgba(13,35,56,.45);display:flex;align-items:flex-end;justify-content:center;opacity:0;transition:opacity .18s;} .tb-sheet-wrap.show{opacity:1;} .tb-sheet-wrap[hidden]{display:none !important;} .tb-sheet{width:100%;max-width:520px;background:var(--surface);border-radius:20px 20px 0 0;padding:14px 16px calc(20px + env(safe-area-inset-bottom,0px));transform:translateY(30px);transition:transform .18s;} .tb-sheet-wrap.show .tb-sheet{transform:none;} .tb-sheet-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;} .tb-sheet-h b{font-size:calc(16px*var(--fs,1));color:var(--navy);} .tb-x{border:0;background:#F1F3F0;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--navy);cursor:pointer;} .tb-acts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;} .tb-acts a{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;border:1px solid var(--line);border-radius:14px;text-decoration:none;color:var(--text);text-align:center;} .tb-acts a span{width:44px;height:44px;border-radius:12px;background:#FDF1E7;color:var(--orange);display:flex;align-items:center;justify-content:center;} .tb-acts a b{font-size:calc(12.5px*var(--fs,1));font-weight:600;} .ux-toast{position:fixed;left:50%;bottom:calc(22px + env(safe-area-inset-bottom,0px));transform:translate(-50%,20px);background:#1F6B4A;color:#fff;padding:11px 18px;border-radius:12px;font-weight:600;z-index:15000;opacity:0;transition:all .2s ease;max-width:90vw;text-align:center;box-shadow:0 8px 24px rgba(0,0,0,.18);cursor:pointer;} .ux-toast.err{background:var(--red);} .ux-toast.show{opacity:1;transform:translate(-50%,0);} @media (min-width:900px){ .tb-sheet-wrap{align-items:center;} .tb-sheet{border-radius:18px;padding-bottom:18px;} } /* ===== v14.5 — स्पीड: पेज बदलते समय सफ़ेद झपक नहीं (Chrome/Edge), और दिखाएँ ===== */ @view-transition { navigation: auto; } .sidebar{view-transition-name:adcrm-sidebar;} .topbar{view-transition-name:adcrm-topbar;} .tabbar{view-transition-name:adcrm-tabbar;} ::view-transition-old(root),::view-transition-new(root){animation-duration:.14s;} @media (prefers-reduced-motion: reduce){ ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none !important;} } .co-more{text-align:center;margin:6px 0 14px;} .co-more .btn{min-width:220px;} .pl-more{display:block;text-align:center;font-size:calc(12.5px*var(--fs,1));font-weight:700;color:var(--navy);padding:8px;border:1px dashed var(--line);border-radius:10px;text-decoration:none;} /* ===== v14.6 — ऑर्डर / कोटेशन ===== */ @media (min-width:1100px){ .own-kpis{grid-template-columns:repeat(8,minmax(0,1fr));} } .od-new{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px;} .od-new .btn{flex:1 1 160px;} .od-grid{display:grid;grid-template-columns:1fr;gap:0 12px;} @media (min-width:800px){ .od-grid{grid-template-columns:repeat(2,minmax(0,1fr));} } @media (min-width:1200px){ .od-grid{grid-template-columns:repeat(3,minmax(0,1fr));} } .od-no{font-weight:800;color:var(--orange);} .od-items-h{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;margin:12px 0 8px;padding-top:10px;border-top:1px dashed var(--line);grid-column:1/-1;} .od-items-h b{color:var(--navy);font-size:calc(15px*var(--fs,1));} .od-it{border:1px solid var(--line);border-radius:12px;padding:10px;margin-bottom:8px;background:#FCFCFB;} .od-it-top{display:grid;grid-template-columns:minmax(0,1fr) 40px;gap:6px;align-items:center;} .od-it-top .js-pr{grid-column:1/-1;} .od-it-top .combo-q,.od-it-top .combo-info{grid-column:1/-1;margin:0;} .od-it select,.od-it input{width:100%;min-width:0;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:#fff;font-family:inherit;font-size:calc(14px*var(--fs,1));} @media (pointer:coarse){ .od-it select,.od-it input{font-size:16px;} } .od-it-nums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:6px;align-items:end;} @media (min-width:700px){ .od-it-nums{grid-template-columns:1fr 1fr 1.3fr 1fr 1fr 1.3fr;} } .od-it-nums label span{display:block;font-size:calc(11px*var(--fs,1));color:var(--muted);margin-bottom:2px;} .od-it-amt{font-weight:800;color:var(--navy);text-align:right;padding:9px 4px;font-size:calc(15px*var(--fs,1));} .od-tot{margin:12px 0;border:1px solid var(--line);border-radius:12px;padding:8px 12px;background:#F6F7F5;grid-column:1/-1;} .od-tot div{display:flex;justify-content:space-between;padding:4px 0;font-size:calc(13.5px*var(--fs,1));} .od-tot .grand{border-top:2px solid var(--navy);margin-top:4px;padding-top:8px;font-size:calc(18px*var(--fs,1));font-weight:800;color:var(--navy);} .od-save{display:flex;gap:8px;flex-wrap:wrap;grid-column:1/-1;} .od-save .btn{flex:1 1 180px;} .od-view .od-vh{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:flex-start;} .od-vno{margin:4px 0 2px !important;font-size:calc(19px*var(--fs,1)) !important;} .od-vamt{text-align:right;} .od-vamt b{display:block;font-size:calc(24px*var(--fs,1));color:var(--orange);} .od-type{font-size:calc(11.5px*var(--fs,1));font-weight:800;border-radius:999px;padding:2px 9px;} .od-quotation{background:#EAF2FB;color:#1E5A96;} .od-order{background:#E5F3EC;color:#22684A;} .od-st{font-size:calc(11.5px*var(--fs,1));font-weight:700;border-radius:999px;padding:3px 10px;background:#EEF1F4;color:var(--navy);display:inline-block;} .od-st-sent,.od-st-dispatched{background:#FDF6E7;color:#7A5410;} .od-st-accepted,.od-st-confirmed,.od-st-delivered{background:#E5F3EC;color:#22684A;} .od-st-rejected,.od-st-cancelled{background:#FBEAE6;color:var(--red);} .od-party{margin:12px 0;padding:10px 12px;border:1px solid var(--line);border-radius:12px;} .od-pn{font-size:calc(15px*var(--fs,1));color:var(--navy);} .od-pc{margin-top:6px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;} .od-lines{display:grid;gap:6px;} .od-line{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px dashed var(--line);} .od-ln{min-width:0;} .od-ln b{display:block;overflow-wrap:anywhere;} .od-ln span{font-size:calc(12.5px*var(--fs,1));color:var(--muted);} .od-la{font-weight:700;white-space:nowrap;} .od-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;} .od-acts form{margin:0;} .od-card{text-decoration:none;color:inherit;display:block;} .od-card .rep-t span{font-weight:500;color:#4B5563;} .od-cm{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:6px;font-size:calc(13px*var(--fs,1));} .od-b-order{border-left-color:var(--green) !important;} .od-b-quotation{border-left-color:#3B7DD8 !important;} .od-chip{background:#FDF1E7 !important;color:#9A4A12 !important;border-color:#F3D9C2 !important;font-weight:700;} .pr-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:0 10px;align-items:end;} .pr-list{display:grid;gap:8px;} .pr-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:10px 12px;} .pr-row.off{opacity:.6;} .pr-main b{display:block;color:var(--navy);} .pr-main span{font-size:calc(12.5px*var(--fs,1));color:var(--muted);} .tg-in{flex-wrap:wrap;} .tg-in label{flex:1 1 90px;} /* v14.7 — लिस्ट की हर लाइन में टेक्स्ट बॉर्डर से थोड़ा दूर (अंदर जगह) */ .list-item{padding-left:14px !important;padding-right:14px !important;border-radius:10px;} .hc-row,.od-line{padding-left:6px;padding-right:6px;} @media (max-width:600px){ .list-item{padding-left:12px !important;padding-right:12px !important;} } @media (min-width:900px){ html.vw-list .card:has(> .list-item) > .list-item{margin-bottom:6px;} } /* v14.9 — 👥 टीम: दिन का ट्रैकर */ .tm-date{display:flex;align-items:center;gap:8px;flex-wrap:wrap;} .tm-date input[type=date]{width:auto;min-width:0;max-width:170px;} .tm-dl{color:var(--navy);font-size:calc(15px*var(--fs,1));} .tm-kpis{margin-bottom:12px;} .tm-kpis .own-k.on{outline:2px solid var(--orange);outline-offset:-2px;} .tm-list{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;} @media (min-width:1100px){ html.vw-grid .tm-list{grid-template-columns:repeat(2,minmax(0,1fr));} } .tm-card{margin:0;border-left:5px solid #CBD5E1;} .tm-working{border-left-color:#16A34A;} .tm-out{border-left-color:#2563EB;} .tm-notin{border-left-color:#DC2626;} .tm-leave{border-left-color:#D97706;} .tm-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;} .tm-who{min-width:0;} .tm-who b{display:block;color:var(--navy);font-size:calc(16px*var(--fs,1));} .tm-who span{font-size:calc(12.5px*var(--fs,1));color:var(--muted);} .tm-st{flex:none;font-size:calc(12px*var(--fs,1));font-weight:700;border-radius:999px;padding:3px 10px;background:#F1F5F9;color:#334155;white-space:nowrap;} .tm-working .tm-st{background:#DCFCE7;color:#166534;} .tm-out .tm-st{background:#DBEAFE;color:#1E40AF;} .tm-notin .tm-st{background:#FEE2E2;color:#991B1B;} .tm-leave .tm-st{background:#FEF3C7;color:#92400E;} .tm-punch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0 8px;} .tm-p{background:#F6F7F5;border:1px solid var(--line);border-radius:10px;padding:8px 10px;min-width:0;} .tm-p small{display:block;font-size:calc(11.5px*var(--fs,1));color:var(--muted);} .tm-p b{display:block;font-size:calc(16px*var(--fs,1));color:var(--navy);} .tm-geo{font-size:calc(12px*var(--fs,1));color:var(--muted);} .tm-geo a{color:var(--orange);font-weight:600;text-decoration:none;white-space:nowrap;} .tm-counts{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;font-size:calc(13px*var(--fs,1));color:var(--text);} .tm-counts b{color:var(--navy);} .tm-cb{margin-left:auto;} .tm-sec{margin-top:10px;border-top:1px dashed var(--line);padding-top:8px;} .tm-h{font-weight:700;color:var(--navy);font-size:calc(13.5px*var(--fs,1));margin-bottom:6px;} .tm-task{display:flex;gap:8px;align-items:flex-start;padding:6px 8px;border-radius:8px;text-decoration:none;color:var(--text);font-size:calc(13px*var(--fs,1));} .tm-task:hover{background:#F6F7F5;} .tm-tst{flex:none;font-size:calc(11px*var(--fs,1));font-weight:700;border-radius:999px;padding:2px 8px;background:#FEE2E2;color:#991B1B;} .ts-started .tm-tst,.ts-in_progress .tm-tst{background:#FEF3C7;color:#92400E;} .ts-completed .tm-tst{background:#DCFCE7;color:#166534;} .ts-completed .tm-tt{color:var(--muted);text-decoration:line-through;} .tm-tt{min-width:0;overflow-wrap:anywhere;} .tm-tt em{color:var(--muted);font-style:normal;} .tm-tt em.tm-late{color:#B91C1C;font-weight:600;} .tm-day{margin-top:10px;border-top:1px dashed var(--line);padding-top:8px;} .tm-day > summary{cursor:pointer;font-weight:700;color:var(--navy);font-size:calc(13.5px*var(--fs,1));list-style:none;padding:4px 0;} .tm-day > summary::-webkit-details-marker{display:none;} .tm-day > summary::after{content:' ▾';color:var(--muted);} .tm-day[open] > summary::after{content:' ▴';} .tm-tl{list-style:none;margin:6px 0 0;padding:0 0 0 4px;} .tm-tl li{display:grid;grid-template-columns:76px minmax(0,1fr);gap:10px;padding:7px 0 7px 12px;border-left:2px solid var(--line);position:relative;font-size:calc(13px*var(--fs,1));} .tm-tl li::before{content:'';position:absolute;left:-6px;top:12px;width:10px;height:10px;border-radius:50%;background:#CBD5E1;} .tm-tl .tl-in::before{background:#16A34A;} .tm-tl .tl-out::before{background:#2563EB;} .tm-tl .tl-visit::before{background:var(--orange);} .tm-tl .tl-tdone::before{background:#16A34A;} .tm-tl time{font-weight:700;color:var(--navy);white-space:nowrap;} .tm-tl p{margin:3px 0;color:var(--muted);overflow-wrap:anywhere;} .tm-tl div{min-width:0;overflow-wrap:anywhere;} @media (max-width:600px){ .tm-punch{grid-template-columns:repeat(2,minmax(0,1fr));} .tm-punch .tm-p:last-child{grid-column:1 / -1;} .tm-cb{margin-left:0;width:100%;} .tm-tl li{grid-template-columns:64px minmax(0,1fr);gap:8px;} } @media (min-width:1100px){ .own-kpis.tm-kpis{grid-template-columns:repeat(7,minmax(0,1fr));} } @media (max-width:600px){ .tm-tl li{grid-template-columns:74px minmax(0,1fr);} .tm-tl time{font-size:calc(12.5px*var(--fs,1));} } /* ===== v15.0 — आसान इस्तेमाल ===== */ /* 1. होम पर 6 बड़े बटन */ .home-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px;} @media (min-width:900px){ .home-tiles{grid-template-columns:repeat(6,minmax(0,1fr));} } .ht-form{display:contents;} .ht{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:104px;padding:12px 6px;border-radius:16px;background:var(--surface);border:1.5px solid var(--line);color:var(--navy);text-decoration:none;font:inherit;cursor:pointer;width:100%;box-shadow:0 2px 6px rgba(20,50,77,.05);transition:transform .08s ease;} .ht:active{transform:scale(.97);} .ht:hover,.ht:focus-visible{border-color:var(--orange);outline:none;} .ht-i{font-size:calc(34px*var(--fs,1));line-height:1;} .ht-l{font-weight:700;font-size:calc(15px*var(--fs,1));text-align:center;line-height:1.2;} .ht.ht-go{background:#16A34A;border-color:#16A34A;color:#fff;} .ht.ht-stop{background:#2563EB;border-color:#2563EB;color:#fff;} .ht.ht-done{background:#E8F3EC;border-color:#BBE3C8;color:#166534;} /* 2. माइक */ .vc-wrap{position:relative;display:block;min-width:0;} .vc-wrap > input{padding-right:46px !important;} .vc-wrap.vc-ta > textarea{padding-right:50px !important;} .vc-btn{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:#FFF7F0;font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;} .vc-ta .vc-btn{top:auto;bottom:8px;transform:none;} .vc-btn.on{background:#DC2626;border-color:#DC2626;animation:vcPulse 1s infinite;} @keyframes vcPulse{0%{box-shadow:0 0 0 0 rgba(220,38,38,.5);}100%{box-shadow:0 0 0 12px rgba(220,38,38,0);}} [data-listening]{border-color:#DC2626 !important;background:#FFF5F5 !important;} @media (prefers-reduced-motion:reduce){ .vc-btn.on{animation:none;} } /* 3. स्टेप-बाय-स्टेप */ .wz-head{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;} .wz-dots{display:flex;gap:6px;} .wz-dots i{flex:1;height:6px;border-radius:99px;background:var(--line);cursor:default;} .wz-dots i.done{background:#16A34A;cursor:pointer;} .wz-dots i.now{background:var(--orange);} .wz-lbl{font-size:calc(14px*var(--fs,1));color:var(--muted);} .wz-lbl b{color:var(--navy);} .wz-nav{display:flex;gap:10px;margin-top:14px;} .wz-nav .btn{flex:1;min-height:48px;font-size:calc(16px*var(--fs,1));} .wz-nav .wz-back{flex:0 0 auto;} .wz-on .wz-save{width:100%;min-height:52px;font-size:calc(17px*var(--fs,1));} .wz-sum{display:flex;flex-direction:column;gap:6px;margin-bottom:10px;} .wz-sum div{display:grid;grid-template-columns:minmax(90px,30%) minmax(0,1fr);gap:10px;padding:8px 10px;background:#F6F7F5;border-radius:8px;font-size:calc(14px*var(--fs,1));} .wz-sum span{color:var(--muted);} .wz-sum b{color:var(--navy);overflow-wrap:anywhere;font-weight:600;} .wz-more{margin:4px 0 6px;} .wz-more > summary{cursor:pointer;color:var(--navy);font-weight:600;padding:6px 0;list-style:none;} .wz-more > summary::-webkit-details-marker{display:none;} .wz-next-stop{display:flex;align-items:center;gap:10px;background:#FFF7ED;border:1.5px dashed var(--orange);border-radius:12px;padding:10px 12px;margin-bottom:12px;text-decoration:none;color:var(--text);font-size:calc(14px*var(--fs,1));} .wz-next-stop span{flex:1;min-width:0;} .wz-next-stop i{font-style:normal;font-weight:700;color:var(--orange);white-space:nowrap;} /* 4. रंग से हालत: हरा = हो गया, पीला = चल रहा, लाल = बाकी/देर */ .status-assigned,.sx-rejected{background:#FEE2E2 !important;color:#991B1B !important;} .status-started,.status-in_progress,.sx-pending{background:#FEF3C7 !important;color:#92400E !important;} .status-completed,.sx-approved{background:#DCFCE7 !important;color:#166534 !important;} .status-assigned::before,.status-started::before,.status-in_progress::before,.status-completed::before,.sx-pending::before,.sx-approved::before,.sx-rejected::before{content:'● ';} /* 6. "?" मदद */ .nb-help{font-weight:800;font-size:18px;color:var(--navy);border:1.5px solid var(--line);background:var(--surface);cursor:pointer;} .hp-wrap{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(15,23,32,.45);z-index:16000;display:flex;align-items:flex-end;justify-content:center;} @media (min-width:700px){ .hp-wrap{align-items:center;} } .hp-sheet{background:var(--surface);width:100%;max-width:560px;border-radius:18px 18px 0 0;padding:18px 18px calc(18px + env(safe-area-inset-bottom,0px));max-height:85vh;overflow:auto;} @media (min-width:700px){ .hp-sheet{border-radius:18px;} } .hp-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;} .hp-title{margin:0;font-size:calc(18px*var(--fs,1));color:var(--navy);} .hp-close{border:0;background:#F1F5F9;border-radius:50%;width:36px;height:36px;font-size:16px;cursor:pointer;flex:none;} .hp-steps{margin:12px 0;padding-left:22px;display:flex;flex-direction:column;gap:8px;font-size:calc(16px*var(--fs,1));} .hp-steps li::marker{color:var(--orange);font-weight:800;} .hp-acts{display:flex;gap:10px;flex-wrap:wrap;} .hp-acts .btn{flex:1;min-height:46px;} .hv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:4px 12px;} /* 7. सेव हो गया + वापस लें */ .sv-pop{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translate(-50%,30px);opacity:0;transition:all .22s ease;z-index:15500;width:min(440px,calc(100vw - 24px));background:#14532D;color:#fff;border-radius:18px;padding:16px;display:grid;grid-template-columns:52px minmax(0,1fr);gap:4px 12px;align-items:center;box-shadow:0 14px 34px rgba(0,0,0,.28);} .sv-pop.show{opacity:1;transform:translate(-50%,0);} @media (max-width:899px){ .sv-pop{bottom:calc(86px + env(safe-area-inset-bottom,0px));} } .sv-ico{width:52px;height:52px;border-radius:50%;background:#22C55E;color:#fff;font-size:30px;font-weight:800;display:flex;align-items:center;justify-content:center;} .sv-txt b{display:block;font-size:calc(19px*var(--fs,1));} .sv-txt span{font-size:calc(13.5px*var(--fs,1));opacity:.9;} .sv-acts{grid-column:1 / -1;display:flex;gap:8px;margin-top:8px;} .sv-acts form{flex:1;display:flex;} .sv-acts .btn{flex:1;min-height:44px;} .sv-pop .sv-undo .btn{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.3);width:100%;} .sv-pop .sv-ok{background:#fff;color:#14532D;border:0;} .ux-toast.big{display:flex;align-items:center;gap:10px;font-size:calc(16px*var(--fs,1));padding:13px 18px;} .ux-ti{width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.22);display:flex;align-items:center;justify-content:center;font-weight:800;flex:none;} @media (prefers-reduced-motion:reduce){ .sv-pop,.ux-toast{transition:none;} } .nb-help + .nb{margin-left:6px;} form[data-wizard],#logVisit{scroll-margin-top:84px;} /* ===== v15.1 — शिफ़्ट, रोस्टर, जियोफ़ेंस, पुश, कीमत, साइन-अप ===== */ .sh-list{display:flex;flex-direction:column;gap:8px;margin:6px 0 10px;} .sh-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;border:1px solid var(--line);border-radius:12px;padding:10px 14px;background:var(--surface);} .sh-row.off{opacity:.6;} .sh-main{flex:1 1 220px;min-width:0;} .sh-main b{display:block;color:var(--navy);} .sh-main span{font-size:calc(13px*var(--fs,1));color:var(--muted);overflow-wrap:anywhere;} .sh-main a{color:var(--orange);font-weight:600;text-decoration:none;} .sh-row .cf-edit{flex-basis:100%;} .sh-add > summary{list-style:none;display:inline-flex;} .sh-add > summary::-webkit-details-marker{display:none;} .sh-form{margin-top:10px;display:block;} .sh-days{display:flex;flex-wrap:wrap;gap:6px;} .sh-days .chip-pick{position:relative;} .sh-days .chip-pick input{position:absolute;opacity:0;left:0;top:0;} .sh-days .chip-pick span{display:inline-block;padding:6px 12px;border:1.5px solid var(--line);border-radius:999px;font-weight:600;font-size:calc(13px*var(--fs,1));cursor:pointer;} .sh-days .chip-pick input:checked + span{background:var(--orange);border-color:var(--orange);color:#fff;} .sh-days .chip-pick input:focus-visible + span{outline:2px solid var(--navy);} .sh-ppl{display:flex;flex-direction:column;gap:6px;} .sh-prow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) auto;gap:10px;align-items:center;padding:8px 0;border-bottom:1px dashed var(--line);} .sh-prow select{min-width:0;width:100%;} .sh-who{min-width:0;} .sh-who b{display:block;color:var(--navy);} .sh-who span{font-size:calc(12px*var(--fs,1));color:var(--muted);} .sh-gf{display:inline-flex;align-items:center;gap:6px;font-size:calc(13.5px*var(--fs,1));font-weight:600;cursor:pointer;white-space:nowrap;margin:4px 14px 4px 0;} .sh-gf input{width:18px;height:18px;} @media (max-width:600px){ .sh-prow{grid-template-columns:minmax(0,1fr) auto;} .sh-prow select{grid-column:1 / -1;grid-row:2;} } .ros-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px;} .ros{border-collapse:separate;border-spacing:0;width:100%;min-width:760px;font-size:calc(13px*var(--fs,1));} .ros th,.ros td{padding:6px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;} .ros thead th{background:#F6F7F5;color:var(--navy);font-weight:700;text-align:center;} .ros thead th small,.ros tbody th small{display:block;font-weight:500;color:var(--muted);font-size:calc(11px*var(--fs,1));} .ros thead th.today{background:#FFF1E6;color:var(--orange);} .ros tbody th{position:sticky;left:0;background:var(--surface);z-index:1;min-width:120px;color:var(--navy);} .ros-s{width:100%;min-width:108px;padding:6px 4px;font-size:calc(12.5px*var(--fs,1));} .ros-s.is-set{background:#E8F0FA;border-color:#93B4E0;} .ros-s.is-off{background:#FEF3C7;border-color:#F3C46B;} .gf-modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:8px;} .gf-modes .fs-opt{display:flex;flex-direction:column;gap:2px;border:1.5px solid var(--line);border-radius:12px;padding:10px 12px;cursor:pointer;position:relative;} .gf-modes .fs-opt input{position:absolute;opacity:0;left:0;top:0;} .gf-modes .fs-opt.on,.gf-modes .fs-opt:has(input:checked){border-color:var(--orange);background:#FFF7F0;} .gf-modes .fs-opt b{color:var(--navy);} .gf-modes .fs-opt span{font-size:calc(12.5px*var(--fs,1));color:var(--muted);} .tm-oz{font-style:normal;color:#B91C1C;font-weight:700;} .tm-site{font-style:normal;color:var(--navy);font-weight:600;} .ps-card{border-left:5px solid #CBD5E1;} .ps-card.on{border-left-color:#16A34A;} .ps-row{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;} .ps-st{color:var(--navy);font-size:calc(15px*var(--fs,1));} .ps-acts{display:flex;gap:8px;flex-wrap:wrap;} .push-ask{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;background:#EFF6FF;border:1px solid #BFDBFE;border-radius:12px;padding:10px 14px;margin-bottom:12px;font-weight:600;color:var(--navy);} .pa-btns{display:flex;gap:8px;} /* कीमत पेज */ .pub-body{background:var(--bg,#F5F6F4);margin:0;} .pub-top{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px max(16px,4vw);background:#0B2A63;color:#fff;position:sticky;top:0;z-index:5;} .pub-brand{color:#fff;font-weight:800;text-decoration:none;font-size:18px;} .pub-nav{display:flex;align-items:center;gap:12px;} .pub-nav a{color:#CBD5E1;text-decoration:none;font-weight:600;font-size:13px;} .pub-nav a.on{color:#fff;} .pub-nav .btn{color:#fff;border-color:rgba(255,255,255,.4);background:transparent;} .pub-main{max-width:1120px;margin:0 auto;padding:24px 16px 48px;} .pub-hero{text-align:center;margin-bottom:22px;} .pub-hero h1{margin:0 0 6px;color:var(--navy);font-size:clamp(26px,4.5vw,38px);} .pub-hero p{margin:0 auto 8px;color:var(--muted);max-width:60ch;} .pub-trial{display:inline-block;background:#DCFCE7;color:#166534 !important;font-weight:700;border-radius:999px;padding:4px 14px;} .pub-cyc{display:inline-flex;border:1.5px solid var(--line);border-radius:999px;padding:3px;background:var(--surface);margin-top:8px;} .pub-cyc a{padding:6px 18px;border-radius:999px;text-decoration:none;color:var(--navy);font-weight:700;font-size:14px;} .pub-cyc a.on{background:var(--navy);color:#fff;} .pub-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:16px;align-items:start;} .pub-plan{background:var(--surface);border:1.5px solid var(--line);border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:10px;position:relative;} .pub-plan.pop{border-color:var(--orange);box-shadow:0 10px 28px rgba(21,101,216,.14);} .pub-badge{position:absolute;top:-12px;left:20px;background:var(--orange);color:#fff;font-weight:700;font-size:12px;border-radius:999px;padding:3px 12px;} .pub-plan h2{margin:0;color:var(--navy);font-size:20px;} .pub-price b{font-size:32px;color:var(--navy);font-variant-numeric:tabular-nums;} .pub-price span{color:var(--muted);margin-left:4px;} .pub-save{color:#166534;font-weight:700;font-size:13px;} .pub-desc{margin:0;color:var(--muted);font-size:14px;} .pub-lims,.pub-feat{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px;font-size:14px;} .pub-lims b{color:var(--navy);} .pub-feat li.y{color:var(--text);} .pub-feat li.n{color:#9CA3AF;text-decoration:line-through;} .pub-cta{margin-top:auto;min-height:46px;display:flex;align-items:center;justify-content:center;} .pub-all{margin-top:22px;} .pub-all h2{margin-top:0;} .pub-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:8px 16px;font-size:14.5px;} .pub-foot{text-align:center;color:var(--muted);font-size:13px;margin-top:18px;} .pub-foot a{color:var(--muted);} /* साइन-अप */ .su-card{max-width:440px;} .su-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;} .su-agree{display:flex;gap:8px;align-items:flex-start;font-size:13px;margin:4px 0 14px;cursor:pointer;line-height:1.45;} .su-agree input{width:18px;height:18px;flex:none;margin-top:2px;} .su-agree a{color:var(--orange);font-weight:600;} .su-login-cta{display:flex;flex-direction:column;gap:6px;align-items:center;margin:14px 0 0;padding-top:12px;border-top:1px dashed var(--line);} .su-login-cta a{font-weight:700;color:var(--navy);font-size:14px;text-decoration:none;} /* v15.2 — मेन्यू के हिस्से */ .nav-grp{font-size:calc(11px*var(--fs,1));font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.45);padding:14px 14px 4px;} .nav-grp:first-child{padding-top:4px;} /* ===== v15.3 — वॉलेट ===== */ .wl-top{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px;margin-bottom:12px;} .wl-top .card{margin:0;} .wl-bal{display:flex;flex-direction:column;gap:4px;border-left:5px solid #16A34A;} .wl-bal.low{border-left-color:#DC2626;} .wl-bal > span{color:var(--muted);font-weight:600;} .wl-bal > b{font-size:calc(34px*var(--fs,1));color:var(--navy);font-variant-numeric:tabular-nums;} .wl-bal > em{font-style:normal;color:#B91C1C;font-weight:700;} .wl-alert{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:8px;font-size:calc(13px*var(--fs,1));} .wl-alert input{width:100px;display:inline-block;margin-left:4px;} .wl-fees h2{margin-top:0;} .wl-fees ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;} .wl-fees li{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px dashed var(--line);} .wl-fees li b{color:var(--navy);} .wl-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px;} .wl-chip{border:1.5px solid var(--line);background:var(--surface);border-radius:999px;padding:8px 16px;font:inherit;font-weight:700;color:var(--navy);cursor:pointer;} .wl-chip.on,.wl-chip:hover{border-color:var(--orange);background:#FFF7F0;} .wl-calc{display:flex;flex-direction:column;gap:4px;background:#F6F7F5;border-radius:12px;padding:10px 14px;margin:8px 0 12px;max-width:420px;font-variant-numeric:tabular-nums;} .wl-calc div{display:flex;justify-content:space-between;} .wl-calc .t{border-top:2px solid var(--navy);padding-top:6px;margin-top:2px;font-size:calc(17px*var(--fs,1));} .wl-calc .t b{color:var(--navy);} .wl-pay{min-height:50px;font-size:calc(16px*var(--fs,1));width:100%;max-width:420px;} .wl-txns{display:flex;flex-direction:column;gap:6px;} .wl-txn{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;border:1px solid var(--line);border-radius:10px;padding:10px 14px;} .wl-txn > div:first-child{min-width:0;flex:1 1 220px;} .wl-txn b{display:block;color:var(--navy);} .wl-txn span{font-size:calc(12.5px*var(--fs,1));color:var(--muted);overflow-wrap:anywhere;} .wl-amt{text-align:right;} .wl-txn.cr .wl-amt b{color:#15803D;} .wl-txn.dr .wl-amt b{color:#B91C1C;} .wl-adj{display:flex;gap:6px;flex-wrap:wrap;} .wl-adj input{width:110px;} .wl-adj input[name=note]{width:160px;} .wl-h3{margin:16px 0 8px;font-size:calc(15px*var(--fs,1));color:var(--navy);} .wl-code{background:#F1F5F9;padding:2px 6px;border-radius:6px;overflow-wrap:anywhere;} .wl-plan{border:2px solid var(--orange);} .wl-cyc{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:8px;max-width:520px;} .wl-cyc .fs-opt{display:flex;gap:6px;align-items:baseline;border:1.5px solid var(--line);border-radius:12px;padding:10px 14px;cursor:pointer;position:relative;} .wl-cyc .fs-opt input{position:absolute;opacity:0;} .wl-cyc .fs-opt.on{border-color:var(--orange);background:#FFF7F0;} .wl-cyc b{font-size:calc(20px*var(--fs,1));color:var(--navy);} .wl-cyc span{color:var(--muted);} .wl-plan-acts{display:flex;gap:10px;flex-wrap:wrap;} .wl-plan-acts .btn{min-height:46px;} /* v15.4 — जगह का नाम */ .gc-place{max-width:100%;white-space:normal !important;text-align:left;line-height:1.35;} .tm-place{display:inline-block;max-width:100%;white-space:normal !important;line-height:1.35;overflow-wrap:anywhere;} /* ===== v15.4 — WhatsApp ===== */ .wa-head{display:grid;grid-template-columns:minmax(0,2fr) repeat(2,minmax(0,1fr));gap:10px;margin-bottom:10px;} @media (max-width:700px){ .wa-head{grid-template-columns:1fr 1fr;} .wa-num{grid-column:1 / -1;} } .wa-num,.wa-kpi{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:2px;min-width:0;} .wa-num.on{border-left:5px solid #16A34A;} .wa-num span{font-weight:700;color:var(--muted);font-size:calc(13px*var(--fs,1));} .wa-num b{font-size:calc(18px*var(--fs,1));color:var(--navy);} .wa-num em{font-style:normal;color:var(--muted);font-size:calc(12.5px*var(--fs,1));overflow-wrap:anywhere;} .wa-kpi b{font-size:calc(20px*var(--fs,1));color:var(--navy);} .wa-kpi b small{font-size:calc(12px*var(--fs,1));color:var(--muted);} .wa-kpi span{font-size:calc(12.5px*var(--fs,1));color:var(--muted);} .wa-kpi a{color:var(--orange);font-weight:700;} .wa-tabs{display:flex;gap:6px;overflow-x:auto;margin-bottom:12px;padding-bottom:2px;} .wa-tabs a{flex:none;padding:8px 14px;border-radius:999px;border:1.5px solid var(--line);background:var(--surface);color:var(--navy);text-decoration:none;font-weight:700;font-size:calc(13.5px*var(--fs,1));} .wa-tabs a.on{background:#128C7E;border-color:#128C7E;color:#fff;} .wa-fb{background:#1877F2;border-color:#1877F2;min-height:48px;} .wa-tpl{border:1px solid var(--line);border-radius:12px;padding:10px 12px;} .wa-tpl-top{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:6px;} .wa-tpl-top b{color:var(--navy);margin-right:4px;} .wa-bubble{background:#DCF8C6;color:#111;border-radius:10px 10px 10px 2px;padding:8px 12px;font-size:calc(14px*var(--fs,1));line-height:1.45;max-width:520px;overflow-wrap:anywhere;margin:6px 0;} .wa-to{border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-bottom:12px;display:flex;flex-direction:column;gap:4px;} .wa-to b{color:var(--navy);} .wa-to > span{color:var(--muted);font-size:calc(13px*var(--fs,1));} .wa-optin{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:4px;} .wa-api-chip{background:#E7F6F2;color:#0F766E;text-decoration:none;} .wa-api-chip.on{background:#128C7E;color:#fff;} .wa-chat{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:12px;align-items:start;} .wa-chat .card{margin:0;} @media (max-width:899px){ .wa-chat{grid-template-columns:1fr;} .wa-chat.open .wa-list{display:none;} } @media (min-width:900px){ .wa-back{display:none;} } .wa-list{display:flex;flex-direction:column;gap:4px;max-height:70vh;overflow:auto;} .wa-th{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:10px;text-decoration:none;color:var(--text);border:1px solid transparent;} .wa-th:hover,.wa-th.on{background:#F0FDF4;border-color:#BBF7D0;} .wa-th b{color:var(--navy);overflow-wrap:anywhere;} .wa-th span{font-size:calc(12px*var(--fs,1));color:var(--muted);} .wa-thead{display:flex;align-items:center;gap:10px;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:8px;margin-bottom:8px;} .wa-msgs{display:flex;flex-direction:column;gap:8px;max-height:60vh;overflow:auto;padding:6px;background:#EFEAE2;border-radius:10px;} .wa-m{max-width:80%;padding:8px 10px;border-radius:10px;font-size:calc(14px*var(--fs,1));line-height:1.45;overflow-wrap:anywhere;} .wa-m.in{background:#fff;align-self:flex-start;border-top-left-radius:2px;} .wa-m.out{background:#DCF8C6;align-self:flex-end;border-top-right-radius:2px;} .wa-m.fail{background:#FEE2E2;} .wa-m small{display:block;color:#6B7280;font-size:calc(11px*var(--fs,1));margin-top:3px;text-align:right;} .wa-read{color:#2563EB;font-weight:700;} .wa-reply{display:flex;gap:8px;margin-top:8px;align-items:flex-end;} .wa-reply .vc-wrap,.wa-reply textarea{flex:1;min-width:0;} .wa-reply .btn{min-height:46px;min-width:52px;} /* ===== v15.5 — कैंपेन ===== */ .cp-bar{height:10px;background:#EEF1F4;border-radius:999px;overflow:hidden;margin:6px 0 12px;} .cp-bar span{display:block;height:100%;background:#128C7E;border-radius:999px;transition:width .4s;} .cp-kpis{margin-top:6px;} @media (min-width:1100px){ .own-kpis.cp-kpis{grid-template-columns:repeat(7,minmax(0,1fr));} } .cp-draft{background:#F1F5F9;color:#334155;} .cp-scheduled,.cp-paused{background:#FEF3C7 !important;color:#92400E !important;} .cp-running{background:#DBEAFE !important;color:#1E40AF !important;} .cp-done{background:#DCFCE7 !important;color:#166534 !important;} .cp-cancelled{background:#FEE2E2 !important;color:#991B1B !important;} .cp-row{text-decoration:none;color:inherit;} .cp-row:hover{border-color:var(--orange);} .cp-stages .chip-pick span{font-size:calc(12.5px*var(--fs,1));padding:5px 10px;} .cp-sum{background:#F0FDF4;border:1px solid #BBF7D0;border-radius:12px;padding:12px 14px;margin:14px 0;line-height:1.7;font-size:calc(14px*var(--fs,1));} .cp-var{align-items:end;} .wa-auto{border-left:5px solid #CBD5E1;} .wa-auto.on{border-left-color:#128C7E;} /* ===== v15.6 — लीड ===== */ .ld-kpis{margin-bottom:12px;} @media (min-width:1100px){ .own-kpis.ld-kpis{grid-template-columns:repeat(6,minmax(0,1fr));} } .ld-kpis .own-k.on{outline:2px solid var(--orange);outline-offset:-2px;} .ld-new,.ld-k-new b{color:#1E40AF !important;} .li-tag.ld-new{background:#DBEAFE;} .li-tag.ld-contacted{background:#FEF3C7;color:#92400E;} .li-tag.ld-interested{background:#EDE9FE;color:#5B21B6;} .li-tag.ld-converted{background:#DCFCE7;color:#166534;} .li-tag.ld-junk{background:#F1F5F9;color:#64748B;} .ld-row{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;border:1px solid var(--line);border-left:5px solid #93C5FD;border-radius:12px;padding:10px 14px;} .ld-r-contacted{border-left-color:#F3C46B;} .ld-r-interested{border-left-color:#A78BFA;} .ld-r-converted{border-left-color:#16A34A;} .ld-r-junk{border-left-color:#CBD5E1;opacity:.75;} .ld-main{flex:1 1 240px;min-width:0;text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:2px;} .ld-main b{color:var(--navy);} .ld-main span{font-size:calc(12.5px*var(--fs,1));color:var(--muted);overflow-wrap:anywhere;} .ld-side{display:flex;align-items:center;gap:8px;flex-wrap:wrap;} .ld-search{display:flex;gap:8px;} .ld-search input{flex:1;min-width:0;} .ld-meta{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin:6px 0;} .ld-meta b{font-size:calc(17px*var(--fs,1));color:var(--navy);} .ld-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:6px;margin:10px 0;} .ld-fields div{background:#F6F7F5;border-radius:8px;padding:6px 10px;display:flex;flex-direction:column;} .ld-fields span{font-size:calc(11.5px*var(--fs,1));color:var(--muted);text-transform:capitalize;} .ld-fields b{color:var(--navy);overflow-wrap:anywhere;} .ld-acts{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0;} .ld-conv{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap;background:#F0FDF4;border:1px solid #BBF7D0;border-radius:12px;padding:10px 12px;margin:10px 0;} .ld-conv .field{flex:1 1 220px;margin:0;} .ld-assign{margin:8px 0;} .ld-assign select{width:auto;display:inline-block;margin-left:6px;} .card > form.ld-search{display:flex !important;gap:8px;} .ld-search input{flex:1 1 auto;} .ld-search .btn{flex:none;width:auto !important;} /* ===== v15.7 — नक्शा ===== */ .mp-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:10px;} .mp-filters input,.mp-filters select{width:auto;max-width:100%;} .mp-map{height:min(70vh,620px);min-height:360px;border-radius:12px;border:1px solid var(--line);z-index:0;} .mp-legend{display:inline-flex;align-items:center;gap:6px;font-size:calc(12.5px*var(--fs,1));color:var(--muted);flex-wrap:wrap;} .mp-legend i{display:inline-block;width:12px;height:12px;border-radius:50%;margin-left:6px;} .lg-in{background:#16A34A;} .lg-visit{background:#1565D8;} .lg-out{background:#2563EB;} .mp-count{margin-left:auto;} .mp-pin span{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;color:#fff;font-weight:800;font-size:12px;border:2px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.35);} .leaflet-popup-content{font-family:inherit;font-size:13px;line-height:1.5;} /* ===== v15.8 — पुराने ब्राउज़र (बिना :has) के लिए वही नियम, compat.js क्लास लगाता है ===== */ @media (min-width:1100px){ .no-has .card.has-li{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;align-items:start;} .no-has .card.has-li > :not(.list-item){grid-column:1/-1;} .no-has .card > form:not(.filter-bar):not(.inline-form) > .field.f-wide{grid-column:1/-1;} } @media (min-width:1600px){ .no-has .card.has-li{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));} } @media (min-width:900px){ html.vw-list.no-has .card.has-li:not([hidden]){display:block !important;} html.vw-list.no-has .card.has-li > .list-item{border-bottom:1px solid var(--line);margin-bottom:6px;} } .old-br{background:#FEF3C7;color:#7C2D12;border-bottom:1px solid #F59E0B;padding:10px 14px;font-size:14px;line-height:1.4;text-align:center;font-weight:600;position:relative;z-index:30000;} /* छोटे/पुराने फ़ोन: लंबे शब्द/लिंक कभी बाहर न निकलें */ body{overflow-wrap:break-word;word-wrap:break-word;-webkit-text-size-adjust:100%;text-size-adjust:100%;} img,video,canvas,svg{max-width:100%;} /* v15.9 बैकअप */ .bk-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;} .bk-act{display:flex;gap:6px;align-items:center;} .bk-act form{margin:0;} .bk-steps{margin:0 0 8px;padding-left:20px;line-height:1.7;} /* ===== v16.0 — WhatsApp ▾ मेन्यू + डैशबोर्ड ===== */ .nav-sub{margin:0;} .nav-sub > summary{list-style:none;display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:8px;color:#C3CEDA;font-size:calc(14px*var(--fs,1));font-weight:500;cursor:pointer;user-select:none;} .nav-sub > summary::-webkit-details-marker{display:none;} .nav-sub > summary::marker{content:'';} .nav-sub > summary .icon{font-size:calc(17px*var(--fs,1));width:20px;text-align:center;} .nav-sub > summary:hover{background:rgba(255,255,255,.06);} .nav-sub > summary.cur{color:#fff;background:rgba(37,211,102,.16);} .nav-sub .ns-car{margin-left:auto;font-size:12px;transition:transform .15s;} .nav-sub[open] .ns-car{transform:rotate(180deg);} .sidebar-nav .nav-sub a{padding:9px 12px 9px 26px;font-size:calc(13.5px*var(--fs,1));margin-left:10px;border-left:2px solid rgba(255,255,255,.1);border-radius:0 8px 8px 0;} .sidebar-nav .nav-sub a .icon{font-size:calc(15px*var(--fs,1));} .sidebar-nav .nav-sub a.active{background:#128C7E;color:#fff;border-left-color:#25D366;} .wd-setup{border-left:4px solid #25D366;} .wd-steps{list-style:none;margin:0;padding:0;} .wd-steps li{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line);flex-wrap:wrap;} .wd-steps li:first-child{border-top:0;} .wd-n{flex:none;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;background:#EEF2F6;color:var(--navy);} .wd-steps li.ok .wd-n{background:#25D366;color:#fff;} .wd-steps li.ok .wd-t b{text-decoration:line-through;color:var(--muted,#64748B);} .wd-t{flex:1;min-width:180px;} .wd-t b{display:block;} .wd-t small{color:var(--muted,#64748B);font-size:calc(12.5px*var(--fs,1));} .wd-acts{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:14px;} .wd-act{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 10px;background:var(--surface,#fff);border:1px solid var(--line);border-radius:14px;color:var(--navy);font-weight:700;text-decoration:none;text-align:center;font-size:calc(14px*var(--fs,1));} .wd-act span{font-size:28px;line-height:1;} .wd-act:hover{border-color:#25D366;box-shadow:0 4px 14px rgba(18,140,126,.12);} .wd-act em{position:absolute;top:8px;right:10px;background:#25D366;color:#fff;font-style:normal;font-size:12px;border-radius:999px;padding:1px 8px;} .wd-sh{margin:4px 0 8px;flex-wrap:wrap;gap:8px;} .wd-rng{display:flex;gap:4px;background:#EEF2F6;border-radius:999px;padding:3px;} .wd-rng a{padding:6px 12px;border-radius:999px;font-weight:700;font-size:calc(12.5px*var(--fs,1));color:var(--navy);text-decoration:none;} .wd-rng a.on{background:#128C7E;color:#fff;} .wd-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:14px;} .wd-k{background:var(--surface,#fff);border:1px solid var(--line);border-radius:12px;padding:12px 14px;border-top:3px solid #94A3B8;min-width:0;} .wd-k span{display:block;font-size:calc(12.5px*var(--fs,1));color:var(--muted,#64748B);} .wd-k b{display:block;font-size:calc(22px*var(--fs,1));color:var(--navy);margin-top:2px;} .wd-k small{font-weight:700;color:var(--muted,#64748B);} .wd-k.k-del{border-top-color:#34B7F1;}.wd-k.k-read{border-top-color:#25D366;}.wd-k.k-in{border-top-color:#128C7E;}.wd-k.k-fail{border-top-color:#DC2626;} .wd-chart{display:flex;align-items:flex-end;gap:6px;height:150px;padding-top:6px;} .wd-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;height:100%;} .wd-bars{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:3px;} .wd-bars i{display:block;width:40%;max-width:16px;min-height:2px;border-radius:4px 4px 0 0;} .wd-bars i.o,.wd-leg i.o{background:#128C7E;} .wd-bars i.in,.wd-leg i.in{background:#34B7F1;} .wd-col small{font-size:11px;color:var(--muted,#64748B);} .wd-col em{font-style:normal;font-size:10.5px;color:var(--muted,#64748B);} .wd-leg{display:flex;gap:14px;margin-top:8px;font-size:12px;color:var(--muted,#64748B);} .wd-leg i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:5px;vertical-align:middle;} .wd-tpl{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;} .wd-tpl div{border-radius:10px;padding:12px 8px;text-align:center;} .wd-tpl b{display:block;font-size:22px;} .wd-tpl span{font-size:12px;} .wd-tpl .ok{background:#E8F8EE;color:#14532D;}.wd-tpl .pend{background:#FEF6E7;color:#7C4A03;}.wd-tpl .bad{background:#FDECEC;color:#7F1D1D;} .wd-camp{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;color:inherit;text-decoration:none;} .wd-cn{display:flex;gap:10px;font-size:calc(13px*var(--fs,1));font-weight:700;color:var(--navy);} .wd-two{margin-bottom:0;} .wa-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-top:8px;} .wa-opt{position:relative;border:1.5px solid var(--line);border-radius:14px;padding:16px;background:#FCFCFB;} .wa-opt.rec{border-color:#25D366;background:#F2FBF5;} .wa-opt h3{margin:4px 0 6px;font-size:calc(16px*var(--fs,1));color:var(--navy);} .wa-opt p{margin:0 0 8px;font-size:calc(13.5px*var(--fs,1));} .wa-opt ul{margin:0 0 12px;padding-left:18px;font-size:calc(13px*var(--fs,1));line-height:1.6;color:var(--muted,#475569);} .wa-badge{display:inline-block;background:#25D366;color:#fff;font-size:11.5px;font-weight:700;border-radius:999px;padding:2px 10px;} /* v16.1 बंद फ़ीचर (अपग्रेड मोड) */ .sidebar-nav .nav-locked{opacity:.62;} .sidebar-nav .nav-locked::after{content:'🔒';margin-left:auto;font-size:12px;} .nav-sub > summary.nav-locked .ns-car{margin-left:6px;} /* v16.1 कस्टमर के फ़ीचर */ .cf-pick{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;justify-content:space-between;} .cf-pick .field{min-width:220px;flex:1;max-width:420px;} .cf-sum{display:flex;gap:16px;flex-wrap:wrap;font-size:calc(14px*var(--fs,1));} .cf-presets{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-bottom:12px;} .cf-presets form{margin:0;} .cf-pre{width:100%;height:100%;display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;padding:14px;border:1.5px solid var(--line);border-radius:14px;background:var(--surface,#fff);cursor:pointer;color:var(--navy);font:inherit;} .cf-pre:hover{border-color:var(--orange);} .cf-pre span{font-size:24px;} .cf-pre b{font-size:calc(15px*var(--fs,1));} .cf-pre small{color:var(--muted,#64748B);font-size:calc(12.5px*var(--fs,1));line-height:1.4;} .cf-lock{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;} .cf-lock label{display:flex;flex-direction:column;gap:3px;padding:12px;border:1.5px solid var(--line);border-radius:12px;cursor:pointer;} .cf-lock label.on{border-color:var(--orange);background:#FFF7F0;} .cf-lock input{position:absolute;opacity:0;pointer-events:none;} .cf-lock small{color:var(--muted,#64748B);} .cf-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid var(--line);flex-wrap:wrap;} .cf-row:first-of-type{border-top:0;} .cf-name b{display:block;} .cf-name small{color:var(--muted,#64748B);font-size:12px;} .cf-row:not(.is-on) .cf-name b{color:#94A3B8;} .cf-seg{display:inline-flex;background:#EEF2F6;border-radius:999px;padding:3px;gap:2px;} .cf-seg label{position:relative;padding:6px 12px;border-radius:999px;font-size:calc(12.5px*var(--fs,1));font-weight:700;cursor:pointer;color:#475569;white-space:nowrap;} .cf-seg input{position:absolute;opacity:0;pointer-events:none;} .cf-seg label.on.v-plan{background:#fff;color:var(--navy);box-shadow:0 1px 3px rgba(0,0,0,.12);} .cf-seg label.on.v-on{background:#16A34A;color:#fff;} .cf-seg label.on.v-off{background:#DC2626;color:#fff;} .cf-save{position:sticky;bottom:12px;display:flex;justify-content:flex-end;margin-top:10px;z-index:5;} .cf-save .btn{box-shadow:0 6px 18px rgba(21,101,216,.35);} /* v16.2 WhatsApp मीडिया, Quick Replies, अपने-आप जवाब */ .wam-img img{display:block;max-width:240px;max-height:260px;border-radius:8px;margin-bottom:4px;object-fit:cover;} .wam-vid{display:block;max-width:260px;border-radius:8px;margin-bottom:4px;} .wam-doc{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;background:rgba(0,0,0,.05);border-radius:8px;margin-bottom:4px;color:inherit;text-decoration:none;max-width:240px;} .wam-doc span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .wa-reply{position:relative;} .wa-rbar{display:flex;gap:6px;align-items:flex-end;} .wa-rbar textarea{flex:1;min-width:0;} .wa-ib{flex:none;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:10px;background:var(--surface,#fff);cursor:pointer;font-size:18px;padding:0;} .wa-att{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#F0FDF4;border:1px solid #BBF7D0;border-radius:8px;padding:6px 10px;margin-bottom:6px;font-size:13px;} .wa-att span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .wa-att-x{border:0;background:none;cursor:pointer;font-size:14px;} .wq-pop{position:absolute;left:0;right:0;bottom:100%;margin-bottom:6px;background:var(--surface,#fff);border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 24px rgba(13,35,56,.18);max-height:260px;overflow:auto;padding:6px;z-index:20;} .wq-find{width:100%;margin-bottom:4px;} .wq-item{display:block;width:100%;text-align:left;border:0;background:none;padding:8px;border-radius:8px;cursor:pointer;font:inherit;} .wq-item:hover{background:#F1F5F9;} .wq-item b{display:block;color:#128C7E;} .wq-item span{font-size:12.5px;color:var(--muted,#64748B);} .wq-sc{display:flex;align-items:center;} .wq-sc span{padding:0 8px;font-weight:800;color:#128C7E;} .wq-row,.war-row{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap;} .wq-main,.war-main{flex:1;min-width:200px;} .wq-file{display:inline-block;margin:4px 0;font-size:13px;} .wq-act{display:flex;gap:4px;align-items:center;} .wq-act form{margin:0;} .war-card.on{border-left:4px solid #25D366;} .war-hits{display:block;margin-top:6px;} .war-days{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 10px;} .war-days label{position:relative;cursor:pointer;} .war-days input{position:absolute;opacity:0;pointer-events:none;} .war-days span{display:inline-block;padding:6px 10px;border-radius:999px;border:1.5px solid var(--line);font-weight:700;font-size:13px;} .war-days input:checked + span{background:#128C7E;border-color:#128C7E;color:#fff;} .war-trig{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0;align-items:center;} .war-trig span{background:#E8F8EE;color:#14532D;border-radius:6px;padding:2px 8px;font-size:12.5px;font-weight:700;} .war-trig em{font-style:normal;font-size:12px;color:var(--muted,#64748B);} .war-row.off{opacity:.55;} .war-two{margin-bottom:0;} .wa-rbar > :not(.wa-ib):not(.btn){flex:1;min-width:0;} .wa-rbar textarea{width:100%;} /* v16.3 WhatsApp संपर्क + Team Inbox */ .wac-acts{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px;} .wac-filter{display:flex;gap:8px;flex-wrap:wrap;align-items:center;} .wac-filter input[type=search]{flex:1;min-width:180px;} .wac-filter select{width:auto;min-width:140px;} .wac-row{display:flex;align-items:center;gap:10px;} .wac-row .wac-ck{flex:none;} .wac-main{flex:1;min-width:0;} .wac-main .war-trig a{text-decoration:none;} .wac-consent{align-items:flex-start;font-weight:700;margin-top:6px;} .wac-bulk{position:sticky;bottom:10px;display:flex;flex-wrap:wrap;gap:6px;align-items:center;background:var(--navy,#0B2A63);color:#fff;padding:10px;border-radius:12px;margin-top:10px;box-shadow:0 8px 24px rgba(13,35,56,.25);} .wac-bulk input{width:150px;min-height:34px;padding:4px 8px;} .wac-bulk .btn-ghost{background:#fff;} .wac-pages{display:flex;gap:4px;justify-content:center;margin-top:10px;flex-wrap:wrap;} .wac-pages a{padding:6px 11px;border-radius:8px;border:1px solid var(--line);text-decoration:none;color:var(--navy);font-weight:700;} .wac-pages a.on{background:#128C7E;border-color:#128C7E;color:#fff;} .wib-box{display:flex;gap:4px;margin-bottom:8px;flex-wrap:wrap;} .wib-box a{flex:1;text-align:center;padding:6px 8px;border-radius:8px;background:#EEF2F6;color:var(--navy);text-decoration:none;font-weight:700;font-size:calc(12.5px*var(--fs,1));white-space:nowrap;} .wib-box a.on{background:#128C7E;color:#fff;} .wib-box em{font-style:normal;background:#25D366;color:#fff;border-radius:999px;padding:0 6px;margin-left:2px;font-size:11px;} .wib-chips{display:flex !important;gap:4px;flex-wrap:wrap;margin-top:3px;} .wib-chips i{font-style:normal;font-size:11px;background:#F1F5F9;color:#475569;border-radius:6px;padding:1px 6px;} .wib-chips i.as{background:#E0F2FE;color:#075985;} .wib-chips i.cl{background:#E8F8EE;color:#14532D;} .wib-chips i.win{background:#FEF6E7;color:#7C4A03;} .wib-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:6px 0 8px;} .wib-bar form{margin:0;} .wib-as select{width:auto;min-height:34px;padding:4px 8px;} .cp-src{margin-bottom:10px;} .wa-thread .wa-reply{display:block !important;width:100%;} .wa-rbar{width:100%;} .wac-filter input,.wac-filter select{min-height:40px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface,#fff);font:inherit;font-size:calc(14px*var(--fs,1));} .wac-filter select{flex:1;} .wac-filter .btn{flex:none;width:auto !important;} /* v16.4 Sequences + Integrations + टेम्पलेट फ़ाइल */ .seq-step{position:relative;border:1.5px solid var(--line);border-radius:12px;padding:12px 12px 4px 44px;margin-bottom:10px;background:#FCFCFB;} .seq-no{position:absolute;left:10px;top:12px;width:26px;height:26px;border-radius:50%;background:#128C7E;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;} .seq-delay{display:flex;gap:6px;} .seq-delay input{width:90px;} .seq-flow{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px;} .seq-fs{display:flex;flex-direction:column;gap:2px;padding:8px 12px;border-radius:10px;background:#E8F8EE;min-width:120px;position:relative;} .seq-fs em{font-style:normal;font-size:12px;color:#14532D;font-weight:700;} .seq-fs b{font-size:13px;word-break:break-all;} .int-card h2{margin-top:0;} .int-copy{display:flex;gap:6px;} .int-copy input{flex:1;min-width:0;font-family:monospace;font-size:12.5px;} .int-pre{white-space:pre-wrap;word-break:break-all;background:#0F172A;color:#E2E8F0;padding:10px;border-radius:8px;font-size:12px;} .tpl-media{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:6px 0;font-size:13px;} .tpl-media label{cursor:pointer;} .tb-row .field{margin-bottom:6px;} .wac-seq{width:auto;min-height:34px;padding:4px 8px;} /* v16.5 Insights + WhatsApp फ़ॉर्म + Carousel */ .ins-top{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-bottom:12px;} .ins-big{background:var(--surface,#fff);border:1px solid var(--line);border-radius:14px;padding:14px;border-left:4px solid #128C7E;} .ins-big.warn{border-left-color:#F59E0B;background:#FFFBEB;} .ins-big span{display:block;font-size:calc(12.5px*var(--fs,1));color:var(--muted,#64748B);} .ins-big b{display:block;font-size:calc(22px*var(--fs,1));color:var(--navy);margin:2px 0;} .ins-big small{color:var(--muted,#64748B);font-size:12px;} .ins-heat{display:flex;flex-direction:column;gap:3px;} .ih-row{display:grid;grid-template-columns:38px repeat(8,minmax(0,1fr));gap:3px;align-items:center;} .ih-row span{font-size:12px;color:var(--muted,#64748B);font-weight:700;} .ih-row i{font-style:normal;text-align:center;font-size:11px;border-radius:5px;padding:7px 0;background:#F1F5F9;color:#0F172A;min-width:0;} .ih-h i{background:none;color:var(--muted,#64748B);padding:0;} .ih-row i.lv1{background:#D1FAE5;}.ih-row i.lv2{background:#6EE7B7;}.ih-row i.lv3{background:#10B981;color:#fff;}.ih-row i.lv4{background:#047857;color:#fff;} .ins-tbl{display:flex;flex-direction:column;font-size:calc(13.5px*var(--fs,1));} .ins-tbl > div{display:grid;grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr));gap:6px;padding:8px 0;border-top:1px solid var(--line);} .ins-tbl .it-h{border-top:0;font-weight:700;color:var(--muted,#64748B);font-size:12px;} .ins-tbl span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .ins-bar{display:grid;grid-template-columns:minmax(0,110px) 1fr auto;gap:8px;align-items:center;margin:6px 0;font-size:13px;} .ins-bar span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .ins-bar i{display:block;height:12px;border-radius:6px;background:#128C7E;} .flw-f{border:1.5px solid var(--line);border-radius:12px;padding:10px 10px 4px;margin-bottom:8px;background:#FCFCFB;} .flw-phone{max-width:300px;margin:0 auto;border:8px solid #0F172A;border-radius:28px;overflow:hidden;background:#fff;} .flw-top{background:#128C7E;color:#fff;padding:12px 14px;font-weight:700;} .flw-body{padding:12px 14px;min-height:200px;font-size:13px;} .flw-body p{margin:0 0 10px;color:#334155;} .flw-body label{display:block;font-weight:700;margin:8px 0 4px;} .pv-in{border:1px solid #CBD5E1;border-radius:8px;height:34px;padding:6px 8px;color:#94A3B8;text-align:right;} .pv-r{padding:3px 0;} .flw-btn{margin:0 14px 14px;background:#128C7E;color:#fff;text-align:center;padding:10px;border-radius:20px;font-weight:700;} .flw-ans{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:4px;font-size:13px;} .flw-ans em{font-style:normal;color:var(--muted,#64748B);} .car-card{border:1.5px dashed var(--line);border-radius:12px;padding:10px 10px 2px;margin-bottom:8px;} .car-card b{display:block;margin-bottom:6px;} /* v16.5.1 नंबर न जुड़ा हो तब भी पेज दिखे */ .wa-prev-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;background:#FFFBEB;border:1px solid #FCD34D;color:#78350F;border-radius:12px;padding:10px 14px;margin-bottom:12px;font-weight:600;font-size:calc(13.5px*var(--fs,1));} .wa-prev-note{background:#F1F5F9;border-radius:10px;padding:10px 12px;margin:6px 0 12px;font-size:calc(13px*var(--fs,1));color:#334155;} /* v16.6 कैटलॉग + UPI */ .pr-thumb{width:48px;height:48px;border-radius:8px;object-fit:cover;flex:none;margin-right:8px;} .pr-row{align-items:center;} .pr-media{border-top:1px dashed var(--line);margin-top:8px;padding-top:8px;} .cat-pick{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;margin:8px 0;} .cat-pick label{position:relative;display:flex;flex-direction:column;gap:4px;border:1.5px solid var(--line);border-radius:12px;padding:8px;cursor:pointer;font-size:13px;} .cat-pick label:has(input:checked){border-color:#128C7E;background:#F0FDF4;} .cat-pick label.noimg{opacity:.5;cursor:not-allowed;} .cat-pick input{position:absolute;top:8px;right:8px;} .cat-pick img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:8px;} .cat-pick .ni{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;background:#F1F5F9;border-radius:8px;} .cat-pick small{color:var(--muted,#64748B);} .od-pay{margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#FCFCFB;} .od-paid{background:#E8F8EE;color:#14532D;font-weight:700;padding:10px 12px;border-radius:10px;} .od-paid-f{display:flex;gap:6px;flex-wrap:wrap;align-items:center;} .od-paid-f input{width:180px;min-height:38px;} /* v16.7 ✨ AI सहायक */ .ai-sw{display:flex;align-items:center;gap:8px;margin:6px 0;font-size:calc(14px*var(--fs,1));} .ai-rules{margin:4px 0 10px;padding-left:20px;color:var(--muted,#64748B);font-size:calc(13px*var(--fs,1));} .ai-rules li{margin:3px 0;} .ai-test{display:flex;gap:8px;align-items:stretch;} .ai-test .field{flex:1;min-width:0;margin:0;} .ai-test .btn{white-space:nowrap;} .ai-ans{margin-top:10px;background:#E8F8EE;border:1px solid #BFE7CD;border-radius:12px 12px 12px 4px;padding:10px 12px;font-size:calc(14px*var(--fs,1));overflow-wrap:anywhere;} .ai-ans.ho{background:#FFF7E6;border-color:#F5D9A6;} .ai-tw{background:linear-gradient(135deg,#F3EEFF,#EAF6FF);border:1px dashed #B9A6F0;border-radius:12px;padding:10px;margin-bottom:10px;} .ai-tw>label{font-weight:700;display:block;margin-bottom:6px;font-size:calc(13px*var(--fs,1));} .wa-ib.ai-btn.busy{animation:aiPulse 1s infinite;opacity:.7;} @keyframes aiPulse{50%{transform:scale(1.15);}} @media (max-width:520px){.ai-test{flex-direction:column;}} /* v16.8 📍 डीलर रूटिंग */ .rt-flow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;} .rt-flow i{font-style:normal;color:var(--muted,#64748B);font-weight:700;} .rt-step{display:flex;align-items:center;gap:8px;background:#F1F7F5;border:1px solid #D5E9E2;border-radius:12px;padding:8px 10px;flex:1 1 170px;min-width:0;font-size:calc(13px*var(--fs,1));} .rt-step b{flex:0 0 24px;height:24px;border-radius:50%;background:#128C7E;color:#fff;display:grid;place-items:center;font-size:12px;} .rt-areas{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px;} .rt-act{display:flex;gap:4px;align-items:center;flex-shrink:0;} .rt-act form{margin:0;} .rt-d.off{opacity:.55;} .rt-imp{margin:10px 0;} .rt-imp summary{cursor:pointer;font-weight:700;font-size:calc(13px*var(--fs,1));} @media (max-width:640px){.rt-flow i{display:none;}.rt-step{flex-basis:100%;}} .list-item.rt-d{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;} .list-item.rt-d>div:first-child{min-width:0;} /* v16.9 📚 टेम्पलेट लाइब्रेरी */ .wl-src{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px;} .wl-src a{padding:8px 14px;border-radius:999px;border:1.5px solid var(--line,#E3E5E1);background:#fff;font-weight:700;font-size:calc(13px*var(--fs,1));text-decoration:none;color:inherit;} .wl-src a.on{background:#128C7E;border-color:#128C7E;color:#fff;} .wl-chips{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;margin-bottom:10px;scrollbar-width:none;} .wl-chips button{flex:0 0 auto;border:1.5px solid var(--line,#E3E5E1);background:#fff;border-radius:999px;padding:6px 12px;font:inherit;font-size:calc(13px*var(--fs,1));cursor:pointer;} .wl-chips button.on{background:#E8F8EE;border-color:#128C7E;color:#0B5D52;font-weight:700;} .wl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;} .wl-grid .wl-card{margin:0;display:flex;flex-direction:column;gap:8px;} .wl-card[hidden]{display:none;} .wl-top{display:flex;flex-wrap:wrap;gap:6px;align-items:center;} .wl-top b{font-size:calc(13px*var(--fs,1));word-break:break-all;margin-right:auto;} .wl-bubble{background:#E7F8DC;border-radius:4px 12px 12px 12px;padding:10px 12px;font-size:calc(13.5px*var(--fs,1));line-height:1.5;overflow-wrap:anywhere;flex:1;} .wl-bubble small{display:block;color:#64748B;margin-top:6px;font-size:11.5px;} .wl-var{font-style:normal;background:#fff;border-radius:4px;padding:0 3px;color:#0B5D52;font-weight:700;} .wl-b{display:block;text-align:center;color:#128C7E;font-weight:700;border-top:1px solid #CFE9C3;margin-top:8px;padding-top:6px;} .wl-ex{overflow-wrap:anywhere;} .wl-act{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap;} .wl-act form{margin:0;} .wl-open{margin-bottom:10px;} /* v16.9 📈 ऐड रिपोर्ट */ .ins-adr{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:8px;padding:9px 0;border-top:1px solid var(--line,#EEF2F6);font-size:calc(13px*var(--fs,1));align-items:center;} .ins-adr span{min-width:0;overflow-wrap:anywhere;} .ins-adh{font-weight:700;color:#64748B;border-top:0;font-size:12px;} .ins-adr small{color:#64748B;} @media (max-width:640px){.ins-adh{display:none;}.ins-adr{grid-template-columns:repeat(4,1fr);}.ins-adr span:first-child{grid-column:1/-1;}.ins-adr span[data-l]::before{content:attr(data-l) " ";}} /* v17.0 📅 अपॉइंटमेंट */ .e-ap{background:#E8F8EE;color:#0B5D52;} .ap-day{margin:14px 0 4px;font-size:calc(14px*var(--fs,1));color:#0B5D52;} .ap-day:first-child{margin-top:0;} .list-item.ap-row{display:flex;gap:12px;align-items:flex-start;} .ap-time{flex:0 0 74px;font-weight:800;font-size:calc(14px*var(--fs,1));padding-top:2px;} .ap-who{flex:1;min-width:0;} .ap-asg{margin:6px 0 0;} .ap-asg select{max-width:220px;padding:4px 8px;font-size:12px;} .ap-act{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end;} .ap-act form{margin:0;} .ap-cancelled,.ap-noshow{opacity:.55;} .ap-cancelled .ap-time{text-decoration:line-through;} .ap-wd{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 10px;} .ap-wd label{border:1.5px solid var(--line,#E3E5E1);border-radius:999px;padding:5px 10px;font-size:13px;display:flex;gap:4px;align-items:center;} @media (max-width:560px){.list-item.ap-row{flex-wrap:wrap;}.ap-time{flex-basis:100%;}.ap-act{width:100%;justify-content:flex-start;}} /* v17.1 💳 WhatsApp Pay */ .od-wpay{background:#F1F7F5;border:1px solid #D5E9E2;border-radius:12px;padding:12px;margin-bottom:12px;} .od-wpay .od-acts{display:flex;flex-wrap:wrap;gap:6px;align-items:center;} .od-wpay .od-acts form{display:flex;gap:6px;flex-wrap:wrap;margin:0;} .wp-paid{background:#E8F8EE;color:#14532D;}.wp-failed,.wp-short{background:#FDECEC;color:#9B1C1C;}.wp-pending,.wp-sent{background:#FFF7E6;color:#8A5A00;} /* v17.2 📞 WhatsApp कॉल */ .wc-box{position:fixed;right:16px;bottom:84px;z-index:9999;width:min(340px,calc(100vw - 32px));background:#0B5D52;color:#fff;border-radius:18px;padding:16px;box-shadow:0 12px 40px rgba(0,0,0,.3);animation:wcIn .25s ease;} .wc-box[hidden]{display:none;} @keyframes wcIn{from{transform:translateY(20px);opacity:0}to{transform:none;opacity:1}} .wc-h{font-weight:800;font-size:15px;display:flex;justify-content:space-between;gap:8px;} .wc-who{margin:10px 0 12px;}.wc-who b{display:block;font-size:18px;}.wc-who small{opacity:.8;} .wc-btns{display:flex;gap:8px;} .wc-btns button{flex:1;border:0;border-radius:12px;padding:12px;font:inherit;font-weight:800;cursor:pointer;background:#fff;color:#0B5D52;} .wc-btns .wc-no,.wc-btns .wc-end{background:#E5484D;color:#fff;} .wc-btns .wc-ok{background:#25D366;color:#063;} .wc-on-card{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;} .wc-tog{border:2px solid #CBD5E1;background:#fff;font-weight:800;} .wc-tog.on{border-color:#25D366;background:#E8F8EE;color:#0B5D52;} .list-item.wc-row{display:flex;gap:10px;align-items:center;} .wc-ic{font-size:20px;flex:0 0 28px;text-align:center;}.wc-mid{flex:1;min-width:0;} .wc-missed .wc-mid b,.wc-rejected .wc-mid b{color:#B42318;} @media (max-width:640px){.wc-box{right:12px;left:12px;width:auto;bottom:80px;}} /* v17.2.1 Excel से कंपनियाँ — साफ़ दिखने वाला खोलें बटन */ .io-card > summary{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;} .io-open-btn{margin-left:auto;background:var(--navy);color:#fff;border-radius:999px;padding:7px 14px;font-weight:700;font-size:calc(13px*var(--fs,1));white-space:nowrap;} .io-card .io-c{display:none;} .io-card[open] .io-o{display:none;} .io-card[open] .io-c{display:inline;} .io-card[open] .io-open-btn{background:#E9EEF3;color:var(--navy);} .io-jump{margin-top:8px;} /* v17.4 📞 चैट से कॉल */ .wc-chat{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;} .wc-chat small{font-size:11.5px;} /* v17.5 — मोबाइल लेआउट: ऊपर सिर्फ़ नाम + 🔔 (दाएँ कोने में); नीचे मेनू · विज़िट · + · क्लाइंट · ? मदद; पंच इन/आउट मेनू में सबसे ऊपर */ .sb-punch{display:none;} .nb-help.only-fb{display:none;} .tb-q{width:22px;height:22px;border-radius:50%;border:2px solid currentColor;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;line-height:1;} .tb-i:disabled{opacity:.4;} @media (max-width:899px){ .topbar .hamburger,.topbar .nb-help,.topbar .topbar-punch{display:none !important;} .topbar .nb{margin-left:auto;} .sb-punch{display:flex;flex-direction:column;gap:4px;padding:12px 14px;margin:10px 10px 8px;border-radius:12px;background:rgba(255,255,255,.08);} .sb-punch form{margin:0;} .sb-punch .btn{width:100%;justify-content:center;font-size:15px;padding:11px;} .sb-punch small{color:rgba(255,255,255,.75);text-align:center;font-size:12px;} .sb-punch-done{color:#B6F0CC;font-weight:700;text-align:center;} } /* v17.5.1 मोबाइल: मेनू का नीचे वाला हिस्सा (नाम, भाषा, Logout) नीचे की पट्टी के पीछे न छुपे */ @media (max-width:899px){ .sidebar{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px)) !important;} .sidebar-footer{padding-bottom:16px;} } /* v17.8 💬 सुझाव / शिकायत */ .fb-kinds{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px;} .fb-kinds label{cursor:pointer;} .fb-kinds input{position:absolute;opacity:0;pointer-events:none;} .fb-kinds span{display:inline-block;padding:8px 14px;border:1.5px solid var(--line,#E3E5E1);border-radius:999px;font-weight:600;font-size:calc(13.5px*var(--fs,1));background:#fff;} .fb-kinds input:checked + span{border-color:var(--orange);background:#FDF1E7;color:var(--orange);} .fb-kinds input:focus-visible + span{outline:2px solid var(--navy);} .fb-top{display:flex;justify-content:space-between;gap:8px;align-items:flex-start;flex-wrap:wrap;} .fb-msg{margin:6px 0;white-space:normal;overflow-wrap:anywhere;font-size:calc(14px*var(--fs,1));} .fb-reply{margin-top:8px;background:#E8F8EE;border-radius:10px;padding:10px 12px;font-size:calc(13.5px*var(--fs,1));} .fb-open{background:#FFF7E6;color:#8A5A00;}.fb-progress{background:#EAF2FB;color:#1E5A96;}.fb-resolved{background:#E8F8EE;color:#14532D;} .fb-acts{display:flex;gap:8px;align-items:center;flex-wrap:wrap;} .fb-acts select{max-width:200px;} /* v17.9 — ऐड-ऑन / कूपन / रेफ़रल */ .wl-calc div[hidden]{display:none;} .bx-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:4px 14px;margin:12px 0 4px;align-items:start;} .bx-opts .field{margin-bottom:6px;min-width:0;} .bx-opts small{display:block;margin-top:3px;} .bx-chk{display:flex;gap:8px;align-items:center;font-size:calc(14px*var(--fs,1));cursor:pointer;padding:8px 0;min-width:0;} .bx-chk input{width:20px;height:20px;flex:0 0 auto;} .bx-cp-row{display:flex;gap:8px;min-width:0;} .bx-cp-row input{flex:1;min-width:0;} .bx-addons{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px;} .bx-ref{border:2px dashed var(--green);} .bx-ref h2{margin:0 0 6px;font-size:calc(16px*var(--fs,1));color:var(--navy);} .bx-ref p{margin:6px 0;} .bx-ref-link{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:10px 0;} .bx-ref-link input{flex:1 1 220px;min-width:0;padding:9px 10px;border:1px solid var(--line);border-radius:8px;font-size:calc(13px*var(--fs,1));background:#F8FAF8;} .bx-cp-list{display:flex;flex-direction:column;gap:8px;margin-top:12px;} .bx-cp-item{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;border:1px solid var(--line);border-radius:10px;padding:10px 12px;min-width:0;} .bx-cp-item > div:first-child{min-width:0;overflow-wrap:anywhere;} .bx-cp-item.off{opacity:.55;} .bx-cp-acts{display:flex;gap:6px;} /* v17.10 — कमाई डैशबोर्ड */ .bx-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:14px;} .bx-kpis .card{margin:0;display:flex;flex-direction:column;gap:4px;min-width:0;} .bx-kpis span{font-size:calc(12.5px*var(--fs,1));color:var(--muted);} .bx-kpis b{font-size:calc(24px*var(--fs,1));color:var(--navy);font-variant-numeric:tabular-nums;} .bx-kpis small{font-size:calc(12px*var(--fs,1));color:var(--muted);overflow-wrap:anywhere;} .bx-bars{display:flex;align-items:flex-end;gap:8px;height:150px;padding:20px 0 0;} .bx-bar{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;min-width:0;} .bx-bar i{display:block;width:100%;max-width:46px;background:var(--orange);border-radius:6px 6px 0 0;} .bx-bar em{font-style:normal;font-size:calc(10.5px*var(--fs,1));color:var(--navy);font-weight:700;margin-bottom:3px;white-space:nowrap;} .bx-bar span{font-size:calc(11px*var(--fs,1));color:var(--muted);margin-top:4px;white-space:nowrap;} .pub-addons{border:2px dashed var(--orange);} /* v17.11 — AD CRM लोगो */ .brand-mark{background:#fff;border-radius:8px;padding:3px 4px;height:auto;width:40px;flex:0 0 auto;box-sizing:content-box;} .sidebar-brand{display:flex;align-items:center;gap:10px;} @media (max-width: 899px){.topbar-title{display:flex;align-items:center;gap:8px;}} .topbar-title .brand-mark{width:30px;padding:2px 3px;border-radius:6px;} .pub-brand{display:inline-flex;align-items:center;gap:8px;} .login-logo{text-align:center;margin:0 0 14px;line-height:0;} .login-logo img{max-width:220px;width:62%;height:auto;} /* v17.12 — क्लाइंट लिस्ट + कंपनी पेज */ .cl-bar{display:flex;justify-content:flex-end;margin:0 0 10px;} .cl-add{position:relative;} .cl-add > summary{list-style:none;cursor:pointer;} .cl-add > summary::-webkit-details-marker{display:none;} .cl-menu{position:absolute;right:0;top:calc(100% + 6px);width:min(320px,calc(100vw - 32px));background:var(--surface,#fff);border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 34px rgba(20,50,77,.16);padding:6px;z-index:30;} .cl-menu a,.cl-menu button{display:flex;gap:10px;align-items:flex-start;width:100%;padding:10px;border:0;background:none;border-radius:9px;color:inherit;text-decoration:none;font:inherit;text-align:left;cursor:pointer;} .cl-menu a:hover,.cl-menu button:hover,.cl-menu a:focus-visible,.cl-menu button:focus-visible{background:#F3F6F4;outline:none;} .cl-menu b{display:block;color:var(--navy);} .cl-menu small{display:block;color:var(--muted);font-size:calc(12.5px*var(--fs,1));margin-top:1px;} .cl-menu hr{border:0;border-top:1px solid var(--line);margin:4px 6px;} .cl-panel{margin-bottom:14px;} .cl-panel .io-card{margin-bottom:0;} .cl-work{margin-top:8px;} .cl-due.on{background:#C2410C;border-color:#C2410C;color:#fff;} .cl-cold.on{background:#B91C1C;border-color:#B91C1C;color:#fff;} .cl-id{display:flex;gap:12px;align-items:flex-start;} .cl-nm{min-width:0;flex:1;} .co-name a{color:inherit;text-decoration:none;} .co-name a:hover{text-decoration:underline;} .cl-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:6px;font-size:calc(12.5px*var(--fs,1));} .cl-last{display:inline-flex;flex-direction:column;gap:3px;color:var(--ink,#1E293B);} .cl-heat{display:block;width:84px;height:5px;border-radius:9px;background:#E8ECEA;overflow:hidden;} .cl-heat i{display:block;height:100%;} .cp-av{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:calc(14px*var(--fs,1));flex:0 0 auto;text-decoration:none;} .cp-av-lg{width:56px;height:56px;border-radius:14px;font-size:calc(19px*var(--fs,1));} .cp-av-sm{width:36px;height:36px;border-radius:50%;font-size:calc(13px*var(--fs,1));} .cp-pill{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:3px 10px;font-size:calc(12px*var(--fs,1));font-weight:700;white-space:nowrap;} .cp-ok{background:#E7F6EC;color:#166534;} .cp-due{background:#FFF1E6;color:#9A3412;} .cp-late{background:#FEE2E2;color:#B91C1C;} .cp-grey{background:#F1F5F9;color:#475569;} .cp-back{display:inline-block;margin:0 0 10px;color:var(--muted);text-decoration:none;font-size:calc(13.5px*var(--fs,1));font-weight:600;} .cp-hd{display:flex;flex-direction:column;gap:14px;} .cp-hd-t{display:flex;gap:14px;align-items:flex-start;} .cp-hd-n{flex:1;min-width:0;} .cp-hd-n h1{margin:0;font-size:calc(22px*var(--fs,1));color:var(--navy);overflow-wrap:anywhere;} .cp-tags{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:8px;} .cp-kv{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;} .cp-kv > div{background:#F6F8F7;border-radius:10px;padding:9px 12px;min-width:0;} .cp-kv b{display:block;font-size:calc(18px*var(--fs,1));color:var(--navy);} .cp-kv span{font-size:calc(12px*var(--fs,1));color:var(--muted);} .cp-kv-in{grid-template-columns:repeat(3,minmax(0,1fr));} .cp-qa{display:flex;gap:8px;flex-wrap:wrap;} .cp-tabs{display:flex;gap:2px;border-bottom:2px solid var(--line);margin:16px 0 14px;overflow-x:auto;scrollbar-width:none;} .cp-tabs::-webkit-scrollbar{display:none;} .cp-tabs a{padding:10px 14px;font-weight:700;color:var(--muted);white-space:nowrap;text-decoration:none;border-bottom:3px solid transparent;margin-bottom:-2px;} .cp-tabs a.on{color:var(--orange);border-color:var(--orange);} .cp-two{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:14px;align-items:start;} .cp-two.cp-wide{grid-template-columns:minmax(0,1fr) 320px;} .cp-col{display:flex;flex-direction:column;gap:14px;min-width:0;} .cp-col > .card,.cp-two > .card{margin-bottom:0;} .cp-sticky{position:sticky;top:12px;} .cp-sh{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap;} .cp-sh h2{margin:0;font-size:calc(16px*var(--fs,1));color:var(--navy);} .cp-h3{margin:6px 0 0;font-size:calc(14.5px*var(--fs,1));color:var(--navy);display:block;} .cp-rd{display:flex;flex-direction:column;gap:10px;} .cp-rdi{display:block;border-left:3px solid var(--c,#94A3B8);background:#FAFBFA;border-radius:0 10px 10px 0;padding:10px 12px;text-decoration:none;color:inherit;} .cp-rdi:hover{background:#F3F6F4;} .cp-rdi-h{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:calc(13px*var(--fs,1));} .cp-rdi-h b{color:var(--navy);} .cp-rdi-h span{color:var(--muted);} .cp-rdi-t{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:4px;font-size:calc(13.5px*var(--fs,1));line-height:1.5;overflow-wrap:anywhere;} .cp-bgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;} .cp-bc{border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:6px;min-width:0;} .cp-bc > b{color:var(--navy);overflow-wrap:anywhere;} .cp-bc-link{text-decoration:none;color:inherit;margin-bottom:0;} .cp-bc-link:hover{border-color:var(--orange);} .cp-bstat{display:flex;gap:12px;flex-wrap:wrap;font-size:calc(12.5px*var(--fs,1));color:var(--muted);} .cp-bact{display:flex;gap:6px;align-items:center;} .cp-ic{width:34px;height:34px;border-radius:9px;border:1px solid var(--line);background:#fff;display:inline-grid;place-items:center;text-decoration:none;flex:0 0 auto;} .cp-bopen{border:2px solid var(--orange);display:flex;flex-direction:column;gap:10px;} .cp-row2{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #EEF1EF;font-size:calc(13.5px*var(--fs,1));color:inherit;text-decoration:none;} .cp-row2:last-child{border-bottom:0;} a.cp-row2:hover{background:#FAFBFA;} .cp-row2 > span:first-child{min-width:0;overflow-wrap:anywhere;} .cp-pp{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #EEF1EF;flex-wrap:wrap;} .cp-pp:last-child{border-bottom:0;} .cp-pp-n{flex:1 1 160px;min-width:0;text-decoration:none;color:inherit;} .cp-pp-n b{display:block;color:var(--navy);} .cp-pp-n span{display:block;font-size:calc(12.5px*var(--fs,1));color:var(--muted);overflow-wrap:anywhere;} .cp-chips{display:flex;gap:6px;flex-wrap:wrap;} .cp-chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 12px;font-weight:600;font-size:calc(13px*var(--fs,1));color:var(--navy);text-decoration:none;white-space:nowrap;} .cp-chip.on{background:var(--navy);color:#fff;border-color:var(--navy);} .cp-filter{margin:0 0 12px;} .cp-comp{display:flex;flex-direction:column;gap:4px;border:2px dashed #E7C3A6;text-decoration:none;color:inherit;margin-bottom:14px;} .cp-comp b{color:var(--navy);} .cp-comp span{color:var(--muted);font-size:calc(13px*var(--fs,1));} .cp-tl{position:relative;padding-left:24px;} .cp-tl:before{content:"";position:absolute;left:8px;top:6px;bottom:6px;width:2px;background:#DDE3E0;} .cp-mon{font-weight:800;color:var(--muted);font-size:calc(12.5px*var(--fs,1));margin:4px 0 10px -24px;} .cp-ev{position:relative;background:var(--surface,#fff);border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin-bottom:12px;} .cp-ev:before{content:"";position:absolute;left:-22px;top:16px;width:12px;height:12px;border-radius:50%;background:var(--c,#94A3B8);border:3px solid var(--bg,#F5F6F4);} .cp-ev-h{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;} .cp-ev-h b{color:var(--navy);} .cp-ev-h span{color:var(--muted);font-size:calc(12.5px*var(--fs,1));} .cp-ev-who{font-size:calc(12.5px*var(--fs,1));color:var(--muted);margin-top:3px;} .cp-ev p{margin:8px 0;line-height:1.55;overflow-wrap:anywhere;} .cp-clamp{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;} .cp-more{border:0;background:none;padding:0;color:var(--orange);font-weight:700;font:inherit;font-size:calc(13px*var(--fs,1));cursor:pointer;margin:-4px 0 6px;} .cp-open{margin-left:auto;color:var(--navy);font-weight:700;font-size:calc(13px*var(--fs,1));text-decoration:none;white-space:nowrap;} .cp-vd{display:flex;flex-direction:column;gap:14px;} .cp-kvs{display:grid;grid-template-columns:140px minmax(0,1fr);gap:8px 12px;margin:0;font-size:calc(13.5px*var(--fs,1));} .cp-kvs dt{color:var(--muted);} .cp-kvs dd{margin:0;overflow-wrap:anywhere;} .cp-box{border:1px solid var(--line);border-radius:12px;padding:12px;} .cp-box b{color:var(--navy);} .cp-box p{margin:8px 0 0;line-height:1.65;overflow-wrap:anywhere;} .cp-photo img{max-width:220px;width:100%;border-radius:10px;margin-top:8px;display:block;} .cp-addbr{margin-bottom:14px;} .cp-addbr > summary{cursor:pointer;color:var(--navy);} .cp-plist .cbtns,.cp-pp .cbtns{flex:0 0 auto;} .cp-ord small{font-weight:400;} @media (max-width:899px){ .cp-two,.cp-two.cp-wide{grid-template-columns:minmax(0,1fr);} .cp-sticky{position:static;} .cp-kv{grid-template-columns:repeat(2,minmax(0,1fr));} .cp-kv-in{grid-template-columns:repeat(3,minmax(0,1fr));} .cp-bgrid{grid-template-columns:minmax(0,1fr);} .cp-kvs{grid-template-columns:minmax(0,1fr);} .cp-kvs dt{margin-top:4px;} .cp-hd-n h1{font-size:calc(19px*var(--fs,1));} .cl-bar{margin-top:-4px;} } .cp-pp .cbtns{display:flex;gap:6px;} .cp-pp .cbtn{width:36px;height:36px;padding:0;justify-content:center;} .cp-pp .cbtn span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);} .cp-pp{flex-wrap:nowrap;} @media (max-width:600px){ .co-card .cl-lbl{display:none;} .co-card .co-acts{flex-wrap:nowrap;} .co-card .co-acts .btn{padding:7px 10px;} } /* v17.13 — ब्रांच के प्रकार + एरिया (Settings) */ .bl-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;} .bl-box{border:1px solid var(--line);border-radius:12px;padding:12px;min-width:0;} .bl-box h3{margin:0 0 10px;font-size:calc(15px*var(--fs,1));color:var(--navy);} @media (max-width:760px){ .bl-grid{grid-template-columns:minmax(0,1fr);} } /* ===== v17.14 — AD CRM लोगो वाले रंग: सफ़ेद हेडर, नीले बटन, हरा चुना हुआ ===== */ .topbar{background:#fff;color:var(--navy);border-bottom:1px solid var(--line);} .topbar-punch-done{color:var(--muted);} .topbar .hamburger{color:var(--navy);} .sidebar-nav a{transition:background .15s,color .15s;} .sidebar-nav a:hover{background:rgba(45,170,62,.16);color:#fff;} .sidebar-nav a.active,.sidebar-nav a.active:hover{background:var(--active);color:#fff;} .btn-primary{background:var(--orange);color:#fff;} .btn-primary:hover:not(:disabled){background:#0F55BE;} .btn-secondary{background:var(--navy);} .btn-secondary:hover:not(:disabled){background:#123A82;} .btn-ghost:hover:not(:disabled){border-color:var(--active);color:#1E7A2E;} .cp-tabs a.on{color:#1E7A2E;border-color:var(--active);} .cp-tabs a:hover{color:#1E7A2E;} .ct-chip.on,.cp-chip.on{background:var(--active)!important;border-color:var(--active)!important;color:#fff!important;} .tabbar .tb-i.on{color:#1E7A2E;} .tb-fab{background:var(--orange);} .wl-src a.on{background:var(--active);border-color:var(--active);color:#fff;} /* v18.88 हरे पर हरा अक्षर नहीं — पढ़ने में साफ़ */ /* खानों के बीच साफ़ जगह (5-10px से ज़्यादा) */ .card{margin-bottom:16px;} .field{margin-bottom:14px;} .field label{margin-bottom:6px;} .field-row{gap:14px;} .co-acts,.cp-qa,.cp-tags,.wl-plan-acts,.io-acts,.pc-acts{gap:8px;} .section-head{margin-bottom:12px;} /* v17.15 — पाइपलाइन लिस्ट */ .pl2-fun{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));} .pl2-fs{background:var(--c);color:#fff;text-decoration:none;padding:12px 16px 12px 26px;min-width:0;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%,14px 50%);} .pl2-fs:first-child{padding-left:16px;border-radius:10px 0 0 10px;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%);} .pl2-fs span{display:block;font-size:calc(12.5px*var(--fs,1));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .pl2-fs b{display:block;font-size:calc(24px*var(--fs,1));line-height:1.2;} .pl2-fs small{font-size:calc(12px*var(--fs,1));opacity:.92;} .pl2-fs:hover{filter:brightness(1.07);} .pl2-fs.on{box-shadow:inset 0 -5px 0 rgba(0,0,0,.25);} .pl2-side{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;} .pl2-h{margin:0 0 10px;font-size:calc(16px*var(--fs,1));color:var(--navy);} .pl2-al{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;} .pl2-a{display:block;border-radius:12px;padding:12px 14px;border:1px solid;text-decoration:none;} .pl2-a b{display:block;font-size:calc(22px*var(--fs,1));} .pl2-a span{font-size:calc(13px*var(--fs,1));} .pl2-a.a1{background:#FEF2F2;border-color:#FECACA;color:#991B1B;} .pl2-a.a2{background:#FFF7ED;border-color:#FED7AA;color:#9A3412;} .pl2-a.a3{background:#EFF6FF;border-color:#BFDBFE;color:#1E3A8A;} .pl2-bar{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:0 0 12px;} .pl2-bar .ct-chips{margin:0;} .pl2-q{display:flex;gap:8px;flex:1 1 260px;max-width:420px;} .pl2-q input{flex:1;min-width:0;padding:9px 12px;border:1px solid var(--line);border-radius:10px;font:inherit;} .pl2-list{background:var(--surface);border:1px solid var(--line);border-radius:14px;} .pl2-lh,.pl2-row{display:grid;grid-template-columns:minmax(130px,2fr) 108px 100px minmax(140px,2.2fr) 78px 190px;gap:12px;align-items:center;padding:12px 16px;} .pl2-lh{font-size:calc(12px*var(--fs,1));color:var(--muted);font-weight:700;background:#F8FAFC;border-bottom:1px solid var(--line);border-radius:14px 14px 0 0;} .pl2-row{border-bottom:1px solid #EEF2F6;} .pl2-row:last-child{border-bottom:0;} .pl2-row.late{background:#FFFBFA;} .pl2-nm{min-width:0;} .pl2-nm a{text-decoration:none;} .pl2-nm b{display:block;color:var(--navy);overflow-wrap:anywhere;} .pl2-nm .li-meta{display:block;} .pl2-pill{display:inline-block;border-radius:999px;padding:3px 10px;font-size:calc(12px*var(--fs,1));font-weight:700;background:#EEF2F7;color:var(--navy);background:color-mix(in srgb,var(--c) 14%,#fff);color:color-mix(in srgb,var(--c) 75%,#000);white-space:nowrap;} .pl2-dy span{display:block;font-size:calc(12.5px*var(--fs,1));} .pl2-prog{display:block;width:96px;height:6px;border-radius:9px;background:#E5EAF0;overflow:hidden;margin-top:4px;} .pl2-prog i{display:block;height:100%;} .pl2-nx{min-width:0;font-size:calc(13.5px*var(--fs,1));overflow-wrap:anywhere;} .pl2-nx .cp-pill{margin-top:5px;} .pl2-amt b{color:var(--navy);} .pl2-ac{display:flex;gap:6px;justify-content:flex-end;align-items:center;} .pl2-ac form{margin:0;} .pl2-sel{border:1px solid var(--line);border-radius:9px;padding:7px 8px;font:inherit;font-size:calc(13px*var(--fs,1));font-weight:600;color:var(--navy);background:#fff;width:112px;max-width:112px;} .pl2-go{background:var(--active);color:#fff;} .pl2-go:hover{background:#238A31;color:#fff;} @media (max-width:1180px){ .pl2-lh,.pl2-row{grid-template-columns:minmax(120px,2fr) 104px 96px minmax(130px,2fr) 186px;} .pl2-amt,.pl2-lh span:nth-child(5){display:none;} } @media (max-width:1000px){ .pl2-fun{grid-template-columns:repeat(5,minmax(118px,1fr));overflow-x:auto;scrollbar-width:none;} .pl2-fun::-webkit-scrollbar{display:none;} .pl2-al{grid-template-columns:minmax(0,1fr);} .pl2-lh{display:none;} .pl2-list{background:transparent;border:0;} .pl2-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"nm st" "dy dy" "nx nx" "ac ac";background:var(--surface);border:1px solid var(--line);border-radius:14px;margin-bottom:10px;gap:8px;} .pl2-row:last-child{border-bottom:1px solid var(--line);} .pl2-nm{grid-area:nm;} .pl2-st{grid-area:st;} .pl2-dy{grid-area:dy;} .pl2-nx{grid-area:nx;} .pl2-amt{display:none;} .pl2-ac{grid-area:ac;justify-content:flex-start;} .pl2-q{max-width:none;} } /* v17.17 — डैशबोर्ड पर मेन्यू जैसे लाइन आइकन (विज़िट / छुट्टी) */ .ht-svg{display:inline-grid;place-items:center;color:var(--orange);line-height:0;} .ht-svg svg{width:34px;height:34px;} .own-ic{display:inline-flex;vertical-align:-3px;color:var(--orange);} .own-ic svg{width:15px;height:15px;} /* v17.20 OTP template */ .tpl-auth-note{background:#EEF4FF;border:1px solid #CFE0FF;color:#0B2A63;border-radius:10px;padding:10px 12px;font-size:13.5px;line-height:1.5;margin:4px 0 10px} .tpl-auth-prev{background:#E7F6EC;border-radius:12px;padding:12px 14px;margin:10px 0;max-width:420px;font-size:14px;line-height:1.5} .tpl-auth-btn{margin-top:8px;border-top:1px solid #CDE9D6;padding-top:8px;text-align:center;color:#1565D8;font-weight:700} /* v17.20 dashboard clickable lists */ .dl-row{display:flex;align-items:center;gap:12px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;margin-bottom:8px;text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s} .dl-row:hover{border-color:var(--green);box-shadow:0 4px 14px rgba(11,42,99,.08)} .dl-av{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:13.5px;flex:0 0 auto} .dl-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px} .dl-main b{color:var(--navy);font-size:15px;overflow-wrap:anywhere} .dl-main small{color:var(--muted,#64748B);font-size:12.5px;line-height:1.45;overflow-wrap:anywhere} .dl-pill{font-size:12px;font-weight:700;border-radius:999px;padding:4px 10px;background:#F1F5F9;color:#475569;white-space:nowrap;flex:0 0 auto} .dl-pill.dl-ok{background:#E7F6EC;color:#166534}.dl-pill.dl-shared{background:#FBEAE6;color:var(--red)} .dl-go{color:#94A3B8;font-size:22px;line-height:1;flex:0 0 auto} .dl-row:hover .dl-go{color:var(--green)} .dl-more{display:block;text-align:center;font-weight:700;color:var(--orange);text-decoration:none;padding:8px;border-radius:10px} .dl-more:hover{background:#F3F6FA} @media(max-width:560px){.dl-row{flex-wrap:wrap}.dl-pill{order:3;margin-left:50px}.dl-go{display:none}} /* v17.22 expense trips + meter photos */ .exp-trip{border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:10px;background:#FBFCFE} .exp-trip-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;color:var(--navy)} .exp-meter{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:6px 0 10px} .exp-mbox{border:1px dashed #C9D6E8;border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:8px;background:#fff;min-width:0} .exp-mh{font-weight:700;font-size:13px;color:var(--navy)} .exp-mbox input{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:8px;font-family:inherit;background:#FBFBFA;color:var(--text);font-size:calc(15px*var(--fs,1));} .exp-mbox input:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 3px rgba(21,101,216,.15);background:#fff;} .exp-ph{justify-content:center} .exp-more{display:flex;align-items:center;gap:8px;flex-wrap:wrap} .exp-tamt{margin-left:auto;font-weight:800;color:var(--navy)} .exp-phs{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px} .exp-phl{font-size:12px;font-weight:600;background:#EEF4FF;color:#1565D8;border-radius:999px;padding:3px 9px;text-decoration:none} .exp-addph{margin-top:4px} .bill-pick .js-cnt{font-style:normal;font-size:11px;font-weight:800} @media(max-width:480px){.exp-meter{grid-template-columns:1fr}} /* v17.22 list polish: visits, orders, leads, tasks */ .vh-who,.tk-who{display:flex;align-items:center;gap:10px;min-width:0} .vh-who .dl-av,.tk-who .dl-av{width:36px;height:36px;font-size:13px;border-radius:10px} .geo-chip.co-chip{background:#EEF4FF;color:#1565D8;border-color:#CFE0FF;font-weight:700} .od-card .rep-top{align-items:center;gap:10px} .od-card .rep-top .dl-av{width:36px;height:36px;font-size:13px;border-radius:10px} .od-card .rep-top .rep-t{flex:1;min-width:0} .ld-row{align-items:center;gap:10px} .ld-row > .dl-av{width:36px;height:36px;font-size:13px;border-radius:10px} .tk-card{border-left:4px solid #CBD5E1 !important} .tk-card.tk-assigned{border-left-color:#EF4444 !important}.tk-card.tk-started,.tk-card.tk-in_progress{border-left-color:#F59E0B !important}.tk-card.tk-completed{border-left-color:#2DAA3E !important} .tk-card.tk-late{background:#FFF7F5 !important} .tk-pills{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0} .tk-pill{font-size:12.5px;font-weight:600;background:#F1F5F9;color:#334155;border-radius:999px;padding:3px 10px;text-decoration:none;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis} .tk-pill.late{background:#FEE2E2;color:#B91C1C}.tk-pill.co{background:#EEF4FF;color:#1565D8} .tk-to{display:block;font-weight:500;color:var(--muted,#64748B);font-size:12.5px} /* v17.24 day progress + punch colours (8h green, 4h+ yellow, less red) */ .dh-wrap{margin-top:14px;padding-top:12px;border-top:1px dashed var(--line)} .dh-h{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px;color:var(--navy);font-size:14px} .dh-h span{font-weight:700} .dh-bar{position:relative;background:var(--line);border-radius:999px;height:12px;overflow:hidden} .dh-fill{height:100%;border-radius:999px;transition:width .4s} .dh-bar i{position:absolute;top:0;bottom:0;width:2px;background:rgba(11,42,99,.25)} .dh-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px} .dh-legend .att-r{color:#DC2626}.dh-legend .att-y{color:#B45309}.dh-legend .att-g{color:#15803D} .dh-bad{margin-top:8px;background:#FEF2F2;color:#B91C1C;border-radius:8px;padding:8px 10px;font-size:13px} .dh-bad a{color:#B91C1C;font-weight:700} .dh-fill.att-r{background:#EF4444}.dh-fill.att-y{background:#F59E0B}.dh-fill.att-g{background:#2DAA3E} .btn.att-r{background:#EF4444 !important;border-color:#EF4444 !important;color:#fff !important} .btn.att-y{background:#F59E0B !important;border-color:#F59E0B !important;color:#1F2937 !important} .btn.att-g{background:#2DAA3E !important;border-color:#2DAA3E !important;color:#fff !important} .ht.att-r{background:#FEE2E2 !important;border-color:#FCA5A5 !important} .ht.att-y{background:#FEF3C7 !important;border-color:#FCD34D !important} .ht.att-g{background:#DCFCE7 !important;border-color:#86EFAC !important} .topbar-punch-done.att-r,.sb-punch-done.att-r{color:#EF4444 !important} .topbar-punch-done.att-y,.sb-punch-done.att-y{color:#D97706 !important} .topbar-punch-done.att-g,.sb-punch-done.att-g{color:#2DAA3E !important} .sb-punch-done.att-r{color:#FCA5A5 !important}.sb-punch-done.att-y{color:#FCD34D !important}.sb-punch-done.att-g{color:#86EFAC !important} .ht.att-r,.ht.att-y,.ht.att-g{color:#1F2937 !important} .ht.att-r .ht-l{color:#B91C1C !important}.ht.att-y .ht-l{color:#92400E !important}.ht.att-g .ht-l{color:#166534 !important} /* v17.25 attendance ring card */ .ac-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px} .ac-head h2{margin:0} .ac-chip{font-size:12.5px;font-weight:800;border-radius:999px;padding:5px 12px;background:#F1F5F9;color:#475569;white-space:nowrap} .ac-run .ac-chip{background:#E7F6EC;color:#166534} .ac-full .ac-chip{background:#DCFCE7;color:#166534}.ac-half .ac-chip{background:#FEF3C7;color:#92400E}.ac-short .ac-chip{background:#FEE2E2;color:#B91C1C}.ac-check .ac-chip{background:#FEF2F2;color:#B91C1C} .ac-body{display:flex;align-items:center;gap:22px} .ac-ring{position:relative;width:132px;height:132px;flex:0 0 auto} .ac-ring svg{width:100%;height:100%;transform:rotate(-90deg)} .ac-trk{fill:none;stroke:#E8EDF4;stroke-width:12} .ac-val{fill:none;stroke-width:12;stroke-linecap:round;transition:stroke-dashoffset .6s,stroke .3s} .ac-val.lv-r{stroke:#EF4444}.ac-val.lv-y{stroke:#F59E0B}.ac-val.lv-g{stroke:#2DAA3E}.ac-val.lv-n{stroke:#CBD5E1} .ac-mid{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center} .ac-mid b{font-size:21px;color:var(--navy);line-height:1.1} .ac-mid small{color:var(--muted,#64748B);font-size:12px;font-weight:600} .ac-info{flex:1;min-width:0} .ac-times{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px} .ac-times div{background:#F7F9FC;border:1px solid var(--line);border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;gap:2px} .ac-times span{font-size:12px;color:var(--muted,#64748B);font-weight:600} .ac-times b{font-size:16px;color:var(--navy)} .ac-msg{font-weight:700;color:var(--navy);font-size:14px;margin-bottom:10px;line-height:1.45} .ac-scale{position:relative;display:flex;height:10px;border-radius:999px;overflow:visible;background:#E8EDF4} .ac-seg{height:100%} .ac-seg.r{background:#FECACA;border-radius:999px 0 0 999px}.ac-seg.y{flex:1;background:#FDE68A}.ac-seg.g{width:6px;background:#86EFAC;border-radius:0 999px 999px 0} .ac-pin{position:absolute;top:50%;width:18px;height:18px;border-radius:50%;background:#fff;border:4px solid var(--navy);transform:translate(-50%,-50%);box-shadow:0 2px 6px rgba(11,42,99,.25);transition:left .6s} .ac-lbl{position:relative;height:18px;margin-top:6px;font-size:11.5px;color:var(--muted,#64748B);font-weight:600} .ac-lbl span{position:absolute;top:0;transform:translateX(-50%)} .ac-lbl span:first-child{left:0;transform:none}.ac-lbl span.end{right:0;left:auto;transform:none;color:#15803D} .ac-act{margin-top:14px} .ac-card .dh-bad{margin-top:12px} @media(max-width:560px){.ac-body{flex-direction:column;gap:12px}.ac-info{width:100%}} .ac-act{display:block !important;width:100%}.ac-act .btn{width:100%;justify-content:center} .card > form.ac-act > .btn{width:100% !important;justify-self:stretch;font-size:16px;padding:13px} /* v17.26 capacity card */ .cap-card{border-top:4px solid #2DAA3E}.cap-card.cap-y{border-top-color:#F59E0B}.cap-card.cap-r{border-top-color:#EF4444} .cap-verdict{font-weight:800;color:var(--navy);margin:6px 0 12px;font-size:15px} .cap-meters{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px} .cap-m{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#FBFCFE;min-width:0} .cap-mh{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:6px;font-size:13.5px} .cap-mh span{font-weight:700;color:var(--navy)} .cap-bar{height:10px;background:#E8EDF4;border-radius:999px;overflow:hidden;margin-bottom:4px} .cap-bar i{display:block;height:100%;border-radius:999px} .cap-bar .cap-g{background:#2DAA3E}.cap-bar .cap-y{background:#F59E0B}.cap-bar .cap-r{background:#EF4444} .cap-live{display:flex;flex-wrap:wrap;gap:8px 18px;margin:12px 0;font-size:13.5px} .cap-adv{background:#EEF4FF;border-radius:10px;padding:10px 14px;color:var(--navy)} .cap-adv ul{margin:6px 0 0;padding-left:18px}.cap-adv li{margin:3px 0;line-height:1.5} .cap-plan{margin-top:12px}.cap-plan summary{cursor:pointer;font-weight:700;color:var(--navy)} .cap-pg{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px} /* v17.27 public home (landing) */ .hm-hero{text-align:center;padding:18px 0 8px} .hm-logo{width:150px;height:auto;margin-bottom:6px} .hm-hero h1{margin:0 0 10px;color:var(--navy);font-size:clamp(26px,4.6vw,42px);line-height:1.2} .hm-en{margin:0 auto 8px;max-width:62ch;color:#334155;font-weight:600} .hm-sub{margin:0 auto 16px;max-width:62ch;color:var(--muted,#64748B)} .hm-cta{display:flex;gap:10px;justify-content:center;flex-wrap:wrap} .hm-cta .btn{padding:12px 20px;font-size:15px} .hm-sec{margin:34px 0 0} .hm-sec h2,.hm-end h2{color:var(--navy);text-align:center;font-size:clamp(21px,3vw,28px);margin:0 0 16px} .hm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:14px} .hm-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px} .hm-card h3{margin:6px 0 6px;color:var(--navy);font-size:16px} .hm-card p{margin:0;color:#475569;font-size:14px;line-height:1.55} .hm-ic{font-size:26px} .hm-p{text-align:center;max-width:70ch;margin:0 auto 12px;color:#475569} .hm-tags{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px;justify-content:center} .hm-tags li{background:#EEF4FF;color:#1565D8;border-radius:999px;padding:6px 14px;font-weight:600;font-size:14px} .hm-why{max-width:720px;margin:0 auto;padding-left:22px;color:#334155;line-height:1.8} .hm-faq{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin:0 auto 10px;max-width:820px} .hm-faq summary{cursor:pointer;font-weight:700;color:var(--navy)} .hm-faq p{margin:8px 0 0;color:#475569;line-height:1.6} .hm-end{margin:40px 0 0;text-align:center;background:#0B2A63;border-radius:18px;padding:28px 16px} .hm-end h2{color:#fff} .hm-end .btn-ghost{background:#fff} .hm-foot{text-align:center;padding:20px 16px 34px;color:var(--muted,#64748B);font-size:13.5px} .hm-foot a{color:#1565D8} /* v17.27 dashboard list: mobile — name full width, status pill below */ @media(max-width:600px){ .dl-row{display:grid !important;grid-template-columns:38px minmax(0,1fr);column-gap:12px;row-gap:6px;align-items:start;flex-wrap:nowrap} .dl-row .dl-av{grid-row:1/span 2} .dl-row .dl-main{grid-column:2} .dl-row .dl-pill{grid-column:2;justify-self:start;margin-left:0 !important;order:0;font-size:12px;padding:3px 10px} .dl-row .dl-go{display:none} .dl-main b{font-size:15.5px;line-height:1.3} } /* v17.27 visitors card */ .sv-card .sv-k{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:12px} .sv-k div{background:#F7F9FC;border:1px solid var(--line);border-radius:12px;padding:10px 12px} .sv-k b{display:block;font-size:24px;color:var(--navy)}.sv-k span{font-size:12.5px;color:var(--muted,#64748B)} .sv-bars{display:flex;align-items:flex-end;gap:4px;height:90px;padding:6px 0;border-bottom:1px solid var(--line)} .sv-bars i{flex:1;background:#BFD5F8;border-radius:5px 5px 0 0;min-height:3px;position:relative} .sv-bars i.today{background:#1565D8} .sv-days{display:flex;gap:4px;font-size:10.5px;color:var(--muted,#64748B);margin-top:4px}.sv-days span{flex:1;text-align:center} .sv-lists{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:12px} .sv-lists ul{list-style:none;margin:6px 0 0;padding:0}.sv-lists li{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px dashed var(--line);font-size:13.5px} /* ===== v17.28 public site (home, policies) ===== */ .pl-body{margin:0;background:#fff;color:#1E293B;font-family:inherit} .pl-wrap{max-width:1180px;margin:0 auto;padding:0 20px} .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)} .pl-top{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid #E5EAF1} .pl-topin{display:flex;align-items:center;gap:18px;min-height:64px} .pl-brand{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:19px;color:#0B2A63;text-decoration:none} .pl-brand img{height:26px;width:auto} .pl-nav{display:flex;gap:22px;margin-left:16px}.pl-nav a{color:#334155;text-decoration:none;font-weight:600;font-size:14.5px}.pl-nav a:hover{color:#1565D8} .pl-act{display:flex;align-items:center;gap:8px;margin-left:auto} .pl-lang{font-weight:700;font-size:13px;color:#64748B;text-decoration:none;padding:4px 6px}.pl-lang.on{color:#1565D8} .pl-act .btn{white-space:nowrap} /* hero */ .pl-hero{background:linear-gradient(115deg,#fff 0 52%,#EAF2FF 52% 100%);padding:46px 0 26px;overflow:hidden} .pl-hero-in{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center} .pl-kicker{display:inline-block;background:#E7F6EC;color:#166534;font-weight:700;font-size:13px;border-radius:999px;padding:5px 12px;margin-bottom:14px} .pl-hero h1{font-size:clamp(30px,4.4vw,52px);line-height:1.15;color:#0B2A63;margin:0 0 14px;letter-spacing:-.5px} .pl-lead{font-size:clamp(16px,1.6vw,19px);color:#475569;line-height:1.6;margin:0 0 10px;max-width:58ch} .pl-en{font-size:14px;color:#64748B;margin:0 0 22px;max-width:62ch} .pl-cta{display:flex;gap:10px;flex-wrap:wrap} .pl-cta .btn{padding:13px 22px;font-size:16px;border-radius:12px} .pl-green{background:#2DAA3E !important;border-color:#2DAA3E !important} .pl-ticks{list-style:none;padding:0;margin:20px 0 0;display:flex;flex-wrap:wrap;gap:8px 18px;color:#475569;font-size:14px} .pl-hero-art{position:relative;min-height:540px;display:flex;justify-content:center;align-items:center} .pl-phone{width:290px;height:560px;background:#0B2A63;border-radius:42px;padding:13px;box-shadow:0 30px 70px rgba(11,42,99,.35);transform:rotate(-2deg)} .pl-scr{background:#F3F6FA;border-radius:31px;height:100%;padding:18px 13px;overflow:hidden} .pl-scr-h{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#0B2A63}.pl-scr-h span{background:#E7F6EC;color:#166534;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700} .pl-ring{width:136px;height:136px;margin:16px auto;border-radius:50%;background:conic-gradient(#F59E0B 0 78%,#E2E8F0 0);display:grid;place-items:center} .pl-ring div{width:106px;height:106px;border-radius:50%;background:#F3F6FA;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#0B2A63}.pl-ring b{font-size:21px}.pl-ring small{color:#64748B} .pl-mc{background:#fff;border-radius:12px;padding:10px 11px;margin:8px 0;font-size:12.5px;color:#334155;box-shadow:0 2px 6px rgba(0,0,0,.05)}.pl-mc b{color:#0B2A63} .pl-float{position:absolute;background:#fff;border-radius:14px;padding:11px 15px;box-shadow:0 14px 34px rgba(11,42,99,.18);font-size:14px;font-weight:700;color:#0B2A63} .pl-float.f1{right:2%;top:16%}.pl-float.f2{left:4%;bottom:14%} .pl-strip{list-style:none;padding:14px 0 0;margin:24px 0 0;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;border-top:1px solid #E5EAF1} .pl-strip li{background:#fff;border:1px solid #DCE5F2;border-radius:999px;padding:7px 14px;font-weight:600;font-size:13.5px;color:#0B2A63} /* sections */ .pl-sec{padding:64px 0}.pl-soft{background:#F6F9FD}.pl-dark{background:#0B2A63;color:#fff} .pl-sec h2{font-size:clamp(25px,3.2vw,36px);color:#0B2A63;text-align:center;margin:0 0 10px;line-height:1.25} .pl-dark h2{color:#fff}.pl-sub{text-align:center;color:#64748B;max-width:68ch;margin:0 auto 34px;font-size:16.5px;line-height:1.6}.pl-dark .pl-sub{color:#C7D6EE} .pl-h2b{margin-top:44px !important} .pl-ps{display:grid;grid-template-columns:1fr 70px 1.15fr;gap:20px;align-items:center} .pl-prob{list-style:none;margin:0;padding:0}.pl-prob li{background:#1C3D7A;border-radius:12px;padding:14px 16px;margin:0 0 10px;font-size:16px;color:#E2E8F0;text-decoration:line-through;text-decoration-color:#F87171;text-decoration-thickness:2px} .pl-arrow{font-size:64px;color:#2DAA3E;text-align:center} .pl-sol{background:#fff;border-radius:22px;padding:24px;color:#0B2A63}.pl-sol h3{margin:0 0 8px;font-size:21px} .pl-sol ul{list-style:none;padding:0;margin:0 0 18px}.pl-sol li{padding:10px 0 10px 30px;border-bottom:1px dashed #E2E8F0;font-size:15.5px;position:relative;color:#1E293B}.pl-sol li:before{content:"✅";position:absolute;left:0} .pl-tl{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(6,1fr);gap:12px;position:relative} .pl-tl:before{content:"";position:absolute;left:8%;right:8%;top:44px;height:6px;border-radius:3px;background:linear-gradient(90deg,#1565D8,#2DAA3E)} .pl-tl li{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px} .pl-tc{width:92px;height:92px;border-radius:50%;background:#fff;border:6px solid #1565D8;display:grid;place-items:center;font-size:36px;margin-bottom:8px} .pl-tl b{color:#0B2A63;font-size:16px}.pl-tl span{color:#64748B;font-size:13.5px}.pl-tl em{font-style:normal;background:#EEF4FF;color:#1565D8;border-radius:999px;padding:3px 10px;font-size:12.5px;font-weight:700;margin-top:4px} .pl-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px} .pl-card{background:#fff;border:1px solid #E5EAF1;border-radius:16px;padding:18px;transition:transform .15s,box-shadow .15s} .pl-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(11,42,99,.10)} .pl-ic{font-size:28px}.pl-card h3{margin:8px 0 6px;color:#0B2A63;font-size:16.5px}.pl-card p{margin:0;color:#475569;font-size:14px;line-height:1.55} .pl-cmp{display:grid;grid-template-columns:.9fr 1.1fr;gap:36px;align-items:center} .pl-cmp-txt h2{text-align:left}.pl-cmp-txt p{color:#475569;font-size:17px;line-height:1.65;margin:0 0 22px} .pl-table-wrap{background:#fff;border-radius:20px;padding:16px;box-shadow:0 20px 50px rgba(11,42,99,.12);overflow-x:auto} .pl-table{width:100%;border-collapse:collapse;font-size:15px;min-width:460px} .pl-table th,.pl-table td{padding:12px 10px;border-bottom:1px solid #E8EDF4;text-align:center} .pl-table thead th{background:#0B2A63;color:#fff;font-weight:700}.pl-table thead th:first-child{border-radius:10px 0 0 0;text-align:left}.pl-table thead th:last-child{border-radius:0 10px 0 0} .pl-table thead th.us{background:#2DAA3E}.pl-table tbody th{text-align:left;font-weight:500;color:#334155} .pl-table td:nth-child(2){background:#F0FBF3;font-weight:800;color:#15803D} .pl-table .cy{color:#15803D;font-weight:800}.pl-table .cn{color:#DC2626;font-weight:800} .pl-note{font-size:12px;color:#94A3B8;margin:10px 4px 0} .pl-tags{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.pl-tags li{background:#EEF4FF;color:#1565D8;border-radius:999px;padding:8px 16px;font-weight:700} .pl-why{list-style:none;padding:0;margin:0 auto;max-width:860px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px} .pl-why li{background:#fff;border:1px solid #E5EAF1;border-radius:14px;padding:14px 16px 14px 42px;position:relative;color:#334155}.pl-why li:before{content:"★";position:absolute;left:16px;color:#F59E0B} .pl-narrow{max-width:860px} .pl-faq{background:#fff;border:1px solid #E5EAF1;border-radius:14px;padding:14px 18px;margin:0 0 10px} .pl-faq summary{cursor:pointer;font-weight:700;color:#0B2A63;font-size:16px}.pl-faq p{margin:10px 0 0;color:#475569;line-height:1.65} .pl-end{background:linear-gradient(120deg,#0B2A63,#1565D8);border-radius:24px;padding:46px 24px;text-align:center;color:#fff} .pl-end h2{color:#fff}.pl-end p{color:#D6E4FA;margin:0 0 20px}.pl-end .pl-cta{justify-content:center}.pl-end .btn-ghost{background:#fff;color:#0B2A63} /* footer */ .pl-foot{background:#0A1F47;color:#C7D6EE;padding:48px 0 0;margin-top:0} .pl-fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:28px} .pl-foot .pl-brand{color:#fff}.pl-foot .pl-brand img{background:#fff;border-radius:6px;padding:2px 4px} .pl-fcol h2{color:#fff;font-size:15px;margin:4px 0 12px;text-align:left} .pl-fcol p{font-size:14px;line-height:1.65;margin:12px 0}.pl-fmade{color:#86EFAC} .pl-fcol ul{list-style:none;padding:0;margin:0}.pl-fcol li{margin:0 0 9px;font-size:14px}.pl-fcol a{color:#C7D6EE;text-decoration:none}.pl-fcol a:hover{color:#fff;text-decoration:underline} .pl-fbot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;border-top:1px solid rgba(255,255,255,.12);margin-top:30px;padding-top:16px;padding-bottom:22px;font-size:12.5px;color:#93A8CC} /* policy pages */ .pl-doc{max-width:860px;padding-top:34px;padding-bottom:50px} .pl-crumb{font-size:13px;color:#64748B;margin-bottom:10px}.pl-crumb a{color:#1565D8;text-decoration:none} .pl-doc h1{color:#0B2A63;font-size:clamp(26px,3.6vw,36px);margin:0 0 6px} .pl-docsub{color:#64748B;margin:0 0 20px} .pl-toc{background:#F6F9FD;border:1px solid #E5EAF1;border-radius:14px;padding:14px 18px;margin-bottom:24px}.pl-toc ol{margin:8px 0 0;padding-left:20px;columns:2;column-gap:28px}.pl-toc li{margin:0 0 5px;font-size:14px}.pl-toc a{color:#1565D8;text-decoration:none} .pl-doc section{scroll-margin-top:80px} .pl-doc h2{color:#0B2A63;font-size:18px;margin:24px 0 8px} .pl-doc p{font-size:15px;line-height:1.75;margin:0;color:#334155}.pl-doc a{color:#1565D8} /* consent bar */ .mk-bar{position:fixed;left:12px;right:12px;bottom:12px;z-index:50;max-width:720px;margin:0 auto;background:#0B2A63;color:#fff;border-radius:14px;padding:12px 14px;display:flex;gap:12px;align-items:center;justify-content:space-between;box-shadow:0 14px 40px rgba(0,0,0,.25)} .mk-bar[hidden]{display:none}.mk-bar p{margin:0;font-size:13.5px;line-height:1.5}.mk-bar a{color:#93C5FD}.mk-bar div{display:flex;gap:8px;flex:0 0 auto}.mk-bar .btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.4)} .mk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px} .mk-links{display:grid;gap:8px;margin-bottom:14px}.mk-links div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.mk-links code{background:#F1F5F9;border-radius:6px;padding:4px 8px;font-size:13px;word-break:break-all} .mk-steps{padding-left:20px;line-height:1.8;margin:0} /* responsive */ @media(max-width:1020px){.pl-nav{display:none}.pl-grid{grid-template-columns:repeat(2,1fr)}.pl-tl{grid-template-columns:repeat(3,1fr);row-gap:28px}.pl-tl:before{display:none}.pl-fgrid{grid-template-columns:1fr 1fr}} @media(max-width:860px){.pl-hero{background:linear-gradient(180deg,#fff 0 55%,#EAF2FF 55%)}.pl-hero-in{grid-template-columns:1fr}.pl-hero-txt{text-align:center}.pl-lead,.pl-en{margin-left:auto;margin-right:auto}.pl-cta,.pl-ticks{justify-content:center} .pl-hero-art{min-height:auto;padding:10px 0 20px}.pl-phone{width:250px;height:480px}.pl-float.f1{right:0;top:8%}.pl-float.f2{left:0;bottom:8%} .pl-ps{grid-template-columns:1fr}.pl-arrow{transform:rotate(90deg);font-size:46px}.pl-cmp{grid-template-columns:1fr}.pl-cmp-txt h2,.pl-cmp-txt{text-align:center}.pl-cmp-txt .pl-cta{justify-content:center}} @media(max-width:560px){.pl-wrap{padding:0 16px}.pl-sec{padding:46px 0}.pl-grid{grid-template-columns:1fr}.pl-tl{grid-template-columns:repeat(2,1fr)}.pl-tc{width:74px;height:74px;font-size:30px} .pl-act .pl-login{display:none}.pl-brand{font-size:17px}.pl-fgrid{grid-template-columns:1fr}.pl-toc ol{columns:1}.pl-float{font-size:12.5px;padding:8px 11px} .pl-table{font-size:13.5px;min-width:0}.pl-table th,.pl-table td{padding:10px 6px}.mk-bar{flex-direction:column;align-items:stretch}.mk-bar div{justify-content:flex-end}.pl-cta .btn{flex:1 1 auto;justify-content:center}} /* v17.29 public site polish */ .pl-body,.pl-body button,.pl-body input,.pub-body{font-family:"Poppins","Noto Sans Devanagari",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif !important;-webkit-font-smoothing:antialiased} .pl-body main{padding:0 !important;margin:0 !important;max-width:none !important;display:block} .pl-body h1,.pl-body h2,.pl-body h3{font-family:inherit;letter-spacing:-.2px} .pl-hero h1{font-weight:800;line-height:1.18} .pl-sec h2{font-weight:800} .pl-lead{color:#3B4A63} .pl-sec{scroll-margin-top:70px} .pl-kicker{display:inline-flex;align-items:center;gap:8px} .pl-dot{width:8px;height:8px;border-radius:50%;background:#2DAA3E;box-shadow:0 0 0 4px rgba(45,170,62,.18)} .pl-strip li{display:inline-flex;align-items:center;gap:7px}.pl-strip .ic{color:#1565D8} .pl-float{display:inline-flex;align-items:center;gap:6px} /* feature icon badge */ .pl-ic{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#EEF4FF;color:#1565D8;font-size:0} .pl-card:nth-child(4n+2) .pl-ic{background:#E7F6EC;color:#15803D}.pl-card:nth-child(4n+3) .pl-ic{background:#FEF3C7;color:#B45309}.pl-card:nth-child(4n) .pl-ic{background:#F3E8FF;color:#7C3AED} .pl-card h3{font-weight:700} /* timeline icons */ .pl-tl .pl-tc{color:#1565D8;font-size:0} .pl-tl li:nth-child(n+4) .pl-tc{border-color:#2DAA3E;color:#15803D} /* problems: readable, no strike-through */ .pl-prob li{display:flex;align-items:center;gap:12px;text-decoration:none !important;color:#E6EDF8;font-size:15.5px} .pl-x{flex:0 0 auto;width:26px;height:26px;border-radius:50%;background:#EF4444;color:#fff;display:grid;place-items:center;font-size:13px;font-weight:800} .pl-sol li{padding-left:34px}.pl-sol li:before{content:none} .pl-ok{position:absolute;left:0;top:10px;width:24px;height:24px;border-radius:50%;background:#E7F6EC;color:#15803D;display:grid;place-items:center} .pl-ok .ic{width:15px;height:15px} .pl-hero .btn-primary{box-shadow:0 10px 24px rgba(21,101,216,.28)} .pl-top .btn{border-radius:10px} @media(max-width:860px){.pl-phone{width:230px;height:440px;padding:11px;border-radius:36px}.pl-scr{border-radius:27px;padding:14px 10px}.pl-ring{width:112px;height:112px}.pl-ring div{width:86px;height:86px}.pl-ring b{font-size:17px}.pl-mc{font-size:11.5px;padding:8px 9px}.pl-float{display:none}} @media(max-width:560px){.pl-hero{padding:28px 0 18px}.pl-hero h1{font-size:29px}.pl-strip{gap:8px}.pl-strip li{font-size:12.5px;padding:6px 11px}.pl-tc{border-width:5px}} /* v17.29 Made in India badge (own design — no govt logo/emblem/flag) */ .pl-mii{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:6px 14px 6px 8px;background:#fff;border:1.5px solid #0B2A63;color:#0B2A63;line-height:1.1;margin-top:14px} .pl-mii svg{color:#2DAA3E;flex:0 0 auto} .pl-mii b{font-weight:800;font-size:12.5px;letter-spacing:1.4px} .pl-mii i{font-style:normal;font-size:11.5px;color:#64748B;border-left:1px solid #CBD5E1;padding-left:8px} .pl-mii-hero{margin:18px 0 0} .pl-foot .pl-mii{background:transparent;border-color:rgba(255,255,255,.45);color:#fff}.pl-foot .pl-mii i{color:#C7D6EE;border-left-color:rgba(255,255,255,.3)}.pl-foot .pl-mii svg{color:#86EFAC} @media(max-width:860px){.pl-mii-hero{margin-left:auto;margin-right:auto}} .pl-mii b,.pl-mii i{white-space:nowrap}.pl-foot .pl-mii{flex-wrap:nowrap;max-width:100%} /* v17.32 — मॉड्यूल बिल्डर + कंपनी लोगो */ .mb-on{display:flex;gap:8px;align-items:center;margin:6px 0 12px;} .mb-pg{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:4px 14px;} .mb-in{display:flex;align-items:center;gap:6px;flex-wrap:wrap;} .mb-in input{width:90px;min-width:0;} .mb-in small{color:#6B7280;font-size:12px;} .mb-chk{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;margin:6px 0;} .mb-chk label{display:flex;gap:8px;align-items:center;border:1px solid #E3E5E1;border-radius:10px;padding:8px 10px;} .mb-chk label.req{opacity:.75;} .mb-b{max-width:1100px;margin:22px auto;} .mb-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;} .mb-item{display:flex;gap:10px;align-items:center;border:1.5px solid #E3E5E1;border-radius:12px;padding:10px 12px;cursor:pointer;background:#fff;min-width:0;} .mb-item:has(input:checked){border-color:#1565D8;background:#F2F7FF;} .mb-item.req{cursor:default;} .mb-item input{width:18px;height:18px;flex:0 0 auto;} .mb-ic{color:#1565D8;display:flex;flex:0 0 auto;} .mb-t{flex:1;min-width:0;display:flex;flex-direction:column;} .mb-t small{color:#6B7280;font-size:12px;line-height:1.35;} .mb-pr{text-align:right;font-weight:700;color:#0B2A63;white-space:nowrap;display:flex;flex-direction:column;} .mb-pr small{font-weight:400;color:#6B7280;font-size:11px;} .mb-sum{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;margin-top:14px;padding:12px 14px;border-radius:12px;background:#0B2A63;color:#fff;} .mb-u{display:flex;gap:8px;align-items:center;} .mb-u input{width:90px;} .mb-tot b{font-size:24px;} .mb-tot span{opacity:.85;margin-left:4px;} .mb-tot .li-meta{color:#C8D6F0;margin:0;} .mb-disc{color:#7CE3A1;font-size:13px;} .sb-co .co-logo{width:40px;height:40px;border-radius:10px;background:#fff;object-fit:contain;flex:0 0 auto;} .sb-co span{display:flex;flex-direction:column;min-width:0;} .sb-co b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .sb-co small{font-size:11px;font-weight:400;opacity:.7;} .topbar-title .co-logo{width:30px;height:30px;border-radius:7px;object-fit:contain;flex:0 0 auto;margin-right:6px;vertical-align:middle;} .logo-row{display:flex;gap:14px;align-items:center;flex-wrap:wrap;} .logo-prev{width:96px;height:96px;border:1px dashed #C9CDD2;border-radius:14px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#F7F8F6;flex:0 0 auto;} .logo-prev img{width:100%;height:100%;object-fit:contain;} .logo-prev span{font-size:12px;color:#6B7280;} .logo-f{display:flex;gap:8px;flex-wrap:wrap;align-items:center;} .logo-f input[type=file]{max-width:100%;min-width:0;} @media (max-width:480px){.mb-sum{flex-direction:column;align-items:stretch;} .mb-sum .btn{width:100%;}} /* v17.33 — CRM ↔ WhatsApp बदलने का बटन, प्रोडक्ट कार्ड, डीलर पेज */ .ws-sw{display:flex;gap:4px;margin:10px 14px 4px;padding:4px;border-radius:12px;background:rgba(255,255,255,.08);} .ws-sw a{flex:1;text-align:center;padding:8px 6px;border-radius:9px;color:#C8D6F0;text-decoration:none;font-weight:600;font-size:calc(13.5px*var(--fs,1));white-space:nowrap;} .ws-sw a.on{background:#fff;color:#0B2A63;} .ws-sw a:focus-visible{outline:2px solid #7CE3A1;outline-offset:2px;} .mb-gh{margin:14px 0 8px;font-size:15px;color:#0B2A63;} .mb-gh small{font-weight:400;color:#6B7280;font-size:12.5px;margin-left:6px;} .mb-pg .mb-gh{grid-column:1/-1;} .ws-prod-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin:8px 0 12px;} .ws-prod-row label{display:flex;gap:10px;align-items:flex-start;border:1.5px solid #E3E5E1;border-radius:12px;padding:12px;cursor:pointer;min-width:0;} .ws-prod-row label:has(input:checked){border-color:#1565D8;background:#F2F7FF;} .ws-prod-row input{width:20px;height:20px;flex:0 0 auto;margin-top:2px;} .ws-prod-row span{display:flex;flex-direction:column;min-width:0;} .ws-prod-row small{color:#6B7280;font-size:12.5px;line-height:1.4;} .dl-st{margin-top:4px;} .dl-body{margin:0;background:#F5F6F4;font-family:Poppins,-apple-system,"Segoe UI","Nirmala UI",Roboto,"Noto Sans Devanagari",Arial,sans-serif;color:#1F2933;} .dl-top{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:10px;background:#0B2A63;color:#fff;padding:10px 14px;} .dl-top img{width:40px;height:40px;border-radius:9px;background:#fff;object-fit:contain;flex:0 0 auto;} .dl-top div{display:flex;flex-direction:column;min-width:0;flex:1;} .dl-top b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .dl-top small{opacity:.8;font-size:12px;} .dl-top nav{display:flex;gap:4px;} .dl-top nav a{color:#C8D6F0;text-decoration:none;padding:4px 8px;border-radius:6px;font-size:13px;} .dl-top nav a.on{background:#fff;color:#0B2A63;} .dl-body .dl-main{max-width:720px;margin:0 auto;padding:12px 16px 30px;box-sizing:border-box;} /* v17.54 सिर्फ़ डीलर पेज — डैशबोर्ड की लिस्ट बीच में नहीं जाए */ .dl-k{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px;} .dl-k span{background:#fff;border:1px solid #E3E5E1;border-radius:10px;padding:8px 4px;text-align:center;font-size:11.5px;color:#6B7280;display:flex;flex-direction:column;align-items:center;min-width:0;} .dl-k b{font-size:18px;color:#0B2A63;} .dl-tabs{display:flex;gap:6px;margin-bottom:10px;} .dl-tabs a{padding:7px 14px;border-radius:999px;border:1px solid #D6DAD3;text-decoration:none;color:#374151;font-weight:600;font-size:13.5px;background:#fff;} .dl-tabs a.on{background:#1565D8;border-color:#1565D8;color:#fff;} .dl-l{margin-bottom:10px;} .dl-lh{display:flex;justify-content:space-between;gap:8px;align-items:center;} .dl-lh b{font-size:16px;overflow-wrap:anywhere;} .dl-ph{margin:8px 0;display:flex;flex-wrap:wrap;gap:8px;align-items:center;} .dl-btns{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:6px;} .dl-btns .btn{padding:8px 4px;font-size:12.5px;white-space:normal;line-height:1.25;} .dl-note{display:flex;gap:6px;margin-top:8px;} .dl-note input{flex:1;min-width:0;} .dl-foot{text-align:center;margin-top:16px;} @media (max-width:420px){.dl-btns{grid-template-columns:repeat(2,1fr);}} /* v17.35 डीलर रिपोर्ट */ .dlr{display:flex;flex-direction:column;gap:4px;} .dlr-r{display:grid;grid-template-columns:minmax(0,2.4fr) repeat(6,minmax(0,.7fr));gap:6px;align-items:center;padding:8px 10px;border-radius:10px;background:#F7F8F6;} .dlr-r span{text-align:center;font-weight:600;color:#0B2A63;min-width:0;} .dlr-r span:first-child{text-align:left;display:flex;flex-direction:column;} .dlr-r span:first-child b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .dlr-r small{font-weight:400;color:#6B7280;font-size:11.5px;} .dlr-h{background:none;font-size:12px;} .dlr-h span{color:#6B7280;font-weight:600;} .dlr-r.warn{background:#FFF6EC;} .dlr-r .bad{color:#B42318;} @media (max-width:600px){.dlr-h{display:none;} .dlr-r{grid-template-columns:repeat(6,minmax(0,1fr));} .dlr-r span:first-child{grid-column:1/-1;} .dlr-r span[data-l]::before{content:attr(data-l);display:block;font-size:11px;color:#6B7280;font-weight:400;}} /* v17.37 — WhatsApp डैशबोर्ड: नंबर जोड़ें, नंबर की सेहत, चेकलिस्ट, मदद */ .wd-hero{border:2px solid #1565D8;background:linear-gradient(135deg,#F2F7FF,#FFFFFF);} .wd-hero-t{display:flex;gap:14px;align-items:flex-start;} .wd-hero-ic{font-size:34px;line-height:1;flex:0 0 auto;} .wd-hero h2{margin:0 0 4px;} .wd-hero p{margin:0;color:#475569;} .wd-hero-b{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;} .wd-hero-b .btn{flex:1 1 200px;} .wd-hg{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;} .wd-hq,.wd-hn{border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:2px;min-width:0;background:#F7F8F6;} .wd-hq span,.wd-hn span,.wd-tier-h span{font-size:12.5px;color:#6B7280;} .wd-hq b,.wd-hn b{font-size:18px;color:#0B2A63;overflow-wrap:anywhere;} .wd-hq small,.wd-hn small{font-size:12.5px;color:#475569;} .wd-hq.q-g{background:#E8F8EE;} .wd-hq.q-g b{color:#14532D;} .wd-hq.q-y{background:#FFF7E0;} .wd-hq.q-y b{color:#8A5A00;} .wd-hq.q-r{background:#FDECEC;} .wd-hq.q-r b{color:#B42318;} .ns-ok{color:#14532D!important;} .ns-bad{color:#B42318!important;} .ns-wait{color:#8A5A00!important;} .wd-tier{margin-top:12px;} .wd-tier-h{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;align-items:baseline;} .wd-tier-h b{color:#0B2A63;} .wd-ladder{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:0;margin:8px 0 6px;} .wd-ladder li{height:30px;border-radius:8px;background:#EEF0EC;display:flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:600;color:#6B7280;} .wd-ladder li.done{background:#BFE8CF;color:#14532D;} .wd-ladder li.cur{background:#16A34A;color:#fff;} .wd-tips.q-y{border-left:4px solid #F5B400;} .wd-tips.q-r{border-left:4px solid #D92D20;} .wd-tips ol{margin:0;padding-left:20px;line-height:1.7;} .wd-sa{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-left:auto;} .wd-guides{list-style:none;padding:0;margin:0 0 8px;display:flex;flex-direction:column;gap:6px;} .wd-guides a{display:block;padding:9px 12px;border-radius:10px;background:#F7F8F6;text-decoration:none;color:#0B2A63;font-weight:500;} .wd-guides a:hover,.wd-guides a:focus-visible{background:#EAF1FD;} .wd-sup .btn{margin:4px 6px 0 0;} /* बड़ी स्क्रीन / TV: सामग्री बहुत चौड़ी न फैले */ @media (min-width:1800px){.main-col main,.main-content{max-width:1600px;margin-left:auto;margin-right:auto;}} /* v17.38 चैट: खोज, नोट्स, लेबल, सेटिंग */ .wib-find{display:flex!important;gap:6px;margin-bottom:8px;align-items:center;flex-wrap:nowrap} .wib-find input{flex:1 1 auto!important;min-width:0;width:auto!important} .wib-find .btn{flex:0 0 44px!important;width:44px!important;min-width:0!important;padding:0!important;margin:0} .wa-m.note{align-self:center;max-width:92%;background:#fff8db;border:1px dashed #e5c55a;color:#5b4a12} .wa-m.note small{display:flex;gap:6px;align-items:center;flex-wrap:wrap} .wib-ndel{display:inline;margin:0} .wib-ndel button{background:none;border:0;cursor:pointer;padding:0 2px;font-size:13px} .wib-tags{display:inline-flex;flex-wrap:wrap;gap:4px;align-items:center} .wib-tagf:not([hidden]){display:flex!important} .wib-tagf{gap:6px;flex-wrap:wrap;width:100%;margin-top:6px} .wib-tagf input[type=text]{flex:1;min-width:160px} .wib-notef{margin:6px 0;font-size:14px} .wib-notef summary{cursor:pointer;padding:6px 0;color:#7a5d00} .wib-notef form{display:flex!important;gap:6px;align-items:flex-end;flex-wrap:wrap} .wib-notef textarea{flex:1;min-width:0;width:100%} .wib-set{max-width:720px} .wib-set h3{margin:18px 0 4px} .wib-set h3:first-of-type{margin-top:0} .wib-opt{display:flex;gap:8px;align-items:flex-start;padding:8px 0;cursor:pointer} .wib-opt span{display:flex;flex-direction:column} .wib-agents{margin:8px 0} .wib-chk{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:6px} .wib-chk label{display:flex;gap:6px;align-items:center} .wib-set select{max-width:100%} /* v17.39 📍 लोकेशन: पूछना + बाकी लिस्ट */ .pin-here{border:1px dashed #93c5fd;background:#eff6ff;border-radius:10px;padding:10px 12px;margin:10px 0} .pin-here-q{display:flex;flex-direction:column;gap:2px} .pin-here-a{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:8px} .pin-here-a label{display:flex;gap:6px;align-items:center;cursor:pointer;font-weight:600} .pin-here-st{display:block;margin-top:6px} .pins-top .pins-prog{display:flex;justify-content:space-between;gap:8px;align-items:baseline} .pins-bar{height:10px;border-radius:6px;background:#e5e7eb;overflow:hidden;margin:8px 0} .pins-bar i{display:block;height:100%;background:#2DAA3E} .pins-find{display:flex!important;gap:6px;flex-wrap:nowrap} .pins-find input{flex:1 1 auto!important;min-width:0;width:auto!important} .pins-find .btn{flex:0 0 auto!important;width:auto!important;min-width:0!important} .pins-list{display:grid;gap:8px} @media (min-width:900px){.pins-list{grid-template-columns:1fr 1fr}} .pin-row{display:flex;flex-direction:column;gap:8px;margin:0} .pin-row-t{display:flex;flex-direction:column;gap:2px;min-width:0;overflow-wrap:anywhere} .pin-row-a{display:flex;flex-wrap:wrap;gap:6px} .pin-row-a form{margin:0} .pins-chip{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-weight:600;font-size:13px;text-decoration:none;margin:4px 0 10px} /* v17.40 विज़िट + प्लान एक पेज, स्क्रॉल वाली तारीख़ें, कॉल नोट */ .bp-strip{display:flex;gap:6px;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;padding:4px 2px 10px;margin:6px 0 4px;scrollbar-width:thin} .bp-strip .bp-day{flex:0 0 58px;scroll-snap-align:center;position:relative} .bp-strip .bp-day em{font-style:normal;font-size:10px;font-weight:700;color:var(--orange);line-height:1;min-height:10px;text-transform:uppercase} .bp-strip .bp-day.on em{color:#fff} .bp-strip .bp-day.has:not(.on){background:#eef6ff;border-color:#bfdbfe} .bp-ch{display:flex;flex-wrap:wrap;gap:6px;justify-content:space-between;align-items:center;margin-bottom:4px} .bp-ch h2{margin:0} .bp-cl{display:flex;gap:6px;flex-wrap:wrap} .bp-empty{padding:6px 0 10px} .bp-addd{margin-top:8px} .bp-addd summary{list-style:none;cursor:pointer;display:inline-flex} .bp-addd summary::-webkit-details-marker{display:none} .bp-addd[open] summary{margin-bottom:8px} .bp-addd .bp-row{display:grid;grid-template-columns:1fr 1fr 40px;gap:6px;margin-bottom:6px} @media (max-width:599px){.bp-addd .bp-row{grid-template-columns:1fr 40px}.bp-addd .bp-row .js-br{grid-column:1}} .cbtn-mail{cursor:pointer;font-family:inherit;background:#FDF2E7;color:#9A4B0E;border:1px solid #F5D6B5} .pc-mail{display:block;width:100%;overflow-wrap:anywhere} .cc-quick{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px} .cc-form textarea{width:100%} /* v17.41 कार्ड: तारीख़/स्टेटस ऊपर, नाम पूरी चौड़ाई में (एक-एक शब्द टूटकर नहीं) */ .vh-top{flex-direction:column-reverse;align-items:stretch;gap:8px} .vh-top .vh-date{align-self:flex-start} .vh-who{min-width:0;width:100%} .vh-co{overflow-wrap:anywhere} @media (max-width:600px){ .li-top,.tm-top{flex-direction:column-reverse;align-items:flex-start;gap:6px} .li-top > *,.tm-top > *{max-width:100%} .li-top > .li-title,.li-top > .tk-who,.tm-top > .tm-who{width:100%;flex:1 1 auto} } @media (max-width:600px){ .od-card .rep-amt{order:-1;flex-basis:100%} .od-card .rep-top .rep-t{overflow-wrap:anywhere} } /* v17.42 टेम्पलेट एडिटर (बाएँ फ़ॉर्म, दाएँ WhatsApp प्रीव्यू) */ .te-grid{display:grid;gap:16px;grid-template-columns:minmax(0,1fr)} @media (min-width:1000px){.te-grid{grid-template-columns:minmax(0,1.25fr) minmax(300px,.9fr)}.te-right{position:sticky;top:12px;align-self:start}} .te-sec{border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:10px 0;background:#fff} .te-h{display:flex;align-items:center;gap:8px;font-weight:700;margin-bottom:8px;color:var(--navy)} .te-h b{display:inline-flex;width:24px;height:24px;border-radius:50%;background:#E8F5EE;color:#1B7A45;align-items:center;justify-content:center;font-size:12px} .te-h small{font-weight:400;color:var(--muted)} .te-seg{display:flex;flex-wrap:wrap;gap:4px;background:#F1F5F9;border-radius:10px;padding:4px;margin-bottom:8px} .te-seg button{flex:1 1 auto;border:0;background:transparent;border-radius:8px;padding:8px 10px;font:inherit;font-size:13px;cursor:pointer;color:var(--text);min-height:36px} .te-seg button.on{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.12);font-weight:700} .te-sec textarea,.te-sec input[name=footer]{width:100%} .te-cnt{display:block;color:var(--muted);font-size:12px;margin-top:4px} .te-tools{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px;margin-top:6px} .te-tools .te-cnt{margin:0} .te-tools span{display:flex;gap:4px;flex-wrap:wrap} .te-tools button{border:1px solid var(--line);background:#fff;border-radius:8px;min-width:34px;height:34px;padding:0 8px;cursor:pointer;font:inherit;font-size:13px} .te-tools .te-var{font-weight:700;color:#1B7A45;border-color:#C4E9D3;background:#E7F7EE} .te-vars{display:grid;gap:6px;margin-top:8px} .te-v{display:flex;gap:8px;align-items:center} .te-v span{flex:none;font-weight:700;color:#1B7A45;min-width:44px} .te-v input{flex:1;min-width:0} .te-addb{display:grid;grid-template-columns:1fr 1fr;gap:6px} .te-addb button{border:1px solid var(--line);background:#F8FAFC;border-radius:10px;padding:9px 8px;font:inherit;font-size:13px;cursor:pointer;min-height:40px} .te-addb button small{color:var(--muted)} .te-addb button:disabled{opacity:.45;cursor:not-allowed} .te-btns{display:grid;gap:6px;margin-top:8px} .te-b{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 36px;gap:6px;align-items:center;border:1px dashed var(--line);border-radius:10px;padding:8px} .te-b .te-bt{grid-column:1/-1;font-size:12px;font-weight:700;color:var(--muted)} .te-b input{min-width:0;width:100%} .te-b .te-wide{grid-column:1/3} .te-bx{border:0;background:#FEE2E2;color:#991B1B;border-radius:8px;height:36px;cursor:pointer;grid-column:3;grid-row:2} @media (max-width:599px){.te-b{grid-template-columns:minmax(0,1fr) 36px}.te-b input,.te-b .te-wide{grid-column:1}.te-bx{grid-row:2/4}} .te-submit{width:100%;margin-top:6px} .te-ph{border:1px solid var(--line);border-radius:14px;background:#fff;padding:12px} .te-ph-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px} .te-ph-h span{font-size:12px;color:#1B7A45;font-weight:700} .te-chat{background:#E9E2D6 linear-gradient(0deg,rgba(233,226,214,.9),rgba(233,226,214,.9));border-radius:12px;padding:16px 12px;min-height:260px} .te-msg{background:#fff;border-radius:0 10px 10px 10px;padding:6px 8px 4px;max-width:92%;box-shadow:0 1px 1px rgba(0,0,0,.1);position:relative;overflow-wrap:anywhere} .te-mh img{display:block;width:100%;max-height:200px;object-fit:cover;border-radius:6px;margin-bottom:6px} .te-mh b{display:block;margin:2px 0 4px} .te-media{height:120px;border-radius:6px;background:#D1D5DB;display:flex;align-items:center;justify-content:center;font-size:36px;margin-bottom:6px} .te-doc{background:#F1F5F9;border-radius:6px;padding:10px;margin-bottom:6px;font-size:13px} .te-mb{font-size:14px;line-height:1.45;color:#111} .te-mb code{font-family:monospace;background:#F1F5F9;padding:0 3px;border-radius:3px} .te-pv{background:#E7F7EE;color:#1B7A45;border-radius:4px;padding:0 3px} .te-mf{font-size:12px;color:#6B7280;margin-top:4px} .te-mf:empty{display:none} .te-mt{text-align:right;font-size:11px;color:#9CA3AF} .te-mbtns{max-width:92%;display:grid;gap:3px;margin-top:3px} .te-mbtns div{background:#fff;border-radius:8px;text-align:center;color:#0B7DDA;font-size:14px;padding:8px;box-shadow:0 1px 1px rgba(0,0,0,.08)} /* v17.45 पेज शीर्षक ऊपर की पट्टी में */ .topbar-h1{margin:0;font-size:calc(17px*var(--fs,1));font-weight:700;line-height:1.25;display:flex;align-items:center;gap:8px;min-width:0;flex:1 1 auto;color:inherit} .topbar-h1 .tb-h1t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0} .topbar-h1 .tb-mlogo{border-radius:6px;background:#fff;flex:none} .topbar-h1 + .nb,.topbar-h1 ~ .nb:first-of-type{margin-left:auto} @media (min-width:900px){ .topbar-h1{font-size:calc(21px*var(--fs,1));} .topbar-h1 .tb-mlogo{display:none} .topbar{padding-top:12px;padding-bottom:12px} main{padding-top:20px} } @media (min-width:1600px){ .topbar-h1{font-size:calc(23px*var(--fs,1));} } /* v17.45 चिप्स कभी दाएँ-बाएँ स्क्रॉल नहीं — नीचे लाइन में आएँ; पाइपलाइन फ़नल मोबाइल पर ग्रिड */ .ct-chips{flex-wrap:wrap!important;overflow:visible!important} @media (max-width:1000px){ .pl2-fun{grid-template-columns:repeat(3,minmax(0,1fr))!important;overflow:visible!important;gap:6px} .pl2-fs,.pl2-fs:first-child{clip-path:none!important;border-radius:10px!important;padding:10px 12px!important} } @media (max-width:480px){ .pl2-fun{grid-template-columns:repeat(2,minmax(0,1fr))!important} } .pl2-all{margin-top:12px} .pl2-all summary{cursor:pointer;font-weight:700;color:var(--navy)} .pl2-stg{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px} /* ================= v17.46 प्रीमियम लुक (सार्वजनिक पेज) ================= */ .pl-body,.pub-body{--g1:#25D366;--g2:#128C7E;--b1:#1565D8;--b2:#0B2A63;font-family:'Poppins',system-ui,sans-serif} .pl-hero{position:relative;background:radial-gradient(1200px 500px at 85% 10%,rgba(37,211,102,.16),transparent 60%),radial-gradient(900px 500px at 10% 90%,rgba(21,101,216,.14),transparent 60%),linear-gradient(180deg,#F7FBFF,#fff)!important;isolation:isolate} .pl-hero::before,.pl-hero::after{content:"";position:absolute;z-index:-1;border-radius:50%;filter:blur(40px);opacity:.55;animation:pmBlob 14s ease-in-out infinite alternate} .pl-hero::before{width:340px;height:340px;background:#25D366;top:-80px;right:6%} .pl-hero::after{width:300px;height:300px;background:#1565D8;bottom:-120px;left:-60px;animation-delay:-6s} @keyframes pmBlob{0%{transform:translate(0,0) scale(1)}50%{transform:translate(30px,20px) scale(1.12)}100%{transform:translate(-20px,10px) scale(.95)}} .pl-hero h1,.pub-hero h1{background:linear-gradient(90deg,#0B2A63 0%,#1565D8 45%,#128C7E 100%);-webkit-background-clip:text;background-clip:text;color:transparent} .pl-kicker{background:linear-gradient(90deg,rgba(37,211,102,.14),rgba(21,101,216,.12))!important;border:1px solid rgba(37,211,102,.35)!important} .pl-dot{background:#25D366!important;box-shadow:0 0 0 0 rgba(37,211,102,.6);animation:pmPulse 2s infinite} @keyframes pmPulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.55)}70%{box-shadow:0 0 0 10px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}} .pl-hero-art{perspective:1200px} .pl-phone{transform:rotateY(-14deg) rotateX(6deg) rotateZ(-2deg)!important;transform-style:preserve-3d;transition:transform .35s ease;box-shadow:30px 40px 80px rgba(11,42,99,.35),0 0 0 2px rgba(255,255,255,.08) inset!important;animation:pmFloat 6s ease-in-out infinite} .pl-phone:hover{animation-play-state:paused} @keyframes pmFloat{0%,100%{translate:0 0}50%{translate:0 -12px}} .pl-float{backdrop-filter:blur(10px);background:rgba(255,255,255,.82)!important;box-shadow:0 14px 34px rgba(11,42,99,.18)!important;animation:pmFloat 5s ease-in-out infinite} .pl-float.f2{animation-delay:-2.5s} .pl-body .btn-primary,.pub-body .btn-primary{background:linear-gradient(135deg,#1E7BFF,#0B4FC4)!important;border:0!important;box-shadow:0 10px 24px rgba(21,101,216,.35);transition:transform .15s,box-shadow .15s} .pl-body .btn-primary:hover,.pub-body .btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(21,101,216,.42)} .pl-card,.pub-plan{position:relative;transition:transform .2s ease,box-shadow .2s ease!important;transform-style:preserve-3d;background:linear-gradient(180deg,#fff,#FAFCFF)!important;box-shadow:0 1px 2px rgba(11,42,99,.05),0 10px 30px rgba(11,42,99,.06)} .pl-card:hover,.pub-plan:hover{box-shadow:0 24px 50px rgba(11,42,99,.16)!important} .pl-card::after,.pub-plan::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .2s;background:radial-gradient(400px circle at var(--mx,50%) var(--my,0%),rgba(37,211,102,.10),transparent 45%)} .pl-card:hover::after,.pub-plan:hover::after{opacity:1} .pl-ic{background:linear-gradient(135deg,rgba(37,211,102,.18),rgba(21,101,216,.16))!important;color:#0B5C4A!important;box-shadow:inset 0 0 0 1px rgba(18,140,126,.18)} .pl-sec h2{letter-spacing:-.01em} .pl-dark{background:radial-gradient(800px 400px at 80% 0%,rgba(37,211,102,.18),transparent 60%),linear-gradient(160deg,#071B3F,#0B2A63 60%,#0A3A3A)!important} .pl-strip li{transition:transform .2s} .pl-strip li:hover{transform:translateY(-3px)} .pm-rv{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1)} .pm-rv.pm-in{opacity:1;transform:none} .pl-card.pm-rv.pm-in:hover{transform:translateY(-4px)} .pl-top{box-shadow:0 6px 24px rgba(11,42,99,.06)} .pl-body .btn-primary.pl-try,.pub-body .btn-primary.pl-try{background:linear-gradient(135deg,#25D366,#128C7E)!important;box-shadow:0 8px 20px rgba(18,140,126,.35)!important} @media (prefers-reduced-motion:reduce){.pl-phone,.pl-float,.pl-hero::before,.pl-hero::after,.pl-dot{animation:none!important}.pm-rv{opacity:1;transform:none}} @media (max-width:700px){.pl-phone{transform:rotateY(-8deg) rotateX(4deg)!important}.pl-hero::before{width:220px;height:220px}.pl-hero::after{width:200px;height:200px}} /* लॉगिन/साइनअप */ .login-body{background:radial-gradient(900px 500px at 90% 0%,rgba(37,211,102,.16),transparent 60%),radial-gradient(800px 500px at 0% 100%,rgba(21,101,216,.16),transparent 60%),#F5F8FC!important} .login-body .login-card,.login-body .card{box-shadow:0 30px 70px rgba(11,42,99,.14)!important;border-radius:20px!important} /* ================= v17.46 CRM का WhatsApp वाला हिस्सा — WhatsApp जैसा हरा ================= */ body:has(.ws-mark[data-ws=wa]) .sidebar{background:linear-gradient(180deg,#075E54 0%,#054D44 55%,#043B34 100%)!important} body:has(.ws-mark[data-ws=wa]) .ws-sw a.on{color:#075E54} body:has(.ws-mark[data-ws=wa]) .sidebar nav a.active,body:has(.ws-mark[data-ws=wa]) .sidebar a.active{background:#25D366!important;color:#06352F!important} body:has(.ws-mark[data-ws=wa]) .topbar{border-bottom:3px solid #25D366} body:has(.ws-mark[data-ws=wa]) .btn-primary{background:#128C7E!important;border-color:#128C7E!important} body:has(.ws-mark[data-ws=wa]) .btn-primary:hover{background:#0E7A6E!important} body:has(.ws-mark[data-ws=wa]) .tabbar .tb-fab,body:has(.ws-mark[data-ws=wa]) .tb-plus{background:#25D366!important} .wa-chat .wa-msgs{background:#EFEAE2 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cg fill='%23d8d1c4' fill-opacity='.35'%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Ccircle cx='50' cy='40' r='1.5'/%3E%3Ccircle cx='30' cy='70' r='2'/%3E%3C/g%3E%3C/svg%3E")!important} .wa-m.out:not(.fail){background:#D9FDD3!important} /* v17.46 कीमत वाला पेज */ .pub-body{background:radial-gradient(1000px 420px at 50% -10%,rgba(37,211,102,.14),transparent 60%),radial-gradient(800px 400px at 100% 30%,rgba(21,101,216,.10),transparent 60%),#F7FAFD!important} .pub-top{background:linear-gradient(90deg,#0B2A63,#0B3F6E 55%,#075E54)!important;box-shadow:0 6px 24px rgba(11,42,99,.18)} .pub-hero h1{font-size:clamp(30px,5vw,46px)!important;letter-spacing:-.01em} .pub-plan{border-radius:20px!important;border:1px solid #E3EAF3!important} .pub-plan:has(.pub-badge){border:2px solid transparent!important;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#25D366,#1565D8) border-box!important;box-shadow:0 24px 60px rgba(18,140,126,.20)!important} @media (min-width:900px){.pub-plan:has(.pub-badge){transform:translateY(-10px)}} .pub-badge{background:linear-gradient(135deg,#25D366,#128C7E)!important;color:#fff!important;box-shadow:0 8px 18px rgba(18,140,126,.35)} .pub-price{background:linear-gradient(90deg,#0B2A63,#1565D8);-webkit-background-clip:text;background-clip:text;color:transparent!important} /* v17.48 कंपनी नाम सुझाव */ .ac-wrap{position:relative;display:block;flex:1 1 220px;min-width:0} .ac-wrap input{width:100%} .ac-list{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:30;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 34px rgba(11,42,99,.16);max-height:320px;overflow:auto} .ac-list a{display:flex;flex-direction:column;padding:9px 12px;text-decoration:none;color:var(--text);border-bottom:1px solid #F1F5F9} .ac-list a:last-child{border-bottom:0} .ac-list a b{color:var(--navy);font-weight:600} .ac-list a small{color:var(--muted);font-size:12px} .ac-list a:hover,.ac-list a.on{background:#EFF6FF} /* ===== v17.50 Live chat: मोबाइल पर पूरी स्क्रीन, WhatsApp जैसी ===== */ .wa-tname{display:flex;flex-direction:column;min-width:0;flex:1;line-height:1.2;} .wa-tname span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .wa-tname small{font-weight:500;font-size:12px;} .wib-more-btn{display:none;} @media (max-width:899px){ html:has(.wa-chat.open),body:has(.wa-chat.open){overflow:hidden;} body:has(.wa-chat.open) .tabbar{display:none;} .wa-chat.open .wa-thread{position:fixed;left:0;right:0;top:var(--wa-top,60px);bottom:0;z-index:30;margin:0!important;border:0;border-radius:0;box-shadow:none;padding:0 0 env(safe-area-inset-bottom,0px);display:flex;flex-direction:column;background:var(--surface);} .wa-chat.open .wa-thread > .success,.wa-chat.open .wa-thread > .error{margin:6px 8px;padding:8px 10px;font-size:13px;} .wa-thread .wa-thead{padding:6px 8px;margin:0;gap:8px;border-bottom:1px solid var(--line);} .wa-thread .wa-thead .btn{min-height:38px;padding:6px 10px;} .wa-ttpl span{display:none;} .wa-thread .wib-bar{margin:0;padding:6px 8px;gap:6px;border-bottom:1px solid var(--line);flex-wrap:wrap;} .wib-bar > *{flex:0 0 auto;} .wib-bar .wib-as{flex:1 1 0;min-width:0;} .wib-bar > .wib-as:not(:first-child){flex:1 1 100%;order:5;} .wib-bar .wib-as select{width:100%;min-height:38px;padding:4px 28px 4px 8px;font-size:14px;} .wib-bar .btn{min-height:38px;padding:6px 12px;} .wib-more-btn{display:inline-flex;font-size:18px;line-height:1;} .wib-bar:not(.more) > :nth-child(n+4):not(.wib-tagf){display:none;} .wib-bar.more .wib-more-btn{background:var(--line);} .wa-thread .wa-msgs{flex:1 1 auto;min-height:0;max-height:none;border-radius:0;padding:8px;} .wa-thread .wib-notef{margin:0;padding:4px 10px;font-size:13px;border-top:1px solid var(--line);} .wa-thread .wib-notef summary{padding:4px 0;} .wa-thread .wa-reply{margin:0;padding:6px 8px;border-top:1px solid var(--line);background:var(--surface);} .wa-thread .wa-rbar{gap:4px;align-items:flex-end;} .wa-thread .wa-rbar textarea{height:44px;min-height:44px;max-height:120px;padding:11px 14px;border-radius:22px;resize:none;line-height:1.3;} .wa-thread .wa-rbar textarea::placeholder{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .wa-thread .wa-ib{width:38px;height:44px;min-width:38px;padding:0;border:0;background:none;font-size:19px;} .wa-thread .wa-rbar .btn{min-height:44px;min-width:44px;border-radius:50%;padding:0;} .wa-thread > p.li-meta{margin:0;padding:8px 10px;font-size:13px;border-top:1px solid var(--line);} } /* ===== v17.50 Pipeline: फ़नल + सौदे के कार्ड + Lost शीट + सेल्स रिपोर्ट ===== */ .pd-tabs{display:flex;gap:6px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:4px;margin:0 0 12px;} .pd-tabs a{flex:1;text-align:center;padding:9px 8px;border-radius:9px;font-weight:700;color:var(--muted);text-decoration:none;} .pd-tabs a.on{background:var(--navy);color:#fff;} .pd-fun{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;overflow:visible!important;} .pd-fun .pl2-fs,.pd-fun .pl2-fs:first-child{clip-path:none!important;border-radius:12px!important;padding:10px 12px!important;} .pd-conv{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;} .pd-conv span{background:#FFFBEB;border:1px solid #FDE68A;border-radius:999px;padding:3px 10px;font-size:12px;color:#78350F;} .pd-al{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;} .pd-al .pl2-a{padding:10px;} .pd-al .pl2-a b{font-size:20px;} .pd-al .pl2-a span{font-size:12px;line-height:1.25;display:block;} .pd-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:12px;align-items:start;} .pd-card{background:var(--surface);border:1px solid var(--line);border-left:5px solid var(--c);border-radius:14px;padding:12px 14px;min-width:0;} .pd-card.late{background:#FFFBFA;} .pd-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;} .pd-top a{text-decoration:none;min-width:0;} .pd-top b{color:var(--navy);overflow-wrap:anywhere;} .pd-red{color:#DC2626;font-weight:700;} .pd-lostr{margin-top:6px;font-size:13px;color:#991B1B;background:#FEF2F2;border-radius:8px;padding:5px 8px;} .pd-kv{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:8px 0 6px;} .pd-kv div{background:#F8FAFC;border-radius:9px;padding:6px 4px;text-align:center;min-width:0;} .pd-kv b{display:block;font-size:15px;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .pd-kv small{font-size:11px;color:var(--muted);} .pd-bar{display:block;height:6px;border-radius:9px;background:#E5EAF0;overflow:hidden;} .pd-bar i{display:block;height:100%;background:#16A34A;border-radius:9px;} .pd-nx{margin-top:8px;font-size:13.5px;overflow-wrap:anywhere;} .pd-nx .cp-pill{margin-left:4px;} .pd-ac{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;align-items:center;} .pd-ac form{margin:0;} .pd-ac .btn{min-height:38px;} .pd-ic{min-width:40px;padding:6px 8px;justify-content:center;} .pd-won{background:#1565D8;color:#fff;} .pd-won:hover{background:#0F4FB0;color:#fff;} .pd-lost{background:#DC2626;color:#fff;} .pd-lost:hover{background:#B91C1C;color:#fff;} .pd-edit{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;padding-top:10px;border-top:1px dashed var(--line);} .pd-edit[hidden]{display:none;} .pd-edit label{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--muted);min-width:0;} .pd-edit input,.pd-edit select{width:100%;min-width:0;} .pd-full{grid-column:1/-1;} .pd-edbtn{display:flex;gap:8px;} .pd-sheet{position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:9000;display:flex;align-items:flex-end;justify-content:center;} .pd-sheet[hidden]{display:none;} .pd-sh-in{background:var(--surface);width:100%;max-width:520px;border-radius:18px 18px 0 0;padding:16px 16px calc(16px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:10px;box-shadow:0 -10px 30px rgba(0,0,0,.2);} @media (min-width:900px){ .pd-sheet{align-items:center;} .pd-sh-in{border-radius:18px;} } .pd-rs{display:flex;flex-wrap:wrap;gap:6px;} .pd-rs label{position:relative;cursor:pointer;} .pd-rs input{position:absolute;opacity:0;} .pd-rs span{display:inline-block;border:1px solid #CBD5E1;border-radius:999px;padding:7px 12px;font-size:13px;} .pd-rs input:checked + span{background:#FEE2E2;border-color:#FCA5A5;color:#991B1B;font-weight:700;} .pd-sh-go{width:100%;justify-content:center;} /* रिपोर्ट */ .pd-hero{display:flex;gap:16px;align-items:center;} .pd-ring{--p:0;flex:none;width:118px;height:118px;border-radius:50%;background:conic-gradient(#16A34A calc(var(--p)*1%),#E2E8F0 0);display:flex;align-items:center;justify-content:center;} .pd-ring>div{width:88px;height:88px;border-radius:50%;background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center;} .pd-ring b{font-size:22px;color:var(--navy);} .pd-ring small{font-size:11px;color:var(--muted);} .pd-hero-t{display:flex;flex-direction:column;gap:3px;min-width:0;} .pd-big{font-size:26px;color:#16A34A;} .pd-tset{margin-top:6px;} .pd-tset summary{cursor:pointer;font-weight:700;color:var(--navy);font-size:13px;} .pd-tset form{display:flex;gap:6px;margin-top:6px;} .pd-tset input{width:130px;min-width:0;} .pd-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px;} .pd-kpis .card{margin:0;padding:12px;text-decoration:none;} .pd-kpis b{display:block;font-size:20px;color:var(--navy);} .pd-kpis span{font-size:12px;color:var(--muted);} .pd-fn{display:flex;flex-direction:column;align-items:center;gap:5px;} .pd-fn a{display:block;background:var(--c);color:#fff;text-align:center;border-radius:8px;padding:7px;font-size:13px;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .pd-two{display:grid;grid-template-columns:1fr 1fr;gap:12px;} .pd-two .card{margin:0 0 12px;} .pd-hb{display:grid;grid-template-columns:90px minmax(0,1fr) 64px;gap:8px;align-items:center;margin:8px 0;font-size:13px;} .pd-hb span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .pd-hb>i{display:block;height:12px;background:#F1F5F9;border-radius:5px;overflow:hidden;} .pd-hb>i>i{display:block;height:100%;border-radius:5px;} .pd-hb b{text-align:right;} @media (max-width:899px){ .pd-fun{grid-template-columns:repeat(4,minmax(0,1fr))!important;} .pd-kpis{grid-template-columns:1fr 1fr;} .pd-two{grid-template-columns:1fr;} } @media (max-width:480px){ .pd-fun{grid-template-columns:repeat(2,minmax(0,1fr))!important;} .pd-ac{gap:5px;} .pd-ac .btn{padding:6px 10px;} .pd-hero{gap:12px;} .pd-ring{width:104px;height:104px;} .pd-ring>div{width:78px;height:78px;} } .pd-edit input,.pd-edit select,.pd-sh-in input[type=text]{padding:9px 10px;border:1px solid var(--line);border-radius:9px;font:inherit;font-size:14px;min-height:42px;background:#fff;color:var(--ink,#0F172A);} /* v17.51 असली WhatsApp लोगो (बिना बदलाव) */ .wa-ico{display:inline-block;vertical-align:-0.22em;width:1.2em;height:1.2em;flex:none;object-fit:contain;filter:none!important;} .btn .wa-ico,.cbtn .wa-ico{margin-right:2px;} .tb-i .wa-ico{width:24px;height:24px;} .tb-acts .wa-ico{width:28px;height:28px;} .sidebar-nav .icon .wa-ico{width:20px;height:20px;} .topbar-h1 .wa-ico{width:24px;height:24px;vertical-align:-4px;} .pd-won,.pd-lost{font-weight:800;letter-spacing:.2px;} /* v17.55 "No stage" एक साथ भरना */ .pd-bulk{border:2px solid #FDE68A;background:#FFFBEB;} .pd-bulk form{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px;} .pd-bulk-sug .pd-conv{flex:1 1 100%;margin:0;} .pd-bulk-set select{flex:1 1 160px;min-width:0;min-height:42px;border:1px solid var(--line);border-radius:9px;padding:6px 8px;font:inherit;background:#fff;} .pd-all{display:flex;align-items:center;gap:6px;font-weight:700;color:var(--navy);} .pd-chk{width:20px;height:20px;flex:none;margin:2px 4px 0 0;accent-color:#1565D8;} .pd-top a{flex:1;} .pd-sug{margin-top:6px;font-size:12.5px;color:#92400E;background:#FEF3C7;border-radius:8px;padding:4px 8px;display:inline-block;} .pd-fixme{font-style:normal;font-weight:800;color:#B45309;margin-left:4px;} /* v17.55 Settings टैब */ .st-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:4px;margin:0 0 12px;position:sticky;top:var(--st-top,64px);z-index:5;} .st-tabs button{border:0;background:none;padding:9px 6px;border-radius:9px;font:inherit;font-weight:700;color:var(--muted);cursor:pointer;font-size:13.5px;line-height:1.25;} .st-tabs button.on{background:var(--navy);color:#fff;} @media (max-width:560px){ .st-tabs{grid-template-columns:repeat(2,minmax(0,1fr));position:static;} } /* v17.55 WhatsApp लिंक / QR / बटन */ .wl2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:12px;align-items:start;} .wl2 .card{margin:0;} .wl2-btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;} .wl2-qr{display:inline-flex;flex-direction:column;align-items:center;gap:6px;border:1px solid var(--line);border-radius:14px;padding:12px;margin:6px 0 10px;background:#fff;} #wlQr img{display:block;width:220px;height:220px;image-rendering:pixelated;} .wl2-qrcap{font-weight:700;color:#075E54;font-size:13px;} .wl2-prev{position:relative;height:150px;border:1px dashed var(--line);border-radius:12px;background:#F8FAFC;margin:8px 0 10px;overflow:hidden;} .wl2-site{position:absolute;left:12px;top:10px;color:var(--muted);font-size:13px;} .wl2-fab{position:absolute;bottom:12px;display:flex;align-items:center;gap:8px;text-decoration:none;} .wl2-fab.right{right:12px;} .wl2-fab.left{left:12px;flex-direction:row-reverse;} .wl2-fab span{background:#fff;color:#111;padding:7px 12px;border-radius:20px;box-shadow:0 2px 10px rgba(0,0,0,.18);font-size:13px;white-space:nowrap;} .wl2-fab img{filter:drop-shadow(0 3px 8px rgba(0,0,0,.25));} .wl2-code{width:100%;font-family:ui-monospace,Consolas,monospace;font-size:12px;margin-bottom:8px;} .st-acts{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap;} .st-acts form{margin:0;} .st-del{color:#B91C1C;} .st-edf{margin-top:8px;padding-top:8px;border-top:1px dashed var(--line);} .st-edf[hidden]{display:none;} /* v17.55 एडमिन: बदलें / हटाएँ */ .ae-bar{display:flex;flex-wrap:wrap;gap:6px;align-items:flex-start;margin-top:8px;} .ae-ed{flex:0 1 auto;min-width:0;} .ae-ed[open]{flex:1 1 100%;order:2;} .ae-ed > summary{list-style:none;display:inline-flex;cursor:pointer;} .ae-ed > summary::-webkit-details-marker{display:none;} .ae-ed[open] > summary{background:var(--line);} .ae-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:8px;margin-top:8px;padding:10px;border:1px dashed var(--line);border-radius:10px;background:#F8FAFC;} .ae-fl{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--muted);min-width:0;} .ae-fl input,.ae-fl select,.ae-fl textarea{width:100%;min-width:0;padding:8px 10px;border:1px solid var(--line);border-radius:8px;font:inherit;font-size:14px;background:#fff;color:var(--ink,#0F172A);} .ae-full{grid-column:1/-1;} .ae-bar .tr-f{margin:0;} @media (max-width:480px){ .ae-bar .btn span{display:none;} } /* v17.55 Campaign: नहीं पढ़ा + फ़ेल की वजह */ .cp-rs{border:2px solid #BAE6FD;background:#F0F9FF;} .cp-rs form{display:flex;flex-wrap:wrap;gap:8px;} .cp-rs select{flex:1 1 200px;min-width:0;} .cp-why{display:flex;flex-direction:column;gap:6px;} .cp-why-i{background:#FEF2F2;border:1px solid #FECACA;border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;gap:2px;} .cp-why-i b{color:#991B1B;} .cp-why-i span{font-size:13px;color:#7F1D1D;} /* v17.56 Chatbot Flow Builder */ .bot-pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:8px;} .bot-pgrid form{margin:0;} .bot-pbtn{width:100%;text-align:left;border:1px solid #BBF7D0;background:#F0FDF4;border-radius:12px;padding:12px;cursor:pointer;font:inherit;display:flex;flex-direction:column;gap:3px;color:var(--navy);} .bot-pbtn span{font-size:12.5px;color:var(--muted);} .bot-pbtn:hover{border-color:#25D366;} .bot-rt{display:flex;justify-content:space-between;align-items:center;gap:10px;} .bot-rt a{text-decoration:none;color:var(--navy);min-width:0;overflow-wrap:anywhere;} .bot-rt form{margin:0;} .bot-sw{display:inline-flex;align-items:center;gap:6px;border:0;background:none;cursor:pointer;font:inherit;font-size:12.5px;font-weight:700;color:var(--muted);} .bot-sw i{width:40px;height:22px;border-radius:99px;background:#CBD5E1;position:relative;flex:none;} .bot-sw i:after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:left .15s;} .bot-sw.on i{background:#25D366;} .bot-sw.on i:after{left:21px;} .bot-sw.on{color:#128C7E;} .bot-st{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;} .bot-st span{background:#F1F5F9;border-radius:8px;padding:3px 8px;font-size:12px;} .bot-trig{display:flex;flex-wrap:wrap;gap:6px;} .bot-trig label{position:relative;cursor:pointer;} .bot-trig input{position:absolute;opacity:0;} .bot-trig span{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:7px 12px;font-size:13px;background:#fff;} .bot-trig input:checked + span{background:#128C7E;border-color:#128C7E;color:#fff;font-weight:700;} .bot-act{display:flex;align-items:center;gap:8px;margin-top:6px;} .bot-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:14px;align-items:start;} .bot-n{background:var(--surface);border:1px solid var(--line);border-left:5px solid var(--c);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:8px;} .bot-nh{display:flex;align-items:center;gap:8px;} .bot-nh b{width:26px;height:26px;border-radius:50%;background:var(--c);color:#fff;display:grid;place-items:center;font-size:13px;flex:none;} .bot-nh select{flex:1;min-width:0;font-weight:700;color:var(--c);} .bot-nb{display:flex;gap:4px;} .bot-nb button{width:30px;height:30px;border:1px solid var(--line);background:#fff;border-radius:8px;cursor:pointer;} .bot-l{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--muted);min-width:0;} .bot-n textarea,.bot-n input,.bot-n select{width:100%;min-width:0;padding:8px 10px;border:1px solid var(--line);border-radius:8px;font:inherit;font-size:14px;background:#fff;color:var(--ink,#0F172A);} .bot-n input[type=checkbox]{width:auto;} .bot-opts{display:flex;flex-direction:column;gap:6px;} .bot-o{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 32px;gap:6px;background:#F0F9FF;border:1px solid #BAE6FD;border-radius:10px;padding:6px;} .bot-o button{border:0;background:none;cursor:pointer;color:#B91C1C;} .bot-2{display:grid;grid-template-columns:1fr 1fr;gap:8px;} .bot-chk,.bot-days{display:flex;flex-wrap:wrap;gap:10px;font-size:13px;} .bot-chk label,.bot-days label{display:flex;align-items:center;gap:5px;} .bot-ln{width:2px;height:14px;background:#CBD5E1;margin:0 auto;} .bot-add{width:100%;border:2px dashed #CBD5E1;border-radius:12px;padding:12px;background:none;cursor:pointer;font:inherit;font-weight:700;color:#475569;} .bot-simw{position:sticky;top:80px;} .bot-sim{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#EFEAE2;} .bot-simh{display:flex;align-items:center;gap:8px;background:#075E54;color:#fff;padding:8px 10px;} .bot-simh b{flex:1;font-size:13px;} .bot-simh .btn{background:#fff;} .bot-simb{height:380px;overflow:auto;padding:10px;display:flex;flex-direction:column;gap:6px;} .sm{max-width:85%;padding:7px 10px;border-radius:10px;font-size:13.5px;white-space:pre-wrap;box-shadow:0 1px 1px rgba(0,0,0,.08);} .sm.bot{background:#fff;align-self:flex-start;} .sm.me{background:#D9FDD3;align-self:flex-end;} .sm.sys{align-self:center;background:#FFF7D6;font-size:12px;} .sm-opts{display:flex;flex-direction:column;gap:4px;align-self:flex-start;width:85%;} .sm-opts button{background:#fff;border:0;border-radius:10px;padding:8px;color:#0284C7;font-weight:600;cursor:pointer;font:inherit;} .bot-simi{display:flex;gap:6px;padding:8px;background:#F0F2F5;} .bot-simi input{flex:1;min-width:0;border:1px solid var(--line);border-radius:20px;padding:8px 12px;font:inherit;} .bot-simhrs{display:flex;gap:6px;align-items:center;padding:6px 10px;background:#fff;} .bot-save{display:flex;gap:8px;margin-top:14px;position:sticky;bottom:0;background:var(--bg,#F1F5F9);padding:10px 0;z-index:5;} @media (max-width:899px){ .bot-grid{grid-template-columns:1fr;} .bot-simw{position:static;} .bot-simb{height:320px;} .bot-save{bottom:64px;} .bot-o{grid-template-columns:1fr 32px;} .bot-o select{grid-column:1/2;} } /* v17.56 मोबाइल: कोई भी पेज साइड में न खिसके, ऊपर की पट्टी हमेशा दिखे */ html{overflow-x:hidden;} @supports (overflow:clip){ html{overflow-x:clip;} } body{max-width:100%;} .sh-gf{white-space:normal;align-items:flex-start;max-width:100%;overflow-wrap:anywhere;} .sh-gf input{flex:none;margin-top:2px;} .main,.main-content,main{min-width:0;max-width:100%;} label,legend,.field label{overflow-wrap:anywhere;} @media (max-width:899px){ .topbar{position:sticky;top:0;z-index:40;} } .main-col{min-width:0;max-width:100%;} /* v17.58 🚀 शुरू करें */ .ob-card{border:2px solid #BFDBFE;background:linear-gradient(180deg,#EFF6FF,#fff 120px);} .ob-h{display:flex;justify-content:space-between;align-items:center;gap:8px;} .ob-h h2{margin:0;} .ob-h form{margin:0;} .ob-bar{height:8px;background:#E2E8F0;border-radius:9px;overflow:hidden;margin:6px 0 10px;} .ob-bar i{display:block;height:100%;background:linear-gradient(90deg,#1565D8,#16A34A);} .ob-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;} .ob-steps li{display:flex;gap:10px;align-items:center;flex-wrap:wrap;border:1px solid var(--line);border-radius:12px;padding:10px;background:#fff;} .ob-steps li.ok{opacity:.6;} .ob-steps li.ok b{text-decoration:line-through;} .ob-n{width:28px;height:28px;border-radius:50%;background:#1565D8;color:#fff;display:grid;place-items:center;font-weight:800;flex:none;} .ob-steps li.ok .ob-n{background:#16A34A;} .ob-t{flex:1 1 180px;min-width:0;display:flex;flex-direction:column;} .ob-t small{color:var(--muted);font-size:12.5px;} .ob-a{display:flex;gap:6px;flex-wrap:wrap;} .ob-a form{margin:0;} .wd-qr{display:block;margin-top:8px;} .wd-qr img{width:150px;height:150px;image-rendering:pixelated;border:1px solid var(--line);border-radius:10px;padding:6px;background:#fff;} .gt-hero{display:flex;gap:14px;align-items:center;} .gt-badge{position:relative;flex:none;} .gt-badge span{position:absolute;right:-6px;bottom:-4px;width:20px;height:20px;border-radius:50%;background:#1565D8;color:#fff;font-size:12px;display:grid;place-items:center;border:2px solid #fff;} /* v17.59 सुरक्षा / Google लॉगिन */ .tfa-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px;} .tfa-row input{flex:0 1 160px;min-width:0;font-size:20px;letter-spacing:4px;text-align:center;} .tfa-qr img{width:200px;height:200px;image-rendering:pixelated;border:1px solid var(--line);border-radius:12px;padding:8px;background:#fff;} .tfa-key{font-size:14px;word-break:break-all;background:#F1F5F9;padding:3px 6px;border-radius:6px;} .gl-or{display:flex;align-items:center;gap:10px;margin:14px 0;color:var(--muted);font-size:13px;} .gl-or:before,.gl-or:after{content:"";flex:1;height:1px;background:var(--line);} .gl-btn{width:100%;justify-content:center;gap:8px;display:flex;align-items:center;} .sec-link{opacity:.85;} /* v17.60 डैशबोर्ड डिब्बे क्लिक होने लायक */ a.fu-tier,a.stat-link{text-decoration:none;color:inherit;cursor:pointer;transition:transform .12s,box-shadow .12s;} a.fu-tier:hover,a.stat-link:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(11,42,99,.12);} /* v17.61 नक्शा: साफ़ फ़िल्टर, रंगीन stage चिप, आस-पास के ग्राहक, टीम की साइड लिस्ट */ .mp-tabs{max-width:560px;} .mp-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:10px;} .mp-f{display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:0 10px;min-height:42px;flex:0 1 auto;min-width:0;} .mp-f span{font-size:15px;} .mp-f input,.mp-f select{border:0!important;background:transparent!important;box-shadow:none!important;min-height:40px;padding:6px 4px!important;font:inherit;font-size:14px;min-width:0;outline:none;} .mp-q{flex:1 1 220px;} .mp-q input{width:100%;} .mp-near{min-height:42px;} .mp-legend{display:inline-flex;align-items:center;gap:10px;font-size:13px;color:var(--muted);flex-wrap:wrap;} .mp-legend span{display:inline-flex;align-items:center;gap:5px;} .mp-legend i{display:inline-block;width:12px;height:12px;border-radius:50%;margin:0;} .lg-in{background:#16A34A;} .lg-visit{background:#7C3AED;} .lg-out{background:#334155;border-radius:3px!important;} .mp-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px;} .mp-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 12px;font:inherit;font-size:13px;cursor:pointer;color:var(--navy);} .mp-chip i{width:10px;height:10px;border-radius:50%;display:inline-block;} .mp-chip b{background:#F1F5F9;border-radius:999px;padding:0 7px;font-size:12px;} .mp-chip.on{background:var(--navy);color:#fff;border-color:var(--navy);} .mp-chip.on b{background:rgba(255,255,255,.2);} .mp-wrap{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;} .mp-wrap.has-side{grid-template-columns:minmax(0,1fr) 260px;} .mp-map{height:min(68vh,600px);min-height:340px;border-radius:12px;border:1px solid var(--line);z-index:0;} .mp-side{display:flex;flex-direction:column;gap:6px;max-height:min(68vh,600px);overflow:auto;} .mp-side-h{color:var(--navy);margin-bottom:2px;} .mp-person{--c:#CBD5E1;text-align:left;border:1px solid var(--line);border-left:5px solid var(--c);background:#fff;border-radius:10px;padding:8px 10px;cursor:pointer;font:inherit;display:flex;flex-direction:column;gap:2px;} .mp-person b{color:var(--navy);} .mp-person span{font-size:12px;color:var(--muted);} .mp-person.off{opacity:.55;} .mp-pin span{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;color:#fff;font-weight:800;font-size:11px;border:2px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.35);} .mp-pin.sq span{border-radius:5px;} .mp-me span{display:block;width:18px;height:18px;border-radius:50%;background:#1565D8;border:3px solid #fff;box-shadow:0 0 0 6px rgba(21,101,216,.25);} .mp-pop{display:flex;flex-direction:column;gap:4px;min-width:200px;} .mp-pop b{color:var(--navy);font-size:14px;} .mp-pop small{color:#64748B;} .mp-pst{align-self:flex-start;border-radius:999px;padding:2px 9px;font-size:12px;font-weight:700;background:color-mix(in srgb,var(--c) 15%,#fff);color:color-mix(in srgb,var(--c) 80%,#000);} .mp-pa{display:flex;gap:4px;flex-wrap:wrap;margin-top:4px;} .mp-pa .btn{padding:4px 8px;min-height:30px;font-size:12px;} .leaflet-popup-content{margin:10px 12px;} .mp-near-list{margin-top:10px;display:flex;flex-direction:column;gap:6px;} .mp-near-list > b{color:var(--navy);} .mp-near-list a{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;padding:8px 10px;text-decoration:none;background:#fff;} .mp-near-list a i{width:10px;height:10px;border-radius:50%;flex:none;} .mp-near-list a span{flex:1;min-width:0;display:flex;flex-direction:column;color:var(--navy);font-weight:600;} .mp-near-list a small{color:var(--muted);font-weight:400;} .mp-near-list a em{font-style:normal;font-weight:800;color:#16A34A;white-space:nowrap;} @media (max-width:899px){ .mp-wrap.has-side{grid-template-columns:1fr;} .mp-side{max-height:none;flex-direction:row;overflow-x:auto;} .mp-person{flex:0 0 180px;} .mp-map{height:56vh;} } .dm-map{height:300px;border-radius:12px;border:1px solid var(--line);z-index:0;background:#EEF2F6;} .dm-leg{font-size:13px;color:var(--muted);margin-bottom:8px;} @media (max-width:560px){ .dm-map{height:240px;} } .mp-filters > .mp-f{width:auto!important;display:inline-flex!important;margin:0!important;} .mp-filters > .mp-f input[type=date],.mp-filters > .mp-f select{width:auto!important;} .mp-filters > .mp-q{flex:1 1 240px;max-width:440px;} .mp-filters > .mp-q input{width:100%!important;} @media (max-width:560px){ .mp-tabs a{font-size:13px;padding:8px 4px;} .mp-filters > .mp-q{max-width:none;flex-basis:100%;} } .card > form.mp-filters{display:flex!important;} /* v17.62 नक्शा: मिलना कितना ज़रूरी (🟢🟡🟠🔴) + रास्ता */ .mp-mode{display:inline-flex;gap:4px;background:#F1F5F9;border-radius:10px;padding:3px;margin:0 0 8px;} .mp-mode button{border:0;background:none;border-radius:8px;padding:7px 12px;font:inherit;font-size:13px;font-weight:700;color:var(--muted);cursor:pointer;} .mp-mode button.on{background:#fff;color:var(--navy);box-shadow:0 1px 3px rgba(0,0,0,.12);} .mp-ul{border-left:4px solid var(--c);padding-left:6px;} .mp-route{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;border:2px solid #BBF7D0;background:#F0FDF4;border-radius:12px;padding:10px;margin-top:4px;} .mp-route span{font-size:13px;color:#14532D;flex:1 1 240px;} .dm-leg{display:flex;flex-wrap:wrap;gap:12px;} .dm-leg span{display:inline-flex;align-items:center;gap:5px;} .dm-leg i{width:10px;height:10px;border-radius:50%;display:inline-block;} .del-card{border:1px solid #FECACA;} .del-card summary{list-style:none;display:inline-flex;cursor:pointer;} .del-card summary::-webkit-details-marker{display:none;} /* v17.63 👤 बिना संपर्क वाले ग्राहक */ .mp-pin.nc span{box-shadow:0 0 0 3px #DC2626,0 2px 6px rgba(0,0,0,.35);} .mp-nc{color:#B91C1C!important;font-weight:700;} .dm-nc{color:#B91C1C;font-weight:700;text-decoration:none;} /* v17.66 🏠 मेरा पता */ .ha-why{background:#EEF4FF;border:1px solid #D6E4FF;border-radius:10px;padding:10px 12px;font-size:calc(13px*var(--fs,1));line-height:1.5;margin:0 0 12px;text-align:left;} .ha-now{display:grid;grid-template-columns:max-content 1fr;gap:6px 12px;margin:0 0 12px;font-size:calc(14px*var(--fs,1));} .ha-now dt{color:var(--muted,#667);} .ha-now dd{margin:0;min-width:0;overflow-wrap:anywhere;} .ha-pend{background:#FFF7E6;border:1px solid #FFE1A6;border-radius:10px;padding:10px 12px;margin:0 0 12px;overflow-wrap:anywhere;} .ha-btns{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 4px;} .ha-btns form{margin:0;} .card > form.ha-adm{display:block;} @media (max-width:600px){ .ha-now{grid-template-columns:1fr;} .ha-now dt{margin-top:4px;} .ha-btns .btn{flex:1 1 100%;} } /* v17.67 🔒 डेटा नोटिस + मेरा डेटा + onboarding */ .md-notice{background:#EEF4FF;border:1px solid #CFE0FF;border-radius:12px;padding:12px 14px;margin:0 0 14px;text-align:left;} .md-notice ul{margin:8px 0;padding-left:18px;} .md-notice li{margin:4px 0;line-height:1.5;} .md-btns{display:flex;flex-wrap:wrap;gap:8px;} .md-btns form{margin:0;} .md-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;text-align:left;} .md-list li{border:1px solid var(--line);border-radius:10px;padding:9px 12px;line-height:1.5;overflow-wrap:anywhere;} .md-list li b{display:block;} .md-list li small{display:block;color:var(--muted,#667);} .md-list li em{display:block;font-style:normal;font-size:calc(12px*var(--fs,1));color:#1565D8;margin-top:3px;} .md-no .md-list li{border-color:#F6D5D5;background:#FFF8F8;} .ob-done{margin:10px 0 0;} .ob-done summary{cursor:pointer;font-weight:600;color:#16A34A;} .ob-done ul{list-style:none;margin:6px 0 0;padding:0;color:var(--muted,#667);} .ob-done li{padding:3px 0;} /* v17.67 📅 हाज़िरी कैलेंडर: छोटे डिब्बे, वार, टैप पर दिन का हाल */ .ac-grid{gap:4px;} .ac-wrap{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-items:start;} @media (min-width:1000px){ .ac-wrap{grid-template-columns:minmax(0,1fr) 340px;} .ac-wrap .ac-detail{margin-top:10px;position:sticky;top:84px;max-height:calc(100vh - 110px);overflow:auto;} .ac-day{height:66px;} } .ac-wd{text-align:center;font-size:calc(11.5px*var(--fs,1));font-weight:700;color:var(--muted,#667);padding:2px 0 4px;} .ac-day{aspect-ratio:auto;height:58px;padding:4px 2px;font:inherit;cursor:pointer;background:color-mix(in srgb,var(--ac) 9%,#fff);border:1px solid color-mix(in srgb,var(--ac) 35%,#fff);position:relative;gap:2px;} .ac-day:hover{border-color:var(--ac);} .ac-day.fut{background:#fff;border-color:var(--line);cursor:default;opacity:.55;} .ac-day.today{box-shadow:0 0 0 2px #1565D8 inset;} .ac-day.sel{box-shadow:0 0 0 2px var(--ac) inset;background:color-mix(in srgb,var(--ac) 18%,#fff);} .ac-day .cal-num{font-size:calc(13px*var(--fs,1));} .ac-t{font-size:calc(10px*var(--fs,1));color:var(--ac);font-weight:600;line-height:1;} .ac-v{position:absolute;top:2px;right:3px;font-size:calc(9px*var(--fs,1));line-height:1;} .ac-detail{border:1px solid var(--line);border-radius:12px;padding:12px;background:#fff;text-align:left;min-width:0;} .ac-dh{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;margin-bottom:8px;} .ac-st{color:#fff;border-radius:999px;padding:2px 10px;font-size:calc(12px*var(--fs,1));} .ac-row{display:flex;flex-wrap:wrap;gap:2px 10px;align-items:baseline;padding:6px 0;border-top:1px dashed var(--line);} .ac-row span{min-width:110px;color:var(--muted,#667);} .ac-row small{flex-basis:100%;color:var(--muted,#667);overflow-wrap:anywhere;} .ac-row a{font-size:calc(12px*var(--fs,1));} .ac-late{font-style:normal;color:#C8631B;font-size:calc(11px*var(--fs,1));} .ac-sec{font-weight:700;margin:10px 0 4px;} .acd-list{list-style:none;margin:0 0 8px;padding:0;} .acd-list li{padding:5px 0;border-top:1px dashed var(--line);overflow-wrap:anywhere;} .acd-list small{display:block;color:var(--muted,#667);} @media (max-width:600px){ .ac-day{height:48px;} .ac-wd{font-size:calc(10.5px*var(--fs,1));} .ac-v{display:none;} } /* v17.69 📷 फ़ोटो: थंबनेल, धीमा नेट, बड़ी फ़ोटो, जगह की फ़ोटो */ .ph-box{position:relative;display:inline-block;background:#EEF2F7;border-radius:8px;overflow:hidden;line-height:0;} .ph-box img{display:block;object-fit:cover;} .ph-msg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:4px;font-size:calc(10.5px*var(--fs,1));line-height:1.3;color:#334;background:rgba(238,242,247,.92);} .ph-msg[hidden]{display:none;} .ph-lb{position:fixed;inset:0;z-index:9999;background:rgba(5,12,30,.92);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;} .ph-lb img{max-width:100%;max-height:82vh;border-radius:8px;} .ph-lbm{color:#fff;margin-bottom:10px;text-align:center;} .ph-lbm[hidden]{display:none;} .ph-cap{color:#cbd5e1;font-size:calc(12px*var(--fs,1));margin-top:8px;} .ph-x{position:absolute;top:12px;right:12px;background:#fff;border:0;border-radius:50%;width:38px;height:38px;font-size:18px;cursor:pointer;} .bp-card{margin:10px 0 4px;text-align:left;} .bp-h{display:flex;flex-direction:column;gap:2px;margin-bottom:6px;} .bp-strip{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch;max-width:100%;} .bp-it{position:relative;flex:0 0 auto;} .bp-it .ph-box img{width:110px;height:82px;} .bp-del{position:absolute;top:3px;right:3px;margin:0;} .bp-del button{background:rgba(0,0,0,.55);color:#fff;border:0;border-radius:50%;width:24px;height:24px;cursor:pointer;font-size:12px;} .bp-add{flex:0 0 auto;margin:0;display:flex;flex-direction:column;gap:4px;max-width:150px;} .bp-pick{display:flex;align-items:center;justify-content:center;width:110px;height:82px;border:2px dashed #B9C7DD;border-radius:8px;cursor:pointer;text-align:center;font-size:calc(18px*var(--fs,1));line-height:1.2;color:#1565D8;background:#F6F9FF;} .bp-pick small{font-size:calc(11px*var(--fs,1));} .ph-up-st{font-size:calc(11px*var(--fs,1));color:#1565D8;line-height:1.3;} .ph-up-st.bad{color:#B3402C;} .mp-ph{display:block;width:100%;max-width:220px;height:120px;object-fit:cover;border-radius:8px;margin-bottom:6px;background:#EEF2F7;} .ph-old{font-style:normal;background:#FFF4E5;color:#9A5B00;border-radius:999px;padding:0 6px;font-size:calc(10.5px*var(--fs,1));} /* v17.70 पाइपलाइन: रिपोर्ट = ऊपर एक लाइन का सार; डील = लिस्ट (एक के नीचे एक) */ .pd-sum{padding:0;overflow:hidden;} .pd-sum>summary{list-style:none;cursor:pointer;display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center;padding:4px 2px;} .pd-sum>summary::-webkit-details-marker{display:none;} .pd-sum-more{margin-left:auto;color:#1565D8;font-weight:600;font-size:calc(13px*var(--fs,1));} .pd-sum[open] .pd-sum-more{opacity:.6;} .pd-sum>.pd-hero,.pd-sum>.pd-kpis,.pd-sum>.pd-two{margin:0 12px 12px;} .pd-sum>.pd-hero{border:1px solid var(--line);border-radius:12px;padding:12px;} .pd-list{display:flex;flex-direction:column;gap:8px;align-items:stretch;} .pd-list>.pd-card{width:100%;box-sizing:border-box;} .pd-card{padding:10px 14px;} @media (min-width:900px){ .pd-card{display:grid;grid-template-columns:minmax(0,1fr) 390px;column-gap:18px;row-gap:2px;align-items:start;} .pd-card>*{grid-column:1;} .pd-card>.pd-top{grid-row:1;} .pd-card>.li-meta{grid-row:2;} .pd-card>.pd-nx{grid-row:3;margin-top:4px;} .pd-card>.pd-kv{grid-column:2;grid-row:1 / 3;margin:0;} .pd-card>.pd-bar{grid-column:2;grid-row:3;align-self:center;} .pd-card>.pd-ac{grid-column:2;grid-row:4;justify-content:flex-end;margin-top:6px;flex-wrap:nowrap;gap:5px;} .pd-card>.pd-ac .btn{padding:6px 9px;white-space:nowrap;} .pd-card>.pd-edit{grid-column:1 / -1;} .pd-kv div{padding:4px;} .pd-kv b{font-size:14px;} } /* v17.70 💬 लाइव चैट डेस्कटॉप: पूरी ऊँचाई, लिस्ट और मैसेज अपने अंदर स्क्रॉल; चैट न खुली हो तो दाएँ "चैट चुनें" */ @media (min-width:900px){ .wa-chat{height:calc(100dvh - var(--wa-dtop,170px) - 14px);min-height:480px;align-items:stretch;grid-template-columns:minmax(0,340px) minmax(0,1fr);} .wa-chat .wa-list{max-height:none;height:100%;overflow:auto;box-sizing:border-box;} .wa-chat .wa-thread{display:flex;flex-direction:column;height:100%;min-height:0;box-sizing:border-box;overflow:hidden;} .wa-chat .wa-thread > *{flex:0 0 auto;} .wa-chat .wa-thread .wa-msgs{flex:1 1 auto;min-height:120px;max-height:none;} .wa-chat .wa-thread .wa-reply{margin-bottom:0;} .wa-pick{align-items:center;justify-content:center;text-align:center;} .wa-pick > div{display:flex;flex-direction:column;align-items:center;gap:8px;max-width:340px;color:var(--navy);} .wa-pick b{font-size:18px;} .wa-chat .wa-th{flex:0 0 auto;} } @media (max-width:899px){ .wa-pick{display:none;} } .wa-pick .wa-ico{width:56px!important;height:56px!important;} .ac-who{display:flex!important;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0 4px;} .ac-who select{min-width:200px;max-width:100%;} /* v17.72 🔐 सुरक्षा पेज मोबाइल */ .tfa-row{flex-wrap:nowrap;align-items:stretch;} .tfa-row input{flex:1 1 120px;max-width:200px;} .tfa-row .btn{flex:0 0 auto;white-space:nowrap;} .tfa-team .li-top{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:8px;flex-wrap:nowrap;} .tfa-team .li-title{min-width:0;overflow-wrap:anywhere;} .tfa-team .li-tag{flex:0 0 auto;} @media (max-width:420px){ .tfa-row input{font-size:18px;letter-spacing:2px;} .tfa-row .btn{padding:8px 12px;} } /* v17.74 ☀️ आज का प्लान */ .td-strip{display:flex;align-items:center;gap:12px;text-decoration:none;background:linear-gradient(90deg,#FFF7E0,#FFFFFF);border-left:5px solid #F59E0B;padding:12px 16px;color:var(--navy);} .td-strip .td-sun{font-size:28px;line-height:1;} .td-st{display:flex;flex-direction:column;min-width:0;flex:1;} .td-st small{color:var(--muted,#667);overflow-wrap:anywhere;} .td-go{margin-left:auto;font-size:22px;color:#1565D8;} .td-head{display:flex;flex-direction:column;gap:8px;text-align:left;} .td-h1 b{font-size:18px;color:var(--navy);} .td-punch{font-size:calc(14px*var(--fs,1));} .td-chips{display:flex;flex-wrap:wrap;gap:6px;} .td-chips a{background:#F1F5F9;border-radius:999px;padding:5px 12px;text-decoration:none;color:var(--navy);font-size:calc(13px*var(--fs,1));} .td-chips b{margin-left:4px;} .td-route{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:#EEF4FF;border-color:#CFE0FF;text-align:left;} .td-route > div{display:flex;flex-direction:column;min-width:0;flex:1 1 240px;} .td-row{display:flex;align-items:center;gap:10px;padding:10px 4px;border-top:1px solid var(--line);text-align:left;text-decoration:none;color:inherit;} .td-row:first-of-type{border-top:0;} .td-n{flex:0 0 28px;height:28px;border-radius:50%;background:#EEF2F7;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:var(--navy);} .td-t{flex:1;min-width:0;display:flex;flex-direction:column;} .td-t b{color:var(--navy);overflow-wrap:anywhere;} .td-t small{color:var(--muted,#667);overflow-wrap:anywhere;} .td-a{display:flex;gap:6px;flex:0 0 auto;align-items:center;} .td-a .btn{white-space:nowrap;} .td-done .td-n{background:#DCFCE7;color:#166534;} .td-done b{text-decoration:line-through;opacity:.7;} .td-skipped{opacity:.6;} .td-late .td-n{background:#FEE2E2;} .td-lt{font-style:normal;color:#B3402C;font-weight:600;} .td-tdy{font-style:normal;color:#1565D8;font-weight:600;} .td-empty{text-align:left;} @media (max-width:520px){ .td-row{flex-wrap:wrap;} .td-a{flex:1 1 100%;justify-content:flex-end;} } /* v17.75 👥 "किसका" — उभरे हुए व्यक्ति-कार्ड (ड्रॉपडाउन की जगह) + विज़िट टैब */ .vt-tabs{margin-bottom:12px;} .who-pick{display:flex;flex-direction:column;gap:6px;margin:8px 0 2px;min-width:0;text-align:left;} .who-lbl{font-size:calc(13px*var(--fs,1));font-weight:700;color:var(--muted,#667);} .who-row{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 10px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;max-width:100%;} .who-c{flex:0 0 auto;scroll-snap-align:start;display:flex;align-items:center;gap:8px;padding:7px 14px 7px 7px;border-radius:999px;text-decoration:none;color:var(--navy); background:linear-gradient(180deg,#FFFFFF,#F1F5F9);border:1px solid #E2E8F0;box-shadow:0 1px 0 #fff inset,0 2px 4px rgba(15,23,42,.08);transition:transform .12s,box-shadow .12s;} .who-c:hover{transform:translateY(-1px);box-shadow:0 1px 0 #fff inset,0 6px 12px rgba(15,23,42,.12);} .who-c i{font-style:normal;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;color:#fff; background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.45),transparent 55%),var(--wc);box-shadow:0 2px 5px rgba(0,0,0,.25),0 -2px 0 rgba(0,0,0,.12) inset;} .who-c span{font-weight:600;font-size:calc(14px*var(--fs,1));white-space:nowrap;} .who-c small{font-weight:500;color:var(--muted,#667);} .who-c.on{background:linear-gradient(180deg,#1E6FE6,#1555B8);border-color:#1555B8;color:#fff;transform:translateY(-2px);box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 8px 16px rgba(21,85,184,.35);} .who-c.on small{color:#DCE8FF;} .who-c.on i{box-shadow:0 0 0 2px #fff,0 2px 6px rgba(0,0,0,.3);} /* v17.76 🗺️ रास्ता आइकन (🧭 विंडोज़ पर घड़ी/कम्पास जैसा दिखता था) — Google Maps जैसा नीला "दिशा" चिह्न */ .ico-route{display:inline-block;width:1.15em;height:1.15em;vertical-align:-0.2em;flex:0 0 auto; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3.5' y='3.5' width='17' height='17' rx='3' transform='rotate(45 12 12)' fill='%231A73E8'/%3E%3Cpath d='M9 15v-3.2c0-.7.6-1.3 1.3-1.3H14' fill='none' stroke='%23fff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.7 8.4 15 10.5l-2.3 2.1' fill='none' stroke='%23fff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;} .btn .ico-route:only-child{width:1.3em;height:1.3em;} /* v17.77 🔐 नया Login (AD CRM अपना डिज़ाइन): ब्रांड-नीला background + रंगीन धुंधले गोले, बाएँ संदेश + फ़ोन चित्र, दाएँ सफ़ेद काँच जैसा कार्ड */ .login-body.lg2{background:linear-gradient(135deg,#0B2A63 0%,#123E8C 55%,#1565D8 100%)!important;position:relative;overflow-x:hidden;padding:24px 16px;} .lg2-bg{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0;} .lg2-bg i{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;} .lg2-bg i:nth-child(1){width:420px;height:420px;background:#2DAA3E;top:-120px;right:-80px;} .lg2-bg i:nth-child(2){width:360px;height:360px;background:#0EA5E9;bottom:-140px;left:-100px;} .lg2-bg i:nth-child(3){width:260px;height:260px;background:#F59E0B;top:45%;left:38%;opacity:.25;} .lg2-bg::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:22px 22px;} .lg2-wrap{position:relative;z-index:1;width:100%;max-width:1060px;display:grid;grid-template-columns:1fr;gap:28px;align-items:center;margin:auto;} .lg2-side{display:none;color:#fff;text-align:left;} .lg2-brand{display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none;background:rgba(255,255,255,.95);padding:6px 14px 6px 8px;border-radius:12px;} .lg2-brand img{height:40px;width:auto;} .lg2-brand b{color:#0B2A63;font-size:18px;} .lg2-side h2{font-size:34px;line-height:1.2;margin:22px 0 10px;color:#fff;} .lg2-side p{color:#D6E4FF;font-size:16px;line-height:1.6;margin:0 0 14px;max-width:460px;} .lg2-side ul{list-style:none;padding:0;margin:0 0 10px;display:flex;flex-direction:column;gap:8px;} .lg2-side li{color:#fff;font-size:15px;padding-left:28px;position:relative;} .lg2-side li::before{content:"✓";position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;background:#2DAA3E;color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;} .lg2-art{position:relative;height:260px;margin-top:10px;} .lg2-phone{position:absolute;left:90px;top:0;width:150px;height:255px;border-radius:26px;background:#0A1B3F;padding:9px;box-shadow:0 24px 50px rgba(0,0,0,.35),0 0 0 2px rgba(255,255,255,.15) inset;transform:rotate(-6deg);} .lg2-scr{display:flex;flex-direction:column;gap:7px;height:100%;border-radius:18px;background:#F5F8FC;padding:12px 10px;overflow:hidden;} .lg2-scr span{display:flex;align-items:center;gap:6px;} .lg2-scr span i{width:18px;height:18px;border-radius:50%;flex:0 0 auto;} .lg2-scr span b{height:7px;border-radius:4px;background:#CBD5E1;flex:1;} .lg2-scr .r1 i{background:#1565D8;} .lg2-scr .r2 i{background:#2DAA3E;} .lg2-scr .r3 i{background:#F59E0B;} .lg2-scr .map{flex:1;border-radius:10px;background:linear-gradient(135deg,#DCEBFF,#E7F8EA);position:relative;margin-top:4px;} .lg2-scr .map em{position:absolute;width:12px;height:12px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);} .lg2-scr .map em:nth-child(1){background:#DC2626;left:22%;top:30%;} .lg2-scr .map em:nth-child(2){background:#16A34A;left:60%;top:55%;} .lg2-scr .map em:nth-child(3){background:#EAB308;left:40%;top:70%;} .lg2-scr .bub{align-self:flex-end;background:#DCF8C6;color:#34B7F1;font-size:10px;font-weight:800;padding:4px 8px;border-radius:10px;} .lg2-chip{position:absolute;display:inline-flex;align-items:center;gap:6px;background:#fff;color:#0B2A63;font-weight:700;font-size:13px;padding:8px 12px;border-radius:12px;box-shadow:0 10px 24px rgba(0,0,0,.22);white-space:nowrap;} .lg2-chip.c1{left:0;top:30px;} .lg2-chip.c2{left:230px;top:70px;} .lg2-chip.c3{left:200px;top:180px;} .lg2-card{position:relative;max-width:410px;margin:0 auto;background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.6);border-radius:20px;padding:26px 24px;box-shadow:0 30px 60px rgba(4,16,46,.45);backdrop-filter:blur(8px);} .lg2-lang{display:flex;justify-content:flex-end;gap:4px;margin-bottom:6px;} .lg2-lang a{font-size:12px;font-weight:700;color:var(--muted);text-decoration:none;padding:3px 10px;border-radius:999px;border:1px solid var(--line);} .lg2-lang a.on{background:#0B2A63;color:#fff;border-color:#0B2A63;} .lg2-card .login-logo img{width:46%;max-width:160px;} .lg2-title{font-size:22px;color:#0B2A63;margin:4px 0 2px;text-align:center;} .lg2-card .sub{text-align:center;} .lg2-card input[type=text],.lg2-card input[type=password],.lg2-card input[type=email]{min-height:46px;border-radius:12px;background:#F8FAFC;} .lg2-card input:focus{background:#fff;border-color:#1565D8;box-shadow:0 0 0 3px rgba(21,101,216,.15);} .lg2-eye{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:0;color:#64748B;cursor:pointer;padding:6px;display:flex;} .lg2-eye.on{color:#1565D8;} .lg2-card .btn-primary[type=submit]{min-height:48px;border-radius:12px;font-size:16px;background:linear-gradient(180deg,#1E6FE6,#1555B8);box-shadow:0 8px 18px rgba(21,85,184,.35);} @media (min-width:900px){ .lg2-wrap{grid-template-columns:1.1fr 1fr;} .lg2-side{display:block;} .lg2-card{margin:0 0 0 auto;} } @media (max-width:899px){ .lg2-card{margin-top:8px;} } /* v17.77 🏠 Home: डेमो बटन, फ़ोन-शोकेस, इंडस्ट्री कार्ड, वेबसाइट कॉम्बो, डेमो फ़ॉर्म, तैरते बटन */ .td-chips a.on{background:#0B2A63;color:#fff;} .pl-demo-btn{background:#fff;color:#0B2A63;border:2px solid #0B2A63;font-weight:700;} .pl-demo-btn:hover{background:#0B2A63;color:#fff;} .pl-mini{margin:10px 0 0;font-size:14px;} .pl-mini a{color:#1565D8;font-weight:600;text-decoration:none;} .pl-show{background:linear-gradient(180deg,#F5F8FC,#fff);} .pl-sh{display:grid;grid-template-columns:1fr;gap:18px;align-items:center;margin-top:22px;} .pl-sh ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px;} .pl-sh li{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 12px;font-weight:600;color:var(--navy);font-size:14px;box-shadow:0 4px 12px rgba(11,42,99,.06);} .pl-sh li i{flex:0 0 38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:#EEF4FF;color:#1565D8;} .pl-sh-r li i{background:#E8F7EC;color:#16A34A;} .pl-sh-ph{justify-self:center;width:230px;height:430px;border-radius:36px;background:#0A1B3F;padding:12px;box-shadow:0 30px 60px rgba(11,42,99,.3),0 0 0 3px #1E3A6E inset;order:-1;} .pl-sh-scr{height:100%;border-radius:26px;background:#F5F8FC;padding:16px 12px;display:flex;flex-direction:column;gap:8px;overflow:hidden;text-align:left;} .pl-sh-top{font-weight:800;color:#0B2A63;font-size:15px;margin-bottom:4px;} .pl-sh-row{display:flex;align-items:center;gap:8px;background:#fff;border-radius:10px;padding:8px;font-size:12px;font-weight:600;color:#0B2A63;box-shadow:0 2px 6px rgba(0,0,0,.05);} .pl-sh-row b{width:20px;height:20px;border-radius:50%;background:#EEF2F7;display:flex;align-items:center;justify-content:center;font-size:11px;} .pl-sh-row span{flex:1;} .pl-sh-row em{font-style:normal;color:#16A34A;font-weight:800;} .pl-sh-map{flex:1;border-radius:12px;background:linear-gradient(135deg,#DCEBFF,#E7F8EA);position:relative;min-height:110px;} .pl-sh-map em{position:absolute;width:14px;height:14px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);} .pl-sh-map em:nth-child(1){background:#DC2626;left:20%;top:30%;} .pl-sh-map em:nth-child(2){background:#16A34A;left:62%;top:45%;} .pl-sh-map em:nth-child(3){background:#EAB308;left:40%;top:70%;} .pl-sh-wa{display:flex;align-items:center;gap:6px;background:#DCF8C6;border-radius:10px;padding:8px;font-size:12px;font-weight:600;color:#075E54;} @media (min-width:980px){ .pl-sh{grid-template-columns:1fr 250px 1fr;} .pl-sh ul{grid-template-columns:1fr;} .pl-sh-ph{order:0;} .pl-sh-l li{flex-direction:row;justify-content:flex-end;text-align:right;} } .pl-ind{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 6px;} @media (min-width:760px){ .pl-ind{grid-template-columns:repeat(4,minmax(0,1fr));} } .pl-ind-c{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 12px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;box-shadow:0 4px 12px rgba(11,42,99,.06);transition:transform .15s,box-shadow .15s;} .pl-ind-c:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(11,42,99,.12);} .pl-ind-c span{font-size:26px;width:48px;height:48px;border-radius:14px;background:#EEF4FF;display:flex;align-items:center;justify-content:center;} .pl-ind-c b{color:var(--navy);font-size:15px;} .pl-combo-s{padding-top:10px;padding-bottom:10px;} .pl-combo{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;background:linear-gradient(110deg,#0B2A63,#1565D8);border-radius:20px;padding:22px 22px;color:#fff;overflow:hidden;box-shadow:0 18px 40px rgba(11,42,99,.25);} .pl-combo::after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:rgba(45,170,62,.35);filter:blur(30px);} .pl-combo-tag{background:#F59E0B;color:#1F1300;font-weight:900;font-size:14px;padding:8px 14px;border-radius:12px;transform:rotate(-4deg);box-shadow:0 6px 14px rgba(0,0,0,.25);position:relative;z-index:1;} .pl-combo-t{flex:1 1 320px;position:relative;z-index:1;} .pl-combo-t h2{color:#fff;margin:0 0 8px;font-size:22px;text-align:left;} .pl-combo-t ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px;} .pl-combo-t li{color:#DCE8FF;font-weight:600;} .pl-combo-btn{position:relative;z-index:1;background:#2DAA3E;color:#fff;font-weight:800;border:0;box-shadow:0 8px 18px rgba(0,0,0,.25);} .pl-demo-s{background:linear-gradient(180deg,#fff,#F5F8FC);} .pl-demo{display:grid;grid-template-columns:1fr;gap:22px;align-items:start;} @media (min-width:900px){ .pl-demo{grid-template-columns:1fr 420px;} } .pl-demo-t{text-align:left;} .pl-demo-t h2{text-align:left;} .pl-demo-t ul{list-style:none;padding:0;margin:12px 0 16px;display:flex;flex-direction:column;gap:6px;color:var(--navy);font-weight:600;} .pl-demo-f{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:10px;box-shadow:0 20px 40px rgba(11,42,99,.12);text-align:left;} .pl-demo-f h3{margin:0 0 4px;color:var(--navy);} .pl-demo-f label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600;color:var(--muted);} .pl-demo-f input[type=text],.pl-demo-f input[type=tel],.pl-demo-f select,.pl-demo-f textarea{min-height:44px;border-radius:12px;border:1px solid var(--line);padding:8px 12px;font:inherit;color:var(--text);background:#F8FAFC;width:100%;box-sizing:border-box;} .pl-demo-f .pl-consent{flex-direction:row;align-items:flex-start;gap:8px;font-weight:500;} .pl-consent input{margin-top:3px;} .pl-demo-f .btn{min-height:48px;border-radius:12px;font-size:16px;} .pl-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0;} .pl-demo-ok{margin:0;padding:10px 12px;border-radius:10px;background:#E8F7EC;color:#166534;font-weight:600;} .pl-demo-ok.bad{background:#FDECEC;color:#B3402C;} .pl-askq{position:fixed;right:0;top:45%;z-index:60;writing-mode:vertical-rl;transform:rotate(180deg);background:#E5484D;color:#fff;font-weight:800;padding:14px 9px;border-radius:0 12px 12px 0;text-decoration:none;box-shadow:0 6px 16px rgba(0,0,0,.2);font-size:14px;} .pl-wafloat{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:61;width:58px;height:58px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px rgba(37,211,102,.45);} .pl-wafloat .wa-ico{filter:brightness(0) invert(1);} @media (max-width:600px){ .pl-askq{padding:10px 7px;font-size:12px;} } @media (max-width:979px){ .pl-sh-l li i{order:-1;} } @media (max-width:760px){ .pl-askq{writing-mode:horizontal-tb;transform:none;top:auto;right:auto;left:12px;bottom:calc(16px + env(safe-area-inset-bottom,0px));border-radius:999px;padding:10px 14px;font-size:13px;} } /* v17.77 🟢 WhatsApp सार्वजनिक पेज */ .wp-hero{background:radial-gradient(700px 400px at 85% 20%,rgba(37,211,102,.25),transparent 60%),linear-gradient(135deg,#053B2C,#075E54 60%,#0B6E4F);color:#fff;padding:48px 0 56px;overflow:hidden;} .wp-hero-in{display:grid;grid-template-columns:1fr;gap:30px;align-items:center;} @media (min-width:960px){ .wp-hero-in{grid-template-columns:1.05fr 1fr;} } .wp-hero-t{text-align:left;} .wp-kick{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);padding:6px 12px;border-radius:999px;font-weight:600;font-size:13px;} .wp-hero h1{color:#fff;font-size:clamp(28px,5vw,46px);line-height:1.15;margin:14px 0;} .wp-hero h1 span{color:#4ADE80;display:block;} .wp-ticks{list-style:none;padding:0;margin:0 0 18px;display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;} .wp-ticks li{padding-left:22px;position:relative;color:#DCFCE7;font-weight:600;font-size:14px;} .wp-ticks li::before{content:"";position:absolute;left:0;top:5px;width:10px;height:10px;border-radius:50%;background:#4ADE80;} .wp-btn{background:#25D366;color:#053B2C;font-weight:800;border:0;box-shadow:0 10px 22px rgba(37,211,102,.35);} .wp-btn2{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.6);font-weight:700;} .wp-badge{display:inline-flex;align-items:center;gap:6px;margin:16px 0 0;background:#fff;color:#075E54;padding:8px 14px;border-radius:999px;font-weight:600;font-size:13px;} .wp-art{position:relative;min-height:440px;} .wp-ph{position:absolute;left:50%;top:0;transform:translateX(-50%);width:240px;height:430px;border-radius:36px;background:#0B141A;padding:11px;box-shadow:0 30px 60px rgba(0,0,0,.4);} .wp-scr{height:100%;border-radius:26px;background:#ECE5DD;overflow:hidden;display:flex;flex-direction:column;gap:8px;padding:0 0 12px;} .wp-sh{display:flex;align-items:center;gap:8px;background:#075E54;color:#fff;padding:12px;font-size:13px;} .wp-sh i{width:26px;height:26px;border-radius:50%;background:#25D366;} .wp-m{max-width:78%;padding:8px 10px;border-radius:10px;font-size:12px;line-height:1.35;color:#111;box-shadow:0 1px 1px rgba(0,0,0,.08);text-align:left;} .wp-m.in{background:#fff;margin-left:10px;align-self:flex-start;} .wp-m.out{background:#DCF8C6;margin-right:10px;align-self:flex-end;} .wp-m em{font-style:normal;color:#34B7F1;font-weight:800;margin-left:4px;} .wp-opts{display:flex;flex-direction:column;gap:4px;margin-top:6px;} .wp-opts span{background:#fff;border-radius:8px;padding:5px 8px;color:#075E54;font-weight:600;text-align:center;} .wp-fi{position:absolute;display:flex;align-items:center;gap:8px;background:#fff;color:#075E54;border-radius:14px;padding:8px 12px;box-shadow:0 12px 26px rgba(0,0,0,.25);font-size:13px;} .wp-fi b{color:#053B2C;} .wp-fi.f1{left:2%;top:40px;} .wp-fi.f2{right:2%;top:110px;} .wp-fi.f3{left:4%;top:260px;} .wp-fi.f4{right:4%;top:330px;} @media (max-width:520px){ .wp-fi.f1{left:0;} .wp-fi.f2{right:0;} .wp-fi.f3{left:0;} .wp-fi.f4{right:0;} .wp-ticks{grid-template-columns:1fr;} } .wp-why{background:#F6FBF7;} .wp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:14px;margin-top:20px;} .wp-card{background:#fff;border:1px solid #DCEFE2;border-radius:18px;padding:18px;text-align:left;box-shadow:0 6px 16px rgba(7,94,84,.06);} .wp-card span{width:46px;height:46px;border-radius:14px;background:#E8F7EC;color:#16A34A;display:flex;align-items:center;justify-content:center;} .wp-card h3{margin:12px 0 4px;color:#053B2C;font-size:17px;} .wp-card p{margin:0;color:#4B5563;font-size:14px;} .wp-dark{background:linear-gradient(135deg,#053B2C,#075E54);} .wp-dark h2{color:#fff;} .wp-dark .pl-sub{color:#BBF7D0;} .wp-num{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:14px;margin-top:20px;} .wp-num article{background:#FAF7F2;border-radius:18px;padding:18px;text-align:left;display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:center;} .wp-num b{grid-row:span 2;width:48px;height:48px;border-radius:50%;background:#25D366;color:#053B2C;font-size:20px;font-weight:800;display:flex;align-items:center;justify-content:center;} .wp-num h3{margin:0;color:#053B2C;font-size:17px;} .wp-num p{margin:0;color:#4B5563;font-size:14px;grid-column:2;} .wp-steps{list-style:none;padding:0;margin:20px 0 10px;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:14px;counter-reset:none;} .wp-steps li{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;text-align:left;position:relative;} .wp-steps b{display:inline-flex;width:34px;height:34px;border-radius:10px;background:#075E54;color:#fff;align-items:center;justify-content:center;font-weight:800;} .wp-steps h3{margin:10px 0 4px;color:#053B2C;font-size:16px;} .wp-steps p{margin:0;color:#4B5563;font-size:14px;} .wp-body .pl-demo-f .btn-primary{background:linear-gradient(180deg,#25D366,#16A34A);border:0;color:#053B2C;font-weight:800;} /* v17.79 🎫 सर्विस / शिकायत */ .tk-find{display:flex!important;gap:8px;margin-top:10px;} .tk-find input{flex:1;min-width:0;} .tk-new>summary{list-style:none;display:inline-flex;cursor:pointer;} .tk-new>summary::-webkit-details-marker{display:none;} .tk-new[open]>summary{margin-bottom:12px;} .tk-form{display:grid;grid-template-columns:1fr;gap:10px;text-align:left;} @media (min-width:760px){ .tk-form{grid-template-columns:repeat(3,minmax(0,1fr));} } .tk-form label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600;color:var(--muted);min-width:0;} .tk-form .tk-full{grid-column:1 / -1;} .tk-row{display:flex;align-items:center;gap:12px;padding:12px 10px;border-top:1px solid var(--line);border-left:4px solid var(--tc);border-radius:10px;margin-bottom:6px;background:#fff;text-decoration:none;color:inherit;text-align:left;} .tk-row:hover{background:#F8FAFC;} .tk-no{flex:0 0 auto;font-weight:800;color:#64748B;font-size:13px;} .tk-t{flex:1;min-width:0;display:flex;flex-direction:column;} .tk-t b{color:var(--navy);overflow-wrap:anywhere;} .tk-t small{color:var(--muted);overflow-wrap:anywhere;} .tk-side{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:0 0 auto;} .tk-st{display:inline-block;background:color-mix(in srgb,var(--tc) 14%,#fff);color:var(--tc);border-radius:999px;padding:3px 10px;font-weight:700;font-size:12px;white-space:nowrap;} .tk-pr{display:inline-block;background:color-mix(in srgb,var(--pc,#DC2626) 12%,#fff);color:var(--pc,#DC2626);border-radius:999px;padding:2px 8px;font-weight:700;font-size:11px;} .tk-late{color:#B3402C;font-weight:700;} .tk-head{border-top:5px solid var(--tc);text-align:left;} .tk-h1{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;} .tk-h1 h2{margin:0;flex:1 1 200px;overflow-wrap:anywhere;} .tk-dl{display:grid;grid-template-columns:max-content 1fr;gap:6px 10px;margin:12px 0;} .tk-dl dd{margin:0;min-width:0;overflow-wrap:anywhere;} .tk-det{background:#F8FAFC;border-radius:10px;padding:10px 12px;margin:0 0 10px;overflow-wrap:anywhere;} .tk-acts{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px;} .tk-acts form{margin:0;} .tk-h3{margin:0 0 10px;color:var(--navy);} .tk-stf textarea{width:100%;box-sizing:border-box;} .tk-stb{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 12px;} .tk-sb{background:color-mix(in srgb,var(--tc) 12%,#fff);color:var(--tc);border:1px solid color-mix(in srgb,var(--tc) 35%,#fff);font-weight:700;} .tk-sb:hover{background:var(--tc);color:#fff;} .tk-asf{display:flex!important;gap:8px;align-items:center;flex-wrap:wrap;margin:8px 0;} .tk-asf select{min-width:0;flex:1 1 160px;} .tk-tl{list-style:none;margin:0;padding:0;} .tk-tl li{display:flex;gap:10px;padding:8px 0;border-top:1px dashed var(--line);text-align:left;} .tk-tl li:first-child{border-top:0;} .tk-dot{flex:0 0 12px;height:12px;border-radius:50%;background:var(--tc);margin-top:5px;} .tk-tl small{color:var(--muted);} .tk-tl p{margin:4px 0 0;overflow-wrap:anywhere;} .tk-chg{font-size:13px;color:var(--muted);} @media (max-width:520px){ .tk-row{flex-wrap:wrap;} .tk-side{flex-direction:row;width:100%;justify-content:flex-start;} } .tk-form{display:grid!important;} @media (min-width:760px){ .tk-form{grid-template-columns:repeat(3,minmax(0,1fr))!important;} } .tk-form input[type=text],.tk-form input[type=tel],.tk-form input[type=date],.tk-form select,.tk-form textarea,.tk-find input,.tk-asf input,.tk-asf select,.tk-stf textarea{min-height:42px;border:1px solid var(--line);border-radius:10px;padding:8px 12px;font:inherit;color:var(--text);background:#F8FAFC;width:100%;box-sizing:border-box;} .tk-form textarea,.tk-stf textarea{min-height:80px;} .tk-form label > *:not(span){width:100%;} .tk-form > label{grid-column:auto!important;} .tk-form > .tk-full{grid-column:1 / -1!important;} @media (max-width:759px){ .tk-form > label{grid-column:1 / -1!important;} } /* v17.80 🔍 डुप्लिकेट */ .dp-live{margin-top:6px;background:#FFF7E6;border:1px solid #FFE1A6;border-radius:10px;padding:8px 10px;font-size:13px;line-height:1.5;overflow-wrap:anywhere;} .dp-live a{font-weight:700;color:#9A5B00;} .dp-h{margin:0 0 10px;color:var(--navy);font-size:16px;text-align:left;overflow-wrap:anywhere;} .dp-list{display:flex;flex-direction:column;gap:6px;} .dp-c{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:10px;padding:8px 12px;text-decoration:none;color:inherit;text-align:left;} .dp-c b{color:var(--navy);overflow-wrap:anywhere;} .dp-c small{color:var(--muted);} .dp-m{margin-top:10px;} .dp-m>summary{list-style:none;display:inline-flex;cursor:pointer;} .dp-m>summary::-webkit-details-marker{display:none;} .dp-f{display:flex!important;flex-direction:column;gap:8px;margin-top:10px;text-align:left;} .dp-f label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600;color:var(--muted);} .dp-warn{background:#FFF7E6;border-radius:8px;padding:8px 10px;margin:0;} .dp-f select,.dp-f input[type=text]{min-height:42px;border:1px solid var(--line);border-radius:10px;padding:8px 12px;font:inherit;color:var(--text);background:#F8FAFC;width:100%;box-sizing:border-box;} /* v17.80 🕘 ग्राहक का इतिहास */ .hs-f{margin-bottom:12px;} .hs-tl{list-style:none;margin:0;padding:0 0 0 6px;position:relative;text-align:left;} .hs-tl::before{content:"";position:absolute;left:21px;top:6px;bottom:6px;width:2px;background:#E2E8F0;} .hs-m{font-weight:800;color:var(--navy);margin:14px 0 6px 38px;font-size:14px;} .hs-e{display:flex;gap:10px;align-items:flex-start;padding:6px 0;position:relative;} .hs-ic{flex:0 0 32px;height:32px;border-radius:50%;background:#fff;border:2px solid #E2E8F0;display:flex;align-items:center;justify-content:center;font-size:15px;position:relative;z-index:1;} .hs-b{min-width:0;display:flex;flex-direction:column;padding-top:4px;} .hs-b a{text-decoration:none;} .hs-b b{color:var(--navy);overflow-wrap:anywhere;} .hs-b small{color:var(--muted);overflow-wrap:anywhere;} .hs-e[hidden],.hs-m[hidden]{display:none;} /* v17.81 🏆 लीडरबोर्ड */ .lb-h{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;} .lb-h h2{margin:0;} .lb-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;} .lb-list li{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;text-align:left;} .lb-list li.top{background:linear-gradient(90deg,#FFFBEB,#fff);border-color:#FDE68A;} .lb-list li.me{box-shadow:0 0 0 2px #1565D8 inset;} .lb-r{flex:0 0 34px;height:34px;border-radius:50%;background:#EEF2F7;display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--navy);font-size:15px;} .lb-list li.top .lb-r{background:transparent;font-size:24px;} .lb-n{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px;} .lb-n b{color:var(--navy);overflow-wrap:anywhere;} .lb-tr{display:block;height:6px;border-radius:99px;background:#EEF2F7;overflow:hidden;} .lb-tr i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#1565D8,#2DAA3E);} .lb-v{flex:0 0 auto;text-align:right;font-weight:800;color:var(--navy);display:flex;flex-direction:column;} .lb-v small{font-weight:600;color:var(--muted);font-size:11px;} .lb-set{margin-top:10px;} /* v17.83 🚚 डिस्पैच + 📲 WhatsApp स्टेटस */ .od-wa-tag img,.od-wa-tag svg{width:14px;height:14px;vertical-align:-2px} .od-disp{margin-top:10px;border:1px solid var(--border,#e5e7eb);border-radius:12px;padding:8px 12px;background:var(--card,#fff)} .od-disp summary{cursor:pointer;font-weight:600;padding:4px 0} .od-disp form{display:grid!important;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px} .od-disp form>*{grid-column:auto!important} .od-disp form button{grid-column:1/-1!important;justify-self:start} .od-disp label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted,#6b7280)} .od-disp input[type=text]{width:100%;box-sizing:border-box;padding:9px 10px;border:1px solid var(--border,#d1d5db);border-radius:10px;font-size:14px;background:var(--input-bg,#fff);color:inherit} @media(max-width:560px){.od-disp form{grid-template-columns:1fr}} .od-wa-opt{display:flex;align-items:center;gap:6px;margin-top:10px;font-size:14px} .od-wa-opt img,.od-wa-opt svg,.od-wa-hint img,.od-wa-hint svg,.od-walog img,.od-walog svg{width:16px;height:16px;vertical-align:-3px} .od-wa-hint{margin-top:10px} .od-walog{margin-top:12px;border-top:1px dashed var(--border,#e5e7eb);padding-top:10px;font-size:14px} .od-walog-r{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:5px 0} /* ===== v17.85 पब्लिक पेज: एक जैसा हेडर, नीति पेज की पैडिंग, मोबाइल मेनू, डेमो सेक्शन ===== */ .pl-body main.pl-doc{max-width:900px!important;margin:0 auto!important;padding:34px 24px 56px!important;box-sizing:border-box} @media(max-width:560px){.pl-body main.pl-doc{padding:22px 16px 44px!important}.pl-doc p{font-size:14.5px}.pl-toc{padding:12px 14px}} .pl-doc section{padding:2px 0} /* मोबाइल मेनू */ .pl-burger{display:none;width:42px;height:40px;border:1px solid #E5EAF1;border-radius:10px;background:#fff;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:0;margin-left:2px} .pl-burger span{display:block;width:18px;height:2px;background:#0B2A63;border-radius:2px} @media(max-width:1020px){.pl-burger{display:inline-flex}} .pl-drawer{display:flex;flex-direction:column;padding:6px 16px 14px;border-top:1px solid #E5EAF1;background:#fff} .pl-drawer[hidden]{display:none} .pl-drawer a{padding:12px 4px;border-bottom:1px solid #F1F5F9;color:#0B2A63;font-weight:600;text-decoration:none;font-size:15px} .pl-drawer a:last-child{border-bottom:0} @media(min-width:1021px){.pl-drawer{display:none!important}} @media(max-width:400px){.pl-act{gap:6px}.pl-act .pl-try{padding:7px 10px;font-size:13px}.pl-lang{padding:4px}} /* लॉगिन / साइन-अप / कीमत पेज पर वही हेडर */ .login-body.has-pubtop{display:block!important;padding:0!important;min-height:100vh} .has-pubtop>.pl-top{position:sticky;top:0;z-index:30} .has-pubtop>.login-card{margin:28px auto 40px!important;width:calc(100% - 32px)} .has-pubtop>.lg2-wrap{margin:28px auto 40px!important;width:calc(100% - 32px)} .has-pubtop .lg2-lang{display:none} .has-pubtop .su-logo img{width:96px;height:auto} .has-pubtop .su-logo{margin-bottom:6px} .pub-body .pl-top .pl-wrap{max-width:1180px} /* डेमो सेक्शन: WhatsApp बटन + 3 कदम + संपर्क कार्ड */ .pl-wabtn{background:#25D366!important;color:#fff!important;border:0!important;box-shadow:0 10px 24px rgba(37,211,102,.32);display:inline-flex;align-items:center;gap:8px} .pl-wabtn:hover{background:#1EBE5A!important;transform:translateY(-2px)} .pl-wabtn img,.pl-wabtn svg{filter:brightness(0) invert(1)} .pl-steps3{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;counter-reset:s3} .pl-steps3 li{position:relative;display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid #E5EAF1;border-radius:16px;padding:16px 14px;box-shadow:0 10px 28px rgba(11,42,99,.06);counter-increment:s3} .pl-steps3 li:before{content:counter(s3);position:absolute;top:12px;right:14px;font-weight:800;font-size:22px;color:#E2E8F0} .pl-steps3 b{display:block;color:#0B2A63;font-size:15px}.pl-steps3 small{display:block;color:#64748B;font-size:13px;line-height:1.45;margin-top:2px} .pl-s3i{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px} .pl-s3i.i1{background:linear-gradient(135deg,#E0ECFF,#C7DBFF)}.pl-s3i.i2{background:linear-gradient(135deg,#DCFCE7,#BBF7D0)}.pl-s3i.i3{background:linear-gradient(135deg,#FFF1D6,#FFE0A3)} .pl-reach{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-top:14px} .pl-rc{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;text-decoration:none;border:1px solid #E5EAF1;background:#fff;transition:transform .15s,box-shadow .15s;min-width:0} .pl-rc:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(11,42,99,.10)} .pl-rc>span{width:42px;height:42px;flex:0 0 42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;background:#F1F5F9} .pl-rc.wa{border-color:#BBF7D0;background:#F0FDF4}.pl-rc.wa>span{background:#25D366}.pl-rc.wa>span img,.pl-rc.wa>span svg{filter:brightness(0) invert(1)} .pl-rc div{min-width:0}.pl-rc b{display:block;color:#0B2A63;font-size:14.5px}.pl-rc small{display:block;color:#64748B;font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} @media(max-width:640px){.pl-steps3{grid-template-columns:1fr}.pl-steps3 li{flex-direction:row;align-items:center}} /* हेडर हर पेज पर एक जैसा दिखे (body की class चाहे जो हो) */ .pl-top,.pl-drawer{font-family:"Poppins","Noto Sans Devanagari",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif} .pl-top .btn-primary.pl-try{background:linear-gradient(135deg,#25D366,#128C7E)!important;border:0!important;color:#fff!important;box-shadow:0 8px 20px rgba(18,140,126,.35)!important} .pl-top .pl-brand{color:#0B2A63;text-decoration:none} /* v17.86 साइन-अप = लॉगिन जैसा डिज़ाइन */ .su2 .lg2-card.su-card{max-width:520px} .su2-row{display:grid;grid-template-columns:1fr 1fr;gap:12px} .su2-row .field{min-width:0} @media(max-width:560px){.su2-row{grid-template-columns:1fr;gap:0}} .su2 .su-logo img{width:84px;height:auto} .su2-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(37,211,102,.18);border:1px solid rgba(37,211,102,.45);color:#C9F7D9;font-weight:700;font-size:13px;padding:6px 12px;border-radius:999px;margin-bottom:14px} .su2-steps{list-style:none;padding:0;margin:18px 0 18px;display:flex;flex-direction:column;gap:10px} .su2-steps li{display:flex;gap:12px;align-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:10px 12px;backdrop-filter:blur(6px)} .su2-steps li>span{width:34px;height:34px;flex:0 0 34px;border-radius:10px;background:linear-gradient(135deg,#25D366,#128C7E);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center} .su2-steps b{display:block;color:#fff;font-size:15px}.su2-steps small{display:block;color:rgba(255,255,255,.75);font-size:13px} .su2-steps li:before,.su2-steps li::before{content:none!important;display:none!important} .su2 .lg2-side .su2-steps li{padding-left:12px!important} /* v17.87 📅 कैलेंडर */ .gc-add{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:#1565D8;background:#EEF4FF;border:1px solid #D6E4FF;border-radius:999px;padding:2px 9px;text-decoration:none;white-space:nowrap;margin-left:4px} .gc-chip{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:13px;font-weight:600;color:#1565D8;text-decoration:none} .gc-steps{display:flex;gap:8px;flex-wrap:wrap} .gc-url{display:flex;gap:8px;align-items:center}.gc-url input{flex:1;min-width:0;padding:9px 10px;border:1px solid var(--line,#E3E5E1);border-radius:10px;font-size:13px;background:var(--surface-2,#F8FAFC);color:inherit} .gc-notes{list-style:none;padding:0;margin:12px 0;display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted,#6B7280)} .gc-row{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid var(--line,#EEF0F2)}.gc-row:last-child{border-bottom:0} .gc-d{width:44px;flex:0 0 44px;text-align:center;background:#EEF4FF;border-radius:10px;padding:4px 0;line-height:1.1}.gc-d b{display:block;font-size:17px;color:#0B2A63}.gc-d small{font-size:11px;color:#1565D8;font-weight:600} .gc-t{flex:1;min-width:0}.gc-t b{display:block;font-size:14px}.gc-t small{display:block;font-size:12px;color:var(--muted,#6B7280)} /* v17.87 🧾 GST बिल */ .inv-g{display:grid;grid-template-columns:1fr 1fr;gap:10px} .inv-g label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted,#6B7280);font-weight:600;min-width:0} .inv-g label small{font-weight:400} .inv-g input,.inv-g select,.inv-g textarea{width:100%;box-sizing:border-box;padding:10px 11px;border:1px solid var(--line,#D9DEE3);border-radius:10px;font-size:14px;background:var(--surface,#fff);color:var(--text,#111)} .inv-g .inv-w{grid-column:1/-1} @media(max-width:600px){.inv-g{grid-template-columns:1fr}} .inv-f>*{grid-column:1/-1!important}.inv-f{display:block!important} .inv-tax{margin:12px 0;font-weight:700;font-size:14px} .inv-sum{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0} .inv-sum div{background:var(--surface-2,#F6F8FB);border:1px solid var(--line,#E5E7EB);border-radius:12px;padding:8px 10px}.inv-sum small{display:block;font-size:12px;color:var(--muted,#6B7280)}.inv-sum b{font-size:15px} @media(max-width:600px){.inv-sum{grid-template-columns:repeat(2,1fr)}} .inv-flt{display:flex!important;gap:8px;flex-wrap:wrap}.inv-flt input[type=search]{flex:1;min-width:140px} .inv-row{display:flex;justify-content:space-between;gap:10px;padding:10px 2px;border-bottom:1px solid var(--line,#EEF0F2);text-decoration:none;color:inherit} .inv-row:last-of-type{border-bottom:0}.inv-l,.inv-r{min-width:0}.inv-r{text-align:right} .inv-row b{display:block;font-size:14.5px}.inv-row small{display:block;font-size:12px;color:var(--muted,#6B7280);overflow:hidden;text-overflow:ellipsis} .inv-x{opacity:.55}.inv-x b{text-decoration:line-through} .inv-r b{white-space:nowrap} /* v17.87 💰 बकाया */ .lg-top{display:flex;gap:14px;flex-wrap:wrap;align-items:stretch;margin-bottom:12px} .lg-top>div:first-child{background:linear-gradient(135deg,#0B2A63,#1565D8);color:#fff;border-radius:14px;padding:12px 16px;min-width:180px} .lg-top>div:first-child small{display:block;opacity:.85;font-size:12px}.lg-top>div:first-child b{display:block;font-size:22px;margin:2px 0} .lg-bk{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;min-width:0} .lg-bk div{border-radius:12px;padding:8px 10px;border:1px solid var(--line,#E5E7EB)}.lg-bk small{display:block;font-size:11.5px;color:var(--muted,#6B7280)}.lg-bk b{font-size:14px} .a0{background:#F0FDF4}.a1{background:#FFFBEB}.a2{background:#FFF7ED}.a3{background:#FEF2F2} @media(max-width:640px){.lg-bk{grid-template-columns:repeat(2,1fr)}.lg-top>div:first-child{flex:1 1 100%}} .lg-flt{display:flex!important;gap:8px;flex-wrap:wrap;margin-bottom:6px}.lg-flt input[type=search]{flex:1;min-width:140px} .lg-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line,#EEF0F2)}.lg-row:last-of-type{border-bottom:0} .lg-n{flex:1;min-width:0;text-decoration:none;color:inherit}.lg-n b{display:block;font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lg-n small{display:block;font-size:12px;color:var(--muted,#6B7280)} .lg-ag{display:inline-block;border-radius:999px;padding:1px 8px;font-weight:600;color:#334155} .lg-v{text-align:right}.lg-v b{display:block;font-size:15px;white-space:nowrap;color:#B91C1C}.lg-v b.ok{color:#15803D}.lg-v small{font-size:11.5px;color:var(--muted,#6B7280)} .lg-b{display:flex;gap:6px}.lg-b img{width:18px;height:18px} .lg-head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap} .lg-kpi{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0}.lg-kpi div{background:var(--surface-2,#F6F8FB);border:1px solid var(--line,#E5E7EB);border-radius:12px;padding:8px 12px;min-width:110px} .lg-kpi small{display:block;font-size:12px;color:var(--muted,#6B7280)}.lg-kpi b{font-size:16px}.lg-kpi b.ok{color:#15803D}.lg-kpi .due b{color:#B91C1C} .lg-age{display:flex;gap:6px;flex-wrap:wrap}.lg-age span{font-size:12px;border-radius:999px;padding:3px 10px} .lg-acts{display:flex;gap:8px;align-items:flex-start;flex-wrap:wrap} .lg-wa{background:#25D366!important;color:#fff!important;border:0!important;display:inline-flex;align-items:center;gap:6px} .lg-wa img{filter:brightness(0) invert(1)} .lg-g{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:10px} .lg-g label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600;color:var(--muted,#6B7280);min-width:0} .lg-g input,.lg-g select{width:100%;box-sizing:border-box;padding:10px 11px;border:1px solid var(--line,#D9DEE3);border-radius:10px;font-size:14px;background:var(--surface,#fff);color:var(--text,#111)} .lg-g .lg-w{grid-column:1/-1} @media(max-width:700px){.lg-g{grid-template-columns:1fr 1fr}}@media(max-width:440px){.lg-g{grid-template-columns:1fr}} .lg-f{display:block!important}.lg-f>*{grid-column:1/-1!important} .lg-r{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--line,#EEF0F2);align-items:flex-start}.lg-r:last-child{border-bottom:0} .lg-d{width:62px;flex:0 0 62px;font-size:12px;color:var(--muted,#6B7280);padding-top:2px} .lg-t{flex:1;min-width:0}.lg-t b{display:block;font-size:14px}.lg-t small{display:block;font-size:12px;color:var(--muted,#6B7280);overflow-wrap:anywhere} .lg-a{text-align:right}.lg-a b{display:block;white-space:nowrap}.lg-a b.dr{color:#B91C1C}.lg-a b.cr{color:#15803D}.lg-a small{font-size:11.5px;color:var(--muted,#6B7280);white-space:nowrap} .lg-void{opacity:.5}.lg-void b{text-decoration:line-through}.lg-vr{color:#B91C1C!important} .lg-vx summary{font-size:11.5px;color:#B91C1C;cursor:pointer;margin-top:4px}.lg-vx form{display:flex;gap:6px;margin-top:4px}.lg-vx input{padding:6px 8px;border:1px solid var(--line,#D9DEE3);border-radius:8px;font-size:12px;min-width:0} .od-part{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:10px 12px;margin-bottom:10px;border:1px dashed var(--line,#D9DEE3);border-radius:12px;font-size:14px} .od-part b.due{color:#B91C1C}.od-part b.ok{color:#15803D} .cp-due{display:flex;flex-direction:column;text-decoration:none;color:#B91C1C!important}.cp-due.adv{color:#15803D!important}.cp-due span{color:var(--muted,#6B7280)} @media print{.lg-head .lg-acts,#lgAdd,.lg-vx,.sidebar,.topbar,header,nav{display:none!important}} /* v17.88 👑 Super Admin वाले मेनू — अलग रंग, सबसे नीचे */ /* v18.06 👑 Super Admin — ALL DECISIONS वाला काला + चाँदी (chrome) रूप */ .sa-nav{margin:14px 8px 6px;padding:8px 4px 10px;border-radius:14px;background:linear-gradient(160deg,#1A1A1C 0%,#0B0B0C 55%,#232326 100%);border:1px solid #3A3A3F;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 6px 18px rgba(0,0,0,.35)} .sa-nav .sa-grp{background:linear-gradient(90deg,#F4F4F5,#A1A1AA 55%,#E4E4E7);-webkit-background-clip:text;background-clip:text;color:transparent!important;font-weight:800;letter-spacing:.06em;padding:6px 10px 6px;opacity:1} .sa-nav a{color:#D4D4D8!important} .sa-nav a .icon,.sa-nav a .icon svg{color:#A1A1AA!important;stroke:#A1A1AA} .sa-nav a:hover{background:rgba(255,255,255,.06)!important;color:#fff!important} .sa-nav a.active{background:linear-gradient(180deg,#F4F4F5,#C9C9CF 60%,#9CA3AF)!important;color:#0B0B0C!important;font-weight:700;box-shadow:inset 0 1px 0 #fff,0 2px 6px rgba(0,0,0,.4)} .sa-nav a.active .icon svg{stroke:#0B0B0C} body.sa-page .topbar{background:linear-gradient(90deg,#0B0B0C,#1F1F22 60%,#2A2A2E)!important;border-bottom:2px solid #9CA3AF!important;box-shadow:0 2px 10px rgba(0,0,0,.25)} body.sa-page .topbar .topbar-h1,body.sa-page .topbar h1{color:#F4F4F5!important} body.sa-page .topbar .nb,body.sa-page .topbar button{filter:none} body.sa-page .card h2{color:#18181B} body.sa-page .btn-primary{background:linear-gradient(180deg,#3F3F46,#18181B)!important;border-color:#18181B!important;color:#fff!important} body.sa-page .btn-primary:hover{background:linear-gradient(180deg,#52525B,#27272A)!important} /* v17.87 📦 स्टॉक */ .stk-kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px} .stk-kpi>*{border:1px solid var(--line,#E5E7EB);border-radius:12px;padding:8px 12px;text-decoration:none;color:inherit;background:var(--surface-2,#F6F8FB)} .stk-kpi small{display:block;font-size:12px;color:var(--muted,#6B7280)}.stk-kpi b{font-size:18px}.stk-kpi .w b{color:#B45309}.stk-kpi .on{border-color:#1565D8;box-shadow:0 0 0 2px rgba(21,101,216,.15)} .stk-flt{display:flex!important;gap:8px}.stk-flt input{flex:1;min-width:0} .stk-row{display:flex;align-items:center;gap:12px;padding:10px 2px;border-bottom:1px solid var(--line,#EEF0F2);text-decoration:none;color:inherit}.stk-row:last-of-type{border-bottom:0} .stk-dot{width:10px;height:10px;border-radius:50%;flex:0 0 10px}.stk-dot.st-ok{background:#22C55E}.stk-dot.st-low{background:#F59E0B}.stk-dot.st-out{background:#EF4444} .stk-n{flex:1;min-width:0}.stk-n b{display:block;font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stk-n small{font-size:12px;color:var(--muted,#6B7280)} .stk-q{text-align:right}.stk-q b{display:block;font-size:16px}.stk-q small{font-size:11.5px;color:var(--muted,#6B7280)} .stk-q.st-low b{color:#B45309}.stk-q.st-out b{color:#DC2626} .stk-hd{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap} .stk-big{text-align:center;border-radius:14px;padding:8px 16px;background:#F0FDF4}.stk-big b{display:block;font-size:26px}.stk-big small{font-size:12px} .stk-big.st-low{background:#FFFBEB;color:#92400E}.stk-big.st-out{background:#FEF2F2;color:#991B1B} .stk-acts{display:flex;flex-direction:column;gap:8px;margin-top:14px} .stk-d{border:1px solid var(--line,#E5E7EB);border-radius:12px;padding:8px 12px}.stk-d summary{cursor:pointer;font-weight:600} .stk-f{display:flex!important;gap:8px;flex-wrap:wrap;margin-top:8px}.stk-f input{flex:1;min-width:120px;padding:9px 10px;border:1px solid var(--line,#D9DEE3);border-radius:10px;font-size:14px;background:var(--surface,#fff);color:inherit} .stk-m{display:flex;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line,#EEF0F2)}.stk-m:last-child{border-bottom:0} .stk-mi{width:30px;text-align:center}.stk-mt{flex:1;min-width:0}.stk-mt b{display:block;font-size:14px}.stk-mt small{font-size:12px;color:var(--muted,#6B7280)} .stk-mq{white-space:nowrap}.stk-mq.up{color:#15803D}.stk-mq.dn{color:#B91C1C} .stk-flt>*,.inv-flt>*,.lg-flt>*{grid-column:auto!important}.stk-flt button,.inv-flt button,.lg-flt button{width:auto!important;flex:0 0 auto}.stk-flt input,.inv-flt input,.lg-flt input{padding:9px 10px;border:1px solid var(--line,#D9DEE3);border-radius:10px;font-size:14px} .wa-tokf{display:flex!important;flex-wrap:wrap;gap:8px;align-items:flex-end;margin:10px 0 14px;padding:12px;border:1px dashed var(--line,#D9DEE3);border-radius:12px} .wa-tokf label{display:flex;flex-direction:column;gap:6px;flex:1;min-width:220px}.wa-tokf input{padding:10px 11px;border:1px solid var(--line,#D9DEE3);border-radius:10px;font-size:14px} .wa-tokf small{flex-basis:100%} .wa-tokf>*{grid-column:auto!important} /* v17.90 🧹 चैट साफ़ */ .wa-clr{position:relative;display:inline-block}.wa-clr>summary{list-style:none;cursor:pointer}.wa-clr>summary::-webkit-details-marker{display:none} .wa-clr-m{position:absolute;z-index:30;top:calc(100% + 6px);right:0;min-width:240px;background:var(--surface,#fff);border:1px solid var(--line,#E5E7EB);border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.12);padding:8px;display:flex;flex-direction:column;gap:6px} .wa-clr-m form{margin:0}.wa-clr-m button{width:100%;justify-content:flex-start;text-align:left}.wa-clr-m small{padding:2px 4px} /* v17.95 📝 टेम्पलेट: Wati/AiSensy जैसा — एक "New template ▾" बटन + साफ़ टेबल */ .tpl-wrap{display:flex;flex-direction:column;gap:0}.tpl-wrap>.tpl-panel{order:1}.tpl-wrap>.tpl-listc{order:2} .tpl-panel:not([open]){display:none} .tpl-panel>summary{display:flex;justify-content:space-between;align-items:center;cursor:default;list-style:none}.tpl-panel>summary::-webkit-details-marker{display:none} .tpl-x{text-decoration:none;color:var(--muted,#6B7280);font-size:18px;padding:2px 8px;border-radius:8px}.tpl-x:hover{background:var(--surface-2,#F1F5F9)} .tpl-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}.tpl-bar h2{margin:0}.tpl-bar h2 small{font-weight:500;color:var(--muted,#6B7280)} .tpl-bar-r{display:flex;gap:8px;align-items:center}.tpl-bar-r form{margin:0} .tpl-newdd{position:relative}.tpl-newdd>summary{list-style:none;cursor:pointer}.tpl-newdd>summary::-webkit-details-marker{display:none} .tpl-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:40;min-width:290px;background:var(--surface,#fff);border:1px solid var(--line,#E5E7EB);border-radius:14px;box-shadow:0 16px 40px rgba(0,0,0,.14);padding:6px} .tpl-menu a{display:block;padding:10px 12px;border-radius:10px;text-decoration:none;color:inherit}.tpl-menu a:hover{background:var(--surface-2,#F1F5F9)} .tpl-menu b{display:block;font-size:14.5px}.tpl-menu small{display:block;font-size:12.5px;color:var(--muted,#6B7280);margin-top:2px} .tpl-flt{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:10px 0} .tpl-flt input{flex:1;min-width:180px;padding:9px 12px;border:1px solid var(--line,#D9DEE3);border-radius:10px;font-size:14px;background:var(--surface,#fff);color:inherit} .tpl-chips{display:flex;gap:6px;flex-wrap:wrap}.tpl-chips button{border:1px solid var(--line,#E5E7EB);background:var(--surface,#fff);border-radius:999px;padding:6px 12px;font:inherit;font-size:13px;cursor:pointer;color:inherit} .tpl-chips button i{font-style:normal;opacity:.6;margin-left:3px}.tpl-chips button.on{background:#128C7E;border-color:#128C7E;color:#fff} .tpl-th,.tpl-sum{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1.2fr) 80px 110px;gap:10px;align-items:center} .tpl-th{padding:8px 12px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted,#6B7280);border-bottom:1px solid var(--line,#E5E7EB)} .tpl-row{border-bottom:1px solid var(--line,#EEF0F2)}.tpl-row:last-of-type{border-bottom:0} .tpl-sum{padding:11px 12px;cursor:pointer;list-style:none;border-radius:10px}.tpl-sum::-webkit-details-marker{display:none}.tpl-sum:hover{background:var(--surface-2,#F6F8FB)} .tpl-row[open]>.tpl-sum{background:var(--surface-2,#F6F8FB)} .tpl-n{min-width:0}.tpl-n b{display:block;font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tpl-n small{display:block;font-size:12.5px;color:var(--muted,#6B7280);overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .tpl-c,.tpl-l{font-size:13px;color:var(--muted,#6B7280)} .tpl-row .wa-tpl{border:0;margin:0 12px 12px;padding:10px 0 0;box-shadow:none;background:none} .tpl-use{margin-top:8px} @media(max-width:640px){.tpl-th{display:none}.tpl-sum{grid-template-columns:minmax(0,1fr) auto;row-gap:2px}.tpl-c{grid-column:1}.tpl-l{display:none}.tpl-s{grid-row:1;grid-column:2}.tpl-menu{right:auto;left:0;min-width:260px}} /* v17.96 👁️ टेम्पलेट का फ़ोन जैसा प्रीव्यू */ .tp-phone{max-width:340px;border-radius:22px;overflow:hidden;border:6px solid #1F2937;background:#1F2937;box-shadow:0 14px 34px rgba(0,0,0,.18);margin:4px 0 10px} .tp-top{display:flex;align-items:center;gap:8px;background:#075E54;color:#fff;padding:9px 12px;font-size:14px}.tp-top i{font-style:normal;background:#25D366;color:#fff;border-radius:50%;width:15px;height:15px;font-size:9px;display:inline-flex;align-items:center;justify-content:center} .tp-av{width:28px;height:28px;border-radius:50%;background:#DCF8C6;color:#075E54;display:inline-flex;align-items:center;justify-content:center;font-weight:800} .tp-chat{background:#ECE5DD;padding:12px 10px 14px;min-height:150px} .tp-msg{background:#fff;border-radius:0 10px 10px 10px;padding:5px 7px 3px;max-width:94%;box-shadow:0 1px 1px rgba(0,0,0,.12);overflow-wrap:anywhere;color:#111} .tp-h{font-weight:700;font-size:14.5px;margin:3px 2px 4px} .tp-media{margin:-1px -3px 6px;border-radius:7px;overflow:hidden;background:#D1D5DB}.tp-media img{display:block;width:100%;max-height:190px;object-fit:cover} .tp-media-ph{height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#4B5563}.tp-media-ph span{font-size:34px}.tp-media-ph small{font-size:12px} .tp-b{font-size:14px;line-height:1.45;padding:0 2px}.tp-b code{font-family:monospace;background:#F1F5F9;padding:0 3px;border-radius:3px} .tp-var{color:#0B7DDA;font-weight:600} .tp-f{font-size:12px;color:#6B7280;margin:4px 2px 0} .tp-t{text-align:right;font-size:10.5px;color:#9CA3AF;margin-top:2px} .tp-btns{max-width:94%;display:grid;gap:3px;margin-top:3px}.tp-btns div{background:#fff;border-radius:8px;text-align:center;color:#0B7DDA;font-size:14px;padding:8px;box-shadow:0 1px 1px rgba(0,0,0,.1)} .tp-cards{display:flex;gap:8px;overflow-x:auto;margin-top:8px;padding-bottom:4px}.tp-card{flex:0 0 200px;background:#fff;border-radius:10px;padding:6px;box-shadow:0 1px 1px rgba(0,0,0,.12)}.tp-card .tp-btns{max-width:none}.tp-card .tp-btns div{box-shadow:none;border-top:1px solid #E5E7EB;border-radius:0} .tp-note{display:block;background:#fff;padding:6px 10px;font-size:11.5px;color:#6B7280} /* v18.00 लॉगिन फ़ॉर्म — कम ऊँची स्क्रीन (लैपटॉप) पर छोटा, ताकि पूरा एक स्क्रीन में दिखे */ @media (min-width:900px) and (max-height:960px){ .login-body.lg2.has-pubtop:has(>.lg2-wrap){display:flex!important;flex-direction:column} .login-body.lg2.has-pubtop:has(>.lg2-wrap)>.pl-top{width:100%;align-self:stretch;flex:0 0 auto} .has-pubtop>.lg2-wrap{margin:auto!important;padding:16px 0} .lg2-card{padding:18px 22px;border-radius:18px} .lg2-card .login-logo{margin:0 0 2px} .lg2-card .login-logo img{width:30%;max-width:104px} .lg2-title{font-size:20px;margin:2px 0 0} .lg2-card .sub{font-size:13px;margin:2px 0 10px} .lg2-card .field{margin-bottom:10px} .lg2-card input[type=text],.lg2-card input[type=password],.lg2-card input[type=email]{min-height:42px} .lg2-card .btn-primary[type=submit]{min-height:44px} .lg2-card .error{padding:8px 12px;margin-bottom:10px;font-size:13px} .lg2-side h2{font-size:30px;margin:16px 0 8px} .lg2-art{height:220px;transform:scale(.88);transform-origin:left top} } /* v18.04 Clients कार्ड: Archive बटन (form के अंदर) बाकी बटनों जितना ऊँचा */ .co-acts>form{display:flex;align-self:stretch} .co-acts>form>.btn{height:100%;min-width:44px;justify-content:center} /* v18.06 अवधि चुनने के बॉक्स */ .bx-dur{display:flex;flex-wrap:wrap;gap:6px 12px;margin:4px 0} .wl-cyc{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px} .pub-dur{text-align:center;color:#475569;margin:6px 0 0} /* ===== v18.12 होम: घूमता सर्कल (orbit) — सिर्फ़ CSS, चलती चीज़ें reduced-motion में रुकती हैं ===== */ .pl-orbit{min-height:520px} .orb{--S:500px;--R1:118px;--R2:212px;position:relative;width:var(--S);height:var(--S);max-width:100%;margin:0 auto} .orb-glow{position:absolute;inset:18%;border-radius:50%;background:radial-gradient(circle,rgba(21,101,216,.16),rgba(21,101,216,0) 70%)} .orb-ring{position:absolute;left:50%;top:50%;border-radius:50%;animation:orbSpin 70s linear infinite} .orb-ring.r1{width:calc(var(--R1)*2);height:calc(var(--R1)*2);margin:calc(var(--R1)*-1) 0 0 calc(var(--R1)*-1);border:2px dashed rgba(249,115,22,.45);--R:var(--R1);animation-duration:55s;animation-direction:reverse} .orb-ring.r2{width:calc(var(--R2)*2);height:calc(var(--R2)*2);margin:calc(var(--R2)*-1) 0 0 calc(var(--R2)*-1);border:1.5px dashed rgba(11,42,99,.25);--R:var(--R2)} .orb-it{position:absolute;left:50%;top:50%;width:0;height:0;transform:rotate(var(--a)) translateX(var(--R)) rotate(calc(var(--a)*-1))} .orb-ic{position:absolute;left:-26px;top:-26px;width:52px;height:52px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;color:#1565D8;box-shadow:0 10px 24px rgba(11,42,99,.16);animation:orbSpin 70s linear infinite reverse} .r1 .orb-ic{left:-23px;top:-23px;width:46px;height:46px;color:#EA580C;animation-duration:55s;animation-direction:normal} .orb-ic.wa{background:#E8F8EE} .orb-ic i{position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:6px;white-space:nowrap;font-style:normal;font-size:11.5px;font-weight:600;color:#0B2A63;background:#fff;border-radius:999px;padding:2px 8px;box-shadow:0 4px 10px rgba(11,42,99,.12);opacity:0;transition:opacity .2s;pointer-events:none} .orb-ic:hover i{opacity:1} .orb-core{position:absolute;left:50%;top:50%;width:128px;height:128px;margin:-64px 0 0 -64px;border-radius:50%;background:#fff;border:10px solid #1565D8;box-shadow:0 0 0 14px rgba(21,101,216,.14),0 20px 50px rgba(11,42,99,.3);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;animation:orbPulse 3.2s ease-in-out infinite} .orb-core img{width:58px;height:auto}.orb-core b{font-size:14px;color:#0B2A63;letter-spacing:.3px} .orb-card{position:absolute;display:flex;gap:10px;align-items:center;background:#fff;border-radius:14px;padding:10px 14px;box-shadow:0 14px 34px rgba(11,42,99,.18);z-index:2;animation:orbBob 5s ease-in-out infinite;max-width:230px} .orb-card span{flex:0 0 34px;height:34px;border-radius:10px;background:#EEF4FF;display:flex;align-items:center;justify-content:center;font-size:17px} .orb-card b{display:block;font-size:13.5px;color:#0B2A63;line-height:1.25}.orb-card small{display:block;font-size:11.5px;color:#64748B} .orb-card.c1{right:-6%;top:8%}.orb-card.c2{left:-8%;bottom:10%;animation-delay:1.6s}.orb-card.c3{right:-2%;bottom:2%;animation-delay:3s} @keyframes orbSpin{to{transform:rotate(360deg)}} .orb-ring .orb-ic{transform-origin:center} @keyframes orbPulse{0%,100%{box-shadow:0 0 0 14px rgba(21,101,216,.14),0 20px 50px rgba(11,42,99,.3)}50%{box-shadow:0 0 0 24px rgba(21,101,216,.06),0 20px 50px rgba(11,42,99,.3)}} @keyframes orbBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}} @media (prefers-reduced-motion:reduce){.orb-ring,.orb-ic,.orb-core,.orb-card{animation:none!important}} @media(max-width:1100px){.orb{--S:440px;--R1:104px;--R2:188px}.orb-card.c1{right:0}.orb-card.c2{left:0}} @media(max-width:860px){.pl-orbit{min-height:0;margin-top:8px}.orb{--S:340px;--R1:80px;--R2:146px}.orb-core{width:100px;height:100px;margin:-50px 0 0 -50px;border-width:8px}.orb-core img{width:44px}.orb-core b{font-size:12px} .orb-ic{left:-21px;top:-21px;width:42px;height:42px}.r1 .orb-ic{left:-19px;top:-19px;width:38px;height:38px}.orb-ic svg{width:18px;height:18px}.orb-ic img{width:20px;height:20px} .orb-card{padding:7px 10px;max-width:190px}.orb-card span{flex-basis:28px;height:28px;font-size:14px}.orb-card b{font-size:12px}.orb-card small{font-size:10.5px} .orb-card.c1{right:-4px;top:-2px}.orb-card.c2{left:-4px;bottom:4px}.orb-card.c3{display:none}} @media(max-width:380px){.orb{--S:300px;--R1:70px;--R2:128px}} /* "AD CRM में" चिप्स */ .pl-inapp{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;margin:18px 0 0} .pl-inapp-l{font-size:12px;font-weight:700;letter-spacing:.12em;color:#64748B;text-transform:uppercase;margin-right:4px} .pl-chip{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid #DCE5F2;border-radius:999px;padding:8px 16px;font-weight:600;font-size:14px;color:#0B2A63;text-decoration:none;transition:border-color .15s,transform .15s} .pl-chip:hover{border-color:#1565D8;transform:translateY(-1px)} .pl-chip-all{background:#0B2A63;color:#fff;border-color:#0B2A63} /* ===== v18.12 कीमत पेज ===== */ .pr-dur{display:flex;gap:4px;justify-content:center;margin:0 auto 22px;background:#EEF2F8;border-radius:999px;padding:5px;width:max-content;max-width:100%;flex-wrap:wrap} .pr-dur button{border:0;background:transparent;font:inherit;font-weight:600;font-size:14.5px;color:#334155;padding:9px 18px;border-radius:999px;cursor:pointer} .pr-dur button.on{background:#fff;color:#0B2A63;box-shadow:0 2px 8px rgba(11,42,99,.14)} .pr-plans{align-items:stretch} .pr-plan{padding:24px!important} .pr-plan.pop{border:2px solid #1565D8!important;box-shadow:0 20px 50px rgba(21,101,216,.18)!important} .pr-kind{align-self:flex-start;display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;letter-spacing:.04em;color:#1565D8;background:#EEF4FF;border-radius:999px;padding:4px 10px} .pr-tot{font-size:13.5px;color:#475569;min-height:20px;margin-top:-4px} .pr-lims{list-style:none;margin:4px 0 0;padding:12px 0;border-top:1px solid #EEF1F5;border-bottom:1px solid #EEF1F5;display:grid;gap:7px;font-size:14.5px} .pr-lims b{color:#0B2A63}.pr-no{color:#94A3B8} .pr-feat{list-style:none;margin:0;padding:0;display:grid;gap:7px;font-size:14.5px;color:#334155} .pr-feat li{padding-left:24px;position:relative} .pr-feat li::before{content:'';position:absolute;left:0;top:3px;width:16px;height:16px;border-radius:50%;background:#16A34A url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/11px no-repeat} .pr-more summary{cursor:pointer;font-weight:600;color:#1565D8;font-size:14px;margin:2px 0 8px;list-style:none} .pr-more summary::-webkit-details-marker{display:none} .pr-gst{text-align:center;color:#64748B;font-size:13.5px;margin:14px 0 6px} .pr-faq .pl-faq{margin:8px 0} /* ===== v18.14 ऑफ़लाइन: ऊपर पट्टी + फ़ोन वाली एंट्री की सूची ===== */ .oq-bar{position:sticky;top:0;z-index:9500;background:#334155;color:#fff;font-size:13px;font-weight:600;text-align:center;padding:6px 12px;line-height:1.4} .oq-bar.on{background:#15803D} .oq-bar[hidden]{display:none} .oq-bar button{margin-left:8px;border:0;border-radius:999px;background:#fff;color:#0B2A63;font:inherit;font-size:12px;font-weight:700;padding:3px 10px;cursor:pointer} .oq-panel{position:fixed;inset:0;z-index:9600;background:rgba(15,23,42,.45);display:flex;align-items:flex-end;justify-content:center} .oq-panel[hidden]{display:none} .oq-box{background:#fff;width:100%;max-width:520px;max-height:80vh;overflow:auto;border-radius:18px 18px 0 0;padding:14px 16px calc(16px + env(safe-area-inset-bottom,0px))} @media(min-width:700px){.oq-panel{align-items:center}.oq-box{border-radius:18px}} .oq-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.oq-head b{font-size:16px;color:#0B2A63} .oq-head button{border:0;background:#F1F5F9;border-radius:50%;width:32px;height:32px;font-size:15px;cursor:pointer} .oq-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #EEF1F5;font-size:14px} .oq-row small{display:block;color:#64748B;font-size:12px;margin-top:2px} .oq-row.bad b{color:#B91C1C} .oq-row button{border:1px solid #FCA5A5;background:#FEF2F2;color:#B91C1C;border-radius:8px;padding:6px 10px;font:inherit;font-size:13px;font-weight:600;cursor:pointer;flex:0 0 auto} .oq-none{color:#64748B;text-align:center;padding:14px 0} .oq-send{display:block;width:100%;margin-top:12px;border:0;border-radius:10px;background:#1565D8;color:#fff;font:inherit;font-weight:700;padding:12px;cursor:pointer} /* v18.17 लॉगिन: Google बटन सबसे ऊपर, बड़ा */ .gl-btn.gl-top{min-height:50px;font-size:16px;font-weight:700;border:1.5px solid #DADCE0;background:#fff;color:#1F2937;box-shadow:0 2px 6px rgba(11,42,99,.08);margin-top:6px} .gl-btn.gl-top:hover{border-color:#4285F4;box-shadow:0 4px 12px rgba(66,133,244,.18)} /* v18.19 कीमत पेज: "हर प्लान के साथ" आइकन कार्ड */ .pr-inc{margin:26px 0 8px} .pr-inc h2{text-align:center;color:#0B2A63;font-size:clamp(20px,2.6vw,26px);margin:0 0 16px} .pr-inc-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px} .pr-inc-c{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid #E3E9F2;border-radius:16px;padding:16px;box-shadow:0 1px 2px rgba(11,42,99,.04)} .pr-inc-i{flex:0 0 44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#1565D8,#0B2A63);color:#fff;display:flex;align-items:center;justify-content:center} .pr-inc-c b{display:block;color:#0B2A63;font-size:15.5px;line-height:1.3;margin-bottom:3px} .pr-inc-c small{display:block;color:#64748B;font-size:13.5px;line-height:1.45} @media(max-width:1000px){.pr-inc-g{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:560px){.pr-inc-g{grid-template-columns:1fr}.pr-inc-c{padding:13px}} /* ===== v18.20 Live chat — असली WhatsApp जैसा ===== */ .wa-thread .wa-thead{gap:10px;justify-content:flex-start} .wa-av{flex:0 0 42px;width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#25D366,#128C7E);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:17px} .wa-thread .wa-thead .wa-tname{flex:1} .wa-thread .wa-msgs{gap:2px;padding:12px 4% 14px} .wa-day{align-self:center;margin:10px 0 6px;position:sticky;top:4px;z-index:2} .wa-day span{display:inline-block;background:#fff;color:#54656F;font-size:12.5px;font-weight:500;padding:5px 12px;border-radius:8px;box-shadow:0 1px .5px rgba(11,20,26,.13)} .wa-thread .wa-m{position:relative;max-width:min(78%,560px);padding:6px 9px 7px;border-radius:8px;font-size:calc(14.5px*var(--fs,1));line-height:1.4;color:#111B21;box-shadow:0 1px .5px rgba(11,20,26,.13);margin:2px 0} .wa-thread .wa-m.in{background:#fff;border-top-left-radius:0;margin-left:8px} .wa-thread .wa-m.out{background:#D9FDD3;border-top-right-radius:0;margin-right:8px} .wa-thread .wa-m.in::before,.wa-thread .wa-m.out:not(.fail)::before{content:"";position:absolute;top:0;width:8px;height:13px} .wa-thread .wa-m.in::before{left:-8px;background:linear-gradient(to bottom right,transparent 50%,#fff 50%);clip-path:polygon(100% 0,0 0,100% 100%)} .wa-thread .wa-m.out:not(.fail)::before{right:-8px;background:#D9FDD3;clip-path:polygon(0 0,100% 0,0 100%)} .wa-thread .wa-m.in::before{background:#fff} .wa-thread .wa-m small{display:flex;justify-content:flex-end;align-items:center;gap:4px;color:#667781;font-size:11px;margin:2px 0 -2px;white-space:nowrap} .wa-thread .wa-m small .wa-by{margin-right:auto;padding-right:10px;color:#128C7E;font-weight:600;overflow:hidden;text-overflow:ellipsis;max-width:60%} .wa-thread .wa-m .wa-read{color:#53BDEB} .wa-thread .wa-m.note{border-radius:8px;box-shadow:none;margin:6px auto} /* लिखने की जगह */ .wa-thread .wa-reply{background:#F0F2F5;padding:8px 10px;border-radius:0 0 12px 12px;margin-top:0} .wa-thread .wa-rbar{display:flex;align-items:flex-end;gap:8px} .wa-pill{flex:1;min-width:0;display:flex;align-items:flex-end;gap:2px;background:#fff;border-radius:24px;padding:3px 6px 3px 16px;box-shadow:0 1px 1px rgba(11,20,26,.06)} .wa-pill .vc-wrap{flex:1;min-width:0} .wa-thread .wa-pill textarea{flex:1;min-width:0;width:100%;border:0!important;outline:0;box-shadow:none!important;background:transparent!important;resize:none;padding:10px 0!important;margin:0;min-height:42px!important;height:42px;max-height:140px;font-size:15px;line-height:1.4;border-radius:0!important} .wa-thread .wa-pill textarea:focus{box-shadow:none!important} .wa-thread .wa-pill .wa-ib{flex:0 0 40px;width:40px;height:42px;border:0;background:none;color:#54656F;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0} .wa-thread .wa-pill .wa-ib:hover{background:#F0F2F5} .wa-send{flex:0 0 48px;width:48px;height:48px;border:0;border-radius:50%;background:#00A884;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 5px rgba(0,0,0,.18);transition:transform .12s,background .12s} .wa-send:hover{background:#008069}.wa-send:active{transform:scale(.94)} .wa-reply:not(.has-text) .wa-send{opacity:.85} .wa-thread .wa-att{margin:0 0 6px;background:#fff;border-radius:10px;padding:6px 10px} @media(max-width:899px){ .wa-thread .wa-reply{border-radius:0;padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px))} .wa-thread .wa-pill{padding-left:14px} .wa-thread .wa-pill .wa-ib{flex-basis:36px;width:36px} .wa-thread .wa-m{max-width:85%} .wa-av{flex-basis:38px;width:38px;height:38px;font-size:15px} } .wa-thread .wa-rbar > .wa-send{flex:0 0 48px!important;width:48px!important;min-width:48px!important;max-width:48px} .wa-thread .wa-rbar > .wa-pill{flex:1 1 auto!important;min-width:0} .wa-pill .vc-wrap{position:relative;display:flex;align-items:flex-end} .wa-pill .vc-wrap textarea{padding-right:40px!important} /* v18.21 गोल बटन: ख़ाली = 🎤 माइक, लिखा = ➤ भेजें */ .wa-reply.can-mic:not(.has-text) .wa-go{display:none!important} .wa-reply.can-mic.has-text .wa-mic{display:none!important} .wa-reply:not(.can-mic) .wa-mic{display:none!important} .wa-mic.on{background:#E53935!important;animation:waMicPulse 1.1s infinite} @keyframes waMicPulse{0%{box-shadow:0 0 0 0 rgba(229,57,53,.45)}70%{box-shadow:0 0 0 12px rgba(229,57,53,0)}100%{box-shadow:0 0 0 0 rgba(229,57,53,0)}} .wa-thread .wa-pill textarea{padding-right:4px!important} .wa-reply:not(.has-text) .wa-send{opacity:1} /* ===== v18.23 विज़िट: एक खोज-बॉक्स + वहीं से नया कस्टमर ===== */ .qc-hide{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;pointer-events:none;overflow:hidden} .qc-field{position:relative} .qc-pick{position:relative} .qc-pick .qc-q{width:100%;padding-right:44px;font-size:16px} .qc-pick .qc-q.on{background:#EEF4FF;border-color:#1565D8;font-weight:600;color:#0B2A63} .qc-pick .qc-q.bad{border-color:#DC2626;box-shadow:0 0 0 3px rgba(220,38,38,.15)} .qc-chg{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:34px;height:34px;border:0;border-radius:50%;background:#E2E8F0;color:#0B2A63;font-size:15px;cursor:pointer} .qc-list{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:60;background:#fff;border:1px solid #DCE5F2;border-radius:12px;box-shadow:0 14px 30px rgba(11,42,99,.16);max-height:300px;overflow:auto;padding:4px} .qc-list button{display:block;width:100%;text-align:left;border:0;background:none;padding:11px 12px;border-radius:8px;font:inherit;font-size:15px;color:#0F172A;cursor:pointer} .qc-list button:hover,.qc-list button:focus{background:#F1F5F9} .qc-list .qc-newrow{color:#1565D8;font-weight:700;border-top:1px solid #EEF1F5;border-radius:0 0 8px 8px} .qc-none{padding:10px 12px;color:#64748B;font-size:14px} .qc-add{margin-top:6px;border:1px dashed #93C5FD;background:#F5F9FF;color:#1565D8;font:inherit;font-weight:700;font-size:14px;border-radius:10px;padding:8px 12px;cursor:pointer} .qc-add.qc-sm{padding:5px 10px;font-size:13px} .qc-add[hidden]{display:none} .qc-panel{border:1.5px solid #BFD7FF;background:#F8FBFF;border-radius:14px;padding:14px;margin:4px 0 14px} .qc-panel[hidden]{display:none} .qc-ph{display:block;color:#0B2A63;font-size:15.5px;margin-bottom:8px} .qc-act{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px} /* ===== v18.25 विज़िट और प्लान — एक कार्ड ===== */ .vp-card .vp-plan{border-bottom:1px solid var(--line,#E5E7EB);padding-bottom:12px;margin-bottom:14px} .vp-card .vp-plan .bp-ch h2{margin:0} .vp-mode{display:flex;gap:4px;background:#EEF2F8;border-radius:12px;padding:4px;margin:0 0 14px} .vp-mode button{flex:1;border:0;background:transparent;font:inherit;font-weight:700;font-size:15px;color:#475569;padding:11px 8px;border-radius:9px;cursor:pointer} .vp-mode button.on{background:#fff;color:#0B2A63;box-shadow:0 2px 6px rgba(11,42,99,.12)} form.vp-planmode .wz-head,form.vp-planmode .wz-nav{display:none!important} .vp-planbox{border:1.5px solid #BFD7FF;background:#F8FBFF;border-radius:14px;padding:14px;margin-top:6px} .vp-planbox[hidden]{display:none} .vp-go{width:100%;margin-top:4px} /* v18.27 छूटे हुए प्लान + आगे खिसकाएँ */ .bp-miss{border:1.5px solid #FCA5A5;background:#FFF7F7;border-radius:14px;padding:10px 12px;margin:0 0 12px} .bp-miss summary{cursor:pointer;font-weight:700;color:#B91C1C;font-size:15px;list-style:none} .bp-miss summary::-webkit-details-marker{display:none} .bp-miss summary small{font-weight:500;color:#7F1D1D;font-size:12.5px} .bp-miss .bp-list{margin-top:8px} .bp-item.bp-late{border-left-color:#DC2626!important} .bp-item.bp-late .bp-no{background:#DC2626;color:#fff} .bp-st-late{background:#FEE2E2!important;color:#B91C1C!important} .bp-rs{display:inline-block;position:relative} .bp-rs summary{list-style:none;cursor:pointer} .bp-rs summary::-webkit-details-marker{display:none} .bp-rs[open] summary{background:#EEF4FF} .bp-rsf{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:6px;background:#F8FBFF;border:1px solid #BFD7FF;border-radius:10px;padding:8px} .bp-rsf input[type=date]{flex:1;min-width:140px;padding:8px 10px} /* v18.28 क्लाइंट पेज — पूरा फ़ॉर्म + Excel बटन */ .cl-bar{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-start} .cl-xl{white-space:nowrap} .qc-full .qc-act{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px} .qc-full .qc-act .btn{flex:1 1 180px} /* v18.29 क्लाइंट पेज — ऊपर सीधे बटन + साफ़ Excel पैनल */ .cl-bar2{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 12px} .cl-bar2 .btn{width:100%;justify-content:center;min-height:46px;white-space:nowrap} .cl-bar2 .cl-dp{grid-column:1/-1;min-height:38px;font-size:calc(13.5px*var(--fs,1))} @media(min-width:760px){.cl-bar2{display:flex;justify-content:flex-end;flex-wrap:wrap}.cl-bar2 .btn{width:auto}.cl-bar2 .cl-dp{order:-1;margin-right:auto}} .io2 .io-res{margin:0 0 10px} .io2-steps{list-style:none;margin:0;padding:0;display:grid;gap:12px} @media(min-width:900px){.io2-steps{grid-template-columns:1fr 1fr}} .io2-steps>li{display:flex;gap:12px;border:1px solid var(--line);border-radius:12px;padding:12px;background:#FCFCFB;min-width:0} .io2-steps>li>b{flex:0 0 30px;height:30px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center} .io2-steps>li>div{flex:1;min-width:0} .io2-steps h3{margin:3px 0 8px;font-size:calc(15px*var(--fs,1));color:var(--navy)} .io2-cols,.io2-paste{margin-top:8px} .io2-cols summary,.io2-paste summary{cursor:pointer;color:var(--blue,#1565D8);font-weight:600;font-size:calc(13.5px*var(--fs,1));list-style:none} .io2-cols summary::-webkit-details-marker,.io2-paste summary::-webkit-details-marker{display:none} .io2-cols p{margin:6px 0 0;font-size:calc(13px*var(--fs,1));color:var(--muted);overflow-wrap:anywhere} .io2-up input[type=file]{width:100%;padding:10px;border:1px dashed var(--navy);border-radius:10px;background:#fff} .io2-up textarea{width:100%;min-height:100px;margin-top:6px;padding:10px;border:1px solid var(--line);border-radius:8px;font-family:ui-monospace,Menlo,Consolas,monospace} .io2-up .btn{width:100%;margin-top:10px} .io2-foot{margin-top:12px;padding-top:10px;border-top:1px solid var(--line);font-size:calc(14px*var(--fs,1))} .io2-foot a{font-weight:700} .co-list{grid-template-columns:minmax(0,1fr)} .co-card{min-width:0;max-width:100%} /* v18.29 क्लाइंट फ़िल्टर — मोबाइल/डेस्कटॉप पर स्क्रीन के हिसाब से */ .co-search .ac-wrap{flex:1 1 300px;min-width:0;display:block;position:relative} .co-search .ac-wrap input[type=search]{width:100%} @media(max-width:759px){ .co-search{display:grid;grid-template-columns:1fr 1fr 48px;gap:8px} .co-search .ac-wrap{grid-column:1/3} .co-search>.btn{grid-column:3;grid-row:1;width:48px!important;padding:0;justify-content:center} .co-search select{width:100%} .co-search select:only-of-type{grid-column:1/-1} .co-search select:nth-of-type(2){grid-column:2/-1} .co-filter .ct-chips{flex-wrap:nowrap!important;overflow-x:auto!important;margin-left:-14px;margin-right:-14px;padding:0 14px 6px} .co-filter .ct-chip{flex:0 0 auto;white-space:nowrap} .co-card .co-acts{flex-wrap:wrap} } .qc-full{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px 14px;align-items:end} .qc-full .field-row{display:contents} .qc-full .field{margin:0;min-width:0;width:auto!important;flex:none!important} .qc-full .field input,.qc-full .field select{width:100%} .qc-full .field label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .qc-full .qc-act{grid-column:1/-1} @media(max-width:600px){ .co-card .co-acts{flex-wrap:wrap} .co-card .co-acts>*:first-child{flex:1 1 100%;justify-content:center} .co-card .co-acts>*:not(:first-child){flex:1 1 0;justify-content:center;min-width:0} } .cl-panel{scroll-margin-top:84px} @media(max-width:600px){.qc-full{grid-template-columns:1fr 1fr;gap:8px 10px}.qc-full>.field:nth-of-type(1),.qc-full>.field:nth-of-type(2),.qc-full>.qc-wide{grid-column:1/-1}} @media(max-width:600px){.co-filter-foot .co-filter-links{display:grid;grid-template-columns:1fr 1fr;width:100%}.co-filter-links .btn{width:100%;justify-content:center}} .co-card .co-acts .btn{white-space:nowrap} /* v18.31 📆 अगले 7 दिन */ .vp-up{margin-top:14px;border:1px solid #DCE7F7;border-radius:14px;background:#fff;padding:12px} .vp-up-h{color:var(--navy,#0B2A63);font-size:calc(15px*var(--fs,1))}.vp-up-h small{color:var(--muted);font-weight:500} .vp-up-none{margin:6px 0 0;color:var(--muted);font-size:calc(13.5px*var(--fs,1))} .vp-up-d{display:flex;gap:10px;align-items:center;margin-top:8px;padding:6px;border-radius:12px;color:inherit;text-decoration:none} .vp-up-d:hover,.vp-up-d:focus-visible{background:#F4F8FF} .vp-up-dt{flex:0 0 56px;background:#EEF4FF;border-radius:10px;text-align:center;padding:4px 0;color:#1565D8;font-weight:700;font-size:13px;line-height:1.15} .vp-up-dt b{display:block;font-size:19px} .vp-up-l{flex:1;min-width:0;display:grid;gap:2px;font-size:calc(14px*var(--fs,1))} .vp-up-l>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vp-up-l small{color:var(--muted)} .vp-up-d>i{font-style:normal;color:#94A3B8;font-size:20px} .vp-up-l>span{white-space:normal;overflow-wrap:anywhere} /* v18.32 ⏱ आज का काम — पंच बटन के नीचे */ .sb-punch .att-mt{margin-top:6px;color:#fff} .att-mt-row{display:flex;gap:6px} .att-mt-row>span{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:rgba(255,255,255,.08);border-radius:10px;padding:7px 3px;overflow:hidden} .att-mt-row small{color:rgba(255,255,255,.7)!important;font-size:11px!important;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%} .att-mt-row b{font-size:14px;white-space:nowrap;line-height:1.25;font-variant-numeric:tabular-nums;letter-spacing:-.2px} .att-mt-row b em{font-style:normal;font-size:10px;font-weight:700;margin-left:2px;opacity:.8} .att-mt-bar{display:block;height:6px;border-radius:99px;background:rgba(255,255,255,.15);margin:8px 2px 4px;overflow:hidden} .att-mt-bar>i{display:block;height:100%;border-radius:99px;background:#F59E0B;transition:width .4s} .att-mt.att-g .att-mt-bar>i{background:#22C55E}.att-mt.att-r .att-mt-bar>i{background:#F87171} .att-mt-goal{display:block;text-align:center;color:rgba(255,255,255,.75)!important;font-size:12px!important} .tb-worked{display:inline-flex;align-items:center;gap:4px;background:#F1F5F9;color:#0B2A63;border-radius:999px;padding:5px 10px;font-size:13px;white-space:nowrap;margin-left:8px} .topbar-punch{display:flex;align-items:center} /* v18.34 वेबसाइट का WhatsApp बटन — डेस्कटॉप/टैबलेट: गोली (आइकन + लिखा), मोबाइल: गोल; कुकी पट्टी के ऊपर रहे */ .pl-wafloat{width:auto!important;height:auto!important;min-height:56px;padding:0 20px 0 12px;gap:8px;border-radius:999px!important;color:#fff;text-decoration:none;font-weight:700;font-size:15px;bottom:calc(18px + var(--mkh,0px) + env(safe-area-inset-bottom,0px))!important;right:18px!important;transition:transform .15s,box-shadow .15s,bottom .25s} .pl-wafloat:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(37,211,102,.45)} .pl-wafloat:focus-visible{outline:3px solid #0B2A63;outline-offset:3px} .pl-wa-i{display:flex;width:34px;height:34px;align-items:center;justify-content:center} .pl-wa-t{white-space:nowrap} .pl-askq{transition:bottom .25s} @media(max-width:760px){ .pl-wafloat{width:58px!important;height:58px!important;min-height:0;padding:0;justify-content:center;right:14px!important} .pl-wa-t{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)} .pl-askq{bottom:calc(20px + var(--mkh,0px) + env(safe-area-inset-bottom,0px))!important} .pl-body{padding-bottom:86px} } .pl-wafloat .wa-ico{filter:none!important;width:26px;height:26px} .pl-wa-i{background:#fff;border-radius:50%;width:38px!important;height:38px!important;flex:0 0 38px} @media(max-width:760px){.pl-wa-i{width:44px!important;height:44px!important;flex-basis:44px}.pl-wafloat .wa-ico{width:30px;height:30px}.pl-body{padding-bottom:0}} .pl-foot{padding-bottom:calc(var(--pl-foot-pb,0px) + 84px)} .wl-exp{background:#F1F5F9;color:#64748B} /* v18.37 AI कंपनी चुनें */ .ai-pv{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin:6px 0 12px} .ai-pv-o{display:flex;gap:10px;align-items:center;border:1.5px solid var(--line);border-radius:12px;padding:10px 12px;cursor:pointer;background:#fff} .ai-pv-o:has(input:checked){border-color:#1565D8;background:#EEF4FF} .ai-pv-o b{display:block;color:var(--navy)}.ai-pv-o small{color:var(--muted)} /* v18.37 💬 वेबसाइट AI चैट — डेस्कटॉप: नीचे दाएँ खिड़की; मोबाइल: पूरी स्क्रीन */ .sc-open{border:0;cursor:pointer;font-family:inherit} .sc-panel{position:fixed;right:18px;bottom:calc(92px + var(--mkh,0px));z-index:70;width:380px;max-width:calc(100vw - 24px);height:min(600px,calc(100vh - 140px - var(--mkh,0px)));display:flex;flex-direction:column;background:#fff;border-radius:18px;box-shadow:0 24px 60px rgba(11,42,99,.28);overflow:hidden;font-family:inherit;text-align:left} .sc-panel[hidden]{display:none} .sc-head{display:flex;gap:10px;align-items:center;padding:12px 14px;background:linear-gradient(120deg,#0B2A63,#1565D8);color:#fff} .sc-av{width:38px;height:38px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;flex:0 0 38px} .sc-head b{display:block;font-size:15px}.sc-head small{display:flex;align-items:center;gap:5px;color:#DBEAFE;font-size:12px} .sc-head small i{width:7px;height:7px;border-radius:50%;background:#4ADE80;display:inline-block} .sc-x{margin-left:auto;background:rgba(255,255,255,.15);border:0;color:#fff;width:34px;height:34px;border-radius:50%;cursor:pointer;font-size:15px} .sc-body{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:8px;background:#F4F7FB;overscroll-behavior:contain} .sc-m{max-width:86%;padding:9px 12px;border-radius:14px;font-size:14.5px;line-height:1.5;word-wrap:break-word;overflow-wrap:anywhere} .sc-m.bot{background:#fff;color:#0F172A;border:1px solid #E3E9F2;border-bottom-left-radius:4px;align-self:flex-start} .sc-m.me{background:#1565D8;color:#fff;border-bottom-right-radius:4px;align-self:flex-end} .sc-m.bot a{color:#1565D8;font-weight:600} .sc-m.typing{color:#64748B;font-style:italic} .sc-chips{display:flex;flex-direction:column;gap:6px;align-items:flex-start;margin-top:2px} .sc-chips button{background:#fff;border:1.5px solid #BFD7FF;color:#1565D8;border-radius:999px;padding:7px 12px;font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;text-align:left} .sc-chips button:hover{background:#EEF4FF} .sc-lead{display:flex;flex-direction:column;gap:7px;padding:12px 14px;border-top:1px solid #E3E9F2;background:#FFFBEB} .sc-lead small{color:#64748B;font-size:12.5px;margin-top:-4px} .sc-lead input[type=text],.sc-lead input:not([type]),.sc-lead input[type=tel]{width:100%;min-height:42px;border:1px solid #E3E9F2;border-radius:10px;padding:8px 12px;font:inherit;font-size:16px;background:#fff} .sc-lead label{display:flex;gap:6px;align-items:flex-start;font-size:12.5px;color:#475569} .sc-lead-a{display:flex;gap:8px} .sc-foot{border-top:1px solid #E3E9F2;padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px));background:#fff} .sc-acts{display:flex;gap:6px;margin-bottom:6px;flex-wrap:wrap} .sc-acts>*{display:inline-flex;align-items:center;gap:5px;border:1px solid #E3E9F2;background:#fff;border-radius:999px;padding:5px 11px;font:inherit;font-size:13px;color:#0B2A63;cursor:pointer;text-decoration:none;font-weight:600} .sc-wa{color:#128C4A!important} .sc-in{display:flex;gap:8px;align-items:flex-end} .sc-in textarea{flex:1;resize:none;min-height:44px;max-height:110px;border:1px solid #E3E9F2;border-radius:22px;padding:11px 14px;font:inherit;font-size:16px;background:#F8FAFC;line-height:1.35} .sc-send{width:44px;height:44px;border-radius:50%;border:0;background:#1565D8;color:#fff;font-size:17px;cursor:pointer;flex:0 0 44px} .sc-note{display:block;color:#94A3B8;font-size:11px;margin-top:5px;line-height:1.35}.sc-note a{color:#64748B} @media(max-width:760px){ .sc-panel{inset:0;right:0;bottom:0;width:100%;max-width:none;height:100%;height:100dvh;border-radius:0} html.sc-on .pl-wafloat,html.sc-on .pl-askq,html.sc-on .mk-bar{display:none!important} html.sc-on body{overflow:hidden} } html.sc-on .pl-askq{display:none!important} /* v18.43 साइन-अप फ़ॉर्म छोटा + सुरक्षा जाँच साफ़ दिखे */ .su2 .su-logo img{width:auto;height:64px} .su2 .lg2-card{padding-top:18px;padding-bottom:18px} .su2 .lg2-card .lg2-title{margin:4px 0 2px;font-size:22px} .su2 .lg2-card .sub{margin-bottom:10px} .su2 .lg2-card .field{margin-bottom:10px} .su2 .lg2-card .field input{min-height:42px;padding-top:8px;padding-bottom:8px} .su2 .lg2-card .field label{margin-bottom:3px} .su-math{background:none;border:0;padding:0} .su-math label{color:#92400E!important;font-weight:600} .su-math-q{display:flex;align-items:stretch;gap:8px} .su-math-q b{font-size:15px;font-weight:700;color:#0B2A63;white-space:nowrap;background:#FFF7E6;border:1px solid #FCD34D;border-radius:10px;padding:0 12px;display:flex;align-items:center} .su-math-q input{flex:1;min-width:0;font-size:15px!important;font-weight:600;text-align:center;border:1.5px solid #F59E0B!important} .su-math small{display:block;margin-top:4px;font-size:12px;color:#92400E;line-height:1.35} /* v18.44 चैट में 🎤 */ .sc-mic{width:44px;height:44px;border-radius:50%;border:1px solid #E3E9F2;background:#FFF7F0;font-size:18px;cursor:pointer;flex:0 0 44px} .sc-mic.on{background:#DC2626;border-color:#DC2626;animation:vcPulse 1s infinite} .vc-wrap:not(.vc-ta) .vc-btn{width:32px;height:32px;font-size:15px;right:5px}.vc-wrap:not(.vc-ta)>input{padding-right:40px!important} /* v18.45 मोबाइल: "मदद" और WhatsApp दोनों नीचे दाएँ — एक के ऊपर एक */ @media(max-width:760px){ .pl-askq{left:auto!important;right:14px!important;bottom:calc(88px + var(--mkh,0px) + env(safe-area-inset-bottom,0px))!important;border-radius:999px!important;padding:10px 14px!important;box-shadow:0 8px 20px rgba(229,72,77,.35)} .pl-body{padding-bottom:0} } /* v18.46 🎤 छोटा, हल्का आइकन — दबाने की जगह फिर भी पूरी (मोबाइल पर आसानी से दबे) */ .vc-btn,.vc-wrap:not(.vc-ta) .vc-btn{width:30px!important;height:30px!important;right:6px;border:0!important;background:transparent!important;color:#94A3B8;font-size:0;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s} .vc-btn::before{content:'';position:absolute;inset:-7px;border-radius:50%} /* 44px टच एरिया */ .vc-btn:hover,.vc-btn:focus-visible{color:#1565D8;background:#EEF4FF!important} .vc-btn:active{transform:translateY(-50%) scale(.88)} .vc-ta .vc-btn:active{transform:scale(.88)} .vc-btn.on{color:#fff!important;background:#DC2626!important} .vc-wrap:not(.vc-ta)>input{padding-right:38px!important} .vc-wrap.vc-ta>textarea{padding-right:40px!important} .sc-mic{background:#F1F5F9!important;border:0!important;color:#475569;display:flex;align-items:center;justify-content:center;font-size:0} .sc-mic:active{transform:scale(.9)} .sc-mic.on{background:#DC2626!important;color:#fff} /* v18.47 "?" मदद में AI */ .hp-ai{margin-top:14px;border-top:1px solid var(--line);padding-top:12px;display:grid;gap:8px} .hp-ai>b{color:var(--navy)} .hp-ai-log{display:flex;flex-direction:column;gap:6px;max-height:240px;overflow-y:auto} .hp-ai-log:empty{display:none} .hp-ai-m{max-width:90%;padding:8px 11px;border-radius:12px;font-size:14px;line-height:1.5} .hp-ai-m.me{align-self:flex-end;background:#1565D8;color:#fff} .hp-ai-m.bot{align-self:flex-start;background:#F4F7FB;border:1px solid #E3E9F2} .hp-ai-f{display:flex;gap:8px;align-items:flex-end} .hp-ai-f .vc-wrap,.hp-ai-f textarea{flex:1;min-width:0} .hp-ai-f textarea{width:100%;resize:none} .hp-ai-f .btn{flex:0 0 auto} /* v18.48 "?" मदद AI — गोल कोने (WhatsApp/Claude जैसा) */ .hp-ai-f textarea{border-radius:24px!important;min-height:46px;max-height:120px;padding:12px 16px!important;border:1px solid #DCE3EC!important;background:#F8FAFC;line-height:1.4;font-size:15px} .hp-ai-f .vc-wrap.vc-ta>textarea{padding-right:44px!important} .hp-ai-f .vc-ta .vc-btn{bottom:8px} .hp-ai-f textarea:focus{outline:none;border-color:#1565D8!important;box-shadow:0 0 0 3px rgba(21,101,216,.12);background:#fff} .hp-ai-go{flex:0 0 46px;width:46px;height:46px;border-radius:50%;border:0;background:#1565D8;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center} .hp-ai-go:active{transform:scale(.92)} .hp-ai-m{border-radius:18px} .hp-ai-m.me{border-bottom-right-radius:6px}.hp-ai-m.bot{border-bottom-left-radius:6px} /* v18.49 ← पीछे बटन (इंस्टॉल किया ऐप: डेस्कटॉप / iPhone) */ .tb-back{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--line,#E3E9F2);background:#fff;color:var(--navy,#0B2A63);cursor:pointer;flex:0 0 38px;margin-right:6px} .tb-back[hidden]{display:none} .tb-back:hover{background:#EEF4FF} .tb-back:active{transform:scale(.92)} /* v18.53 सेटिंग के अंदर दूसरे पेज का लिंक */ .st-link{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;padding:14px 16px} .st-link:hover{border-color:var(--blue,#1E6FD9)} .st-link-i{font-size:24px;width:42px;height:42px;border-radius:12px;background:var(--bg,#F1F5FB);display:flex;align-items:center;justify-content:center;flex:none} .st-link b{display:block;font-size:15px;color:var(--navy,#0B2A63)}.st-link small{display:block;color:var(--muted);font-size:13px;margin-top:2px} .st-link>span:nth-child(2){flex:1;min-width:0}.st-link-go{font-size:20px;color:var(--muted)} .st-back{display:inline-block;margin:0 0 10px;font-weight:600;text-decoration:none;color:var(--muted)} .mk-go{display:inline-block;margin-left:4px;font-weight:700;color:var(--blue,#1E6FD9);text-decoration:none;white-space:nowrap} .mk-go:hover{text-decoration:underline} /* v18.60 हर इनपुट/ड्रॉपडाउन एक जैसा सुंदर — जहाँ अलग डिज़ाइन नहीं दिया, वहाँ भी (गोल कोने, सही ऊँचाई, पैडिंग) */ :where(input:not([type=checkbox],[type=radio],[type=hidden],[type=file],[type=range],[type=color],[type=submit],[type=button],[type=image],[type=reset]),select,textarea){padding:10px 12px;border:1px solid var(--line);border-radius:10px;background-color:#FBFBFA;color:var(--text);font-family:inherit;font-size:calc(14.5px*var(--fs,1));line-height:1.3;box-sizing:border-box;vertical-align:middle;transition:border-color .15s,box-shadow .15s} :where(input:not([type=checkbox],[type=radio],[type=hidden],[type=file],[type=range],[type=color],[type=submit],[type=button],[type=image],[type=reset]),select,textarea):focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 3px rgba(21,101,216,.15);background-color:#fff} :where(input[type=file]){font-family:inherit;font-size:14px} :where(input[type=file])::file-selector-button{border:1px solid var(--line);border-radius:10px;background:#fff;padding:8px 14px;margin-right:10px;font-weight:600;color:var(--navy);cursor:pointer} /* v18.60 वॉलेट: एक मैसेज का पूरा ख़र्च */ .wl-ct-wrap{overflow-x:auto;margin:8px 0} .wl-ct{width:100%;border-collapse:separate;border-spacing:0;font-size:14px} .wl-ct th{background:var(--bg);color:var(--navy);font-weight:700;text-align:left;padding:10px 12px;font-size:13px;white-space:nowrap} .wl-ct th:first-child{border-radius:10px 0 0 10px}.wl-ct th:last-child{border-radius:0 10px 10px 0} .wl-ct td{padding:11px 12px;border-bottom:1px solid var(--line);white-space:nowrap} .wl-ct td:first-child{white-space:normal;font-weight:600;color:var(--navy)} .wl-ct td small{display:block;font-weight:400;color:var(--muted);font-size:12px;margin-top:2px} .wl-ct td:last-child b{color:#15803D} @media(max-width:640px){.wl-ct thead{display:none}.wl-ct,.wl-ct tbody,.wl-ct tr,.wl-ct td{display:block;width:100%} .wl-ct tr{border:1px solid var(--line);border-radius:12px;padding:6px 12px;margin-bottom:8px} .wl-ct td{border:0;padding:5px 0;display:flex;justify-content:space-between;gap:10px;white-space:normal} .wl-ct td[data-l]::before{content:attr(data-l);color:var(--muted);font-weight:400}} .wl-alert input[type=number]{width:120px;margin:0 6px} .wl-alert{display:flex;align-items:center;gap:8px;flex-wrap:wrap} .wl-top>.wl-fees{flex:1 1 100%;grid-column:1/-1;max-width:none} @media(max-width:640px){.wl-ct td:first-child{display:block;font-size:15px}.wl-ct td>b{margin-left:auto}} .meta-due{background:#FDF6E7;color:#7A5410;border:1px solid #F1DDB0;border-radius:10px;padding:10px 14px;margin-bottom:12px}.meta-due a,.error a{font-weight:700} /* v18.61 वेबसाइट लीड कार्ड */ .sl-search{display:flex;gap:8px;margin:10px 0 4px}.sl-search input{flex:1;min-width:0} .sl-card{border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin-bottom:10px;background:#fff} .sl-tags{display:flex;gap:6px;flex-wrap:wrap} .sl-msg{background:var(--bg);border-radius:10px;padding:8px 12px;margin:8px 0;font-size:14px;color:var(--text);line-height:1.45} .sl-acts{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;margin-top:10px} .sl-quick{display:flex;gap:6px} .sl-upd{display:flex;gap:6px;margin:0;min-width:0}.sl-upd select{flex:0 0 auto;width:auto}.sl-upd input{flex:1 1 140px;min-width:0} .sl-asg{display:flex;gap:6px;align-items:center;margin:0}.sl-asg label{font-size:13px;color:var(--muted);white-space:nowrap} @media(max-width:900px){.sl-acts{grid-template-columns:1fr}.sl-quick .btn{flex:1;justify-content:center}.sl-asg select{flex:1}} /* v18.61 ऑर्डर फ़ाइलें */ .of-list{display:grid;gap:8px;margin-bottom:12px} .of-row{display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:8px 10px;background:#fff} .of-thumb{width:56px;height:56px;border-radius:10px;overflow:hidden;background:#FEF2F2;display:flex;align-items:center;justify-content:center;text-decoration:none} .of-thumb img{width:100%;height:100%;object-fit:cover}.of-thumb span{font-weight:800;color:#DC2626;font-size:13px} .of-info{min-width:0;display:flex;flex-direction:column;gap:1px}.of-info b{font-size:13px;color:var(--muted);font-weight:600} .of-info a{font-weight:600;color:var(--navy);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.of-info small{color:var(--muted);font-size:12px} .of-act{display:flex;gap:6px} .of-up{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.of-up select{width:auto}.of-up input[type=file]{flex:1 1 220px;min-width:0} .sl-search{flex-wrap:nowrap;align-items:stretch}.sl-search .btn{flex:0 0 auto;width:auto;margin:0} .of-up select{flex:0 0 190px;width:190px}.of-up .btn{flex:0 0 auto;width:auto;margin:0} @media(max-width:600px){.of-up select,.of-up input[type=file]{flex:1 1 100%;width:100%}.of-up .btn{flex:1 1 100%}} .sl-search,.of-up{display:flex!important;grid-template-columns:none!important}.sl-search .btn,.of-up .btn{width:auto!important;min-width:0!important} @media(max-width:900px){.sl-upd{flex-wrap:wrap}.sl-upd select{flex:1 1 auto;width:auto}.sl-upd>:not(select):not(button):not([type=hidden]){flex:1 1 100%;order:3}} .sl-upd .vc-wrap input,.sl-search .vc-wrap input{width:100%}.sl-search .vc-wrap{flex:1;min-width:0} .tk-qc .field{margin-bottom:10px}.tk-qc .field label{display:block;font-size:13px;color:var(--muted);margin-bottom:4px} /* v18.62 क्विक शीट: दो हिस्से */ .tb-sheet{max-height:82vh;overflow-y:auto;overscroll-behavior:contain} .tb-grp{font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--muted);margin:4px 2px 8px} .tb-acts+.tb-grp{margin-top:16px} .tb-open{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important} .tb-open a{padding:10px 4px!important;min-height:0!important} .tb-open a span{width:40px!important;height:40px!important;background:#EEF4FF!important} .tb-open a b{font-size:12px!important;font-weight:600!important;line-height:1.25} /* v18.63 क्विक मेन्यू: अपना क्रम */ .tb-hb{display:flex;align-items:center;gap:8px} .tb-edit{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 12px;font-weight:600;font-size:13px;color:var(--navy);cursor:pointer} .tb-sheet.editing .tb-edit,.editing .tb-edit{background:#16A34A;color:#fff;border-color:#16A34A} .tb-arr-hint{background:#EEF4FF;color:var(--navy);border-radius:10px;padding:8px 10px;font-size:13px;margin:0 0 10px;display:flex;justify-content:space-between;gap:8px;align-items:center;flex-wrap:wrap} .tb-reset{border:0;background:none;color:#DC2626;font-weight:700;font-size:13px;cursor:pointer;padding:0} .editing .tb-acts a{position:relative;border-style:dashed;border-color:#93C5FD;background:#F8FBFF} @keyframes tbWig{from{transform:rotate(-.8deg)}to{transform:rotate(.8deg)}} .tb-mv{position:absolute;left:4px;right:4px;bottom:4px;display:flex;justify-content:space-between;font-style:normal} .tb-mv button{width:28px;height:28px;border-radius:8px;border:0;background:#1565D8;color:#fff;font-size:12px;line-height:1;cursor:pointer} .editing .tb-acts a{padding-bottom:36px!important} .tb-moved{box-shadow:0 0 0 3px rgba(21,101,216,.35)} .tb-drag{opacity:.4} @media(prefers-reduced-motion:reduce){.editing .tb-acts a{animation:none}} /* v18.65 सर्विस टिकट */ .tk-form[hidden]{display:none!important} .tk-chk-in{display:flex;align-items:center;gap:8px;min-height:44px;font-weight:500;color:var(--text)} .tk-age{display:inline-block;border-radius:999px;padding:3px 10px;font-weight:700;font-size:12.5px;white-space:nowrap} .tk-age-ok{background:#DCFCE7;color:#15803D}.tk-age-warn{background:#FEF3C7;color:#B45309}.tk-age-bad{background:#FEE2E2;color:#B91C1C} .tk-wr{display:inline-block;background:#EEF4FF;color:#1565D8;border-radius:999px;padding:1px 8px;font-size:12.5px;font-weight:600;margin-left:4px} .tk-wr-paid{background:#FEF3C7;color:#B45309}.tk-wr-warranty,.tk-wr-amc{background:#DCFCE7;color:#15803D} .tk-perf{color:var(--muted)}.tk-perf b{color:var(--navy)} .tk-dash{padding:14px} .tk-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px} .tk-kpi{display:flex;flex-direction:column;gap:2px;border:1px solid var(--line);border-radius:12px;padding:10px 12px;text-decoration:none;color:var(--text);background:#fff} .tk-kpi b{font-size:22px;color:var(--navy);line-height:1.2}.tk-kpi span{font-size:12.5px;color:var(--muted)} .tk-kpi.bad{background:#FEF2F2;border-color:#FECACA}.tk-kpi.bad b{color:#B91C1C}.tk-kpi.ok b{color:#15803D} .tk-oldest{display:block;margin-top:10px;border-radius:10px;padding:8px 12px;text-decoration:none;font-size:13.5px} .tk-eng{margin-top:10px}.tk-eng summary{cursor:pointer;font-weight:700;color:var(--navy);padding:6px 0} .tk-eng-t{display:grid;gap:4px;margin-top:6px} .tk-eng-h,.tk-eng-r{display:grid;grid-template-columns:minmax(0,2fr) repeat(4,minmax(0,1fr));gap:8px;align-items:center;padding:6px 8px;border-radius:8px} .tk-eng-h{font-size:12px;color:var(--muted);font-weight:700;background:var(--bg)} .tk-eng-r{border-bottom:1px solid var(--line)}.tk-eng-r span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600} .tk-eng-r b{text-align:center}.tk-eng-h span:not(:first-child){text-align:center}.tk-eng-r b.warn{color:#B45309}.tk-eng-r b.ok{color:#15803D} @media(max-width:700px){.tk-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.tk-kpis .tk-kpi:last-child{grid-column:1/-1}} /* v18.66 स्टॉक: लोकेशन · नया प्रोडक्ट · सीरियल */ .stk-top{display:flex;flex-direction:column;gap:8px;margin-bottom:12px} .stk-top .stk-d{background:var(--surface,#fff)} .stk-f select,.stk-f textarea{flex:1;min-width:120px} .stk-f textarea{width:100%;flex-basis:100%} .stk-f>label{display:flex;flex-direction:column;gap:4px;flex:1;min-width:130px}.stk-f>label>small{font-size:12px;color:var(--muted,#6B7280);font-weight:600} .stk-f>label.perm-item{flex-direction:row;align-items:center;flex-basis:100%} .stk-f .stk-w{flex-basis:100%} .stk-g{display:flex;gap:8px;flex-wrap:wrap;flex-basis:100%}.stk-g>*{flex:1;min-width:130px}.stk-g>label{display:flex;flex-direction:column;gap:4px}.stk-g small{font-size:12px;color:var(--muted,#6B7280)} .stk-f>.btn{flex:0 0 auto} .stk-out .stk-f>.field,.stk-out .stk-f>.qc-panel{flex-basis:100%;margin:0} .stk-out .stk-f>.field:has(#visitBranch),.stk-out .stk-f>.field:has(#visitContact){display:none} .stk-lr{display:flex!important;gap:6px;align-items:center;flex-basis:100%}.stk-lr input{flex:1} .stk-lchips{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;margin-bottom:10px} .stk-lchips a{flex:0 0 auto;border:1px solid var(--line,#E5E7EB);border-radius:999px;padding:6px 12px;font-size:13px;text-decoration:none;color:inherit;white-space:nowrap} .stk-lchips a small{color:var(--muted,#6B7280);margin-left:4px}.stk-lchips a.on{border-color:#1565D8;background:#EFF6FF;color:#1565D8} .stk-locq{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px} .stk-locq span{border:1px solid var(--line,#E5E7EB);border-radius:10px;padding:6px 10px;min-width:96px}.stk-locq small{display:block;font-size:12px;color:var(--muted,#6B7280)}.stk-locq b{font-size:16px} .stk-sp{flex-basis:100%}.stk-sp>small{font-size:12px;color:var(--muted,#6B7280)} .stk-spl{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px;max-height:180px;overflow:auto} .stk-spl label{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line,#E5E7EB);border-radius:8px;padding:4px 8px;font-size:13px}.stk-spl label[hidden]{display:none} .stk-spl input{flex:0 0 auto!important;min-width:0!important;width:auto} .stk-sers{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px} .stk-ser{border:1px solid var(--line,#E5E7EB);border-radius:10px;padding:6px 10px}.stk-ser b{display:block;font-size:14px}.stk-ser small{font-size:12px;color:var(--muted,#6B7280)} .stk-ser.out{background:var(--surface-2,#F6F8FB);opacity:.85} .stk-f>label.perm-item{justify-content:flex-start;gap:8px}.stk-f>label.perm-item input{flex:0 0 auto!important;min-width:0!important;width:18px;height:18px} .stk-sp[hidden]{display:none} /* v18.67 अनुमति ग्रुप */ .perm-gh{font-size:12.5px;font-weight:700;color:var(--muted,#6B7280);margin:10px 0 4px;text-transform:none} /* v18.67 नया अकाउंट — पेमेंट / ट्रायल बाकी */ .su-wait{border:2px solid #1565D8;background:#EFF6FF}.su-wait.trial_req{border-color:#16A34A;background:#F0FDF4} .su-wait b{font-size:17px;display:block}.su-wait p{margin:6px 0 10px}.su-wait .btn{margin:4px 6px 0 0} .pr-trial-l{display:block;text-align:center;margin-top:10px;font-size:14px;font-weight:600;color:var(--muted,#64748B);text-decoration:underline;text-underline-offset:3px} /* v18.68 ड्यू डेट · ओवरड्यू · वादा · आज ध्यान दें */ .od-duedt{font-size:13px;font-weight:600;color:#92400E;background:#FFFBEB;border-radius:999px;padding:3px 10px}.od-duedt.over{color:#B91C1C;background:#FEF2F2} .od-fchips{margin-top:8px}.od-fc-red{border-color:#FCA5A5!important;color:#B91C1C!important} .od-bdg{display:inline-block;font-size:11.5px;font-weight:700;border-radius:999px;padding:2px 8px;margin:2px 0 0 4px} .od-bdg.b-disp{background:#EFF6FF;color:#1D4ED8}.od-bdg.b-paid{background:#F0FDF4;color:#15803D}.od-bdg.b-due{background:#FFFBEB;color:#92400E}.od-bdg.b-over{background:#FEF2F2;color:#B91C1C} .lg-over{margin-top:8px;font-weight:600;color:#B91C1C} .lg-dl{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.lg-dl span{font-size:12px;border:1px solid var(--line,#E5E7EB);border-radius:8px;padding:3px 8px}.lg-dl span.over{border-color:#FCA5A5;color:#B91C1C;background:#FEF2F2} .lg-prom-c{border:1px solid #BFDBFE;background:#EFF6FF;border-radius:12px;padding:10px 12px;margin-bottom:10px}.lg-prom-c.today{border-color:#FCD34D;background:#FFFBEB}.lg-prom-c.late{border-color:#FCA5A5;background:#FEF2F2} .lg-prom-c b{display:block}.lg-prom-c small{color:var(--muted,#6B7280)}.lg-prom-a{display:flex;gap:6px;margin-top:6px} .lg-ovk{text-decoration:none;color:inherit;border-radius:12px;padding:6px 12px;border:1px solid var(--line,#E5E7EB)}.lg-ovk small{display:block;font-size:12px;color:var(--muted,#6B7280)}.lg-ovk.on{border-color:#FCA5A5;background:#FEF2F2}.lg-ovk.on b{color:#B91C1C} .lg-rem.off{opacity:.75}.lg-rem.off fieldset{opacity:.55}.lg-rem-no{background:#FFF7ED;border:1px dashed #FDBA74;border-radius:10px;padding:8px 12px;font-weight:600;color:#9A3412} .lg-inl{display:inline-flex;align-items:center;gap:6px;font-size:13px} .cp-op{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;margin:12px 0} .cp-op>*{border:1px solid var(--line,#E5E7EB);border-radius:12px;padding:8px 10px;text-decoration:none;color:inherit;background:var(--surface-2,#F8FAFC)} .cp-op small{display:block;font-size:11.5px;color:var(--muted,#6B7280)}.cp-op b{font-size:16px}.cp-op .warn{border-color:#FCD34D;background:#FFFBEB}.cp-op .bad{border-color:#FCA5A5;background:#FEF2F2}.cp-op .bad b{color:#B91C1C} .fx-card{padding:12px 14px}.fx-h{display:block;margin-bottom:8px}.fx-l{display:flex;flex-direction:column;gap:6px} .fx{display:flex;gap:8px;align-items:center;text-decoration:none;color:inherit;border:1px solid var(--line,#E5E7EB);border-radius:10px;padding:8px 10px;font-weight:600;font-size:14px}.fx.bad{border-color:#FCA5A5;background:#FEF2F2;color:#B91C1C} .lg-top>.lg-ovk{min-width:150px;display:flex;flex-direction:column;justify-content:center}.lg-ovk b{font-size:18px} @media(max-width:640px){.lg-top>.lg-ovk{flex:1 1 100%}.lg-bk{flex:1 1 100%}} .lg-n small .lg-ag{white-space:normal;max-width:100%;margin:2px 4px 2px 0;font-size:11.5px} /* v18.69 📞 बात कैसे हुई · 📋 काम की रिपोर्ट */ .vm-row{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;margin-bottom:6px} .vm-b{flex:0 0 auto;border:1px solid var(--line,#D9DEE3);background:var(--surface,#fff);border-radius:999px;padding:7px 12px;font-size:13.5px;font-weight:600;cursor:pointer;color:inherit} .vm-b.on{background:#1565D8;border-color:#1565D8;color:#fff} .vm-note{background:#EFF6FF;border-radius:10px;padding:8px 10px;margin:0 0 8px} .vm-tag{background:#EEF2FF;color:#3730A3;border-radius:999px;padding:2px 8px;font-weight:600} .wr-bar .ct-chips{margin-bottom:8px}.wr-f{display:flex!important;gap:6px;flex-wrap:wrap}.wr-f>*{flex:1 1 120px;min-width:0}.wr-f button{flex:0 0 auto} .wr-hd{margin-bottom:10px}.wr-kpi{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin-bottom:6px} .wr-kpi>div{border:1px solid var(--line,#E5E7EB);border-radius:12px;padding:8px 10px;background:var(--surface-2,#F8FAFC)}.wr-kpi small{display:block;font-size:11.5px;color:var(--muted,#6B7280)}.wr-kpi b{font-size:18px} .wr-doc h3{font-size:15px;margin:16px 0 6px;padding-top:10px;border-top:1px solid var(--line,#EEF0F2)} .wr-t{width:100%;border-collapse:collapse;font-size:13.5px}.wr-t td{padding:6px 6px;border-bottom:1px solid var(--line,#EEF0F2);vertical-align:top}.wr-t td:last-child{text-align:right;white-space:nowrap} .wr-r{padding:7px 0;border-bottom:1px solid var(--line,#EEF0F2)}.wr-r b{display:block;font-size:14px}.wr-r small{color:var(--muted,#6B7280);font-size:12px}.wr-r p{margin:4px 0 0;font-size:13.5px} .wr-sent{margin-top:12px;background:#F0FDF4;border-radius:10px;padding:8px 10px;font-size:13px} .wr-btns{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.wr-send label{display:block;font-weight:600;font-size:13px}.wr-send textarea{width:100%;margin:4px 0 8px} @media print{.no-print,.sidebar,.topbar,.bottom-nav,.tabbar,.sub-tabs,header,nav,.fab,.qs-fab{display:none!important}.wr-doc{box-shadow:none!important;border:0!important}body{background:#fff!important}} /* v18.70 🧾 बिल → स्टॉक · 🔁 डुप्लिकेट · 🔩 पार्ट्स */ .stk-bill{display:block;text-decoration:none;color:inherit;font-weight:600;background:linear-gradient(135deg,#EEF2FF,#F5F3FF)!important;border-color:#C7D2FE!important}.stk-bill small{display:block;font-weight:400;color:var(--muted,#6B7280);font-size:12px} .stk-dup{border:2px solid #F59E0B;background:#FFFBEB}.stk-dup-r{display:flex!important;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #FDE68A} .sb-hd{display:flex;justify-content:space-between;align-items:center;gap:8px}.sb-hd small{display:block} .sb-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-bottom:12px}.sb-g label,.sb-it label{display:flex;flex-direction:column;gap:3px}.sb-g small,.sb-it small{font-size:11.5px;color:var(--muted,#6B7280);font-weight:600} .sb-it{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;border:1px solid var(--line,#E5E7EB);border-left:4px solid #16A34A;border-radius:12px;padding:10px;margin-bottom:10px} .sb-it.new{border-left-color:#6366F1}.sb-it .sb-w{grid-column:span 2}.sb-inc{flex-direction:row!important;align-items:center;grid-column:1/-1} .sb-hint{grid-column:1/-1;color:#92400E!important;background:#FFFBEB;border-radius:8px;padding:4px 8px} .sb-act{margin:10px 0}.sb-upf{display:flex!important;gap:8px;flex-wrap:wrap}.sb-upf input[type=file]{flex:1 1 100%} .tk-part{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--line,#EEF0F2)}.tk-part.x{opacity:.55;text-decoration:line-through}.tk-part small{color:var(--muted,#6B7280)} .tk-pf{display:flex!important;gap:6px;flex-wrap:wrap;margin-top:8px}.tk-pf select{flex:1 1 200px}.tk-pf input{width:90px} /* v18.73 🛒 📌 😴 📷 🏷️ */ .stk-fchips{margin:0 0 10px}.stk-sub{font-size:12px;color:var(--muted,#6B7280);padding:0 2px 8px 24px;margin-top:-6px;border-bottom:1px solid var(--line,#EEF0F2)} .stk-buy{background:#FFFBEB;border:1px solid #FCD34D;border-radius:12px;padding:10px 12px;margin-bottom:10px}.stk-buy.idle{background:#F1F5F9;border-color:#CBD5E1}.stk-buy b,.stk-buy small{display:block}.stk-buy small{color:var(--muted,#6B7280);font-size:12px;margin:2px 0 6px} .stk-bk{margin-top:10px;background:#EFF6FF;border-radius:10px;padding:8px 10px;font-size:13px;font-weight:600}.stk-bk a{display:block;font-weight:400;font-size:12.5px;margin-top:3px} .stk-codec{display:flex;gap:12px;align-items:center}.stk-qr svg{width:96px;height:96px;display:block}.stk-codec small{display:block;color:var(--muted,#6B7280)}.stk-codea{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px} .stk-cam{position:relative;border-radius:14px;overflow:hidden;background:#000;aspect-ratio:1/1;max-width:420px;margin:0 auto}.stk-cam video{width:100%;height:100%;object-fit:cover}.stk-cam i{position:absolute;inset:18%;border:3px solid rgba(255,255,255,.85);border-radius:14px} .stk-labs{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.stk-lab{background:#fff;border:1px dashed #94A3B8;border-radius:10px;padding:8px;text-align:center;break-inside:avoid}.stk-lab .stk-qr svg{margin:0 auto;width:110px;height:110px}.stk-lab b{display:block;font-size:12.5px;line-height:1.25}.stk-lab small{font-size:11px;color:#475569} @media print{.stk-labs{grid-template-columns:repeat(4,1fr)}.stk-lab{border-color:#999}} /* v18.74 ⚙️ मशीनें · 📸 टिकट फ़ोटो · 🔐 OTP */ .mc-cv{display:inline-block;font-size:.78rem;font-weight:600;padding:2px 8px;border-radius:999px;background:#E6F6EC;color:#0E7A3E;white-space:nowrap;} .mc-cv.soon{background:#FFF4DB;color:#9A5B00;} .mc-cv.exp{background:#FDE8E8;color:#B42318;} .mc-cv.none{background:#EEF1F5;color:#475467;} .tk-mcr{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;text-decoration:none;color:inherit;padding:8px 10px;border:1px solid var(--border,#E4E7EC);border-radius:10px;} .tk-mcr small{margin-left:auto;color:var(--muted,#667085);} .tk-mca{display:flex;flex-wrap:wrap;gap:8px;align-items:center;} .tk-mca form{margin:0;} .tk-phk{margin-bottom:10px;} .tk-phk>b{display:block;font-size:.85rem;margin-bottom:6px;color:var(--muted,#667085);} .tk-phl{display:flex;flex-wrap:wrap;gap:8px;align-items:center;} .tk-phl img{width:72px;height:72px;object-fit:cover;border-radius:8px;border:1px solid var(--border,#E4E7EC);display:block;} .tk-phf{margin:0;} .tk-phadd{width:72px;height:72px;border:2px dashed var(--border,#D0D5DD);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;cursor:pointer;} .tk-otp{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0;padding:8px 10px;background:#F5F8FF;border-radius:10px;} .tk-otp label{display:flex;gap:6px;align-items:center;margin:0;font-weight:600;} .tk-otp input{width:90px;letter-spacing:3px;text-align:center;} .tk-otp small{flex-basis:100%;} .mc-list{display:flex;flex-direction:column;gap:8px;} .mc-row{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:10px 12px;border:1px solid var(--border,#E4E7EC);border-radius:10px;text-decoration:none;color:inherit;} .mc-row:hover{border-color:var(--primary,#1565D8);} .mc-rn{min-width:0;} .mc-rc{grid-column:1;font-size:.85rem;color:var(--muted,#667085);min-width:0;overflow:hidden;text-overflow:ellipsis;} .mc-rf{grid-column:2;grid-row:1/3;display:flex;flex-direction:column;align-items:flex-end;gap:4px;} .mc-rf small{color:var(--muted,#667085);} .mc-renew{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px;} .mc-renew input{max-width:170px;} .mc-hl{display:flex;flex-direction:column;gap:8px;} .mc-hr{display:flex;flex-direction:column;gap:2px;padding:8px 12px;border-left:4px solid var(--tc,#64748B);background:var(--card2,#F9FAFB);border-radius:8px;text-decoration:none;color:inherit;} .mc-hd{font-size:.78rem;color:var(--muted,#667085);} .mc-hr small{color:var(--muted,#667085);} .mc-pt{color:#475467!important;} @media (max-width:520px){.mc-row{grid-template-columns:1fr;}.mc-rf{grid-column:1;grid-row:auto;flex-direction:row;align-items:center;justify-content:space-between;}} /* v18.75 कोटेशन / ऑर्डर: रिवीज़न · मंज़ूरी · ईमेल · आंशिक डिस्पैच · पार्टी रेट */ .od-st-revised{background:#EEF1F5;color:#667085;} .od-revs{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:8px 0;font-size:.85rem;} .od-revs a{padding:3px 10px;border:1px solid var(--border,#E4E7EC);border-radius:999px;text-decoration:none;color:inherit;} .od-revs a.on{background:var(--navy,#0B2A5B);color:#fff;border-color:transparent;} .od-appr{margin:10px 0;padding:10px 12px;border-radius:10px;background:#FFF4DB;color:#7A4A00;display:flex;flex-direction:column;gap:8px;} .od-appr-ok{background:#E6F6EC;color:#0E7A3E;} .od-appr-no{background:#FDE8E8;color:#B42318;} .od-appr .od-acts{margin:0;} .od-appr input[name=why]{max-width:180px;} .od-dq{display:block;font-size:.8rem;margin-top:2px;} .od-dq.left{color:#B54708;} .od-dq.done{color:#0E7A3E;} .od-dform{display:flex;flex-direction:column;gap:8px;align-items:stretch;} .od-dq-l{display:flex;flex-direction:column;gap:6px;} .od-dq-r{display:flex;gap:8px;align-items:center;justify-content:space-between;padding:6px 8px;border:1px solid var(--border,#E4E7EC);border-radius:8px;margin:0;} .od-dq-r span{display:flex;flex-direction:column;min-width:0;} .od-dq-r small{color:var(--muted,#667085);} .od-dq-r input{width:100px;flex:none;} .od-dlog{margin-top:10px;padding:8px 10px;background:var(--card2,#F9FAFB);border-radius:10px;} .od-dlog-r{display:flex;flex-direction:column;padding:4px 0;border-bottom:1px dashed var(--border,#E4E7EC);} .od-dlog-r:last-child{border-bottom:0;} .od-mail{display:flex;flex-direction:column;gap:8px;margin-top:10px;padding:10px;border:1px solid var(--border,#E4E7EC);border-radius:10px;} .od-mail label{display:flex;flex-direction:column;gap:4px;margin:0;} .od-mail .od-acts{align-items:center;margin:0;} .od-ptag{margin-left:8px;font-size:.78rem;padding:2px 8px;border-radius:999px;background:#EEF4FF;color:#1849A9;} .pr-pt{display:block;font-size:.8rem;color:#1849A9;} /* v18.76 स्टॉक: नया प्रोडक्ट — नाम पूरी चौड़ाई, फिर विवरण, फिर बाकी */ .stk-f>label>input,.stk-f>label>select,.stk-f>label>textarea{width:100%;box-sizing:border-box;min-width:0} .stk-npf textarea{padding:9px 10px;border:1px solid var(--line,#D9DEE3);border-radius:10px;font:inherit;font-size:14px;resize:vertical} .stk-desc{margin-top:6px;font-size:13px;color:var(--text,#344054);white-space:normal;max-width:720px} .stk-f .vc-wrap{display:block;width:100%} .stk-f .vc-wrap>input,.stk-f .vc-wrap>textarea{width:100%;box-sizing:border-box} html body [hidden]{display:none!important} /* v18.78 "hidden" वाली चीज़ हर हाल में छुपी रहे (टैब, फ़ॉर्म) */ /* v18.78 सेटिंग: डिपार्टमेंट / ब्रांच टाइप / एरिया — छोटे चिप जैसे, कई कॉलम में */ html .card .dept-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important;gap:6px} html .card .bl-box .dept-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important} .dept-row{background:#F8FAFC;border:1px solid var(--line,#E4E7EC);border-radius:10px;padding:2px 4px 2px 2px;gap:2px!important} .dept-row .dept-ren{grid-template-columns:minmax(0,1fr) auto!important;gap:2px!important} .dept-row .dept-ren input[name=name]{border:1px solid transparent!important;background:transparent!important;padding:6px 8px!important;font-weight:600;min-width:0;box-shadow:none!important} .dept-row .dept-ren input[name=name]:focus{border-color:var(--primary,#1565D8)!important;background:#fff!important} .dept-row .dept-ren .vc-btn{display:none} .dept-row .dept-ren button[type=submit]{display:none} .dept-row.dirty .dept-ren{grid-template-columns:minmax(0,1fr) auto auto!important} .dept-row.dirty .dept-ren button[type=submit]{display:inline-flex} .dept-row .btn{padding:4px 7px!important;border:0!important;background:transparent!important;font-size:12px} .dept-add{margin-top:10px} .dept-add>summary{cursor:pointer;font-weight:600;color:var(--primary,#1565D8);padding:6px 0;list-style:none} .dept-add>summary::-webkit-details-marker{display:none} .dept-add form{margin-top:6px} /* v18.78 📅 दीवार कैलेंडर (हर डिवाइस पर एक जैसा) */ .wc{padding:14px} .wc-top{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:12px;position:relative} .wc-nav{width:40px;height:40px;border:1px solid var(--line,#E4E7EC);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;text-decoration:none;color:var(--navy,#0B2A5B);background:var(--surface,#fff)} .wc-title{display:flex;flex-direction:column;align-items:center;min-width:160px;line-height:1.1} .wc-title b{font-size:calc(24px*var(--fs,1));color:#C62828;letter-spacing:.5px} .wc-title span{font-size:calc(14px*var(--fs,1));font-weight:700;color:var(--navy,#0B2A5B)} .wc-today{position:absolute;right:0} .wc-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:2px solid #0B2A5B;border-radius:12px;overflow:hidden;background:#0B2A5B;gap:1px} .wc-h{background:#0B2A5B;color:#fff;text-align:center;font-weight:700;font-size:calc(13px*var(--fs,1));padding:7px 2px} .wc-h.sun{background:#C62828} .wc-d{all:unset;box-sizing:border-box;background:#fff;min-height:96px;padding:6px;display:flex;flex-direction:column;gap:3px;min-width:0;cursor:default;position:relative} .wc-d.has{cursor:pointer} .wc-d.has:hover{filter:brightness(.97)} .wc-pad{background:#F4F5F7} .wc-n{font-size:calc(26px*var(--fs,1));font-weight:800;line-height:1;color:#1F2937;font-family:Georgia,"Times New Roman",serif} .wc-d.red .wc-n{color:#C62828} .wc-d.woff{background:#FBF3F3} .wc-d.c-nat,.wc-d.c-own{background:#FDECEC} .wc-d.c-gaz{background:#FFF3E6} .wc-d.c-fac{background:#F4ECFA} .wc-d.today{box-shadow:inset 0 0 0 3px #1565D8} .wc-e{font-size:calc(11px*var(--fs,1));line-height:1.25;font-weight:600;color:#374151;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word} .wc-e.k-nat,.wc-e.k-own{color:#C62828} .wc-e.k-gaz{color:#C24E00} .wc-e.k-fac{color:#6A1B9A} .wc-e.k-opt{color:#2E7D32} .wc-e.t-bd{color:#AD1457} .wc-e.t-lv{color:#1565D8} .wc-e.t-ap{color:#00695C} .wc-more{font-size:11px;font-weight:700;color:#6B7280} .wc-legend{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:10px;font-size:calc(12px*var(--fs,1))} .wc-legend span::before{content:"";display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px} .wc-legend .k-nat::before{background:#C62828} .wc-legend .k-gaz::before{background:#E65100} .wc-legend .k-fac::before{background:#6A1B9A} .wc-legend .k-opt::before{background:#2E7D32} .wc-legend .k-own::before{background:#F48FB1} .wc-list h2{margin-top:0} .wc-row{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid var(--line,#E4E7EC);scroll-margin:90px} .wc-row:last-of-type{border-bottom:0} .wc-row.pick{background:#FFF8E1;border-radius:10px;padding:10px 8px} .wc-row.today .wc-rd{box-shadow:0 0 0 2px #1565D8} .wc-rd{flex:0 0 52px;height:52px;border-radius:10px;background:#F3F4F6;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1} .wc-rd b{font-size:20px;font-family:Georgia,serif;color:#1F2937} .wc-rd small{font-size:11px;color:#6B7280;margin-top:3px} .wc-rd.red{background:#FDECEC} .wc-rd.red b{color:#C62828} .wc-ri{display:flex;flex-direction:column;gap:6px;min-width:0} .wc-it b{display:block;font-size:14px} .wc-it b.k-nat,.wc-it b.k-own{color:#C62828} .wc-it b.k-gaz{color:#C24E00} .wc-it b.k-fac{color:#6A1B9A} .wc-it b.k-opt{color:#2E7D32} .wc-it small{display:block;color:#4B5563;font-size:12.5px;line-height:1.4} .wc-src{margin-top:10px} @media (max-width:640px){ .wc{padding:10px} .wc-d{min-height:68px;padding:3px} .wc-n{font-size:calc(19px*var(--fs,1))} .wc-e{font-size:calc(9px*var(--fs,1));-webkit-line-clamp:2} .wc-h{font-size:12px;padding:6px 0} .wc-title b{font-size:20px} .wc-today{position:static} } .wc-d.c-big{background:#FDECEC} .wc-e.k-big,.wc-it b.k-big{color:#C62828} .wc-legend .k-big::before{background:#E53935} .wc-d.c-gaz{background:#FFF6EC} .wc-grid .wc-h{text-align:center!important;display:flex;align-items:center;justify-content:center} /* v18.80 चिप में पूरा नाम: चौड़ाई नाम जितनी */ html .card .dept-list,html .card .bl-box .dept-list{display:flex!important;flex-wrap:wrap;gap:6px} html .card .dept-list .dept-row{flex:0 1 auto;max-width:100%} .dept-row .dept-ren input[name=name]{width:auto!important;max-width:100%} /* v18.82 📅 कैलेंडर — तीन डिज़ाइन (a = गोल टाइल, b = गोल तारीख़, c = क्लासिक पट्टी) · सब में तारीख़ बीच में */ .wc .wc-d{align-items:center;text-align:center;padding:8px 4px 6px;gap:4px} .wc .wc-n{display:flex;align-items:center;justify-content:center} .wc .wc-e{text-align:center;-webkit-line-clamp:3;word-break:normal;overflow-wrap:anywhere;hyphens:auto;width:100%} .wc .wc-more{align-self:center} /* a — गोल टाइल: हर दिन अलग गोल कोने वाला डिब्बा */ .wcd-a .wc-grid{background:transparent;border:0;gap:6px;border-radius:0;overflow:visible} .wcd-a .wc-h{background:transparent;color:var(--navy,#0B2A5B);border-radius:10px;padding:6px 0} .wcd-a .wc-h.sun{background:transparent;color:#C62828} .wcd-a .wc-d{border-radius:14px;border:1px solid #E4E7EC;box-shadow:0 1px 2px rgba(16,24,40,.05)} .wcd-a .wc-pad{background:transparent;border:0;box-shadow:none} .wcd-a .wc-d.today{box-shadow:0 0 0 2px #1565D8} .wcd-a .wc-d.c-nat,.wcd-a .wc-d.c-own,.wcd-a .wc-d.c-big{background:#FDECEC;border-color:#F5C2C2} .wcd-a .wc-d.c-gaz{background:#FFF4E5;border-color:#FAD7A8} .wcd-a .wc-d.c-fac{background:#F3EAFB;border-color:#DCC4F2} .wcd-a .wc-d.woff:not(.c-nat):not(.c-big):not(.c-own):not(.c-gaz):not(.c-fac){background:#FFF8F8} @media (max-width:640px){ .wc .wc-d{padding:6px 2px 4px;min-height:84px} .wc .wc-e{font-size:calc(9.5px*var(--fs,1))} .wcd-a .wc-grid{gap:4px} .wcd-a .wc-d{border-radius:12px} } .wc .wc-e{overflow-wrap:break-word;hyphens:none;letter-spacing:-.1px} @media (max-width:640px){.wc .wc-e{font-size:calc(9px*var(--fs,1))} .wcd-c .wc-e{padding:2px 2px}} @media (min-width:641px){.wc .wc-e{font-size:calc(13px*var(--fs,1))} .wcd-a .wc-d{min-height:104px}} /* v18.84 क्लाइंट बटन पर शब्द (फ़ोन पर भी) */ .co-card .co-acts{flex-wrap:wrap!important;gap:6px} @media (max-width:600px){ .co-card .co-acts .btn{padding:7px 9px;font-size:13px} } /* v18.84 🔍 एक ही खाने वाला dropdown (लिखो → नीचे लिस्ट → टैप करके चुनो) */ .cbx{position:relative;width:100%;min-width:0} .cbx .cbx-in{margin:0;padding-right:34px;background-color:#fff} .cbx-ar{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#667085;font-size:14px;cursor:pointer;user-select:none} select.cbx-sel{position:absolute!important;left:0;bottom:0;width:100%!important;height:1px!important;opacity:0!important;pointer-events:none!important;padding:0!important;border:0!important;margin:0!important} .cbx-list{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:60;background:#fff;border:1px solid var(--line,#E4E7EC);border-radius:12px;box-shadow:0 12px 28px rgba(16,24,40,.16);max-height:300px;overflow:auto;padding:4px} .cbx-o{padding:10px 12px;border-radius:8px;cursor:pointer;font-size:calc(14px*var(--fs,1));line-height:1.3;color:#101828} .cbx-o.act,.cbx-o:hover{background:#EEF4FF} .cbx-o.on{font-weight:700;color:#1849A9} .cbx-o.ph{color:#667085} .cbx-o.dis{opacity:.45;cursor:default} .cbx-g{padding:6px 12px 2px;font-size:11.5px;font-weight:700;color:#667085;text-transform:uppercase;letter-spacing:.3px} .cbx-none{padding:10px 12px;color:#667085;font-size:13px} .cbx.bad .cbx-in{border-color:#D92D20!important;box-shadow:0 0 0 3px rgba(217,45,32,.15)} .od-it-top .cbx,.bp-row .cbx{grid-column:1/-1} @media (max-width:600px){ html .co-card .co-acts{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important} html .co-card .co-acts>a.btn-secondary{grid-column:1/-1} html .co-card .co-acts form{margin:0;min-width:0} html .co-card .co-acts .btn{width:100%;justify-content:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} html .co-card .cl-lbl{display:inline!important} } /* v18.84 बाहर का बिल */ .eb-card>summary{cursor:pointer;list-style:none;display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline} .eb-card>summary::-webkit-details-marker{display:none} .eb-card>summary b{color:var(--primary,#1565D8)} .eb-f{margin-top:12px} .eb-chk{flex-direction:row!important;align-items:center;gap:8px;font-weight:600} .eb-chk input{width:18px;height:18px;flex:none} .eb-row .inv-r{display:flex;flex-direction:column;align-items:flex-end} /* v18.84 🛰️ ड्यूटी-टाइम लोकेशन */ .dt-bar{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(76px + env(safe-area-inset-bottom));z-index:900;background:#0B2A5B;color:#fff;font-size:12.5px;font-weight:600;padding:6px 12px;border-radius:999px;box-shadow:0 6px 16px rgba(0,0,0,.2);max-width:92vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} @media (min-width:900px){.dt-bar{bottom:16px;left:auto;right:16px;transform:none}} .dt-ask-wrap{position:fixed;inset:0;z-index:1000;background:rgba(11,42,99,.35);display:flex;align-items:center;justify-content:center;padding:18px} .dt-ask{background:#fff;border-radius:16px;max-width:400px;width:100%;padding:20px;text-align:center;box-shadow:0 20px 50px rgba(0,0,0,.25)} .dt-ask b{display:block;font-size:16px;color:#0B2A5B;margin:6px 0} .dt-ask p{font-size:14px;line-height:1.5;color:#344054;margin:0 0 14px;white-space:pre-line} .dt-btns{display:flex;gap:8px;justify-content:center;flex-wrap:wrap} .mp-last{display:block;font-size:11.5px;color:#1565D8;margin-top:2px} .dt-set>summary{cursor:pointer;list-style:none;display:flex;gap:8px;align-items:center;flex-wrap:wrap} .dt-set>summary::-webkit-details-marker{display:none} .dt-rules{background:#F5F8FF;border-radius:10px;padding:10px 12px;font-size:13px} .dt-rules ul{margin:6px 0 0;padding-left:18px} .dt-rules li{margin:3px 0} .dt-cons div{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px} @media (max-width:899px){ html .mp-side{flex-direction:column!important;overflow:visible!important;display:grid!important;grid-template-columns:1fr 1fr;gap:6px} html .mp-person{flex:none!important} .mp-map{height:52vh} } @media (max-width:899px){ html .mp-side .mp-side-h{grid-column:1/-1} } .empty.bx-empty{padding:8px 4px;text-align:left;} /* v18.88 ख़ाली कार्ड छोटा */ /* v18.88 कैलेंडर: तारीख़ के अंक एक सीध में (Georgia के ऊपर-नीचे वाले अंक हटाए) · डेस्कटॉप पर छोटा कैलेंडर + दाएँ त्योहार / छुट्टियाँ */ .wc .wc-n,.wc-rd b{font-family:inherit;font-variant-numeric:lining-nums tabular-nums;font-weight:800;letter-spacing:-.3px} @media (min-width:1024px){ .wc-lay{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,360px);gap:16px;align-items:start} .wc-lay > .card{margin-bottom:0} .wc-lay .wc{max-width:880px;width:100%;justify-self:center} .wcd-a .wc-d{min-height:78px} .wc .wc-n{font-size:calc(21px*var(--fs,1))} .wc .wc-e{font-size:calc(11.5px*var(--fs,1));-webkit-line-clamp:2} .wc-title b{font-size:calc(22px*var(--fs,1))} .wc-lay .wc-list{position:sticky;top:84px;max-height:calc(100vh - 110px);overflow:auto} .wc-lay .wc-list h2{font-size:calc(16px*var(--fs,1))} } .wc-src{font-size:calc(12px*var(--fs,1))!important;line-height:1.45} .ps-form{margin-top:4px} .ps-form select{font-size:12.5px;padding:3px 6px;border-radius:8px;border:1px solid var(--line,#E4E7EC);background:#fff;width:auto} .ps-form select.ps-paid{border-color:#16A34A;color:#166534} .ps-form select.ps-free{border-color:#7C3AED;color:#5B21B6} .ps-form select.ps-due{border-color:#F59E0B;color:#92400E} .ps-form select.ps-none{border-color:#EF4444;color:#B91C1C} /* v18.91 ⏱️ अपटाइम + लोड */ .ut-card .sv-k{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:12px} .ut-sub{display:block;margin:12px 0 6px;font-size:14px} .ut-strip{display:flex;gap:1px;height:26px;border-radius:8px;overflow:hidden} .ut-strip i{flex:1;background:#E5E7EB}.ut-strip i.ut-up{background:#22C55E}.ut-strip i.ut-down{background:#EF4444} .ut-axis{display:flex;justify-content:space-between;font-size:11px;color:var(--muted,#64748B);margin-top:3px} .ut-leg{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;margin-top:6px} .ut-leg span::before{content:"";display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px;background:#E5E7EB} .ut-leg .ut-up::before{background:#22C55E}.ut-leg .ut-down::before{background:#EF4444} .ut-bars i{background:#93C5FD}.ut-bars i.slow{background:#F59E0B} .ut-hrs span{font-size:10px} /* v18.92 🔌 Integrations */ .ig-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px} .ig-row{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--line,#E4E7EC);border-radius:12px;background:#fff} .ig-row b{display:block;font-size:14px}.ig-row small{display:block;color:var(--muted,#64748B);font-size:12.5px;line-height:1.4;word-break:break-word} .ig-row .ig-err{color:#B42318} .ig-dot{flex:0 0 12px;height:12px;border-radius:50%;margin-top:4px;background:#CBD5E1} .ig-ok .ig-dot{background:#22C55E}.ig-bad .ig-dot{background:#EF4444}.ig-warn .ig-dot{background:#F59E0B} .ig-row.ig-bad{border-color:#FCA5A5;background:#FEF2F2}.ig-row.ig-warn{border-color:#FCD34D;background:#FFFBEB} .ig-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px} .ig-grid .card{margin-bottom:0} .ig-h{display:flex;justify-content:space-between;align-items:center;gap:8px}.ig-h h2{margin:0;font-size:16px} .ig-pill{font-size:11.5px;font-weight:700;padding:3px 8px;border-radius:999px;background:#F1F5F9;color:#475569} .ig-pill.ig-ok{background:#DCFCE7;color:#166534}.ig-pill.ig-bad{background:#FEE2E2;color:#B91C1C}.ig-pill.ig-warn{background:#FEF3C7;color:#92400E} .ig-keys{list-style:none;margin:10px 0;padding:0}.ig-keys li{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px dashed var(--line,#E4E7EC);font-size:13.5px} .ig-keys b{font-weight:600;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12.5px;text-align:right;word-break:break-all}.ig-empty{color:#94A3B8;font-style:normal} .ig-logsum{margin-bottom:10px}.ig-logsum ul{list-style:none;margin:6px 0 0;padding:0}.ig-logsum li{display:flex;justify-content:space-between;gap:10px;padding:5px 0;border-bottom:1px dashed var(--line,#E4E7EC);font-size:12.5px}.ig-logsum li span{word-break:break-word;color:#475569} .hd-warn{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0;padding:8px 10px;border-radius:10px;background:#FFFBEB;border:1px solid #FCD34D;color:#92400E;font-size:13px} /* v18.95 🗑️ हटाना */ .dr-box{display:inline-block;position:relative}.dr-box>summary{list-style:none;cursor:pointer}.dr-box>summary::-webkit-details-marker{display:none} .dr-box[open]{display:block;width:100%;margin-top:6px} .dr-form{display:grid;gap:8px;margin-top:8px;padding:12px;border:1px solid #FCA5A5;background:#FEF2F2;border-radius:12px} .dr-form label{display:grid;gap:4px;font-size:13px}.dr-form label>span{font-weight:600} .dr-called{display:flex!important;align-items:center;gap:8px;grid-template-columns:none!important} .cr-dec .dr-called{margin:6px 0;font-size:13px} .mc-qc .field:has(#visitContact),.mc-qc #qcCt{display:none!important} /* v18.97 AMC में व्यक्ति नहीं चाहिए */