:root{--primary:#003a8a;--primary2:#0d63ce;--slate:#6b7280;--bg:#f7f9fc;--card:#ffffff;--text:#111827;--muted:#6b7280;--line:#e5e9f2;--shadow:0 18px 50px rgba(0,58,138,.10);--radius:22px;--green:#10b981;--orange:#f59e0b;--red:#ef4444;--purple:#7c3aed;--blue:#2563eb}html[data-theme=dark]{--bg:#07111f;--card:rgba(14,28,50,.86);--text:#f8fafc;--muted:#a8b3c7;--line:rgba(255,255,255,.10);--shadow:0 22px 60px rgba(0,0,0,.35)}*{box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:radial-gradient(circle at top left,rgba(13,99,206,.10),transparent 35%),var(--bg);color:var(--text);min-height:100vh}.sidebar{position:fixed;left:16px;top:16px;bottom:16px;width:270px;background:linear-gradient(180deg,#003a8a,#001e49);border-radius:28px;padding:18px 14px;color:white;z-index:1020;display:flex;flex-direction:column;box-shadow:0 24px 60px rgba(0,58,138,.30)}.brand-logo{width:180px;max-height:70px;object-fit:contain;background:white;border-radius:18px;padding:6px}.sidebar-brand{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.sidebar-close{border:0;background:rgba(255,255,255,.12);color:white;border-radius:12px;width:36px;height:36px}.sidebar-search{height:42px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12);border-radius:14px;display:flex;align-items:center;gap:8px;padding:0 12px;margin-bottom:10px}.sidebar-search input{background:transparent;border:0;outline:0;color:white;width:100%;font-size:13px}.sidebar-search input::placeholder{color:rgba(255,255,255,.65)}.sidebar-nav{overflow:auto;padding-right:4px}.nav-link{color:rgba(255,255,255,.82);display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:14px;font-weight:700;font-size:13px;margin-bottom:4px;transition:.2s}.nav-link:hover,.nav-link.active{background:rgba(255,255,255,.15);color:white;transform:translateX(3px)}.nav-link i{font-size:17px}.sidebar-profile{margin-top:auto;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.12);border-radius:18px;padding:10px}.sidebar-profile strong{display:block;font-size:13px}.sidebar-profile span{display:block;font-size:11px;opacity:.8}.avatar{width:42px;height:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0d63ce,#003a8a);color:white;font-weight:900}.avatar-sm{width:34px;height:34px;font-size:12px}.main-shell{margin-left:306px;min-height:100vh}.topbar{position:sticky;top:0;z-index:1000;backdrop-filter:blur(18px);background:rgba(247,249,252,.78);border-bottom:1px solid var(--line);padding:18px 28px;display:flex;justify-content:space-between;align-items:center}.topbar h1{font-size:24px;font-weight:900;margin:0;color:var(--primary)}.topbar p{margin:2px 0 0;color:var(--muted);font-size:13px}.topbar-actions{display:flex;align-items:center;gap:10px}.global-search{height:44px;width:330px;border:1px solid var(--line);background:var(--card);border-radius:16px;align-items:center;gap:8px;padding:0 12px}.global-search input{border:0;background:transparent;outline:0;width:100%;color:var(--text)}kbd{background:#eef4ff;color:var(--primary);border:0}.icon-btn{height:42px;width:42px;border-radius:14px;border:1px solid var(--line);background:var(--card);color:var(--text);display:inline-flex;align-items:center;justify-content:center}.profile-chip{border:1px solid var(--line);background:var(--card);border-radius:16px;padding:5px 10px;display:flex;align-items:center;gap:8px;color:var(--text);font-weight:800}.notif-count{position:absolute;top:-5px;right:-4px;background:#ef4444;color:white;font-size:10px;border-radius:20px;padding:1px 5px}.content-wrap{padding:24px 28px 42px}.crm-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}.crm-card-sm{padding:16px;border-radius:18px}.stat-card{position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;right:-28px;top:-28px;width:94px;height:94px;background:rgba(13,99,206,.08);border-radius:50%}.stat-icon{width:44px;height:44px;border-radius:15px;background:#edf5ff;color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:20px}.stat-value{font-size:26px;font-weight:900}.delta{font-size:12px;color:var(--green);font-weight:800}.btn-primary-gradient{background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;border:0;border-radius:13px;font-weight:800;box-shadow:0 12px 24px rgba(0,58,138,.22)}.btn-primary-gradient:hover{color:#fff;transform:translateY(-1px)}.btn-outline-premium{border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:13px;font-weight:800}.btn-outline-premium:hover{border-color:var(--primary);color:var(--primary)}.premium-table{font-size:13px}.premium-table th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em;background:rgba(0,58,138,.03)}.premium-table td,.premium-table th{padding:13px 12px;vertical-align:middle;border-color:var(--line)}.pill{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;font-size:11px;font-weight:900}.soft-blue{background:#eaf3ff;color:#0d63ce}.soft-green{background:#e8fff6;color:#008f64}.soft-orange{background:#fff6df;color:#b45309}.soft-red{background:#ffecec;color:#dc2626}.soft-purple{background:#f1ebff;color:#6d28d9}.soft-slate{background:#f1f5f9;color:#475569}.form-control,.form-select{border-radius:13px;border:1px solid var(--line);background:var(--card);color:var(--text);min-height:44px}.form-control:focus,.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 .25rem rgba(13,99,206,.12)}.modal-content{background:var(--card);color:var(--text)}.premium-dropdown{border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);background:var(--card)}.chart-box{min-height:260px}.timeline{position:relative}.timeline:before{content:"";position:absolute;left:17px;top:10px;bottom:10px;width:2px;background:var(--line)}.timeline-item{display:flex;gap:14px;position:relative;margin-bottom:18px}.timeline-dot{width:36px;height:36px;border-radius:50%;background:#edf5ff;color:var(--primary);display:flex;align-items:center;justify-content:center;z-index:1}.ai-panel{background:linear-gradient(135deg,rgba(0,58,138,.08),rgba(13,99,206,.03));border:1px solid rgba(13,99,206,.16)}.glass-card{background:rgba(255,255,255,.72);backdrop-filter:blur(18px)}html[data-theme=dark] .topbar{background:rgba(7,17,31,.82)}html[data-theme=dark] .glass-card{background:rgba(14,28,50,.7)}html[data-theme=dark] .premium-table th{background:rgba(255,255,255,.04)}.login-shell{min-height:100vh;display:grid;place-items:center;padding:30px;background:radial-gradient(circle at 20% 10%,rgba(13,99,206,.15),transparent 25%),#f7f9fc}.login-card{width:min(1100px,100%);display:grid;grid-template-columns:1fr 1fr;background:white;border-radius:34px;overflow:hidden;box-shadow:0 30px 90px rgba(0,58,138,.18)}.login-brand{background:linear-gradient(135deg,#003a8a,#001e49);color:white;padding:48px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.login-brand:after{content:"";position:absolute;inset:auto -20% -30% -20%;height:300px;background:radial-gradient(circle,rgba(255,255,255,.16),transparent 65%)}.login-brand img{width:240px;background:white;border-radius:22px;padding:8px;margin-bottom:34px}.login-form{padding:58px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid var(--line);border-radius:18px;overflow:hidden}.calendar-day{min-height:116px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px;background:var(--card)}.calendar-day:nth-child(7n){border-right:0}.calendar-event{font-size:11px;border-radius:8px;padding:4px 6px;margin-top:5px;background:#edf5ff;color:var(--primary);font-weight:800}.kanban{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.kanban-col{background:rgba(0,58,138,.04);border:1px solid var(--line);border-radius:18px;padding:14px;min-height:300px}.mini-phone{width:240px;border:10px solid #121826;border-radius:34px;background:#f5f5f5;box-shadow:0 20px 60px rgba(0,0,0,.25);padding:12px}.wa-bubble{background:#dcf8c6;border-radius:12px;padding:10px;font-size:12px;margin:8px 0}.sidebar-backdrop{display:none}@media(max-width:991px){.sidebar{transform:translateX(-115%);transition:.25s;left:10px;top:10px;bottom:10px}.sidebar.show{transform:none}.sidebar-backdrop.show{display:block;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:1010}.main-shell{margin-left:0}.topbar{padding:14px 16px}.content-wrap{padding:18px}.login-card{grid-template-columns:1fr}.login-brand{display:none}.kanban{grid-template-columns:1fr}.calendar-grid{grid-template-columns:1fr}.calendar-day{min-height:auto}.topbar h1{font-size:18px}.topbar p{display:none}}.custom-scroll::-webkit-scrollbar{width:6px}.custom-scroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,.25);border-radius:20px}.print-document{background:white;color:#111;border-radius:22px;padding:30px}.doc-logo{max-width:180px}.table-actions{display:flex;gap:6px;justify-content:flex-end}.premium-alert{border:0;border-radius:16px;box-shadow:var(--shadow)}

/* === Premium SaaS CRM Frontend Upgrade - Click Connect AI OS === */
.module-hero{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:30px;padding:28px;background:linear-gradient(135deg,rgba(0,58,138,.96),rgba(13,99,206,.86));color:#fff;box-shadow:0 24px 70px rgba(0,58,138,.22);display:flex;justify-content:space-between;gap:22px;align-items:flex-end;min-height:190px}.module-hero:before{content:"";position:absolute;inset:-60px -30px auto auto;width:360px;height:360px;border-radius:50%;background:rgba(255,255,255,.14)}.module-hero:after{content:"";position:absolute;left:-90px;bottom:-140px;width:330px;height:330px;border-radius:50%;background:rgba(255,255,255,.10)}.module-hero>*{position:relative;z-index:1}.module-hero h2{font-size:clamp(27px,3vw,44px);line-height:1.05;font-weight:950;max-width:850px;margin:10px 0}.module-hero p{font-size:15px;max-width:740px;color:rgba(255,255,255,.78);margin:0}.eyebrow{display:inline-flex;align-items:center;text-transform:uppercase;letter-spacing:.09em;font-size:11px;font-weight:950;color:var(--primary2)}.module-hero .eyebrow{color:#dbeafe;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);padding:7px 11px;border-radius:999px}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.btn-glass{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.24);color:#fff;border-radius:13px;font-weight:850}.btn-glass:hover{background:rgba(255,255,255,.24);color:#fff}.saas-grid{display:grid;gap:16px}.kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.small-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.metric-card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:var(--shadow);min-height:126px;position:relative;overflow:hidden}.metric-card.compact{min-height:105px}.metric-card:after{content:"";position:absolute;right:-35px;bottom:-45px;width:110px;height:110px;border-radius:50%;background:rgba(13,99,206,.07)}.metric-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.metric-head i{width:38px;height:38px;border-radius:14px;background:#edf5ff;color:var(--primary);display:inline-flex;align-items:center;justify-content:center;font-size:17px}.metric-card strong{display:block;font-size:26px;line-height:1.1;font-weight:950;margin-top:12px;position:relative;z-index:1}.metric-foot{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:10px}.metric-foot span{color:var(--green);font-weight:950;font-size:12px}.metric-foot small,.metric-card small{color:var(--muted);font-size:12px}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.section-head h3{font-size:20px;font-weight:950;margin:3px 0 0}.ai-panel-premium{background:linear-gradient(135deg,rgba(124,58,237,.10),rgba(13,99,206,.06));border-color:rgba(124,58,237,.18)}.ai-panel-premium>.section-head>i{font-size:28px;color:var(--purple)}.insight-item{display:flex;gap:12px;align-items:flex-start;border:1px solid rgba(124,58,237,.14);background:rgba(255,255,255,.55);border-radius:16px;padding:12px;margin-bottom:11px}.insight-item i{color:var(--purple)}html[data-theme=dark] .insight-item{background:rgba(255,255,255,.04)}.funnel-row{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.funnel-stage{background:rgba(0,58,138,.04);border:1px solid var(--line);border-radius:16px;padding:12px}.funnel-stage span{font-size:12px;color:var(--muted);font-weight:900}.funnel-stage strong{display:block;font-size:22px;font-weight:950}.funnel-stage small{color:var(--primary);font-weight:900}.source-line,.target-row,.rule-line,.schedule-item{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:11px 0}.source-line span,.target-row span{font-weight:850}.source-line div{display:flex;align-items:center;gap:10px}.source-line small{color:var(--muted)}.user-mini{display:flex;align-items:center;gap:10px}.user-mini strong{display:block}.user-mini small{display:block;color:var(--muted);font-size:12px}.priority-list,.user-list{display:grid;gap:12px}.priority-item,.user-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:18px;padding:12px;background:rgba(0,58,138,.025)}.lead-status-strip{display:flex;gap:10px;overflow:auto;padding-bottom:5px}.status-filter{border:1px solid var(--line);background:var(--card);border-radius:18px;padding:12px 16px;min-width:122px;text-align:left;box-shadow:var(--shadow)}.status-filter span{display:block;font-size:12px;color:var(--muted);font-weight:900}.status-filter strong{display:block;font-size:22px;font-weight:950;color:var(--primary)}.status-filter:hover{border-color:var(--primary);transform:translateY(-1px)}.score-ring{width:43px;height:43px;border-radius:50%;background:conic-gradient(var(--primary) 0 75%,#e5e7eb 75% 100%);display:grid;place-items:center}.score-ring span{width:33px;height:33px;border-radius:50%;background:var(--card);display:grid;place-items:center;font-size:12px;font-weight:950}.bulk-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:14px;margin-top:4px}.bulk-bar .form-select{max-width:250px}.tool-card{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:18px;padding:14px;margin-bottom:12px;background:rgba(0,58,138,.025)}.tool-card i{width:40px;height:40px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#edf5ff;color:var(--primary)}.tool-card strong{display:block}.tool-card small{display:block;color:var(--muted)}.kanban-wide{grid-template-columns:repeat(7,minmax(190px,1fr));overflow-x:auto}.kanban-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.kanban-title span{background:var(--card);border:1px solid var(--line);border-radius:999px;padding:3px 9px;font-size:12px;font-weight:900}.kanban-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px;margin-bottom:10px;box-shadow:0 8px 20px rgba(0,58,138,.06)}.kanban-card>strong{display:block}.kanban-card>small{display:block;color:var(--muted)}.kanban-meta{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:11px;margin-top:8px}.assignment-options{display:grid;gap:10px}.assignment-options label{border:1px solid var(--line);border-radius:14px;padding:12px;font-weight:850}.wizard-steps{display:flex;gap:8px;overflow:auto}.wizard-steps span{white-space:nowrap;border:1px solid var(--line);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900;color:var(--muted)}.wizard-steps .active{background:var(--primary);color:#fff}.import-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.import-preview div{background:rgba(0,58,138,.04);border:1px solid var(--line);border-radius:14px;padding:12px;text-align:center;font-weight:900}.sticky-xl{position:sticky;top:104px}.progress-orb{width:170px;height:170px;border-radius:50%;margin:0 auto 18px;background:conic-gradient(var(--primary) 0 64%,#e5e7eb 64% 100%);display:grid;place-items:center}.progress-orb span{width:126px;height:126px;border-radius:50%;background:var(--card);display:grid;place-items:center;font-size:30px;font-weight:950}.rank-card{display:flex;gap:12px;align-items:center;border-radius:18px;background:linear-gradient(135deg,rgba(16,185,129,.14),rgba(13,99,206,.08));padding:14px}.rank-card i{font-size:28px;color:var(--green)}.rank-card small{display:block;color:var(--muted)}.queue-tabs,.view-switch{display:flex;gap:6px;background:rgba(0,58,138,.05);border:1px solid var(--line);border-radius:14px;padding:4px}.queue-tabs button,.view-switch button{border:0;background:transparent;border-radius:11px;padding:7px 10px;font-size:12px;font-weight:900;color:var(--muted)}.queue-tabs .active,.view-switch .active{background:var(--card);color:var(--primary);box-shadow:0 6px 14px rgba(0,58,138,.08)}.calling-queue{max-height:640px;overflow:auto;padding-right:5px}.queue-item{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid var(--line);border-radius:18px;padding:12px;margin-bottom:10px;cursor:pointer;background:var(--card)}.queue-item.active,.queue-item:hover{border-color:var(--primary);box-shadow:0 14px 30px rgba(0,58,138,.10)}.queue-actions{display:flex;align-items:center;gap:8px}.call-contact{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:18px;padding:14px;background:rgba(0,58,138,.04);font-size:18px}.call-contact i{color:var(--primary);font-size:24px}.lead-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.lead-info-grid div{border:1px solid var(--line);border-radius:16px;padding:12px}.lead-info-grid span{display:block;color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase}.lead-info-grid strong{display:block;margin-top:4px}.status-buttons{display:flex;gap:8px;flex-wrap:wrap}.activity-line{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.activity-line span{background:rgba(0,58,138,.05);border:1px solid var(--line);border-radius:999px;padding:7px 10px;font-size:12px;font-weight:850}.ai-answer{border:1px solid rgba(124,58,237,.18);border-radius:16px;padding:13px;background:rgba(255,255,255,.58);font-size:13px}html[data-theme=dark] .ai-answer{background:rgba(255,255,255,.05)}.premium-calendar .calendar-head{font-weight:950;color:var(--primary);min-height:auto;background:rgba(0,58,138,.05)}.premium-calendar .today{outline:2px solid var(--primary);outline-offset:-2px}.calendar-event.call{background:#edf5ff;color:var(--primary)}.calendar-event.meeting{background:#e8fff6;color:#008f64}.calendar-event.payment{background:#fff6df;color:#b45309}.schedule-item strong{display:block}.schedule-item small{display:block;color:var(--muted)}.schedule-item span{font-size:12px;font-weight:900;color:var(--primary)}.qr-login-card{text-align:center}.qr-frame{width:230px;height:230px;border:1px solid var(--line);border-radius:24px;display:grid;place-items:center;margin:0 auto 14px;background:#fff}.qr-frame.connected{outline:4px solid rgba(16,185,129,.18)}.fake-qr{width:170px;height:170px;background:repeating-linear-gradient(0deg,#111 0 8px,#fff 8px 16px),repeating-linear-gradient(90deg,transparent 0 10px,rgba(0,58,138,.45) 10px 18px);background-blend-mode:multiply;border:12px solid #fff;box-shadow:inset 0 0 0 8px #111}.qr-status{font-weight:950;margin-bottom:10px}.qr-status i{font-size:10px;margin-right:6px}.phone-top{background:#075e54;color:#fff;margin:-12px -12px 10px;padding:10px;border-radius:20px 20px 0 0;font-weight:900;text-align:center}.wa-bubble.reply{background:#fff;border:1px solid #ddd}.flow-builder{display:grid;gap:12px}.flow-builder.horizontal{grid-template-columns:repeat(4,1fr)}.flow-node{border:1px solid var(--line);background:var(--card);border-radius:18px;padding:14px;position:relative}.flow-node span{display:inline-flex;background:#edf5ff;color:var(--primary);border-radius:999px;padding:4px 8px;font-size:11px;font-weight:950;margin-bottom:8px}.flow-node strong{display:block}.rule-line{font-size:13px}.proposal-cover{background:linear-gradient(135deg,#edf5ff,#fff);border:1px solid #d9e8ff;border-radius:20px;padding:18px}.proposal-cover h4{font-weight:950;color:#003a8a}.doc-steps{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.doc-steps span{background:#eef2ff;color:#003a8a;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:900}.template-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.template-card{border:1px solid var(--line);border-radius:18px;padding:16px;background:var(--card);display:grid;gap:7px}.template-card i{font-size:24px;color:var(--primary)}.template-card strong{font-weight:950}.template-card small{color:var(--muted)}.invoice-box{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e9f2;padding:10px 0}.invoice-box span{color:#6b7280}.visibility-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.visibility-grid div{border:1px solid var(--line);border-radius:18px;padding:14px;background:rgba(0,58,138,.03)}.visibility-grid strong{display:block;color:var(--primary);font-size:17px}.visibility-grid span{display:block;color:var(--muted);margin-top:4px}.offcanvas{background:var(--card);color:var(--text)}@media(max-width:1399px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.small-grid{grid-template-columns:repeat(3,1fr)}.template-grid{grid-template-columns:repeat(3,1fr)}.flow-builder.horizontal{grid-template-columns:repeat(2,1fr)}}@media(max-width:991px){.module-hero{display:block;padding:22px}.module-hero h2{font-size:27px}.hero-actions{justify-content:flex-start;margin-top:18px}.kpi-grid,.small-grid{grid-template-columns:repeat(2,1fr)}.funnel-row{grid-template-columns:1fr 1fr}.sticky-xl{position:static}.kanban-wide{grid-template-columns:repeat(7,230px)}.template-grid,.flow-builder.horizontal,.visibility-grid{grid-template-columns:1fr}.qr-frame{width:210px;height:210px}.lead-info-grid{grid-template-columns:1fr}}@media(max-width:575px){.kpi-grid,.small-grid{grid-template-columns:1fr}.metric-card{min-height:auto}.topbar-actions .btn-primary-gradient{display:none!important}.priority-item,.queue-item,.user-row{align-items:flex-start;flex-direction:column}.bulk-bar .form-select{max-width:none}.import-preview{grid-template-columns:1fr 1fr}.module-hero h2{font-size:24px}.content-wrap{padding:14px}.crm-card{padding:16px}}

/* === Premium Telecaller Workspace v2: expanded queue + call-state UI === */
.telecaller-shell{--tc-blue:#0757c9;--tc-blue-dark:#003f9e;--tc-green:#16a34a;--tc-orange:#f97316;--tc-red:#ef4444;--tc-purple:#7c3aed;--tc-slate:#64748b;--tc-soft:#f6f9ff}.telecaller-header-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(241,246,255,.86));border:1px solid rgba(203,213,225,.72);border-radius:26px;padding:20px 22px;box-shadow:0 18px 45px rgba(0,58,138,.08)}.telecaller-header-strip h2{font-size:31px;line-height:1;font-weight:950;margin:0;color:#07142e}.telecaller-header-strip p{color:#667085;margin:7px 0 0;font-weight:650}.tc-live-chip,.tc-lock-chip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:900;border:1px solid rgba(13,99,206,.16);background:#fff;color:#0757c9}.tc-lock-chip{color:#7c3aed;background:#f6f0ff}.tele-header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tele-header-actions .btn.active,.tc-queue-tools .btn.active{background:linear-gradient(135deg,var(--tc-blue),#1b75ff)!important;color:#fff!important;border-color:transparent!important}.tc-kpi-grid{display:grid;grid-template-columns:repeat(8,minmax(130px,1fr));gap:12px}.tc-kpi-card{position:relative;overflow:hidden;min-height:118px;background:var(--card);border:1px solid rgba(203,213,225,.75);border-radius:20px;padding:16px 16px 13px;box-shadow:0 14px 34px rgba(0,58,138,.07)}.tc-kpi-card:after{content:"";position:absolute;right:-22px;bottom:-34px;width:90px;height:90px;border-radius:50%;background:rgba(13,99,206,.06)}.tc-kpi-card span{display:block;text-transform:uppercase;letter-spacing:.03em;color:#667085;font-size:11px;font-weight:950}.tc-kpi-card strong{display:block;margin-top:6px;font-size:28px;line-height:1;font-weight:950;color:#07142e}.tc-kpi-card small{display:block;margin-top:6px;color:#667085;font-weight:750}.tc-kpi-card em{display:inline-flex;margin-top:8px;font-style:normal;font-size:11px;font-weight:900;color:#16a34a}.tc-kpi-icon{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;margin-bottom:9px;background:#eef5ff;color:var(--tc-blue);font-size:18px}.tc-kpi-card.green .tc-kpi-icon{background:#e9fff3;color:var(--tc-green)}.tc-kpi-card.orange .tc-kpi-icon{background:#fff3e7;color:var(--tc-orange)}.tc-kpi-card.purple .tc-kpi-icon{background:#f3e8ff;color:var(--tc-purple)}.tc-kpi-card.red .tc-kpi-icon{background:#fff0f0;color:var(--tc-red)}.telecaller-grid{display:grid;grid-template-columns:minmax(0,1fr) 382px;gap:16px;align-items:start}.tc-main-panel{min-width:0}.tc-side-panel{display:grid;gap:14px;position:sticky;top:96px}.tc-queue-card{padding:0;overflow:hidden}.tc-queue-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:17px 18px;border-bottom:1px solid rgba(203,213,225,.72);background:linear-gradient(180deg,#fff,#f8fbff)}.tc-queue-toolbar h3{font-size:18px;font-weight:950;color:#07142e}.queue-count{background:#eef5ff;color:#0757c9;border:1px solid rgba(13,99,206,.12);border-radius:999px;padding:4px 9px;font-size:12px;font-weight:950}.tc-auto-priority{display:inline-flex;align-items:center;gap:5px;background:#f8fafc;border:1px solid #e2e8f0;color:#475569;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:900}.tc-status-legend{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.tc-status-legend span{display:inline-flex;align-items:center;gap:5px;color:#475569;font-size:12px;font-weight:850}.tc-dot{width:10px;height:10px;border-radius:50%;display:inline-block;box-shadow:0 0 0 3px rgba(0,0,0,.03)}.tc-called-dot,.tc-completed-dot{background:var(--tc-green)}.tc-pending-dot{background:var(--tc-orange)}.tc-ringing-dot{background:#2563eb}.tc-noanswer-dot{background:var(--tc-red)}.tc-follow-dot{background:var(--tc-purple)}.tc-slate-dot{background:#94a3b8}.tc-queue-tools{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.tc-search{height:38px;min-width:225px;border:1px solid #dbe5f4;background:#fff;border-radius:12px;display:flex;align-items:center;gap:8px;padding:0 10px;color:#64748b}.tc-search input{border:0;outline:0;background:transparent;width:100%;font-size:13px}.tc-search kbd{background:#eef5ff;color:#0757c9;border:0;font-size:11px;border-radius:7px;padding:3px 6px}.tc-queue-tools .form-select{height:38px;border-radius:12px;border-color:#dbe5f4;font-weight:800;color:#475569;font-size:12px;min-width:132px}.tc-queue-table-wrap{max-height:690px;overflow:auto;background:#fff}.tc-queue-table{min-width:1160px;font-size:12px}.tc-queue-table thead th{position:sticky;top:0;background:#f9fbff;z-index:4;border-bottom:1px solid #dce6f5;color:#41516b;font-size:11px;text-transform:uppercase;letter-spacing:.035em;font-weight:950;white-space:nowrap;padding:12px 10px}.tc-queue-table tbody td{border-bottom:1px solid #edf1f7;padding:8px 10px;vertical-align:middle;color:#243045;font-weight:650;white-space:nowrap}.tc-queue-table tbody tr{cursor:pointer;transition:.18s ease}.tc-queue-table tbody tr:hover,.tc-queue-table tbody tr.selected{background:#f5f9ff}.tc-row-hidden{display:none!important}.tc-row-dot{display:inline-block;width:10px;height:10px;border-radius:999px;margin-right:12px;vertical-align:middle}.tc-row-dot.tc-called,.tc-row-dot.tc-completed{background:var(--tc-green)}.tc-row-dot.tc-pending{background:var(--tc-orange)}.tc-row-dot.tc-ringing{background:#2563eb;box-shadow:0 0 0 4px rgba(37,99,235,.12)}.tc-row-dot.tc-noanswer{background:var(--tc-red)}.tc-row-dot.tc-followdue{background:var(--tc-purple)}.tc-lead-name{display:grid;gap:2px}.tc-lead-name strong{display:inline-flex;align-items:center;gap:6px;font-weight:950;color:#07142e}.tc-lead-name i{color:#f59e0b}.tc-lead-name small{color:#8792a5;font-size:10px;font-weight:800}.tc-phone-number{font-weight:900;color:#0f172a}.tc-phone-mini{margin-left:8px;color:var(--tc-green);font-size:13px}.tc-status-badge,.tc-priority{display:inline-flex;align-items:center;justify-content:center;gap:5px;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:950;line-height:1;border:1px solid transparent}.tc-called{background:#e9fff3;color:#128044;border-color:#c8f4d9}.tc-pending{background:#fff4e8;color:#c45a08;border-color:#fed7aa}.tc-ringing{background:#edf5ff;color:#0757c9;border-color:#cfe1ff}.tc-noanswer{background:#fff1f1;color:#d32121;border-color:#fecaca}.tc-followdue{background:#f3e8ff;color:#6d28d9;border-color:#ddd6fe}.tc-priority-hot{background:#fff0f0;color:#dc2626}.tc-priority-warm{background:#fff4e8;color:#ea580c}.tc-priority-cold{background:#edf5ff;color:#0757c9}.tc-priority-normal{background:#f1f5f9;color:#475569}.tc-due-text{color:#ef4444!important;font-weight:950!important}.tc-actions{display:flex;align-items:center;gap:6px}.tc-icon-btn{width:30px;height:30px;border-radius:10px;border:1px solid #dbe5f4;background:#fff;color:#64748b;display:inline-grid;place-items:center;text-decoration:none;transition:.18s ease}.tc-icon-btn:hover{transform:translateY(-1px);box-shadow:0 10px 20px rgba(0,58,138,.1)}.tc-icon-btn.call{background:#e9fff3;color:#128044;border-color:#c8f4d9}.tc-icon-btn.note{color:#0757c9}.tc-table-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-top:1px solid #e6edf7;background:#fff;color:#64748b;font-size:12px;font-weight:850}.tc-pagination{display:flex;align-items:center;gap:6px}.tc-pagination button{width:30px;height:30px;border-radius:10px;border:1px solid #dbe5f4;background:#fff;color:#64748b;font-weight:950}.tc-pagination .active{background:#0757c9;color:#fff;border-color:#0757c9}.tc-table-footer label{display:flex;align-items:center;gap:8px}.tc-table-footer .form-select{width:78px;border-radius:10px;font-size:12px}.tc-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.tc-card-head h3{font-size:17px;font-weight:950;margin:0;color:#07142e}.tc-card-head h3 span{font-size:12px;color:#667085}.tc-connected-chip{display:inline-flex;align-items:center;gap:6px;background:#e9fff3;color:#128044;border:1px solid #c8f4d9;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:950}.tc-contact-mini{display:flex;align-items:center;gap:12px;margin-bottom:14px}.tc-contact-mini strong{display:block;font-weight:950}.tc-contact-mini small{display:block;color:#667085;font-weight:800}.tc-big-number-box{border:1px solid #e1eaf7;background:linear-gradient(180deg,#f8fbff,#fff);border-radius:18px;padding:14px;margin-bottom:12px}.tc-big-number-box>span{display:block;text-transform:uppercase;color:#7c3aed;font-size:11px;font-weight:950;letter-spacing:.05em}.tc-big-number{display:flex;align-items:center;gap:9px;margin-top:5px}.tc-big-number strong{font-size:28px;font-weight:950;letter-spacing:-.04em;color:#07142e}.tc-big-number i{font-size:19px;color:#10b981}.tc-live-badge{display:inline-flex;align-items:center;gap:6px;border:1px solid #c8f4d9;background:#e9fff3;color:#128044;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:950}.tc-call-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.tc-call-meta div{border:1px solid #e1eaf7;background:#f8fbff;border-radius:14px;padding:10px}.tc-call-meta span{display:block;color:#667085;font-size:11px;font-weight:950;text-transform:uppercase}.tc-call-meta strong{display:block;margin-top:4px;font-size:15px;font-weight:950}.tc-wave{height:34px;display:flex;align-items:center;gap:3px;margin:7px 0 13px}.tc-wave span{width:3px;border-radius:999px;background:#1b75ff;display:block;animation:tcWave 1.2s ease-in-out infinite}.tc-wave span:nth-child(1){height:8px}.tc-wave span:nth-child(2){height:18px;animation-delay:.1s}.tc-wave span:nth-child(3){height:12px;animation-delay:.2s}.tc-wave span:nth-child(4){height:26px;animation-delay:.3s}.tc-wave span:nth-child(5){height:16px;animation-delay:.4s}.tc-wave span:nth-child(6){height:30px;animation-delay:.5s}.tc-wave span:nth-child(7){height:10px}.tc-wave span:nth-child(8){height:20px}.tc-wave span:nth-child(9){height:12px}.tc-wave span:nth-child(10){height:26px}.tc-wave span:nth-child(11){height:16px}.tc-wave span:nth-child(12){height:22px}@keyframes tcWave{0%,100%{transform:scaleY(.55);opacity:.65}50%{transform:scaleY(1);opacity:1}}.tc-call-controls{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.tc-call-controls button{border:1px solid #dbe5f4;background:#fff;color:#0757c9;border-radius:13px;min-height:48px;font-size:11px;font-weight:950;display:grid;place-items:center}.tc-call-controls i{font-size:15px}.tc-call-controls .danger{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;border-color:transparent;box-shadow:0 12px 24px rgba(239,68,68,.22)}.tc-call-note{margin-top:12px;border-radius:13px;background:#e9fff3;color:#128044;padding:9px 10px;font-size:12px;font-weight:850;display:flex;align-items:center;gap:7px}.tc-ai-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:4px;margin-bottom:12px}.tc-ai-tabs button{border:0;background:transparent;color:#64748b;font-size:11px;font-weight:950;border-radius:10px;padding:7px 4px}.tc-ai-tabs .active{background:#fff;color:#0757c9;box-shadow:0 8px 18px rgba(0,58,138,.08)}.tc-ai-box{border-radius:15px;padding:11px 12px;margin-bottom:9px;border:1px solid transparent}.tc-ai-box strong{display:block;font-size:12px;font-weight:950;margin-bottom:4px}.tc-ai-box p{margin:0;font-size:12px;color:#334155;font-weight:700;line-height:1.45}.tc-ai-box.green{background:#effdf5;border-color:#c8f4d9}.tc-ai-box.blue{background:#edf5ff;border-color:#cfe1ff}.tc-ai-box.amber{background:#fff7ed;border-color:#fed7aa}.tc-ai-box.purple{background:#f5f0ff;border-color:#ddd6fe}.feedback-gate-card{text-align:center}.feedback-gate-card>div{width:52px;height:52px;border-radius:17px;margin:0 auto 10px;display:grid;place-items:center;background:#f1f5f9;color:#64748b;font-size:22px}.feedback-gate-card strong{display:block;font-size:16px;font-weight:950}.feedback-gate-card p{color:#667085;font-size:12px;font-weight:750;margin:7px 0 12px}.feedback-gate-card.unlocked>div{background:#e9fff3;color:#128044}.feedback-gate-card.unlocked strong{color:#128044}.tc-followup-summary .tc-follow-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #edf1f7}.tc-followup-summary .tc-follow-row:last-child{border-bottom:0}.tc-follow-row strong{font-weight:950;color:#07142e}.tc-bottom-grid{display:grid;grid-template-columns:1.1fr 1fr 1.3fr;gap:14px}.tc-productivity-card{display:grid;grid-template-columns:150px 1fr;gap:12px;align-items:center}.tc-productivity-card .section-head{grid-column:1/-1;margin-bottom:0}.tc-donut{width:135px;height:135px;border-radius:50%;background:conic-gradient(#0757c9 0 68%,#e5e7eb 68% 100%);display:grid;place-items:center;position:relative}.tc-donut:before{content:"";position:absolute;inset:24px;background:#fff;border-radius:50%}.tc-donut span,.tc-donut small{position:relative;z-index:2}.tc-donut span{font-size:25px;font-weight:950}.tc-donut small{font-size:11px;color:#667085;font-weight:850;margin-top:30px}.tc-time-list{display:grid;gap:9px}.tc-time-list div{display:grid;grid-template-columns:12px 1fr auto auto;align-items:center;gap:8px;font-size:12px}.tc-time-list span{color:#475569;font-weight:850}.tc-time-list strong{font-weight:950}.tc-time-list em{font-style:normal;color:#0757c9;font-weight:900}.tc-mini-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.tc-mini-stats div{border:1px solid #e1eaf7;border-radius:15px;padding:12px;background:#f8fbff}.tc-mini-stats span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.03em;color:#667085;font-weight:950}.tc-mini-stats strong{display:block;font-size:20px;font-weight:950;color:#07142e;margin-top:4px}.tc-mini-stats em{display:block;font-size:11px;color:#16a34a;font-style:normal;font-weight:850}.tc-follow-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.tc-follow-grid div{border:1px solid #e1eaf7;border-radius:16px;padding:12px;background:#fff}.tc-follow-grid i{color:#0757c9;font-size:18px}.tc-follow-grid span{display:block;margin-top:6px;color:#667085;font-size:11px;font-weight:950;text-transform:uppercase}.tc-follow-grid strong{display:block;margin-top:4px;font-size:12px;font-weight:950;color:#07142e}.tc-number-modal .modal-header{padding:25px 28px 0}.tc-number-modal .modal-body{padding:18px 28px 30px}.tc-modal-phone{font-size:58px;line-height:1;font-weight:950;color:#07142e;letter-spacing:-.045em;background:linear-gradient(135deg,#f8fbff,#fff);border:1px solid #e1eaf7;border-radius:28px;padding:30px 18px;box-shadow:inset 0 -30px 70px rgba(13,99,206,.05)}.tc-modal-status{display:flex;justify-content:center;gap:10px;align-items:center;margin-top:15px;color:#64748b;font-weight:900}.telecaller-shell.queue-expanded .telecaller-header-strip,.telecaller-shell.queue-expanded .tc-kpi-grid,.telecaller-shell.queue-expanded .tc-bottom-grid{display:none}.telecaller-shell.queue-expanded .telecaller-grid{grid-template-columns:minmax(0,1fr) 330px}.telecaller-shell.queue-expanded .tc-queue-table-wrap{max-height:calc(100vh - 245px)}.telecaller-shell.queue-expanded .tc-queue-table tbody td{padding:7px 9px}.telecaller-shell.queue-expanded .tc-side-panel{top:88px}.telecaller-shell.queue-expanded .ai-call-coach{display:block}.telecaller-shell.queue-expanded .feedback-gate-card,.telecaller-shell.queue-expanded .tc-followup-summary{display:none}html[data-theme=dark] .telecaller-header-strip,html[data-theme=dark] .tc-queue-toolbar,html[data-theme=dark] .tc-queue-table-wrap,html[data-theme=dark] .tc-table-footer{background:#111827}html[data-theme=dark] .tc-queue-table thead th{background:#0f172a;color:#cbd5e1}html[data-theme=dark] .tc-queue-table tbody td,html[data-theme=dark] .tc-card-head h3,html[data-theme=dark] .tc-kpi-card strong,html[data-theme=dark] .telecaller-header-strip h2,html[data-theme=dark] .tc-big-number strong,html[data-theme=dark] .tc-lead-name strong,html[data-theme=dark] .tc-mini-stats strong,html[data-theme=dark] .tc-follow-row strong,html[data-theme=dark] .tc-call-meta strong{color:#f8fafc}html[data-theme=dark] .tc-big-number-box,html[data-theme=dark] .tc-call-meta div,html[data-theme=dark] .tc-mini-stats div,html[data-theme=dark] .tc-follow-grid div{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08)}html[data-theme=dark] .tc-donut:before{background:#111827}@media(max-width:1500px){.tc-kpi-grid{grid-template-columns:repeat(4,1fr)}.telecaller-grid{grid-template-columns:1fr}.tc-side-panel{position:static;grid-template-columns:repeat(2,1fr)}.telecaller-shell.queue-expanded .telecaller-grid{grid-template-columns:1fr}.telecaller-shell.queue-expanded .tc-side-panel{grid-template-columns:1fr}.tc-bottom-grid{grid-template-columns:1fr 1fr}.tc-auto-follow-card{grid-column:1/-1}}@media(max-width:991px){.telecaller-header-strip,.tc-queue-toolbar,.tc-table-footer{display:block}.tele-header-actions,.tc-queue-tools{justify-content:flex-start;margin-top:14px}.tc-kpi-grid{grid-template-columns:repeat(2,1fr)}.tc-side-panel{grid-template-columns:1fr}.tc-bottom-grid{grid-template-columns:1fr}.tc-productivity-card{grid-template-columns:1fr}.tc-follow-grid{grid-template-columns:repeat(2,1fr)}.tc-modal-phone{font-size:36px}.tc-queue-tools .form-select,.tc-search{min-width:100%;width:100%}}@media(max-width:575px){.tc-kpi-grid{grid-template-columns:1fr}.telecaller-header-strip h2{font-size:24px}.tc-call-controls{grid-template-columns:repeat(3,1fr)}.tc-follow-grid{grid-template-columns:1fr}.tc-table-footer .tc-pagination{margin:10px 0}.tc-modal-phone{font-size:29px;padding:22px 10px}}

/* === WhatsApp Automation Premium Module === */
.wa-shell{display:block}.wa-page-head{margin-bottom:14px}.wa-title{display:flex;align-items:center;gap:14px}.wa-title h2{font-size:36px;line-height:1;font-weight:900;color:#07142e;margin:0}.wa-title p{margin:6px 0 0;color:#64748b;font-weight:600}.wa-icon{width:48px;height:48px;border-radius:16px;background:#ecfdf3;color:#16a34a;display:grid;place-items:center;font-size:26px}.wa-icon.small{width:42px;height:42px;border-radius:14px;font-size:22px}.wa-tabbar{display:flex;flex-wrap:wrap;gap:8px;border:1px solid var(--line);background:var(--card);border-radius:18px;padding:10px;box-shadow:var(--shadow)}.wa-tab{display:inline-flex;align-items:center;gap:10px;padding:11px 14px;border-radius:12px;color:#475569;font-weight:800;font-size:14px;text-decoration:none;transition:.2s}.wa-tab:hover{color:#003a8a;background:#f8fbff}.wa-tab.active{background:#eef4ff;color:#0d63ce;box-shadow:inset 0 -2px 0 #0d63ce}.wa-card-pad{padding:18px}.wa-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.wa-card-head h3{font-size:21px;font-weight:900;margin:0;color:#07142e}.wa-card-head a{font-size:12px;font-weight:800;text-decoration:none;color:#0d63ce}.wa-muted-note{font-size:12px;color:#64748b}.wa-kpi-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:14px}.wa-kpi-card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:16px;box-shadow:var(--shadow)}.wa-kpi-top{display:flex;align-items:center;gap:12px}.wa-kpi-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font-size:22px}.tone-green{background:#ecfdf3;color:#16a34a}.tone-blue{background:#eff6ff;color:#2563eb}.tone-orange{background:#fff7ed;color:#f59e0b}.tone-red{background:#fff1f2;color:#ef4444}.tone-text-green{color:#16a34a}.tone-text-blue{color:#2563eb}.tone-text-orange{color:#f59e0b}.tone-text-red{color:#ef4444}.wa-kpi-card small{display:block;color:#64748b;font-size:12px;font-weight:700}.wa-kpi-card strong{display:block;font-size:30px;font-weight:900;color:#07142e;line-height:1.1;margin-top:4px}.wa-kpi-sub{display:block;margin-top:10px;font-size:12px;font-weight:800;color:#16a34a}.wa-overview-grid{display:grid;grid-template-columns:1.06fr 1.06fr 1.06fr .72fr;gap:14px}.wa-lower-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.wa-donut-wrap{display:flex;gap:18px;align-items:center}.wa-donut-wrap.center{justify-content:center}.wa-donut{width:164px;height:164px;border-radius:50%;background:conic-gradient(#22c55e 0 67%,#f59e0b 67% 83%,#ef4444 83% 100%);position:relative;display:grid;place-items:center;flex:0 0 auto}.wa-donut.sm{width:148px;height:148px;background:conic-gradient(#22c55e 0 79%,#dbeafe 79% 100%)}.wa-donut:before{content:"";position:absolute;inset:24px;background:#fff;border-radius:50%}.wa-donut div{position:relative;z-index:1;text-align:center}.wa-donut strong{display:block;font-size:28px;font-weight:900;color:#07142e}.wa-donut span{display:block;font-size:12px;color:#64748b;font-weight:700}.wa-legend-list,.wa-metric-list,.wa-simple-table,.wa-handover-preview,.wa-session-bottom,.wa-template-metrics,.wa-analytics-grid .insights{display:grid;gap:10px}.wa-legend-list div,.wa-metric-list div,.wa-simple-table div,.wa-side-kv,.wa-history-line{display:flex;align-items:center;justify-content:space-between;gap:8px}.wa-legend-list label,.wa-metric-list span,.wa-simple-table span,.wa-side-kv span{color:#64748b;font-size:13px;font-weight:700}.wa-legend-list strong,.wa-metric-list strong,.wa-simple-table strong,.wa-side-kv b{color:#07142e;font-size:14px;font-weight:900}.wa-simple-table em{font-style:normal;font-size:12px;font-weight:800}.dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:8px}.dot.green{background:#22c55e}.dot.orange{background:#f59e0b}.dot.red{background:#ef4444}.dot.slate{background:#94a3b8}.dot.blue{background:#2563eb}.wa-chip-row{display:flex;flex-wrap:wrap;gap:8px}.wa-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:12px;background:#f8fafc;border:1px solid #e2e8f0;color:#475569;font-size:12px;font-weight:800}.wa-chip.active{background:#eef4ff;border-color:#cfe1ff;color:#0d63ce}.wa-chip.danger{background:#fff1f2;border-color:#fecdd3;color:#dc2626}.wa-chat-list{display:grid;gap:8px}.wa-chat-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:12px;padding:11px;border:1px solid #edf2f7;border-radius:16px;background:#fff;align-items:flex-start}.wa-chat-row.selected{border-color:#b6cffc;background:#f8fbff}.wa-chat-row.compact{padding:8px;border:0;border-bottom:1px solid #eef2f7;border-radius:0}.wa-chat-copy strong{display:block;font-size:14px;font-weight:900;color:#07142e}.wa-chat-copy p{margin:4px 0 0;color:#475569;font-size:12px;line-height:1.45}.wa-chat-meta{display:grid;gap:6px;justify-items:end}.wa-chat-meta span,.wa-chat-meta small{font-size:11px;color:#64748b;font-weight:800}.wa-chat-meta b{width:22px;height:22px;border-radius:50%;background:#2563eb;color:#fff;font-size:11px;display:grid;place-items:center}.wa-bottom-link{display:inline-block;margin-top:12px;font-size:13px;font-weight:800;color:#0d63ce;text-decoration:none}.wa-insight-item{padding:12px 0;border-bottom:1px solid #edf2f7}.wa-insight-item:last-child{border-bottom:0}.wa-insight-item strong{display:block;font-size:13px;color:#475569;font-weight:800}.wa-insight-item h4{margin:4px 0;font-size:22px;color:#07142e;font-weight:900}.wa-insight-item p{margin:0;font-size:12px;color:#64748b;font-weight:700}.wa-insight-item span{display:inline-block;margin-top:5px;font-size:11px;color:#16a34a;font-weight:800}.wa-tip-box{margin-top:12px;border-radius:16px;background:#f8fbff;border:1px solid #e5efff;padding:14px}.wa-tip-box.success{background:#effdf5;border-color:#c7efd7}.wa-tip-box strong{display:block;color:#07142e;font-size:13px;font-weight:900}.wa-tip-box p{margin:4px 0 0;font-size:12px;color:#64748b}.wa-funnel-wrap{display:flex;gap:18px;align-items:center}.wa-funnel-shape{width:180px;display:grid;gap:8px}.wa-funnel-shape span{display:block;height:24px;border-radius:8px;background:linear-gradient(90deg,#3b82f6,#93c5fd)}.wa-funnel-shape span:nth-child(1){width:100%}.wa-funnel-shape span:nth-child(2){width:82%;margin-inline:auto;background:linear-gradient(90deg,#60a5fa,#a7f3d0)}.wa-funnel-shape span:nth-child(3){width:64%;margin-inline:auto;background:linear-gradient(90deg,#86efac,#5eead4)}.wa-funnel-shape span:nth-child(4){width:46%;margin-inline:auto;background:linear-gradient(90deg,#86efac,#34d399)}.wa-funnel-shape span:nth-child(5){width:28%;margin-inline:auto;background:linear-gradient(90deg,#6ee7b7,#10b981)}.wa-split-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.wa-split-metrics div{padding:12px;border-radius:14px;background:#f8fafc;border:1px solid #edf2f7}.wa-split-metrics span{display:block;font-size:12px;color:#64748b;font-weight:700}.wa-split-metrics strong{display:block;font-size:20px;font-weight:900;color:#07142e}.wa-inbox-grid{display:grid;grid-template-columns:240px 470px minmax(0,1fr) 285px;gap:14px;align-items:start}.wa-panel-scroll{min-height:calc(100vh - 230px);position:sticky;top:95px}.wa-sidebar-section{margin-bottom:18px}.wa-sidebar-section label{display:block;margin-bottom:8px;color:#94a3b8;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.wa-filter-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-radius:12px;color:#475569;font-size:13px;font-weight:800}.wa-filter-item.active{background:#eef4ff;color:#0d63ce}.wa-filter-item.main{background:#f8fafc;border:1px solid #e2e8f0}.wa-filter-item strong{font-size:12px}.wa-add-link{font-size:13px;color:#2563eb;font-weight:800;padding:8px 10px}.wa-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.wa-search{display:flex;align-items:center;gap:8px;border:1px solid #e2e8f0;background:#fff;border-radius:12px;padding:0 12px;min-height:40px}.wa-search input{border:0;outline:0;background:transparent;width:100%;font-size:13px;color:#111827}.wa-search.sm{min-width:240px}.wa-pagination{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;font-size:12px;color:#64748b;font-weight:700;flex-wrap:wrap}.wa-pagination .page{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;border-radius:10px;border:1px solid #e2e8f0;background:#fff;color:#475569;margin-left:6px;font-weight:800}.wa-pagination .page.active{background:#eef4ff;border-color:#cfe1ff;color:#0d63ce}.wa-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.wa-contact-id{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.wa-contact-id strong{display:block;font-size:18px;color:#07142e;font-weight:900}.wa-contact-id small{display:block;color:#64748b;font-size:12px;font-weight:700}.wa-mini-icons{display:flex;gap:10px;color:#64748b;font-size:15px}.wa-contact-meta-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:12px 0}.wa-contact-meta-grid div{border-right:1px solid #eef2f7;padding-right:12px}.wa-contact-meta-grid div:last-child{border-right:0}.wa-contact-meta-grid span{display:block;font-size:12px;color:#64748b;font-weight:700}.wa-contact-meta-grid strong{display:block;font-size:14px;color:#07142e;font-weight:900}.wa-subtabs{display:flex;gap:12px;border-bottom:1px solid #edf2f7;padding-bottom:10px;margin-bottom:14px;flex-wrap:wrap}.wa-subtabs span{font-size:13px;color:#64748b;font-weight:800;padding-bottom:8px;cursor:default}.wa-subtabs span.active{color:#0d63ce;border-bottom:2px solid #0d63ce}.wa-subtabs.small span{font-size:12px}.wa-info-banner{background:#fff9eb;border:1px solid #fde7ba;color:#946200;padding:10px 12px;border-radius:12px;font-size:12px;font-weight:700;display:flex;justify-content:space-between;gap:10px;align-items:center}.wa-info-banner.thin{background:#f8fafc;border-color:#e2e8f0;color:#475569}.wa-info-banner a{color:#0d63ce;text-decoration:none;font-weight:800}.wa-conversation-area{display:flex;flex-direction:column;gap:10px;min-height:340px;padding:14px 0}.wa-conversation-area.small{min-height:auto}.wa-day-sep{align-self:center;background:#f1f5f9;color:#64748b;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:800}.wa-msg{max-width:74%;padding:12px 14px;border-radius:16px;position:relative}.wa-msg.left{align-self:flex-start;background:#fff;border:1px solid #e5e7eb}.wa-msg.right{align-self:flex-end;background:#dcfce7;border:1px solid #bbf7d0}.wa-msg.static{max-width:100%}.wa-msg p{margin:0 0 8px;font-size:13px;line-height:1.5;color:#0f172a;font-weight:600}.wa-msg span{display:block;text-align:right;font-size:11px;color:#64748b;font-weight:700}.wa-quick-action-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}.wa-compose{display:flex;align-items:center;gap:10px}.wa-input{flex:1;border:1px solid #e2e8f0;border-radius:14px;padding:12px;background:#fff}.wa-input input{width:100%;border:0;outline:0;background:transparent;font-size:13px}.wa-compose-icons{display:flex;gap:12px;color:#64748b;margin-top:8px}.wa-ai-side .wa-side-group{padding:0 0 14px;border-bottom:1px solid #edf2f7;margin-bottom:14px}.wa-ai-side .wa-side-group:last-child{border-bottom:0;margin-bottom:0}.wa-side-group strong{display:block;color:#07142e;font-size:13px;font-weight:900}.wa-side-group small{display:block;color:#64748b;font-size:11px;font-weight:700;margin-top:2px}.wa-suggestion{width:100%;text-align:left;border:1px solid #e2e8f0;background:#fff;border-radius:12px;padding:10px 12px;margin-top:8px;color:#334155;font-size:12px;font-weight:700}.wa-activity-line{display:flex;align-items:flex-start;gap:10px;padding-top:10px}.wa-activity-line i{color:#10b981;font-size:16px}.wa-activity-line b{display:block;color:#07142e;font-size:13px;font-weight:800}.wa-activity-line small{display:block;color:#64748b;font-size:11px}.wa-builder-layout{display:grid;grid-template-columns:210px minmax(0,1fr) 330px;gap:14px}.wa-builder-palette .wa-palette-block{margin-bottom:18px}.wa-builder-palette label{display:block;margin-bottom:10px;color:#94a3b8;font-size:11px;font-weight:900;letter-spacing:.08em}.wa-builder-palette button{width:100%;text-align:left;border:1px solid #e2e8f0;background:#fff;border-radius:12px;padding:10px 12px;color:#334155;font-size:13px;font-weight:800;margin-bottom:6px}.wa-builder-main{overflow:hidden}.wa-builder-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:10px;flex-wrap:wrap}.wa-builder-head h3{font-size:22px;font-weight:900;margin:0;color:#07142e}.wa-builder-head p{margin:4px 0 0;color:#64748b;font-size:12px;font-weight:700}.wa-builder-actions{display:flex;gap:8px;flex-wrap:wrap}.wa-canvas-toolbar{display:flex;justify-content:flex-end;gap:8px;margin-bottom:12px;color:#475569;font-size:13px;font-weight:800}.wa-canvas-toolbar span{width:34px;height:34px;border:1px solid #e2e8f0;border-radius:10px;display:grid;place-items:center;background:#fff}.wa-flow-canvas{background-image:radial-gradient(circle,#e2e8f0 1px,transparent 1px);background-size:18px 18px;border:1px solid #eef2f7;border-radius:20px;padding:22px;display:grid;gap:22px;min-height:700px}.wa-flow-row{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:14px;align-items:center}.wa-node{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:14px;box-shadow:0 10px 26px rgba(15,23,42,.04)}.wa-node small{display:block;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.wa-node strong{display:block;font-size:15px;color:#07142e;font-weight:900;margin-bottom:6px}.wa-node p{margin:0;color:#475569;font-size:12px;line-height:1.45;font-weight:700}.wa-node span{display:inline-block;margin-top:8px;padding:6px 9px;border-radius:999px;background:#f8fafc;color:#475569;font-size:11px;font-weight:800}.wa-node.green{border-color:#c8f4d9;background:#f1fdf5}.wa-node.green small{color:#16a34a}.wa-node.blue{border-color:#cfe1ff;background:#f4f9ff}.wa-node.blue small{color:#2563eb}.wa-node.purple{border-color:#ddd6fe;background:#f8f6ff}.wa-node.purple small{color:#7c3aed}.wa-node.orange{border-color:#fed7aa;background:#fff7ed}.wa-node.orange small{color:#f59e0b}.wa-connector{color:#94a3b8;font-size:18px}.wa-builder-side .wa-form-row{margin-bottom:12px}.wa-builder-side label{display:block;margin-bottom:6px;color:#475569;font-size:12px;font-weight:800}.wa-quick-add{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.wa-session-layout{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:14px}.wa-session-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}.wa-session-card{border:1px solid #e2e8f0;border-radius:20px;padding:16px;background:#fff}.wa-session-card.selected{border-color:#b6cffc;box-shadow:inset 0 0 0 1px #b6cffc;background:#f8fbff}.wa-session-card.add-card{border-style:dashed;display:grid;place-items:center;text-align:center;color:#64748b}.wa-plus-big{width:66px;height:66px;border-radius:50%;background:#eef4ff;color:#0d63ce;display:grid;place-items:center;font-size:30px;font-weight:900;margin-bottom:10px}.wa-session-title{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:12px}.wa-session-title strong{display:block;font-size:18px;font-weight:900;color:#07142e}.wa-session-title small{display:block;color:#64748b;font-size:12px;font-weight:700}.wa-session-kv{display:flex;justify-content:space-between;gap:10px;margin-bottom:10px}.wa-session-kv span{font-size:12px;color:#64748b;font-weight:700}.wa-session-kv strong{font-size:13px;color:#07142e;font-weight:800}.wa-summary-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:14px}.wa-summary-strip div{padding:14px;border:1px solid #edf2f7;background:#f8fafc;border-radius:14px}.wa-summary-strip span{display:block;color:#64748b;font-size:12px;font-weight:700}.wa-summary-strip strong{display:block;color:#07142e;font-size:22px;font-weight:900}.wa-session-side .wa-qr-top{display:grid;grid-template-columns:1fr 1fr;gap:14px}.wa-qr-panel,.wa-howto{border:1px solid #edf2f7;border-radius:18px;padding:16px;background:#fff}.wa-qr-panel h4,.wa-howto h4{font-size:18px;font-weight:900;color:#07142e;margin:0 0 8px}.wa-qr-panel p,.wa-howto p{margin:0;color:#64748b;font-size:12px;font-weight:700}.wa-howto ol{padding-left:18px;margin:10px 0 0;color:#334155;font-size:13px;font-weight:700;display:grid;gap:8px}.wa-fake-qr{width:190px;height:190px;border:10px solid #111827;border-radius:12px;background:repeating-linear-gradient(0deg,#111 0 6px,#fff 6px 12px),repeating-linear-gradient(90deg,#111 0 6px,#fff 6px 12px);background-blend-mode:multiply;margin:14px auto;position:relative;overflow:hidden}.wa-fake-qr:before{content:"";position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:66px;height:66px;border-radius:50%;background:#fff;box-shadow:0 0 0 8px #111}.wa-fake-qr:after{content:"\F618";font-family:'bootstrap-icons';position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);font-size:28px;color:#111;z-index:1}.wa-qr-timer{text-align:center;font-size:12px;color:#64748b;font-weight:800}.wa-template-layout{display:grid;grid-template-columns:minmax(0,1fr) 460px;gap:14px}.wa-template-preview{display:grid;grid-template-columns:1fr 180px;gap:14px;margin-bottom:14px}.wa-template-phone{border:1px solid #edf2f7;border-radius:18px;padding:16px;background:#faf7ef}.wa-template-side{display:grid;gap:12px}.wa-two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wa-editor-actions{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}.wa-template-metrics{margin-top:16px;grid-template-columns:1fr 1fr}.wa-template-metrics div{padding:12px;border:1px solid #edf2f7;background:#f8fafc;border-radius:14px}.wa-template-metrics span{display:block;font-size:12px;color:#64748b;font-weight:700}.wa-template-metrics strong{display:block;font-size:22px;color:#07142e;font-weight:900}.wa-template-metrics em{display:block;font-size:11px;color:#16a34a;font-style:normal;font-weight:800}.wa-handover-layout{display:grid;grid-template-columns:270px minmax(0,1fr) 420px;gap:14px}.wa-queue-stat{border:1px solid #edf2f7;border-radius:18px;padding:14px;margin-bottom:10px;background:#fff}.wa-queue-stat strong{display:block;color:#07142e;font-size:14px;font-weight:900}.wa-queue-stat h4{margin:4px 0;font-size:30px;color:#07142e;font-weight:900}.wa-queue-stat p{margin:0;font-size:12px;font-weight:800}.wa-queue-stat.orange p{color:#f59e0b}.wa-queue-stat.red p{color:#ef4444}.wa-queue-stat.purple p{color:#7c3aed}.wa-queue-stat.blue p{color:#2563eb}.wa-queue-stat.green p{color:#16a34a}.wa-handover-table tr.selected td{background:#f8fbff}.wa-overdue{text-align:right;color:#ef4444;font-size:24px;font-weight:900;line-height:1}.wa-overdue small{display:block;font-size:12px}.wa-analytics-grid{display:grid;grid-template-columns:1.1fr .9fr .8fr;gap:14px}.wa-analytics-grid .wide{grid-column:1 / span 2}.wa-bars{height:260px;border:1px solid #edf2f7;border-radius:16px;padding:18px;display:flex;align-items:flex-end;gap:10px;background:linear-gradient(180deg,#fff,#f8fbff)}.wa-bars span{flex:1;border-radius:8px 8px 0 0;background:linear-gradient(180deg,#60a5fa,#2563eb)}.wa-axis{display:flex;justify-content:space-between;margin-top:10px;color:#64748b;font-size:12px;font-weight:800}.count-chip{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;border-radius:999px;background:#eef4ff;color:#0d63ce;font-size:12px;font-weight:900;margin-left:6px}.wa-side-kv.charty{align-items:flex-start;padding:8px 0}.wa-side-kv.charty small{display:block;color:#64748b;font-size:11px}.wa-builder-main,.wa-builder-palette,.wa-builder-side,.wa-session-side,.wa-template-editor,.wa-handover-left,.wa-handover-center,.wa-handover-side,.wa-ai-side,.wa-chat-detail{min-height:calc(100vh - 230px)}.wa-builder-side,.wa-session-side,.wa-template-editor,.wa-handover-side,.wa-ai-side,.wa-chat-detail,.wa-handover-left{position:sticky;top:95px;align-self:start}.html[data-theme=dark] .wa-title h2{color:#f8fafc}.html[data-theme=dark] .wa-kpi-card,.html[data-theme=dark] .wa-node,.html[data-theme=dark] .wa-chat-row,.html[data-theme=dark] .wa-session-card,.html[data-theme=dark] .wa-template-phone,.html[data-theme=dark] .wa-qr-panel,.html[data-theme=dark] .wa-howto,.html[data-theme=dark] .wa-input,.html[data-theme=dark] .wa-tabbar{background:var(--card)}@media(max-width:1600px){.wa-kpi-grid{grid-template-columns:repeat(4,1fr)}.wa-overview-grid{grid-template-columns:1fr 1fr}.wa-lower-grid{grid-template-columns:1fr 1fr}.wa-inbox-grid{grid-template-columns:220px 380px minmax(0,1fr)}.wa-ai-side{grid-column:1/-1;position:static;min-height:auto}.wa-builder-layout{grid-template-columns:200px 1fr}.wa-builder-side{grid-column:1/-1;position:static;min-height:auto}.wa-session-layout{grid-template-columns:1fr}.wa-session-side{position:static;min-height:auto}.wa-template-layout{grid-template-columns:1fr}.wa-template-editor{position:static;min-height:auto}.wa-handover-layout{grid-template-columns:260px 1fr}.wa-handover-side{grid-column:1/-1;position:static;min-height:auto}.wa-analytics-grid{grid-template-columns:1fr 1fr}.wa-analytics-grid .wide{grid-column:1/-1}}@media(max-width:1199px){.wa-inbox-grid,.wa-builder-layout,.wa-handover-layout,.wa-overview-grid,.wa-lower-grid,.wa-session-grid,.wa-summary-strip,.wa-contact-meta-grid,.wa-analytics-grid{grid-template-columns:1fr}.wa-panel-scroll,.wa-chat-detail,.wa-builder-side,.wa-session-side,.wa-template-editor,.wa-handover-left{position:static;min-height:auto}.wa-kpi-grid{grid-template-columns:repeat(2,1fr)}.wa-quick-action-grid{grid-template-columns:repeat(2,1fr)}.wa-template-preview,.wa-session-side .wa-qr-top,.wa-two-col,.wa-flow-row{grid-template-columns:1fr}.wa-connector{transform:rotate(90deg);justify-self:center}.wa-summary-strip{grid-template-columns:repeat(3,1fr)}.wa-builder-main{overflow:auto}.wa-flow-canvas{min-height:auto}.wa-msg{max-width:92%}}@media(max-width:767px){.wa-title h2{font-size:28px}.wa-kpi-grid{grid-template-columns:1fr}.wa-summary-strip{grid-template-columns:repeat(2,1fr)}.wa-quick-action-grid,.wa-editor-actions{grid-template-columns:1fr}.wa-compose,.wa-donut-wrap,.wa-funnel-wrap,.wa-template-preview,.wa-contact-id,.wa-toolbar{display:grid}.wa-donut-wrap{justify-items:start}.wa-session-grid{grid-template-columns:1fr}.wa-template-metrics{grid-template-columns:1fr}.wa-overdue{font-size:18px}}

/* === Proposal + Invoice Working Phase === */
.empty-state{display:grid;place-items:center;text-align:center;padding:60px 20px;color:#64748b}.empty-state i{font-size:46px;color:#0d63ce;margin-bottom:12px}.empty-state h3{font-weight:900;color:#07142e}.doc-header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;border-bottom:2px solid #2f68c4;padding-bottom:12px;margin-bottom:14px}.doc-header strong{display:block;font-size:18px;font-weight:900;color:#111}.doc-header span{display:block;font-size:12px;color:#334155}.doc-title,.invoice-title{text-align:center;color:#16467f;font-weight:900;margin:16px 0}.proposal-note{background:#eef4fb;border:1px solid #b8c8dc;text-align:center;padding:10px 14px;margin-bottom:16px;font-size:13px}.proposal-doc-preview h4,.invoice-preview-doc h4{color:#16467f;font-weight:900;font-size:18px;margin-top:16px}.doc-table{font-size:12px}.doc-table th{background:#0b477f!important;color:#fff}.doc-table td{padding:7px 9px}.prepared-box{margin-top:16px}.invoice-meta-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;margin:16px 0}.invoice-meta-grid h4{margin:8px 0;color:#111;font-size:18px}.invoice-total-box{margin-left:auto;max-width:330px;margin-top:10px}.invoice-total-box div{display:flex;justify-content:space-between;gap:10px;padding:7px 10px;border-bottom:1px solid #e2e8f0}.invoice-total-box .grand{background:#4f83dd;color:#fff;font-weight:900;border-radius:2px}.invoice-total-box .grand strong{color:#fff}.invoice-live-total{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-items:stretch}.invoice-live-total>div{border:1px solid #e2e8f0;border-radius:16px;padding:14px;background:#f8fbff}.invoice-live-total span{display:block;color:#64748b;font-size:12px;font-weight:800}.invoice-live-total strong{display:block;font-size:22px;font-weight:900;color:#07142e}.calc-warning{background:#fff1f2!important;border-color:#fecdd3!important;color:#dc2626!important;font-weight:900;display:flex;align-items:center}.table-danger td{background:#fff1f2!important}.proposal-hero{background:linear-gradient(135deg,#003a8a,#0d63ce)}.invoice-hero{background:linear-gradient(135deg,#082f65,#2563eb)}@media print{.sidebar,.topbar,.module-hero,.kpi-grid,.crm-card:not(.print-document),.modal,.btn,.no-print{display:none!important}.main-shell{margin:0}.content-wrap{padding:0}.print-document{display:block!important;box-shadow:none!important;border:0!important;width:100%;max-width:100%;border-radius:0}.col-xl-5{width:100%!important}.row{display:block!important}body{background:#fff!important}.invoice-preview-doc,.proposal-doc-preview{font-size:12px}}
@media(max-width:991px){.invoice-live-total{grid-template-columns:1fr 1fr}.invoice-meta-grid{grid-template-columns:1fr}}@media(max-width:575px){.invoice-live-total{grid-template-columns:1fr}.doc-header{display:block}.doc-logo{margin-top:12px}}

/* Final working CRM additions */
.invoice-builder-grid{display:grid;grid-template-columns:minmax(0,1.12fr) 460px;gap:18px;align-items:start}.invoice-builder-form{min-width:0}.invoice-builder-preview{position:sticky;top:12px;max-height:72vh;overflow:auto;border-left:1px solid var(--line);padding-left:18px}.invoice-live-preview-doc{box-shadow:none;border:1px solid var(--line);border-radius:22px;padding:20px;background:#fff}.invoice-live-preview-doc .doc-logo{max-width:120px}.invoice-live-preview-doc .doc-header{display:flex;justify-content:space-between;gap:14px;border-bottom:2px solid #5b8fe6;padding-bottom:10px;margin-bottom:12px}.invoice-live-preview-doc .doc-header span{display:block;font-size:11px;color:#334155}.invoice-title{text-align:center;color:#4f83df;font-weight:900;margin:12px 0 16px}.invoice-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.invoice-meta-grid h4{font-size:16px;font-weight:900}.doc-table{font-size:12px}.doc-table th{background:#4f83df!important;color:#fff!important}.invoice-total-box{margin-left:auto;max-width:310px;display:grid;gap:4px}.invoice-total-box>div{display:flex;justify-content:space-between;gap:10px;padding:6px 8px}.invoice-total-box .grand{background:#4f83df;color:#fff;font-weight:900}.calc-warning{background:#fee2e2;color:#b91c1c;border:1px solid #fecaca;border-radius:14px;padding:12px;font-weight:900}.user-row,.user-mini{display:flex;align-items:center;gap:10px}.user-row{justify-content:space-between;border-bottom:1px solid var(--line);padding:11px 0}.user-mini small{display:block;color:var(--muted);font-size:11px}.visibility-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.visibility-grid div{border:1px solid var(--line);background:rgba(0,58,138,.03);border-radius:18px;padding:15px}.visibility-grid strong{display:block;color:var(--primary);font-weight:900}.visibility-grid span{display:block;color:var(--muted);font-size:13px;margin-top:4px}@media(max-width:1199px){.invoice-builder-grid{grid-template-columns:1fr}.invoice-builder-preview{position:static;max-height:none;border-left:0;padding-left:0}.visibility-grid{grid-template-columns:1fr}}
@media print{.sidebar,.topbar,.module-hero,.hero-actions,.content-wrap>.crm-card:not(.print-document),.modal,.btn,.view-switch,.sidebar-backdrop{display:none!important}.main-shell{margin-left:0}.content-wrap{padding:0}.print-document{display:block!important;box-shadow:none!important;border:0!important}}


/* === Minor responsive + working form fixes v5 === */
@media (min-width:992px) and (max-width:1399px){
  .sidebar{left:10px;top:10px;bottom:10px;width:238px;border-radius:22px;padding:14px 10px}
  .brand-logo{width:158px}
  .nav-link{font-size:12px;padding:9px 10px;gap:8px}
  .main-shell{margin-left:258px}
  .topbar{padding:14px 18px;gap:12px;align-items:flex-start}
  .topbar h1{font-size:20px}.topbar p{font-size:12px}
  .topbar-actions{flex-wrap:wrap;justify-content:flex-end}
  .global-search{width:240px}
  .content-wrap{padding:18px 18px 32px}
  .module-hero{padding:22px;min-height:auto;align-items:flex-start;flex-wrap:wrap}
  .module-hero h2{font-size:28px;line-height:1.1}
  .saas-grid.kpi-grid.small-grid,.kpi-grid.small-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .crm-card{padding:18px;border-radius:20px}
  .table-responsive{max-width:100%;overflow-x:auto}
}
@media (max-width:1199px){
  .row.g-4>[class*="col-xl-5"],.row.g-4>[class*="col-xl-7"],.row.g-4>[class*="col-xl-8"],.row.g-4>[class*="col-xl-4"]{width:100%}
  .invoice-preview-doc,.proposal-doc-preview{max-height:none;overflow:visible}
}
@media (max-width:767px){
  .content-wrap{padding:14px}
  .module-hero h2{font-size:23px}
  .module-hero .hero-actions{width:100%;display:grid;grid-template-columns:1fr;gap:8px}
  .saas-grid.kpi-grid.small-grid,.kpi-grid.small-grid{grid-template-columns:1fr}
  .view-switch{overflow:auto;width:100%;justify-content:flex-start}
  .view-switch button{white-space:nowrap}
}

.proposal-builder-grid{display:grid;grid-template-columns:minmax(0,1.05fr) 470px;gap:18px;align-items:start}
.proposal-builder-form{min-width:0;max-height:72vh;overflow:auto;padding-right:4px}
.proposal-builder-preview{position:sticky;top:12px;max-height:72vh;overflow:auto;border-left:1px solid var(--line);padding-left:18px}
.proposal-live-preview-doc{box-shadow:none;border:1px solid var(--line);border-radius:22px;padding:20px;background:#fff}
.proposal-live-preview-doc .doc-header{display:flex;gap:12px;align-items:center;border-bottom:2px solid #5b8fe6;padding-bottom:10px;margin-bottom:12px}
.proposal-live-preview-doc .doc-logo{max-width:120px}
.proposal-mode-strip,.invoice-mode-strip{display:flex;gap:8px;background:#f8fafc;border:1px solid var(--line);border-radius:16px;padding:6px}
.proposal-mode-strip button,.invoice-mode-strip button{border:0;background:transparent;border-radius:12px;padding:9px 13px;font-weight:900;color:#64748b}
.proposal-mode-strip button.active,.invoice-mode-strip button.active{background:#fff;color:var(--primary);box-shadow:0 8px 18px rgba(0,58,138,.08)}
.crm-subcard{border:1px solid var(--line);background:#fbfdff;border-radius:18px;padding:16px}
.section-mini-title{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#64748b;font-weight:900;margin-bottom:12px}
.invoice-builder-form{max-height:72vh;overflow:auto;padding-right:4px}
.invoice-items-responsive table{min-width:980px}
.invoice-live-preview-doc table{min-width:620px}
.sticky-xl{position:sticky;top:96px}
.api-hero{background:linear-gradient(135deg,#002b67,#0d63ce)}
.api-endpoint-list{display:grid;gap:12px}
.api-endpoint-card{border:1px solid var(--line);border-radius:18px;padding:15px;background:#fff}
.api-endpoint-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.api-endpoint-top strong{display:block;font-size:16px;font-weight:950;color:#07142e}
.api-endpoint-top p{margin:5px 0 0;color:#64748b;font-size:13px;font-weight:650}
.method{display:inline-flex;align-items:center;justify-content:center;min-width:58px;height:26px;border-radius:999px;font-size:11px;font-weight:950;margin-bottom:8px}
.method.get{background:#eaf3ff;color:#0d63ce}.method.post{background:#e8fff6;color:#008f64}
.api-endpoint-card code{display:block;background:#f8fafc;border:1px solid #edf2f7;border-radius:12px;padding:10px;color:#0f172a;word-break:break-all}
.api-endpoint-card pre,.api-code-block{white-space:pre-wrap;background:#0f172a;color:#dbeafe;border-radius:14px;padding:13px;font-size:12px;margin:10px 0 0;overflow:auto}
.api-code-block code{color:#dbeafe}
@media(max-width:1199px){
  .proposal-builder-grid,.invoice-builder-grid{grid-template-columns:1fr}
  .proposal-builder-preview,.invoice-builder-preview{position:static;max-height:none;border-left:0;padding-left:0}
  .proposal-builder-form,.invoice-builder-form{max-height:none;overflow:visible}
  .sticky-xl{position:static}
}
@media(max-width:767px){
  .proposal-live-preview-doc,.invoice-live-preview-doc{padding:14px;border-radius:16px}
  .proposal-live-preview-doc .doc-header,.invoice-live-preview-doc .doc-header{display:block}
  .proposal-mode-strip,.invoice-mode-strip{display:grid;grid-template-columns:1fr}
  .api-endpoint-top{display:grid}
}


/* WhatsApp real MySQL data cleanup v8 */
.wa-status-box{border:1px solid var(--line);border-radius:18px;background:#fff;padding:16px;min-height:112px;display:grid;gap:6px}
.wa-status-box span{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;color:#64748b}
.wa-status-box strong{font-size:18px;font-weight:950}.wa-status-box small{display:block;color:#64748b;word-break:break-all}
.wa-empty-real{border:1px dashed #cbd5e1;background:#f8fafc;border-radius:20px;padding:28px;text-align:center}
.wa-empty-real i{font-size:38px;color:#94a3b8}.wa-empty-real h3{font-size:18px;font-weight:950;margin:12px 0 6px;color:#07142e}.wa-empty-real p{margin:0;color:#64748b;font-weight:600}
.wa-message-thread{display:grid;gap:10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;padding:16px;min-height:420px}
.wa-bubble{max-width:78%;border:1px solid #e2e8f0;border-radius:18px;padding:12px 14px;background:#fff;box-shadow:0 10px 24px rgba(15,23,42,.04)}
.wa-bubble.out{margin-left:auto;background:#eef8ff;border-color:#cfe8ff}.wa-bubble.in{margin-right:auto;background:#fff}
.wa-bubble strong{display:block;font-size:13px;font-weight:950;color:#07142e}.wa-bubble p{margin:4px 0 5px;color:#334155;font-size:14px}.wa-bubble small{color:#64748b;font-size:11px;font-weight:700}
.wa-flow-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.wa-flow-node{border:1px solid var(--line);border-radius:18px;padding:16px;background:#fff}.wa-flow-node span{font-size:11px;font-weight:950;text-transform:uppercase;color:#64748b}.wa-flow-node strong{display:block;font-size:18px;font-weight:950;color:#07142e;margin:6px 0}.wa-flow-node small{display:inline-flex;border-radius:999px;padding:4px 9px;background:#ecfdf3;color:#059669;font-weight:900;font-size:11px}.wa-flow-node p{margin:10px 0 0;color:#64748b}
.wa-session-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.wa-session-card{border:1px solid var(--line);border-radius:18px;background:#fff;padding:16px;display:grid;gap:8px}.wa-session-card strong{font-size:18px;font-weight:950;color:#07142e}.wa-session-card p{margin:0;color:#64748b}.wa-session-card small{color:#64748b;font-weight:700}
@media(max-width:1399px){.wa-kpi-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:767px){.wa-kpi-grid{grid-template-columns:1fr}.wa-bubble{max-width:100%}.wa-title h2{font-size:28px}.wa-tabbar{overflow:auto;flex-wrap:nowrap}.wa-tab{white-space:nowrap}}


/* === v9 Settings API/OpenAI visibility fixes === */
.quick-setting-card{border:1px solid var(--line);border-radius:24px;padding:22px;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:var(--shadow);height:100%}
.quick-setting-card h3{font-size:22px;font-weight:950;margin:0;color:#061637}.quick-setting-card p{color:#64748b;margin:5px 0 0}.quick-setting-card>div>i{font-size:34px;color:var(--primary);background:#eaf3ff;border-radius:18px;width:58px;height:58px;display:inline-flex;align-items:center;justify-content:center}.ai-visible-card{border-left:5px solid #7c3aed}.api-visible-card{border-left:5px solid #0d63ce}.settings-pills{overflow:auto;flex-wrap:nowrap}.settings-pills .nav-link{white-space:nowrap}.settings-shell label{font-weight:800;color:#0f172a;margin-bottom:6px}.mobile-api-badge{display:inline-flex;align-items:center;gap:6px;border:1px solid #bfdbfe;background:#eff6ff;color:#0d63ce;border-radius:999px;padding:6px 10px;font-weight:900;font-size:12px}

/* === Final v10 working corrections === */
.wa-page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;flex-wrap:wrap}.wa-active-toggle{margin-left:auto}.wa-bot-flow-card{border:1px solid var(--line);background:linear-gradient(135deg,#f8fffb,#f8fbff);border-radius:18px;padding:14px 16px;display:flex;justify-content:space-between;gap:12px;align-items:center}.wa-bot-flow-card strong{font-weight:950;color:#0f172a}.wa-bot-flow-card p{margin:4px 0 0;color:#64748b;font-weight:650}.proposal-doc-preview .prepared-box p,.proposal-live-preview-doc .prepared-box p{margin:.5rem 0;color:#334155}.invoice-items-responsive .product-input{min-width:220px}.modal-xl .premium-table input{min-width:96px}.proposal-builder-form textarea,.invoice-builder-form textarea{resize:vertical}.doc-title{text-align:center;color:#003a8a;font-weight:950;text-transform:uppercase}.prepared-box{margin-top:18px}.action-stack{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}
@media(max-width:991px){.wa-active-toggle{width:100%;margin-left:0}.wa-active-toggle .btn{width:100%}.wa-bot-flow-card{display:block}.action-stack{justify-content:flex-start}.modal-xl .premium-table{min-width:900px}}


/* === v11 English WhatsApp Product Chatbot UI === */
.wa-advanced-shell .wa-page-head{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:18px}
.wa-advanced-shell .wa-title{display:flex;align-items:center;gap:16px}
.wa-advanced-shell .wa-title h2{font-size:34px;font-weight:950;margin:0;color:#07142e}
.wa-advanced-shell .wa-title p{margin:3px 0 0;color:#516174;font-weight:650}
.wa-icon{width:56px;height:56px;border-radius:18px;background:#e8fff2;color:#14a647;display:grid;place-items:center;font-size:30px}
.wa-active-toggle{display:flex;align-items:center;gap:10px}
.wa-tabbar{display:flex;gap:10px;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:22px;padding:10px;box-shadow:var(--shadow)}
.wa-tab{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:16px;text-decoration:none;color:#344257;font-weight:900;white-space:nowrap}
.wa-tab.active{background:#eef6ff;color:var(--primary);box-shadow:inset 0 -2px 0 var(--primary)}
.wa-connection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.wa-connection-card{position:relative;overflow:hidden}
.wa-connection-card span{display:block;color:#64748b;font-size:12px;text-transform:uppercase;letter-spacing:.06em;font-weight:950}
.wa-connection-card strong{display:block;margin-top:8px;font-size:24px;font-weight:950;color:#07142e}
.wa-connection-card p{color:#64748b;font-weight:650;margin:7px 0 10px}
.wa-connection-card a{font-weight:900;text-decoration:none;color:var(--primary)}
.wa-kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.wa-kpi-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:20px;box-shadow:var(--shadow)}
.wa-kpi-top{display:flex;align-items:center;gap:14px}
.wa-kpi-icon{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;font-size:24px}
.wa-kpi-icon.tone-green,.wa-service-icon.tone-green{background:#e8fff2;color:#0f9f54}
.wa-kpi-icon.tone-blue,.wa-service-icon.tone-blue{background:#eef6ff;color:#0d63ce}
.wa-kpi-icon.tone-orange,.wa-service-icon.tone-orange{background:#fff6df;color:#b45309}
.wa-kpi-icon.tone-purple,.wa-service-icon.tone-purple{background:#f1ebff;color:#6d28d9}
.wa-kpi-icon.tone-red{background:#ffecec;color:#dc2626}
.wa-kpi-card small{display:block;color:#64748b;font-weight:900}.wa-kpi-card strong{font-size:27px;font-weight:950;color:#07142e}.wa-kpi-sub{display:block;margin-top:12px;color:#0f9f54;font-size:12px;font-weight:900}
.wa-card-pad{padding:22px}.wa-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.wa-card-head h3{font-size:22px;font-weight:950;margin:0;color:#07142e}.wa-card-head p{margin:3px 0 0;color:#64748b;font-weight:650}.wa-card-head a{font-weight:900;text-decoration:none;color:var(--primary)}
.wa-phone-preview{background:linear-gradient(180deg,#e8f4ef,#d8eee2);border:1px solid #c7e3d0;border-radius:28px;padding:18px;min-height:530px;position:relative;overflow:hidden}
.wa-phone-top{display:flex;align-items:center;gap:10px;background:#075e54;color:white;border-radius:18px;padding:12px 14px;margin-bottom:16px}
.wa-phone-top i{font-size:24px}.wa-phone-top strong{font-weight:950}.wa-phone-top span{margin-left:auto;font-size:12px;opacity:.82}
.wa-bubble{max-width:82%;border-radius:18px;padding:13px 15px;margin:10px 0;font-size:14px;line-height:1.45;font-weight:650;box-shadow:0 8px 18px rgba(0,0,0,.08)}
.wa-bubble.bot{background:white;color:#1f2937;border-top-left-radius:4px}.wa-bubble.user{background:#dcf8c6;color:#1f2937;margin-left:auto;border-top-right-radius:4px}
.wa-quick-replies{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 16px}.wa-quick-replies span{background:#fff;border:1px solid #b8dec5;color:#075e54;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900}
.wa-flow-steps{display:grid;gap:14px}.wa-flow-steps div{display:flex;gap:13px;border:1px solid var(--line);background:#fbfdff;border-radius:18px;padding:14px}.wa-flow-steps i{font-size:24px;color:var(--primary)}.wa-flow-steps strong{display:block;font-weight:950}.wa-flow-steps span{display:block;color:#64748b;font-size:13px;font-weight:650}
.wa-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.wa-service-card{display:flex;gap:14px;border:1px solid var(--line);background:#fff;border-radius:20px;padding:16px}.wa-service-icon{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;font-size:23px;flex:0 0 auto}.wa-service-card strong{display:block;font-weight:950;color:#07142e}.wa-service-card small{display:block;color:#64748b;font-weight:800;margin:3px 0}.wa-service-card p{color:#475569;margin:8px 0;font-weight:650}.wa-service-card label{display:block;color:#94a3b8;font-size:11px;text-transform:uppercase;font-weight:950}.wa-service-card em{display:block;color:#0f172a;font-size:12px;font-style:normal;font-weight:800}
.wa-accordion .accordion-item{border:1px solid var(--line);border-radius:16px!important;overflow:hidden;margin-bottom:10px}.wa-accordion .accordion-button{font-weight:950}.wa-accordion ul{margin:0 0 10px 18px;padding:0}
.wa-chip-row{display:flex;gap:8px;flex-wrap:wrap}.wa-chip{border:1px solid var(--line);border-radius:999px;padding:7px 11px;font-size:12px;font-weight:950;background:#fff;color:#344257}.wa-chip.active{background:#eef6ff;color:var(--primary)}.wa-chip.danger{color:#dc2626}
.wa-chat-list{display:grid;gap:10px;max-height:580px;overflow:auto}.wa-chat-row{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:18px;padding:12px;background:#fff}.wa-chat-row.compact{align-items:center}.wa-chat-copy{flex:1;min-width:0}.wa-chat-copy strong{display:block;font-weight:950}.wa-chat-copy p{margin:3px 0 0;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa-chat-meta{text-align:right;font-size:11px;color:#64748b}
.wa-message-thread{background:#f5faf7;border:1px solid var(--line);border-radius:22px;padding:18px;display:grid;gap:10px;min-height:420px}.wa-thread-message{max-width:78%;border-radius:18px;padding:11px 13px;background:white}.wa-thread-message.out{margin-left:auto;background:#dcf8c6}.wa-thread-message small{display:block;color:#64748b;font-size:11px;font-weight:800;margin-bottom:4px}.wa-thread-message p{margin:0;font-weight:650}
.wa-setup-list{display:grid;gap:12px}.wa-setup-list div{border:1px solid var(--line);border-radius:16px;padding:13px;background:#fbfdff}.wa-setup-list strong{display:block;color:#07142e;font-weight:950}.wa-setup-list span{display:block;color:#64748b;font-weight:650}
.wa-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.wa-template-card{border:1px solid var(--line);border-radius:18px;padding:16px;background:#fff}.wa-template-card i{font-size:26px;color:var(--primary)}.wa-template-card strong{display:block;margin-top:8px;font-weight:950}.wa-template-card p{margin:8px 0 0;color:#64748b;font-weight:650}
.wa-analytics-bars{display:grid;gap:14px}.wa-bar-row{display:grid;grid-template-columns:110px 1fr 60px;gap:12px;align-items:center}.wa-bar-row span,.wa-bar-row strong{font-weight:950}.wa-bar-row div{height:12px;background:#edf2f7;border-radius:999px;overflow:hidden}.wa-bar-row b{display:block;height:100%;border-radius:999px}.wa-bar-row b.green{background:#10b981}.wa-bar-row b.blue{background:#0d63ce}.wa-bar-row b.orange{background:#f59e0b}.wa-bar-row b.red{background:#ef4444}
.wa-demand-list{display:grid;gap:10px}.wa-demand-list div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding:12px 0}.wa-demand-list span{font-weight:850}.wa-demand-list strong{color:var(--primary)}
.wa-visible-card{background:linear-gradient(135deg,#e9fff2,#ffffff)!important;border:1px solid #c7f0d5!important}
@media(max-width:1199px){.wa-connection-grid,.wa-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wa-service-grid,.wa-template-grid{grid-template-columns:1fr}.wa-advanced-shell .wa-title h2{font-size:28px}}
@media(max-width:767px){.wa-connection-grid,.wa-kpi-grid{grid-template-columns:1fr}.wa-advanced-shell .wa-title{align-items:flex-start}.wa-tabbar{border-radius:16px}.wa-card-head{display:block}.wa-phone-preview{min-height:auto}.wa-bar-row{grid-template-columns:1fr}.wa-advanced-shell .wa-title h2{font-size:24px}}


/* === v12 WhatsApp Node QR live status === */
.wa-node-status-box{display:grid;gap:8px;border:1px solid var(--line);background:#f8fbff;border-radius:18px;padding:14px}
.wa-node-status-box>div{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;border-bottom:1px dashed #d7e2f2;padding-bottom:8px}
.wa-node-status-box>div:last-child{border-bottom:0;padding-bottom:0}
.wa-node-status-box strong{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#64748b}
.wa-node-status-box span{text-align:right;font-weight:850;color:#0f172a;word-break:break-all}
.wa-qr-live-box,.wa-connected-state{border:1px dashed #b7c9e8;background:#f8fbff;border-radius:24px;min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:26px}
.wa-qr-live-box #waQrCode{background:#fff;padding:18px;border-radius:18px;border:1px solid #e5edf8;box-shadow:0 12px 34px rgba(0,58,138,.10);margin-bottom:16px}
.wa-qr-live-box h4,.wa-connected-state h3{font-weight:950;color:#001b44}
.wa-qr-live-box p,.wa-connected-state p{max-width:520px;color:#64748b;font-weight:700}
.wa-connected-state i{font-size:84px;color:#12b76a;margin-bottom:14px}
.wa-connected-state.pending i{color:#f59e0b}
@media(max-width:767px){.wa-node-status-box>div{display:block}.wa-node-status-box span{text-align:left;display:block;margin-top:4px}.wa-qr-live-box #waQrCode{max-width:100%;overflow:auto}}

/* === V16 JSON: lead detail, recordings, telecaller workspace, RBAC and responsive fixes === */
.min-w-0{min-width:0}.lead-meta-line{word-break:break-word}.lead-detail-layout .crm-card{overflow:hidden}.lead-tabs{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--line);padding-bottom:10px}.lead-tabs .nav-item{margin:0}.lead-tabs .nav-link{margin:0!important;display:inline-flex!important;align-items:center;justify-content:center;gap:6px;padding:9px 13px!important;border-radius:12px!important;color:var(--primary)!important;background:#eef5ff!important;border:1px solid #d8e7ff!important;font-size:13px!important;font-weight:900!important;line-height:1!important;transform:none!important;white-space:nowrap}.lead-tabs .nav-link.active{background:linear-gradient(135deg,var(--primary),var(--primary2))!important;color:#fff!important;border-color:transparent!important}.lead-tabs .nav-link .badge{font-size:10px}.lead-tabs-card .tab-content{max-height:none;overflow:visible}.lead-tabs-card .timeline-item{margin-bottom:15px}.recording-item audio{height:44px;border-radius:999px;background:#f1f5f9}.lead-audio-player{display:block;max-width:100%}.lead-info-card .alert{border-radius:16px}.tc-call-controls.only-end{display:block}.tc-call-controls.only-end button{width:100%;min-height:54px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px}.tc-call-controls.only-end i{font-size:18px}.tc-queue-tools button[data-bs-target="#fullQueueModal"]{min-width:118px}.full-queue-modal .modal-body{padding-top:0}.full-queue-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:16px;align-items:start}.full-queue-table-wrap{max-height:70vh;overflow:auto;border:1px solid var(--line);border-radius:18px}.full-queue-table-wrap table{min-width:980px}.full-queue-table-wrap tbody tr{cursor:pointer}.full-queue-table-wrap tbody tr:hover,.full-queue-table-wrap tbody tr.selected{background:#f5f9ff}.full-queue-detail{position:sticky;top:0;box-shadow:none}.full-queue-detail h4{font-size:22px;font-weight:950;margin:6px 0 14px;color:var(--text)}.fq-detail-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:10px 0}.fq-detail-row span{font-size:12px;color:var(--muted);font-weight:850;text-transform:uppercase}.fq-detail-row strong{text-align:right;font-size:13px;word-break:break-word}.tc-wave{opacity:.7}.feedback-gate-card.locked .btn{opacity:.75}.tc-side-panel .crm-card{overflow:hidden}.tc-queue-table tbody td{max-width:210px;text-overflow:ellipsis;overflow:hidden}.tc-queue-table tbody td:last-child{overflow:visible}.tc-actions{justify-content:flex-start}.tc-icon-btn.more{display:none}.tc-queue-tools .btn-outline-premium:not([data-bs-target]){display:none}@media(max-width:1399px){.lead-detail-layout>.col-xxl-3:last-child{width:100%}.full-queue-grid{grid-template-columns:1fr}.full-queue-detail{position:static}}@media(max-width:767px){.lead-hero-card .btn{width:100%}.lead-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:12px}.lead-tabs .nav-link{font-size:12px!important;padding:9px 11px!important}.full-queue-table-wrap table{min-width:840px}.tc-call-controls.only-end button{min-height:50px}.recording-item .btn{width:100%}}

/* === V18: Header overlap + tabs alignment final fix === */
/* Make header non-sticky so scrolling content never hides under it */
.topbar{
  position:relative!important;
  top:auto!important;
  z-index:40!important;
  background:rgba(247,249,252,.98)!important;
  backdrop-filter:none!important;
  flex-wrap:wrap;
  gap:14px;
}
html[data-theme=dark] .topbar{background:rgba(7,17,31,.98)!important}
.content-wrap{position:relative;z-index:1;padding-top:24px!important}
.main-shell{overflow:visible}

/* Prevent generic sidebar nav styles from breaking Bootstrap nav pills inside pages */
.settings-pills{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  overflow:visible!important;
  padding:6px 0 14px!important;
  margin-bottom:18px!important;
  border-bottom:1px solid var(--line);
}
.settings-pills .nav-item{flex:0 0 auto!important;margin:0!important}
.settings-pills .nav-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  margin:0!important;
  padding:10px 14px!important;
  border-radius:12px!important;
  border:1px solid #d8e7ff!important;
  background:#eef5ff!important;
  color:var(--primary)!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1.1!important;
  white-space:nowrap!important;
  transform:none!important;
  box-shadow:none!important;
  text-decoration:none!important;
}
.settings-pills .nav-link:hover{
  background:#e4efff!important;
  color:var(--primary)!important;
  transform:none!important;
}
.settings-pills .nav-link.active{
  background:linear-gradient(135deg,var(--primary),var(--primary2))!important;
  color:#fff!important;
  border-color:transparent!important;
  transform:none!important;
}
.settings-shell .tab-content{margin-top:4px;clear:both}
.settings-shell .tab-pane{padding-top:2px}

/* Telecaller desktop layout: cards must not slide under the right panel */
.telecaller-grid{align-items:start!important;overflow:visible!important}
.tc-main-panel{min-width:0!important;max-width:100%!important;overflow:hidden!important}
.tc-side-panel{z-index:2!important}
.tc-bottom-grid{align-items:stretch!important;min-width:0!important}
.tc-bottom-grid>.crm-card{min-width:0!important;overflow:hidden!important}
.tc-follow-grid{grid-template-columns:repeat(auto-fit,minmax(118px,1fr))!important}
.tc-follow-grid strong,.tc-follow-grid span{word-break:break-word}
.tc-table-footer{position:relative!important;z-index:1!important;background:var(--card)!important}
.tc-queue-toolbar{position:relative!important;z-index:1!important}

@media(max-width:1700px){
  .telecaller-grid{grid-template-columns:1fr!important}
  .tc-side-panel{position:static!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .tc-bottom-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .tc-auto-follow-card{grid-column:1/-1!important}
}
@media(max-width:991px){
  .topbar{align-items:flex-start!important;padding:14px 16px!important}
  .topbar-actions{width:100%;justify-content:flex-start!important;flex-wrap:wrap!important}
  .topbar .btn-primary-gradient{min-height:42px}
  .tc-side-panel{grid-template-columns:1fr!important}
  .tc-bottom-grid{grid-template-columns:1fr!important}
  .settings-pills{flex-wrap:nowrap!important;overflow-x:auto!important;padding-bottom:12px!important}
  .settings-pills .nav-link{font-size:12px!important;padding:9px 12px!important}
}
@media(max-width:575px){
  .topbar h1{font-size:20px!important}
  .profile-chip{max-width:100%;overflow:hidden}
  .settings-shell{padding:16px!important}
}

/* === V19: Bootstrap modal click/submit fix ===
   V18 made .content-wrap a z-index stacking context. Bootstrap backdrop is added to body,
   so page modals inside .content-wrap were visually shown but stayed under the backdrop.
   Result: Add Lead / Save buttons looked disabled and clicks were blocked.
*/
.content-wrap{
  z-index:auto!important;
}
.modal{
  z-index:2055!important;
  pointer-events:auto!important;
}
.modal.show{
  display:block!important;
}
.modal-backdrop{
  z-index:2050!important;
}
.modal-dialog,
.modal-content,
.modal-content form,
.modal-content input,
.modal-content select,
.modal-content textarea,
.modal-content button{
  pointer-events:auto!important;
}
.modal-content{
  position:relative!important;
  z-index:2056!important;
  opacity:1!important;
  filter:none!important;
}
body.modal-open .main-shell,
body.modal-open .content-wrap{
  pointer-events:auto!important;
}
/* Keep modal usable on small desktop height */
.modal-dialog-scrollable .modal-content,
.modal-dialog .modal-content{
  max-height:calc(100vh - 48px);
}
.modal-body{
  overflow:auto;
}
#addLeadModal .modal-content{
  box-shadow:0 30px 90px rgba(0,0,0,.25)!important;
}
#addLeadModal .btn-primary-gradient{
  min-width:120px;
}


/* === V20: Final Add Lead modal usable fix ===
   Bootstrap backdrop is appended to body. All page modals are now portaled to body by app.js.
   These z-index values keep the overlay behind the modal, not above it.
*/
body > .modal{
  position:fixed!important;
  inset:0!important;
  z-index:2147483000!important;
  pointer-events:auto!important;
}
body > .modal.show{display:block!important;opacity:1!important;filter:none!important}
body > .modal .modal-dialog{z-index:2147483001!important;pointer-events:auto!important}
body > .modal .modal-content{z-index:2147483002!important;pointer-events:auto!important;opacity:1!important;filter:none!important}
body > .modal-backdrop{z-index:2147482000!important;pointer-events:auto!important}
body.modal-open .modal input,
body.modal-open .modal select,
body.modal-open .modal textarea,
body.modal-open .modal button,
body.modal-open .modal a{pointer-events:auto!important}
#addLeadModal .modal-dialog{max-width:860px;width:calc(100% - 32px)}
#addLeadModal .modal-content{background:#fff!important}
html[data-theme=dark] #addLeadModal .modal-content{background:#0f172a!important}


/* === V21: Add Lead Modal No-Lock Final Fix ===
   Add Lead should never be blocked by Bootstrap backdrop. It opens as a clean no-backdrop modal.
*/
#addLeadModal.crm-add-modal,
#addLeadModal.modal{
  position:fixed!important;
  inset:0!important;
  z-index:2147483646!important;
  pointer-events:auto!important;
  background:transparent!important;
}
#addLeadModal.show{display:block!important;opacity:1!important;filter:none!important;visibility:visible!important}
#addLeadModal .modal-dialog{position:relative!important;z-index:2147483647!important;pointer-events:auto!important;max-width:860px;width:calc(100% - 32px);}
#addLeadModal .modal-content,
#addLeadModal form,
#addLeadModal input,
#addLeadModal select,
#addLeadModal textarea,
#addLeadModal button{pointer-events:auto!important;opacity:1!important;filter:none!important;}
#addLeadModal .modal-content{background:#fff!important;color:#111827!important;box-shadow:0 30px 90px rgba(0,0,0,.28)!important;}
html[data-theme=dark] #addLeadModal .modal-content{background:#0f172a!important;color:#f8fafc!important;}
body:has(#addLeadModal.show) .modal-backdrop{display:none!important;opacity:0!important;pointer-events:none!important;}
body.modal-open:has(#addLeadModal.show){overflow:auto!important;padding-right:0!important;}


/* === V22: Universal no-lock modal fix + working form controls ===
   All CRM modals open without a backdrop so the page never becomes grey/disabled
   and form fields/buttons always remain clickable on Hostinger/Chrome layouts. */
body.modal-open{overflow:auto!important;padding-right:0!important;}
.modal-backdrop{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;z-index:-1!important;}
body > .modal,
.modal{background:transparent!important;pointer-events:auto!important;z-index:2147483646!important;}
body > .modal.show,
.modal.show{display:block!important;opacity:1!important;visibility:visible!important;filter:none!important;}
body > .modal .modal-dialog,
.modal.show .modal-dialog{position:relative!important;z-index:2147483647!important;pointer-events:auto!important;}
body > .modal .modal-content,
.modal.show .modal-content{position:relative!important;z-index:2147483647!important;pointer-events:auto!important;opacity:1!important;filter:none!important;box-shadow:0 30px 90px rgba(0,0,0,.26)!important;}
.modal.show input,.modal.show select,.modal.show textarea,.modal.show button,.modal.show a,.modal.show label{pointer-events:auto!important;opacity:1!important;filter:none!important;}
.modal-dialog{width:calc(100% - 32px);max-width:min(920px, calc(100vw - 32px));margin-left:auto!important;margin-right:auto!important;}
.modal-xl{max-width:min(1140px, calc(100vw - 32px))!important;}
.modal-body{max-height:calc(100vh - 170px);overflow:auto!important;}
#addLeadModal .modal-dialog,#importModal .modal-dialog,#bulkAssignModal .modal-dialog{max-width:min(860px, calc(100vw - 32px))!important;}
#importModal .wizard-steps{display:flex;flex-wrap:wrap;gap:8px;align-items:center;}
#importModal .wizard-steps span{white-space:nowrap;}
.tool-card{cursor:pointer;transition:.18s ease;}
.tool-card:hover{transform:translateY(-2px);border-color:#c7dcff;background:#f8fbff;}
@media(max-width:767px){.modal-dialog{width:calc(100% - 18px);max-width:calc(100vw - 18px);}.modal-body{max-height:calc(100vh - 140px);} }

/* === V23: Telecaller full calling screen + feedback/status + AI post-call === */
.tc-phone-feedback{display:inline-flex;align-items:center;gap:8px;border:0;background:transparent;padding:5px 6px;border-radius:10px;color:inherit;font:inherit;font-weight:850;cursor:pointer;white-space:nowrap}
.tc-phone-feedback:hover,.tc-phone-feedback:focus-visible{background:#eaf3ff;color:#075dcc;outline:2px solid rgba(10,105,255,.18)}
.tc-phone-feedback i{color:#0a69ff;font-size:13px}
.tc-active-phone-button{display:inline-flex;align-items:center;gap:10px;max-width:100%;border:0;background:transparent;padding:2px 0;color:inherit;cursor:pointer;text-align:left}
.tc-active-phone-button:hover strong,.tc-active-phone-button:focus-visible strong{color:#075dcc;text-decoration:underline;text-underline-offset:4px}
.tc-active-phone-button:focus-visible{outline:2px solid rgba(10,105,255,.25);outline-offset:5px;border-radius:8px}
.tc-active-phone-button i{color:#0a69ff!important;font-size:18px}
.tc-number-help{display:block;color:#64748b;font-weight:750;font-size:10px;margin-top:5px}
.tc-active-feedback-preview{border:1px solid #dce8f8;background:#f7faff;border-radius:15px;padding:11px 12px;margin-bottom:12px}
.tc-active-feedback-preview>div{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}
.tc-active-feedback-preview span{color:#64748b;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.03em}
.tc-active-feedback-preview strong{color:#075dcc;font-size:13px;font-weight:950;text-align:right}
.tc-active-feedback-preview p{margin:0;color:#334155;font-size:11px;line-height:1.45;font-weight:700;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.tc-connected-chip.is-ready{background:#eef4ff;color:#31557f;border-color:#d7e4f5}
.tc-connected-chip.is-ringing{background:#fff4e5;color:#b45309;border-color:#fed7aa}
.tc-connected-chip.is-connected,.tc-connected-chip.is-completed{background:#e9fff3;color:#128044;border-color:#c8f4d9}
.tc-connected-chip.is-ending,.tc-connected-chip.is-failed{background:#fff0f0;color:#c93636;border-color:#fecaca}
.tc-feedback-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.tc-feedback-status-grid>div{border:1px solid #dce8f8;background:#f8fbff;border-radius:16px;padding:12px;min-width:0}
.tc-feedback-status-grid span{display:block;color:#64748b;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.03em;margin-bottom:5px}
.tc-feedback-status-grid strong{display:block;color:#0f172a;font-size:13px;font-weight:950;word-break:break-word}
.tc-latest-feedback-card{box-shadow:none;background:linear-gradient(180deg,#f8fbff,#fff)}
.tc-latest-feedback-card>p{color:#334155;font-weight:700;line-height:1.55}
.tc-feedback-history-list{display:grid;gap:10px}
.tc-feedback-history-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 12px;border:1px solid #e1eaf7;border-radius:16px;padding:13px;background:#fff}
.tc-feedback-history-item>div strong{display:block;font-size:13px;font-weight:950;color:#0f172a}
.tc-feedback-history-item>div span{display:block;color:#64748b;font-size:10px;font-weight:750;margin-top:2px}
.tc-feedback-history-item p{grid-column:1/-1;margin:0;color:#334155;font-size:12px;line-height:1.5;font-weight:700}
.tc-feedback-history-item small{grid-column:1/-1;color:#64748b;font-weight:750}
#telecallerWorkspace:fullscreen,.telecaller-shell.workspace-fullscreen-active,.telecaller-shell.workspace-fullscreen-fallback{background:var(--bg);padding:14px;overflow:auto;max-width:none;width:100%;height:100vh}
.telecaller-shell.workspace-fullscreen-fallback{position:fixed;inset:0;z-index:2147483000}
.telecaller-shell.workspace-fullscreen-active .tc-kpi-grid,.telecaller-shell.workspace-fullscreen-fallback .tc-kpi-grid,.telecaller-shell.workspace-fullscreen-active .tc-bottom-grid,.telecaller-shell.workspace-fullscreen-fallback .tc-bottom-grid{display:none!important}
.telecaller-shell.workspace-fullscreen-active .telecaller-header-strip,.telecaller-shell.workspace-fullscreen-fallback .telecaller-header-strip{padding:12px 16px;margin-bottom:10px!important}
.telecaller-shell.workspace-fullscreen-active .telecaller-header-strip p,.telecaller-shell.workspace-fullscreen-fallback .telecaller-header-strip p{display:none}
.telecaller-shell.workspace-fullscreen-active .telecaller-grid,.telecaller-shell.workspace-fullscreen-fallback .telecaller-grid{grid-template-columns:minmax(0,1fr) 390px!important;gap:12px!important}
.telecaller-shell.workspace-fullscreen-active .tc-side-panel,.telecaller-shell.workspace-fullscreen-fallback .tc-side-panel{position:static!important;display:block!important}
.telecaller-shell.workspace-fullscreen-active .tc-side-panel>.crm-card:not(.active-call-card),.telecaller-shell.workspace-fullscreen-fallback .tc-side-panel>.crm-card:not(.active-call-card){display:none!important}
.telecaller-shell.workspace-fullscreen-active .tc-queue-table-wrap,.telecaller-shell.workspace-fullscreen-fallback .tc-queue-table-wrap{max-height:calc(100vh - 235px)!important}
.telecaller-shell.workspace-fullscreen-active .tc-queue-table,.telecaller-shell.workspace-fullscreen-fallback .tc-queue-table{min-width:1040px;font-size:11px}
.telecaller-shell.workspace-fullscreen-active .tc-queue-table tbody td,.telecaller-shell.workspace-fullscreen-fallback .tc-queue-table tbody td{padding:7px 8px}
.telecaller-shell.workspace-fullscreen-active .active-call-card,.telecaller-shell.workspace-fullscreen-fallback .active-call-card{height:calc(100vh - 112px);overflow:auto!important}
html[data-theme=dark] .tc-active-feedback-preview,html[data-theme=dark] .tc-feedback-status-grid>div,html[data-theme=dark] .tc-latest-feedback-card,html[data-theme=dark] .tc-feedback-history-item{background:#111b2e;border-color:rgba(255,255,255,.09)}
html[data-theme=dark] .tc-active-feedback-preview p,html[data-theme=dark] .tc-feedback-history-item p,html[data-theme=dark] .tc-feedback-history-item>div strong,html[data-theme=dark] .tc-feedback-status-grid strong,html[data-theme=dark] .tc-latest-feedback-card>p{color:#e5edf9}
html[data-theme=dark] .tc-phone-feedback:hover,html[data-theme=dark] .tc-phone-feedback:focus-visible{background:rgba(59,130,246,.13);color:#93c5fd}
@media(max-width:1100px){
  .telecaller-shell.workspace-fullscreen-active .telecaller-grid,.telecaller-shell.workspace-fullscreen-fallback .telecaller-grid{grid-template-columns:1fr!important}
  .telecaller-shell.workspace-fullscreen-active .active-call-card,.telecaller-shell.workspace-fullscreen-fallback .active-call-card{height:auto}
}
@media(max-width:767px){
  .tc-feedback-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tc-active-phone-button strong{font-size:24px}
  .telecaller-shell.workspace-fullscreen-active,.telecaller-shell.workspace-fullscreen-fallback{padding:8px}
}