:root{--ink:#161713;--muted:#73766d;--line:#e9e9e3;--paper:#fff;--bg:#f6f6f2;--accent:#c8f135;--accent-deep:#739200;--danger:#d75858;--orange:#e99c3c;--radius:18px;--shadow:0 8px 30px rgba(25,27,20,.06)}
.login-screen{position:fixed;inset:0;z-index:200;background:#fff;display:grid;grid-template-columns:minmax(350px,42%) 1fr}.login-screen[hidden],.app-shell[hidden]{display:none!important}.login-panel{padding:55px clamp(28px,6vw,90px);display:flex;flex-direction:column;justify-content:center}.login-brand{color:var(--ink)!important;position:absolute;top:42px;margin:0!important;padding:0!important}.login-copy h1{font:800 42px Manrope;margin:0;letter-spacing:-2px}.login-copy>p:last-child{color:var(--muted);margin:8px 0 30px}.login-panel form{display:flex;flex-direction:column;gap:16px}.login-panel label{font-size:11px;font-weight:700}.login-panel input{width:100%;display:block;margin-top:7px;border:1px solid #dedfd9;border-radius:10px;padding:13px;font:inherit}.login-panel form button{padding:14px;margin-top:5px}.login-error{color:var(--danger);font-size:11px;margin:0}.secure-note{color:#999;margin-top:22px;text-align:center}.login-visual{margin:14px;border-radius:22px;background:linear-gradient(150deg,rgba(15,16,13,.35),rgba(15,16,13,.94)),url('https://images.unsplash.com/photo-1619767886558-efdc259cde1a?auto=format&fit=crop&w=1600&q=85') center/cover;color:#fff;display:flex;align-items:flex-end;padding:65px}.login-visual span{font-size:10px;letter-spacing:2px;color:var(--accent);font-weight:800}.login-visual h2{font:800 clamp(36px,5vw,68px) Manrope;line-height:1.02;letter-spacing:-3px;margin:15px 0}.login-visual p{color:#c5c7bd;max-width:430px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px}.app-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{position:sticky;top:0;height:100vh;background:#11120f;color:#fff;padding:28px 18px 20px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;padding:0 10px;margin-bottom:42px}.brand-mark{background:var(--accent);color:#11120f;width:38px;height:38px;display:grid;place-items:center;border-radius:10px;font-family:Manrope;font-weight:800;letter-spacing:-2px}.brand b{font-family:Manrope;letter-spacing:1.6px;font-size:13px}.brand small{display:block;color:#9ca08f;letter-spacing:3.7px;font-size:8px;margin-top:2px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.nav-item{border:0;background:transparent;color:#aeb0a8;padding:12px 13px;border-radius:10px;text-align:left;font:600 14px 'DM Sans';cursor:pointer;display:flex;align-items:center;gap:12px}.nav-item span{font-size:18px;width:19px}.nav-item em{margin-left:auto;background:#2b2d26;color:#d9ddd1;border-radius:20px;padding:2px 8px;font-size:11px;font-style:normal}.nav-item:hover,.nav-item.active{background:#24251f;color:#fff}.nav-item.active span{color:var(--accent)}.sidebar-bottom{margin-top:auto}.help-card{background:#20211c;border:1px solid #30312a;border-radius:13px;padding:14px;margin-bottom:20px}.help-card p{font-size:11px;color:#999c90;line-height:1.5;margin:5px 0 0}.profile{border-top:1px solid #292a25;padding:18px 4px 0;display:flex;align-items:center;gap:10px}.avatar{width:34px;height:34px;border-radius:50%;background:#e6e8dc;color:#161713;display:grid;place-items:center;font-size:11px;font-weight:700}.profile b{font-size:12px;display:block}.profile span{font-size:10px;color:#8f9286}.profile button{margin-left:auto;background:none;border:0;color:#888;cursor:pointer}main{min-width:0}header{height:76px;background:#fff;border-bottom:1px solid var(--line);padding:0 32px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.top-search,.filter-search{display:flex;align-items:center;gap:9px;color:#999}.top-search input,.filter-search input{border:0;outline:0;font:inherit;background:transparent;width:320px}.header-actions{display:flex;align-items:center;gap:10px}.icon-button{border:1px solid var(--line);background:#fff;width:39px;height:39px;border-radius:10px;position:relative}.icon-button i{position:absolute;width:6px;height:6px;border-radius:50%;background:#d84d4d;right:9px;top:8px}.primary-button,.secondary-button{border:0;border-radius:10px;padding:11px 17px;font:700 12px 'DM Sans';cursor:pointer}.primary-button{background:var(--accent);color:#1a1c13}.primary-button:hover{background:#d5fa4f}.secondary-button{background:#fff;border:1px solid var(--line);color:var(--ink)}.mobile-menu{display:none}.content{padding:32px;max-width:1600px;margin:auto}.page{display:none}.page.active{display:block}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:25px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.8px;color:#8b8e81;margin:0 0 8px}.page-heading h1{font:800 clamp(25px,3vw,34px) Manrope;margin:0;letter-spacing:-1.3px}.page-heading>div>p:last-child{color:var(--muted);margin:7px 0 0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px}.metric,.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.metric{padding:19px}.metric-top{display:flex;align-items:center;justify-content:space-between;color:#666a60;font-size:12px}.metric-icon{width:34px;height:34px;border-radius:10px;background:#f0f1ea;display:grid;place-items:center;font-weight:800}.metric strong{display:block;font:800 29px Manrope;margin:12px 0 5px}.trend{font-size:10px;color:var(--accent-deep);font-weight:700}.trend.neutral{color:#85887e}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.8fr);gap:16px;margin-bottom:16px}.card{padding:20px}.card-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.card h2,.modal h2{font:700 16px Manrope;margin:0}.card-head p,.card>p{color:var(--muted);font-size:11px;margin:5px 0 0}.card-head select,.filters select{border:1px solid var(--line);border-radius:9px;background:#fff;padding:8px 10px;font:inherit}.text-button{border:0;background:none;font:700 11px 'DM Sans';cursor:pointer}.chart-legend{display:flex;gap:18px;font-size:10px;color:#666;margin:4px 0 13px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.dot.green{background:var(--accent)}.dot.dark{background:#31332d}.bar-chart{height:190px;display:flex;align-items:flex-end;justify-content:space-around;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent 0,transparent 46px,#f0f0eb 47px)}.bar-group{height:100%;display:flex;align-items:flex-end;gap:4px;position:relative;padding-bottom:0}.bar{width:12px;border-radius:5px 5px 0 0;transition:.3s}.bar.received{background:var(--accent)}.bar.won{background:#31332d}.bar-label{position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);font-size:9px;color:#777}.followup-item{display:flex;gap:11px;padding:12px 0;border-top:1px solid var(--line);align-items:center}.followup-item:first-child{border-top:0}.followup-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#fff2e5;color:var(--orange)}.followup-item b{display:block;font-size:12px}.followup-item small{color:#8b8e83}.followup-item button{margin-left:auto;border:0;background:#f1f2ed;border-radius:7px;padding:6px 8px;cursor:pointer}.table-wrap{overflow-x:auto;margin:0 -20px}table{border-collapse:collapse;width:100%;min-width:790px}th{font-size:9px;letter-spacing:.8px;color:#96998e;text-align:left;padding:10px 20px;border-bottom:1px solid var(--line)}td{padding:13px 20px;border-bottom:1px solid #f0f0ec;font-size:11px}tbody tr:hover{background:#fafaf7}.customer-cell{display:flex;align-items:center;gap:10px}.customer-avatar{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#edf0e3;font-weight:700;font-size:10px}.cell-main{display:block;font-weight:700;color:#272923}.cell-sub{display:block;color:#92958a;font-size:9px;margin-top:3px}.status{display:inline-block;padding:5px 9px;border-radius:30px;font-size:9px;font-weight:700;background:#eef0ea;color:#666}.status.won{background:#e9f7bd;color:#587000}.status.new{background:#e6eff9;color:#426889}.status.lost{background:#f9e9e9;color:#a34f4f}.status.appointment{background:#fff0da;color:#93611f}.action-menu{border:0;background:transparent;cursor:pointer;font-size:16px}.filters{display:flex;gap:10px;align-items:center;margin-bottom:10px}.filter-search{border:1px solid var(--line);padding:9px 12px;border-radius:10px;flex:1}.filter-search input{width:100%}.table-footer{padding-top:16px;color:#888;font-size:11px}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.team-card{padding:22px}.team-person{display:flex;align-items:center;gap:12px}.team-person .avatar{width:43px;height:43px}.team-person h3{margin:0;font:700 14px Manrope}.team-person p{margin:4px 0 0;color:#888;font-size:10px}.team-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:18px;padding-top:17px;text-align:center}.team-stats strong{display:block;font:700 18px Manrope}.team-stats span{font-size:9px;color:#888}.progress{height:5px;background:#eee;border-radius:9px;margin-top:17px;overflow:hidden}.progress i{height:100%;display:block;background:var(--accent);border-radius:9px}.report-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.report-list{margin-top:18px}.report-row{display:grid;grid-template-columns:1fr 2fr 40px;align-items:center;gap:10px;margin:12px 0;font-size:11px}.report-bar{height:7px;background:#eee;border-radius:10px}.report-bar i{display:block;height:100%;background:var(--accent);border-radius:10px}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.toggle-row{margin-top:20px;display:flex;justify-content:space-between}.setup-badge{display:inline-block;margin-top:18px;padding:7px 10px;background:#fff1dd;color:#8d5c20;border-radius:8px;font-size:10px;font-weight:700}.modal-backdrop{position:fixed;inset:0;background:rgba(15,16,13,.62);z-index:50;display:grid;place-items:center;padding:18px}.modal-backdrop[hidden]{display:none}.modal{width:min(680px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:20px;padding:24px}.modal-head{display:flex;justify-content:space-between;margin-bottom:22px}.close-button{border:0;background:#f1f2ed;width:32px;height:32px;border-radius:9px;font-size:20px;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid label{font-size:11px;font-weight:700}.form-grid input,.form-grid select,.form-grid textarea{display:block;width:100%;margin-top:7px;border:1px solid #dedfd9;border-radius:9px;padding:11px;font:400 13px 'DM Sans';outline:0}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#a7c82a;box-shadow:0 0 0 3px #eff8ce}.form-grid small{color:#999;font-weight:400}.full{grid-column:1/-1}.modal-actions{display:flex;justify-content:flex-end;gap:9px;border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.toast{position:fixed;right:24px;bottom:24px;background:#171813;color:#fff;padding:13px 18px;border-radius:10px;box-shadow:var(--shadow);z-index:100;opacity:0;transform:translateY(15px);pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:none}
.la-icon{display:block;width:1.15em;height:1.15em;flex:0 0 auto;transition:transform .28s cubic-bezier(.2,.85,.25,1),stroke-width .2s;transform-origin:center}.icon-label-button{display:inline-flex;align-items:center;justify-content:center;gap:8px}.icon-label-button b{font:inherit}.icon-label-button:after{display:none!important}.icon-only{display:inline-grid!important;place-items:center;padding:9px!important}.nav-item span,.top-search>span,.filter-search>span{display:grid;place-items:center}.nav-item .la-icon{width:19px;height:19px}.metric-lucide{width:18px;height:18px}.status i .status-lucide{width:11px;height:11px;stroke-width:2.5}.icon-button,.mobile-menu,.close-button{display:inline-grid;place-items:center}.icon-button>.la-icon,.mobile-menu>.la-icon,.close-button .la-icon{width:19px;height:19px}.profile button .la-icon{width:16px;height:16px}.acceptance-icon .la-icon{width:15px;height:15px}.mobile-nav-add>.la-icon{width:24px;height:24px}@media(hover:hover){button:hover .la-icon,a:hover .la-icon{transform:scale(1.12)}button:hover .la-settings{transform:rotate(55deg)}button:hover .la-plus{transform:rotate(90deg) scale(1.08)}button:hover .la-arrowRight{transform:translateX(3px)}button:hover .la-arrowLeft{transform:translateX(-3px)}button:hover .la-arrowUp{transform:translateY(-3px)}button:hover .la-arrowDown,button:hover .la-download{transform:translateY(3px)}button:hover .la-bell{animation:lucideBell .48s ease-in-out}.nav-item:hover .la-icon{transform:scale(1.13) rotate(-4deg);stroke-width:2.25}.metric:hover .la-icon{transform:scale(1.16) rotate(-5deg)}}@keyframes lucideBell{0%,100%{transform:rotate(0)}25%{transform:rotate(13deg)}75%{transform:rotate(-13deg)}}
@media(max-width:1050px){.metrics{grid-template-columns:repeat(2,1fr)}.team-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.followup-card{min-height:250px}}
@media(max-width:760px){.app-shell{display:block}.sidebar{position:fixed;left:-270px;transition:.25s;width:250px}.sidebar.open{left:0;box-shadow:20px 0 50px #0005}.mobile-menu{display:block;border:0;background:none;font-size:21px}.content{padding:22px 15px}header{height:65px;padding:0 15px}.top-search{display:none}.header-actions .primary-button{font-size:0;padding:10px}.header-actions .primary-button:after{content:'＋';font-size:18px}.page-heading{align-items:flex-start;gap:15px}.page-heading>.secondary-button{padding:10px;font-size:0}.page-heading>.secondary-button:after{content:'⇩';font-size:15px}.metrics{grid-template-columns:1fr 1fr;gap:10px}.metric{padding:15px}.metric strong{font-size:24px}.card{padding:16px}.table-wrap{margin:0 -16px}.filters{flex-wrap:wrap}.filter-search{flex-basis:100%}.filters select{flex:1;min-width:105px}.team-grid,.report-grid,.settings-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.modal{padding:20px}.dashboard-grid{gap:10px}}
@media(max-width:760px){.login-screen{display:block;overflow-y:auto}.login-panel{min-height:100dvh;padding:110px 27px 38px;justify-content:flex-start}.login-brand{top:35px;left:17px}.login-copy h1{font-size:36px}.login-visual{display:none}.app-shell{display:block}.sidebar{position:fixed;left:-270px;transition:.25s;width:250px}.sidebar.open{left:0;box-shadow:20px 0 50px #0005}.mobile-menu{display:block;border:0;background:none;font-size:21px}.content{padding:22px 15px}header{height:65px;padding:0 15px}.top-search{display:none}.header-actions .primary-button{font-size:0;padding:10px}.header-actions .primary-button:after{content:'＋';font-size:18px}.page-heading{align-items:flex-start;gap:15px}.page-heading>.secondary-button{padding:10px;font-size:0}.page-heading>.secondary-button:after{content:'⇩';font-size:15px}.metrics{grid-template-columns:1fr 1fr;gap:10px}.metric{padding:15px}.metric strong{font-size:24px}.card{padding:16px}.table-wrap{margin:0 -16px}.filters{flex-wrap:wrap}.filter-search{flex-basis:100%}.filters select{flex:1;min-width:105px}.team-grid,.report-grid,.settings-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.modal{padding:20px}.dashboard-grid{gap:10px}}
.setup-badge.connected{background:#edf8cb;color:#587000}
.edit-button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:6px 10px;font:700 10px 'DM Sans';cursor:pointer}.edit-button:hover{border-color:#b8d93c;background:#f7fce6}.danger-button{border:1px solid #f1cccc;background:#fff5f5;color:#b43e3e;border-radius:10px;padding:10px 14px;font:700 11px 'DM Sans';cursor:pointer}.action-spacer{flex:1}.small-modal{max-width:480px}.one-column{grid-template-columns:1fr}.profile-toggle{padding:10px 2px}.team-actions{margin-left:auto}.team-actions button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 10px;font:700 10px 'DM Sans';cursor:pointer}
.lead-history{margin-top:18px;border-top:1px solid var(--line);padding-top:18px}.section-title{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.section-title h3{font:700 14px Manrope;margin:0}.history-list{display:grid;gap:10px}.history-item{display:grid;grid-template-columns:28px 1fr;gap:10px;padding:11px;border:1px solid #eeeeea;border-radius:12px;background:#fbfbf8}.history-dot{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#eef0e8;color:#5f6358;font-size:11px;font-weight:800}.history-item.insert .history-dot{background:#edf8cb;color:#587000}.history-item.update .history-dot{background:#e6eff9;color:#426889}.history-item.delete .history-dot{background:#f9e9e9;color:#a34f4f}.history-item b{font-size:12px;display:block}.history-item small{display:block;color:#8a8e82;margin-top:3px}.history-item p{margin:6px 0 0;color:#62665d;font-size:11px;line-height:1.45}.reset-panel{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:12px;background:#fbfbf8;padding:13px}.reset-panel p{margin:0}.reset-panel b{display:block;font-size:12px}.reset-panel span{display:block;color:#888;font-size:10px;margin-top:3px}
.sources-card{grid-column:1/-1}.source-add{display:flex;gap:10px;margin:12px 0 16px}.source-add input{flex:1;border:1px solid var(--line);border-radius:10px;padding:11px;font:inherit}.source-list{display:grid;gap:10px}.source-item{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #eeeeea;border-radius:12px;background:#fbfbf8;padding:12px}.source-item b{display:block;font-size:13px}.source-item small{display:block;color:#85887e;font-size:10px;margin-top:3px}.source-actions{display:flex;gap:8px;align-items:center}.danger-button.compact{padding:7px 10px;border-radius:8px;font-size:10px}
.wide-modal{width:min(1050px,100%)}.smart-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:16px}.smart-panel{border:1px solid var(--line);border-radius:14px;background:#fbfbf8;padding:16px}.smart-panel h3{font:700 14px Manrope;margin:0 0 5px}.smart-panel p{color:var(--muted);font-size:11px;line-height:1.45;margin:0 0 12px}.smart-panel textarea{width:100%;border:1px solid #dedfd9;border-radius:10px;padding:12px;font:400 13px 'DM Sans';resize:vertical}.smart-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:10px}.smart-note{display:block;margin-top:9px;color:#777}.smart-preview{display:grid;gap:10px;max-height:430px;overflow:auto}.smart-row{border:1px solid #ebebe5;border-radius:12px;background:#fff;padding:12px}.smart-row>label{font-size:11px;font-weight:700;display:flex;gap:7px;align-items:center;margin-bottom:10px}.smart-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.smart-fields input,.smart-fields select,.smart-fields textarea{border:1px solid #dedfd9;border-radius:8px;padding:9px;font:400 12px 'DM Sans';width:100%}.smart-fields textarea{grid-column:1/-1;resize:vertical}
.smart-row.duplicate-warning{border-color:#f0c9a0;background:#fffaf4}.duplicate-note{border:1px solid #f0d1ad;background:#fff3df;color:#8d5c20;border-radius:9px;padding:8px 10px;font-size:11px;font-weight:700;margin:-2px 0 10px;display:flex;align-items:center;justify-content:space-between;gap:8px}.duplicate-note button{border:0;background:#8d5c20;color:#fff;border-radius:8px;padding:6px 9px;font:800 10px 'DM Sans';cursor:pointer}
@media(max-width:850px){.smart-grid{grid-template-columns:1fr}.smart-fields{grid-template-columns:1fr}}
@media(max-width:390px){.metrics{grid-template-columns:1fr}.page-heading h1{font-size:25px}}

/* Premium friendly UI pass */
.card,.metric,.team-card,.modal,.source-item,.smart-row{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.card:hover,.metric:hover,.team-card:hover,.source-item:hover,.smart-row:hover{transform:translateY(-3px);box-shadow:0 16px 45px rgba(20,22,15,.10);border-color:#dfe7b8}.primary-button,.secondary-button,.edit-button,.danger-button,.nav-item,.text-button{transition:transform .15s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease}.primary-button:hover,.secondary-button:hover,.edit-button:hover,.danger-button:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(20,22,15,.08)}.nav-item:hover{transform:translateX(3px)}input,select,textarea{font-size:15px!important}.primary-button,.secondary-button{min-height:42px}.page-actions,.row-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.row-actions{justify-content:flex-end}.wa-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #cfeab0;background:#f2ffd8;color:#4f7600;border-radius:8px;padding:6px 9px;font:800 10px 'DM Sans';text-decoration:none}.wa-button:hover{background:#dfff88;transform:translateY(-1px)}.bulk-check{width:18px;height:18px;accent-color:var(--accent-deep)}.mini-badge{display:inline-block;margin-left:5px;padding:3px 6px;border-radius:999px;font-size:8px;font-weight:900;vertical-align:middle}.mini-badge.hot{background:#fff0d9;color:#a45c00}.mini-badge.warn{background:#ffecec;color:#a34f4f}.row-incomplete{background:#fffdf6}.bulk-bar{display:flex;align-items:center;gap:10px;background:#11120f;color:#fff;border-radius:14px;padding:12px;margin-bottom:14px;box-shadow:var(--shadow)}.bulk-bar select{border:1px solid #383a32;background:#20211c;color:#fff;border-radius:10px;padding:9px}.bulk-bar b{margin-right:auto}.kanban-board{display:grid;grid-template-columns:repeat(4,minmax(260px,1fr));gap:14px;overflow-x:auto;padding-bottom:10px}.kanban-col{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;min-height:320px;box-shadow:var(--shadow)}.kanban-col h3{display:flex;justify-content:space-between;align-items:center;margin:0 0 12px;font:800 15px Manrope}.kanban-col h3 span{background:#eef0ea;border-radius:999px;padding:3px 8px;font-size:11px}.kanban-list{display:grid;gap:10px}.kanban-card{background:#fbfbf8;border:1px solid #eee;border-radius:14px;padding:12px;cursor:pointer;transition:.18s}.kanban-card:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 12px 24px rgba(20,22,15,.10);border-color:#d9eaa0}.kanban-card.needs-info{background:#fffaf2}.kanban-card b{display:block;font-size:13px}.kanban-card p{margin:6px 0;color:#676b60;font-size:11px}.kanban-card small{display:block;color:#8b8e83;font-size:10px}.kanban-card a{display:inline-block;margin-top:9px;color:#587000;font-size:10px;font-weight:900;text-decoration:none}.empty-col{color:#999;font-size:12px}.ops-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.ops-grid div{background:#fbfbf8;border:1px solid #eee;border-radius:14px;padding:13px;text-align:center}.ops-grid b{display:block;font:800 23px Manrope}.ops-grid span{font-size:10px;color:#777}.daily-summary{margin-bottom:16px}
@media(max-width:1180px){.kanban-board{grid-template-columns:repeat(3,minmax(250px,1fr))}.ops-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.kanban-board{grid-template-columns:repeat(1,minmax(250px,1fr))}.bulk-bar{align-items:stretch;flex-direction:column}.bulk-bar b{margin-right:0}.ops-grid{grid-template-columns:repeat(2,1fr)}.row-actions{justify-content:flex-start}}
.quick-filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:14px}.quick-filter{border:1px solid #e2e3dc;background:#fbfbf8;color:#53564e;border-radius:999px;padding:10px 14px;font:800 11px 'DM Sans';cursor:pointer;transition:.16s}.quick-filter:hover,.quick-filter.active{background:#11120f;color:#fff;border-color:#11120f;transform:translateY(-1px);box-shadow:0 8px 18px rgba(20,22,15,.10)}.quick-filter.urgent.active,.quick-filter.urgent:hover{background:#a34f4f;border-color:#a34f4f}.quick-filter.hot.active,.quick-filter.hot:hover{background:#9a5f00;border-color:#9a5f00}.action-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.action-card{min-height:260px}.action-card.urgent{border-color:#f0c3c3}.action-card.today{border-color:#dfeaa5}.action-card.hot{border-color:#f0d3a5}.action-card.warn{border-color:#f2dfbf}.action-list{display:grid;gap:9px}.action-item{display:grid;grid-template-columns:34px 1fr auto auto;gap:10px;align-items:center;border:1px solid #eeeeea;background:#fbfbf8;border-radius:13px;padding:10px;transition:.16s}.action-item:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(20,22,15,.08);border-color:#dfe7b8}.action-item b{font-size:12px;display:block}.action-item small{display:block;color:#85887e;font-size:10px;margin-top:3px}.import-history-card .history-list{max-height:360px;overflow:auto}
.notification-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:9px}.notification-list .history-item.insert{border-color:#dbeaa0;background:#fcfff2}

/* Status color system */
.status{--s-bg:#eef0ea;--s-ink:#62665d;--s-dot:#8b8e81;display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;font-size:10px;font-weight:950;letter-spacing:.15px;background:var(--s-bg)!important;color:var(--s-ink)!important;border:1px solid color-mix(in srgb,var(--s-dot) 40%,transparent);box-shadow:inset 0 0 0 1px rgba(255,255,255,.55),0 8px 18px color-mix(in srgb,var(--s-dot) 16%,transparent);white-space:nowrap;line-height:1}.status:before{display:none}.status i{width:18px;height:18px;border-radius:50%;display:inline-grid;place-items:center;background:var(--s-dot);color:#fff;font-style:normal;font-size:11px;font-weight:950;box-shadow:0 0 0 4px color-mix(in srgb,var(--s-dot) 18%,transparent)}.status.new{--s-bg:#dff0ff;--s-ink:#145f99;--s-dot:#1687e8}.status.assigned{--s-bg:#eadfff;--s-ink:#5730a4;--s-dot:#7a45e8}.status.contacted{--s-bg:#d9fbff;--s-ink:#036b80;--s-dot:#00a9c8}.status.appointment{--s-bg:#ffe8c2;--s-ink:#955607;--s-dot:#f08a00}.status.loan-processing{--s-bg:#e2e6ff;--s-ink:#263f9f;--s-dot:#435fea}.status.won{--s-bg:#e4f9a8;--s-ink:#466900;--s-dot:#84b900}.status.lost{--s-bg:#ffe0e0;--s-ink:#9b2e2e;--s-dot:#df4444}.status.no-response{--s-bg:#e8eaee;--s-ink:#4e5662;--s-dot:#7d8794}.status.assigned i,.status.new i,.status.appointment i{animation:statusPulse 1.7s ease-in-out infinite}@keyframes statusPulse{0%,100%{transform:scale(.92);box-shadow:0 0 0 4px color-mix(in srgb,var(--s-dot) 18%,transparent)}50%{transform:scale(1.08);box-shadow:0 0 0 8px color-mix(in srgb,var(--s-dot) 9%,transparent)}}.status-row{position:relative}.status-row td{transition:background .18s ease}.status-row:hover td{background:color-mix(in srgb,var(--row-accent,#d8dbd1) 8%,#fff)}.status-row td:first-child{position:relative}.status-row td:first-child:before{content:'';position:absolute;left:0;top:8px;bottom:8px;width:6px;border-radius:0 10px 10px 0;background:var(--row-accent,#d8dbd1);opacity:1;box-shadow:0 0 14px color-mix(in srgb,var(--row-accent,#d8dbd1) 35%,transparent)}.status-row-new{--row-accent:#1687e8}.status-row-assigned{--row-accent:#7a45e8}.status-row-contacted{--row-accent:#00a9c8}.status-row-appointment{--row-accent:#f08a00}.status-row-loan-processing{--row-accent:#435fea}.status-row-won{--row-accent:#84b900}.status-row-lost{--row-accent:#df4444}.status-row-no-response{--row-accent:#7d8794}.status-legend{display:flex;gap:8px;flex-wrap:wrap;align-items:center;border:1px solid #eeeeea;background:#fbfbf8;border-radius:14px;padding:12px;margin:-4px 0 14px}.status-legend:before{content:'Status guide';font:900 10px 'DM Sans';letter-spacing:.8px;color:#8b8e81;margin-right:4px;text-transform:uppercase}.kanban-col h3 em{background:#eef0ea;border-radius:999px;padding:4px 9px;font-size:11px;font-style:normal;color:#5f6358}.kanban-col h3>.status{font-size:10px;padding:7px 10px}.kanban-card{position:relative;overflow:hidden}.kanban-card:before{content:'';position:absolute;left:0;top:0;bottom:0;width:7px;background:var(--card-accent,#d8dbd1);box-shadow:0 0 18px color-mix(in srgb,var(--card-accent,#d8dbd1) 35%,transparent)}.kanban-card-new{--card-accent:#1687e8}.kanban-card-assigned{--card-accent:#7a45e8}.kanban-card-contacted{--card-accent:#00a9c8}.kanban-card-appointment{--card-accent:#f08a00}.kanban-card-loan-processing{--card-accent:#435fea}.kanban-card-won{--card-accent:#84b900}.kanban-card-lost{--card-accent:#df4444}.kanban-card-no-response{--card-accent:#7d8794}
@media(max-width:900px){.action-grid{grid-template-columns:1fr}.action-item{grid-template-columns:34px 1fr;align-items:start}.action-item .wa-button,.action-item .edit-button{grid-column:auto}}

/* Audit fixes: usable keyboard focus, compact 30-day chart and calmer motion option. */
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(132,185,0,.45);outline-offset:3px}
.bar-chart.range-30{gap:2px;overflow-x:auto;justify-content:space-between}
.bar-chart.range-30 .bar-group{min-width:20px;flex:1}
.bar-chart.range-30 .bar{width:6px}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.card:hover,.metric:hover,.team-card:hover,.source-item:hover,.smart-row:hover,.nav-item:hover,.primary-button:hover,.secondary-button:hover,.edit-button:hover,.danger-button:hover{transform:none}}

/* Sales Command Center */
.command-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:1.5fr .75fr;gap:26px;background:#11120f;color:#fff;border-radius:24px;padding:30px;margin-bottom:18px;box-shadow:0 18px 50px rgba(17,18,15,.16)}.command-hero:before{content:'';position:absolute;width:360px;height:360px;border-radius:50%;right:18%;top:-260px;background:var(--accent);filter:blur(8px);opacity:.22}.command-copy,.next-appointment{position:relative;z-index:1}.command-copy h2{font:800 clamp(24px,3vw,38px) Manrope;letter-spacing:-1.6px;margin:0}.command-copy>p:last-of-type{color:#b8bbae;margin:9px 0 20px}.command-actions{display:flex;gap:10px;align-items:center}.ghost-button{border:1px solid #383a32;background:#20211c;color:#fff;border-radius:10px;min-height:42px;padding:10px 16px;font:700 12px 'DM Sans';cursor:pointer}.next-appointment{align-self:stretch;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:20px;display:flex;flex-direction:column;justify-content:center}.next-appointment>span{font-size:9px;letter-spacing:1.5px;color:var(--accent);font-weight:900}.next-appointment b{font:700 17px Manrope;margin-top:9px}.next-appointment p{font-size:11px;color:#b8bbae;margin:5px 0 12px}.next-appointment button{align-self:flex-start;border:0;background:transparent;color:#fff;padding:0;font:800 11px 'DM Sans';cursor:pointer}

/* Lead SLA, acknowledgement and inline actions */
.sla-badge{display:inline-flex;align-items:center;margin-left:6px;padding:3px 6px;border-radius:999px;font-size:8px;font-weight:900;vertical-align:middle;background:#eef0ea;color:#64685f}.sla-badge.fresh{background:#e8f8b8;color:#527000}.sla-badge.watch{background:#fff0cb;color:#8d6500}.sla-badge.urgent{background:#ffe1c7;color:#a34f12}.sla-badge.critical{background:#ffe0e0;color:#a32626;animation:slaPulse 1.6s ease-in-out infinite}.sla-badge.progress{background:#dcf6fa;color:#087184}.mini-badge.score{background:#e8e9ff;color:#4e49a5}.accept-badge{display:inline-flex;margin-top:4px;padding:3px 6px;border-radius:999px;font-size:8px;font-weight:850}.accept-badge.accepted{background:#e7f6bd;color:#557000}.accept-badge.pending{background:#fff0d5;color:#916000}.inline-status{max-width:145px;border:1px solid color-mix(in srgb,var(--row-accent,#aaa) 45%,#ddd);background:#fff;border-radius:999px;padding:7px 9px;font:800 10px 'DM Sans'!important;color:var(--ink);cursor:pointer}.acceptance-panel{align-self:end;min-height:61px;display:flex;align-items:center;gap:11px;background:#f6f8ef;border:1px solid #e5e9d5;border-radius:12px;padding:10px}.acceptance-panel[hidden]{display:none}.acceptance-icon{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:var(--accent);font-weight:900}.acceptance-panel b,.acceptance-panel small{display:block}.acceptance-panel b{font-size:11px}.acceptance-panel small{font-size:9px;color:var(--muted);margin-top:3px}@keyframes slaPulse{50%{box-shadow:0 0 0 5px rgba(215,88,88,.12)}}

/* Premium lead drawer */
#leadModal{place-items:stretch end;padding:0;background:rgba(10,11,9,.48);backdrop-filter:blur(6px)}#leadModal .modal{width:min(760px,100vw);height:100dvh;max-height:none;border-radius:24px 0 0 24px;padding:28px 30px;box-shadow:-24px 0 70px rgba(0,0,0,.18);animation:drawerIn .28s cubic-bezier(.2,.8,.2,1)}#leadModal .modal-head{position:sticky;top:-28px;background:#fff;z-index:4;padding:28px 0 15px;margin-top:-28px}#leadModal .modal-head>.close-button{order:3}.drawer-nav{order:2;display:flex;gap:7px;margin-left:auto;margin-right:8px}.drawer-nav[hidden]{display:none}.read-only .modal-actions .action-spacer{display:none}.read-only .modal-actions{justify-content:flex-start}@keyframes drawerIn{from{transform:translateX(55px);opacity:0}to{transform:none;opacity:1}}

/* Saved views */
.saved-views{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:-3px 0 14px;padding:9px 11px;border:1px dashed #dfe1d6;border-radius:12px;background:#fbfbf8}.saved-views>span{font-size:9px;letter-spacing:.8px;text-transform:uppercase;color:#8b8e81;font-weight:900;margin-right:4px}.saved-views button{border:1px solid #e2e3dc;background:#fff;border-radius:999px;padding:7px 10px;font:750 10px 'DM Sans';cursor:pointer}.saved-views .saved-delete{padding:5px 8px;margin-left:-10px;color:#a34f4f}.saved-views .save-view{border-style:dashed;color:#5d7600;background:#f8fce9}

/* Calendar */
.calendar-controls{display:flex;gap:8px}.calendar-title{font:800 22px Manrope;text-transform:capitalize;margin-bottom:18px}.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-weekdays span{padding:8px;color:#8b8e81;font-size:10px;font-weight:850;text-align:center}.calendar-grid{border-top:1px solid var(--line);border-left:1px solid var(--line)}.calendar-day{min-height:130px;padding:9px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.calendar-day.outside{background:#fafaf7;color:#b4b6af}.calendar-day.today>b{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--accent);color:#151712}.calendar-day>b{font-size:11px}.calendar-day>div{display:grid;gap:5px;margin-top:7px}.calendar-lead{position:relative;overflow:hidden;border:0;border-radius:8px;background:#f3f4ef;padding:6px 7px 6px 10px;text-align:left;font:750 9px 'DM Sans';cursor:pointer;white-space:nowrap;text-overflow:ellipsis}.calendar-lead:before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--row-accent,#aaa)}.calendar-lead span{display:block;color:#81847b;font-size:8px;margin-bottom:2px}.calendar-day small{font-size:8px;color:#777}

/* Kanban interactions */
.kanban-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.kanban-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.kanban-actions button{border:0;background:transparent;color:#617b00;font:850 9px 'DM Sans';cursor:pointer}.kanban-card[draggable=true]{cursor:grab}.kanban-card.dragging{opacity:.45;transform:rotate(1.5deg) scale(.98)}.kanban-col.drag-over{border-color:var(--accent-deep);background:#f9fdea;box-shadow:inset 0 0 0 2px rgba(115,146,0,.18)}

/* Management and display settings */
.management-insight{grid-column:1/-1;background:linear-gradient(135deg,#11120f,#27291f);color:#fff}.management-insight .eyebrow{color:var(--accent)}.insight-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.insight-grid div{padding:14px;border:1px solid #3a3c32;border-radius:14px;background:rgba(255,255,255,.04)}.insight-grid span{display:block;color:#aeb1a5;font-size:9px;text-transform:uppercase;letter-spacing:.6px}.insight-grid b{display:block;font:800 20px Manrope;margin-top:6px}.display-options{display:grid;gap:9px;margin-top:15px}.display-options label{display:flex;align-items:center;justify-content:space-between;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fbfbf8}.display-options b,.display-options small{display:block}.display-options b{font-size:12px}.display-options small{font-size:9px;color:var(--muted);margin-top:2px}.display-options input{width:19px;height:19px;accent-color:var(--accent-deep)}

/* Skeleton loading */
.skeleton-card,.skeleton-row i,.skeleton-hero{overflow:hidden;position:relative}.skeleton-card:after,.skeleton-row i:after,.skeleton-hero:after{content:'';position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);animation:shimmer 1.1s infinite}.skeleton-card i,.skeleton-card b,.skeleton-card span,.skeleton-hero i,.skeleton-hero b,.skeleton-hero span{display:block;background:#e9ebe4;border-radius:8px}.skeleton-card i{width:65%;height:11px}.skeleton-card b{width:38%;height:28px;margin:18px 0 10px}.skeleton-card span{width:80%;height:9px}.skeleton-row i{display:block;height:42px;margin:7px 20px;background:#eceee7;border-radius:10px}.skeleton-hero{min-height:125px;width:100%}.skeleton-hero i,.skeleton-hero b,.skeleton-hero span{background:#32342c}.skeleton-hero i{width:130px;height:9px}.skeleton-hero b{width:55%;height:30px;margin:18px 0 12px}.skeleton-hero span{width:40%;height:10px}@keyframes shimmer{100%{transform:translateX(100%)}}

/* Won celebration */
.celebration{position:fixed;inset:0;z-index:500;display:grid;place-items:center;background:rgba(8,9,7,.3);backdrop-filter:blur(4px);pointer-events:none}.celebration[hidden]{display:none}.celebration-card{position:relative;z-index:2;background:#11120f;color:#fff;border:1px solid #3a3c32;border-radius:24px;padding:28px 42px;text-align:center;box-shadow:0 30px 90px rgba(0,0,0,.28);animation:celebratePop .4s cubic-bezier(.2,.9,.25,1.25)}.celebration-card>span{width:54px;height:54px;margin:auto;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#11120f;font-size:28px;font-weight:950}.celebration-card h2{font:800 26px Manrope;margin:13px 0 4px}.celebration-card p{color:#b8bbae;margin:0}.confetti-piece{position:absolute;top:-20px;left:var(--x);width:9px;height:18px;border-radius:2px;background:var(--color);animation:confettiFall 1.5s var(--delay) ease-in forwards}@keyframes celebratePop{from{transform:scale(.75);opacity:0}}@keyframes confettiFall{to{transform:translateY(105vh) rotate(600deg);opacity:.15}}

/* Mobile app navigation */
.mobile-bottom-nav{display:none}.easy-mode{font-size:16px}.easy-mode .nav-item{font-size:16px;padding:14px}.easy-mode td{font-size:13px}.easy-mode .cell-sub,.easy-mode .card-head p{font-size:11px}.easy-mode .primary-button,.easy-mode .secondary-button,.easy-mode .edit-button{font-size:13px;min-height:48px}.easy-mode .status,.easy-mode .inline-status{font-size:12px}.easy-mode .customer-avatar{width:38px;height:38px;font-size:12px}

/* Optional dark workspace */
.dark-mode{--ink:#f1f3ec;--muted:#a2a79a;--line:#34372f;--paper:#1b1d19;--bg:#11120f;--shadow:0 10px 35px rgba(0,0,0,.22);background:var(--bg);color:var(--ink)}.dark-mode header,.dark-mode .card,.dark-mode .metric,.dark-mode .modal,.dark-mode .source-item,.dark-mode .smart-row,.dark-mode .history-item,.dark-mode .action-item,.dark-mode .ops-grid div,.dark-mode .saved-views,.dark-mode .calendar-day,.dark-mode .display-options label{background:var(--paper);color:var(--ink)}.dark-mode input,.dark-mode select,.dark-mode textarea,.dark-mode .secondary-button,.dark-mode .edit-button,.dark-mode .saved-views button,.dark-mode .inline-status{background:#252821;color:var(--ink);border-color:#3a3d35}.dark-mode .cell-main{color:var(--ink)}.dark-mode .calendar-day.outside,.dark-mode .kanban-col,.dark-mode .kanban-card{background:#171915}.dark-mode #leadModal .modal-head{background:var(--paper)}.dark-mode .acceptance-panel{background:#22251e;border-color:#3a3d35}.dark-mode .login-screen{background:#151713}.dark-mode .login-panel{background:#fff;color:#161713}

@media(max-width:900px){.command-hero{grid-template-columns:1fr}.next-appointment{min-height:130px}.calendar-day{min-height:105px;padding:6px}.calendar-lead{font-size:8px}.insight-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){body{padding-bottom:76px}.mobile-bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:10px;right:10px;bottom:10px;height:64px;z-index:45;background:rgba(17,18,15,.96);border:1px solid #303229;border-radius:18px;box-shadow:0 18px 55px rgba(0,0,0,.3);backdrop-filter:blur(18px);padding:6px}.mobile-nav-item,.mobile-nav-add{border:0;background:transparent;color:#969a8e;border-radius:12px;font:700 9px 'DM Sans';display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.mobile-nav-item span{font-size:18px}.mobile-nav-item.active{color:var(--accent);background:#27291f}.mobile-nav-add{width:46px;height:46px;align-self:center;justify-self:center;background:var(--accent);color:#11120f;font-size:25px;border-radius:15px;box-shadow:0 8px 22px rgba(200,241,53,.22)}.command-hero{padding:22px;border-radius:20px}.command-copy h2{font-size:26px}.command-actions{align-items:stretch;flex-direction:column}.calendar-card{overflow-x:auto}.calendar-weekdays,.calendar-grid{min-width:760px}#leadModal .modal{border-radius:0;padding:22px 18px}#leadModal .modal-head{top:-22px;margin-top:-22px;padding-top:22px}.drawer-nav{margin-left:0}.acceptance-panel{grid-column:auto}.insight-grid{grid-template-columns:1fr 1fr}.saved-views{flex-wrap:nowrap;overflow-x:auto}.saved-views>*{flex:none}}
@media(max-width:760px){.header-actions .icon-label-button .la-icon{width:22px;height:22px}.header-actions .icon-label-button b{display:none}.mobile-nav-item .la-icon{width:20px;height:20px}.mobile-filter-toggle .la-icon{width:18px;height:18px}}

/* Inline SA remarks */
.lost-reason-wrap{padding:13px;border:1px solid #f0d3d3;border-radius:13px;background:linear-gradient(135deg,#fffafa,#fff);animation:lostReasonIn .2s ease-out}.lost-reason-wrap label{display:block}.lost-reason-wrap span,.other-reason-field>span{display:block;color:#9e3f3f}.lost-reason-wrap select{background:#fff}.other-reason-field{margin-top:12px;padding-top:12px;border-top:1px dashed #e9caca;animation:lostReasonIn .2s ease-out}.other-reason-field textarea{resize:vertical;background:#fff}.other-reason-field small{display:block;margin-top:5px}.lost-reason-wrap select:focus,.other-reason-field textarea:focus{border-color:#d36a6a!important;box-shadow:0 0 0 3px rgba(211,106,106,.13)!important}@keyframes lostReasonIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}.dark-mode .lost-reason-wrap{background:#251d1d;border-color:#543434}.dark-mode .lost-reason-wrap select,.dark-mode .other-reason-field textarea{background:#252821}.dark-mode .other-reason-field{border-color:#543434}
.leads-table{min-width:1260px}.remarks-column{width:240px;min-width:240px}.remarks-cell{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:7px}.remarks-cell textarea{width:100%;min-height:48px;max-height:110px;resize:vertical;border:1px solid #dfe1d8;background:#fff;border-radius:10px;padding:9px 10px;font:500 10px/1.4 'DM Sans';color:var(--ink);transition:border-color .18s,box-shadow .18s,background .18s}.remarks-cell textarea::placeholder{color:#a4a79d}.remarks-cell.editable textarea:hover{border-color:#b9cd72}.remarks-cell.editable textarea:focus{border-color:#95b51e;box-shadow:0 0 0 3px rgba(200,241,53,.22);outline:0;background:#fdfff7}.remarks-cell.read-only textarea{resize:none;background:#f6f6f2;color:#777b71}.remark-save{border:0;border-radius:8px;background:#171813;color:#fff;padding:8px 9px;font:800 9px 'DM Sans';cursor:pointer;transition:.18s}.remark-save:hover:not(:disabled){background:#6f8e00;transform:translateY(-1px)}.remark-save:disabled{background:#eceee7;color:#9a9d93;cursor:default}.dark-mode .remarks-cell textarea{background:#252821;color:var(--ink);border-color:#3a3d35}.dark-mode .remarks-cell.read-only textarea{background:#1f211d}.dark-mode .remark-save{background:var(--accent);color:#151713}
@media(max-width:760px){.remarks-column{width:210px;min-width:210px}.remarks-cell{grid-template-columns:1fr}.remarks-cell textarea{min-height:56px;font-size:11px}.remark-save{min-height:36px}}

/* Mobile reliability pass: iOS + Android */
html{width:100%;overflow-x:hidden;overflow-y:auto;-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;overscroll-behavior-y:auto}body{width:100%;min-height:100%;overflow-x:hidden;overflow-y:visible;overscroll-behavior-y:auto}.mobile-lead-list,.mobile-filter-toggle,.sidebar-scrim{display:none}.table-wrap{-webkit-overflow-scrolling:touch;scrollbar-width:thin;overscroll-behavior-y:auto}
.modal{overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch}@media(min-width:761px){html{overflow-y:auto!important}body{overflow-y:visible!important}#leadModal .modal{overflow-y:scroll}}
.bulk-bar[hidden]{display:none!important}

@media(hover:none),(pointer:coarse){
 .card,.metric,.team-card,.source-item,.smart-row,.action-item,.kanban-card,.primary-button,.secondary-button,.edit-button,.danger-button,.nav-item,.quick-filter,.wa-button,.remark-save{transition:none!important}
 .card:hover,.metric:hover,.team-card:hover,.source-item:hover,.smart-row:hover,.action-item:hover,.kanban-card:hover,.primary-button:hover,.secondary-button:hover,.edit-button:hover,.danger-button:hover,.nav-item:hover,.quick-filter:hover,.wa-button:hover,.remark-save:hover{transform:none!important;box-shadow:inherit}
 .status.assigned i,.status.new i,.status.appointment i,.sla-badge.critical{animation:none}
 button,a,input,select,textarea{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
}

@media(max-width:760px){
 :root{--mobile-gutter:14px;--tap:44px}
 html.modal-open,html.nav-open,body.modal-open,body.nav-open{overflow:hidden}
 body{padding:0 0 calc(86px + env(safe-area-inset-bottom));font-size:14px}
 body.nav-open{overflow:hidden}
 .app-shell{min-height:100dvh}
 main{width:100%;min-width:0}
 header{height:calc(62px + env(safe-area-inset-top));padding:env(safe-area-inset-top) var(--mobile-gutter) 0;box-shadow:0 1px 0 var(--line);backdrop-filter:none}
 .mobile-menu,.icon-button{min-width:var(--tap);min-height:var(--tap);display:grid;place-items:center;border-radius:12px}
 .header-actions{gap:7px}.header-actions .primary-button{width:44px;height:44px;padding:0!important;border-radius:12px}
 .content{width:100%;padding:18px var(--mobile-gutter) 8px}
 .page-heading{margin-bottom:18px;flex-wrap:wrap}.page-heading h1{font-size:clamp(25px,8vw,31px);line-height:1.06}.page-heading>div>p:last-child{font-size:12px;line-height:1.45}.page-heading>button{min-height:var(--tap)}
 #exportDashboard{display:none}
 .sidebar{display:flex;left:0;top:0;z-index:60;width:min(86vw,320px);height:100dvh;padding:calc(22px + env(safe-area-inset-top)) 17px calc(16px + env(safe-area-inset-bottom));transform:translate3d(-105%,0,0);transition:transform .22s cubic-bezier(.2,.8,.2,1);overflow-y:auto;overscroll-behavior:contain;will-change:transform}
 .sidebar.open{left:0;transform:translate3d(0,0,0);box-shadow:20px 0 55px rgba(0,0,0,.32)}
 .sidebar .brand{margin-bottom:25px}.nav-item{min-height:48px;font-size:15px}.sidebar-bottom{padding-top:22px}
 .sidebar-scrim{position:fixed;display:block;inset:0;z-index:59;border:0;background:rgba(9,10,8,.48);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility .2s;backdrop-filter:none}
 body.nav-open .sidebar-scrim{opacity:1;visibility:visible;pointer-events:auto}
 .metrics{grid-template-columns:1fr 1fr!important;gap:9px}.metric{min-width:0;padding:14px;border-radius:15px}.metric strong{font-size:25px;margin-top:9px}.metric-top{font-size:11px}.metric-icon{width:31px;height:31px}.trend{display:block;line-height:1.35}
 .command-hero{padding:21px 18px;gap:16px;margin:0 0 12px;border-radius:19px;box-shadow:0 10px 28px rgba(17,18,15,.14)}.command-hero:before{display:none}.command-copy h2{font-size:25px;line-height:1.08}.command-copy>p:last-of-type{line-height:1.45}.command-actions{gap:8px}.next-appointment{min-height:112px;padding:16px}
 .dashboard-grid{gap:10px}.chart-card,.followup-card{min-height:0}.bar-chart{height:155px}.card-head{gap:10px;margin-bottom:15px}.card-head select{min-height:40px}.card{border-radius:16px;box-shadow:0 5px 20px rgba(25,27,20,.045)}
 .ops-grid{grid-template-columns:1fr 1fr;gap:8px}.ops-grid div{padding:11px 7px}.ops-grid b{font-size:21px}.ops-grid span{line-height:1.25}
 .desktop-leads-view{display:none!important}.mobile-lead-list{display:grid;gap:11px}.mobile-empty{margin:0;padding:24px 10px;text-align:center;color:var(--muted)}
 .mobile-lead-card{--row-accent:#aeb3a5;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--paper);padding:14px;box-shadow:0 5px 18px rgba(22,24,17,.045);contain:layout paint}
 .mobile-lead-card:before{content:'';position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--row-accent)}
 .mobile-lead-head{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center}.mobile-lead-head .customer-avatar{width:38px;height:38px}.mobile-lead-head b{display:block;font-size:14px;line-height:1.25}.mobile-lead-head a{display:inline-block;color:var(--muted);font-size:12px;text-decoration:none;margin-top:3px}.mobile-lead-head .sla-badge{margin:0;align-self:start}
 .mobile-lead-model{display:flex;justify-content:space-between;gap:12px;margin:13px 0 10px;padding:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.mobile-lead-model b{font-size:13px}.mobile-lead-model span{font-size:11px;color:var(--muted);text-align:right}
 .mobile-lead-facts{display:grid;grid-template-columns:1fr 1fr;gap:11px}.mobile-lead-facts>div{min-width:0}.mobile-lead-facts span,.mobile-remarks>span{display:block;color:#8a8e83;font-size:9px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;margin-bottom:4px}.mobile-lead-facts b{display:block;font-size:11px;line-height:1.35;overflow-wrap:anywhere}.mobile-lead-facts .inline-status{width:100%;max-width:none;min-height:40px;font-size:11px!important}.mobile-lead-facts .status{font-size:9px}
 .mobile-remarks{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.mobile-remarks .remarks-cell{grid-template-columns:minmax(0,1fr) auto}.mobile-remarks textarea{min-height:62px;max-height:150px;resize:vertical;font-size:16px!important}.mobile-remarks .remark-save{min-width:70px;min-height:44px;font-size:10px}
 .mobile-lead-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:13px}.mobile-lead-actions>*{width:100%;min-height:42px;padding:9px 7px!important;font-size:10px!important}.mobile-lead-actions .primary-card-action{background:#171813;color:#fff;border-color:#171813}.mobile-recent-leads .mobile-lead-facts{grid-template-columns:1fr 1fr}.mobile-recent-leads .mobile-lead-actions>*:not(.wa-button):not(.primary-card-action){display:none}
 .mobile-filter-toggle{width:100%;min-height:44px;margin:0 0 9px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:11px;background:var(--paper);color:var(--ink);font:800 12px 'DM Sans'}
 .filters{margin-bottom:12px;gap:8px}.filters .filter-search{min-height:46px;padding:10px 12px}.filters .filter-search input{font-size:16px!important}.filters:not(.mobile-open)>select,.filters:not(.mobile-open)>button{display:none!important}.filters.mobile-open>select,.filters.mobile-open>button{min-height:44px;flex:1 1 calc(50% - 4px)}
 .quick-filters,.saved-views{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;padding-bottom:5px;scrollbar-width:none}.quick-filters::-webkit-scrollbar,.saved-views::-webkit-scrollbar{display:none}.quick-filter,.saved-views>*{flex:none;scroll-snap-align:start}.status-legend{display:none!important}
 .bulk-bar{position:sticky;top:calc(67px + env(safe-area-inset-top));z-index:8;border-radius:13px}.bulk-bar select,.bulk-bar button{min-height:44px}
 .kanban-board{display:grid;grid-auto-flow:column;grid-template-columns:none!important;grid-auto-columns:min(86vw,330px);gap:11px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.kanban-col{scroll-snap-align:center;min-height:300px}.kanban-card{padding:14px}.kanban-actions a,.kanban-actions button{min-height:40px;display:flex;align-items:center}
 .calendar-card{margin:0 calc(var(--mobile-gutter) * -1);border-radius:0;padding:14px;overscroll-behavior-x:contain}.calendar-controls{width:100%;justify-content:space-between}.calendar-controls button{min-width:44px;min-height:44px}.calendar-weekdays,.calendar-grid{min-width:700px}
 input,select,textarea{font-size:16px!important}.form-grid{gap:13px}.form-grid input,.form-grid select,.form-grid textarea{min-height:48px;padding:12px}.form-grid textarea{min-height:90px}
 .modal-backdrop{padding:0;align-items:stretch;backdrop-filter:none}.modal{width:100%;max-width:none;height:100dvh;max-height:100dvh;border-radius:0;padding:calc(18px + env(safe-area-inset-top)) 17px calc(18px + env(safe-area-inset-bottom));overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.modal-head{position:sticky;top:calc(-18px - env(safe-area-inset-top));z-index:6;background:var(--paper);padding:calc(18px + env(safe-area-inset-top)) 0 12px;margin-top:calc(-18px - env(safe-area-inset-top))}.close-button{min-width:44px;min-height:44px}.modal-actions{position:sticky;bottom:calc(-18px - env(safe-area-inset-bottom));z-index:5;background:var(--paper);margin:20px -17px calc(-18px - env(safe-area-inset-bottom));padding:12px 17px calc(12px + env(safe-area-inset-bottom));box-shadow:0 -8px 24px rgba(20,22,15,.07);flex-wrap:wrap}.modal-actions button{min-height:44px}.modal-actions .action-spacer{display:none}.modal-actions .primary-button{flex:1}
 #leadModal .modal{width:100%;height:100dvh;border-radius:0;padding:calc(18px + env(safe-area-inset-top)) 17px calc(18px + env(safe-area-inset-bottom));animation:none}#leadModal .modal-head{top:calc(-18px - env(safe-area-inset-top));padding-top:calc(18px + env(safe-area-inset-top));margin-top:calc(-18px - env(safe-area-inset-top))}.drawer-nav{order:0;margin:0 5px 0 auto}.drawer-nav .close-button{min-width:40px;min-height:40px}
 .smart-grid{gap:12px}.smart-panel{padding:13px}.smart-actions>*{flex:1;min-width:130px;min-height:44px}.smart-preview{max-height:none;overflow:visible}.smart-fields{grid-template-columns:1fr}
 .action-item{grid-template-columns:38px minmax(0,1fr);padding:12px}.action-item .wa-button,.action-item .edit-button{min-height:40px}.notification-actions>*{min-height:42px}
 .source-item,.source-add,.reset-panel{align-items:stretch;flex-direction:column}.source-actions{display:grid;grid-template-columns:repeat(3,1fr)}.source-actions button{min-height:42px}.source-add button{min-height:44px}
 .mobile-bottom-nav{left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));bottom:max(7px,env(safe-area-inset-bottom));height:66px;border-radius:17px;padding:6px;backdrop-filter:none;transition:opacity .16s,transform .16s}.nav-open .mobile-bottom-nav{opacity:0;transform:translateY(12px);pointer-events:none}.mobile-nav-item,.mobile-nav-add{min-width:44px;min-height:44px}.mobile-nav-item{font-size:10px}.mobile-nav-item span{font-size:19px}.mobile-nav-add{width:48px;height:48px}
 .toast{left:12px;right:12px;bottom:calc(84px + env(safe-area-inset-bottom));width:auto;text-align:center;padding:13px 15px}
 .login-panel{min-height:100dvh;padding:calc(100px + env(safe-area-inset-top)) 24px calc(30px + env(safe-area-inset-bottom))}.login-brand{top:calc(28px + env(safe-area-inset-top));left:14px}.login-panel input,.login-panel button{min-height:50px;font-size:16px!important}
 .celebration{backdrop-filter:none}.confetti-piece{display:none}
}

@media(max-width:360px){
 :root{--mobile-gutter:11px}.metric{padding:12px}.metric strong{font-size:22px}.metric-icon{display:none}.mobile-lead-facts{grid-template-columns:1fr}.mobile-remarks .remarks-cell{grid-template-columns:1fr}.mobile-lead-actions{grid-template-columns:1fr 1fr}.insight-grid{grid-template-columns:1fr}.command-copy h2{font-size:23px}
}

/* Legacy iOS viewport fallbacks and role-aware bottom navigation. */
@media(max-width:760px){
 .app-shell{min-height:100vh;min-height:100dvh}
 .sidebar{height:100vh;height:100dvh}
 .modal,#leadModal .modal{height:100vh;height:100dvh;max-height:100vh;max-height:100dvh}
 .login-panel{min-height:100vh;min-height:100dvh}
 .mobile-read-only .mobile-bottom-nav{grid-template-columns:repeat(4,1fr)}
}