:root{
  --odoo:#714B67;
  --odoo-dark:#5d3d55;
  --odoo-soft:#f4edf2;
  --teal:#00a09d;
  --bg:#f5f6f8;
  --card:#ffffff;
  --line:#e6e7eb;
  --text:#22242a;
  --muted:#727782;
  --danger:#c0392b;
  --warning:#b7791f;
  --success:#16815f;
  --shadow:0 10px 30px rgba(33,24,31,.08);
  --radius:10px;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--text);background:var(--bg)}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.hidden{display:none!important}
.muted{color:var(--muted)}

.login-screen{min-height:100vh;display:grid;place-items:center;background:linear-gradient(145deg,#6d465f 0%,#714b67 44%,#345b6b 100%);padding:24px}
.login-shell{width:min(980px,100%);display:grid;grid-template-columns:1.1fr .9fr;background:rgba(255,255,255,.97);border-radius:20px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.24)}
.login-brand{padding:64px;display:flex;align-items:center;gap:20px;background:linear-gradient(145deg,#fbf7fa,#f1e8ee)}
.login-brand h1{font-size:34px;margin:0 0 8px;color:var(--odoo)}
.login-brand p{margin:0;color:var(--muted);font-size:17px}
.brand-mark{width:82px;height:82px;border-radius:22px;background:var(--odoo);color:#fff;display:grid;place-items:center;font-weight:800;font-size:28px;box-shadow:0 12px 30px rgba(113,75,103,.25)}
.login-card{padding:48px;background:#fff;display:flex;flex-direction:column;gap:10px}
.login-card h2{margin:0;font-size:28px}.login-card p{margin:0 0 12px}
.login-card label{font-size:13px;font-weight:700;margin-top:6px}
.login-card input{width:100%;border:1px solid #d9dbe1;border-radius:8px;padding:12px 13px;outline:none}.login-card input:focus{border-color:var(--odoo);box-shadow:0 0 0 3px rgba(113,75,103,.10)}
.demo-box{margin-top:12px;border:1px dashed #d5c4d0;background:#faf6f9;border-radius:9px;padding:12px;display:flex;flex-direction:column;gap:5px;font-size:12px;color:#655c63}
.demo-box code{background:#eee6eb;padding:2px 5px;border-radius:4px}

.app{min-height:100vh}.topbar{height:52px;background:var(--odoo);color:#fff;display:flex;align-items:center;padding:0 12px;position:sticky;top:0;z-index:30;box-shadow:0 2px 8px rgba(0,0,0,.12)}
.topbar-apps,.icon-btn,.user-button{border:0;background:transparent;color:inherit}.topbar-apps{font-size:24px;width:42px;height:42px;border-radius:8px}.topbar-apps:hover,.icon-btn:hover,.user-button:hover{background:rgba(255,255,255,.12)}
.topbar-title{display:flex;align-items:center;gap:10px}.topbar-title strong{font-size:15px}.topbar-title span{font-size:12px;opacity:.78}.topbar-spacer{flex:1}.mode-pill{font-size:11px;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.14);margin-right:6px}.icon-btn{width:36px;height:36px;border-radius:7px}.icon-btn.large{font-size:18px}.user-button{height:42px;border-radius:8px;display:flex;align-items:center;gap:8px;padding:0 8px}.avatar{width:29px;height:29px;border-radius:50%;background:#fff;color:var(--odoo);font-weight:800;display:grid;place-items:center;font-size:11px}.user-menu{position:absolute;right:12px;top:48px;background:#fff;color:#222;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding:6px;min-width:140px}.user-menu button{width:100%;border:0;background:#fff;padding:9px;text-align:left;border-radius:6px}.user-menu button:hover{background:#f5f5f7}
.workspace{display:flex;min-height:calc(100vh - 52px)}.sidebar{width:225px;background:#fff;border-right:1px solid var(--line);padding:12px 8px;position:sticky;top:52px;height:calc(100vh - 52px);overflow:auto}.main{flex:1;min-width:0;padding:22px}
.menu-section{margin:6px 0 14px}.menu-title{font-size:10px;text-transform:uppercase;color:#9a9ea6;font-weight:800;padding:8px 10px}.menu-item{width:100%;border:0;background:transparent;border-radius:7px;padding:9px 10px;text-align:left;display:flex;gap:9px;align-items:center;color:#4a4d54}.menu-item:hover{background:#f6f3f5}.menu-item.active{background:var(--odoo-soft);color:var(--odoo);font-weight:700}

.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.page-head h1{margin:0;font-size:24px}.page-head p{margin:4px 0 0;color:var(--muted);font-size:13px}.actions{display:flex;gap:8px;flex-wrap:wrap}.btn{border:1px solid #d8d9df;background:#fff;color:#34363b;border-radius:7px;padding:9px 12px;font-weight:650;font-size:13px}.btn:hover{background:#f7f7f8}.btn.primary{background:var(--odoo);border-color:var(--odoo);color:#fff}.btn.teal{background:var(--teal);border-color:var(--teal);color:#fff}.btn.danger{background:#fff0ef;border-color:#f0c7c3;color:#a62b21}.btn.wide{width:100%;padding:12px}.btn.small{padding:6px 9px;font-size:12px}

.app-launcher{max-width:1050px;margin:8px auto}.launcher-welcome{margin:10px 0 26px}.launcher-welcome h1{font-size:30px;margin:0 0 5px}.app-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:18px}.app-tile{border:0;background:#fff;border-radius:15px;padding:25px 18px;text-align:center;box-shadow:0 4px 18px rgba(30,31,35,.06);border:1px solid #ececf0;transition:.18s}.app-tile:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(30,31,35,.10)}.app-icon{width:64px;height:64px;border-radius:16px;margin:0 auto 12px;display:grid;place-items:center;font-size:29px;color:#fff;background:linear-gradient(145deg,var(--odoo),#9a6d89)}.app-tile:nth-child(2n) .app-icon{background:linear-gradient(145deg,#3c7d87,#56a2a4)}.app-tile:nth-child(3n) .app-icon{background:linear-gradient(145deg,#a96a42,#d69663)}.app-tile h3{margin:0 0 4px;font-size:15px}.app-tile p{margin:0;color:var(--muted);font-size:12px}

.kpis{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:12px;margin-bottom:16px}.kpis.dashboard-kpis{grid-template-columns:repeat(4,minmax(150px,1fr))}.kpi{background:#fff;border:1px solid var(--line);border-radius:10px;padding:15px}.kpi .label{font-size:11px;color:var(--muted);font-weight:700;text-transform:uppercase}.kpi .value{font-size:26px;font-weight:800;margin-top:5px}.kpi .sub{font-size:11px;color:var(--muted);margin-top:3px}.kpi.positive .value{color:var(--success)}.kpi.attn .value{color:var(--warning)}
.grid-2{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.card{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 2px 10px rgba(20,20,20,.025)}.card-head{padding:14px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.card-head h3{margin:0;font-size:14px}.card-body{padding:16px}.bar-row{display:grid;grid-template-columns:125px 1fr 45px;gap:10px;align-items:center;margin:12px 0;font-size:12px}.bar{height:9px;background:#edeef1;border-radius:999px;overflow:hidden}.bar i{display:block;height:100%;background:var(--odoo);border-radius:999px}.activity-list{display:flex;flex-direction:column;gap:9px}.activity{display:flex;gap:10px;align-items:flex-start;padding:9px;border-radius:8px;background:#fafafb}.dot{width:9px;height:9px;border-radius:50%;margin-top:5px;background:var(--teal)}.activity strong{font-size:12px;display:block}.activity span{font-size:11px;color:var(--muted)}

.toolbar{background:#fff;border:1px solid var(--line);border-radius:9px;padding:10px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.search{min-width:250px;flex:1}.toolbar input,.toolbar select,.form-grid input,.form-grid select,.form-grid textarea{border:1px solid #d9dbe1;border-radius:7px;padding:9px 10px;background:#fff;outline:none}.toolbar input:focus,.toolbar select:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--odoo);box-shadow:0 0 0 2px rgba(113,75,103,.09)}.view-toggle{margin-left:auto;display:flex;border:1px solid #d8dae0;border-radius:7px;overflow:hidden}.view-toggle button{border:0;background:#fff;padding:8px 10px}.view-toggle button.active{background:var(--odoo-soft);color:var(--odoo);font-weight:800}
.table-wrap{background:#fff;border:1px solid var(--line);border-radius:9px;overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:12px;min-width:940px}.data-table th{position:sticky;top:0;background:#f9f9fa;color:#62666e;text-align:left;padding:10px;border-bottom:1px solid var(--line);font-size:11px}.data-table td{padding:10px;border-bottom:1px solid #efeff2;vertical-align:middle}.data-table tbody tr:hover{background:#fbf8fa}.name-link{color:var(--odoo);font-weight:750;cursor:pointer}.status{display:inline-flex;align-items:center;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:800;background:#eef0f3;color:#59606a}.status.y01{background:#e4f5ef;color:#147255}.status.y02{background:#fff4dc;color:#9a6412}.status.n02{background:#f1f0f6;color:#625d76}.status.new{background:#e9effd;color:#3e5f9f}.status.danger{background:#fbe8e6;color:#a7362c}.phone{font-variant-numeric:tabular-nums}

.kanban{display:grid;grid-template-columns:repeat(4,minmax(235px,1fr));gap:12px;overflow:auto;padding-bottom:8px}.kanban-col{background:#edf0f3;border-radius:10px;min-height:470px;padding:10px}.kanban-head{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:800;padding:3px 4px 10px}.kanban-count{background:#fff;border-radius:999px;padding:2px 7px;color:#737781}.kanban-card{background:#fff;border:1px solid #e0e2e7;border-radius:8px;padding:11px;margin-bottom:8px;box-shadow:0 2px 5px rgba(20,20,20,.03);cursor:grab}.kanban-card:hover{border-color:#cdbbc7}.kanban-card.dragging{opacity:.45}.kanban-card h4{margin:0 0 5px;font-size:12px;color:var(--odoo)}.kanban-card p{margin:2px 0;font-size:11px;color:#595d66}.kanban-card .meta{margin-top:7px;display:flex;justify-content:space-between;align-items:center}

.call-layout{display:grid;grid-template-columns:340px 1fr;gap:14px}.queue{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.queue-head{padding:13px 14px;border-bottom:1px solid var(--line);font-weight:800;font-size:13px}.queue-item{padding:12px 14px;border-bottom:1px solid #efeff2;cursor:pointer}.queue-item:hover,.queue-item.active{background:#faf5f8}.queue-item strong{display:block;font-size:12px}.queue-item span{font-size:11px;color:var(--muted)}.call-desk{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px;position:sticky;top:66px;align-self:start}.call-customer{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:15px}.call-customer h2{margin:0 0 7px}.call-phone{font-size:20px;font-weight:800;color:var(--odoo)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-field{display:flex;flex-direction:column;gap:5px}.form-field.full{grid-column:1/-1}.form-field label{font-size:11px;font-weight:800;color:#646870}.form-grid textarea{min-height:92px;resize:vertical}.call-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.call-mode-actions{display:flex;gap:8px;flex-wrap:wrap}

.modal-backdrop{position:fixed;inset:0;background:rgba(29,24,28,.45);z-index:60;display:grid;place-items:center;padding:22px}.modal{background:#fff;border-radius:12px;box-shadow:0 30px 90px rgba(0,0,0,.25);width:min(940px,100%);max-height:90vh;overflow:auto}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line)}.modal-header h2{margin:3px 0 0}.eyebrow{font-size:10px;text-transform:uppercase;color:var(--muted);font-weight:800}.modal-body{padding:20px}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 28px}.info-row label{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;font-weight:800}.info-row div{margin-top:3px;font-weight:650}.timeline{margin-top:20px;border-top:1px solid var(--line);padding-top:14px}.timeline-item{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:10px 0;border-bottom:1px dashed #e2e3e7}.timeline-time{font-size:10px;color:var(--muted)}.timeline-content strong{font-size:12px}.timeline-content p{font-size:12px;margin:4px 0 0;color:#5f636b}

.employee-grid{display:grid;grid-template-columns:repeat(3,minmax(230px,1fr));gap:12px}.employee{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px;display:flex;gap:12px}.employee-avatar{width:42px;height:42px;border-radius:10px;background:var(--odoo-soft);color:var(--odoo);display:grid;place-items:center;font-weight:800}.employee h4{margin:0;font-size:13px}.employee p{margin:3px 0;font-size:11px;color:var(--muted)}
.empty{padding:44px;text-align:center;color:var(--muted)}
.import-zone{border:2px dashed #cab9c5;background:#fcf9fb;border-radius:12px;padding:42px;text-align:center}.import-zone input{margin-top:12px}.notice{border-radius:8px;padding:11px 12px;font-size:12px;background:#eef7f5;color:#24675b;border:1px solid #cbe7e2;margin:12px 0}.notice.warning{background:#fff8e9;color:#805e20;border-color:#edd9a6}

#toast-root{position:fixed;right:18px;bottom:18px;z-index:100;display:flex;flex-direction:column;gap:8px}.toast{background:#28252a;color:#fff;border-radius:8px;padding:10px 13px;box-shadow:var(--shadow);font-size:12px;animation:toastin .18s ease}.toast.ok{background:#236f5c}.toast.bad{background:#9c3127}@keyframes toastin{from{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}

@media(max-width:1100px){.kpis{grid-template-columns:repeat(3,1fr)}.kpis.dashboard-kpis{grid-template-columns:repeat(2,1fr)}.app-grid{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:1fr}.kanban{grid-template-columns:repeat(4,260px)}.employee-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.login-shell{grid-template-columns:1fr}.login-brand{display:none}.login-card{padding:28px}.sidebar{position:fixed;left:0;top:52px;z-index:25;box-shadow:var(--shadow)}.main{padding:14px}.kpis{grid-template-columns:repeat(2,1fr)}.app-grid{grid-template-columns:repeat(2,1fr);gap:10px}.app-tile{padding:18px 10px}.call-layout{grid-template-columns:1fr}.queue{max-height:270px;overflow:auto}.form-grid{grid-template-columns:1fr}.form-field.full{grid-column:auto}.employee-grid{grid-template-columns:1fr}.topbar-title span,.mode-pill,#user-name{display:none}.page-head{flex-direction:column}.search{min-width:100%}.profile-grid{grid-template-columns:1fr}.timeline-item{grid-template-columns:1fr}}

/* V2: employee CRUD + Excel import */
.admin-modal{width:min(760px,100%)}
.team-summary{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}
.team-chip{display:inline-flex;gap:6px;align-items:center;border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 10px;font-size:12px;color:#5f636b}
.employee{align-items:flex-start;position:relative}
.employee-info{min-width:0;flex:1}
.employee-actions{display:flex;gap:6px;margin-left:auto;align-self:center}
.import-controls{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:14px}
.import-controls select,.import-controls input{border:1px solid #d9dbe1;border-radius:7px;padding:9px 10px;background:#fff}
.import-progress{margin-top:14px;font-size:12px;font-weight:700;color:var(--odoo)}
.import-preview{margin-top:14px}
button:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:760px){.employee-actions{flex-direction:column}.import-controls{align-items:stretch}.import-controls select,.import-controls input{width:100%}}

/* V3.1: daily dashboard, import assignment, KPI targets, data reset */
.date-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.date-actions input,#kpi-date{border:1px solid #d9dbe1;border-radius:7px;padding:8px 10px;background:#fff;color:var(--text)}
.daily-card{margin-top:14px}.selected-row{background:#fbf2f8!important}
.import-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:860px;margin:18px auto 0;text-align:left}
.import-grid select,.import-grid input{width:100%;border:1px solid #d9dbe1;border-radius:7px;padding:10px;background:#fff;margin:0}
.import-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:16px}
.import-source-grid{margin:12px 0}.import-source-grid input{width:100%}
.preview-note{padding:10px 12px;text-align:right;font-size:11px}
.danger-zone{margin-top:18px;border:1px solid #edc0bc;background:#fff8f7;border-radius:12px;padding:18px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.danger-zone h3{margin:0 0 5px;color:#9c3127}.danger-zone p{margin:0;color:#725955;font-size:12px;max-width:760px}
.reset-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;min-width:390px}
.reset-controls select,.reset-controls input{border:1px solid #d9dbe1;border-radius:7px;padding:9px 10px;background:#fff}
@media(max-width:900px){.danger-zone{flex-direction:column;align-items:stretch}.reset-controls{min-width:0;justify-content:flex-start}.import-grid{grid-template-columns:1fr}}
@media(max-width:760px){.date-actions{width:100%}.date-actions input{flex:1}.reset-controls>*{width:100%}}

/* V3.3: dynamic teams, warehouse, dashboard range, admin call monitor */
.team-filter{cursor:pointer;border:1px solid var(--line)}
.team-filter.active,.team-filter:hover{background:var(--odoo);border-color:var(--odoo);color:#fff}
.team-filter.active strong,.team-filter:hover strong{color:#fff}
.warehouse-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}
.warehouse-kpi{border:1px solid var(--line);background:#fff;border-radius:10px;padding:16px;text-align:left;display:flex;flex-direction:column;gap:4px}
.warehouse-kpi strong{font-size:28px;color:var(--odoo)}
.warehouse-kpi span{font-size:12px;color:var(--muted);font-weight:700}
.warehouse-kpi.active{border-color:var(--odoo);box-shadow:0 0 0 2px rgba(113,75,103,.10);background:#fbf7fa}
.warehouse-panels{margin-bottom:14px}
.warehouse-panels .card-body input[type=file]{width:100%;border:1px solid #d9dbe1;border-radius:7px;padding:10px;background:#fff}
.status.pool{background:#fff3d8;color:#8d630f}.status.assigned{background:#e9effd;color:#3e5f9f}.status.archived{background:#e7f4ef;color:#176e56}
.team-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}
.team-tab{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 12px;font-weight:700;color:#5f636b}
.team-tab span{margin-left:5px;background:#f0edf0;border-radius:999px;padding:2px 6px;font-size:10px}
.team-tab.active{background:var(--odoo);border-color:var(--odoo);color:#fff}.team-tab.active span{background:rgba(255,255,255,.18)}
.monitor-kpis{margin-bottom:14px}.range-table{min-width:680px}
.date-actions label{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);font-weight:700}
.bar-row{grid-template-columns:150px 1fr 55px auto!important}
@media(max-width:900px){.warehouse-kpis{grid-template-columns:1fr}.bar-row{grid-template-columns:110px 1fr 50px!important}.bar-row .muted{grid-column:1/-1}}

/* V3.4: archive by team/status, safe team delete, dashboard daily status matrix */
.archive-filters{padding:14px 14px 2px;border-bottom:1px solid var(--line);background:#fcfbfc}
.archive-status-row{display:flex;justify-content:flex-end;gap:10px;align-items:center;padding:0 0 12px}
.archive-status-row label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:var(--muted)}
.archive-status-row select{border:1px solid #d9dbe1;border-radius:7px;padding:8px 10px;background:#fff;color:var(--text);min-width:250px}
.dashboard-team-stack{padding:14px;display:grid;gap:14px}
.dashboard-team-card{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}
.dashboard-team-head{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:#faf8fa;border-bottom:1px solid var(--line)}
.dashboard-team-head strong{font-size:14px;color:var(--odoo)}
.dashboard-team-head span{display:block;margin-top:3px;font-size:11px;color:var(--muted)}
.status-matrix{min-width:1250px}
.status-matrix th:not(:first-child),.status-matrix td:not(:first-child){text-align:center}
.status-matrix .team-total{background:#fbf7fa}
.status-matrix .status{min-width:32px;display:inline-flex;justify-content:center}
.small-empty{padding:18px}
@media(max-width:760px){.archive-status-row{justify-content:stretch}.archive-status-row label{width:100%;flex-direction:column;align-items:stretch}.archive-status-row select{min-width:0;width:100%}.dashboard-team-stack{padding:8px}.dashboard-team-head{align-items:flex-start}}

/* V3.5: dashboard date range, compact team tabs, week/month measurement */
.dashboard-range-actions{justify-content:flex-end}
.measure-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 14px}
.measure-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px 16px}
.measure-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid #efeff2}
.measure-title strong{font-size:13px}.measure-title span{font-size:11px;color:var(--muted)}
.measure-values{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding-top:11px}
.measure-values div{min-width:0}.measure-values b{display:block;font-size:19px;color:var(--odoo)}.measure-values span{display:block;margin-top:2px;font-size:10px;color:var(--muted);font-weight:700}
.dashboard-detail-head{display:flex;align-items:center;justify-content:space-between}.dashboard-detail-head h3{margin:0 0 3px}
.dashboard-tab-body{padding:14px}.dashboard-team-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.dashboard-team-tabs .team-tab{cursor:pointer}
.dashboard-team-single{margin:0}.dashboard-summary-table{min-width:1250px}
@media(max-width:900px){.measure-grid{grid-template-columns:1fr}.dashboard-range-actions{justify-content:flex-start}}
@media(max-width:760px){.measure-values{grid-template-columns:repeat(2,1fr)}.dashboard-range-actions label{width:100%;justify-content:space-between}.dashboard-range-actions label input{max-width:220px}.dashboard-team-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.dashboard-team-tabs .team-tab{white-space:nowrap}}


/* V3.6: compact week/month, column chart, data-completion notifications */
.period-compact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 12px}
.period-mini{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 12px;display:grid;grid-template-columns:minmax(110px,.7fr) 1.5fr;gap:12px;align-items:center}
.period-mini-head{min-width:0}.period-mini-head strong{display:block;font-size:12px;color:var(--odoo)}.period-mini-head span{display:block;font-size:10px;color:var(--muted);margin-top:2px}
.period-mini-values{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.period-mini-values div{background:#faf9fa;border:1px solid #f0edf0;border-radius:8px;padding:7px 8px;min-width:0}.period-mini-values b{display:block;font-size:16px}.period-mini-values span{display:block;font-size:9px;color:var(--muted);font-weight:700;margin-top:1px}
.dashboard-chart-card{margin:0 0 14px}.dashboard-chart-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.dashboard-chart-head h3{margin:0 0 3px}.chart-legend{display:flex;gap:12px;flex-wrap:wrap;font-size:10px;color:var(--muted);font-weight:700}.chart-legend span{display:flex;align-items:center;gap:5px}.chart-legend i{width:9px;height:9px;border-radius:2px;display:inline-block}.chart-legend i.calls,.chart-bar.calls{background:var(--odoo)}.chart-legend i.y01,.chart-bar.y01{background:#2d9b73}.chart-legend i.y02,.chart-bar.y02{background:#d49a28}
.dashboard-column-chart{height:210px;display:flex;align-items:flex-end;gap:10px;padding:18px 16px 10px;overflow-x:auto;border-top:1px solid var(--line);background:linear-gradient(to top,#fafafa 0,#fafafa 1px,transparent 1px);background-size:100% 36px}
.chart-group{flex:0 0 58px;min-width:58px;text-align:center}.chart-bars{height:150px;display:flex;align-items:flex-end;justify-content:center;gap:4px}.chart-bar{width:13px;min-height:0;border-radius:4px 4px 1px 1px;position:relative;transition:height .18s ease}.chart-bar span{position:absolute;top:-15px;left:50%;transform:translateX(-50%);font-size:8px;font-weight:800;color:#666}.chart-label{font-size:9px;color:var(--muted);margin-top:7px;font-weight:700}
.data-finished-banner{border:1px solid #b9dfd1;background:#eef8f4;color:#176e56;border-radius:10px;padding:11px 13px;margin:0 0 12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.data-finished-banner strong{display:block;font-size:13px}.data-finished-banner span{display:block;font-size:11px;margin-top:2px;color:#4b7568}.call-finished{margin-top:-4px}
.notification-wrap{position:relative}.notification-button{position:relative}.notification-count{position:absolute;right:1px;top:1px;min-width:16px;height:16px;border-radius:999px;background:#df4034;color:#fff;font-size:9px;font-weight:800;display:grid;place-items:center;padding:0 4px;border:2px solid var(--odoo)}
.notification-panel{position:absolute;right:0;top:42px;width:min(390px,calc(100vw - 28px));max-height:430px;overflow:auto;background:#fff;color:var(--text);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);z-index:70;padding:6px}.notification-head{display:flex;justify-content:space-between;gap:8px;padding:9px 10px;border-bottom:1px solid var(--line);font-size:12px}.notification-head span{color:var(--muted)}.notification-item{width:100%;border:0;border-bottom:1px solid #f0f0f2;background:#fff;padding:10px;text-align:left;border-radius:7px}.notification-item:hover{background:#f8f5f7}.notification-item strong,.notification-item span,.notification-item small{display:block}.notification-item strong{font-size:12px}.notification-item span{font-size:11px;color:var(--odoo);margin-top:3px}.notification-item small{font-size:10px;color:var(--muted);margin-top:3px}.notification-empty{padding:22px;text-align:center;color:var(--muted);font-size:11px}
@media(max-width:900px){.period-compact-grid{grid-template-columns:1fr}.period-mini{grid-template-columns:1fr}.dashboard-chart-head{align-items:flex-start;flex-direction:column}.data-finished-banner{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.period-mini-values{grid-template-columns:repeat(2,1fr)}.chart-group{flex-basis:50px;min-width:50px}}

/* V3.7: production login + dashboard period tabs */
.login-card .demo-box{display:none!important}
.period-panel{margin:0 0 14px}
.period-tabs{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 0 10px}
.period-tab{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 14px;font-weight:800;color:#5f636b;cursor:pointer}
.period-tab:hover{border-color:var(--odoo);color:var(--odoo)}
.period-tab.active{background:var(--odoo);border-color:var(--odoo);color:#fff}
.period-panel>.period-mini{margin:0 0 10px}
.period-panel .dashboard-chart-card{margin-bottom:0}
@media(max-width:560px){.period-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px}.period-tab{white-space:nowrap}}


/* V3.8: notification read state */
.notification-button.has-unread{animation:a4bellpulse 1.25s ease-in-out infinite;transform-origin:50% 15%}
@keyframes a4bellpulse{0%,100%{transform:rotate(0)}15%{transform:rotate(-8deg)}30%{transform:rotate(8deg)}45%{transform:rotate(-5deg)}60%{transform:rotate(5deg)}75%{transform:rotate(0)}}
.notification-head>div{min-width:0}.notification-head>div strong,.notification-head>div span{display:block}.notification-read-all{border:0;background:transparent;color:var(--odoo);font:inherit;font-weight:800;cursor:pointer;padding:4px 6px;border-radius:6px;white-space:nowrap}.notification-read-all:hover{background:#f4edf2}.notification-read-all:disabled{opacity:.45;cursor:default;background:transparent}.notification-item.is-read{opacity:.68}.notification-item.is-unread{background:#fbf5f9}.notification-item.is-unread:hover{background:#f6edf3}
@media (prefers-reduced-motion:reduce){.notification-button.has-unread{animation:none}}

/* V3.9: warehouse categories, recycle rounds and assignment deadlines */
.category-manager{margin-bottom:14px}.category-tabs{margin-bottom:0}.warehouse-control-card{margin-bottom:14px}.toolbar.compact{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.toolbar.compact .search{flex:1 1 280px}.toolbar.compact select{min-width:180px}.warehouse-admin-table{min-width:1240px}.warehouse-admin-panels{margin-top:14px}.warehouse-admin-panels .form-grid{margin-top:8px}.analytics-table{min-width:900px}.analytics-table td:not(:first-child),.analytics-table th:not(:first-child){text-align:center}.category-manager .actions{display:flex;gap:7px}.warehouse-admin-table input[type=checkbox]{width:16px;height:16px}.warehouse-control-card .card-body{padding-top:12px}
@media(max-width:900px){.toolbar.compact>*{width:100%}.toolbar.compact .search{min-width:0}.warehouse-admin-panels{grid-template-columns:1fr}}

/* V4.0: Mobile-first responsive shell and touch UX */
.mobile-menu-button{display:none;border:0;background:transparent;color:#fff;width:42px;height:42px;border-radius:8px;font-size:22px;align-items:center;justify-content:center}
.mobile-menu-button:hover{background:rgba(255,255,255,.12)}
.mobile-sidebar-backdrop{display:none}
.mobile-bottom-nav{display:none}

@media(max-width:760px){
  html,body{max-width:100%;overflow-x:hidden}
  body{overscroll-behavior-x:none}
  .topbar{height:56px;padding-left:max(6px,env(safe-area-inset-left));padding-right:max(6px,env(safe-area-inset-right));gap:2px}
  .mobile-menu-button{display:flex;flex:0 0 42px}
  .topbar-apps{font-size:21px;width:38px;height:42px}
  .topbar-title{min-width:0;gap:5px}.topbar-title strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}
  .topbar-title span,.mode-pill,#user-name{display:none!important}
  .topbar-spacer{min-width:2px}
  .notification-wrap{flex:0 0 auto}.notification-button{width:40px;height:42px;font-size:18px}
  .user-button{padding:0 4px;height:42px}.avatar{width:32px;height:32px}.user-button>span:last-child{display:none}
  .user-menu{position:fixed;right:8px;top:58px;min-width:170px;z-index:90}

  .workspace{min-height:calc(100vh - 56px)}
  .sidebar{display:block!important;position:fixed;left:0;top:56px;bottom:calc(62px + env(safe-area-inset-bottom));height:auto;width:min(84vw,320px);padding:10px 8px;background:#fff;z-index:56;box-shadow:10px 0 30px rgba(30,20,28,.18);transform:translateX(-105%);transition:transform .2s ease;overflow-y:auto;overscroll-behavior:contain}
  .sidebar.mobile-open{transform:translateX(0)}
  .sidebar.hidden{display:none!important}
  .mobile-sidebar-backdrop{position:fixed;inset:56px 0 calc(62px + env(safe-area-inset-bottom)) 0;background:rgba(25,20,24,.38);z-index:55}
  .mobile-sidebar-backdrop:not(.hidden){display:block}
  .menu-title{font-size:11px;padding:10px 12px 6px}.menu-item{min-height:46px;padding:11px 12px;font-size:15px;border-radius:10px}

  .main{padding:12px 12px calc(84px + env(safe-area-inset-bottom));width:100%;max-width:100vw}
  .page-head{margin-bottom:12px;gap:10px}.page-head h1{font-size:21px;line-height:1.2}.page-head p{font-size:12px;line-height:1.45}
  .actions{width:100%;gap:7px}.actions>.btn{flex:1 1 auto;min-height:44px}
  .btn{min-height:44px;padding:10px 12px}.btn.small{min-height:40px;padding:8px 10px}
  input,select,textarea{font-size:16px!important;min-height:44px}
  input[type=checkbox],input[type=radio]{min-height:auto}

  .mobile-bottom-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;left:0;right:0;bottom:0;z-index:52;background:rgba(255,255,255,.98);border-top:1px solid var(--line);padding:5px max(4px,env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom)) max(4px,env(safe-area-inset-left));box-shadow:0 -8px 24px rgba(35,25,32,.08);backdrop-filter:blur(12px)}
  .mobile-bottom-nav.hidden{display:none!important}
  .mobile-nav-item{border:0;background:transparent;color:#646872;min-width:0;min-height:52px;border-radius:10px;padding:4px 2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:10px;font-weight:700}
  .mobile-nav-item .mobile-nav-icon{font-size:19px;line-height:1}.mobile-nav-item .mobile-nav-label{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mobile-nav-item.active{background:var(--odoo-soft);color:var(--odoo)}

  .login-screen{padding:12px;min-height:100svh}.login-shell{border-radius:16px;max-width:470px}.login-card{padding:24px 20px 26px;gap:9px}.login-card h2{font-size:25px}.login-card input{padding:12px 13px}.login-card .btn{margin-top:4px}

  .app-launcher{margin:0 auto}.launcher-welcome{margin:4px 2px 14px}.launcher-welcome h1{font-size:24px}.app-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.app-tile{padding:16px 8px;border-radius:12px;min-height:132px}.app-icon{width:52px;height:52px;border-radius:14px;font-size:24px;margin-bottom:9px}.app-tile h3{font-size:13px}.app-tile p{font-size:10px;line-height:1.35}

  .kpis,.kpis.dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}.kpi{padding:12px 11px;min-width:0}.kpi .label{font-size:9px}.kpi .value{font-size:22px;margin-top:3px}.kpi .sub{font-size:9px;line-height:1.35}
  .grid-2{grid-template-columns:1fr;gap:10px}.card{border-radius:10px}.card-head{padding:12px}.card-head h3{font-size:13px}.card-body{padding:12px}

  .toolbar,.toolbar.compact{padding:9px;gap:7px;align-items:stretch}.toolbar>*{flex:1 1 100%;width:100%}.toolbar .search{min-width:0}.toolbar select,.toolbar input{width:100%}.view-toggle{margin-left:0;width:100%;display:grid;grid-template-columns:1fr 1fr}.view-toggle button{min-height:42px}.toolbar.compact select{min-width:0}

  .table-wrap{max-width:calc(100vw - 24px);border-radius:9px;overflow:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
  .data-table{min-width:760px;font-size:11px}.data-table th,.data-table td{padding:9px 8px;white-space:nowrap}.data-table th{font-size:10px}
  .warehouse-admin-table{min-width:1080px}.analytics-table{min-width:820px}.dashboard-summary-table{min-width:1080px}.range-table{min-width:620px}
  .table-wrap:after{content:"Vuốt ngang để xem thêm →";position:sticky;left:8px;bottom:4px;display:inline-block;margin:6px 8px;padding:4px 7px;border-radius:999px;background:rgba(113,75,103,.08);color:var(--odoo);font-size:9px;font-weight:700;pointer-events:none}

  .kanban{grid-template-columns:repeat(4,82vw);gap:9px;scroll-snap-type:x proximity;padding-bottom:6px}.kanban-col{min-height:390px;scroll-snap-align:start}.kanban-card{padding:10px}

  .call-layout{grid-template-columns:1fr;gap:10px}.queue{max-height:220px;overflow:auto}.queue-head{position:sticky;top:0;background:#fff;z-index:2;padding:11px 12px}.queue-item{padding:11px 12px;min-height:58px}.call-desk{padding:13px;position:static;top:auto}.call-customer{flex-direction:column;gap:8px;padding-bottom:12px;margin-bottom:12px}.call-customer h2{font-size:20px}.call-phone{font-size:19px}.form-grid{grid-template-columns:1fr;gap:10px}.form-field.full{grid-column:auto}.form-grid textarea{min-height:110px}.call-actions{position:sticky;bottom:calc(68px + env(safe-area-inset-bottom));z-index:8;background:linear-gradient(to top,#fff 78%,rgba(255,255,255,.9));padding:10px 0 3px;margin-top:8px}.call-actions .btn{width:100%}.call-mode-actions{display:grid;grid-template-columns:1fr 1fr}.call-mode-actions .btn{width:100%}

  .modal-backdrop{padding:8px;place-items:end center}.modal{width:100%;max-height:calc(100svh - 16px);border-radius:16px 16px 10px 10px}.modal-header{padding:14px 14px 12px;position:sticky;top:0;background:#fff;z-index:3}.modal-header h2{font-size:20px}.modal-body{padding:14px}.profile-grid{grid-template-columns:1fr}.timeline-item{grid-template-columns:1fr;gap:4px}

  .employee-grid{grid-template-columns:1fr;gap:9px}.employee{padding:12px;gap:10px}.employee-avatar{width:40px;height:40px;flex:0 0 40px}.employee-actions{flex-direction:row;align-self:flex-start}.employee-actions .btn{min-height:38px;padding:7px 9px}
  .team-summary,.team-tabs,.dashboard-team-tabs,.category-tabs,.period-tabs{display:flex;overflow-x:auto;flex-wrap:nowrap;gap:7px;padding-bottom:4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.team-summary::-webkit-scrollbar,.team-tabs::-webkit-scrollbar,.dashboard-team-tabs::-webkit-scrollbar,.category-tabs::-webkit-scrollbar,.period-tabs::-webkit-scrollbar{display:none}.team-chip,.team-tab,.period-tab{white-space:nowrap;flex:0 0 auto;min-height:40px}

  .warehouse-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.warehouse-kpi{padding:10px 8px;min-width:0}.warehouse-kpi strong{font-size:22px}.warehouse-kpi span{font-size:9px;line-height:1.25}.warehouse-panels,.warehouse-admin-panels{grid-template-columns:1fr!important}.warehouse-panels .card-body input[type=file]{padding:8px}.warehouse-control-card .card-body{padding:10px}
  .import-zone{padding:20px 12px}.import-zone input[type=file]{width:100%;max-width:100%}.import-controls{gap:7px}.import-actions{display:grid;grid-template-columns:1fr 1fr}.import-actions .btn{width:100%}.import-grid{grid-template-columns:1fr;margin-top:12px}
  .danger-zone{padding:13px;gap:12px}.reset-controls{width:100%;display:grid;grid-template-columns:1fr}.reset-controls>*{width:100%}

  .date-actions,.dashboard-range-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:7px}.date-actions label,.dashboard-range-actions label{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:4px}.date-actions label input,.dashboard-range-actions label input{width:100%;max-width:none!important}.date-actions .btn,.dashboard-range-actions .btn{min-width:0}.dashboard-range-actions .btn:last-child:nth-child(odd){grid-column:1/-1}
  .period-tabs{margin-bottom:8px}.period-tab{padding:8px 13px}
  .dashboard-chart-head{flex-direction:column;align-items:flex-start}.dashboard-column-chart{height:185px;padding:16px 10px 8px}.chart-group{flex-basis:46px;min-width:46px}.chart-bars{height:128px}.chart-bar{width:11px}.chart-legend{gap:8px}
  .dashboard-tab-body{padding:10px}.dashboard-detail-head{align-items:flex-start;gap:8px;flex-direction:column}

  .archive-filters{padding:10px}.archive-status-row{justify-content:flex-start;align-items:stretch;flex-direction:column}.archive-status-row label{display:flex;flex-direction:column;align-items:stretch}.archive-status-row select{min-width:0;width:100%}
  .bar-row{grid-template-columns:90px 1fr 44px!important;gap:7px}.bar-row .muted{grid-column:1/-1}

  .notification-panel{position:fixed;left:8px;right:8px;top:60px;width:auto;max-height:calc(100svh - 142px);z-index:90;border-radius:12px}.notification-head{position:sticky;top:0;background:#fff;z-index:2}.notification-item{padding:12px 10px;min-height:62px}
  #toast-root{left:10px;right:10px;bottom:calc(72px + env(safe-area-inset-bottom));align-items:stretch}.toast{width:100%;font-size:12px}
  .data-finished-banner{flex-direction:column;align-items:stretch}.data-finished-banner .btn{width:100%}
}

@media(max-width:390px){
  .main{padding-left:9px;padding-right:9px}.kpis,.kpis.dashboard-kpis{gap:6px}.kpi{padding:10px 9px}.kpi .value{font-size:20px}.app-grid{gap:7px}.app-tile{min-height:124px}.mobile-nav-item{font-size:9px}.mobile-nav-item .mobile-nav-icon{font-size:18px}.call-mode-actions{grid-template-columns:1fr}.import-actions{grid-template-columns:1fr}.date-actions,.dashboard-range-actions{grid-template-columns:1fr}.dashboard-range-actions .btn:last-child:nth-child(odd){grid-column:auto}
}

@media (prefers-reduced-motion:reduce){
  .sidebar{transition:none}
}

/* V4.5 - Chi tiết cuộc gọi cho Admin / Teamlead */
.call-detail-summary-card,.call-detail-log-card{margin-bottom:14px;overflow:hidden}
.call-detail-summary-card .card-head,.call-detail-log-card .card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.call-summary-wrap{border-left:0;border-right:0;border-bottom:0;border-radius:0}
.call-summary-table{min-width:1320px}
.call-summary-table th:not(:first-child),.call-summary-table td.num{text-align:center}
.call-summary-table .has-value{font-weight:800;color:var(--odoo);background:#fbf7fa}
.call-summary-row{cursor:pointer;transition:background .15s ease}
.call-summary-row:hover{background:#f9f3f7!important}
.call-summary-row.selected{background:var(--odoo-soft)!important;box-shadow:inset 3px 0 0 var(--odoo)}
.call-summary-row.selected td:first-child strong{color:var(--odoo)}
.call-detail-log-card .data-table{min-width:1050px}
@media(max-width:760px){
  .call-detail-summary-card .card-head,.call-detail-log-card .card-head{align-items:flex-start;flex-direction:column}
  .call-detail-log-card .actions,.call-detail-log-card .actions .btn{width:100%}
  .call-summary-table{min-width:1220px}
}

/* V4.6: clickable status drill-down in Chi tiết cuộc gọi */
.monitor-kpis{grid-template-columns:repeat(5,minmax(140px,1fr))!important}
.call-status-count{border:0;background:transparent;color:inherit;font:inherit;font-weight:800;cursor:pointer;min-width:32px;padding:7px 10px;border-radius:8px}
.call-status-count:hover{background:var(--odoo-soft);color:var(--odoo);box-shadow:0 0 0 1px rgba(113,75,103,.18)}
.call-summary-table td.status-selected{background:var(--odoo-soft)!important;box-shadow:inset 0 -3px 0 var(--odoo)}
.call-summary-table td.status-selected .call-status-count{color:var(--odoo)}
.call-status-zero{opacity:.65}
#call-detail-log{scroll-margin-top:78px}
@media(max-width:1100px){.monitor-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){.monitor-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}}


/* V4.7: KPI 3 mục tiêu, đặt hàng loạt và cảnh báo nhân viên */
.kpi-bulk-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.kpi-bulk-head>div{display:flex;gap:6px;flex-wrap:wrap}
.kpi-bulk-list{border:1px solid var(--line);border-radius:9px;max-height:300px;overflow:auto;background:#fff;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:6px}
.kpi-bulk-user{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:7px;cursor:pointer}.kpi-bulk-user:hover{background:#faf6f9}.kpi-bulk-user input{width:17px;height:17px;flex:0 0 auto}.kpi-bulk-user span{min-width:0}.kpi-bulk-user strong,.kpi-bulk-user small{display:block}.kpi-bulk-user strong{font-size:12px}.kpi-bulk-user small{font-size:10px;color:var(--muted);margin-top:2px}
.kpi-warning-banner{border:1px solid #efc8a0;background:#fff8ef;color:#8d4e0d;border-radius:10px;padding:12px 14px;margin:0 0 12px}.kpi-warning-banner strong,.kpi-warning-banner span{display:block}.kpi-warning-banner strong{font-size:13px}.kpi-warning-banner span{font-size:11px;margin-top:3px}
@media(max-width:760px){.kpi-bulk-head{align-items:flex-start;flex-direction:column}.kpi-bulk-list{grid-template-columns:1fr;max-height:42svh}}

/* V4.8: KHTN integrated reporting */
.khtn-entry-card{max-width:980px;margin:0 auto}.khtn-entry-card .card-head>div span{display:block;margin-top:3px;font-size:11px}.khtn-user-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px}.khtn-user-strip>div{border:1px solid var(--line);background:#faf9fa;border-radius:9px;padding:11px 12px}.khtn-user-strip span,.khtn-user-strip strong{display:block}.khtn-user-strip span{font-size:10px;color:var(--muted);text-transform:uppercase;font-weight:800}.khtn-user-strip strong{font-size:13px;margin-top:4px;color:var(--odoo)}.required-star{color:#c0392b}.khtn-form{margin-top:4px}.khtn-form textarea{resize:vertical}.khtn-kpis{margin-bottom:14px}.khtn-toolbar label{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted);font-weight:700}.khtn-toolbar label input{min-width:140px}.khtn-employee-summary{margin-bottom:14px}.khtn-employee-summary .card-head span{display:block;margin-top:3px;font-size:11px}.khtn-employee-chips{padding:12px;display:flex;gap:8px;flex-wrap:wrap}.khtn-employee-chip{border:1px solid var(--line);background:#fff;border-radius:9px;padding:9px 11px;text-align:left;min-width:180px}.khtn-employee-chip strong,.khtn-employee-chip span{display:block}.khtn-employee-chip strong{font-size:12px}.khtn-employee-chip span{font-size:10px;color:var(--muted);margin-top:3px}.khtn-employee-chip:hover,.khtn-employee-chip.active{border-color:var(--odoo);background:var(--odoo-soft)}.khtn-table{min-width:1650px}.khtn-table td{white-space:nowrap}.khtn-table td:nth-child(13){white-space:normal;min-width:220px;max-width:320px}.duplicate-badge{display:inline-flex;margin-left:6px;border-radius:999px;padding:2px 5px;font-size:8px;font-weight:800;background:#fff0dc;color:#9a6412}.khtn-config-list{border:1px solid var(--line);border-radius:9px;overflow:hidden}.khtn-config-row{display:grid;grid-template-columns:minmax(240px,1fr) 110px 110px;gap:10px;align-items:center;padding:9px 10px;border-bottom:1px solid #efeff2}.khtn-config-row:last-child{border-bottom:0}.khtn-config-row>input{width:100%}.khtn-config-row label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#5f636b}.khtn-config-row label input{width:15px;height:15px;min-height:auto}.khtn-config-row input:disabled{opacity:.65}
@media(max-width:760px){.khtn-user-strip{grid-template-columns:1fr}.khtn-toolbar>*{width:100%}.khtn-toolbar label{justify-content:space-between}.khtn-toolbar label input{flex:1;min-width:0}.khtn-employee-chips{flex-wrap:nowrap;overflow-x:auto}.khtn-employee-chip{flex:0 0 190px}.khtn-config-row{grid-template-columns:1fr 90px 90px;padding:8px}.khtn-config-row>input{grid-column:1/-1}.khtn-table{min-width:1550px}}

/* V5.0 - KHTN form builder */
.khtn-builder-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.khtn-builder-head>div{display:flex;gap:8px;flex-wrap:wrap}.khtn-builder-row{padding:10px;border-bottom:1px solid #efeff2;background:#fff}.khtn-builder-row:last-child{border-bottom:0}.khtn-builder-main{display:grid;grid-template-columns:minmax(220px,1fr) 150px 120px auto;gap:9px;align-items:center}.khtn-builder-label{width:100%}.khtn-builder-main select{width:100%}.khtn-check{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#5f636b}.khtn-check input{width:15px;height:15px;min-height:auto}.khtn-core-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:5px 8px;background:var(--odoo-soft);color:var(--odoo);font-size:10px;font-weight:800;white-space:nowrap}.khtn-builder-options{margin-top:8px;padding:9px;background:#faf9fa;border:1px dashed var(--line);border-radius:8px}.khtn-builder-options label{display:block;font-size:11px;font-weight:700;color:#5f636b;margin-bottom:6px}.khtn-builder-options input{width:100%}.khtn-builder-options.hidden{display:none}
@media(max-width:760px){.khtn-builder-head{align-items:stretch;flex-direction:column}.khtn-builder-head>div{display:grid;grid-template-columns:1fr}.khtn-builder-main{grid-template-columns:1fr 1fr}.khtn-builder-label{grid-column:1/-1}.khtn-builder-main .btn,.khtn-core-badge{width:100%}.khtn-table{min-width:1100px}}

/* V5.1 — KHTN Delete + Báo cáo đầu ngày */
.khtn-row-actions{display:flex;gap:6px;align-items:center;white-space:nowrap}
.daily-entry-card{max-width:1040px;margin:0 auto}.daily-entry-card .card-head{display:flex;align-items:center;gap:8px;justify-content:space-between}.daily-entry-card .card-head .muted{display:block;margin-top:5px}.daily-state{font-size:11px;padding:6px 10px;background:#f3edf2;color:var(--odoo);border-radius:999px;font-weight:700}
.daily-section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid var(--line);padding:20px 0 12px;margin-top:10px}.daily-section-head:first-child{border-top:0;margin-top:0;padding-top:0}.daily-section-head h3{font-size:15px;margin:0 0 5px}.daily-section-head .muted{font-size:11px}.daily-counter{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;border-radius:999px;padding:0 6px;background:var(--odoo-soft);color:var(--odoo);font-size:12px}
.daily-rows{display:grid;gap:8px}.daily-customer-row{border:1px solid var(--line);border-radius:10px;padding:11px;background:#faf9fa}.daily-customer-fields{display:grid;grid-template-columns:1.4fr 1fr auto;gap:10px;align-items:end}.daily-sign-fields{grid-template-columns:1.5fr 1fr 1.2fr auto}.daily-customer-fields .form-field label{font-size:11px;font-weight:700;display:block;margin-bottom:6px}.daily-customer-fields input{width:100%;min-width:0}.daily-customer-fields .daily-remove{margin-bottom:0}.daily-submit-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-top:18px;border-top:1px solid var(--line);margin-top:18px}.daily-submit-row .muted{font-size:11px}.daily-kpis{margin:12px 0}.daily-money{font-size:clamp(16px,2vw,27px)!important;white-space:nowrap}.daily-toolbar{margin-bottom:14px;display:flex;gap:8px;flex-wrap:wrap}.daily-toolbar label{display:flex;gap:6px;align-items:center;font-size:11px;font-weight:700}.daily-toolbar label input{min-width:145px}.daily-table{min-width:840px}.daily-table td{white-space:nowrap}.daily-modal-list h3{font-size:15px;margin:16px 0 10px}.daily-detail-line{display:flex;justify-content:space-between;gap:14px;padding:10px;border-bottom:1px solid var(--line)}.daily-detail-line strong{font-size:12px}.daily-detail-line span{font-size:12px}.daily-detail-total{margin-top:16px;background:var(--odoo-soft);border-radius:9px;padding:13px;font-size:13px;display:flex;justify-content:space-between}.daily-detail-total strong{color:var(--odoo)}
@media(max-width:760px){.daily-entry-card .card-head,.daily-section-head,.daily-submit-row{align-items:stretch;flex-direction:column}.daily-section-head .btn,.daily-submit-row .btn{width:100%}.daily-customer-fields,.daily-sign-fields{grid-template-columns:1fr 1fr}.daily-customer-fields .form-field:first-child{grid-column:1/-1}.daily-customer-fields .daily-remove{grid-column:1/-1}.daily-sign-fields .form-field:nth-child(3){grid-column:1/-1}.daily-toolbar>*,.daily-toolbar label{width:100%}.daily-toolbar label input{flex:1;min-width:0}.daily-detail-line{flex-direction:column;gap:4px}.daily-kpis .kpi .value{font-size:20px!important}}

/* V5.2: Warehouse random tools before long Data table; Excel per employee */
#warehouse-recycle-section{scroll-margin-top:75px;margin-bottom:14px}
#warehouse-recycle-section .card-body{padding:15px}
.call-employee-cell{display:flex;align-items:center;justify-content:space-between;gap:9px;min-width:225px}
.call-export-individual{font-size:10px;white-space:nowrap;padding:6px 8px;opacity:.85}
.call-summary-row:hover .call-export-individual{opacity:1}
.call-detail-log-card .actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
@media(max-width:760px){#warehouse-recycle-section .card-body{padding:12px}.call-employee-cell{min-width:190px}.call-export-individual{opacity:1}}

/* V5.3: thông tin lọc trùng khi import */
.import-check-summary{margin-top:16px;padding:13px;border:1px solid #d8e7e2;background:#f2faf7;border-radius:10px;line-height:1.7;font-size:13px}
.import-check-summary .good{color:#008469;font-weight:700}.import-check-summary .duplicate{color:#a74332;font-weight:700}.import-check-summary small{color:#596476}
.import-duplicate{background:#fff7f4;color:#80574f}


/* V5.5: Filter Data in Warehouse by latest call status */
.warehouse-callstatus-chips{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:11px}
.warehouse-callstatus-chips>.muted{font-size:11px;margin-right:3px}
.warehouse-status-chip{border:1px solid #e2dfe4;background:#fff;color:#584954;padding:6px 9px;border-radius:999px;font-size:11px;white-space:nowrap;font-weight:650}
.warehouse-status-chip strong{font-weight:800;margin-left:3px}
.warehouse-status-chip:hover,.warehouse-status-chip.active{color:white;background:var(--odoo);border-color:var(--odoo)}
.warehouse-status-help{margin:8px 0 0;font-size:11px;line-height:1.5}
#cat-call-status{min-width:205px;max-width:330px}
@media(max-width:760px){#cat-call-status{width:100%;max-width:none}.warehouse-callstatus-chips{gap:5px}.warehouse-status-chip{padding:7px 9px}}

/* V5.6 - direct reassignment panel */
.transfer-card{margin:14px 0}.transfer-card .card-head .muted{display:block;margin-top:4px;font-size:11px}.transfer-card .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.transfer-help{font-size:11px;line-height:1.5;margin:12px 0 0}.transfer-card .notice{margin:4px 0}.transfer-card .form-field select,.transfer-card .form-field input{min-width:0;width:100%}@media(max-width:760px){.transfer-card .form-grid{grid-template-columns:1fr}}

/* V5.7 — compact, task-oriented Kho; independently paged Sale backlog */
.warehouse-section-tabs{display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin:0 0 16px;padding:7px;background:#fff;border:1px solid var(--line);border-radius:12px;position:sticky;top:52px;z-index:15;box-shadow:0 3px 14px rgba(30,24,30,.035)}
.warehouse-section-tab{border:1px solid transparent;border-radius:8px;padding:10px 14px;background:transparent;color:#615d65;cursor:pointer;font-weight:750;font-size:12px;white-space:nowrap;transition:background .15s,color .15s}
.warehouse-section-tab:hover{background:#f4eff3}
.warehouse-section-tab.active{background:var(--odoo);border-color:var(--odoo);color:#fff;box-shadow:0 2px 7px rgba(107,71,97,.13)}
.warehouse-mini-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 14px}
.warehouse-mini-stat{background:#fff;border:1px solid var(--line);border-radius:10px;padding:15px 17px;min-width:0;display:flex;flex-direction:column;gap:6px}
.warehouse-mini-stat>span{color:#76747f;font-size:11px;font-weight:750}
.warehouse-mini-stat>strong{font-size:27px;line-height:1.15;font-variant-numeric:tabular-nums;color:#302734}
.warehouse-mini-stat:nth-child(2)>strong{color:#1f7d6a}.warehouse-mini-stat:nth-child(3)>strong{color:#916329}
.staff-pending-card{margin-bottom:15px}.staff-pending-card .card-head{gap:12px;align-items:flex-start}.staff-pending-card .card-head .muted{display:block;margin-top:5px;font-size:11px;line-height:1.5}
.staff-filter-bar{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:0 0 14px}
.staff-filter-bar label{display:flex;flex-direction:column;gap:5px;font-size:11px;font-weight:750;color:#73717b;min-width:185px}
.staff-filter-bar input,.staff-filter-bar select{width:100%;min-width:0;background:#fff;border:1px solid #d9dbe1;border-radius:8px;padding:10px 11px;color:#35333a;font-size:13px}
.staff-filter-bar input:focus,.staff-filter-bar select:focus{outline:2px solid #decfd9;outline-offset:0;border-color:var(--odoo)}
.staff-pending-table{min-width:690px}.staff-pending-table .num,.staff-pending-table th:nth-child(3),.staff-pending-table th:nth-child(4),.staff-pending-table th:nth-child(5){text-align:center}
.staff-pending-table tbody tr.highlighted{background:#f7edf4}.staff-pending-table td{padding:12px 11px}.pending-number{font-size:16px;color:var(--odoo)}
#staff-pending-detail{margin-top:14px}#staff-pending-detail:empty{display:none}
.staff-detail-title{background:#f9f5f8;border:1px solid #e9dfe5;border-radius:9px;padding:13px 15px;display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
.staff-detail-title strong{font-size:14px}.staff-detail-title p{font-size:11px;margin:5px 0 0}
.staff-detail-filters{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}
.staff-detail-table{min-width:620px}.staff-pagination{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:12px 0 0}.staff-pagination .muted{font-size:11px}
.warehouse-section-intro{padding:13px 16px;background:#f8f5f7;border:1px solid #eee5eb;border-radius:10px;margin-bottom:0}.warehouse-section-intro h3{font-size:14px;margin:0 0 4px}.warehouse-section-intro p{font-size:12px;color:#77717a;margin:0}
.warehouse-pending-loading{padding:24px;text-align:center;color:#77747f;font-size:12px}
.warehouse-error{padding:10px;border:1px solid #edc7c2;border-radius:8px;color:#b33728;background:#fff3f2;font-size:12px}
@media(max-width:1100px){.warehouse-mini-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.warehouse-section-tabs{position:relative;top:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:6px}.warehouse-section-tab{white-space:normal;text-align:center;padding:9px 7px}.warehouse-mini-stats{gap:8px}.warehouse-mini-stat{padding:12px}.warehouse-mini-stat>strong{font-size:21px}.staff-filter-bar label{flex:1;min-width:135px}.staff-detail-title,.staff-pagination{flex-wrap:wrap}.staff-detail-title .btn{margin-left:auto}}

/* V5.8 — Dashboard Tổng modern SaaS redesign */
.sidebar-brand{display:flex;align-items:center;gap:10px;padding:6px 10px 18px;margin-bottom:4px;border-bottom:1px solid rgba(113,75,103,.10)}
.sidebar-brand-mark{width:36px;height:36px;border-radius:11px;background:linear-gradient(145deg,var(--odoo),#916982);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:900;box-shadow:0 8px 18px rgba(113,75,103,.20)}
.sidebar-brand strong,.sidebar-brand span{display:block}.sidebar-brand strong{font-size:14px}.sidebar-brand span{font-size:10px;color:var(--muted);margin-top:2px}
.dashboard-redesign{--dash-plum:#6F4A67;--dash-plum-dark:#5E3D57;--dash-success:#12B981;--dash-warning:#F59E0B;--dash-danger:#EF4444;--dash-text:#1F2937;--dash-muted:#6B7280;--dash-bg:#F8F9FC;--dash-border:#E5E7EB}
.dashboard-redesign .topbar{background:#fff;color:var(--dash-text);box-shadow:0 1px 0 var(--dash-border)}
.dashboard-redesign .topbar-apps:hover,.dashboard-redesign .icon-btn:hover,.dashboard-redesign .user-button:hover{background:#f3f0f3}
.dashboard-redesign .mode-pill{background:#eef8f4;color:#16715a}.dashboard-redesign .avatar{background:#f3edf2;color:var(--dash-plum)}
.dashboard-redesign .workspace{background:var(--dash-bg)}
.dashboard-redesign .sidebar{width:240px;background:linear-gradient(180deg,#69445f 0%,#5d3b55 100%);border-right:0;padding:16px 10px;color:#fff;box-shadow:10px 0 28px rgba(75,49,68,.08)}
.dashboard-redesign .sidebar-brand{border-bottom-color:rgba(255,255,255,.12);padding:4px 9px 18px}
.dashboard-redesign .sidebar-brand-mark{background:rgba(255,255,255,.18);box-shadow:none;border:1px solid rgba(255,255,255,.16)}
.dashboard-redesign .sidebar-brand strong{color:#fff}.dashboard-redesign .sidebar-brand span{color:rgba(255,255,255,.64)}
.dashboard-redesign .menu-title{color:rgba(255,255,255,.48);padding:10px 12px 6px;letter-spacing:.08em}
.dashboard-redesign .menu-section{margin-bottom:18px}
.dashboard-redesign .menu-item{color:rgba(255,255,255,.83);height:44px;border-radius:10px;padding:0 12px;gap:11px;font-weight:650}
.dashboard-redesign .menu-item:hover{background:rgba(255,255,255,.08);color:#fff}
.dashboard-redesign .menu-item.active{background:rgba(255,255,255,.16);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.dashboard-redesign .main{background:var(--dash-bg);padding:24px;max-width:none}
.dashboard-v58{max-width:1640px;margin:0 auto;color:var(--dash-text)}
.dash-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:20px}
.dash-page-head h1{margin:0;font-size:30px;line-height:1.15;font-weight:800;letter-spacing:-.035em}.dash-page-head p{margin:7px 0 0;color:var(--dash-muted);font-size:14px}
.dash-head-tools{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.dash-date-range{height:42px;display:flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--dash-border);border-radius:12px;padding:0 10px;box-shadow:0 3px 12px rgba(31,41,55,.035)}
.dash-date-range input{border:0;background:transparent;outline:none;min-width:118px;padding:0;font-size:12px;color:var(--dash-text)}.dash-date-sep{color:#9ca3af}
.dash-quick-ranges{display:flex;align-items:center;gap:6px}.dash-quick{height:40px;border:1px solid var(--dash-border);background:#fff;color:#4b5563;border-radius:10px;padding:0 13px;font-size:12px;font-weight:700}.dash-quick:hover{border-color:#cdbbc7;background:#faf7f9;color:var(--dash-plum)}
.dash-kpi-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;margin-bottom:14px}
.dash-kpi-card{min-width:0;background:#fff;border:1px solid var(--dash-border);border-radius:16px;padding:15px;display:flex;gap:12px;box-shadow:0 5px 18px rgba(31,41,55,.035)}
.dash-kpi-icon{width:38px;height:38px;flex:0 0 38px;border-radius:11px;display:grid;place-items:center;font-size:18px;font-weight:900;background:#f4edf2;color:var(--dash-plum)}
.tone-green .dash-kpi-icon,.tone-emerald .dash-kpi-icon{background:#e8fbf4;color:#0b9b6c}.tone-amber .dash-kpi-icon{background:#fff5df;color:#d88905}.tone-rose .dash-kpi-icon,.tone-red .dash-kpi-icon{background:#fff0f1;color:#e24a56}
.dash-kpi-copy{min-width:0}.dash-kpi-label{display:block;font-size:11px;color:#596273;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-kpi-value{display:block;font-size:28px;line-height:1.1;margin-top:6px;letter-spacing:-.035em}.dash-kpi-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:7px;font-size:9px;color:#8a92a0}.dash-trend{font-weight:800}.dash-trend.good{color:#0ea574}.dash-trend.bad{color:#e5484d}.dash-trend.flat{color:#87909d}
.dash-filter-row{display:flex;align-items:center;gap:10px;margin:0 0 12px}.dash-time-filter-row{justify-content:flex-start;margin-top:2px;margin-bottom:14px}.dash-time-filter-row .dash-head-tools{justify-content:flex-start}.dash-segment{display:inline-flex;background:#f0f1f4;border:1px solid #e5e7eb;border-radius:10px;padding:3px}.dash-segment button{border:0;background:transparent;color:#5b6471;border-radius:8px;height:32px;padding:0 16px;font-size:11px;font-weight:750}.dash-segment button.active{background:var(--dash-plum);color:#fff;box-shadow:0 2px 6px rgba(111,74,103,.16)}
.dash-card{background:#fff;border:1px solid var(--dash-border);border-radius:16px;box-shadow:0 5px 18px rgba(31,41,55,.03)}
.dash-chart-card{overflow:hidden;margin-bottom:16px}.dash-section-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px 10px}.dash-section-head>div:first-child{display:flex;align-items:flex-start;gap:10px}.dash-section-icon{width:28px;height:28px;border-radius:8px;background:#f3edf2;color:var(--dash-plum);display:grid;place-items:center;font-weight:900}.dash-section-head h2{font-size:16px;margin:0;font-weight:800}.dash-section-head p{font-size:11px;margin:4px 0 0;color:var(--dash-muted)}
.dash-legend{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:10px;color:#5f6875}.dash-legend span{display:flex;align-items:center;gap:5px}.dash-legend i{width:9px;height:9px;border-radius:999px;display:inline-block}.dash-legend i.calls{background:#845a7b}.dash-legend i.connect{background:#12b981}.dash-legend i.y01{background:#059669}.dash-legend i.y02{background:#f59e0b}
.dash-chart-scroll{overflow-x:auto;padding:4px 12px 5px;scrollbar-width:thin}.dash-combo-chart{display:block;width:100%;min-width:820px;height:290px}.dash-grid-line{stroke:#edf0f3;stroke-width:1}.dash-axis-text{fill:#8a92a0;font-size:9px;font-weight:650}.dash-x-label{font-size:8.5px}.dash-call-bar{fill:#845a7b;opacity:.82}.dash-call-bar:hover{opacity:1}.dash-line{fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.dash-line.connect{stroke:#12b981}.dash-line.y01{stroke:#059669;stroke-width:1.5;opacity:.85}.dash-line.y02{stroke:#f59e0b;stroke-width:1.5;opacity:.9}.dash-dot{stroke:#fff;stroke-width:1.5}.dash-dot.connect{fill:#12b981}.dash-dot.y01{fill:#059669}.dash-dot.y02{fill:#f59e0b}.dash-chart-empty,.dash-empty{padding:38px;text-align:center;color:#8a92a0;font-size:12px}
.dash-team-section{overflow:hidden;margin-bottom:20px}.dash-team-head{padding-bottom:8px}.dash-status-help{font-size:10px!important;color:#7f8794;white-space:nowrap}.dash-team-tabs{display:flex;gap:6px;padding:0 18px 10px;overflow-x:auto;scrollbar-width:none}.dash-team-tabs::-webkit-scrollbar{display:none}.dash-team-tabs button{height:32px;padding:0 14px;border:0;border-radius:8px;background:#f4f5f7;color:#606875;font-size:10px;font-weight:750;white-space:nowrap}.dash-team-tabs button.active{background:var(--dash-plum);color:#fff}
.dash-team-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0 18px 14px}.dash-team-card{min-width:0;border:1px solid var(--dash-border);background:#fff;border-radius:13px;padding:13px 14px;display:flex;align-items:center;justify-content:space-between;text-align:left}.dash-team-card:hover,.dash-team-card.active{border-color:#d4bfd0;background:#fbf7fa}.dash-team-card span,.dash-team-card small,.dash-team-card strong,.dash-team-card b,.dash-team-card em{display:block}.dash-team-card span{font-size:10px;color:#56606e;font-weight:800}.dash-team-card strong{font-size:24px;margin-top:6px}.dash-team-card small{font-size:9px;color:#9aa1ac;font-weight:600;margin-top:1px}.dash-team-card b{font-size:20px;color:#0da36e;text-align:right}.dash-team-card em{font-size:9px;color:#a5acb5;font-style:normal;text-align:right}
.dash-table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 18px 10px}.dash-search{height:38px;display:flex;align-items:center;gap:7px;border:1px solid var(--dash-border);background:#fff;border-radius:10px;padding:0 11px;width:min(320px,100%)}.dash-search span{color:#8a92a0}.dash-search input{border:0;outline:0;min-width:0;width:100%;font-size:11px;background:transparent}.dash-table-actions{display:flex;gap:7px}.dash-table-actions .btn{height:38px;border-radius:9px;font-size:10px}
.dash-table-wrap{overflow:auto;border-top:1px solid var(--dash-border);max-height:520px}.dash-data-table{width:100%;border-collapse:separate;border-spacing:0;min-width:1280px;font-size:10px}.dash-data-table thead th{position:sticky;top:0;z-index:3;background:#f8f9fb;color:#5a6370;text-align:left;padding:9px 10px;border-bottom:1px solid var(--dash-border);font-size:9px;white-space:nowrap}.dash-data-table th.num,.dash-data-table td.num{text-align:right}.dash-data-table th button{border:0;background:none;padding:0;color:inherit;font:inherit;font-weight:800;cursor:pointer}.dash-data-table tbody td{padding:9px 10px;border-bottom:1px solid #eef0f2;color:#354052;white-space:nowrap}.dash-data-table tbody tr:nth-child(even){background:#fcfcfd}.dash-data-table tbody tr:hover{background:#faf7fa}.dash-data-table td strong{font-size:10px}.dash-data-table td small{display:block;color:#9aa1ac;margin-top:2px;font-size:8px}.dash-status-chip{display:inline-flex;min-width:22px;height:21px;align-items:center;justify-content:center;border-radius:7px;background:#f1f3f5;color:#4e5968;font-weight:850}.dash-status-chip.y01{background:#e8f9f2;color:#098a62}.dash-status-chip.y02{background:#fff5df;color:#b97905}.dash-status-chip.y03,.dash-status-chip.y04,.dash-status-chip.y05,.dash-status-chip.y06{background:#eef6fb;color:#27759a}.dash-status-chip.n01,.dash-status-chip.n02,.dash-status-chip.n03,.dash-status-chip.n04{background:#fff0f1;color:#c93c47}.dash-work-status{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 8px;background:#e9fbf4;color:#0b8f65;font-size:9px;font-weight:800}.dash-work-status i{width:6px;height:6px;background:#16b981;border-radius:50%}.dash-work-status.off{background:#f5f5f6;color:#7e8793}.dash-work-status.off i{background:#9ba2ad}
@media(max-width:1380px){.dash-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dash-team-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:980px){.dashboard-redesign .main{padding:16px}.dash-page-head{flex-direction:column}.dash-head-tools{justify-content:flex-start;width:100%}.dash-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-section-head{align-items:flex-start;flex-direction:column}.dash-team-cards{grid-template-columns:1fr 1fr}.dash-filter-row{overflow-x:auto}.dash-table-toolbar{align-items:stretch;flex-direction:column}.dash-search{width:100%}}
@media(max-width:760px){.dashboard-redesign .sidebar{background:#fff;color:var(--text);width:min(84vw,320px)}.dashboard-redesign .sidebar-brand{border-bottom-color:var(--line)}.dashboard-redesign .sidebar-brand strong{color:var(--text)}.dashboard-redesign .sidebar-brand span{color:var(--muted)}.dashboard-redesign .menu-title{color:#9a9ea6}.dashboard-redesign .menu-item{color:var(--text)}.dashboard-redesign .menu-item.active{background:var(--odoo-soft);color:var(--odoo)}.dashboard-redesign .main{padding:10px}.dash-page-head h1{font-size:24px}.dash-head-tools,.dash-date-range{width:100%}.dash-date-range{justify-content:space-between}.dash-date-range input{min-width:0;width:42%}.dash-quick-ranges{width:100%;overflow-x:auto}.dash-quick{flex:0 0 auto}.dash-kpi-grid{grid-template-columns:1fr 1fr;gap:8px}.dash-kpi-card{padding:11px;gap:8px}.dash-kpi-icon{width:32px;height:32px;flex-basis:32px}.dash-kpi-value{font-size:22px}.dash-kpi-meta{display:block}.dash-trend{display:block;margin-top:3px}.dash-team-cards{grid-template-columns:1fr}.dash-chart-scroll{padding-left:4px;padding-right:4px}}
@media(max-width:480px){.dash-kpi-grid{grid-template-columns:1fr}.dash-scope{display:none}}

/* V6.0 — clearer grouped dashboard chart + TeamLead data upload + immutable call history */
.dash-grouped-chart{display:block;width:100%;min-width:860px;height:300px}
.dash-group-bar{opacity:.9;transition:opacity .15s ease}.dash-group-bar:hover{opacity:1}
.dash-group-bar.calls{fill:#845a7b}.dash-group-bar.connect{fill:#12b981}.dash-group-bar.y01{fill:#059669}.dash-group-bar.y02{fill:#f59e0b}
.dash-bar-value{font-size:8px;font-weight:850}.dash-bar-value.calls{fill:#6f4a67}.dash-bar-value.connect{fill:#0f9469}.dash-bar-value.y01{fill:#047857}.dash-bar-value.y02{fill:#c97804}.dash-axis-title{fill:#778190;font-size:9px;font-weight:750}
.teamlead-data-note{padding:11px 14px;border:1px solid #cfe7df;border-radius:12px;background:#f0fbf7;color:#246b58;font-size:12px;margin-bottom:14px}
.team-data-upload-card{margin-bottom:14px}.team-data-upload-card .card-head{align-items:center}.team-data-upload-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:0;border-top:1px solid var(--line)}
.team-upload-side,.team-distribute-side{padding:18px}.team-distribute-side{border-left:1px solid var(--line)}.team-distribute-side h3{margin:0 0 5px}.team-file-drop{margin:10px 0 12px;border:1px dashed #cfc6cc;border-radius:12px;padding:16px;background:#fcfafb}.team-file-drop input{width:100%;margin-bottom:7px}.team-file-drop span{display:block;color:var(--muted);font-size:11px}.team-import-help{margin:10px 0 0;font-size:11px;line-height:1.5}
.team-data-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}.team-data-summary>div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px 17px;box-shadow:0 4px 14px rgba(31,41,55,.03)}.team-data-summary span,.team-data-summary strong{display:block}.team-data-summary span{font-size:11px;color:var(--muted);font-weight:700}.team-data-summary strong{font-size:27px;margin-top:6px;color:#372b34}
.call-history-panel{margin-top:18px;border-top:1px solid var(--line);padding-top:15px}.call-history-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.call-history-head h3{margin:0;font-size:15px}.call-history-head span{display:block;color:var(--muted);font-size:10px;margin-top:3px}.call-history-head>strong{font-size:10px;color:var(--odoo);background:var(--odoo-soft);padding:5px 8px;border-radius:999px}
.call-history-row{display:grid;grid-template-columns:62px 120px minmax(160px,220px) 1fr;gap:10px;align-items:center;padding:10px 8px;border-bottom:1px solid #eef0f2}.call-history-row:last-child{border-bottom:0}.call-history-no{font-weight:800;color:#714b67}.call-history-time{font-size:11px;color:var(--muted)}.call-history-note{font-size:11px;color:#49515d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:1000px){.team-data-upload-grid{grid-template-columns:1fr}.team-distribute-side{border-left:0;border-top:1px solid var(--line)}.team-data-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.team-data-summary{grid-template-columns:1fr 1fr}.call-history-row{grid-template-columns:60px 1fr}.call-history-status,.call-history-note{grid-column:2}.call-history-note{white-space:normal}}

/* V6.1: self-service password change */
.password-change-form{max-width:720px}
.password-change-form .password-hint{font-size:12px;color:var(--muted);background:#faf8fa;border:1px solid var(--line);border-radius:8px;padding:10px 12px}
.user-menu #change-password-btn{border-bottom:1px solid #f0edf0;margin-bottom:3px}

/* V6.2 - Admin accounts + private Team warehouses */
.admin-account-card{margin-bottom:14px}.admin-account-card .card-body{padding-top:12px}.admin-account{background:#fbf8fb}.team-upload-side small.muted{display:block;margin-top:6px;line-height:1.45}.import-source-grid{align-items:end}

/* V6.3 — Lead pipeline replacing KHTN + daily report */
.lead-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:14px}
.lead-summary>div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px 17px;box-shadow:0 4px 14px rgba(31,41,55,.03)}
.lead-summary span,.lead-summary strong{display:block}.lead-summary span{font-size:11px;color:var(--muted);font-weight:700}.lead-summary strong{font-size:27px;margin-top:6px;color:#372b34}
.lead-card{overflow:hidden}.lead-toolbar{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.lead-toolbar .search{min-width:280px;flex:1}.lead-toolbar select{min-width:190px}
.lead-table{min-width:980px}.lead-table td small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.lead-actions{display:flex;gap:6px;white-space:nowrap}
.lead-stage{display:inline-flex;align-items:center;min-height:25px;padding:4px 9px;border-radius:999px;font-size:10px;font-weight:800;white-space:nowrap;background:#f1f3f5;color:#626b77}
.lead-stage.login{background:#eaf6ff;color:#226aa6}.lead-stage.signed{background:#e8fbf4;color:#087d59}.lead-stage.negative{background:#fff0f1;color:#b83d49}.lead-stage.new{background:#f4f2f4;color:#766973}
.lead-loading{padding:34px;text-align:center;color:var(--muted);font-size:12px}
.lead-history{display:flex;flex-direction:column;gap:10px}.lead-history-item{display:grid;grid-template-columns:72px 1fr;gap:12px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff}.lead-history-index{font-weight:850;color:var(--odoo);font-size:12px}.lead-history-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.lead-history-top>span:last-child{font-size:11px;color:var(--muted)}.lead-history-item strong{display:block;font-size:11px;margin-top:8px}.lead-history-item p{margin:7px 0 0;font-size:12px;color:#505861;line-height:1.5}
@media(max-width:900px){.lead-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.lead-toolbar>*{width:100%;min-width:0!important}}
@media(max-width:520px){.lead-summary{grid-template-columns:1fr 1fr}.lead-summary>div{padding:12px}.lead-summary strong{font-size:22px}.lead-history-item{grid-template-columns:1fr}.lead-history-top{align-items:flex-start;flex-direction:column}}


/* V6.4: date-range call detail + Lead grouped by first Y01/Y02 day */
.call-detail-range{justify-content:flex-end}
.call-detail-range .range-arrow{font-weight:800;color:var(--muted);padding-top:18px}
.call-detail-range label{min-width:150px}
.lead-date-group td{padding:9px 14px!important;background:#f7f3f6;border-top:1px solid #e7dfe5;border-bottom:1px solid #e7dfe5;color:#60485a}
.lead-date-group td>div{display:flex;align-items:center;justify-content:space-between;gap:12px}
.lead-date-group strong{font-size:12px}.lead-date-group span{font-size:10px;color:var(--muted);font-weight:750}
@media(max-width:760px){.call-detail-range .range-arrow{display:none}.call-detail-range label{min-width:0}.lead-date-group td>div{align-items:flex-start;flex-direction:column;gap:3px}}


/* V6.5: clearer pending KPI, Lead notes, Teamlead category availability */
.lead-summary .lead-total-card{border-color:#d5c0d0;background:#fbf8fa;box-shadow:0 5px 16px rgba(111,74,103,.06)}
.lead-summary .lead-total-card strong{color:var(--odoo)}
.lead-summary small{display:block;margin-top:4px;color:var(--muted);font-size:9px}
.lead-note-list{margin-top:14px;border-top:1px solid var(--line);padding-top:12px}.lead-note-list h4{margin:0 0 9px;font-size:12px}.lead-note-item{padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fcfbfc;margin-bottom:8px}.lead-note-item>div{display:flex;justify-content:space-between;gap:12px;align-items:center}.lead-note-item strong{font-size:11px}.lead-note-item span{font-size:10px;color:var(--muted)}.lead-note-item p{margin:6px 0 0;font-size:12px;line-height:1.45;color:#4d5662}.lead-history-note{background:#fffdf8}.lead-history-note .lead-history-index{color:#9a6b13}
.team-category-card{margin:14px 0}.team-category-card .card-head{align-items:flex-start}.team-category-card .num{text-align:right}.team-category-card tbody tr:hover{background:#fbf8fa}.team-category-card strong{color:#4f3e4a}
@media(max-width:1600px){.dash-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.lead-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.lead-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* V6.6 — same topbar/sidebar chrome on Dashboard as every other module */
.dashboard-redesign .topbar{background:var(--odoo);color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.12)}
.dashboard-redesign .topbar-apps:hover,.dashboard-redesign .icon-btn:hover,.dashboard-redesign .user-button:hover{background:rgba(255,255,255,.12)}
.dashboard-redesign .mode-pill{background:rgba(255,255,255,.14);color:#fff}
.dashboard-redesign .avatar{background:#fff;color:var(--odoo)}
.dashboard-redesign .sidebar{width:225px;background:#fff;color:var(--text);border-right:1px solid var(--line);padding:12px 8px;box-shadow:none}
.dashboard-redesign .sidebar-brand{border-bottom-color:var(--line);padding:12px 8px 18px}
.dashboard-redesign .sidebar-brand-mark{background:linear-gradient(145deg,var(--odoo),#9a6d89);color:#fff;border:0;box-shadow:none}
.dashboard-redesign .sidebar-brand strong{color:var(--text)}
.dashboard-redesign .sidebar-brand span{color:var(--muted)}
.dashboard-redesign .menu-title{color:#9a9ea6;padding:8px 10px;letter-spacing:normal}
.dashboard-redesign .menu-section{margin:6px 0 14px}
.dashboard-redesign .menu-item{color:#4a4d54;height:auto;border-radius:7px;padding:9px 10px;gap:9px;font-weight:400}
.dashboard-redesign .menu-item:hover{background:#f6f3f5;color:#4a4d54}
.dashboard-redesign .menu-item.active{background:var(--odoo-soft);color:var(--odoo);box-shadow:none;font-weight:700}

/* V6.6 — Lead latest call is visible without duplicating call_logs into Lead */
.lead-latest-call{display:grid;gap:4px;min-width:180px;max-width:260px}
.lead-latest-call small{display:block;color:var(--muted);font-size:10px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lead-history-call{border-left:3px solid #d99b35}
.lead-history-call .lead-history-index{color:#9b6413}
.lead-history-help{margin-bottom:12px}

/* V6.6 — clearer Warehouse navigation and overview */
.warehouse-section-tabs{display:flex;gap:7px;align-items:center;padding:7px;background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:14px;overflow-x:auto}
.warehouse-section-tab{border:0;background:transparent;color:#646873;border-radius:8px;padding:10px 13px;font-weight:750;white-space:nowrap}
.warehouse-section-tab:hover{background:#f7f3f6;color:var(--odoo)}
.warehouse-section-tab.active{background:var(--odoo);color:#fff}
.warehouse-overview-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}
.warehouse-overview-kpis>div{background:#fff;border:1px solid var(--line);border-radius:13px;padding:15px 17px;box-shadow:0 3px 14px rgba(33,24,31,.035)}
.warehouse-overview-kpis span,.warehouse-overview-kpis strong,.warehouse-overview-kpis small{display:block}
.warehouse-overview-kpis span{font-size:11px;font-weight:750;color:var(--muted)}
.warehouse-overview-kpis strong{font-size:29px;margin:5px 0 2px;color:#372b34}
.warehouse-overview-kpis small{font-size:10px;color:#969ba5}
.warehouse-category-overview{margin-bottom:14px}
.warehouse-section-intro{background:#faf7f9;border:1px solid #eadfe7;border-radius:12px;padding:13px 15px;margin-bottom:12px}
.warehouse-section-intro h3{margin:0 0 4px;font-size:14px;color:var(--odoo)}
.warehouse-section-intro p{margin:0;color:var(--muted);font-size:11px}

.transfer-status-counts{display:flex;flex-wrap:wrap;gap:6px}
.transfer-count-chip{border:1px solid #dedfe4;background:#fff;color:#555a64;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:750}
.transfer-count-chip strong{margin-left:4px;color:inherit}
.transfer-count-chip:hover{border-color:#c9b7c4;background:#faf6f9}
.transfer-count-chip.active{background:var(--odoo);border-color:var(--odoo);color:#fff}

.recycle-preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.recycle-preview>div{border:1px solid var(--line);border-radius:10px;padding:10px 11px;background:#fafbfc}
.recycle-preview span,.recycle-preview strong{display:block}.recycle-preview span{font-size:10px;color:var(--muted)}.recycle-preview strong{font-size:22px;margin-top:4px}
.recycle-preview .exclude{background:#fff6f5;border-color:#f1d2cf}.recycle-preview .exclude strong{color:#b33d34}
.recycle-preview .eligible{background:#f0fbf7;border-color:#cfe9df}.recycle-preview .eligible strong{color:#16815f}
.signed-excluded{color:#b33d34;font-weight:800}
.round-delta{display:inline-flex;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:800}.round-delta.up{background:#e8f7f0;color:#16815f}.round-delta.down{background:#fff0ef;color:#b33d34}.round-delta.flat{background:#f1f2f4;color:#70757d}
.category-ready{display:block;color:#16815f;font-size:9px;margin-top:3px;font-weight:750}

@media(max-width:1000px){.warehouse-overview-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.recycle-preview{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.warehouse-overview-kpis{grid-template-columns:1fr 1fr}.warehouse-section-tabs{border-radius:9px}.warehouse-section-tab{padding:8px 10px}.lead-latest-call{min-width:150px}.recycle-preview{grid-template-columns:1fr 1fr}}


/* V6.7 — inline Lead note + tighter, easier-to-scan Lead table */
.lead-table{min-width:1080px;table-layout:auto}
.lead-table th{padding:10px 12px;font-size:10px;white-space:nowrap}
.lead-table td{padding:10px 12px;vertical-align:middle}
.lead-main-row:hover td{background:#fcfafb}
.lead-customer{min-width:155px;max-width:220px;line-height:1.25}
.lead-customer strong{display:block;font-size:12px;line-height:1.3}
.lead-customer small{margin-top:2px!important;font-size:9.5px!important}
.lead-latest-call{min-width:165px;max-width:235px;gap:3px}
.lead-latest-call small{font-size:9.5px;line-height:1.3}
.lead-actions{gap:5px;align-items:center}
.lead-actions .btn.small{padding:7px 10px;min-height:32px}
.lead-inline-note-row td{padding:0 12px 8px!important;border-top:0!important;background:#fff}
.lead-inline-note-row:hover td{background:#fff!important}
.lead-inline-note{margin-left:0;display:flex;align-items:flex-start;gap:8px;padding:7px 10px;border:1px solid #eee6ec;border-radius:9px;background:#fbf9fa;color:#4d4850}
.lead-inline-note-icon{flex:0 0 auto;font-size:12px;line-height:1.45}
.lead-inline-note>div{min-width:0;display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}
.lead-inline-note p{margin:0;font-size:11px;line-height:1.45;white-space:normal;overflow-wrap:anywhere}
.lead-inline-note small{margin:0!important;font-size:9px!important;color:var(--muted);white-space:nowrap}
.lead-date-group td{padding:8px 12px!important}
.lead-date-group+tr td{border-top:0}
@media(max-width:900px){.lead-table{min-width:980px}.lead-inline-note>div{display:block}.lead-inline-note small{display:block;margin-top:3px!important}}

/* V6.8 - Lead date scope */
.lead-day-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fbfafb}
.lead-day-presets{display:flex;gap:7px;align-items:center}
.lead-day-picker{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px;font-weight:700}
.lead-day-picker input{height:36px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:0 10px;color:var(--text);font:inherit;font-size:12px}
.lead-day-current{margin-left:auto;font-size:11px;color:var(--muted);white-space:nowrap}
.lead-day-current strong{color:#5d4056}
@media(max-width:900px){.lead-day-controls{align-items:stretch}.lead-day-presets{width:100%}.lead-day-picker{flex:1;justify-content:space-between}.lead-day-current{width:100%;margin-left:0}}

/* V6.9 — Lead chỉ lọc theo khoảng ngày */
.lead-range-controls{display:grid;grid-template-columns:minmax(210px,1fr) auto minmax(210px,1fr) auto minmax(220px,1fr);align-items:end;gap:10px}
.lead-range-controls .lead-day-picker{display:grid;gap:5px;align-items:start}
.lead-range-controls .lead-day-picker input{width:100%;min-width:0;height:40px}
.lead-range-controls .range-arrow{align-self:center;padding:0 2px;color:var(--muted);font-weight:800}
.lead-range-controls .lead-day-current{align-self:center;justify-self:end;text-align:right;margin-left:0}
@media(max-width:900px){.lead-range-controls{grid-template-columns:1fr auto 1fr}.lead-range-controls #lead-date-clear{grid-column:1/3}.lead-range-controls .lead-day-current{grid-column:1/-1;justify-self:start;text-align:left}.lead-range-controls .lead-day-picker{width:auto}.lead-range-controls .range-arrow{display:block}}
@media(max-width:560px){.lead-range-controls{grid-template-columns:1fr}.lead-range-controls .range-arrow{display:none}.lead-range-controls #lead-date-clear,.lead-range-controls .lead-day-current{grid-column:auto}}


/* V7.0 - Teamlead warehouse upload-first flow */
.team-warehouse-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0 0 14px}
.team-warehouse-flow span{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:11px;font-weight:750;color:#77717a;text-align:center}
.team-warehouse-flow span.active{background:#f7f0f5;color:var(--odoo);border-color:#dfced9}
.team-called-card{margin:14px 0}
.team-called-toolbar{display:grid;grid-template-columns:1.15fr 1.35fr .7fr .7fr auto;gap:10px;align-items:end}
.team-called-toolbar label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:750;color:#69636a}
.team-called-toolbar select,.team-called-toolbar input{min-height:40px}
.team-called-toolbar .btn{height:40px;white-space:nowrap}
.team-called-table td{vertical-align:middle}
.team-transfer-last{margin-top:18px;padding-top:4px;border-top:1px dashed #dfd9de}
@media(max-width:1100px){.team-called-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.team-called-toolbar .btn{width:100%}.team-warehouse-flow{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.team-warehouse-flow{grid-template-columns:1fr 1fr}.team-called-toolbar{grid-template-columns:1fr}}

/* V7.1 Warehouse classification workflow */
.warehouse-bulk-scope{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,1fr);gap:16px;align-items:end;padding:4px 0 2px}
.warehouse-scope-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:7px}
.warehouse-scope-pill{border:1px solid var(--line);background:#fff;color:var(--text);border-radius:10px;padding:10px 13px;font-weight:700;cursor:pointer}
.warehouse-scope-pill strong{margin-left:6px;color:var(--primary)}
.warehouse-scope-pill.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 14px rgba(111,74,103,.14)}
.warehouse-scope-pill.active strong{color:#fff}
.warehouse-bulk-action{display:grid;grid-template-columns:minmax(180px,1fr) auto auto;gap:8px;align-items:end}
.warehouse-bulk-action label{display:grid;gap:5px;font-weight:700;font-size:13px}.warehouse-bulk-action select{min-height:40px}
.soft-sep{border:0;border-top:1px solid var(--line);margin:16px 0}
@media(max-width:900px){.warehouse-bulk-scope{grid-template-columns:1fr}.warehouse-bulk-action{grid-template-columns:1fr 1fr}.warehouse-bulk-action label{grid-column:1/-1}}
@media(max-width:560px){.warehouse-bulk-action{grid-template-columns:1fr}.warehouse-bulk-action label{grid-column:auto}.warehouse-scope-pill{flex:1 1 100%}}


/* V7.2 - Tổng Data theo nhân viên trong Kho */
.warehouse-staff-total-card{margin:0 0 14px}
.warehouse-staff-total-card .card-head{align-items:flex-start;gap:14px}
.warehouse-staff-total-summary{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-left:auto}
.warehouse-staff-total-summary span{display:inline-flex;align-items:baseline;gap:5px;border:1px solid var(--line);background:#faf9fa;border-radius:999px;padding:6px 10px;font-size:10px;color:var(--muted);white-space:nowrap}
.warehouse-staff-total-summary strong{font-size:12px;color:var(--text)}
.warehouse-staff-total-table{min-width:760px}
.warehouse-staff-total-table td{vertical-align:middle}
.warehouse-staff-total-table .num,.warehouse-staff-total-table th.num{text-align:right}
.warehouse-staff-progress{width:120px;max-width:100%;height:7px;background:#eee9ed;border-radius:999px;overflow:hidden;margin-bottom:4px}
.warehouse-staff-progress span{display:block;height:100%;background:var(--success);border-radius:inherit;transition:width .25s ease}
.warehouse-staff-total-table small{font-size:9px;color:var(--muted)}
@media(max-width:760px){.warehouse-staff-total-card .card-head{display:block}.warehouse-staff-total-summary{margin:10px 0 0}.warehouse-staff-progress{width:90px}}

/* V7.3 - Lead: Team tabs thay dropdown Team/nhân viên */
.lead-team-tabs{display:flex;gap:8px;align-items:center;overflow-x:auto;scrollbar-width:none;padding:2px 0 12px;margin-bottom:2px}
.lead-team-tabs::-webkit-scrollbar{display:none}
.lead-team-tab{border:1px solid var(--line);background:#fff;color:#5f6570;border-radius:10px;min-height:38px;padding:8px 14px;font-size:11px;font-weight:800;white-space:nowrap;cursor:pointer;transition:.15s ease}
.lead-team-tab:hover{border-color:#cdb9c8;background:#fbf8fa}
.lead-team-tab.active{background:var(--odoo);border-color:var(--odoo);color:#fff;box-shadow:0 4px 12px rgba(111,74,103,.14)}
.lead-team-tab span{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 6px;margin-left:5px;border-radius:999px;background:#f1edf0;color:#6f4a67;font-size:9px;font-weight:850}
.lead-team-tab.active span{background:rgba(255,255,255,.2);color:#fff}
.lead-toolbar-simple .search{flex:1;min-width:300px}
.lead-toolbar-simple select{min-width:220px;max-width:280px}
@media(max-width:760px){.lead-team-tabs{margin-right:-6px}.lead-toolbar-simple .search,.lead-toolbar-simple select{width:100%;min-width:0;max-width:none}}

/* V7.5 - Internal chat */
.chat-layout{display:grid;grid-template-columns:minmax(260px,340px) 1fr;gap:18px;min-height:620px}
.chat-contacts-panel,.chat-thread-panel{background:#fff;border:1px solid var(--border,#e5e7eb);border-radius:16px;box-shadow:0 8px 24px rgba(31,41,55,.04);overflow:hidden}
.chat-panel-head,.chat-thread-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid #ececf2}
.chat-panel-head h3,.chat-thread-head h3{margin:0}.chat-panel-head .muted{display:block;margin-top:3px}
.chat-search{padding:12px 14px;border-bottom:1px solid #ececf2}.chat-search input{width:100%;height:42px;border:1px solid #dedfe7;border-radius:11px;padding:0 12px;font:inherit;background:#fbfbfd}
.chat-contact-list{max-height:548px;overflow:auto;padding:8px}
.chat-contact{width:100%;display:flex;align-items:center;gap:11px;text-align:left;border:0;background:transparent;padding:11px;border-radius:12px;cursor:pointer;color:inherit}
.chat-contact:hover{background:#f7f3f6}.chat-contact.active{background:#f1e8ef;color:#6f4a67}
.chat-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#efe6ed;color:#6f4a67;font-weight:800;flex:0 0 auto}.chat-avatar.large{width:44px;height:44px}
.chat-contact-copy{min-width:0;display:flex;flex-direction:column}.chat-contact-copy strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-contact-copy small{color:#77808f;margin-top:3px}
.chat-thread-panel{display:flex;flex-direction:column;min-width:0}.chat-thread-person{display:flex;align-items:center;gap:12px}.chat-thread-person span{color:#6b7280;font-size:13px}
.chat-history-tools{padding:8px 16px;text-align:center;border-bottom:1px solid #f0f0f4;background:#fcfcfd}
.chat-messages{flex:1;min-height:420px;max-height:520px;overflow:auto;padding:18px;background:#f8f9fc}
.chat-message-row{display:flex;margin:8px 0}.chat-message-row.mine{justify-content:flex-end}.chat-message-row.theirs{justify-content:flex-start}
.chat-bubble{max-width:min(76%,720px);padding:10px 13px;border-radius:15px;background:#fff;border:1px solid #e7e8ef;box-shadow:0 2px 8px rgba(31,41,55,.03)}
.chat-message-row.mine .chat-bubble{background:#6f4a67;color:white;border-color:#6f4a67;border-bottom-right-radius:5px}.chat-message-row.theirs .chat-bubble{border-bottom-left-radius:5px}
.chat-message-text{line-height:1.48;word-break:break-word}.chat-bubble small{display:block;margin-top:6px;color:#7a8290;font-size:11px}.chat-message-row.mine .chat-bubble small{color:rgba(255,255,255,.75)}
.chat-compose{display:grid;grid-template-columns:1fr auto;gap:10px;padding:14px;border-top:1px solid #ececf2;background:#fff}.chat-compose textarea{resize:none;width:100%;border:1px solid #dcdde5;border-radius:12px;padding:10px 12px;font:inherit;min-height:46px;max-height:120px}.chat-compose button{min-width:86px}
.chat-write-note{padding:0 16px 12px;color:#8a8f9b;font-size:11px;background:#fff}.chat-empty-thread,.chat-no-selection{color:#7b8190;text-align:center}.chat-empty-thread{padding:42px 12px}.chat-no-selection{margin:auto;padding:32px;max-width:460px}.chat-no-selection-icon{font-size:42px;margin-bottom:10px}.chat-no-selection h3{color:#303746;margin:0 0 8px}
@media(max-width:900px){.chat-layout{grid-template-columns:1fr}.chat-contact-list{max-height:260px}.chat-messages{min-height:360px}.chat-bubble{max-width:86%}}
@media(max-width:600px){.chat-layout{gap:10px}.chat-compose{grid-template-columns:1fr}.chat-compose button{width:100%}.chat-messages{padding:12px}.chat-bubble{max-width:92%}}


/* V7.6 - Lead reminders per employee */
.lead-reminder-card{margin-bottom:14px;overflow:hidden}
.lead-reminder-card .card-head{padding:14px 18px}
.lead-reminder-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid var(--line)}
.lead-reminder-item{display:grid;grid-template-columns:minmax(180px,1fr) auto auto;gap:14px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line)}
.lead-reminder-item:nth-child(odd){border-right:1px solid var(--line)}
.lead-reminder-person{display:flex;align-items:center;gap:10px;min-width:0}
.lead-reminder-person>div{min-width:0}.lead-reminder-person strong,.lead-reminder-person small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lead-reminder-person small{margin-top:2px;color:var(--muted);font-size:11px}
.chat-avatar.small{width:34px;height:34px;min-width:34px;font-size:11px}
.lead-reminder-counts{display:flex;gap:7px;align-items:center;white-space:nowrap}
.lead-reminder-counts span{padding:5px 8px;border-radius:999px;background:#f5f3f5;color:var(--muted);font-size:11px}
.lead-reminder-counts .needs-update{background:#fff3e6;color:#a45b00}.lead-reminder-counts .done{background:#eaf8f3;color:#087a59}
.lead-reminder-item .btn{min-width:118px}
@media(max-width:1100px){.lead-reminder-list{grid-template-columns:1fr}.lead-reminder-item:nth-child(odd){border-right:0}}
@media(max-width:700px){.lead-reminder-item{grid-template-columns:1fr auto}.lead-reminder-counts{grid-column:1/-1}.lead-reminder-item .btn{grid-column:2;grid-row:1}}

/* V7.8 - Bắt buộc chọn trạng thái trước khi lưu lượt gọi */
.required-star{color:#ef4444;font-weight:800}
.field-help{display:block;margin-top:6px;font-size:12px;color:#7b6f78}
#call-status:invalid{color:#7b6f78}
#save-call:disabled{opacity:.55;cursor:not-allowed;filter:saturate(.65)}


/* V7.9 - Dashboard: thời gian cuộc gọi cuối */
.dash-last-call{display:flex;align-items:baseline;gap:7px;white-space:nowrap}.dash-last-call strong{font-size:12px;color:var(--success)}.dash-last-call small{font-size:9px;color:var(--muted)}

/* V7.11 — Dashboard 3 cấp Admin → Team → Nhân viên */
.dashboard-v711{max-width:1540px;margin:0 auto;color:#20242c}
.dashboard-v711 .dash711-head{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:20px}
.dash711-eyebrow,.dash711-section-eyebrow{display:block;color:#8a6b82;font-size:10px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}
.dash711-head h1{margin:5px 0 0;font-size:32px;line-height:1.1;letter-spacing:-.035em;color:#182234}.dash711-head p{margin:7px 0 0;color:#6d7480;font-size:13px}
.dash711-back{border:0;background:transparent;color:#714b67;font-weight:800;padding:0;margin:0 0 7px;cursor:pointer}.dash711-back:hover{text-decoration:underline}
.dash711-date-tools{display:flex;align-items:flex-end;gap:8px}.dash711-date-tools label{display:grid;gap:5px;color:#737a86;font-size:10px;font-weight:750}.dash711-date-tools input{height:40px;border:1px solid #dfe3e8;background:#fff;border-radius:10px;padding:0 11px;color:#2a313b;font:inherit;min-width:150px}.dash711-date-tools .btn{height:40px;border-radius:10px;background:#fff}
.dash711-day-block,.dash711-section{background:#fff;border:1px solid #e5e8ed;border-radius:18px;box-shadow:0 8px 28px rgba(25,34,52,.045);overflow:hidden}.dash711-day-block{padding:18px;margin-bottom:18px}
.dash711-day-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:13px}.dash711-day-title>div{display:flex;align-items:baseline;gap:9px}.dash711-day-title span{font-size:10px;font-weight:850;letter-spacing:.1em;color:#907287}.dash711-day-title strong{font-size:14px;color:#303744}.dash711-day-title small{font-size:10px;color:#969da7}
.dash711-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.dash711-metric{position:relative;min-height:126px;padding:18px;border:1px solid #e8eaef;border-radius:15px;background:linear-gradient(180deg,#fff 0%,#fcfcfd 100%);display:flex;gap:14px;align-items:flex-start;overflow:hidden}.dash711-metric:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:#7a5571}.dash711-metric.tone-green:after{background:#10a874}.dash711-metric.tone-amber:after{background:#e69a1a}.dash711-metric.tone-teal:after{background:#1aa7a1}.dash711-metric.tone-blue:after{background:#4b83b2}
.dash711-metric-icon{width:42px;height:42px;flex:0 0 42px;border-radius:12px;display:grid;place-items:center;background:#f4edf2;color:#714b67;font-size:19px;font-weight:900}.tone-green .dash711-metric-icon{background:#e9f9f3;color:#0d9268}.tone-amber .dash711-metric-icon{background:#fff5df;color:#cc850c}.tone-teal .dash711-metric-icon{background:#e9f8f7;color:#16867f}.tone-blue .dash711-metric-icon{background:#edf5fb;color:#3a77a5}
.dash711-metric-body{min-width:0}.dash711-metric-body>span{display:block;color:#66707e;font-size:11px;font-weight:800}.dash711-metric-body>strong{display:block;margin-top:7px;font-size:34px;line-height:1;letter-spacing:-.04em;color:#172235}.dash711-metric-body>small{display:block;margin-top:8px;color:#9aa1ab;font-size:10px}
.dash711-section{margin-bottom:20px}.dash711-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid #eceef2}.dash711-section-head h2{margin:4px 0 0;font-size:18px;color:#242b36}.dash711-section-head p{margin:5px 0 0;color:#7b838f;font-size:11px}.dash711-period-badge{white-space:nowrap;padding:7px 10px;border-radius:999px;background:#f5eff3;color:#714b67;font-size:10px;font-weight:800}
.dash711-break-list{display:grid}.dash711-break-row{display:grid;grid-template-columns:1.35fr 1fr .8fr 1fr;min-width:0;border-bottom:1px solid #eef0f3}.dash711-break-row:last-child{border-bottom:0}.dash711-break-cell{position:relative;min-width:0;min-height:138px;padding:18px 20px;background:#fff;border:0;border-right:1px solid #eef0f3;text-align:left}.dash711-break-cell:last-child{border-right:0}.dash711-open-cell{cursor:pointer;transition:background .16s ease,box-shadow .16s ease}.dash711-open-cell:hover{background:#fbf8fa;box-shadow:inset 3px 0 0 #714b67}.dash711-cell-kicker,.dash711-cell-label{display:block;font-size:10px;font-weight:850;letter-spacing:.06em;color:#8b929c;text-transform:uppercase}.dash711-open-cell>strong{display:block;margin-top:6px;font-size:15px;line-height:1.25;color:#2c2630}.dash711-cell-main{margin-top:10px;font-size:30px;line-height:1;font-weight:850;letter-spacing:-.035em;color:#172235}.dash711-break-cell>small{display:block;margin-top:8px;color:#9aa1ab;font-size:9.5px}.dash711-open-arrow{position:absolute;right:17px;top:18px;width:28px;height:28px;border-radius:9px;background:#f4edf2;color:#714b67;display:grid;place-items:center;font-size:15px;font-weight:900}
.dash711-pair{display:flex;flex-direction:column}.dash711-pair-values{display:flex;align-items:center;gap:18px;margin-top:15px}.dash711-pair-values>div{min-width:56px}.dash711-pair-values b,.dash711-pair-values small{display:block}.dash711-pair-values b{font-size:28px;line-height:1;color:#172235}.dash711-pair-values small{margin-top:6px;font-size:9px;font-weight:800}.dash711-pair-values>div:first-child small{color:#0c966a}.dash711-pair-values>div:last-child small{color:#c9820b}.dash711-pair-values i{height:42px;width:1px;background:#e8ebef}
.dash711-rate-cell .dash711-cell-main{color:#148b76}.dash711-progress{height:7px;background:#edf0f2;border-radius:999px;overflow:hidden;margin-top:12px}.dash711-progress>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#20b485,#159d78)}
.dash711-person-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:18px}.dash711-big-card{min-height:190px;border:1px solid #e6e9ee;border-radius:17px;padding:24px;display:flex;align-items:center;gap:20px;background:linear-gradient(145deg,#fff,#fbfbfc)}.dash711-big-card.followup{background:linear-gradient(145deg,#fffaf0,#fff)}.dash711-big-card.lead{background:linear-gradient(145deg,#faf5f8,#fff)}.dash711-big-icon{width:62px;height:62px;flex:0 0 62px;border-radius:18px;display:grid;place-items:center;font-size:27px;background:#fff;border:1px solid #e7e9ed;box-shadow:0 7px 20px rgba(33,38,48,.06)}.dash711-big-card span{display:block;color:#68717e;font-size:12px;font-weight:850}.dash711-big-card strong{display:block;font-size:48px;line-height:1;margin-top:7px;letter-spacing:-.045em;color:#1c2738}.dash711-big-card small{display:block;margin-top:10px;color:#9299a4;font-size:10px}
.dash711-empty{padding:38px;text-align:center;color:#9199a4;font-size:12px}.dash711-loading{min-height:360px;display:grid;place-items:center;align-content:center;gap:10px;color:#4e5663}.dash711-loading span{font-size:11px;color:#8c939e}.dash711-spinner{width:34px;height:34px;border-radius:50%;border:3px solid #e9e2e7;border-top-color:#714b67;animation:dash711spin .8s linear infinite}@keyframes dash711spin{to{transform:rotate(360deg)}}
@media(max-width:1150px){.dash711-break-row{grid-template-columns:1.25fr 1fr 1fr 1fr}.dash711-break-cell{padding:16px}.dash711-metric-body>strong{font-size:30px}}
@media(max-width:900px){.dashboard-v711 .dash711-head{align-items:flex-start;flex-direction:column}.dash711-date-tools{width:100%}.dash711-date-tools label{flex:1}.dash711-date-tools input{width:100%}.dash711-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dash711-break-row{grid-template-columns:1fr 1fr}.dash711-break-cell{border-bottom:1px solid #eef0f3}.dash711-person-grid{grid-template-columns:1fr}}
@media(max-width:560px){.dashboard-redesign .main{padding:10px}.dash711-head h1{font-size:26px}.dash711-metric-grid{grid-template-columns:1fr}.dash711-break-row{grid-template-columns:1fr}.dash711-break-cell{min-height:118px;border-right:0}.dash711-day-title{align-items:flex-start;flex-direction:column}.dash711-date-tools{align-items:stretch;flex-direction:column}.dash711-person-grid{padding:10px}.dash711-big-card{min-height:150px;padding:18px}.dash711-big-card strong{font-size:42px}}

/* ========================================================================
   V7.12 — Enterprise Blue / White UI System
   Shinhan Finance-inspired visual direction (no functional changes)
   ======================================================================== */
:root{
  --odoo:#075AB8;
  --odoo-dark:#06478E;
  --odoo-soft:#EAF3FF;
  --teal:#0B8F77;
  --bg:#F4F7FB;
  --card:#FFFFFF;
  --line:#DDE6F1;
  --text:#172033;
  --muted:#6B778C;
  --danger:#C93C45;
  --warning:#B87400;
  --success:#087A5B;
  --shadow:0 10px 30px rgba(15,61,110,.08);
  --radius:12px;
  --sf-blue:#075AB8;
  --sf-blue-700:#06478E;
  --sf-blue-600:#0965C8;
  --sf-blue-500:#1976D2;
  --sf-blue-100:#EAF3FF;
  --sf-blue-50:#F4F8FE;
  --sf-navy:#12233F;
  --sf-surface:#FFFFFF;
  --sf-bg:#F4F7FB;
  --sf-border:#DDE6F1;
  --sf-muted:#6B778C;
}

html,body{background:var(--sf-bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
body{letter-spacing:-.005em}
::selection{background:#CFE4FF;color:#073A78}

/* Login */
.login-screen{background:linear-gradient(135deg,#062D61 0%,#075AB8 56%,#1780D8 100%);padding:28px}
.login-shell{width:min(1040px,100%);min-height:590px;border-radius:24px;box-shadow:0 36px 90px rgba(3,35,75,.30);border:1px solid rgba(255,255,255,.18)}
.login-brand{position:relative;overflow:hidden;padding:66px;background:linear-gradient(155deg,#06478E 0%,#075AB8 60%,#0B6BC8 100%);color:#fff}
.login-brand:before,.login-brand:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.13)}
.login-brand:before{width:360px;height:360px;right:-190px;top:-120px}.login-brand:after{width:250px;height:250px;left:-120px;bottom:-145px}
.login-brand>div{position:relative;z-index:1}.login-brand h1{color:#fff;font-size:36px;letter-spacing:-.04em}.login-brand p{color:rgba(255,255,255,.76);font-size:15px;font-weight:600;letter-spacing:.03em}
.brand-mark{position:relative;z-index:1;width:78px;height:78px;border-radius:20px;background:#fff;color:var(--sf-blue);box-shadow:0 18px 34px rgba(0,34,78,.22);font-size:24px}
.login-card{padding:58px 54px;background:#fff;justify-content:center;gap:11px}.login-card h2{font-size:30px;letter-spacing:-.035em;color:var(--sf-navy)}.login-card p{line-height:1.55}.login-card label{color:#34445E;font-size:12px}.login-card input{height:46px;border-color:#D5E0ED;border-radius:10px;padding:0 13px;background:#FBFDFF}.login-card input:hover{border-color:#B9CAE0}.login-card input:focus{border-color:var(--sf-blue);box-shadow:0 0 0 3px rgba(7,90,184,.11);background:#fff}
.login-card .btn.primary{margin-top:7px;height:46px;border-radius:10px;font-size:14px;box-shadow:0 8px 18px rgba(7,90,184,.18)}

/* Global shell */
.app{background:var(--sf-bg)}
.topbar{height:60px;background:linear-gradient(90deg,#06478E 0%,#075AB8 58%,#0966C0 100%);padding:0 20px;box-shadow:0 2px 12px rgba(6,51,108,.18);border-bottom:1px solid rgba(255,255,255,.09)}
.topbar-apps{font-size:22px;width:40px;height:40px;border-radius:9px}.topbar-title{gap:9px}.topbar-title strong{font-size:15px;font-weight:800;letter-spacing:-.01em}.topbar-title span{font-size:11px;opacity:.72}.mode-pill{padding:6px 10px;font-size:10px;font-weight:750;border:1px solid rgba(255,255,255,.13)}
.icon-btn{border-radius:9px}.user-button{height:44px;border-radius:10px;padding:0 10px}.avatar{width:31px;height:31px;color:var(--sf-blue);font-size:10px}.user-menu{top:55px;border-color:var(--sf-border);border-radius:12px;box-shadow:0 18px 44px rgba(18,35,63,.16);padding:7px}.user-menu button{border-radius:8px;color:#26364F}.user-menu button:hover{background:var(--sf-blue-50);color:var(--sf-blue)}
.workspace{min-height:calc(100vh - 60px);background:var(--sf-bg)}
.sidebar{width:248px;top:60px;height:calc(100vh - 60px);padding:15px 11px;background:#fff;border-right:1px solid var(--sf-border);box-shadow:4px 0 18px rgba(20,56,96,.025)}
.main{padding:24px 28px;background:var(--sf-bg)}
.sidebar-brand{padding:9px 10px 18px;margin-bottom:8px;border-bottom:1px solid #E7EDF5}
.sidebar-brand-mark{width:40px;height:40px;border-radius:11px;background:linear-gradient(145deg,#075AB8,#0E72D2);box-shadow:0 8px 18px rgba(7,90,184,.20);font-size:12px}.sidebar-brand strong{color:var(--sf-navy);font-size:14px}.sidebar-brand span{color:#8190A5;font-size:10px}
.menu-section{margin:8px 0 18px}.menu-title{padding:7px 11px 6px;color:#97A4B6;font-size:9px;letter-spacing:.11em}.menu-item{min-height:42px;border-radius:10px;padding:6px 10px;gap:10px;color:#42516A;font-weight:650;font-size:13px;transition:background .15s ease,color .15s ease,transform .15s ease}
.menu-item>span:first-child{width:29px;height:29px;flex:0 0 29px;border-radius:8px;display:grid;place-items:center;background:#F2F6FB;color:#6E7E94;font-size:15px;font-weight:900;line-height:1}
.menu-item:hover{background:#F5F9FE;color:var(--sf-blue)}.menu-item:hover>span:first-child{background:#E6F1FF;color:var(--sf-blue)}
.menu-item.active{background:linear-gradient(90deg,#E8F3FF 0%,#F6FAFF 100%);color:var(--sf-blue);font-weight:800;box-shadow:inset 3px 0 0 var(--sf-blue)}.menu-item.active>span:first-child{background:var(--sf-blue);color:#fff}

/* Page headings and controls */
.page-head{margin-bottom:18px;align-items:center}.page-head h1{font-size:26px;line-height:1.2;letter-spacing:-.035em;color:var(--sf-navy);font-weight:820}.page-head p{margin-top:5px;font-size:12px;color:var(--sf-muted)}
.actions{gap:8px}.btn{min-height:38px;border:1px solid #D6E1EE;border-radius:9px;padding:8px 12px;background:#fff;color:#33435B;font-weight:750;font-size:12px;box-shadow:0 1px 2px rgba(18,35,63,.02);transition:.15s ease}.btn:hover{background:#F4F8FE;border-color:#BFD1E6;color:var(--sf-blue);transform:translateY(-1px)}
.btn.primary{background:linear-gradient(180deg,#0B65C5,#075AB8);border-color:#075AB8;color:#fff;box-shadow:0 5px 12px rgba(7,90,184,.16)}.btn.primary:hover{background:linear-gradient(180deg,#0960BA,#064F9F);color:#fff;border-color:#064F9F}
.btn.teal{background:#087A6A;border-color:#087A6A;color:#fff}.btn.danger{background:#FFF7F7;border-color:#F1CED1;color:#B72D38}.btn.small{min-height:32px;border-radius:8px;padding:6px 9px}

/* Forms / toolbar */
.toolbar{border-color:var(--sf-border);border-radius:12px;padding:11px 12px;margin-bottom:14px;box-shadow:0 4px 16px rgba(15,61,110,.035)}
.toolbar input,.toolbar select,.form-grid input,.form-grid select,.form-grid textarea,.date-actions input,#kpi-date{border:1px solid #D7E2EF;border-radius:9px;background:#fff;color:#25364E;transition:border-color .15s ease,box-shadow .15s ease}.toolbar input,.toolbar select,.form-grid input,.form-grid select{min-height:39px}.toolbar input:hover,.toolbar select:hover,.form-grid input:hover,.form-grid select:hover,.form-grid textarea:hover{border-color:#BACDE3}.toolbar input:focus,.toolbar select:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--sf-blue);box-shadow:0 0 0 3px rgba(7,90,184,.09)}
.view-toggle{border-color:#D7E2EF;border-radius:9px}.view-toggle button.active{background:var(--sf-blue-100);color:var(--sf-blue)}

/* Common cards / KPI */
.card,.queue,.call-desk,.chat-contacts-panel,.chat-thread-panel{border:1px solid var(--sf-border);border-radius:14px;box-shadow:0 6px 20px rgba(15,61,110,.045)}
.card-head{padding:14px 17px;border-bottom-color:#E8EEF6}.card-head h3{font-size:14px;color:var(--sf-navy)}.card-body{padding:17px}
.kpis{gap:11px}.kpi{border-color:var(--sf-border);border-radius:14px;padding:15px 16px;box-shadow:0 5px 18px rgba(15,61,110,.04)}.kpi .label{color:#6B7A90;font-size:10px;letter-spacing:.04em}.kpi .value{font-size:28px;color:var(--sf-navy);letter-spacing:-.035em}.kpi .sub{color:#8D99AA}.kpi.positive .value{color:#087A5B}.kpi.attn .value{color:#B87400}

/* Tables */
.table-wrap{border-color:var(--sf-border);border-radius:12px;box-shadow:0 5px 18px rgba(15,61,110,.035)}
.data-table{font-size:12px}.data-table th{background:#F6F9FD;color:#61718A;padding:11px 12px;border-bottom:1px solid #DCE6F1;font-size:10px;font-weight:800;letter-spacing:.025em}.data-table td{padding:11px 12px;border-bottom-color:#ECF1F6;color:#27364C}.data-table tbody tr:hover{background:#F7FBFF}.name-link{color:var(--sf-blue)}
.status{background:#EDF2F7;color:#536278}.status.y01{background:#E7F7F1;color:#087458}.status.y02{background:#FFF5DE;color:#9C6505}.status.n02{background:#EEF3FA;color:#536A8A}.status.new{background:#E9F3FF;color:#075AAE}.status.danger{background:#FDEDEE;color:#B8343D}

/* App launcher */
.app-launcher{max-width:1180px;margin:12px auto}.launcher-welcome{margin:10px 0 22px}.launcher-welcome h1{font-size:30px;color:var(--sf-navy);letter-spacing:-.04em}.launcher-welcome p{color:var(--sf-muted)}
.app-grid{gap:14px}.app-tile{border:1px solid var(--sf-border);border-radius:15px;padding:23px 16px;box-shadow:0 5px 18px rgba(15,61,110,.04);transition:.16s ease}.app-tile:hover{transform:translateY(-2px);border-color:#BDD3EC;box-shadow:0 12px 28px rgba(15,61,110,.09)}
.app-icon,.app-tile:nth-child(2n) .app-icon,.app-tile:nth-child(3n) .app-icon{width:58px;height:58px;border-radius:15px;background:linear-gradient(145deg,#075AB8,#1678D4);color:#fff;box-shadow:0 9px 20px rgba(7,90,184,.18);font-size:25px}.app-tile h3{color:var(--sf-navy);font-size:14px}.app-tile p{font-size:11px;line-height:1.4}

/* Telesale / Kanban */
.kanban-col{background:#EEF3F8;border:1px solid #E1E9F2;border-radius:12px}.kanban-card{border-color:#DCE5F0;border-radius:10px;box-shadow:0 3px 10px rgba(15,61,110,.035)}.kanban-card:hover{border-color:#B7CDE6}
.queue-head{background:#F8FBFF;border-bottom-color:#E4ECF5;color:var(--sf-navy)}.queue-item{border-bottom-color:#EDF2F7}.queue-item:hover,.queue-item.active{background:#ECF5FF}.call-desk{top:74px}.call-phone{color:var(--sf-blue)}.form-field label{color:#586982}.notice{background:#EEF7FF;color:#275F91;border-color:#D3E6F8}.notice.warning{background:#FFF9EA;color:#7A5A16;border-color:#EEDDAE}.import-zone{border-color:#B7CEE8;background:#F7FBFF;border-radius:14px}

/* Employees / teams */
.team-chip,.team-tab,.period-tab{border-color:#DCE5F0;color:#53637A}.team-filter.active,.team-filter:hover,.team-tab.active,.period-tab.active{background:var(--sf-blue);border-color:var(--sf-blue);color:#fff}.team-tab.active span{background:rgba(255,255,255,.18)}
.employee{border-color:var(--sf-border);border-radius:13px;box-shadow:0 4px 14px rgba(15,61,110,.035)}.employee-avatar{background:var(--sf-blue-100);color:var(--sf-blue)}

/* Warehouse / Lead */
.warehouse-kpi,.warehouse-overview-kpis>div,.team-data-summary>div,.lead-summary>div{border-color:var(--sf-border);border-radius:13px;box-shadow:0 5px 16px rgba(15,61,110,.035)}
.warehouse-kpi strong,.warehouse-overview-kpis strong{color:var(--sf-blue)}.warehouse-kpi.active{border-color:#AFC9E7;box-shadow:0 0 0 2px rgba(7,90,184,.08);background:#F7FBFF}
.warehouse-section-tabs{border-color:var(--sf-border);border-radius:12px}.warehouse-section-tab:hover{background:#EEF6FF;color:var(--sf-blue)}.warehouse-section-tab.active{background:var(--sf-blue);color:#fff}.warehouse-section-intro{background:#F5F9FE;border-color:#D7E6F5}.warehouse-section-intro h3{color:var(--sf-blue)}
.lead-summary .lead-total-card{border-color:#BDD4ED;background:#F5F9FE;box-shadow:0 5px 16px rgba(7,90,184,.06)}.lead-summary .lead-total-card strong{color:var(--sf-blue)}
.lead-inline-note{border-color:#DDE8F4;background:#F8FBFF;color:#42536A}.lead-date-group td{background:#F3F8FE;border-color:#D9E7F5;color:#285C91}.lead-stage.login{background:#EAF4FF;color:#075AAE}.lead-stage.signed{background:#E7F7F1;color:#087458}.lead-stage.new{background:#EEF3FA;color:#5B6C83}

/* Chat */
.chat-contact:hover{background:#F5F9FE}.chat-contact.active{background:#EAF3FF;color:#075AB8}.chat-avatar{background:#E7F1FD;color:#075AB8}.chat-messages{background:#F5F8FC}.chat-message-row.mine .chat-bubble{background:linear-gradient(145deg,#0965C8,#075AB8);border-color:#075AB8}.chat-search input{border-color:#D9E4F0;background:#FBFDFF}.chat-compose textarea{border-color:#D7E2EF}.chat-compose textarea:focus,.chat-search input:focus{outline:none;border-color:var(--sf-blue);box-shadow:0 0 0 3px rgba(7,90,184,.08)}

/* Modal / notifications */
.modal-backdrop{background:rgba(12,31,58,.48);backdrop-filter:blur(2px)}.modal{border-radius:16px;box-shadow:0 32px 90px rgba(4,26,57,.28)}.modal-header{border-bottom-color:#E5EDF5}.eyebrow{color:var(--sf-blue)}
.notification-count{border-color:#075AB8}.notification-panel{border-color:var(--sf-border);border-radius:13px;box-shadow:0 18px 48px rgba(18,35,63,.18)}.notification-item:hover{background:#F5F9FE}.notification-item.is-unread{background:#F1F7FF}.notification-item.is-unread:hover{background:#E8F3FF}.notification-read-all{color:var(--sf-blue)}.notification-read-all:hover{background:#EDF5FF}

/* Dashboard V7.11 layout restyled into V7.12 theme */
.dashboard-redesign{--dash-plum:#075AB8;--dash-plum-dark:#06478E;--dash-text:#172033;--dash-muted:#6B778C;--dash-bg:#F4F7FB;--dash-border:#DDE6F1}
.dashboard-redesign .topbar{height:60px;background:linear-gradient(90deg,#06478E 0%,#075AB8 58%,#0966C0 100%);color:#fff;box-shadow:0 2px 12px rgba(6,51,108,.18)}
.dashboard-redesign .topbar-apps:hover,.dashboard-redesign .icon-btn:hover,.dashboard-redesign .user-button:hover{background:rgba(255,255,255,.12)}.dashboard-redesign .mode-pill{background:rgba(255,255,255,.14);color:#fff}.dashboard-redesign .avatar{background:#fff;color:var(--sf-blue)}
.dashboard-redesign .workspace{background:var(--sf-bg)}.dashboard-redesign .sidebar{width:248px;top:60px;height:calc(100vh - 60px);padding:15px 11px;background:#fff;color:var(--text);border-right:1px solid var(--sf-border);box-shadow:4px 0 18px rgba(20,56,96,.025)}.dashboard-redesign .main{background:var(--sf-bg);padding:24px 28px}
.dashboard-redesign .sidebar-brand{padding:9px 10px 18px;border-bottom-color:#E7EDF5}.dashboard-redesign .sidebar-brand-mark{width:40px;height:40px;background:linear-gradient(145deg,#075AB8,#0E72D2);color:#fff;box-shadow:0 8px 18px rgba(7,90,184,.20)}.dashboard-redesign .sidebar-brand strong{color:var(--sf-navy)}.dashboard-redesign .sidebar-brand span{color:#8190A5}.dashboard-redesign .menu-title{color:#97A4B6;padding:7px 11px 6px;letter-spacing:.11em}.dashboard-redesign .menu-section{margin:8px 0 18px}.dashboard-redesign .menu-item{min-height:42px;border-radius:10px;padding:6px 10px;gap:10px;color:#42516A;font-weight:650}.dashboard-redesign .menu-item:hover{background:#F5F9FE;color:var(--sf-blue)}.dashboard-redesign .menu-item.active{background:linear-gradient(90deg,#E8F3FF,#F6FAFF);color:var(--sf-blue);font-weight:800;box-shadow:inset 3px 0 0 var(--sf-blue)}
.dashboard-v711{max-width:1580px;margin:0 auto}.dashboard-v711 .dash711-head{margin-bottom:18px;align-items:center}.dash711-eyebrow,.dash711-section-eyebrow{color:var(--sf-blue);letter-spacing:.12em}.dash711-head h1{color:var(--sf-navy);font-size:30px}.dash711-head p{color:var(--sf-muted)}.dash711-back{color:var(--sf-blue)}
.dash711-date-tools input{border-color:#D7E2EF;border-radius:9px}.dash711-date-tools input:focus{outline:none;border-color:var(--sf-blue);box-shadow:0 0 0 3px rgba(7,90,184,.08)}.dash711-date-tools .btn{border-radius:9px}
.dash711-day-block,.dash711-section{border-color:var(--sf-border);border-radius:15px;box-shadow:0 7px 22px rgba(15,61,110,.045)}.dash711-day-block{padding:17px}.dash711-day-title span{color:var(--sf-blue)}
.dash711-metric{min-height:122px;padding:17px;border-color:#E1E9F2;border-radius:13px;background:#fff}.dash711-metric:after,.dash711-metric.tone-teal:after,.dash711-metric.tone-blue:after{background:var(--sf-blue)}.dash711-metric-icon,.tone-teal .dash711-metric-icon,.tone-blue .dash711-metric-icon{background:#EAF3FF;color:var(--sf-blue)}.dash711-metric-body>span{color:#5D6D84}.dash711-metric-body>strong{color:var(--sf-navy);font-size:32px}.dash711-metric-body>small{color:#8E9AAD}
.dash711-section-head{padding:17px 19px;border-bottom-color:#E7EDF4}.dash711-section-head h2{color:var(--sf-navy)}.dash711-section-head p{color:var(--sf-muted)}.dash711-period-badge{background:#EAF3FF;color:var(--sf-blue)}
.dash711-break-row{border-bottom-color:#E8EEF5}.dash711-break-cell{min-height:128px;padding:17px 19px;border-right-color:#E8EEF5}.dash711-open-cell:hover{background:#F6FAFF;box-shadow:inset 3px 0 0 var(--sf-blue)}.dash711-open-cell>strong{color:#20314A}.dash711-cell-main{color:var(--sf-navy)}.dash711-open-arrow{background:#EAF3FF;color:var(--sf-blue)}.dash711-rate-cell .dash711-cell-main{color:#075AB8}.dash711-progress{background:#E5ECF4}.dash711-progress>span{background:linear-gradient(90deg,#1976D2,#075AB8)}
.dash711-big-card{border-color:#DDE7F2;border-radius:15px;background:linear-gradient(145deg,#fff,#F9FBFE)}.dash711-big-card.followup{background:linear-gradient(145deg,#F5F9FE,#fff)}.dash711-big-card.lead{background:linear-gradient(145deg,#EDF5FF,#fff)}.dash711-big-icon{border-color:#DDE7F2;color:var(--sf-blue);background:#fff}.dash711-big-card strong{color:var(--sf-navy)}.dash711-spinner{border-color:#DDE8F5;border-top-color:var(--sf-blue)}

/* Legacy dashboard colors, if any legacy section is shown */
.dash-segment button.active,.dash-team-tabs button.active{background:var(--sf-blue)}.dash-quick:hover{border-color:#BBD0E8;background:#F5F9FE;color:var(--sf-blue)}.dash-section-icon{background:#EAF3FF;color:var(--sf-blue)}.dash-legend i.calls,.dash-group-bar.calls,.dash-call-bar{background:var(--sf-blue);fill:var(--sf-blue)}.dash-bar-value.calls{fill:#075AB8}

/* Mobile */
.mobile-bottom-nav{border-top-color:#DCE6F1;box-shadow:0 -8px 24px rgba(15,61,110,.08)}.mobile-nav-item.active{background:#EAF3FF;color:var(--sf-blue)}
@media(max-width:760px){
  .topbar,.dashboard-redesign .topbar{height:56px;padding-left:max(7px,env(safe-area-inset-left));padding-right:max(7px,env(safe-area-inset-right))}
  .workspace{min-height:calc(100vh - 56px)}
  .sidebar,.dashboard-redesign .sidebar{top:56px;height:auto;padding:12px 9px;box-shadow:12px 0 36px rgba(10,45,87,.16)}
  .main,.dashboard-redesign .main{padding:12px 12px calc(84px + env(safe-area-inset-bottom))}
  .login-screen{padding:12px}.login-shell{min-height:0}.login-card{padding:28px 22px}.login-card h2{font-size:26px}
  .menu-item{min-height:44px}.page-head h1{font-size:22px}.card,.queue,.call-desk{border-radius:12px}
  .table-wrap:after{background:#EAF3FF;color:var(--sf-blue)}
  .dashboard-v711 .dash711-head{align-items:flex-start}.dash711-metric-grid{gap:9px}.dash711-metric{min-height:112px;padding:14px}.dash711-section-head{padding:14px}.dash711-break-cell{padding:14px}.dash711-person-grid{gap:10px}
}
@media(max-width:560px){
  .app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-tile{min-height:128px;padding:16px 8px}.app-icon,.app-tile:nth-child(2n) .app-icon,.app-tile:nth-child(3n) .app-icon{width:50px;height:50px;font-size:22px}
  .dash711-head h1{font-size:25px}.dash711-day-block{padding:13px}.dash711-metric-grid{grid-template-columns:1fr 1fr}.dash711-metric{min-height:105px;gap:10px}.dash711-metric-icon{width:36px;height:36px;flex-basis:36px}.dash711-metric-body>strong{font-size:27px}.dash711-metric-body>small{font-size:9px}.dash711-big-card{padding:16px}.dash711-big-icon{width:52px;height:52px;flex-basis:52px}.dash711-big-card strong{font-size:40px}
}

/* ======================================================================
   V7.13 — Enterprise Redesign
   Structural redesign: shell, hierarchy, navigation, cards, tables,
   dashboards and forms. Blue / white enterprise visual language.
   ====================================================================== */
:root{
  --e-blue:#0057B8;
  --e-blue-2:#0874D9;
  --e-blue-3:#0B86E8;
  --e-navy:#0B2341;
  --e-navy-2:#12345A;
  --e-ink:#132238;
  --e-text:#263B55;
  --e-muted:#6F8096;
  --e-soft:#F3F7FC;
  --e-soft-2:#EAF2FB;
  --e-line:#DCE6F1;
  --e-line-2:#E8EEF5;
  --e-card:#FFFFFF;
  --e-success:#0F9D73;
  --e-warning:#E79A18;
  --e-danger:#D34B4B;
  --e-shadow:0 10px 30px rgba(22,54,92,.07);
  --e-shadow-lg:0 24px 60px rgba(12,43,78,.13);
  --e-radius:16px;
}
html,body{background:var(--e-soft);color:var(--e-ink);font-feature-settings:"tnum" 1,"cv02" 1,"cv03" 1}
body{letter-spacing:-.005em}
button,input,select,textarea{font-family:inherit}

/* LOGIN — completely reworked composition */
.login-screen{padding:28px;background:#eef4fb;position:relative;overflow:hidden}
.login-screen:before,.login-screen:after{content:"";position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none}
.login-screen:before{width:520px;height:520px;left:-220px;top:-180px;background:rgba(0,87,184,.09)}
.login-screen:after{width:420px;height:420px;right:-160px;bottom:-170px;background:rgba(8,116,217,.07)}
.login-shell{width:min(1120px,100%);min-height:650px;grid-template-columns:1.08fr .92fr;border-radius:26px;border:1px solid rgba(175,195,218,.55);box-shadow:0 36px 90px rgba(23,60,102,.18);position:relative;z-index:1}
.login-brand{padding:54px 58px;background:linear-gradient(145deg,#063D82 0%,#0057B8 52%,#0874D9 100%);color:#fff;align-items:stretch;position:relative;overflow:hidden}
.login-brand:before{content:"";position:absolute;width:420px;height:420px;border:70px solid rgba(255,255,255,.055);border-radius:50%;right:-220px;top:-120px}
.login-brand:after{content:"";position:absolute;width:220px;height:220px;border:40px solid rgba(255,255,255,.05);border-radius:50%;left:-120px;bottom:-100px}
.login-brand-content{position:relative;z-index:1;width:100%;display:flex;flex-direction:column;min-height:100%}
.login-brand-top{display:flex;align-items:center;gap:14px;font-size:12px;font-weight:850;letter-spacing:.12em}
.login-brand .brand-mark{width:46px;height:46px;border-radius:13px;background:#fff;color:var(--e-blue);font-size:16px;box-shadow:0 10px 30px rgba(0,0,0,.14)}
.login-brand-copy{margin:auto 0;max-width:500px}
.login-brand-kicker{display:block;margin-bottom:18px;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#CFE6FF}
.login-brand h1{margin:0;color:#fff;font-size:46px;line-height:1.08;letter-spacing:-.045em;font-weight:800}
.login-brand p{margin:22px 0 0;color:#D9E9FA;line-height:1.7;font-size:15px;max-width:450px}
.login-brand-points{display:flex;gap:18px;flex-wrap:wrap;color:#DDEEFF;font-size:11px;font-weight:650}.login-brand-points span{opacity:.95}
.login-card{padding:76px 62px 58px;justify-content:center;gap:12px;background:#fff}
.login-card:before{content:"ĐĂNG NHẬP HỆ THỐNG";font-size:10px;font-weight:850;color:var(--e-blue);letter-spacing:.14em;margin-bottom:1px}
.login-card h2{font-size:31px;letter-spacing:-.035em;color:var(--e-navy);margin-bottom:0}.login-card p{line-height:1.55;margin-bottom:16px;font-size:13px}
.login-card label{font-size:11px;color:#52657D;letter-spacing:.02em;margin-top:6px}
.login-card input{height:48px;border:1px solid #D7E2EE;border-radius:11px;padding:0 15px;background:#FBFDFF;color:var(--e-ink);transition:.16s}
.login-card input:hover{border-color:#B8CBE0;background:#fff}.login-card input:focus{border-color:var(--e-blue);background:#fff;box-shadow:0 0 0 4px rgba(0,87,184,.08)}
.login-card .btn.primary{margin-top:9px;height:49px;border-radius:11px;background:linear-gradient(90deg,#0057B8,#0874D9);border:0;box-shadow:0 10px 24px rgba(0,87,184,.20);font-size:14px}.login-card .btn.primary:hover{filter:brightness(.97);transform:translateY(-1px)}

/* APP SHELL — new topbar and high-contrast enterprise sidebar */
.app{background:var(--e-soft)}
.topbar,.dashboard-redesign .topbar{height:68px;background:#fff;color:var(--e-ink);border-top:3px solid var(--e-blue);border-bottom:1px solid var(--e-line);box-shadow:0 4px 18px rgba(24,56,93,.045);padding:0 20px;gap:0}
.topbar-left,.topbar-right{display:flex;align-items:center;height:100%}.topbar-left{gap:8px}.topbar-right{gap:8px}
.topbar-product-mark{width:35px;height:35px;border-radius:10px;background:linear-gradient(145deg,var(--e-blue),var(--e-blue-2));display:grid;place-items:center;color:#fff;font-size:11px;font-weight:900;box-shadow:0 6px 16px rgba(0,87,184,.20);margin:0 4px}
.topbar-apps,.mobile-menu-button{color:#42617F;border-radius:10px}.topbar-apps{font-size:21px;width:38px;height:38px}.topbar-grid-icon{position:relative;top:-1px}.topbar-apps:hover,.icon-btn:hover,.user-button:hover,.mobile-menu-button:hover{background:#EFF5FC;color:var(--e-blue)}
.topbar-title{display:flex;flex-direction:column;align-items:flex-start;gap:1px;min-width:170px;padding-left:4px}.topbar-title strong{font-size:14px;color:var(--e-navy);font-weight:800;line-height:1.2}.topbar-title span{font-size:9.5px;color:#8493A5;opacity:1;text-transform:uppercase;letter-spacing:.05em}
.mode-pill{font-size:10.5px;font-weight:750;padding:7px 10px;border-radius:999px!important;margin-right:2px!important;background:#EAF8F2!important;color:#087656!important;border:1px solid #D0EEDF}
.topbar .icon-btn{color:#4B6079}.notification-button{background:#F5F8FC;border:1px solid #E4EBF3!important;width:38px;height:38px;border-radius:10px!important}.notification-button:hover{background:#EDF5FF!important;color:var(--e-blue)!important}
.user-button{height:46px;border:1px solid #E1E9F2;background:#fff;color:var(--e-ink);border-radius:12px;gap:10px;padding:5px 8px 5px 5px;min-width:190px;text-align:left}.user-button:hover{border-color:#BED2E8;background:#F9FBFE}.avatar{width:34px;height:34px;background:linear-gradient(145deg,#E9F3FF,#DDEEFF);color:var(--e-blue);font-size:10px;border:1px solid #CCE0F6}.user-button-copy{display:flex;min-width:0;flex:1;flex-direction:column;line-height:1.15}.user-button-copy>span{font-size:11.5px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-button-copy small{font-size:9px;color:#8A98AA;margin-top:3px}.user-caret{color:#8190A2;font-size:11px}
.user-menu{right:20px;top:62px;min-width:205px;border:1px solid var(--e-line);border-radius:13px;box-shadow:0 18px 50px rgba(23,48,79,.16);padding:7px}.user-menu button{padding:10px 11px;border-radius:8px;color:#3C5068}.user-menu button:hover{background:#F1F6FC;color:var(--e-blue)}
.workspace{min-height:calc(100vh - 68px);background:var(--e-soft)}
.sidebar,.dashboard-redesign .sidebar{width:254px;top:68px;height:calc(100vh - 68px);padding:0;background:linear-gradient(180deg,#0C2D55 0%,#0A3A71 54%,#064F9D 100%);border-right:0;color:#fff;box-shadow:8px 0 30px rgba(5,45,89,.10);overflow:hidden}
#sidebar-menu{height:100%;display:flex;flex-direction:column;min-height:0}
.sidebar-brand,.dashboard-redesign .sidebar-brand{margin:0;padding:20px 18px 17px;border-bottom:1px solid rgba(255,255,255,.12);gap:11px}.sidebar-brand-mark,.dashboard-redesign .sidebar-brand-mark{width:40px;height:40px;border-radius:12px;background:#fff;color:var(--e-blue);box-shadow:0 8px 22px rgba(0,0,0,.15);font-size:12px}.sidebar-brand strong,.dashboard-redesign .sidebar-brand strong{color:#fff;font-size:14px}.sidebar-brand span,.dashboard-redesign .sidebar-brand span{color:#BFD7EF;font-size:9.5px;text-transform:uppercase;letter-spacing:.06em;margin-top:3px}
.sidebar-context{margin:16px 14px 8px;padding:14px 14px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.07);border-radius:13px}.sidebar-context>span{display:block;color:#9FC4EA;font-size:8.5px;font-weight:850;letter-spacing:.12em}.sidebar-context>strong{display:block;color:#fff;font-size:13px;margin-top:6px}.sidebar-context>small{display:block;color:#BFD7EF;font-size:10px;margin-top:3px}
.sidebar-nav-scroll{overflow:auto;padding:3px 11px 12px;flex:1;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}
.menu-section,.dashboard-redesign .menu-section{margin:11px 0 16px}.menu-title,.dashboard-redesign .menu-title{color:#8EB7E1;padding:6px 10px 7px;font-size:8.5px;letter-spacing:.13em;font-weight:850}
.menu-item,.dashboard-redesign .menu-item{min-height:45px;border-radius:11px;padding:6px 9px 6px 8px;gap:10px;color:#D9E8F8;font-weight:650;font-size:12px;position:relative;transition:.16s}.menu-item:hover,.dashboard-redesign .menu-item:hover{background:rgba(255,255,255,.09);color:#fff;transform:translateX(2px)}.menu-item.active,.dashboard-redesign .menu-item.active{background:#fff;color:var(--e-blue);font-weight:800;box-shadow:0 8px 20px rgba(1,22,45,.18)}
.menu-item-icon{width:30px;height:30px;flex:0 0 30px;border-radius:8px;display:grid;place-items:center;background:rgba(255,255,255,.08);font-size:14px}.menu-item.active .menu-item-icon{background:#EAF3FE;color:var(--e-blue)}.menu-item-label{flex:1}.menu-item-arrow{opacity:.45;font-size:17px}.menu-item.active .menu-item-arrow{opacity:.7}
.sidebar-foot{margin:8px 12px 14px;padding:12px;border-top:1px solid rgba(255,255,255,.12);display:flex;align-items:center;gap:9px;color:#fff}.sidebar-foot-dot{width:8px;height:8px;border-radius:50%;background:#35D59B;box-shadow:0 0 0 4px rgba(53,213,155,.12)}.sidebar-foot div{display:flex;flex-direction:column}.sidebar-foot strong{font-size:9.5px}.sidebar-foot small{font-size:8.5px;color:#A9C8E7;margin-top:2px}
.main,.dashboard-redesign .main{background:var(--e-soft);padding:28px 32px 38px;min-height:calc(100vh - 68px)}

/* PAGE HIERARCHY — headings and actions no longer feel like plain text */
.page-head{margin:0 0 20px;padding:0 0 18px;border-bottom:1px solid #DDE6F0;align-items:center}.page-head>div:first-child{position:relative;padding-left:15px}.page-head>div:first-child:before{content:"";position:absolute;left:0;top:2px;width:4px;height:37px;border-radius:999px;background:linear-gradient(var(--e-blue),var(--e-blue-2))}.page-head h1{font-size:25px;letter-spacing:-.035em;color:var(--e-navy);font-weight:830}.page-head p{font-size:11.5px;color:#75869A;margin-top:5px;line-height:1.45}
.actions{gap:9px}.btn{min-height:39px;border-radius:10px;padding:8px 13px;border:1px solid #D5E0EB;background:#fff;color:#38506A;font-size:11.5px;font-weight:750;box-shadow:0 2px 7px rgba(25,57,92,.025);transition:.15s}.btn:hover{background:#F7FAFE;border-color:#BCD0E5;color:var(--e-blue);transform:translateY(-1px)}.btn.primary,.btn.teal{background:linear-gradient(90deg,var(--e-blue),var(--e-blue-2));border-color:transparent;color:#fff;box-shadow:0 7px 18px rgba(0,87,184,.16)}.btn.primary:hover,.btn.teal:hover{color:#fff;filter:brightness(.98)}.btn.danger{background:#FFF7F7;border-color:#F3D4D4;color:#B63E3E}.btn.small{min-height:32px;padding:5px 9px;font-size:10px}

/* APP LAUNCHER — new enterprise home, cards are no longer centered app icons */
.app-launcher.enterprise-launcher{max-width:1420px;margin:0 auto;padding:4px 0 30px}.launcher-hero{min-height:230px;border-radius:24px;background:linear-gradient(118deg,#082F62 0%,#0057B8 58%,#0B7AD8 100%);box-shadow:0 24px 52px rgba(3,64,126,.18);padding:42px 46px;display:flex;align-items:center;justify-content:space-between;gap:30px;color:#fff;position:relative;overflow:hidden}.launcher-hero:before{content:"";position:absolute;width:520px;height:520px;border:86px solid rgba(255,255,255,.055);border-radius:50%;right:-260px;top:-255px}.launcher-hero:after{content:"";position:absolute;inset:auto 0 0;height:5px;background:linear-gradient(90deg,#67B7FF,#fff0 70%)}.launcher-hero-copy{position:relative;z-index:1;max-width:700px}.launcher-kicker{display:block;font-size:10px;font-weight:850;letter-spacing:.16em;color:#BFE0FF}.launcher-hero h1{margin:12px 0 8px;font-size:34px;line-height:1.08;letter-spacing:-.045em}.launcher-hero p{margin:0;color:#D5E8FA;font-size:13px;line-height:1.6;max-width:620px}.launcher-badges{display:flex;gap:8px;margin-top:22px;flex-wrap:wrap}.launcher-badges span{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.14);font-size:9.5px;font-weight:750}.launcher-hero-mark{position:relative;z-index:1;width:128px;height:128px;border-radius:30px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);display:grid;place-items:center;align-content:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}.launcher-hero-mark span{font-size:42px;font-weight:900;letter-spacing:-.06em}.launcher-hero-mark small{font-size:10px;letter-spacing:.2em;color:#CAE5FF;margin-top:2px}
.launcher-section-head{display:flex;align-items:flex-end;justify-content:space-between;margin:30px 2px 15px}.launcher-section-head>div>span{font-size:9px;color:var(--e-blue);font-weight:850;letter-spacing:.14em}.launcher-section-head h2{margin:4px 0 0;color:var(--e-navy);font-size:20px;letter-spacing:-.025em}.launcher-section-head>small{color:#8A98AA;font-size:10px}
.enterprise-launcher .app-grid{grid-template-columns:repeat(3,minmax(250px,1fr));gap:14px}.enterprise-launcher .app-tile{min-height:190px;border-radius:16px;padding:20px 21px;text-align:left;box-shadow:0 6px 18px rgba(17,53,92,.045);border:1px solid #DFE8F2;display:flex;flex-direction:column;align-items:stretch;transition:.18s;background:#fff;position:relative;overflow:hidden}.enterprise-launcher .app-tile:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:transparent;transition:.18s}.enterprise-launcher .app-tile:hover{transform:translateY(-3px);border-color:#BBD0E6;box-shadow:0 16px 32px rgba(17,53,92,.095)}.enterprise-launcher .app-tile:hover:before{background:var(--e-blue)}.app-tile-top{display:flex;align-items:center;justify-content:space-between}.enterprise-launcher .app-icon,.enterprise-launcher .app-tile:nth-child(2n) .app-icon,.enterprise-launcher .app-tile:nth-child(3n) .app-icon{width:46px;height:46px;border-radius:12px;margin:0;background:#EAF3FE;color:var(--e-blue);font-size:20px;box-shadow:none}.app-index{font-size:9px;color:#A1ADBC;font-weight:800;letter-spacing:.08em}.app-tile-copy{margin-top:20px}.enterprise-launcher .app-tile h3{font-size:14px;color:var(--e-navy);margin:0 0 7px}.enterprise-launcher .app-tile p{font-size:10.5px;color:#7D8B9D;line-height:1.5;min-height:32px}.app-tile-open{margin-top:auto;padding-top:16px;color:#55708E;font-size:9.5px;font-weight:750;border-top:1px solid #EEF2F6;display:flex;justify-content:space-between}.app-tile-open b{font-size:14px;color:var(--e-blue)}

/* GENERIC BUSINESS CARDS */
.card,.panel,.queue,.call-desk,.kpi,.warehouse-kpi,.employee,.lead-summary>div,.warehouse-overview-kpis>div,.team-data-summary>div{border:1px solid #DFE7F0;border-radius:15px;background:#fff;box-shadow:0 5px 16px rgba(19,57,99,.04)}
.card{padding:18px}.card h2,.card h3{color:var(--e-navy)}
.kpis{gap:11px}.kpi{padding:17px 18px;min-height:105px;position:relative;overflow:hidden}.kpi:before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:3px;background:#B7CBE0;border-radius:999px}.kpi.positive:before{background:var(--e-success)}.kpi.attn:before{background:var(--e-warning)}.kpi .label{font-size:9px;color:#718299;letter-spacing:.07em}.kpi .value{font-size:28px;color:var(--e-navy);letter-spacing:-.04em;margin-top:6px}.kpi .sub{font-size:9.5px;color:#96A2B1;margin-top:7px}

/* TABLES — flatter, spacious enterprise data grid */
.table-wrap{border:1px solid #DDE6F0;border-radius:15px;background:#fff;box-shadow:0 6px 18px rgba(18,56,99,.04);overflow:auto}.table-wrap table{border-collapse:separate;border-spacing:0;width:100%}table th{background:#F3F7FB;color:#53677F;font-size:9px;font-weight:850;letter-spacing:.045em;text-transform:uppercase;padding:12px 13px;border-bottom:1px solid #DDE7F1;white-space:nowrap}table td{padding:12px 13px;border-bottom:1px solid #ECF1F6;color:#31465F;font-size:11px;vertical-align:middle}table tbody tr:last-child td{border-bottom:0}table tbody tr:hover td{background:#F8FBFE}.table-wrap thead th:first-child{border-top-left-radius:14px}.table-wrap thead th:last-child{border-top-right-radius:14px}
.status{border-radius:999px;padding:5px 8px;font-size:9px;font-weight:800;border:1px solid transparent}.status.y01,.status.positive{background:#E8F8F2;color:#07805C}.status.y02{background:#FFF5E3;color:#B87409}.status.y03,.status.n01,.status.n02,.status.n03,.status.n04{background:#FFF0F0;color:#C14848}

/* FILTERS / INPUTS */
.filters,.toolbar,.team-tabs,.period-tabs{border-color:#DEE7F1}.filters{background:#fff;border:1px solid #DFE7F0;border-radius:14px;padding:12px;box-shadow:0 4px 13px rgba(21,58,99,.03)}
input,select,textarea{border-color:#D7E1EC!important;background:#fff;color:#2C4059;border-radius:10px!important}input:focus,select:focus,textarea:focus{outline:none!important;border-color:var(--e-blue)!important;box-shadow:0 0 0 3px rgba(0,87,184,.075)!important}.form-field label{font-size:10px;font-weight:800;color:#5B6E84}.search-box{border-radius:10px}

/* EMPLOYEE / TEAM cards */
.employee-grid{gap:12px}.employee{padding:16px;transition:.16s}.employee:hover{transform:translateY(-2px);box-shadow:0 11px 25px rgba(17,54,96,.08);border-color:#C4D7E9}.employee-avatar{width:42px;height:42px;border-radius:12px;background:#EAF3FE;color:var(--e-blue);font-size:11px}.team-chip,.team-tab,.period-tab{border-radius:999px;font-size:10px;min-height:34px}.team-tab.active,.period-tab.active,.team-filter.active{box-shadow:0 6px 14px rgba(0,87,184,.13)}

/* WAREHOUSE / LEAD — stronger section hierarchy */
.warehouse-section-tabs{padding:5px;background:#EEF3F8;border:0;border-radius:13px;gap:5px}.warehouse-section-tab{border-radius:9px;min-height:40px}.warehouse-section-tab.active{box-shadow:0 6px 16px rgba(0,87,184,.16)}.warehouse-section-intro{border-radius:14px;padding:17px 18px;background:#F5F9FD;border-left:4px solid var(--e-blue)}
.lead-summary{gap:11px}.lead-summary>div{padding:16px 18px}.lead-summary .lead-total-card{background:linear-gradient(145deg,#F2F8FF,#fff);border-color:#C9DDF2}.lead-summary strong{letter-spacing:-.03em}

/* CHAT — more like enterprise messenger */
.chat-layout{border:1px solid #DCE6F0;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px rgba(17,54,96,.06);background:#fff}.chat-contacts{border-right:1px solid #E0E8F1;background:#FBFCFE}.chat-contact{border-radius:10px;margin:4px 7px}.chat-contact.active{background:#EAF3FE;box-shadow:inset 3px 0 0 var(--e-blue)}.chat-avatar{border-radius:11px}.chat-messages{background:linear-gradient(180deg,#F7FAFE,#F3F7FC)}.chat-bubble{border-radius:14px!important}.chat-message-row.mine .chat-bubble{background:linear-gradient(145deg,#096AC9,#0057B8);box-shadow:0 5px 14px rgba(0,87,184,.14)}

/* MODALS / TOASTS */
.modal{border-radius:20px;border:1px solid rgba(221,231,241,.8);box-shadow:0 36px 100px rgba(8,34,64,.28);overflow:hidden}.modal-header{padding:20px 24px;background:#FBFCFE}.modal-body{padding:22px 24px}.modal-header h2{color:var(--e-navy);letter-spacing:-.03em}.modal-backdrop{background:rgba(5,24,47,.52);backdrop-filter:blur(4px)}
.toast{border-radius:12px!important;box-shadow:0 16px 36px rgba(12,35,62,.18)!important}
.notification-panel{border-radius:15px;box-shadow:0 24px 64px rgba(10,34,64,.20);overflow:hidden}.notification-head{background:#F8FBFE}.notification-item{padding:12px 14px}

/* DASHBOARD V7.13 — actual layout redesign */
.dashboard-redesign .main{padding-top:24px}.dashboard-v713{max-width:1600px;margin:0 auto}
.dash713-hero{min-height:132px;margin-bottom:16px;padding:24px 26px;border-radius:18px;background:linear-gradient(118deg,#0B315F 0%,#074F9E 66%,#0874D9 100%);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:0 16px 35px rgba(6,69,136,.14);position:relative;overflow:hidden}.dash713-hero:after{content:"";position:absolute;width:300px;height:300px;border:55px solid rgba(255,255,255,.055);border-radius:50%;right:-130px;top:-145px}.dash713-hero-copy,.dash713-hero-tools{position:relative;z-index:1}.dash713-hero-copy{min-width:0}.dash713-hero .dash711-eyebrow{color:#BFDFFF;font-size:9px}.dash713-hero h1{margin:7px 0 5px;color:#fff;font-size:30px;line-height:1.08;letter-spacing:-.04em}.dash713-hero p{margin:0;color:#D3E7FA;font-size:11.5px}.dash713-hero .dash711-back{color:#fff;opacity:.9;margin-bottom:8px}.dash713-hero-tools{display:flex;align-items:center;gap:12px}.dash713-live{display:flex;align-items:center;gap:7px;color:#DDF1FF;font-size:9.5px;font-weight:750;white-space:nowrap}.dash713-live i{width:7px;height:7px;border-radius:50%;background:#46D7A2;box-shadow:0 0 0 4px rgba(70,215,162,.12)}
.dash713-hero .dash711-date-tools{padding:8px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14);border-radius:12px}.dash713-hero .dash711-date-tools label{color:#CDE4FB}.dash713-hero .dash711-date-tools input{height:38px;background:#fff;border:0!important;border-radius:8px;color:#233A54;min-width:145px}.dash713-hero .dash711-date-tools .btn{height:38px;min-height:38px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.12);color:#fff;box-shadow:none}.dash713-hero .dash711-date-tools .btn:hover{background:rgba(255,255,255,.18);transform:none}
.dash713-day-panel{padding:0!important;border-radius:17px!important;box-shadow:0 7px 20px rgba(20,57,98,.045)!important;border:1px solid #DFE8F2!important;overflow:hidden}.dash713-day-panel .dash711-day-title{margin:0;padding:14px 18px;border-bottom:1px solid #E6EDF5;background:#FBFCFE}.dash713-day-panel .dash711-day-title span{font-size:9px;color:#5E7188;letter-spacing:.11em}.dash713-day-panel .dash711-day-title strong{font-size:12px;color:var(--e-blue);padding:4px 7px;border-radius:6px;background:#EAF3FE}.dash713-day-panel .dash711-day-title small{font-size:9px;color:#95A1B0}.dash713-day-panel .dash711-metric-grid{padding:14px;background:#fff;gap:11px}
.dash711-metric{min-height:126px!important;padding:17px 18px!important;border:1px solid #E0E8F1!important;border-radius:14px!important;background:#fff!important;display:block!important;position:relative;box-shadow:0 3px 10px rgba(19,57,99,.025);transition:.15s}.dash711-metric:hover{transform:translateY(-2px);border-color:#C7D9EA!important;box-shadow:0 10px 22px rgba(19,57,99,.07)}.dash711-metric:after{display:none!important}.dash711-metric-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.dash711-metric-label{color:#63758B;font-size:10px;font-weight:800}.dash711-metric-icon{width:36px!important;height:36px!important;flex:0 0 36px!important;border-radius:10px!important;background:#EAF3FE!important;color:var(--e-blue)!important;font-size:15px!important}.tone-green .dash711-metric-icon{background:#E8F8F2!important;color:#0B8B65!important}.tone-amber .dash711-metric-icon{background:#FFF5E4!important;color:#C9820B!important}.dash711-metric-body{margin-top:14px}.dash711-metric-body>strong{font-size:31px!important;color:var(--e-navy)!important;line-height:1!important}.dash711-metric-body>small{font-size:9.5px!important;margin-top:8px!important;color:#8B99AA!important}.dash711-metric-accent{position:absolute;left:0;top:17px;bottom:17px;width:3px;border-radius:0 999px 999px 0;background:var(--e-blue)}.tone-green .dash711-metric-accent{background:var(--e-success)}.tone-amber .dash711-metric-accent{background:var(--e-warning)}.tone-teal .dash711-metric-accent{background:#18A6A2}.tone-blue .dash711-metric-accent{background:#5B8EC1}
.dash711-section{margin-top:16px;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}.dash711-section-head{padding:3px 2px 13px!important;border:0!important;background:transparent}.dash711-section-head h2{font-size:19px!important;color:var(--e-navy)!important;letter-spacing:-.025em}.dash711-section-head p{font-size:10.5px!important}.dash711-section-eyebrow{font-size:8.5px!important}.dash711-period-badge{background:#fff!important;border:1px solid #DDE7F1;color:#5C718A!important;padding:7px 10px!important;box-shadow:0 3px 10px rgba(15,52,92,.03)}
.dash711-break-list{display:grid!important;gap:10px!important;background:transparent}.dash711-break-row{display:grid!important;grid-template-columns:1.42fr .9fr .78fr 1fr!important;border:1px solid #DDE7F1!important;border-radius:15px!important;overflow:hidden;background:#fff;box-shadow:0 5px 16px rgba(18,56,98,.04);transition:.15s}.dash711-break-row:hover{border-color:#C3D6E8!important;box-shadow:0 11px 26px rgba(18,56,98,.075);transform:translateY(-1px)}.dash711-break-cell{min-height:132px!important;padding:17px 18px!important;border-right:1px solid #E7EDF4!important;border-bottom:0!important;background:#fff!important}.dash711-break-cell:last-child{border-right:0!important}.dash711-open-cell:hover{background:#F7FAFE!important;box-shadow:none!important}.dash713-entity-head{display:flex;align-items:center;gap:10px;min-width:0}.dash713-entity-avatar{width:38px;height:38px;flex:0 0 38px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,#0A68C5,#0057B8);color:#fff;font-size:10px;font-weight:900;box-shadow:0 7px 15px rgba(0,87,184,.15)}.dash713-entity-avatar.person{background:#EAF3FE;color:var(--e-blue);box-shadow:none;border:1px solid #D5E6F7}.dash713-entity-head>div{min-width:0}.dash713-entity-head strong{display:block!important;margin-top:3px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash711-open-cell .dash711-cell-main{margin-top:13px!important}.dash711-cell-kicker,.dash711-cell-label{font-size:8.5px!important;color:#8290A2!important;letter-spacing:.09em!important}.dash711-open-cell>strong,.dash713-entity-head strong{font-size:12.5px!important;color:#253D58!important}.dash711-cell-main{font-size:27px!important;color:var(--e-navy)!important}.dash711-break-cell>small{font-size:9px!important;color:#95A1B0!important}.dash711-open-arrow{right:15px!important;top:15px!important;width:27px!important;height:27px!important;border-radius:8px!important;background:#EEF5FD!important;color:var(--e-blue)!important}.dash711-pair-values{gap:15px!important}.dash711-pair-values b{font-size:25px!important}.dash711-rate-cell .dash711-cell-main{color:var(--e-blue)!important}.dash711-progress{height:6px!important;background:#E7EEF6!important;margin-top:10px!important}.dash711-progress>span{background:linear-gradient(90deg,#21B387,#0E9A72)!important}
.dash711-person-grid{padding:0!important;gap:11px!important}.dash711-big-card{min-height:190px!important;border:1px solid #DDE7F1!important;border-radius:16px!important;padding:24px!important;box-shadow:0 5px 16px rgba(18,56,98,.04);background:#fff!important}.dash711-big-card.followup{background:linear-gradient(145deg,#F7FAFE,#fff)!important}.dash711-big-card.lead{background:linear-gradient(145deg,#EFF6FF,#fff)!important}.dash711-big-icon{width:58px!important;height:58px!important;flex:0 0 58px!important;border-radius:15px!important;background:#EAF3FE!important;color:var(--e-blue)!important;border:0!important;box-shadow:none!important}.dash711-big-card span{font-size:10px!important;color:#61748B!important}.dash711-big-card strong{font-size:44px!important;color:var(--e-navy)!important}.dash711-big-card small{font-size:9.5px!important}

/* Small refinements for data-heavy views */
.call-layout{gap:14px}.queue,.call-desk{overflow:hidden}.queue-head{padding:13px 14px;font-size:10px;letter-spacing:.04em}.queue-item{padding:12px 13px}.queue-item strong{color:#29405A}.call-desk{padding:20px}.call-phone{font-size:25px!important;letter-spacing:-.025em}
.notice{border-radius:11px;border-left:4px solid var(--e-blue)}.import-zone{border-width:1.5px;border-style:dashed;border-radius:15px;background:#F8FBFE;padding:26px}

/* RESPONSIVE */
@media(max-width:1200px){.enterprise-launcher .app-grid{grid-template-columns:repeat(2,minmax(240px,1fr))}.launcher-hero{padding:35px}.dash713-hero{align-items:flex-start}.dash713-hero-tools{flex-direction:column;align-items:flex-end}.dash711-break-row{grid-template-columns:1.25fr .9fr .75fr 1fr!important}}
@media(max-width:900px){.topbar-product-mark{display:none}.user-button{min-width:auto}.user-button-copy{display:none}.sidebar,.dashboard-redesign .sidebar{width:238px}.main,.dashboard-redesign .main{padding:20px}.launcher-hero-mark{display:none}.dash713-hero{flex-direction:column}.dash713-hero-tools{width:100%;align-items:stretch}.dash713-live{display:none}.dash713-hero .dash711-date-tools{width:100%}.dash711-break-row{grid-template-columns:1fr 1fr!important}.dash711-break-cell{border-bottom:1px solid #E7EDF4!important}.dash711-break-cell:nth-child(2n){border-right:0!important}}
@media(max-width:760px){.topbar,.dashboard-redesign .topbar{height:58px;border-top-width:2px;padding:0 9px}.workspace{min-height:calc(100vh - 58px)}.sidebar,.dashboard-redesign .sidebar{top:58px;height:calc(100vh - 58px);width:min(84vw,276px)}.main,.dashboard-redesign .main{padding:13px 12px calc(86px + env(safe-area-inset-bottom))}.topbar-title{min-width:0}.topbar-title strong{font-size:12px}.topbar-title span{display:none}.mode-pill{display:none}.user-button{border:0;padding:3px;min-width:0}.user-caret{display:none}.login-screen{padding:0;background:#fff}.login-shell{display:block;min-height:100vh;border:0;border-radius:0;box-shadow:none}.login-brand{display:none}.login-card{min-height:100vh;padding:34px 24px;justify-content:center}.enterprise-launcher{padding:0!important}.launcher-hero{min-height:190px;border-radius:18px;padding:27px 24px}.launcher-hero h1{font-size:27px}.launcher-section-head{margin-top:23px}.enterprise-launcher .app-grid{grid-template-columns:1fr 1fr;gap:10px}.enterprise-launcher .app-tile{min-height:164px;padding:15px}.app-tile-copy{margin-top:14px}.app-tile-open{padding-top:11px}.page-head{align-items:flex-start}.page-head h1{font-size:21px}.dash713-hero{padding:20px;border-radius:15px;min-height:0}.dash713-hero h1{font-size:25px}.dash713-hero .dash711-date-tools{background:rgba(255,255,255,.08)}.dash713-day-panel .dash711-metric-grid{padding:10px;grid-template-columns:1fr 1fr!important}.dash711-metric{min-height:108px!important;padding:14px!important}.dash711-metric-body>strong{font-size:27px!important}.dash711-metric-icon{width:32px!important;height:32px!important;flex-basis:32px!important}.dash711-section-head{align-items:flex-start!important}.dash711-break-row{grid-template-columns:1fr!important}.dash711-break-cell{min-height:108px!important;border-right:0!important;border-bottom:1px solid #E7EDF4!important}.dash711-break-cell:last-child{border-bottom:0!important}.dash711-person-grid{grid-template-columns:1fr!important}}
@media(max-width:520px){.enterprise-launcher .app-grid{grid-template-columns:1fr}.enterprise-launcher .app-tile{min-height:150px}.launcher-hero{min-height:180px}.launcher-hero p{font-size:11px}.dash713-day-panel .dash711-metric-grid{grid-template-columns:1fr 1fr!important}.dash711-metric-label{font-size:9px}.dash711-metric-body>small{font-size:8.5px!important}.dash713-hero .dash711-date-tools{flex-direction:row!important;align-items:flex-end!important}.dash713-hero .dash711-date-tools label{flex:1}.dash713-hero .dash711-date-tools input{width:100%;min-width:0}.dash713-hero .dash711-date-tools .btn{white-space:nowrap}}

/* ============================================================
   V7.14 — CALL CENTER CRM SaaS redesign
   Visual-only redesign + functional top search. Existing D1 data,
   API contracts and permission checks are intentionally preserved.
   ============================================================ */
:root{
  --cc-navy:#0B2F5B;
  --cc-navy-2:#123D70;
  --cc-blue:#1677FF;
  --cc-blue-2:#0B63CE;
  --cc-blue-soft:#EAF3FF;
  --cc-bg:#F4F7FB;
  --cc-card:#FFFFFF;
  --cc-line:#E2E8F0;
  --cc-line-2:#EDF1F6;
  --cc-text:#17263A;
  --cc-muted:#6F7F94;
  --cc-success:#0C9B72;
  --cc-warning:#D58A12;
  --cc-danger:#C93D4D;
  --cc-shadow:0 8px 28px rgba(15,46,82,.06);
  --cc-shadow-lg:0 18px 46px rgba(15,46,82,.10);
  --cc-radius:14px;
  --odoo:var(--cc-blue);
  --odoo-dark:var(--cc-blue-2);
  --odoo-soft:var(--cc-blue-soft);
  --bg:var(--cc-bg);
  --card:var(--cc-card);
  --line:var(--cc-line);
  --text:var(--cc-text);
  --muted:var(--cc-muted);
  --success:var(--cc-success);
  --warning:var(--cc-warning);
  --e-blue:var(--cc-blue);
  --e-blue-2:var(--cc-blue-2);
  --e-navy:var(--cc-navy);
  --e-soft:var(--cc-bg);
  --e-line:var(--cc-line);
  --e-ink:var(--cc-text);
  --sf-blue:var(--cc-blue);
  --sf-navy:var(--cc-navy);
  --sf-bg:var(--cc-bg);
  --sf-border:var(--cc-line);
  --sf-muted:var(--cc-muted);
}

html,body{background:var(--cc-bg);color:var(--cc-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:14px}
body{letter-spacing:0}
button,input,select,textarea{font-family:inherit}
.ui-svg{width:18px;height:18px;display:block;flex:0 0 auto}

/* Login — calm enterprise split screen, not a marketing landing page */
.login-screen{min-height:100vh;padding:0;background:#EEF3F9;display:grid;place-items:center}
.login-shell{width:min(1120px,calc(100vw - 64px));min-height:640px;grid-template-columns:1.08fr .92fr;border-radius:20px;background:#fff;border:1px solid #DCE5EF;box-shadow:0 28px 80px rgba(10,43,80,.16)}
.login-brand{padding:68px 70px;background:var(--cc-navy);color:#fff;align-items:stretch}
.login-brand:before{width:420px;height:420px;right:-235px;top:-180px;border:70px solid rgba(255,255,255,.035)}
.login-brand:after{width:280px;height:280px;left:-170px;bottom:-170px;border-color:rgba(255,255,255,.05)}
.login-brand-content{width:100%;display:flex;flex-direction:column;justify-content:space-between;min-height:500px}
.login-brand-top{display:flex;align-items:center;gap:13px;font-size:12px;font-weight:850;letter-spacing:.11em;color:#DDEBFA}
.brand-mark{width:44px;height:44px;border-radius:12px;background:#fff;color:var(--cc-blue);font-size:13px;box-shadow:none}
.login-brand-copy{max-width:520px}
.login-brand-kicker{font-size:10px;letter-spacing:.14em;color:#8FC4FF;font-weight:850}
.login-brand h1{font-size:42px;line-height:1.08;letter-spacing:-.045em;margin:14px 0 18px;color:#fff;font-weight:820}
.login-brand p{font-size:14px;line-height:1.75;color:#C7DAEE;margin:0}
.login-brand-points{gap:10px;color:#D7E8F8;font-size:10px}
.login-brand-points span{padding:8px 10px;border:1px solid rgba(255,255,255,.10);border-radius:999px;background:rgba(255,255,255,.045)}
.login-card{padding:70px 64px;background:#fff;gap:10px}
.login-card:before{content:"CALL CENTER CRM";font-size:10px;letter-spacing:.14em;color:var(--cc-blue);font-weight:850}
.login-card h2{font-size:30px;color:var(--cc-navy);letter-spacing:-.03em;margin:2px 0 0}
.login-card p{font-size:12px;line-height:1.55;margin:0 0 18px}
.login-card label{font-size:11px;color:#465A72;font-weight:750;margin-top:8px}
.login-card input{height:48px;border:1px solid #D8E2ED;border-radius:10px;background:#FAFCFE;padding:0 14px;color:var(--cc-text)}
.login-card input:focus{background:#fff;border-color:var(--cc-blue);box-shadow:0 0 0 4px rgba(22,119,255,.09)}
.login-card .btn.primary{height:48px;margin-top:12px;border-radius:10px;background:var(--cc-blue);box-shadow:0 8px 20px rgba(22,119,255,.18)}

/* Main SaaS shell */
.app{background:var(--cc-bg)}
.topbar,.dashboard-redesign .topbar{height:72px;padding:0 22px;background:#fff;color:var(--cc-text);border-top:0;border-bottom:1px solid var(--cc-line);box-shadow:0 2px 10px rgba(12,45,81,.025);gap:16px}
.topbar-left{gap:8px;min-width:230px}.topbar-right{gap:8px}.topbar-spacer{flex:1;min-width:8px}
.topbar-apps,.mobile-menu-button{width:38px;height:38px;border-radius:9px;color:#5D718A;background:#F7F9FC;border:1px solid #E8EDF3}
.topbar-apps:hover,.mobile-menu-button:hover{background:#EEF5FF;color:var(--cc-blue);border-color:#D8E8FB}
.topbar-grid-icon .ui-svg{width:17px;height:17px;margin:auto}
.topbar-title{padding-left:2px;min-width:150px}.topbar-title strong{font-size:13px;font-weight:800;color:var(--cc-navy)}.topbar-title span{font-size:9px;letter-spacing:.08em;color:#8C9AAF;text-transform:uppercase}
.mode-pill{height:30px;display:inline-flex;align-items:center;padding:0 9px!important;border-radius:999px!important;background:#ECF9F4!important;border:1px solid #D3EEE4!important;color:#087458!important;font-size:9px!important;font-weight:800!important}
.notification-button{width:38px;height:38px;background:#fff;border:1px solid #E2E9F1!important;color:#51677F;border-radius:10px!important}
.user-button{min-width:170px;height:42px;padding:4px 7px 4px 4px;border:1px solid #E2E9F1;border-radius:10px;background:#fff}
.user-button:hover{background:#F8FBFF;border-color:#C9DBEF}.avatar{width:32px;height:32px;border-radius:9px;background:#EAF3FF;color:var(--cc-blue);border:0}.user-button-copy>span{font-size:11px}.user-button-copy small{font-size:8.5px;color:#8A99AA}
.user-menu{top:61px;right:22px;border-radius:12px;border-color:var(--cc-line);box-shadow:var(--cc-shadow-lg)}

/* Global command/search */
.global-search-wrap{position:relative;width:min(480px,34vw);height:40px;display:flex;align-items:center;background:#F7F9FC;border:1px solid #E4EAF1;border-radius:10px;transition:.16s}
.global-search-wrap:focus-within{background:#fff;border-color:#B8D5F8;box-shadow:0 0 0 3px rgba(22,119,255,.07)}
.global-search-icon{width:38px;display:grid;place-items:center;color:#8291A4;font-size:20px;line-height:1}
.global-search-wrap input{height:100%;flex:1;min-width:0;border:0;outline:0;background:transparent;color:#26374C;font-size:11.5px;padding:0 6px 0 0}
.global-search-wrap input::placeholder{color:#95A2B2}.global-search-wrap kbd{margin-right:7px;padding:3px 6px;border:1px solid #DFE6EE;border-bottom-width:2px;background:#fff;border-radius:6px;color:#8794A6;font-size:8.5px;font-family:inherit}
.global-search-panel{position:absolute;z-index:110;left:0;right:0;top:47px;max-height:min(540px,70vh);overflow:auto;background:#fff;border:1px solid #DCE5EF;border-radius:14px;box-shadow:0 22px 58px rgba(9,38,73,.18);padding:8px}
.global-search-group>span{display:block;padding:9px 10px 6px;color:#98A4B3;font-size:8px;font-weight:850;letter-spacing:.12em}
.global-search-result{width:100%;border:0;background:#fff;border-radius:10px;padding:9px 10px;display:grid;grid-template-columns:34px minmax(0,1fr) 20px;gap:10px;align-items:center;text-align:left;color:var(--cc-text)}
.global-search-result:hover{background:#F2F7FD}.global-search-result i{width:34px;height:34px;border-radius:9px;background:#EDF5FF;color:var(--cc-blue);display:grid;place-items:center;font-style:normal}.global-search-result i .ui-svg{width:16px;height:16px}
.global-search-result div{min-width:0}.global-search-result strong,.global-search-result small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.global-search-result strong{font-size:11px;color:#253A52}.global-search-result small{font-size:9px;color:#8391A3;margin-top:3px}.global-search-result>b{color:#9AA6B5;font-weight:500}.global-search-result.customer i{background:#EEF8F5;color:#0C8F6A}.global-search-empty{padding:26px 16px;text-align:center;color:#8795A6;font-size:11px}

.workspace{min-height:calc(100vh - 72px);background:var(--cc-bg)}
.sidebar,.dashboard-redesign .sidebar{width:268px;top:72px;height:calc(100vh - 72px);background:var(--cc-navy);border-right:0;box-shadow:none;padding:0;color:#fff}
#sidebar-menu{height:100%;display:flex;flex-direction:column;min-height:0}
.sidebar-brand,.dashboard-redesign .sidebar-brand{margin:0;padding:21px 18px 18px;border-bottom:1px solid rgba(255,255,255,.09);gap:11px}
.sidebar-brand-mark,.dashboard-redesign .sidebar-brand-mark{width:38px;height:38px;border-radius:10px;background:#fff;color:var(--cc-blue);box-shadow:none;font-size:11px}
.sidebar-brand strong,.dashboard-redesign .sidebar-brand strong{font-size:12.5px;letter-spacing:.015em;color:#fff}.sidebar-brand span,.dashboard-redesign .sidebar-brand span{font-size:8.5px;color:#8FB2D4;letter-spacing:.08em;margin-top:3px}
.sidebar-context{margin:14px 12px 8px;padding:12px 13px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.045);border-radius:10px}.sidebar-context>span{font-size:7.5px;color:#79A4CF}.sidebar-context>strong{font-size:11.5px;margin-top:5px}.sidebar-context>small{font-size:9px;color:#94B6D7;margin-top:3px}
.sidebar-nav-scroll{padding:5px 10px 14px}.menu-section,.dashboard-redesign .menu-section{margin:10px 0 17px}.menu-title,.dashboard-redesign .menu-title{padding:7px 10px 6px;color:#78A0C8;font-size:7.5px;letter-spacing:.14em}
.menu-item,.dashboard-redesign .menu-item{min-height:42px;border-radius:9px;padding:6px 9px;gap:9px;color:#CBDCEC;font-size:11.5px;font-weight:650;transform:none!important}
.menu-item:hover,.dashboard-redesign .menu-item:hover{background:rgba(255,255,255,.07);color:#fff}.menu-item.active,.dashboard-redesign .menu-item.active{background:#fff;color:var(--cc-navy);font-weight:800;box-shadow:none}
.menu-item-icon{width:28px;height:28px;flex-basis:28px;border-radius:7px;background:rgba(255,255,255,.055);color:#AFC8E1}.menu-item-icon .ui-svg{width:15px;height:15px}.menu-item.active .menu-item-icon{background:#EAF3FF;color:var(--cc-blue)}.menu-item-arrow{font-size:14px}
.sidebar-foot{margin:auto 12px 13px;padding:12px 4px 3px;border-top:1px solid rgba(255,255,255,.09)}.sidebar-foot strong{font-size:9px}.sidebar-foot small{font-size:8px;color:#7FA7CD}.sidebar-foot-dot{width:7px;height:7px;background:#35D59B}
.main,.dashboard-redesign .main{min-height:calc(100vh - 72px);padding:24px 28px 40px;background:var(--cc-bg)}

/* Shared hierarchy */
.page-head{margin:0 0 16px;padding:0;min-height:50px;border:0;align-items:center}.page-head>div:first-child{padding-left:0}.page-head>div:first-child:before{display:none}.page-head h1{font-size:23px;line-height:1.2;letter-spacing:-.028em;color:var(--cc-navy);font-weight:820}.page-head p{font-size:10.5px;color:#7E8DA0;margin-top:4px;line-height:1.45}.actions{gap:7px}
.btn{min-height:36px;padding:7px 11px;border:1px solid #DCE4ED;border-radius:9px;background:#fff;color:#3A5068;font-size:10.5px;font-weight:750;box-shadow:none;transition:.14s}.btn:hover{transform:none;background:#F6F9FD;border-color:#C3D5E8;color:var(--cc-blue)}.btn.primary,.btn.teal{background:var(--cc-blue);border-color:var(--cc-blue);box-shadow:none}.btn.primary:hover,.btn.teal:hover{background:var(--cc-blue-2);border-color:var(--cc-blue-2)}.btn.danger{background:#FFF8F8;border-color:#F1D5D8;color:#B73846}.btn.small{min-height:30px;padding:5px 8px;font-size:9.5px}
.card,.panel,.queue,.call-desk,.kpi,.warehouse-kpi,.employee,.lead-summary>div,.warehouse-overview-kpis>div,.team-data-summary>div,.chat-contacts-panel,.chat-thread-panel{border:1px solid var(--cc-line);border-radius:12px;background:#fff;box-shadow:0 3px 14px rgba(18,52,89,.035)}
.card{padding:0}.card-head{padding:13px 15px;border-bottom:1px solid var(--cc-line-2);background:#fff}.card-head h3{font-size:12.5px;color:var(--cc-navy)}.card-body{padding:15px}

/* Toolbars and filters feel like CRM control surfaces */
.toolbar,.toolbar.compact{padding:10px;border:1px solid var(--cc-line);border-radius:11px;background:#fff;box-shadow:none;gap:7px;margin-bottom:12px}.toolbar input,.toolbar select,.form-grid input,.form-grid select,.form-grid textarea,.date-actions input,#kpi-date{border:1px solid #DCE4ED;border-radius:8px;background:#fff;color:#2B3E55;box-shadow:none}.toolbar input,.toolbar select,.form-grid input,.form-grid select{min-height:36px}.toolbar input:focus,.toolbar select:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#9FC8FA;box-shadow:0 0 0 3px rgba(22,119,255,.07)}.search{min-width:280px}.view-toggle{border-color:#DCE4ED;border-radius:8px}.view-toggle button{font-size:10px}.view-toggle button.active{background:#EDF5FF;color:var(--cc-blue)}

/* KPI cards */
.kpis{gap:10px;margin-bottom:14px}.kpi{min-height:96px;padding:14px 15px;border-radius:12px;box-shadow:none;overflow:hidden}.kpi:before{display:none}.kpi .label{font-size:8.5px;letter-spacing:.08em;color:#718298}.kpi .value{font-size:26px;letter-spacing:-.035em;margin-top:6px;color:var(--cc-navy)}.kpi .sub{font-size:9px;color:#94A1B1;margin-top:5px}.kpi.positive{border-top:2px solid #63C4A7}.kpi.attn{border-top:2px solid #EDC06B}

/* Tables */
.table-wrap{border:1px solid var(--cc-line);border-radius:11px;background:#fff;box-shadow:none}.data-table{font-size:11px}.data-table th{padding:10px 11px;background:#F7F9FC;color:#61748B;border-bottom:1px solid #DFE6EE;font-size:8.5px;letter-spacing:.055em;text-transform:uppercase;font-weight:850}.data-table td{padding:10px 11px;border-bottom:1px solid #EEF2F6;color:#2D4057}.data-table tbody tr:hover{background:#F8FBFF}.name-link{color:#0B69D5}.status{font-size:8.5px;padding:4px 7px;border-radius:6px}

/* Modal */
.modal-backdrop{background:rgba(8,30,56,.48);backdrop-filter:blur(2px)}.modal{border-radius:14px;border:1px solid #DCE5EF;box-shadow:0 28px 80px rgba(6,28,54,.24)}.modal-header{padding:16px 18px;border-bottom:1px solid #E8EDF3}.modal-header h2{color:var(--cc-navy);font-size:20px}.modal-body{padding:18px}.eyebrow{color:var(--cc-blue);font-size:8px;letter-spacing:.13em}

/* App launcher becomes a restrained module catalog */
.app-launcher.enterprise-launcher{max-width:1360px;padding:0}.launcher-hero{min-height:165px;padding:28px 30px;border-radius:14px;background:#fff;color:var(--cc-text);border:1px solid var(--cc-line);box-shadow:none}.launcher-hero:before{width:260px;height:260px;right:-120px;top:-145px;border:52px solid #F0F5FB}.launcher-hero:after{height:3px;background:var(--cc-blue);width:76px;left:30px;right:auto}.launcher-kicker{color:var(--cc-blue);font-size:8.5px}.launcher-hero h1{margin:8px 0 6px;color:var(--cc-navy);font-size:28px}.launcher-hero p{color:#728298;font-size:11px}.launcher-badges{margin-top:16px}.launcher-badges span{background:#F2F6FA;border:1px solid #E0E8F1;color:#51677F}.launcher-hero-mark{width:86px;height:86px;border-radius:18px;background:var(--cc-navy);border:0;box-shadow:none}.launcher-hero-mark span{font-size:27px}.launcher-hero-mark small{font-size:7px;color:#A9C9E8}.launcher-section-head{margin:22px 2px 12px}.launcher-section-head h2{font-size:17px}.enterprise-launcher .app-grid{grid-template-columns:repeat(3,minmax(240px,1fr));gap:10px}.enterprise-launcher .app-tile{min-height:154px;padding:16px;border-radius:12px;border-color:var(--cc-line);box-shadow:none}.enterprise-launcher .app-tile:hover{transform:none;border-color:#BFD5ED;box-shadow:0 8px 20px rgba(19,55,94,.06)}.enterprise-launcher .app-tile:before{display:none}.enterprise-launcher .app-icon,.enterprise-launcher .app-tile:nth-child(2n) .app-icon,.enterprise-launcher .app-tile:nth-child(3n) .app-icon{width:38px;height:38px;border-radius:9px;background:#EDF5FF;color:var(--cc-blue)}.enterprise-launcher .app-icon .ui-svg{width:17px;height:17px}.app-tile-copy{margin-top:14px}.enterprise-launcher .app-tile h3{font-size:12.5px}.enterprise-launcher .app-tile p{font-size:9.5px;min-height:28px}.app-tile-open{padding-top:11px;font-size:8.5px}

/* Dashboard — CRM analytics workspace */
.dashboard-v714{max-width:1600px;margin:0 auto}.dash714-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:16px;padding:0 0 15px;border-bottom:1px solid #DDE5EE}.dash714-head-copy{min-width:0}.dash714-eyebrow{display:block;color:var(--cc-blue);font-size:8px;font-weight:850;letter-spacing:.14em}.dash714-head h1{margin:5px 0 4px;font-size:26px;line-height:1.12;letter-spacing:-.035em;color:var(--cc-navy)}.dash714-head p{margin:0;color:#78889C;font-size:10.5px}.dash714-head-tools{display:flex;align-items:flex-end;gap:10px}.dash714-live{height:31px;display:flex;align-items:center;gap:6px;padding:0 9px;border:1px solid #DDE6EF;border-radius:8px;background:#fff;color:#62758C;font-size:8.5px;font-weight:750;white-space:nowrap}.dash714-live i{width:6px;height:6px;border-radius:50%;background:#20B987;box-shadow:0 0 0 3px rgba(32,185,135,.10)}.dashboard-v714 .dash711-back{margin-bottom:7px;border:0;background:transparent;color:#54708D;padding:0;font-size:9.5px;font-weight:700}.dashboard-v714 .dash711-date-tools{display:flex;gap:6px;align-items:flex-end;padding:0!important;background:transparent!important;border:0!important}.dashboard-v714 .dash711-date-tools label{display:flex;flex-direction:column;gap:3px;color:#8291A3;font-size:7.5px;font-weight:800;letter-spacing:.04em}.dashboard-v714 .dash711-date-tools input{height:32px;min-width:132px;padding:0 9px;border:1px solid #DCE5EE!important;border-radius:8px;background:#fff;color:#2D4158;font-size:10px}.dashboard-v714 .dash711-date-tools .btn{height:32px;min-height:32px;background:#fff!important;border:1px solid #DCE5EE!important;color:#455C74!important;border-radius:8px;box-shadow:none}
.dash714-kpi-section{margin-bottom:12px}.dash714-section-label{display:flex;justify-content:space-between;align-items:center;margin:0 1px 8px}.dash714-section-label>span{font-size:8px;color:#6B7E94;font-weight:850;letter-spacing:.12em}.dash714-section-label small{font-size:8.5px;color:#96A2B2}.dashboard-v714 .dash711-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:0!important}.dashboard-v714 .dash711-metric{min-height:112px!important;padding:15px 16px!important;border:1px solid var(--cc-line)!important;border-radius:12px!important;box-shadow:none;background:#fff!important}.dashboard-v714 .dash711-metric:hover{transform:none;border-color:#C8D8E9!important;box-shadow:none}.dashboard-v714 .dash711-metric:after,.dashboard-v714 .dash711-metric-accent{display:none!important}.dashboard-v714 .dash711-metric-top{align-items:center}.dashboard-v714 .dash711-metric-label{font-size:8.5px;color:#6F8095;letter-spacing:.07em}.dashboard-v714 .dash711-metric-icon{width:31px!important;height:31px!important;flex-basis:31px!important;border-radius:8px!important;background:#EFF5FC!important;color:var(--cc-blue)!important}.dashboard-v714 .dash711-metric-icon .ui-svg{width:14px;height:14px}.dashboard-v714 .tone-green .dash711-metric-icon{background:#EAF8F3!important;color:#0A8B67!important}.dashboard-v714 .tone-amber .dash711-metric-icon{background:#FFF7E8!important;color:#C87B05!important}.dashboard-v714 .dash711-metric-body{margin-top:10px}.dashboard-v714 .dash711-metric-body>strong{font-size:28px!important;color:var(--cc-navy)!important}.dashboard-v714 .dash711-metric-body>small{font-size:8.5px!important;margin-top:6px!important;color:#93A0AF!important}
.dash714-analytics-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,.7fr);gap:10px;margin-bottom:16px}.dash714-panel{min-width:0;background:#fff;border:1px solid var(--cc-line);border-radius:12px;overflow:hidden}.dash714-panel-head{min-height:57px;padding:12px 14px;border-bottom:1px solid #EDF1F5;display:flex;align-items:center;justify-content:space-between;gap:12px}.dash714-panel-head>div>span{display:block;color:#8A99AA;font-size:7.5px;font-weight:850;letter-spacing:.12em}.dash714-panel-head h2{margin:3px 0 0;color:var(--cc-navy);font-size:12.5px}.dash714-legend{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.dash714-legend span{display:flex;align-items:center;gap:4px;color:#7B8A9D;font-size:7.5px}.dash714-legend i{width:7px;height:7px;border-radius:2px}.dash714-legend i.calls{background:var(--cc-blue)}.dash714-legend i.connect{background:#22A884}.dash714-legend i.y01{background:#0B7E62}.dash714-legend i.y02{background:#DB9018}.dash714-chart-panel .dash-chart-scroll{padding:8px 9px 4px}.dashboard-v714 .dash-grouped-chart{height:220px;min-width:600px}.dashboard-v714 .dash-grid-line{stroke:#EDF1F5}.dashboard-v714 .dash-axis-text{fill:#8B99AA;font-size:8px}.dashboard-v714 .dash-group-bar.calls{fill:var(--cc-blue)}.dashboard-v714 .dash-group-bar.connect{fill:#22A884}.dashboard-v714 .dash-group-bar.y01{fill:#0B7E62}.dashboard-v714 .dash-group-bar.y02{fill:#DB9018}.dashboard-v714 .dash-bar-value{font-size:7px}.dash714-total{font-size:22px;color:var(--cc-navy);letter-spacing:-.04em}.dash714-outcome-list{padding:7px 14px 12px}.dash714-outcome-row{display:grid;grid-template-columns:1fr auto;gap:4px 10px;padding:8px 0;border-bottom:1px solid #F0F3F6}.dash714-outcome-row:last-child{border-bottom:0}.dash714-outcome-row>div:first-child b{display:inline-flex;min-width:32px;color:#31475E;font-size:9px}.dash714-outcome-row>div:first-child span{font-size:8.5px;color:#8593A4}.dash714-outcome-value{display:flex;align-items:baseline;gap:5px}.dash714-outcome-value strong{font-size:13px;color:#233B55}.dash714-outcome-value small{font-size:7.5px;color:#95A2B1}.dash714-outcome-bar{grid-column:1/-1;height:4px;background:#EEF2F6;border-radius:999px;overflow:hidden}.dash714-outcome-bar i{display:block;height:100%;border-radius:999px;background:#9CA9B7}.dash714-outcome-bar i.good{background:#0A936C}.dash714-outcome-bar i.warn{background:#D88C16}.dash714-outcome-bar i.neutral{background:#6C85A2}.dash714-outcome-bar i.muted{background:#B4BFCA}

.dashboard-v714 .dash711-section{margin-top:0!important}.dashboard-v714 .dash711-section-head{padding:0 1px 9px!important}.dashboard-v714 .dash711-section-head h2{font-size:16px!important;color:var(--cc-navy)!important}.dashboard-v714 .dash711-section-head p{font-size:9px!important;color:#8291A2!important}.dashboard-v714 .dash711-section-eyebrow{font-size:7.5px!important;color:var(--cc-blue)!important}.dashboard-v714 .dash711-period-badge{padding:5px 8px!important;border-radius:7px!important;font-size:8px!important;box-shadow:none!important}.dashboard-v714 .dash711-break-list{gap:7px!important}.dashboard-v714 .dash711-break-row{grid-template-columns:1.45fr .82fr .7fr .9fr!important;border:1px solid var(--cc-line)!important;border-radius:10px!important;box-shadow:none;background:#fff}.dashboard-v714 .dash711-break-row:hover{transform:none;border-color:#C5D6E7!important;box-shadow:none}.dashboard-v714 .dash711-break-cell{min-height:100px!important;padding:13px 14px!important;border-right:1px solid #EDF1F5!important}.dashboard-v714 .dash711-open-cell:hover{background:#F8FBFF!important}.dashboard-v714 .dash713-entity-avatar{width:32px;height:32px;flex-basis:32px;border-radius:8px;background:var(--cc-navy);box-shadow:none;font-size:8.5px}.dashboard-v714 .dash713-entity-avatar.person{background:#EAF3FF;color:var(--cc-blue);border:0}.dashboard-v714 .dash711-open-cell .dash711-cell-main{margin-top:9px!important}.dashboard-v714 .dash711-cell-main{font-size:23px!important}.dashboard-v714 .dash711-pair-values b{font-size:21px!important}.dashboard-v714 .dash711-open-arrow{width:24px!important;height:24px!important;right:11px!important;top:11px!important;border-radius:7px!important}.dashboard-v714 .dash711-progress{height:4px!important}.dashboard-v714 .dash711-big-card{min-height:145px!important;border-radius:11px!important;padding:18px!important;box-shadow:none}.dashboard-v714 .dash711-big-icon{width:45px!important;height:45px!important;flex-basis:45px!important;border-radius:11px!important}.dashboard-v714 .dash711-big-card strong{font-size:35px!important}

/* Operational views */
.call-layout{grid-template-columns:320px minmax(0,1fr);gap:10px}.queue,.call-desk{border-radius:12px;box-shadow:none}.queue-head{padding:12px 13px;background:#F8FAFC;border-bottom-color:#E7EDF3;color:#536A82;font-size:8.5px;letter-spacing:.08em}.queue-item{padding:11px 12px}.queue-item:hover,.queue-item.active{background:#F1F7FE}.call-desk{padding:18px;top:84px}.call-phone{font-size:22px!important;color:var(--cc-blue)}.kanban-col{background:#EFF3F8;border:1px solid #E3E9F0;border-radius:10px}.kanban-card{border-radius:9px;box-shadow:none}.kanban-card:hover{border-color:#C4D5E6}.form-field label{font-size:9px;color:#65778C}.notice{border-radius:9px;border-left:3px solid var(--cc-blue);background:#F0F7FF}.import-zone{padding:22px;border-radius:11px;background:#F8FBFF;border-color:#C7D8E9}.employee{border-radius:10px;box-shadow:none}.employee-avatar{background:#EAF3FF;color:var(--cc-blue)}.team-chip,.team-tab,.period-tab{border-radius:8px}.chat-layout{gap:10px}.chat-contacts-panel,.chat-thread-panel{border-radius:12px;box-shadow:none}.chat-contact.active{background:#EDF5FF}.chat-message.mine .chat-bubble{background:var(--cc-blue);color:#fff}.notification-panel{border-radius:12px;border-color:var(--cc-line);box-shadow:var(--cc-shadow-lg)}

/* Responsive: desktop first, comfortable tablet */
@media(max-width:1180px){
  .global-search-wrap{width:min(380px,31vw)}
  .sidebar,.dashboard-redesign .sidebar{width:238px}
  .main,.dashboard-redesign .main{padding:22px}
  .dashboard-v714 .dash711-break-row{grid-template-columns:1.25fr .82fr .7fr .9fr!important}
}
@media(max-width:980px){
  .global-search-wrap{width:min(300px,28vw)}.global-search-wrap kbd{display:none}
  .user-button{min-width:42px}.user-button-copy,.user-caret{display:none}
  .dash714-analytics-grid{grid-template-columns:1fr}.dash714-outcome-list{display:grid;grid-template-columns:1fr 1fr;column-gap:18px}.dash714-outcome-row:nth-last-child(2){border-bottom:0}
  .enterprise-launcher .app-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}
}
@media(max-width:760px){
  .topbar,.dashboard-redesign .topbar{height:60px;padding:0 8px;gap:5px}.workspace{min-height:calc(100vh - 60px)}
  .topbar-left{min-width:0}.topbar-apps{display:none}.topbar-title{min-width:0;max-width:150px}.topbar-title strong{font-size:11px}.topbar-title span{display:none}
  .global-search-wrap{margin-left:auto;width:42px;height:38px;background:#F7F9FC}.global-search-wrap input,.global-search-wrap kbd{display:none}.global-search-icon{width:100%}.global-search-wrap:focus-within{position:fixed;z-index:115;left:8px;right:8px;top:8px;width:auto;height:44px;background:#fff}.global-search-wrap:focus-within input{display:block;font-size:14px}.global-search-wrap:focus-within .global-search-icon{width:38px}.global-search-panel{position:fixed;left:8px;right:8px;top:57px;max-height:70vh}
  .mode-pill{display:none}.notification-button{width:36px;height:36px}.user-button{min-width:36px;width:36px;height:36px;border:0;padding:2px}.avatar{width:32px;height:32px}
  .sidebar,.dashboard-redesign .sidebar{top:60px;bottom:calc(62px + env(safe-area-inset-bottom));height:auto;width:min(84vw,286px);background:var(--cc-navy)}
  .sidebar.mobile-open{transform:translateX(0)}.sidebar.hidden{display:none!important}.mobile-sidebar-backdrop{inset:60px 0 calc(62px + env(safe-area-inset-bottom)) 0}
  .main,.dashboard-redesign .main{padding:13px 11px calc(84px + env(safe-area-inset-bottom));min-height:calc(100vh - 60px)}
  .mobile-bottom-nav{border-top-color:#DDE5EE;box-shadow:0 -8px 24px rgba(15,43,76,.07)}.mobile-nav-item.active{background:#EAF3FF;color:var(--cc-blue)}.mobile-nav-icon .ui-svg{width:18px;height:18px}
  .login-shell{width:100%;min-height:100vh;border:0;border-radius:0}.login-brand{display:none}.login-card{min-height:100vh;padding:34px 24px}
  .page-head{align-items:flex-start}.page-head h1{font-size:20px}.actions{width:100%}
  .dashboard-v714 .dash714-head{align-items:flex-start;flex-direction:column}.dash714-head-tools{width:100%;align-items:flex-end;justify-content:space-between}.dash714-live{display:none}.dashboard-v714 .dash711-date-tools{width:100%;justify-content:flex-end}.dashboard-v714 .dash711-metric-grid{grid-template-columns:1fr 1fr!important}.dash714-section-label small{display:none}.dash714-analytics-grid{grid-template-columns:1fr}.dash714-legend{display:none}.dash714-outcome-list{display:block}.dash714-outcome-row:nth-last-child(2){border-bottom:1px solid #F0F3F6}.dashboard-v714 .dash711-break-row{grid-template-columns:1fr 1fr!important}.dashboard-v714 .dash711-break-cell{min-height:92px!important;border-bottom:1px solid #EDF1F5!important}.dashboard-v714 .dash711-break-cell:nth-child(2n){border-right:0!important}.dashboard-v714 .dash711-person-grid{grid-template-columns:1fr!important}
  .call-layout{grid-template-columns:1fr}.call-desk{top:auto}.toolbar>*{width:100%}.search{min-width:0}.enterprise-launcher .app-grid{grid-template-columns:1fr 1fr}.launcher-hero{padding:22px;min-height:145px}.launcher-hero-mark{display:none}
}
@media(max-width:480px){
  .dashboard-v714 .dash711-metric-grid{grid-template-columns:1fr 1fr!important}.dashboard-v714 .dash711-metric{padding:12px!important;min-height:102px!important}.dashboard-v714 .dash711-metric-body>strong{font-size:24px!important}.dashboard-v714 .dash711-break-row{grid-template-columns:1fr!important}.dashboard-v714 .dash711-break-cell{border-right:0!important}.enterprise-launcher .app-grid{grid-template-columns:1fr}.global-search-result{grid-template-columns:32px minmax(0,1fr) 16px}.launcher-hero h1{font-size:24px}
}

/* V7.14 audit log */
.audit-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) minmax(180px,260px) auto;align-items:center}.audit-toolbar>.muted{font-size:9px;text-align:right}.audit-table{min-width:1050px}.audit-table td{vertical-align:top}.audit-table td:nth-child(1){white-space:nowrap;width:135px}.audit-table td:nth-child(2){min-width:165px}.audit-table td:nth-child(3){min-width:150px}.audit-detail{white-space:normal!important;min-width:340px;max-width:620px;color:#66788D!important;font-size:9.5px;line-height:1.5}
@media(max-width:760px){.audit-toolbar{grid-template-columns:1fr}.audit-toolbar>.muted{text-align:left}.audit-table{min-width:920px}}

/* =====================================================================
   V8.0 PREMIUM CALL CENTER CRM — Enterprise SaaS redesign
   ===================================================================== */
:root{
  --cc-navy:#0b2f5b;
  --cc-navy-2:#0f3a6d;
  --cc-navy-3:#143f73;
  --cc-blue:#1677ff;
  --cc-blue-dark:#0f67e8;
  --cc-blue-soft:#eaf3ff;
  --cc-green:#16a36a;
  --cc-green-soft:#e9f9f2;
  --cc-amber:#e89916;
  --cc-amber-soft:#fff5df;
  --cc-red:#e34b4b;
  --cc-red-soft:#fff0ef;
  --cc-purple:#7657e8;
  --cc-slate:#66788d;
  --cc-bg:#f4f7fb;
  --cc-card:#ffffff;
  --cc-line:#dfe7f0;
  --cc-line-soft:#edf2f7;
  --cc-text:#15263c;
  --cc-muted:#6f8094;
  --cc-shadow:0 2px 8px rgba(25,52,82,.05);
  --cc-shadow-lg:0 12px 30px rgba(17,48,82,.10);
  --odoo:var(--cc-blue);
  --odoo-dark:var(--cc-blue-dark);
  --odoo-soft:var(--cc-blue-soft);
  --teal:var(--cc-green);
  --bg:var(--cc-bg);
  --card:var(--cc-card);
  --line:var(--cc-line);
  --text:var(--cc-text);
  --muted:var(--cc-muted);
  --danger:var(--cc-red);
  --warning:var(--cc-amber);
  --success:var(--cc-green);
  --shadow:var(--cc-shadow-lg);
  --radius:10px;
}
html,body{background:var(--cc-bg);color:var(--cc-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
body{font-size:14px}

/* Login */
.login-screen{background:#eef4fb;padding:0;place-items:stretch}
.login-shell{width:100%;min-height:100vh;grid-template-columns:minmax(420px,44%) 1fr;border-radius:0;box-shadow:none;background:#fff}
.login-brand{padding:72px;display:flex;background:var(--cc-navy);color:#fff;position:relative;overflow:hidden}
.login-brand:after{content:"CRM";position:absolute;right:-18px;bottom:-62px;font-size:220px;line-height:1;font-weight:900;letter-spacing:-.08em;color:rgba(255,255,255,.035)}
.login-brand-content{max-width:560px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1}
.login-brand-top{display:flex;align-items:center;gap:13px;font-size:16px;font-weight:800;letter-spacing:.03em;margin-bottom:90px}
.brand-mark{width:42px;height:42px;border-radius:9px;background:var(--cc-blue);font-size:14px;box-shadow:none}
.login-brand-kicker{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#9ec8ff;font-weight:800}
.login-brand h1{font-size:42px;line-height:1.14;color:#fff;margin:12px 0 16px;letter-spacing:-.035em}
.login-brand p{font-size:15px;line-height:1.7;color:#c8d9ed;max-width:520px}
.login-brand-points{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:34px;font-size:12px;color:#d9e7f5}
.login-card{width:min(460px,calc(100% - 48px));align-self:center;justify-self:center;padding:42px;border:1px solid var(--cc-line);border-radius:16px;box-shadow:0 18px 55px rgba(18,52,88,.10);gap:11px}
.login-card h2{font-size:28px;color:var(--cc-navy);letter-spacing:-.025em}.login-card p{font-size:13px;line-height:1.55}
.login-card label{font-size:12px;color:#475d75}.login-card input{height:44px;border-color:#d5dfea;border-radius:8px}.login-card input:focus{border-color:var(--cc-blue);box-shadow:0 0 0 3px rgba(22,119,255,.09)}
.login-card .btn.primary{height:44px;margin-top:8px}

/* Application frame */
.app{background:var(--cc-bg)}
.premium-topbar{height:58px;background:#fff;color:var(--cc-text);border-bottom:1px solid var(--cc-line);box-shadow:none;padding:0 18px 0 16px;gap:12px}
.workspace{min-height:calc(100vh - 58px)}
.sidebar,.dashboard-redesign .sidebar{width:236px;background:var(--cc-navy);border-right:0;padding:0;top:58px;height:calc(100vh - 58px);overflow:hidden;color:#fff}
.main,.dashboard-redesign .main{padding:18px 20px 28px;max-width:none;background:var(--cc-bg)}
.premium-breadcrumbs{display:flex;align-items:center;gap:8px;min-width:240px;color:#667a91;font-size:12px}
.premium-breadcrumbs strong{color:#20344d;font-size:12px;font-weight:750}.breadcrumb-sep{color:#a7b5c5}
.premium-apps-button{display:none}
.mobile-menu-button{color:#31455f!important;border:1px solid var(--cc-line)!important;background:#fff!important}
.premium-global-search{width:min(430px,34vw);margin-left:auto;height:38px;border:1px solid #d7e0ea;border-radius:8px;background:#fff;box-shadow:none}
.premium-global-search:focus-within{border-color:#a9c9f2;box-shadow:0 0 0 3px rgba(22,119,255,.08)}
.global-search-icon{color:#7f91a6}.premium-global-search input{font-size:12px}.premium-global-search kbd{font-size:9px;border:1px solid #dce4ec;background:#f6f8fb;color:#8090a2}
.premium-topbar-right{display:flex;align-items:center;gap:8px}.global-date-range{height:38px;border:1px solid #d7e0ea;background:#fff;border-radius:8px;padding:0 10px;display:flex;align-items:center;gap:8px;color:#425970;font-size:11px;font-weight:700}.global-date-range:hover{border-color:#b9cade;background:#f8fbff}.global-date-icon{color:var(--cc-blue)}
.mode-pill{margin:0;font-size:9px;padding:4px 7px!important;border-radius:999px!important;background:#eef8f4!important;color:#23805e!important;border:1px solid #d8eee5}
.notification-button{color:#425970!important;border:1px solid transparent!important}.notification-button:hover{background:#f3f7fb!important}.premium-user-button{color:#24394f!important;border-left:1px solid #e4eaf1;border-radius:0!important;padding-left:12px!important}.premium-user-button:hover{background:transparent!important}.premium-user-button .avatar{background:#e7f1ff;color:var(--cc-blue);border:1px solid #cfe2ff}.user-button-copy span{font-size:11px;font-weight:750}.user-button-copy small{font-size:9px;color:#8a9bad}.user-menu{top:52px;border-color:#dfe7f0;box-shadow:var(--cc-shadow-lg)}

/* Sidebar */
#sidebar-menu{height:100%;display:flex;flex-direction:column}
.sidebar-brand{height:70px;padding:0 18px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.08)}
.sidebar-brand-mark{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;background:var(--cc-blue);color:#fff;font-weight:850;font-size:11px}
.sidebar-brand>div:last-child{min-width:0}.sidebar-brand strong{display:block;color:#fff;font-size:13px;letter-spacing:.03em}.sidebar-brand strong b{color:#52a4ff}.sidebar-brand span{display:block;color:#7fa4c9;font-size:9px;margin-top:2px;letter-spacing:.08em;text-transform:uppercase}
.sidebar-nav-scroll{flex:1;overflow:auto;padding:12px 8px 8px}.menu-section{margin:0}.menu-title{display:none}.menu-item{color:#d4e0ed;border-radius:7px;padding:9px 11px;margin:2px 0;gap:10px;font-size:11px;font-weight:600;min-height:38px}.menu-item:hover{background:rgba(255,255,255,.07);color:#fff}.menu-item.active{background:var(--cc-blue);color:#fff;font-weight:750;box-shadow:0 4px 12px rgba(0,0,0,.12)}.menu-item-icon{width:19px;height:19px;display:grid;place-items:center;color:#afc6dd}.menu-item.active .menu-item-icon{color:#fff}.menu-item-icon .ui-svg{width:17px;height:17px}.menu-item-label{flex:1}.menu-item-arrow{display:none}
.sidebar-divider{height:1px;background:rgba(255,255,255,.08);margin:8px 10px}.sidebar-caption{padding:6px 11px 4px;color:#6f96bd;font-size:8px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.sidebar-profile{border-top:1px solid rgba(255,255,255,.08);padding:12px 12px 13px;display:flex;align-items:center;gap:10px}.sidebar-profile-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--cc-navy);font-size:10px;font-weight:850;flex:0 0 auto}.sidebar-profile-copy{min-width:0;flex:1}.sidebar-profile-copy strong{display:block;color:#fff;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-profile-copy small{display:block;color:#8eb0d0;font-size:8px;margin-top:2px}.sidebar-profile-status{width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 0 3px rgba(52,211,153,.12)}

/* Generic page / controls */
.page-head{margin-bottom:14px;align-items:center}.page-head h1{font-size:22px;letter-spacing:-.02em;color:#10263f}.page-head p{font-size:11px;margin-top:4px}.btn{min-height:34px;border-radius:7px;border-color:#d7e1eb;padding:7px 11px;font-size:10px;font-weight:750;color:#344b64;box-shadow:none}.btn:hover{background:#f6f9fc}.btn.primary{background:var(--cc-blue);border-color:var(--cc-blue)}.btn.primary:hover{background:var(--cc-blue-dark)}.btn.teal{background:var(--cc-green);border-color:var(--cc-green)}.btn.danger{background:#fff;border-color:#f1c4c4;color:#d33f3f}.btn.small{padding:5px 8px;min-height:28px;font-size:9px}
.toolbar{padding:10px;border-radius:9px;border-color:var(--cc-line);box-shadow:var(--cc-shadow);margin-bottom:10px;gap:7px}.toolbar input,.toolbar select,.form-grid input,.form-grid select,.form-grid textarea{border-color:#d7e1eb;border-radius:7px;background:#fff;font-size:10px}.toolbar input,.toolbar select{height:34px}.toolbar input:focus,.toolbar select:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#9bc2f4;box-shadow:0 0 0 3px rgba(22,119,255,.07)}
.card,.table-wrap{border-color:var(--cc-line);border-radius:10px;box-shadow:var(--cc-shadow)}.card-head{padding:11px 13px}.card-head h3{font-size:12px;color:#1e344c}.card-body{padding:13px}
.data-table{font-size:10px;min-width:900px}.data-table th{padding:9px 10px;background:#f6f9fc;color:#5b6e84;font-size:8.5px;font-weight:800;letter-spacing:.015em}.data-table td{padding:8px 10px;border-color:#edf2f7}.data-table tbody tr:hover{background:#f8fbff}.name-link{color:#22405e;font-weight:800}.status{padding:3px 7px;border-radius:5px;font-size:8.5px}.status.y01{background:#e7f8f1;color:#13865e}.status.y02{background:#fff4df;color:#b0700c}.status.n02{background:#fff0ef;color:#c74a45}.status.new{background:#eaf3ff;color:#2474d6}.status.danger{background:#fff0ef;color:#c63c3c}

/* Premium page shell */
.premium-page{display:flex;flex-direction:column;gap:12px}.premium-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.premium-page-title h1{font-size:23px;line-height:1.1;margin:0;color:#10263f;letter-spacing:-.03em}.premium-page-title p{margin:5px 0 0;color:#6f8094;font-size:10px}.premium-page-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.premium-count-badge{display:inline-flex;align-items:center;background:#eaf3ff;color:#2376d8;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:800;margin-left:8px;vertical-align:middle}

/* Dashboard */
.crm-dashboard{display:flex;flex-direction:column;gap:12px}.crm-dashboard .premium-page-head{margin-bottom:0}.crm-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.crm-kpi-card{background:#fff;border:1px solid var(--cc-line);border-radius:10px;padding:13px 14px;display:grid;grid-template-columns:42px 1fr;gap:11px;align-items:center;box-shadow:var(--cc-shadow);min-height:94px}.crm-kpi-icon{width:42px;height:42px;border-radius:9px;display:grid;place-items:center}.crm-kpi-icon .ui-svg{width:20px;height:20px}.crm-kpi-icon.blue{background:#eaf3ff;color:#1677ff}.crm-kpi-icon.green{background:#e8f8f1;color:#16a36a}.crm-kpi-icon.purple{background:#f0edff;color:#7459e8}.crm-kpi-icon.amber{background:#fff2e6;color:#eb792f}.crm-kpi-copy>span{display:block;color:#5d7086;font-size:9px;font-weight:750}.crm-kpi-line{display:flex;align-items:baseline;gap:8px;margin-top:3px}.crm-kpi-line strong{font-size:24px;line-height:1;color:#10263f;letter-spacing:-.035em}.crm-kpi-delta{font-size:8.5px;font-weight:800}.crm-kpi-delta.up{color:#14a56b}.crm-kpi-delta.down{color:#e34b4b}.crm-kpi-copy small{display:block;margin-top:6px;color:#8494a7;font-size:8.5px}
.crm-analytics-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,.85fr);gap:10px}.crm-panel{background:#fff;border:1px solid var(--cc-line);border-radius:10px;box-shadow:var(--cc-shadow);overflow:hidden}.crm-panel-head{height:46px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--cc-line-soft)}.crm-panel-head h2{margin:0;font-size:12px;color:#19324d}.crm-panel-head span,.crm-panel-head small{font-size:8.5px;color:#7c8da1}.crm-panel-tool{border:1px solid #dce4ed;background:#fff;border-radius:6px;height:28px;padding:0 8px;font-size:8.5px;color:#50657c}.crm-chart-body{padding:10px 12px 8px}.crm-line-chart{width:100%;height:205px;display:block}.crm-chart-grid{stroke:#edf2f7;stroke-width:1}.crm-chart-axis{fill:#8697aa;font-size:8px}.crm-line-total{fill:none;stroke:#1677ff;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.crm-line-connect{fill:none;stroke:#18a56b;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.crm-dot-total{fill:#1677ff}.crm-dot-connect{fill:#18a56b}.crm-chart-legend{display:flex;justify-content:center;gap:16px;margin-top:3px;font-size:8px;color:#667a91}.crm-chart-legend span{display:flex;align-items:center;gap:5px}.crm-chart-legend i{width:7px;height:7px;border-radius:50%;display:block}.crm-chart-legend .total{background:#1677ff}.crm-chart-legend .connect{background:#18a56b}
.crm-outcome-wrap{display:grid;grid-template-columns:190px 1fr;align-items:center;gap:4px;padding:10px 14px 14px}.crm-donut{width:178px;height:178px;margin:auto}.crm-donut text.total{font-size:21px;font-weight:850;fill:#10263f}.crm-donut text.caption{font-size:8px;fill:#8293a6}.crm-outcome-list{display:flex;flex-direction:column;gap:9px}.crm-outcome-item{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;font-size:8.5px;color:#52677e}.crm-outcome-name{display:flex;align-items:center;gap:6px}.crm-outcome-dot{width:7px;height:7px;border-radius:50%}.crm-outcome-item strong{color:#243b53;font-size:9px}.crm-outcome-item small{width:38px;text-align:right;color:#8494a7;font-size:8px}
.crm-middle-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.75fr);gap:10px}.crm-compact-table{width:100%;border-collapse:collapse;font-size:9px}.crm-compact-table th{background:#f6f9fc;color:#65798f;text-align:left;padding:8px 10px;font-size:8px;font-weight:800;border-bottom:1px solid #e8eef5}.crm-compact-table td{padding:8px 10px;border-bottom:1px solid #eef2f6;color:#354b63}.crm-compact-table tr:last-child td{border-bottom:0}.crm-person{display:flex;align-items:center;gap:7px;font-weight:750;color:#203950}.crm-avatar-mini{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#e7f1ff;color:#176fce;font-size:7px;font-weight:850;flex:0 0 auto}.crm-progress{height:6px;background:#e8eef5;border-radius:999px;overflow:hidden;min-width:90px}.crm-progress i{display:block;height:100%;background:#19ae75;border-radius:999px}.crm-kpi-cell{display:flex;align-items:center;gap:7px}.crm-kpi-cell b{font-size:8px;min-width:30px;text-align:right}.crm-follow-list{display:flex;flex-direction:column}.crm-follow-row{display:grid;grid-template-columns:1.2fr .95fr .55fr 1fr .8fr;gap:8px;align-items:center;padding:9px 11px;border-bottom:1px solid #eef2f6;font-size:8.5px}.crm-follow-row:last-child{border-bottom:0}.crm-follow-row.header{background:#f6f9fc;color:#65798f;font-size:8px;font-weight:800}.crm-follow-name{font-weight:750;color:#273f58}.crm-status-badge{display:inline-flex;justify-content:center;border-radius:5px;padding:3px 6px;font-size:7.5px;font-weight:800}.crm-status-badge.due{background:#fff0ef;color:#d74444}.crm-status-badge.soon{background:#fff4de;color:#c47b0c}.crm-status-badge.done{background:#e8f8f1;color:#16885f}.crm-status-badge.neutral{background:#eef3f7;color:#687b90}
.crm-recent-table{min-width:1000px}.crm-action-buttons{display:flex;gap:4px}.crm-icon-action{width:26px;height:26px;border:1px solid #dce5ee;background:#fff;border-radius:6px;color:#1677ff;display:grid;place-items:center;font-size:11px}.crm-icon-action:hover{background:#f1f7ff}

/* Customer database */
.crm-data-toolbar{display:grid;grid-template-columns:minmax(260px,1.4fr) repeat(4,minmax(130px,.65fr)) 150px;gap:8px;background:#fff;border:1px solid var(--cc-line);border-radius:10px;padding:10px;box-shadow:var(--cc-shadow)}.crm-data-toolbar input,.crm-data-toolbar select{height:35px;border:1px solid #d7e1eb;border-radius:7px;background:#fff;padding:0 10px;font-size:9px;color:#40566f;outline:none}.crm-data-toolbar input:focus,.crm-data-toolbar select:focus{border-color:#9bc2f4;box-shadow:0 0 0 3px rgba(22,119,255,.06)}.crm-bulkbar{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;border:1px solid var(--cc-line);border-radius:10px;padding:9px 11px;box-shadow:var(--cc-shadow)}.crm-bulk-left{display:flex;align-items:center;gap:9px;font-size:9px;color:#52677e}.crm-checkbox{width:16px;height:16px;accent-color:var(--cc-blue)}.crm-data-table{min-width:1250px}.crm-data-table th{white-space:nowrap}.crm-data-table td{white-space:nowrap}.crm-data-table .customer-main{display:flex;align-items:center;gap:7px}.crm-data-footer{display:flex;justify-content:space-between;align-items:center;padding:9px 10px;background:#fff;border-top:1px solid #edf2f7;font-size:8.5px;color:#6f8194}.crm-pagination{display:flex;gap:4px}.crm-pagination button{width:28px;height:28px;border:1px solid #dbe4ed;background:#fff;border-radius:6px;font-size:8px;color:#50657c}.crm-pagination button.active{background:var(--cc-blue);border-color:var(--cc-blue);color:#fff}

/* Call center split workspace */
.cc-page{display:flex;flex-direction:column;gap:10px}.cc-summary-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:#fff;border:1px solid var(--cc-line);border-radius:10px;overflow:hidden;box-shadow:var(--cc-shadow);min-width:540px}.cc-summary-item{padding:10px 14px;border-right:1px solid #edf2f7;display:flex;align-items:center;gap:10px}.cc-summary-item:last-child{border-right:0}.cc-summary-icon{width:36px;height:36px;border-radius:9px;display:grid;place-items:center}.cc-summary-icon.blue{background:#eaf3ff;color:#1677ff}.cc-summary-icon.green{background:#e8f8f1;color:#16a36a}.cc-summary-icon.amber{background:#fff1e5;color:#e87b35}.cc-summary-copy span{display:block;font-size:8px;color:#708196}.cc-summary-copy strong{font-size:19px;color:#10263f;letter-spacing:-.02em}.cc-summary-copy small{font-size:8px;color:#7d8fa3;margin-left:6px}.cc-grid{display:grid;grid-template-columns:minmax(315px,.9fr) minmax(440px,1.4fr) minmax(310px,.88fr);gap:9px;align-items:start}.cc-panel{background:#fff;border:1px solid var(--cc-line);border-radius:10px;box-shadow:var(--cc-shadow);overflow:hidden}.cc-panel-head{height:45px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid #edf2f7}.cc-panel-head h2{margin:0;font-size:11px;color:#1b334d}.cc-panel-head span{font-size:8px;color:#7d8da1}.cc-queue-tools{padding:9px;border-bottom:1px solid #edf2f7;display:grid;grid-template-columns:1fr 1fr;gap:7px}.cc-queue-tools .wide{grid-column:1/-1}.cc-queue-tools input,.cc-queue-tools select{height:32px;border:1px solid #d8e2ec;border-radius:6px;padding:0 8px;font-size:8.5px}.cc-queue-list{max-height:690px;overflow:auto}.cc-queue-item{padding:10px 11px;border-bottom:1px solid #edf2f7;display:grid;grid-template-columns:34px 1fr auto;gap:8px;align-items:center;cursor:pointer}.cc-queue-item:hover{background:#f8fbff}.cc-queue-item.active{background:#edf5ff;box-shadow:inset 3px 0 0 var(--cc-blue)}.cc-queue-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e8f1ff;color:#2473d5;font-size:9px;font-weight:850}.cc-queue-copy strong{display:block;font-size:9px;color:#1f3852}.cc-queue-copy span{display:block;font-size:8px;color:#72849a;margin-top:2px}.cc-queue-meta{text-align:right}.cc-queue-meta small{display:block;font-size:7.5px;color:#8a9aac;margin-top:4px}.cc-customer{padding:12px}.cc-customer-hero{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:11px;border-bottom:1px solid #edf2f7}.cc-customer-title{display:flex;align-items:center;gap:10px}.cc-customer-title .cc-queue-avatar{width:42px;height:42px;font-size:11px}.cc-customer-title h2{margin:0;font-size:15px;color:#10263f}.cc-customer-title p{margin:3px 0 0;font-size:8.5px;color:#75869a}.cc-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #e6edf5;border-radius:8px;overflow:hidden;margin-top:11px}.cc-detail-cell{padding:9px 10px;min-height:56px;border-right:1px solid #edf2f7;border-bottom:1px solid #edf2f7}.cc-detail-cell:nth-child(3n){border-right:0}.cc-detail-cell:nth-last-child(-n+3){border-bottom:0}.cc-detail-cell label{display:block;font-size:7.5px;color:#7c8da1;margin-bottom:4px}.cc-detail-cell strong{font-size:9px;color:#233c55}.cc-note-box{margin-top:10px;background:#f6f9fc;border-radius:8px;padding:10px;font-size:8.5px;line-height:1.5;color:#4f657c}.cc-section{margin-top:10px;border:1px solid #e6edf5;border-radius:8px;overflow:hidden}.cc-section-title{height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;border-bottom:1px solid #edf2f7;font-size:9px;font-weight:800;color:#213a54}.cc-contact-grid{display:grid;grid-template-columns:1fr 1fr}.cc-contact-line{display:flex;justify-content:space-between;gap:12px;padding:8px 10px;border-bottom:1px solid #f0f3f6;font-size:8px}.cc-contact-line:nth-last-child(-n+2){border-bottom:0}.cc-contact-line span{color:#7c8da1}.cc-contact-line strong{color:#344c65;text-align:right}.cc-history{padding:7px 10px}.cc-history-row{display:grid;grid-template-columns:105px 105px 1fr;gap:8px;padding:7px 0;border-bottom:1px solid #f0f3f6;font-size:8px}.cc-history-row:last-child{border-bottom:0}.cc-history-row time{color:#7c8da1}.cc-history-row strong{color:#2d4862}.cc-form{padding:11px}.cc-form .form-field{margin-bottom:11px}.cc-form .form-field label{display:block;font-size:8.5px;font-weight:800;color:#314961;margin-bottom:5px}.cc-form select,.cc-form input,.cc-form textarea{width:100%;border:1px solid #d7e1eb;border-radius:7px;background:#fff;font-size:9px;padding:8px;outline:none}.cc-form textarea{min-height:130px;resize:vertical}.cc-form select:focus,.cc-form input:focus,.cc-form textarea:focus{border-color:#9bc2f4;box-shadow:0 0 0 3px rgba(22,119,255,.06)}.cc-result-hints{display:flex;flex-direction:column;gap:7px;margin-top:8px}.cc-result-hints span{display:flex;align-items:center;gap:6px;font-size:8px;color:#50657d}.cc-result-hints i{width:7px;height:7px;border-radius:50%}.cc-form-actions{display:grid;gap:7px;margin-top:8px}.cc-form-actions .btn{width:100%}

/* Employee / team management */
.staff-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.staff-summary{background:#fff;border:1px solid var(--cc-line);border-radius:10px;box-shadow:var(--cc-shadow);padding:12px 13px;display:flex;align-items:center;gap:10px}.staff-summary-icon{width:40px;height:40px;border-radius:9px;display:grid;place-items:center}.staff-summary-icon.blue{background:#eaf3ff;color:#1677ff}.staff-summary-icon.green{background:#e8f8f1;color:#16a36a}.staff-summary-icon.purple{background:#f0edff;color:#7657e8}.staff-summary-icon.amber{background:#fff1e6;color:#ef7a32}.staff-summary-copy span{display:block;font-size:8px;color:#73859a}.staff-summary-copy strong{font-size:20px;color:#10263f}.staff-summary-copy small{font-size:7.5px;color:#8394a7;margin-left:6px}.staff-toolbar{display:grid;grid-template-columns:minmax(260px,1.5fr) repeat(3,minmax(130px,.7fr)) auto;gap:8px;background:#fff;border:1px solid var(--cc-line);border-radius:10px;padding:10px;box-shadow:var(--cc-shadow)}.staff-toolbar input,.staff-toolbar select{height:34px;border:1px solid #d8e2ec;border-radius:7px;padding:0 9px;font-size:9px}.staff-actions{display:flex;gap:6px}.staff-table{min-width:1180px}.staff-role{display:inline-flex;border-radius:5px;padding:3px 6px;font-size:7.5px;font-weight:800;background:#edf2f7;color:#52677e}.staff-role.admin{background:#efeaff;color:#6848da}.staff-role.teamlead{background:#eaf3ff;color:#1677ff}.staff-role.sale{background:#eef3f7;color:#496077}.staff-status{display:inline-flex;border-radius:5px;padding:3px 7px;font-size:7.5px;font-weight:800}.staff-status.active{background:#e7f8f0;color:#16865e}.staff-status.locked{background:#fff0ef;color:#d04444}

/* KPI analytics */
.kpi-page{display:flex;flex-direction:column;gap:10px}.kpi-filter-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px}.kpi-filter-card{background:#fff;border:1px solid var(--cc-line);border-radius:10px;padding:9px 11px;display:grid;grid-template-columns:34px 1fr;gap:9px;align-items:center;box-shadow:var(--cc-shadow)}.kpi-filter-icon{width:34px;height:34px;border-radius:8px;background:#eaf3ff;color:#1677ff;display:grid;place-items:center}.kpi-filter-card label{display:block;font-size:7.5px;color:#7a8ca0}.kpi-filter-card input,.kpi-filter-card select{width:100%;border:0;background:transparent;outline:none;padding:0;font-size:9px;color:#324a63;font-weight:700}.kpi-metric-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.kpi-metric-card{background:#fff;border:1px solid var(--cc-line);border-radius:10px;padding:11px 12px;display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center;box-shadow:var(--cc-shadow)}.kpi-metric-icon{width:38px;height:38px;border-radius:9px;display:grid;place-items:center}.kpi-metric-icon.blue{background:#eaf3ff;color:#1677ff}.kpi-metric-icon.green{background:#e7f8f0;color:#16a36a}.kpi-metric-icon.purple{background:#efecff;color:#7657e8}.kpi-metric-icon.amber{background:#fff1e5;color:#ed7b34}.kpi-metric-icon.red{background:#fff0ef;color:#e14a4a}.kpi-metric-copy span{display:block;font-size:7.5px;color:#76889c}.kpi-metric-copy strong{font-size:19px;color:#10263f}.kpi-metric-copy small{display:block;font-size:7.5px;color:#8394a6;margin-top:3px}.kpi-charts{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kpi-chart{height:210px;padding:12px}.kpi-bars{height:145px;display:flex;align-items:flex-end;justify-content:space-around;gap:8px;padding:8px 10px 0;border-bottom:1px solid #dfe7ef;background-image:linear-gradient(#edf2f7 1px,transparent 1px);background-size:100% 36px}.kpi-bar-group{height:100%;display:flex;align-items:flex-end;gap:3px;position:relative;flex:1;justify-content:center}.kpi-bar{width:18px;border-radius:4px 4px 0 0}.kpi-bar.target{background:#9bc9ff}.kpi-bar.actual{background:#1677ff}.kpi-bar-label{position:absolute;bottom:-20px;font-size:7px;color:#75869a;white-space:nowrap}.kpi-team-bars{display:flex;flex-direction:column;gap:10px;padding-top:7px}.kpi-team-row{display:grid;grid-template-columns:90px 1fr 45px;gap:8px;align-items:center;font-size:8px;color:#52677e}.kpi-team-track{height:10px;background:#edf2f7;border-radius:999px;overflow:hidden}.kpi-team-track i{display:block;height:100%;background:#1677ff;border-radius:999px}.ranking-medal{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:7px;font-weight:900;background:#eef2f6;color:#53687f}.ranking-medal.top1{background:#fff0b8;color:#a56a00}.ranking-medal.top2{background:#e9eef5;color:#5d6d7f}.ranking-medal.top3{background:#ffe0ca;color:#b75d20}

/* Old modules brought into the new system */
.lead-summary>div,.lead-total-card,.employee,.admin-account-card,.import-zone,.chat-contacts-panel,.chat-thread-panel,.kanban-col,.kanban-card,.notice,.modal{border-radius:10px!important;box-shadow:var(--cc-shadow)!important}.lead-summary>div{border-color:var(--cc-line)!important}.modal{border:1px solid var(--cc-line)}.modal-header{border-bottom-color:var(--cc-line)}

/* Responsive — desktop first */
@media(max-width:1280px){
  .sidebar,.dashboard-redesign .sidebar{width:218px}.main,.dashboard-redesign .main{padding:16px}
  .crm-data-toolbar{grid-template-columns:minmax(220px,1.3fr) repeat(3,minmax(120px,.7fr));}.crm-data-toolbar>*:nth-last-child(2),.crm-data-toolbar>*:last-child{grid-column:auto}
  .cc-grid{grid-template-columns:300px minmax(390px,1.25fr) 300px}.crm-outcome-wrap{grid-template-columns:160px 1fr}.crm-donut{width:155px;height:155px}
}
@media(max-width:1080px){
  .premium-global-search{width:280px}.global-date-range{display:none}.crm-kpi-grid{grid-template-columns:1fr 1fr}.crm-analytics-grid,.crm-middle-grid,.kpi-charts{grid-template-columns:1fr}.staff-summary-grid{grid-template-columns:1fr 1fr}.kpi-metric-grid{grid-template-columns:repeat(3,1fr)}.cc-grid{grid-template-columns:290px 1fr}.cc-grid>.cc-panel:last-child{grid-column:1/-1}.cc-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cc-form .form-field{margin:0}.cc-form .form-field.notes{grid-column:1/-1}.cc-form-actions{grid-column:1/-1;grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .premium-topbar{height:58px}.workspace{min-height:calc(100vh - 58px)}.premium-breadcrumbs{min-width:0}.premium-breadcrumbs #breadcrumb,.breadcrumb-sep{display:none}.premium-breadcrumbs strong{font-size:11px}.premium-global-search{width:40px}.premium-global-search input,.premium-global-search kbd{display:none}.premium-global-search:focus-within{position:fixed;left:8px;right:8px;top:8px;width:auto;z-index:120}.premium-global-search:focus-within input{display:block}.premium-user-button .user-button-copy,.premium-user-button .user-caret{display:none}.premium-user-button{border-left:0!important;padding-left:3px!important}.sidebar,.dashboard-redesign .sidebar{top:58px}.main,.dashboard-redesign .main{padding:12px 10px calc(80px + env(safe-area-inset-bottom))}.premium-page-head{align-items:flex-start;flex-direction:column}.premium-page-actions{width:100%}.crm-kpi-grid,.staff-summary-grid,.kpi-filter-grid,.kpi-metric-grid{grid-template-columns:1fr 1fr}.crm-analytics-grid,.crm-middle-grid{grid-template-columns:1fr}.crm-outcome-wrap{grid-template-columns:1fr}.crm-data-toolbar,.staff-toolbar{grid-template-columns:1fr}.cc-summary-strip{min-width:0;grid-template-columns:1fr}.cc-summary-item{border-right:0;border-bottom:1px solid #edf2f7}.cc-grid{grid-template-columns:1fr}.cc-grid>.cc-panel:last-child{grid-column:auto}.cc-queue-list{max-height:370px}.cc-detail-grid{grid-template-columns:1fr 1fr}.cc-detail-cell:nth-child(3n){border-right:1px solid #edf2f7}.cc-detail-cell:nth-child(2n){border-right:0}.cc-form{display:block}.cc-form .form-field{margin-bottom:10px}.cc-form-actions{display:grid}.kpi-charts{grid-template-columns:1fr}.login-shell{grid-template-columns:1fr}.login-brand{display:none}.login-card{width:min(460px,calc(100% - 28px));padding:30px 22px}
}
@media(max-width:480px){.crm-kpi-grid,.staff-summary-grid,.kpi-metric-grid{grid-template-columns:1fr}.cc-detail-grid{grid-template-columns:1fr}.cc-detail-cell{border-right:0!important}.cc-contact-grid{grid-template-columns:1fr}.cc-contact-line:nth-last-child(-n+2){border-bottom:1px solid #f0f3f6}.cc-contact-line:last-child{border-bottom:0}.kpi-filter-grid{grid-template-columns:1fr}}

/* =====================================================================
   V8.1 OPERATIONS UX
   ===================================================================== */
.v81-range-filter{display:flex;align-items:flex-end;gap:7px;flex-wrap:wrap;background:#fff;border:1px solid var(--cc-line);border-radius:10px;padding:8px;box-shadow:var(--cc-shadow)}
.v81-range-filter label{display:grid;gap:3px}.v81-range-filter label span{font-size:8px;font-weight:800;color:#71849a;text-transform:uppercase;letter-spacing:.04em}.v81-range-filter input{height:32px;min-width:132px;border:1px solid #d8e2ec;border-radius:7px;padding:0 8px;color:#29415a;background:#fff;font-size:10px;font-weight:700}.v81-range-filter input:focus{outline:0;border-color:#8fbcf5;box-shadow:0 0 0 3px rgba(22,119,255,.07)}.range-arrow{align-self:center;color:#8da0b4;font-size:12px;padding:0 1px}.v81-dashboard .premium-page-title>.btn{margin-bottom:8px}
.v81-click-row{cursor:pointer;transition:background .15s ease}.v81-click-row:hover{background:#f3f8ff!important}.v81-click-row td:first-child strong{color:#166dcc}.v81-click-row .btn{white-space:nowrap}
.v81-lead-watch{display:flex;flex-direction:column}.v81-lead-watch-row{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(150px,.9fr);gap:10px;align-items:center;padding:10px 12px;border-bottom:1px solid #edf2f7}.v81-lead-watch-row:last-child{border-bottom:0}.v81-lead-watch-row>div{min-width:0}.v81-lead-watch-row strong{display:block;font-size:9.5px;color:#223a54;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v81-lead-watch-row small{display:block;margin-top:3px;font-size:8px;color:#8495a8}.v81-lead-watch-row>div:last-child{text-align:right}.v81-lead-watch-row>div:last-child small{white-space:normal}
.lead-stage{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:4px 8px;font-size:8px;font-weight:800;line-height:1.15}.lead-stage.new{background:#edf3f8;color:#61758b}.lead-stage.login{background:#eaf3ff;color:#176fce}.lead-stage.signed{background:#e7f8f0;color:#14865e}.lead-stage.negative{background:#fff0ef;color:#c94742}
.v81-lead-summary{grid-template-columns:repeat(6,minmax(0,1fr))}.v81-lead-summary .crm-kpi-card{min-height:88px}.v81-lead-summary .crm-kpi-card strong{font-size:22px}.v81-lead-summary .crm-kpi-card small{line-height:1.35}
.v81-lead-toolbar{display:grid;grid-template-columns:minmax(260px,1.5fr) minmax(210px,.8fr) auto;gap:8px;align-items:center;padding:10px;border-bottom:1px solid var(--cc-line-soft)}.v81-lead-toolbar input,.v81-lead-toolbar select{height:34px;border:1px solid #d8e2ec;border-radius:7px;padding:0 9px;background:#fff;color:#334a62;font-size:9px}.v81-lead-toolbar span{font-size:8.5px;color:#71849a;font-weight:700;text-align:right}.v81-lead-table small{display:block;margin-top:3px;font-size:7.5px;color:#8999ab;max-width:260px;white-space:normal}.v81-age{display:inline-flex;margin-left:5px;padding:2px 5px;border-radius:999px;background:#fff4df;color:#ae720f;font-size:7px;font-weight:800}.v81-age.overdue{background:#fff0ef;color:#c94742}.v81-lead-control{font-size:8px;font-weight:750;color:#4f657c}.v81-lead-control strong{color:#1f3650}.v81-lead-actions{display:flex;gap:5px;flex-wrap:wrap}.v81-lead-actions .btn{white-space:nowrap}
.v81-team-tabs{display:flex;align-items:center;gap:6px;overflow:auto;padding:2px 0 3px;scrollbar-width:thin}.v81-team-tab{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;height:34px;border:1px solid #d8e2ec;border-radius:8px;background:#fff;color:#445b73;padding:0 11px;font-size:9px;font-weight:800;cursor:pointer}.v81-team-tab:hover{border-color:#a9c9f2;background:#f8fbff}.v81-team-tab.active{background:#1677ff;border-color:#1677ff;color:#fff}.v81-team-tab span{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#eef3f7;color:#64788e;font-size:7px}.v81-team-tab.active span{background:rgba(255,255,255,.2);color:#fff}
.v81-staff-toolbar{display:grid;grid-template-columns:minmax(280px,1.6fr) minmax(150px,.5fr) minmax(180px,.7fr);gap:8px;align-items:center;background:#fff;border:1px solid var(--cc-line);border-radius:10px;padding:10px;box-shadow:var(--cc-shadow)}.v81-staff-toolbar input,.v81-staff-toolbar select{height:34px;border:1px solid #d8e2ec;border-radius:7px;padding:0 9px;font-size:9px}.v81-selected-team-label{height:34px;display:flex;align-items:center;justify-content:flex-end;border-left:1px solid #e6edf4;padding-left:12px;color:#73859a;font-size:8.5px}.v81-selected-team-label strong{color:#1f3a56;margin-left:4px}
.role-pill{display:inline-flex;border-radius:5px;padding:3px 7px;font-size:7.5px;font-weight:800}.role-pill.admin{background:#efeaff;color:#6748d9}.role-pill.teamlead{background:#eaf3ff;color:#1677ff}.role-pill.sale{background:#eef3f7;color:#4c6177}
.v81-kpi-filter-grid{display:grid;grid-template-columns:minmax(320px,1.15fr) minmax(210px,.8fr) minmax(210px,.8fr);gap:10px}.v81-kpi-filter{background:#fff;border:1px solid var(--cc-line);border-radius:10px;box-shadow:var(--cc-shadow);padding:10px 11px;display:grid;grid-template-columns:38px 1fr;gap:9px;align-items:center}.v81-kpi-filter-icon{width:38px;height:38px;border-radius:8px;display:grid;place-items:center;background:#eaf3ff;color:#1677ff}.v81-kpi-filter-copy{min-width:0}.v81-kpi-filter-copy>span{display:block;color:#73859a;font-size:8px;font-weight:800;margin-bottom:4px}.v81-kpi-range{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px}.v81-kpi-filter input,.v81-kpi-filter select{width:100%;height:34px;border:1.5px solid #bcd4ef;border-radius:7px;background:#fff;padding:0 9px;font-size:9.5px;font-weight:750;color:#243d58;cursor:pointer}.v81-kpi-filter input:hover,.v81-kpi-filter select:hover{border-color:#70aaf0}.v81-kpi-filter input:focus,.v81-kpi-filter select:focus{outline:0;border-color:#1677ff;box-shadow:0 0 0 3px rgba(22,119,255,.08)}.v81-kpi-filter.locked{background:#f7f9fc}.v81-kpi-filter.locked select{background:#f2f5f8;color:#65788c;cursor:not-allowed;border-color:#dbe4ed}

/* Floating internal chat */
#floating-chat-root{position:fixed;right:22px;bottom:22px;z-index:4000;font-family:inherit}#floating-chat-button{position:relative;width:50px;height:50px;border:0;border-radius:50%;background:#1677ff;color:#fff;display:grid;place-items:center;box-shadow:0 12px 32px rgba(22,119,255,.32);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}#floating-chat-button:hover{transform:translateY(-2px);box-shadow:0 15px 38px rgba(22,119,255,.38)}#floating-chat-button .ui-svg{width:21px;height:21px}#floating-chat-badge{position:absolute;right:-3px;top:-5px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#e64b4b;color:#fff;border:2px solid #fff;display:grid;place-items:center;font-size:7.5px;font-weight:850}#floating-chat-badge.hidden{display:none}
#floating-chat-panel{position:absolute;right:0;bottom:62px;width:min(690px,calc(100vw - 36px));height:min(570px,calc(100vh - 100px));background:#fff;border:1px solid #dbe4ed;border-radius:14px;box-shadow:0 24px 70px rgba(11,35,63,.24);overflow:hidden;display:flex;flex-direction:column}#floating-chat-panel.hidden{display:none}.floating-chat-head{height:58px;flex:0 0 auto;padding:0 14px 0 16px;display:flex;align-items:center;justify-content:space-between;background:#0c3562;color:#fff}.floating-chat-head strong{display:block;font-size:11px}.floating-chat-head small{display:block;margin-top:3px;color:#adc7e2;font-size:7.5px}.floating-chat-head button{width:30px;height:30px;border:0;background:rgba(255,255,255,.08);color:#fff;border-radius:7px;font-size:18px;cursor:pointer}.floating-chat-body{min-height:0;flex:1;display:grid;grid-template-columns:235px 1fr}.floating-chat-contacts{min-width:0;border-right:1px solid #e7edf4;background:#f8fafc;padding:10px;overflow:auto}.floating-chat-contacts>input{width:100%;height:34px;border:1px solid #d8e2ec;border-radius:7px;padding:0 9px;font-size:9px;background:#fff;margin-bottom:8px}.floating-contact{width:100%;border:0;background:transparent;border-radius:8px;padding:8px;display:flex;gap:8px;text-align:left;align-items:center;cursor:pointer}.floating-contact:hover{background:#eef5fd}.floating-contact.active{background:#e7f1ff}.floating-contact>span:last-child{min-width:0}.floating-contact strong{display:block;color:#243d56;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.floating-contact small{display:block;color:#8091a4;font-size:7px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.floating-chat-thread{min-width:0;min-height:0;display:flex;flex-direction:column}.floating-thread-title{height:49px;flex:0 0 auto;border-bottom:1px solid #e9eef4;padding:0 11px;display:flex;align-items:center;gap:8px}.floating-thread-title>button{display:none;width:28px;height:28px;border:1px solid #d8e2ec;background:#fff;border-radius:7px;color:#36506a}.floating-thread-title strong{display:block;color:#243b54;font-size:9.5px}.floating-thread-title small{display:block;margin-top:2px;color:#8798aa;font-size:7px}.floating-chat-messages{flex:1;min-height:0;overflow:auto;padding:14px;background:#fbfcfe}.floating-chat-compose{flex:0 0 auto;border-top:1px solid #e6edf4;padding:9px;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}.floating-chat-compose textarea{resize:none;min-height:38px;max-height:88px;border:1px solid #d8e2ec;border-radius:8px;padding:9px;font:inherit;font-size:9px}.floating-chat-compose textarea:focus{outline:0;border-color:#8cbaf1;box-shadow:0 0 0 3px rgba(22,119,255,.07)}.floating-chat-placeholder{height:100%;display:grid;place-content:center;justify-items:center;text-align:center;color:#8596a8;padding:28px}.floating-chat-placeholder .ui-svg{width:34px;height:34px;color:#4c9af1;margin-bottom:10px}.floating-chat-placeholder strong{font-size:10px;color:#35516c}.floating-chat-placeholder span{max-width:260px;font-size:8px;line-height:1.5;margin-top:5px}.chat-message-row{display:flex;margin:5px 0}.chat-message-row.mine{justify-content:flex-end}.chat-message-row.theirs{justify-content:flex-start}.chat-bubble{max-width:78%;padding:8px 10px;border-radius:10px;background:#eef3f8;color:#334a61;font-size:9px;line-height:1.45}.chat-message-row.mine .chat-bubble{background:#1677ff;color:#fff}.chat-bubble small{display:block;margin-top:4px;font-size:6.5px;opacity:.72}.chat-empty-thread{height:100%;display:grid;place-items:center;color:#93a3b4;font-size:9px}

@media(max-width:1180px){.v81-lead-summary{grid-template-columns:repeat(3,1fr)}.v81-kpi-filter-grid{grid-template-columns:1fr 1fr}.v81-kpi-filter-grid>.v81-kpi-filter:first-child{grid-column:1/-1}.v81-staff-toolbar{grid-template-columns:1fr 180px}.v81-selected-team-label{grid-column:1/-1;justify-content:flex-start;border-left:0;border-top:1px solid #edf2f6;padding:7px 0 0;height:auto}}
@media(max-width:760px){.v81-range-filter{width:100%}.v81-range-filter label{flex:1}.v81-range-filter input{width:100%;min-width:0}.v81-range-filter .btn{flex:1}.v81-lead-summary{grid-template-columns:1fr 1fr}.v81-lead-toolbar,.v81-staff-toolbar,.v81-kpi-filter-grid{grid-template-columns:1fr}.v81-kpi-filter-grid>.v81-kpi-filter:first-child{grid-column:auto}.v81-kpi-range{grid-template-columns:1fr}.v81-kpi-range .range-arrow{display:none}#floating-chat-root{right:14px;bottom:calc(76px + env(safe-area-inset-bottom))}#floating-chat-panel{position:fixed;inset:64px 10px calc(72px + env(safe-area-inset-bottom)) 10px;width:auto;height:auto}.floating-chat-body{grid-template-columns:1fr}.floating-chat-thread{display:none}.floating-chat-body.has-thread .floating-chat-contacts{display:none}.floating-chat-body.has-thread .floating-chat-thread{display:flex}.floating-thread-title>button{display:inline-grid;place-items:center}}
@media(max-width:480px){.v81-lead-summary{grid-template-columns:1fr}.v81-range-filter .btn{flex:0 0 auto}.v81-lead-watch-row{grid-template-columns:1fr}.v81-lead-watch-row>div:last-child{text-align:left}}
.v81-lead-summary{display:grid;gap:10px}.v81-lead-summary>article{background:#fff;border:1px solid var(--cc-line);border-radius:10px;box-shadow:var(--cc-shadow);padding:11px 12px;min-height:84px}.v81-lead-summary>article span{display:block;font-size:8px;color:#71849a;font-weight:800}.v81-lead-summary>article strong{display:block;margin-top:5px;font-size:23px;line-height:1;color:#17304a}.v81-lead-summary>article small{display:block;margin-top:7px;font-size:7.5px;color:#8a9aac}.v81-lead-summary>article.warn{border-top:2px solid #f2a51a}.v81-lead-summary>article.login{border-top:2px solid #1677ff}.v81-lead-summary>article.success{border-top:2px solid #1caf74}.v81-lead-summary>article.negative{border-top:2px solid #e34b4b}.v81-lead-notice{border-left:3px solid #1677ff;background:#f4f8fd}.v81-lead-note{max-width:260px;white-space:normal;line-height:1.35;font-size:8.5px;color:#52677d}.v81-lead-open{background:#fffdf8}.v81-lead-open:hover{background:#fff9ec!important}


/* ============================ V8.2 UI POLISH ============================ */
/* Dashboard: KPI content is always vertically separated, never glued together. */
.v81-dashboard .crm-kpi-card{grid-template-columns:42px minmax(0,1fr);padding:14px 15px;min-height:104px}
.v81-dashboard .crm-kpi-card>div:not(.crm-kpi-icon){min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:3px}
.v81-dashboard .crm-kpi-card>div:not(.crm-kpi-icon)>span{display:block;width:100%;font-size:9px;line-height:1.25;color:#667a91;font-weight:750;white-space:normal}
.v81-dashboard .crm-kpi-card>div:not(.crm-kpi-icon)>strong{display:block;width:100%;font-size:24px;line-height:1.05;letter-spacing:-.03em;color:#10263f;margin:2px 0 1px;white-space:nowrap}
.v81-dashboard .crm-kpi-card>div:not(.crm-kpi-icon)>small{display:block;width:100%;font-size:8px;line-height:1.35;color:#8797aa;white-space:normal}
/* Dashboard donut legend had no matching CSS in V8.1. */
.v81-dashboard .crm-donut-layout{display:grid;grid-template-columns:minmax(170px,.85fr) minmax(190px,1.15fr);align-items:center;gap:18px;padding:14px 16px 16px;min-height:246px}
.v81-dashboard .crm-donut-layout .crm-donut{width:172px;height:172px;margin:auto}
.v81-dashboard .crm-donut-legend{display:flex;flex-direction:column;gap:9px;min-width:0}
.v81-dashboard .crm-donut-legend>div{display:grid;grid-template-columns:minmax(0,1fr) 44px 36px;align-items:center;column-gap:9px;font-size:8.5px}
.v81-dashboard .crm-donut-legend>div>span{display:flex;align-items:center;gap:6px;min-width:0;color:#53687f;white-space:nowrap}
.v81-dashboard .crm-donut-legend>div>span i{width:7px;height:7px;border-radius:50%;flex:0 0 auto}.v81-dashboard .crm-donut-legend>div>span i.c0{background:#1677ff}.v81-dashboard .crm-donut-legend>div>span i.c1{background:#f2a51a}.v81-dashboard .crm-donut-legend>div>span i.c2{background:#18a56b}.v81-dashboard .crm-donut-legend>div>span i.c3{background:#e34b4b}.v81-dashboard .crm-donut-legend>div>span i.c4{background:#8195aa}
.v81-dashboard .crm-donut-legend strong{font-size:9px;color:#263e57;text-align:right}.v81-dashboard .crm-donut-legend small{font-size:8px;color:#8495a8;text-align:right}

/* KPI filter: compact, obvious selects, no noisy helper text. */
.v81-kpi-filter-grid{display:grid!important;grid-template-columns:minmax(360px,1.25fr) minmax(220px,.8fr) minmax(220px,.8fr)!important;gap:10px!important;margin-bottom:12px}
.v81-kpi-filter{background:#fff!important;border:1px solid var(--cc-line)!important;border-radius:10px!important;box-shadow:var(--cc-shadow)!important;padding:10px 12px!important;min-height:70px!important}
.v81-kpi-filter.range{display:grid!important;grid-template-columns:minmax(135px,1fr) 22px minmax(135px,1fr)!important;align-items:end!important;gap:8px!important}
.v81-kpi-filter.range>label{display:grid!important;grid-template-columns:1fr!important;gap:5px!important;margin:0!important;color:#6e8298!important;font-size:8px!important;font-weight:800!important;line-height:1.2!important}
.v81-kpi-filter.range>.range-arrow{display:grid!important;place-items:center!important;height:36px!important;padding:0!important;font-size:13px!important;color:#90a1b3!important}
.v81-kpi-filter.selectable{display:grid!important;grid-template-columns:1fr!important;align-content:center!important;gap:5px!important}
.v81-kpi-filter.selectable>label{display:block!important;margin:0!important;color:#6e8298!important;font-size:8px!important;font-weight:800!important;line-height:1.2!important}
.v81-kpi-filter.selectable>label small{display:none!important}
.v81-kpi-filter input,.v81-kpi-filter select{width:100%!important;height:36px!important;border:1.5px solid #bcd4ef!important;border-radius:8px!important;background:#fff!important;padding:0 10px!important;font-size:9.5px!important;font-weight:750!important;color:#243d58!important}
.v81-kpi-filter select{appearance:auto!important;cursor:pointer!important}
.v81-kpi-filter input:hover,.v81-kpi-filter select:hover{border-color:#6da9ef!important}.v81-kpi-filter input:focus,.v81-kpi-filter select:focus{outline:0!important;border-color:#1677ff!important;box-shadow:0 0 0 3px rgba(22,119,255,.08)!important}
.v81-kpi-filter.locked select{background:#f4f7fa!important;color:#697d91!important;cursor:not-allowed!important;border-color:#d8e2ec!important}

/* Agent call-detail data type tabs. */
.v82-call-data-tabs{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;padding:3px;background:#f2f6fb;border:1px solid #dbe5ef;border-radius:8px;gap:3px}
.v82-call-data-tabs button{height:31px;border:0;border-radius:6px;background:transparent;color:#667a91;font-size:8.5px;font-weight:800;cursor:pointer;transition:.14s}
.v82-call-data-tabs button:hover{color:#1677ff;background:#f9fbfe}.v82-call-data-tabs button.active{background:#fff;color:#1677ff;box-shadow:0 1px 5px rgba(28,69,112,.10)}

/* Restored Lead view: compact and clean without reminder block. */
.lead-summary{gap:10px}.lead-summary>div{min-height:90px;padding:12px 13px}.lead-summary>div span{font-size:8px}.lead-summary>div strong{margin-top:5px;font-size:23px;line-height:1}.lead-summary>div small{font-size:7.5px;margin-top:7px}
.lead-range-controls{display:flex;align-items:end;gap:8px;flex-wrap:wrap}.lead-range-controls .lead-day-picker{min-width:190px}.lead-range-controls .lead-day-current{margin-left:auto}

@media(max-width:1180px){.v81-dashboard .crm-donut-layout{grid-template-columns:150px 1fr}.v81-kpi-filter-grid{grid-template-columns:1fr 1fr!important}.v81-kpi-filter-grid>.v81-kpi-filter:first-child{grid-column:1/-1}}
@media(max-width:760px){.v81-dashboard .crm-donut-layout{grid-template-columns:1fr}.v81-dashboard .crm-donut-legend{width:min(360px,100%);margin:auto}.v81-kpi-filter-grid{grid-template-columns:1fr!important}.v81-kpi-filter-grid>.v81-kpi-filter:first-child{grid-column:auto}.v81-kpi-filter.range{grid-template-columns:1fr 16px 1fr!important}.lead-range-controls .lead-day-current{width:100%;margin-left:0}}



/* V8.3 branding and KPI fixes */
.brand-mark{font-weight:800}
.login-brand-top span{letter-spacing:.05em}
.v81-kpi-filter.range{grid-template-columns:minmax(145px,1fr) 22px minmax(145px,1fr)!important;align-items:end!important}
.v81-kpi-filter.range label{display:grid;grid-template-columns:1fr;gap:5px;margin:0;color:#6e8298;font-size:8px;font-weight:800;line-height:1.2}
.v81-kpi-filter.range label span{display:block}
.v81-kpi-filter.range input[type=date]{min-width:0;width:100%}


/* ================================================================
   V8.4 — Shinhan Finance polish + render performance
   ================================================================ */
:root{
  --cc-navy:#07325f;
  --cc-navy-2:#0a3b70;
  --cc-navy-3:#0d477f;
  --cc-blue:#005eb8;
  --cc-blue-dark:#004a92;
  --cc-blue-soft:#eaf4ff;
  --sf-blue:#005eb8;
  --sf-blue-700:#004a92;
  --sf-blue-600:#005eb8;
  --sf-blue-500:#1976d2;
  --sf-blue-100:#eaf4ff;
  --sf-blue-50:#f5f9fe;
}
.login-brand{background:#07325f!important;padding:58px 66px!important}
.login-brand:after{content:"A4"!important;font-size:210px!important;right:-8px!important;bottom:-55px!important;color:rgba(255,255,255,.035)!important}
.login-brand-top{margin-bottom:64px!important}.login-brand-top span{font-size:15px!important;letter-spacing:.02em!important}
.login-brand-kicker{color:#91c7ff!important;font-size:9px!important;letter-spacing:.13em!important}
.login-brand h1{font-size:38px!important;line-height:1.12!important;margin:10px 0 12px!important}.login-brand p{font-size:13px!important;line-height:1.55!important;max-width:470px!important}
.login-brand-points{margin-top:24px!important;gap:8px 12px!important;font-size:10px!important}.login-brand-points span{padding:6px 9px!important}
.sidebar-brand strong{font-size:13px!important;letter-spacing:.01em!important}.sidebar-brand span{font-size:8px!important;letter-spacing:.05em!important}.sidebar-brand-mark{background:#fff!important;color:var(--cc-blue)!important}
.sidebar-caption{font-size:7px!important;letter-spacing:.12em!important}.menu-item{min-height:39px!important}.menu-item-label{font-size:10px!important}
.premium-page-title h1{letter-spacing:-.025em}.premium-page-title p{max-width:720px}
.crm-kpi-card,.kpi-metric-card,.staff-summary{box-shadow:none!important}
.crm-panel,.table-wrap,.lead-card{content-visibility:auto;contain-intrinsic-size:auto 420px}
.data-table tbody tr{contain:layout style}
.v81-team-tabs,.lead-team-tabs{scrollbar-width:thin}
#mode-pill{white-space:nowrap}
@media(min-width:1100px){.sidebar{width:238px!important}.main{padding-left:22px!important;padding-right:22px!important}}


/* V8.5 - Call detail readability + status filter */
.cc-queue-tools #cc-status-filter{grid-column:1/-1;height:34px;font-size:9.5px;font-weight:700;color:#304a64;background:#fff}
.cc-panel-head h2{font-size:12px}
.cc-panel-head span{font-size:9px}
.cc-queue-tools input,.cc-queue-tools select{font-size:9.5px}
.cc-queue-copy strong{font-size:10.5px;line-height:1.25}
.cc-queue-copy span{font-size:9px;line-height:1.3}
.cc-queue-meta small{font-size:8px}
.cc-customer-title h2{font-size:16.5px}
.cc-customer-title p{font-size:9.5px}
.cc-detail-cell label{font-size:8.5px}
.cc-detail-cell strong{font-size:10px;line-height:1.3}
.cc-note-box{font-size:9.5px}
.cc-section-title{font-size:10px}
.cc-contact-line{font-size:9px}
.cc-history-row{font-size:9px}
.cc-form .form-field label{font-size:9.5px}
.cc-form select,.cc-form input,.cc-form textarea{font-size:10px}
.cc-result-hints span{font-size:9px}
.cc-form-actions .btn{font-size:9.5px}
@media(max-width:1180px){.cc-queue-copy strong{font-size:10px}.cc-detail-cell strong{font-size:9.5px}.cc-form select,.cc-form input,.cc-form textarea{font-size:9.5px}}

/* V8.7 persistent bulk job progress */
#bulk-job-indicator{position:fixed;left:292px;bottom:22px;z-index:3900;width:min(430px,calc(100vw - 330px));pointer-events:none}
.bulk-job-card{display:grid;grid-template-columns:minmax(180px,1fr) minmax(120px,1.2fr) auto;align-items:center;gap:12px;padding:11px 13px;background:#fff;border:1px solid #cfe0f3;border-radius:12px;box-shadow:0 14px 38px rgba(13,57,100,.16);color:#173a5e}
.bulk-job-card>div:first-child{min-width:0}.bulk-job-card strong{display:block;font-size:10px}.bulk-job-card span{display:block;margin-top:3px;font-size:8px;color:#6f849a}.bulk-job-card>b{font-size:10px;color:#1677ff}.bulk-job-track{height:7px;background:#edf3f8;border-radius:999px;overflow:hidden}.bulk-job-track i{display:block;height:100%;background:#1677ff;border-radius:inherit;transition:width .2s ease}.bulk-job-card.completed .bulk-job-track i{background:#18a56b}.bulk-job-card.completed>b{color:#18a56b}
#team-bulk-job-status,#admin-bulk-job-status{margin-top:9px}.team-distribute-side .bulk-job-card,#admin-bulk-job-status .bulk-job-card{box-shadow:none;background:#f8fbff;padding:9px 10px}
@media(max-width:760px){#bulk-job-indicator{left:12px;right:12px;bottom:calc(84px + env(safe-area-inset-bottom));width:auto}.bulk-job-card{grid-template-columns:1fr auto}.bulk-job-track{grid-column:1/-1;grid-row:2}}


/* V8.8 call detail readability refresh */
.cc-panel-head h2{font-size:14px}
.cc-panel-head span{font-size:10px}
.cc-queue-tools input,.cc-queue-tools select{height:36px;font-size:11px;padding:0 12px}
.cc-queue-avatar{width:38px;height:38px;font-size:11px}
.cc-queue-copy strong{font-size:12px;line-height:1.3}
.cc-queue-copy span{font-size:10.5px;line-height:1.35}
.cc-queue-meta small{font-size:9px}
.cc-customer{padding:14px}
.cc-customer-title .cc-queue-avatar{width:48px;height:48px;font-size:13px}
.cc-customer-title h2{font-size:19px;line-height:1.25}
.cc-customer-title p{font-size:11px;line-height:1.35}
.cc-detail-grid{margin-top:14px}
.cc-detail-cell{padding:12px 13px;min-height:64px}
.cc-detail-cell label{font-size:10px;margin-bottom:6px}
.cc-detail-cell strong{font-size:13px;line-height:1.4}
.cc-note-box{margin-top:12px;padding:12px;font-size:11px;line-height:1.6}
.cc-section{margin-top:12px}
.cc-section-title{height:42px;padding:0 12px;font-size:11px}
.cc-section-title small{font-size:10px;color:#6f8095}
.cc-history{padding:10px 12px}
.cc-history-row{grid-template-columns:120px 150px 1fr;gap:10px;padding:10px 0;font-size:10.5px}
.cc-history-row time{font-size:10px}
.cc-history-row strong{font-size:10.5px}
.cc-form{padding:14px}
.cc-form .form-field{margin-bottom:13px}
.cc-form .form-field label{font-size:10.5px;margin-bottom:7px}
.cc-form select,.cc-form input,.cc-form textarea{font-size:11px;padding:10px 12px;border-radius:8px}
.cc-form textarea{min-height:160px;line-height:1.5}
.cc-result-hints span{font-size:10px}
.cc-form-actions{gap:9px;margin-top:10px}
.cc-form-actions .btn{font-size:10.5px;min-height:44px}
@media(max-width:1180px){
  .cc-customer-title h2{font-size:17px}
  .cc-detail-cell strong{font-size:12px}
  .cc-form select,.cc-form input,.cc-form textarea{font-size:10.5px}
  .cc-history-row{grid-template-columns:110px 135px 1fr}
}
@media(max-width:480px){
  .cc-history-row{grid-template-columns:1fr;gap:4px}
}


/* V8.9 Call Detail visual refinement */
.cc-page{gap:12px}
.cc-grid{grid-template-columns:minmax(330px,.92fr) minmax(470px,1.45fr) minmax(335px,.95fr);gap:12px}
.cc-panel{border-radius:12px}
.cc-panel-head{height:50px;padding:0 15px}
.cc-panel-head h2{font-size:15px;letter-spacing:-.01em}
.cc-panel-head span{font-size:10.5px}
.cc-summary-item{padding:11px 16px;gap:11px}
.cc-summary-copy span{font-size:9.5px}
.cc-summary-copy strong{font-size:21px}
.cc-queue-tools{padding:10px;gap:8px}
.cc-queue-tools input,.cc-queue-tools select{height:38px;font-size:11.5px;padding:0 12px}
.v82-call-data-tabs{padding:4px;gap:4px;border-radius:9px}
.v82-call-data-tabs button{height:34px;font-size:10px}
.cc-queue-item{padding:11px 12px;grid-template-columns:40px 1fr auto;gap:10px}
.cc-queue-avatar{width:40px;height:40px;font-size:11.5px}
.cc-queue-copy strong{font-size:12.5px;line-height:1.32}
.cc-queue-copy span{font-size:10.5px;line-height:1.35;margin-top:3px}
.cc-queue-meta .status-pill,.cc-queue-meta .badge{font-size:9px}
.cc-queue-meta small{font-size:9.5px;margin-top:5px}
.cc-customer{padding:15px}
.cc-customer-hero{padding-bottom:13px}
.cc-customer-title{gap:12px}
.cc-customer-title .cc-queue-avatar{width:50px;height:50px;font-size:13.5px}
.cc-customer-title h2{font-size:20px;line-height:1.2}
.cc-customer-title p{font-size:11.5px;margin-top:4px}
.cc-detail-grid{margin-top:14px;border-radius:9px}
.cc-detail-cell{padding:13px 14px;min-height:68px}
.cc-detail-cell label{font-size:10.5px;margin-bottom:6px}
.cc-detail-cell strong{font-size:13.5px;line-height:1.4}
.cc-note-box{margin-top:12px;padding:12px 13px;font-size:11.5px;line-height:1.55}
.cc-note-box strong{font-size:12px}
.cc-section{margin-top:12px;border-radius:9px}
.cc-section-title{height:43px;padding:0 13px;font-size:11.5px}
.cc-section-title small{font-size:10px}
.cc-history{padding:8px 13px}
.cc-history-row{grid-template-columns:118px 150px 1fr;gap:10px;padding:10px 0;font-size:11px}
.cc-history-row time{font-size:10.5px}
.cc-history-row strong{font-size:11px}
.cc-form{padding:14px 15px}
.cc-form .form-field{margin-bottom:13px}
.cc-form .form-field label{font-size:11.5px;margin-bottom:7px}
.cc-form select,.cc-form input,.cc-form textarea{font-size:12px;padding:10px 12px;border-radius:9px}
.cc-form select,.cc-form input{min-height:42px}
.cc-form textarea{min-height:135px;max-height:210px;line-height:1.5}
.cc-result-hints{display:grid;grid-template-columns:1fr;gap:6px;margin-top:9px;padding:9px 10px;background:#f8fafc;border:1px solid #edf2f7;border-radius:8px}
.cc-result-hints span{font-size:10.5px;line-height:1.35}
.cc-result-hints i{width:8px;height:8px;flex:0 0 8px}
.cc-form-actions{gap:8px;margin-top:10px}
.cc-form-actions .btn{min-height:44px;font-size:11px;font-weight:800;border-radius:9px}
#save-call{box-shadow:0 5px 14px rgba(22,119,255,.12)}
#call-status{font-weight:700;color:#263f59}
#call-note::placeholder{color:#9aa9b8}
@media(max-width:1360px){
  .cc-grid{grid-template-columns:310px minmax(430px,1.35fr) 315px;gap:10px}
  .cc-detail-cell{padding:11px 12px}
  .cc-detail-cell strong{font-size:12.5px}
  .cc-customer-title h2{font-size:18.5px}
}
@media(max-width:1180px){
  .cc-grid{grid-template-columns:300px 1fr}
  .cc-grid>.cc-panel:last-child{grid-column:1/-1}
  .cc-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .cc-form .form-field{margin:0}
  .cc-form .form-field.notes{grid-column:1/-1}
  .cc-form-actions{grid-column:1/-1;grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .cc-grid{grid-template-columns:1fr}
  .cc-grid>.cc-panel:last-child{grid-column:auto}
  .cc-form{display:block}
  .cc-form .form-field{margin-bottom:12px}
  .cc-form-actions{display:grid;grid-template-columns:1fr}
  .cc-detail-grid{grid-template-columns:1fr 1fr}
  .cc-history-row{grid-template-columns:1fr;gap:4px}
}

/* V9.0 chat broadcast + persistent unread indicators */
.floating-chat-head-actions{display:flex;align-items:center;gap:8px}
.floating-chat-broadcast{height:31px;padding:0 11px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:rgba(255,255,255,.10);color:#fff;font-size:8.5px;font-weight:800;cursor:pointer;white-space:nowrap}
.floating-chat-broadcast:hover{background:rgba(255,255,255,.18)}
.floating-contact{position:relative}
.floating-contact-copy{min-width:0;flex:1}
.floating-contact-unread{min-width:21px;height:21px;padding:0 6px;border-radius:999px;background:#e5484d;color:#fff;display:grid;place-items:center;font-size:7.5px;font-weight:900;box-shadow:0 0 0 0 rgba(229,72,77,.42);animation:chatUnreadPulse 1.25s ease-out infinite;flex:0 0 auto}
.floating-contact.has-unread{background:#fff4f4}
.floating-contact.has-unread strong{color:#b4232d}
.floating-contact.has-unread .chat-avatar{box-shadow:0 0 0 2px #ffced1}
@keyframes chatUnreadPulse{0%{box-shadow:0 0 0 0 rgba(229,72,77,.45)}70%{box-shadow:0 0 0 8px rgba(229,72,77,0)}100%{box-shadow:0 0 0 0 rgba(229,72,77,0)}}
.chat-message-row.system-notice .chat-bubble{border:1px solid #f2c76c;background:#fff7dd;color:#704b00}
.chat-message-row.mine.system-notice .chat-bubble{background:#fff1bd;color:#694300}
#chat-broadcast-message{width:100%;min-height:150px;border:1px solid #d7e1eb;border-radius:9px;padding:12px;font:inherit;font-size:11px;resize:vertical}
#chat-broadcast-message:focus{outline:0;border-color:#1677ff;box-shadow:0 0 0 3px rgba(22,119,255,.08)}
@media(max-width:760px){.floating-chat-broadcast{font-size:0;width:34px;padding:0}.floating-chat-broadcast::before{content:'📢';font-size:14px}}

/* V9.1 Chat workspace: inline broadcast + Admin contacts by Team */
.floating-chat-head-actions{display:flex;align-items:center;gap:8px}
.floating-chat-broadcast{width:auto!important;height:34px!important;padding:0 12px!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:9px!important;background:rgba(255,255,255,.08)!important;color:#fff!important;display:inline-flex!important;align-items:center!important;gap:7px!important;font-size:9px!important;font-weight:800!important;line-height:1!important;white-space:nowrap;transition:.15s ease}
.floating-chat-broadcast .ui-svg{width:15px;height:15px}
.floating-chat-broadcast:hover{background:rgba(255,255,255,.15)!important;border-color:rgba(255,255,255,.25)!important}
.floating-chat-broadcast.active{background:#fff!important;color:#0c3562!important;border-color:#fff!important}
.floating-chat-contact-tools{display:grid;grid-template-columns:1fr;gap:7px;margin-bottom:8px}
.floating-chat-contact-tools input,.floating-chat-contact-tools select{width:100%;height:35px;border:1px solid #d8e2ec;border-radius:8px;padding:0 10px;background:#fff;color:#30475f;font-size:9px;outline:0}
.floating-chat-contact-tools input:focus,.floating-chat-contact-tools select:focus{border-color:#8ab8ee;box-shadow:0 0 0 3px rgba(22,119,255,.06)}
.floating-chat-contact-list{display:flex;flex-direction:column;gap:5px}
.floating-team-group{border:1px solid #e8eef5;border-radius:9px;background:#fff;overflow:hidden;margin-bottom:7px}
.floating-team-title{height:31px;padding:0 9px;background:#f3f7fb;border-bottom:1px solid #e8eef5;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#516b84;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.045em}
.floating-team-count{font-size:7px;font-weight:750;text-transform:none;letter-spacing:0;color:#8a9bac}
.floating-team-count b{color:#d73540}
.floating-team-group .floating-contact{border-radius:0;border-bottom:1px solid #f0f3f7;padding:8px 9px}
.floating-team-group .floating-contact:last-child{border-bottom:0}
.floating-team-group .floating-contact.active{background:#eaf3ff}
.floating-chat-thread.broadcast-mode{background:#f8fafc}
.floating-broadcast-pane{height:100%;display:flex;flex-direction:column;padding:18px;overflow:auto}
.floating-broadcast-hero{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #dce8f5;border-radius:12px;background:#fff;margin-bottom:14px}
.floating-broadcast-icon{width:42px;height:42px;border-radius:11px;background:#eaf3ff;color:#1677ff;display:grid;place-items:center;flex:0 0 auto}
.floating-broadcast-icon .ui-svg{width:21px;height:21px}
.floating-broadcast-hero strong{display:block;color:#16324e;font-size:12px}
.floating-broadcast-hero span{display:block;margin-top:4px;color:#75879a;font-size:8.5px;line-height:1.45}
.floating-broadcast-form{background:#fff;border:1px solid #e1e9f2;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:8px}
.floating-broadcast-form>label{font-size:9px;font-weight:850;color:#344d66}
#floating-broadcast-message{width:100%;min-height:190px;border:1px solid #cfdae6;border-radius:9px;padding:11px;font:inherit;font-size:10px;line-height:1.5;resize:vertical;outline:0}
#floating-broadcast-message:focus{border-color:#1677ff;box-shadow:0 0 0 3px rgba(22,119,255,.07)}
.floating-broadcast-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#8393a4;font-size:7.5px}
.floating-broadcast-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:5px}
.floating-broadcast-actions .btn{min-width:110px}
@media(max-width:760px){
  .floating-chat-broadcast{width:36px!important;padding:0!important;justify-content:center!important}
  .floating-chat-broadcast span{display:none}
  .floating-chat-broadcast .ui-svg{width:16px;height:16px}
  .floating-chat-body{grid-template-columns:1fr}
  .floating-chat-thread.broadcast-mode{display:flex!important}
  .floating-chat-body:has(.broadcast-mode) .floating-chat-contacts{display:none}
  .floating-broadcast-pane{padding:12px}
  .floating-broadcast-actions{display:grid;grid-template-columns:1fr 1fr}
  .floating-broadcast-actions .btn{min-width:0}
}

/* V9.2 FOLLOW-UP + KPI REFRESH */
.followup-page{display:flex;flex-direction:column;gap:12px}
.followup-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.followup-summary-card{background:#fff;border:1px solid var(--cc-line);border-radius:16px;padding:20px 22px;box-shadow:var(--cc-shadow);display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:flex-start}
.followup-summary-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center}.followup-summary-icon.blue{background:#ebf3ff;color:#2d6cf6}.followup-summary-icon.red{background:#fff0ef;color:#db4a4a}.followup-summary-icon.indigo{background:#eef2ff;color:#4b68f2}
.followup-summary-card span{display:block;color:#6f8297;font-size:14px;font-weight:700}.followup-summary-card strong{display:block;color:#0e2340;font-size:40px;line-height:1.05;margin-top:6px}.followup-summary-card small{display:block;color:#7e90a2;font-size:13px;margin-top:10px}
.followup-panel{overflow:hidden}.followup-toolbar{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid #ebf0f5;gap:12px;flex-wrap:wrap}.followup-tabs{display:flex;gap:10px;flex-wrap:wrap}.followup-tab{border:1px solid #d8e2ee;background:#f4f7fb;color:#50657d;border-radius:14px;padding:10px 16px;font-size:14px;font-weight:800;display:inline-flex;align-items:center;gap:8px;cursor:pointer}.followup-tab span{color:#6681a3}.followup-tab.active{background:#fff;border-color:#cdd9e6;color:#12335c;box-shadow:0 2px 8px rgba(15,42,73,.06)}
.followup-filters select{height:44px;min-width:210px;border:1px solid #d8e2ee;border-radius:12px;padding:0 14px;background:#fff;font-size:14px;font-weight:700;color:#304a66}
.followup-table-wrap{border:0;border-radius:0;box-shadow:none}.followup-table thead th{background:#f7fafc;color:#74879c;font-size:13px;font-weight:800;padding:14px 16px}.followup-table tbody td{padding:14px 16px;font-size:14px;color:#243d58;vertical-align:middle}
.fu-time{display:flex;flex-direction:column;gap:4px}.fu-time strong{font-size:16px;color:#0f2745}.fu-time span,.fu-customer small,.fu-owner small{font-size:13px;color:#7f92a6}.fu-customer strong,.fu-owner strong{font-size:15px;color:#112d4e;cursor:pointer}.fu-state-pill{display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;border-radius:999px;font-size:13px;font-weight:800}.fu-state-pill.waiting{background:#fdf3df;color:#b5770f}.fu-state-pill.due{background:#fff0ef;color:#da4d49}.fu-state-pill.overdue{background:#ffe7e4;color:#cf423d}.fu-state-pill.upcoming{background:#eef4ff;color:#346be9}
.followup-action-cell{text-align:right}.followup-call-btn{display:inline-flex;align-items:center;gap:8px;padding:0 16px;height:38px}.ui-svg.mini{width:16px;height:16px}

.kpi-v92-page{display:flex;flex-direction:column;gap:12px}.kpi-v92-metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.kpi-v92-metric-card{background:#fff;border:1px solid var(--cc-line);border-radius:16px;padding:18px 20px;box-shadow:var(--cc-shadow)}.kpi-v92-metric-card span{display:block;color:#6e8297;font-size:14px;font-weight:700}.kpi-v92-metric-card strong{display:block;color:#0d2340;font-size:34px;line-height:1.1;margin-top:10px}.kpi-v92-metric-card small{display:block;color:#8494a5;font-size:13px;margin-top:8px}
.kpi-v92-dual{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.kpi-v92-bar-panel{height:280px;display:flex;align-items:flex-end;justify-content:center;gap:56px;padding:28px 24px 24px}.kpi-v92-bar-item{display:flex;flex-direction:column;align-items:center;gap:10px}.kpi-v92-bar-value{font-size:22px;font-weight:900;color:#0d2340}.kpi-v92-bar-track{width:74px;height:170px;border-radius:18px;background:#eef3f8;display:flex;align-items:flex-end;justify-content:center;padding:8px;overflow:hidden}.kpi-v92-bar-track i{display:block;width:100%;border-radius:14px 14px 10px 10px}.kpi-v92-bar-track i.target{background:#9bc9ff}.kpi-v92-bar-track i.actual{background:#2d75ff}.kpi-v92-bar-label{font-size:14px;font-weight:800;color:#51677f}
.kpi-v92-compare-list{display:flex;flex-direction:column;gap:16px;padding:18px 18px 22px}.kpi-v92-compare-row{display:grid;grid-template-columns:120px 1fr 88px;gap:12px;align-items:center}.kpi-v92-compare-copy strong{display:block;font-size:14px;color:#123456}.kpi-v92-compare-copy small{font-size:12px;color:#7f92a6}.kpi-v92-compare-track{height:14px;background:#edf2f7;border-radius:999px;overflow:hidden}.kpi-v92-compare-track i{display:block;height:100%;background:#2d75ff;border-radius:999px}.kpi-v92-compare-value{font-size:14px;font-weight:800;color:#3a5674;text-align:right}
.kpi-v92-detail-head{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid #ebf0f5;gap:12px;flex-wrap:wrap}.kpi-v92-detail-head h2{margin:0;color:#123357;font-size:18px}.kpi-v92-detail-head span{font-size:13px;color:#8093a6}.kpi-v92-detail-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.kpi-v92-toggle{display:inline-flex;align-items:center;padding:4px;border:1px solid #d8e2ee;background:#f4f7fb;border-radius:14px;gap:4px}.kpi-v92-toggle button{border:0;background:transparent;padding:10px 18px;border-radius:10px;font-size:14px;font-weight:800;color:#61768e;cursor:pointer}.kpi-v92-toggle button.active{background:#fff;color:#133457;box-shadow:0 1px 4px rgba(16,40,67,.08)}.kpi-v92-toggle button:disabled{opacity:.55;cursor:not-allowed}
.kpi-v92-table thead th{font-size:13px;background:#f7fafc;color:#75889d}.kpi-v92-table tbody td{font-size:14px;color:#233d57;vertical-align:middle}.kpi-v92-name{display:flex;flex-direction:column;gap:4px}.kpi-v92-name strong{font-size:15px;color:#102d4e}.kpi-v92-name small{font-size:12px;color:#8094a8}.kpi-v92-metric-cell{display:flex;flex-direction:column;gap:8px;min-width:120px}.kpi-v92-number{font-weight:800;color:#163755}
.crm-progress.green i{background:#16a36a}.crm-progress.amber i{background:#d88207}

@media(max-width:1180px){.followup-summary-grid,.kpi-v92-metric-grid,.kpi-v92-dual{grid-template-columns:1fr 1fr}.kpi-v92-dual{grid-template-columns:1fr}.kpi-v92-compare-row{grid-template-columns:110px 1fr 74px}}
@media(max-width:760px){.followup-summary-grid,.kpi-v92-metric-grid{grid-template-columns:1fr}.followup-toolbar,.kpi-v92-detail-head{align-items:flex-start}.followup-filters{width:100%}.followup-filters select{width:100%}.kpi-v92-detail-actions{width:100%}.kpi-v92-bar-panel{gap:24px}.kpi-v92-compare-row{grid-template-columns:1fr}.kpi-v92-compare-value{text-align:left}.followup-table thead{display:none}.followup-table tbody tr{display:grid;grid-template-columns:1fr;gap:8px;padding:14px 0}.followup-table tbody td{display:block;padding:0 16px;border-bottom:0}.followup-action-cell{text-align:left;padding-bottom:10px!important}}

/* V9.3 CHAT POLISH */
#floating-chat-panel{width:min(860px,calc(100vw - 36px));height:min(620px,calc(100vh - 96px));border-radius:16px}
.floating-chat-head{height:64px;padding:0 16px 0 18px}
.floating-chat-head strong{font-size:12px}.floating-chat-head small{font-size:8px;margin-top:4px}
.floating-chat-body{grid-template-columns:290px 1fr}
.floating-chat-contacts{padding:12px;background:#f6f9fc}
.floating-chat-contact-tools{position:sticky;top:-12px;z-index:2;background:#f6f9fc;padding:0 0 10px}
.floating-chat-contact-tools input,.floating-chat-contact-tools select{height:38px;border-radius:10px;font-size:9.5px;background:#fff}
.floating-chat-broadcast{height:38px!important;padding:0 14px!important;border-radius:10px!important;background:#fff!important;color:#0d3a69!important;border:1px solid rgba(255,255,255,.96)!important;box-shadow:0 3px 10px rgba(0,0,0,.08)!important}
.floating-chat-broadcast:hover{background:#eef6ff!important;border-color:#d7e9fb!important}
.floating-chat-broadcast.active{background:#eaf4ff!important;color:#0b5cb9!important;border-color:#cfe5fb!important}
.floating-chat-broadcast span{font-size:9px;font-weight:900}
.floating-team-group{border-radius:11px;border-color:#dfe8f2;box-shadow:0 2px 8px rgba(12,53,98,.03)}
.floating-team-title{height:36px;padding:0 11px;background:#eef4fa;color:#385773;font-size:8.5px}
.floating-team-count{font-size:7.5px}.floating-team-count b{display:inline-flex;align-items:center;padding:2px 6px;border-radius:999px;background:#fff0f1;color:#ce3540}
.floating-team-group .floating-contact{padding:9px 10px;min-height:50px}
.floating-contact strong{font-size:9.5px}.floating-contact small{font-size:7.5px}
.floating-contact-unread{min-width:22px;height:22px;font-size:8px}
.floating-chat-thread{background:#fff}
.floating-chat-thread.broadcast-mode{background:#f7fafc}
.floating-broadcast-pane{padding:22px}
.floating-broadcast-hero{padding:16px;border-radius:14px;margin-bottom:16px}
.floating-broadcast-icon{width:46px;height:46px;border-radius:12px}
.floating-broadcast-hero strong{font-size:13px}.floating-broadcast-hero span{font-size:9px}
.floating-broadcast-form{padding:16px;border-radius:14px}
.floating-broadcast-form>label{font-size:9.5px}
#floating-broadcast-message{min-height:220px;font-size:10.5px;border-radius:10px}
.floating-broadcast-actions .btn{height:38px;font-size:9px;border-radius:9px}
.floating-thread-title{height:56px;padding:0 14px}.floating-thread-title strong{font-size:10.5px}.floating-thread-title small{font-size:7.5px}
.floating-chat-messages{padding:16px}.chat-bubble{font-size:9.5px;padding:9px 11px;border-radius:12px}
.floating-chat-compose{padding:11px}.floating-chat-compose textarea{min-height:42px;font-size:9.5px}
@media(max-width:980px){#floating-chat-panel{width:min(760px,calc(100vw - 24px))}.floating-chat-body{grid-template-columns:255px 1fr}}
@media(max-width:760px){#floating-chat-panel{width:auto}.floating-chat-body{grid-template-columns:1fr}.floating-chat-broadcast{width:38px!important;height:38px!important}.floating-chat-contacts{padding:10px}.floating-broadcast-pane{padding:13px}}

/* V9.5 - Khách hàng sau giải ngân */
.loan-care-page{display:flex;flex-direction:column;gap:12px}.loan-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.loan-summary-grid article{background:#fff;border:1px solid var(--cc-line);border-radius:12px;padding:14px 15px;box-shadow:var(--cc-shadow);min-height:104px}.loan-summary-grid span{display:block;color:#71849a;font-size:9px;font-weight:800}.loan-summary-grid strong{display:block;color:#102944;font-size:24px;line-height:1.1;margin-top:9px}.loan-summary-grid small{display:block;color:#8798aa;font-size:8.5px;margin-top:7px}.loan-summary-grid article.danger strong{color:#dc4141}.loan-summary-grid article.success strong{color:#12966a}
.loan-care-panel{overflow:hidden}.loan-tabs{display:flex;gap:7px;align-items:center;flex-wrap:wrap;padding:12px 13px;border-bottom:1px solid #e9eef4}.loan-tabs button{height:32px;border:1px solid #d9e4ef;background:#f5f8fb;color:#5f7389;border-radius:8px;padding:0 11px;font-size:9px;font-weight:800;cursor:pointer}.loan-tabs button span{margin-left:4px;color:#7e91a5}.loan-tabs button.active{background:#1677ff;color:#fff;border-color:#1677ff}.loan-tabs button.active span{color:#dfeeff}.loan-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) 190px 210px;gap:9px;padding:11px 13px;border-bottom:1px solid #edf2f6}.loan-toolbar input,.loan-toolbar select{height:34px;border:1px solid #dbe4ed;border-radius:7px;background:#fff;padding:0 10px;font-size:9px;color:#324a63;outline:0}.loan-toolbar input:focus,.loan-toolbar select:focus{border-color:#1677ff;box-shadow:0 0 0 3px rgba(22,119,255,.08)}
.loan-table-wrap{border:0;border-radius:0;box-shadow:none}.loan-table th{font-size:8px;background:#f7f9fc;color:#6d8095}.loan-table td{font-size:9px;vertical-align:middle}.loan-person{display:flex;flex-direction:column;gap:3px}.loan-person strong{font-size:9.5px;color:#1a3552}.loan-person small{font-size:7.5px;color:#8b9aaa}.loan-status{display:inline-flex;align-items:center;justify-content:center;min-height:22px;padding:3px 7px;border-radius:999px;font-size:7.5px;font-weight:850;white-space:nowrap}.loan-status.ok{background:#e8f8f1;color:#15895e}.loan-status.due{background:#fff3df;color:#bd7810}.loan-status.overdue{background:#fff0ef;color:#d94242}.loan-status.near{background:#eef4ff;color:#2967d7}.loan-status.settled{background:#e8f8f1;color:#12865b}.loan-status.care{background:#f3ecff;color:#7652bd}.loan-actions{display:flex;gap:5px;flex-wrap:wrap}
.loan-detail-modal{display:flex;flex-direction:column;gap:12px}.loan-customer-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;border:1px solid #e7edf4;background:#f8fbfe;border-radius:10px}.loan-customer-head>div{display:flex;flex-direction:column;gap:4px}.loan-customer-head strong{font-size:15px;color:#153452}.loan-customer-head span{font-size:9px;color:#7b8da0}.loan-detail-section{border:1px solid #e7edf4;border-radius:10px;padding:12px;background:#fff}.loan-detail-section h3{margin:0 0 10px;font-size:11px;color:#193957}.loan-read-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#e9eef4;border:1px solid #e9eef4;border-radius:8px;overflow:hidden}.loan-read-grid>div{background:#fff;padding:10px}.loan-read-grid span{display:block;font-size:7.5px;color:#8192a4}.loan-read-grid strong{display:block;font-size:10px;color:#193957;margin-top:4px}.loan-history{display:flex;flex-direction:column}.loan-history-row{display:grid;grid-template-columns:105px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid #edf2f6}.loan-history-row:last-child{border-bottom:0}.loan-history-row time{font-size:8px;color:#8294a8}.loan-history-row strong{font-size:9px;color:#183856}.loan-history-row p{margin:4px 0;font-size:8.5px;color:#4e647b;line-height:1.45}.loan-history-row small{font-size:7.5px;color:#8b9bad}
@media(max-width:1180px){.loan-summary-grid{grid-template-columns:repeat(2,1fr)}.loan-toolbar{grid-template-columns:1fr 1fr}.loan-toolbar input{grid-column:1/-1}.loan-read-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.loan-summary-grid{grid-template-columns:1fr}.loan-toolbar{grid-template-columns:1fr}.loan-toolbar input{grid-column:auto}.loan-tabs{overflow:auto;flex-wrap:nowrap}.loan-tabs button{flex:0 0 auto}.loan-read-grid{grid-template-columns:1fr}.loan-history-row{grid-template-columns:1fr}.loan-table-wrap{overflow:auto}.loan-table{min-width:920px}}

/* V9.7 Login App + Chăm sóc khách hàng */
.loginapp-page{display:flex;flex-direction:column;gap:12px}.loginapp-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.loginapp-summary article{background:#fff;border:1px solid var(--cc-line);border-radius:12px;padding:15px 16px;box-shadow:var(--cc-shadow);min-height:104px}.loginapp-summary span{display:block;color:#72859a;font-size:9px;font-weight:800}.loginapp-summary strong{display:block;color:#102944;font-size:25px;margin-top:9px;line-height:1}.loginapp-summary small{display:block;color:#8798aa;font-size:8.5px;margin-top:8px}.loginapp-summary article.success strong{color:#11976b}.loginapp-summary article.warn strong{color:#d7830d}.loginapp-summary article.muted strong{color:#6f7e8e}
.loginapp-tabs{display:flex;gap:7px;flex-wrap:wrap;padding:12px 13px;border-bottom:1px solid #e9eef4}.loginapp-tabs button{height:32px;border:1px solid #d9e4ef;background:#f5f8fb;color:#5f7389;border-radius:8px;padding:0 11px;font-size:9px;font-weight:800;cursor:pointer}.loginapp-tabs button span{margin-left:4px;color:#7e91a5}.loginapp-tabs button.active{background:#1677ff;color:#fff;border-color:#1677ff}.loginapp-tabs button.active span{color:#dfeeff}.loginapp-toolbar{display:grid;grid-template-columns:minmax(280px,1fr) 190px 210px;gap:9px;padding:11px 13px;border-bottom:1px solid #edf2f6}.loginapp-toolbar input,.loginapp-toolbar select{height:34px;border:1px solid #dbe4ed;border-radius:7px;background:#fff;padding:0 10px;font-size:9px;color:#324a63;outline:0}.loginapp-toolbar input:focus,.loginapp-toolbar select:focus{border-color:#1677ff;box-shadow:0 0 0 3px rgba(22,119,255,.08)}.loginapp-table td,.loginapp-table th{white-space:nowrap}.loginapp-status{display:inline-flex;align-items:center;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:850}.loginapp-status.login{background:#eaf3ff;color:#176fcf}.loginapp-status.approved{background:#e8f8f1;color:#11845d}.loginapp-status.retry{background:#fff4df;color:#bd760b}.loginapp-status.closed{background:#f0f3f6;color:#687a8b}.loginapp-inline-note{display:block;margin-top:4px;color:#8394a6;font-size:8px}.loginapp-result-block{border:1px solid #e5edf5;background:#f9fbfd;border-radius:10px;padding:12px}

.care-summary-top{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.care-summary-bottom{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.care-summary-top article,.care-summary-bottom article{background:#fff;border:1px solid var(--cc-line);border-radius:12px;padding:15px 16px;box-shadow:var(--cc-shadow);min-height:104px}.care-summary-top span,.care-summary-bottom span{display:block;color:#71849a;font-size:9px;font-weight:800}.care-summary-top strong,.care-summary-bottom strong{display:block;color:#102944;font-size:24px;line-height:1.1;margin-top:9px}.care-summary-top small,.care-summary-bottom small{display:block;color:#8798aa;font-size:8.5px;margin-top:7px}.care-summary-bottom article.success strong{color:#12966a}.care-v97-table th,.care-v97-table td{white-space:nowrap}.care-v97-table td strong{color:#173451}

@media(max-width:1180px){.loginapp-summary,.care-summary-top,.care-summary-bottom{grid-template-columns:repeat(2,1fr)}.loginapp-toolbar{grid-template-columns:1fr 1fr}.loginapp-toolbar input{grid-column:1/-1}}
@media(max-width:760px){.loginapp-summary,.care-summary-top,.care-summary-bottom{grid-template-columns:1fr}.loginapp-toolbar{grid-template-columns:1fr}.loginapp-toolbar input{grid-column:auto}.loginapp-tabs{overflow:auto;flex-wrap:nowrap}.loginapp-tabs button{flex:0 0 auto}.loginapp-table,.care-v97-table{min-width:1000px}}

/* V9.8 - customer-care lifecycle status + full-height care modal */
.care-v98-table th,.care-v98-table td{vertical-align:middle}
.care-stage-cell{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:150px}
.care-stage-pill{display:inline-flex;align-items:center;min-height:28px;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:850;line-height:1.1;white-space:nowrap;border:1px solid transparent}
.care-stage-pill.new{background:#eaf3ff;color:#1768c7;border-color:#d7e8ff}
.care-stage-pill.care30{background:#fff4db;color:#a86900;border-color:#ffe6af}
.care-stage-pill.care60{background:#fff0e6;color:#c15a16;border-color:#ffd9c1}
.care-stage-pill.topup{background:#e8f8ef;color:#0d8a55;border-color:#c9efdb}
.care-stage-pill.unknown{background:#f1f4f7;color:#6e7f90;border-color:#e3e8ed}
.care-stage-age{font-size:9px;color:#8293a5;white-space:nowrap}
.care-action-btn{min-width:82px}

.loan-care-admin-modal{width:min(980px,calc(100vw - 32px))!important;max-height:calc(100dvh - 28px)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
.loan-care-admin-modal .modal-header{flex:0 0 auto;position:sticky;top:0;z-index:4;background:#fff}
.loan-care-admin-modal .modal-body{flex:1 1 auto;min-height:0;overflow-y:auto!important;overscroll-behavior:contain;padding-bottom:30px}
.loan-care-admin-modal .loan-detail-modal{padding-bottom:8px}
.loan-care-admin-modal .loan-detail-section{padding:16px}
.loan-care-admin-modal .loan-detail-section h3{font-size:13px;margin-bottom:12px}
.loan-care-admin-modal .loan-read-grid span{font-size:9px}
.loan-care-admin-modal .loan-read-grid strong{font-size:12px}
.loan-care-admin-modal .form-field label{font-size:11px}
.loan-care-admin-modal .form-field input,.loan-care-admin-modal .form-field select,.loan-care-admin-modal .form-field textarea{font-size:12px}
.loan-care-admin-modal .loan-history-row{grid-template-columns:125px 1fr;gap:12px;padding:12px 0}
.loan-care-admin-modal .loan-history-row time{font-size:10px}
.loan-care-admin-modal .loan-history-row strong{font-size:11px}
.loan-care-admin-modal .loan-history-row p{font-size:10.5px}
.loan-care-admin-modal .loan-history-row small{font-size:9.5px}
.loan-care-stage-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-radius:12px;border:1px solid #dce7f2;background:#f7fbff}
.loan-care-stage-banner>div{display:flex;flex-direction:column;gap:4px}
.loan-care-stage-banner span{font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.06em;color:#71869b}
.loan-care-stage-banner strong{font-size:16px;color:#123656}
.loan-care-stage-banner small{font-size:10.5px;color:#6f8397;text-align:right}
.loan-care-stage-banner.new{background:#eef6ff;border-color:#d7e9ff}.loan-care-stage-banner.new strong{color:#1768c7}
.loan-care-stage-banner.care30{background:#fff9ea;border-color:#ffe8b5}.loan-care-stage-banner.care30 strong{color:#a86b00}
.loan-care-stage-banner.care60{background:#fff5ee;border-color:#ffdcc8}.loan-care-stage-banner.care60 strong{color:#bd591a}
.loan-care-stage-banner.topup{background:#effaf4;border-color:#d0efdf}.loan-care-stage-banner.topup strong{color:#0c8954}
.loan-care-stage-banner.unknown{background:#f5f7f9;border-color:#e4e9ee}.loan-care-stage-banner.unknown strong{color:#627488}

@media(max-width:760px){
  .loan-care-admin-modal{width:100%!important;max-height:calc(100dvh - 12px)!important}
  .loan-care-stage-banner{align-items:flex-start;flex-direction:column;gap:8px}
  .loan-care-stage-banner small{text-align:left}
  .care-stage-age{white-space:normal}
}


/* V9.9 Lead/Login App/Follow-up refinements */
.lead-summary-v99{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.lead-stage-with-reason{display:flex;flex-direction:column;align-items:flex-start;gap:5px}
.lead-stage-with-reason small{max-width:240px;color:#7b8796;font-size:11px;line-height:1.35}
.followup-table td strong{color:#153553}
@media(max-width:900px){.lead-summary-v99{grid-template-columns:1fr!important}}

/* V10.0 - care modal viewport fit + payment/term merge */
#admin-modal:not(.hidden){align-items:flex-start!important;justify-content:center!important;overflow:hidden!important;padding:10px!important}
.loan-care-admin-modal{width:min(980px,calc(100vw - 20px))!important;height:calc(100dvh - 20px)!important;max-height:calc(100dvh - 20px)!important;margin:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
.loan-care-admin-modal .modal-header{flex:0 0 auto!important;position:relative!important;top:auto!important;padding:14px 20px!important;background:#fff!important}
.loan-care-admin-modal .modal-body{flex:1 1 0!important;min-height:0!important;height:0!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;padding:16px 20px 40px!important;scrollbar-gutter:stable}
.loan-care-admin-modal .loan-detail-modal{display:flex;flex-direction:column;gap:12px;padding-bottom:22px!important}
.loan-care-admin-modal .loan-detail-section{margin:0!important;padding:14px 16px!important}
.loan-care-admin-modal .loan-care-stage-banner{margin:0!important}
.loan-care-admin-modal .loan-history{max-height:none!important;overflow:visible!important}
.care-payment-term{display:flex;flex-direction:column;gap:3px}.care-payment-term strong{font-size:inherit}.care-payment-term small{color:#7b8fa4;font-size:9px;font-weight:700}
.care-combined-inputs{display:grid;grid-template-columns:minmax(0,1fr) 138px;gap:8px;align-items:center}.care-term-input{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;border:1px solid #dbe4ed;border-radius:8px;background:#fff;overflow:hidden}.care-term-input input{border:0!important;border-radius:0!important;min-width:0}.care-term-input span{padding:0 10px;color:#6e8194;font-size:10px;font-weight:800;border-left:1px solid #e5ecf3;height:100%;display:flex;align-items:center}.care-inline-term{font-size:10px;color:#667d93;font-weight:750}
@media(max-width:700px){#admin-modal:not(.hidden){padding:5px!important}.loan-care-admin-modal{width:calc(100vw - 10px)!important;height:calc(100dvh - 10px)!important;max-height:calc(100dvh - 10px)!important}.loan-care-admin-modal .modal-header{padding:12px 14px!important}.loan-care-admin-modal .modal-body{padding:12px 14px 32px!important}.care-combined-inputs{grid-template-columns:1fr}.care-term-input{min-height:40px}}


/* V10.1 Login App tabs + compact Follow-up */
.loginapp-tabs{gap:10px;padding:16px 17px}
.loginapp-tabs button{height:42px;padding:0 17px;border-radius:10px;font-size:11.5px;letter-spacing:.01em}
.loginapp-tabs button span{font-size:11px;margin-left:5px}
.loginapp-tabs button.active{box-shadow:0 5px 14px rgba(22,119,255,.18)}

.followup-compact-v101{gap:8px}
.followup-compact-v101 .premium-page-head{margin-bottom:0}
.followup-compact-v101 .premium-page-title h1{font-size:24px;line-height:1.08}
.followup-compact-v101 .premium-page-title p{margin-top:3px;font-size:11px}
.followup-compact-v101 .followup-summary-grid{gap:9px}
.followup-compact-v101 .followup-summary-card{padding:13px 15px;border-radius:13px;grid-template-columns:36px 1fr;gap:11px;min-height:104px}
.followup-compact-v101 .followup-summary-icon{width:36px;height:36px;border-radius:10px}
.followup-compact-v101 .followup-summary-card span{font-size:11px}
.followup-compact-v101 .followup-summary-card strong{font-size:29px;margin-top:3px}
.followup-compact-v101 .followup-summary-card small{font-size:10.5px;margin-top:6px}
.followup-compact-v101 .followup-toolbar{padding:10px 12px;gap:9px}
.followup-compact-v101 .followup-tabs{gap:7px}
.followup-compact-v101 .followup-tab{padding:7px 12px;border-radius:10px;font-size:11px;gap:5px}
.followup-compact-v101 .followup-filters select{height:36px;min-width:180px;border-radius:9px;font-size:11px;padding:0 10px}
.followup-compact-v101 .followup-table thead th{padding:10px 12px;font-size:10px}
.followup-compact-v101 .followup-table tbody td{padding:10px 12px;font-size:11px}
.followup-compact-v101 .fu-time strong{font-size:12.5px}
.followup-compact-v101 .fu-time span,.followup-compact-v101 .fu-customer small{font-size:9.5px}
.followup-compact-v101 .fu-customer strong{font-size:12.5px}
.followup-compact-v101 .fu-state-pill{padding:5px 9px;font-size:10px}
.followup-compact-v101 .followup-call-btn{height:32px;padding:0 11px;font-size:10px}
.fu-reject-note{display:block;margin-top:5px;color:#b56b09!important;font-weight:800;font-size:9.5px!important;line-height:1.35;white-space:normal;max-width:260px}
.fu-reject-note span{display:block;color:#7f6d56;font-weight:600;margin-top:2px}
.fu-time.date-only strong{color:#185daf}
@media(max-width:900px){.loginapp-tabs button{height:40px;font-size:11px}.followup-compact-v101 .followup-summary-card{min-height:96px}}

/* V10.2 - visible care modal scrollbar + dashboard template consistency */
#admin-modal:not(.hidden){
  overflow-y:auto!important;
  overscroll-behavior:contain;
}
.loan-care-admin-modal{
  height:min(920px,calc(100dvh - 20px))!important;
  max-height:calc(100dvh - 20px)!important;
  overflow:hidden!important;
}
.loan-care-admin-modal .modal-body{
  flex:1 1 auto!important;
  height:auto!important;
  min-height:0!important;
  max-height:calc(100dvh - 92px)!important;
  overflow-y:scroll!important;
  overflow-x:hidden!important;
  scrollbar-gutter:stable both-edges!important;
  scrollbar-width:auto;
  scrollbar-color:#8da4bb #eef3f8;
  padding-bottom:56px!important;
}
.loan-care-admin-modal .modal-body::-webkit-scrollbar{width:12px}
.loan-care-admin-modal .modal-body::-webkit-scrollbar-track{background:#eef3f8;border-radius:999px}
.loan-care-admin-modal .modal-body::-webkit-scrollbar-thumb{background:#8da4bb;border-radius:999px;border:3px solid #eef3f8}
.loan-care-admin-modal .modal-body::-webkit-scrollbar-thumb:hover{background:#6f8da9}
.loan-care-admin-modal .loan-detail-modal{min-height:max-content!important}
.loan-care-admin-modal .loan-history{padding-bottom:20px!important}

/* Dashboard must use the exact same shell/menu treatment as every other page. */
#app:not(.dashboard-redesign) .v81-dashboard{max-width:none;width:100%;margin:0}
.v81-dashboard .premium-page-head{margin-bottom:0}
.v81-dashboard .crm-kpi-card,.v81-dashboard .crm-panel{box-shadow:var(--cc-shadow)}

@media(max-width:700px){
  .loan-care-admin-modal{height:calc(100dvh - 10px)!important;max-height:calc(100dvh - 10px)!important}
  .loan-care-admin-modal .modal-body{max-height:calc(100dvh - 76px)!important;padding-bottom:44px!important}
}

/* V10.3 - larger Login App workspace + strict identity fields + admin delete actions */
.loginapp-create-admin-modal{width:min(860px,calc(100vw - 32px))!important;max-height:calc(100dvh - 36px)!important}
.loginapp-create-admin-modal .modal-header{padding:22px 26px!important}
.loginapp-create-admin-modal .modal-header h2{font-size:26px!important;line-height:1.2!important}
.loginapp-create-admin-modal .modal-body{padding:24px 26px 28px!important}
.loginapp-create-form{gap:18px 20px!important}
.loginapp-create-form .form-field label{font-size:13px!important;margin-bottom:8px!important;color:#213d5c!important;font-weight:800!important}
.loginapp-create-form .form-field input{height:50px!important;border-radius:11px!important;font-size:14px!important;padding:0 14px!important}
.loginapp-create-form .notice{font-size:13px!important;line-height:1.55!important;padding:14px 16px!important}
.loginapp-create-form .call-actions{gap:10px!important;padding-top:4px!important}
.loginapp-create-form .call-actions .btn{min-height:44px!important;font-size:12.5px!important;padding:0 18px!important}
.field-required{color:#d83b48;font-weight:900}

.loginapp-page>.crm-panel{border-radius:14px!important;overflow:hidden!important}
.loginapp-page .loginapp-tabs{gap:10px;padding:17px 18px}
.loginapp-page .loginapp-tabs button{height:44px;padding:0 18px;font-size:12px;border-radius:10px}
.loginapp-page .loginapp-toolbar{grid-template-columns:minmax(360px,1fr) 220px 230px;gap:12px;padding:14px 18px}
.loginapp-page .loginapp-toolbar input,.loginapp-page .loginapp-toolbar select{height:42px;font-size:11.5px;padding:0 13px;border-radius:9px}
.loginapp-page .loginapp-table th{font-size:10px!important;padding:12px 13px!important}
.loginapp-page .loginapp-table td{font-size:11.5px!important;padding:13px!important}
.loginapp-page .loginapp-table td strong{font-size:12px!important}
.loginapp-page .loginapp-status{font-size:9.5px!important;padding:6px 9px!important}
.loginapp-page .loginapp-inline-note{font-size:9.5px!important;margin-top:5px!important}
.loginapp-row-actions,.care-row-actions,.followup-action-buttons{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.loginapp-row-actions .btn,.care-row-actions .btn,.followup-action-buttons .btn{white-space:nowrap}
.followup-action-cell .followup-action-buttons{justify-content:flex-end}

@media(max-width:900px){
  .loginapp-create-admin-modal{width:calc(100vw - 18px)!important}
  .loginapp-create-admin-modal .modal-header{padding:16px 18px!important}
  .loginapp-create-admin-modal .modal-body{padding:18px!important}
  .loginapp-create-form{grid-template-columns:1fr!important}
  .loginapp-page .loginapp-toolbar{grid-template-columns:1fr!important}
}

/* V10.4 - definitive care modal scrolling + unified dashboard shell */
#admin-modal:not(.hidden){
  overflow:hidden!important;
  padding:10px!important;
  align-items:center!important;
}
#admin-modal .admin-modal.loan-care-admin-modal{
  width:min(980px,calc(100vw - 20px))!important;
  height:calc(100dvh - 20px)!important;
  max-height:calc(100dvh - 20px)!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
#admin-modal .admin-modal.loan-care-admin-modal>.modal-header{
  flex:0 0 auto!important;
}
#admin-modal .admin-modal.loan-care-admin-modal>#admin-modal-body{
  flex:1 1 0!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  overflow-y:scroll!important;
  overflow-x:hidden!important;
  scrollbar-gutter:stable!important;
  scrollbar-width:auto!important;
  scrollbar-color:#7f99b3 #e8eef5!important;
  padding-bottom:64px!important;
}
#admin-modal .admin-modal.loan-care-admin-modal>#admin-modal-body::-webkit-scrollbar{width:13px!important}
#admin-modal .admin-modal.loan-care-admin-modal>#admin-modal-body::-webkit-scrollbar-track{background:#e8eef5!important;border-radius:999px!important}
#admin-modal .admin-modal.loan-care-admin-modal>#admin-modal-body::-webkit-scrollbar-thumb{background:#7f99b3!important;border:3px solid #e8eef5!important;border-radius:999px!important;min-height:54px!important}
#admin-modal .admin-modal.loan-care-admin-modal>#admin-modal-body::-webkit-scrollbar-thumb:hover{background:#617f9c!important}
/* Dashboard uses the same navy/blue sidebar state as every other page. */
#app .menu-item.active{background:var(--cc-blue)!important;color:#fff!important;font-weight:750!important;box-shadow:0 4px 12px rgba(0,0,0,.12)!important}
#app .menu-item.active .menu-item-icon{background:rgba(255,255,255,.12)!important;color:#fff!important}
@media(max-width:700px){
  #admin-modal:not(.hidden){padding:5px!important}
  #admin-modal .admin-modal.loan-care-admin-modal{width:calc(100vw - 10px)!important;height:calc(100dvh - 10px)!important;max-height:calc(100dvh - 10px)!important}
}

/* V10.5 workflow refinements */
#toast-root{right:22px!important;bottom:88px!important;z-index:4200!important;max-width:380px}
.toast{min-width:260px;line-height:1.4}
.followup-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.followup-filters select{min-width:180px}
.fu-kind{display:inline-flex!important;width:max-content;margin-top:5px;padding:3px 7px;border-radius:999px;font-size:10px!important;font-weight:800!important;line-height:1.2}
.fu-kind.rejected{background:#fff0e3;color:#ae6810}.fu-kind.callback{background:#edf5ff;color:#2b6dca}
.prior-shinhan{display:inline-flex;align-items:center;justify-content:center;min-width:44px;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:850}.prior-shinhan.yes{background:#e8f7ef;color:#168258}.prior-shinhan.no{background:#f1f4f7;color:#62778d}
.loginapp-inline-note.topup-note{color:#0b79c9;font-weight:800;margin-top:5px}
.care-stage-pill.done{background:#e8f7ef;color:#147a55}.care-topup-done{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;background:#e7f8f0;color:#137c55;font-size:10px;font-weight:850}
.btn.success{background:#0f9a67;color:#fff;border-color:#0f9a67}.btn.success:hover{background:#0b8559}
@media(max-width:760px){#toast-root{left:12px!important;right:12px!important;bottom:138px!important;max-width:none}.toast{min-width:0}}

/* V10.6 staff username column */
.staff-username{font-weight:800;color:#163a63;white-space:nowrap}


/* V10.7 formatted VND money inputs */
.vnd-money-shell{display:flex;align-items:stretch;border:1px solid #cfdceb;border-radius:10px;background:#fff;overflow:hidden;transition:border-color .15s,box-shadow .15s}
.vnd-money-shell:focus-within{border-color:#1677ff;box-shadow:0 0 0 3px rgba(22,119,255,.10)}
.vnd-money-shell input{flex:1;min-width:0;border:0!important;box-shadow:none!important;border-radius:0!important;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.1px}
.vnd-money-shell>span{display:flex;align-items:center;padding:0 12px;border-left:1px solid #e2e9f1;background:#f6f9fc;color:#58708a;font-size:11px;font-weight:850;white-space:nowrap}
.vnd-money-help{display:block;margin-top:5px;color:#7d90a5;font-size:10px;line-height:1.3}


/* V10.8 - clearer customer-care table + clean money form */
.loan-care-panel .loan-table-wrap{overflow-x:auto;background:#fff}
.loan-care-panel .care-v97-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:auto}
.loan-care-panel .care-v97-table thead th{
  padding:13px 12px!important;
  font-size:11px!important;
  line-height:1.25!important;
  font-weight:850!important;
  color:#5c7188!important;
  background:#f6f9fc!important;
  letter-spacing:.015em;
  border-bottom:1px solid #dfe7ef!important;
  vertical-align:middle!important;
}
.loan-care-panel .care-v97-table tbody td{
  padding:15px 12px!important;
  font-size:12.5px!important;
  line-height:1.45!important;
  color:#203b57!important;
  vertical-align:middle!important;
  border-bottom:1px solid #e9eff5!important;
}
.loan-care-panel .care-v97-table tbody tr:last-child td{border-bottom:0!important}
.loan-care-panel .care-v97-table tbody tr:hover td{background:#fbfdff}
.loan-care-panel .care-v97-table td>strong{font-size:13px!important;font-weight:850!important;color:#102f4e!important}
.loan-care-panel .care-payment-term{display:flex;flex-direction:column;gap:3px;min-width:150px}
.loan-care-panel .care-payment-term strong{font-size:13px!important;line-height:1.25!important;color:#12395c!important}
.loan-care-panel .care-payment-term small{font-size:11px!important;color:#74899e!important}
.loan-care-panel .loan-person{gap:4px;min-width:120px}
.loan-care-panel .loan-person strong{font-size:12.5px!important;line-height:1.25!important}
.loan-care-panel .loan-person small{font-size:10.5px!important;line-height:1.2!important}
.loan-care-panel .care-stage-cell{min-width:145px;gap:5px}
.loan-care-panel .care-stage-pill{font-size:11.5px!important;min-height:30px;padding:6px 11px!important}
.loan-care-panel .care-stage-cell small{font-size:10.5px!important;line-height:1.25!important;color:#7d8fa2!important}
.loan-care-panel .care-row-actions{gap:7px;align-items:center;flex-wrap:nowrap}
.loan-care-panel .care-row-actions .btn{min-height:34px;padding:0 13px;font-size:11.5px!important;border-radius:8px}
.loan-care-panel .care-v97-table th:first-child,.loan-care-panel .care-v97-table td:first-child{padding-left:16px!important}
.loan-care-panel .care-v97-table th:last-child,.loan-care-panel .care-v97-table td:last-child{padding-right:16px!important}
#loginapp-approved-fields .form-grid{row-gap:12px}
#loginapp-approved-fields .vnd-money-shell{min-height:44px}
#loginapp-approved-fields .vnd-money-shell input{font-size:13px!important}
#loginapp-approved-fields .vnd-money-shell>span{font-size:11px!important}
.vnd-money-help{display:none!important}
@media(max-width:1200px){.loan-care-panel .care-v97-table{min-width:1120px}}

/* V10.9 click-through cards + reminder actions */
.crm-click-card{cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease;position:relative}
.crm-click-card:hover{transform:translateY(-1px);border-color:#9fc3ee!important;box-shadow:0 8px 20px rgba(15,76,139,.09)!important}
.crm-click-card:focus{outline:0;box-shadow:0 0 0 3px rgba(22,119,255,.12),0 8px 20px rgba(15,76,139,.08)!important}
.crm-click-card::after{content:'›';position:absolute;right:14px;top:12px;color:#8ca4bd;font-size:16px;font-weight:900;opacity:.7}
.v109-remind-btn{white-space:nowrap;min-width:118px}
.loan-tabs button[data-loan-tab="dueToday"]{border-color:#d7e2ee}
.loan-tabs button[data-loan-tab="dueToday"].active{background:#1677ff;color:#fff;border-color:#1677ff}
@media(max-width:900px){.v109-remind-btn{min-width:0}.crm-click-card::after{right:9px;top:8px}}

/* V10.10 - fit customer-care table inside panel, no horizontal dragging */
.loan-care-panel .loan-table-wrap{
  overflow-x:hidden!important;
  width:100%!important;
}
.loan-care-panel .care-v97-table{
  width:100%!important;
  min-width:0!important;
  table-layout:fixed!important;
}
.loan-care-panel .care-v97-table th,
.loan-care-panel .care-v97-table td{
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:anywhere!important;
  min-width:0!important;
}
.loan-care-panel .care-v97-table thead th{
  padding:11px 8px!important;
  font-size:10.5px!important;
  line-height:1.2!important;
}
.loan-care-panel .care-v97-table tbody td{
  padding:13px 8px!important;
  font-size:11.5px!important;
  line-height:1.35!important;
}
.loan-care-panel .care-payment-term,
.loan-care-panel .loan-person,
.loan-care-panel .care-stage-cell{
  min-width:0!important;
}
.loan-care-panel .care-payment-term strong,
.loan-care-panel .loan-person strong{
  font-size:11.8px!important;
}
.loan-care-panel .care-payment-term small,
.loan-care-panel .loan-person small,
.loan-care-panel .care-stage-cell small{
  font-size:9.8px!important;
}
.loan-care-panel .care-stage-pill{
  max-width:100%!important;
  min-width:0!important;
  min-height:28px!important;
  padding:5px 8px!important;
  font-size:10.5px!important;
  white-space:normal!important;
  text-align:center!important;
  line-height:1.2!important;
}
.loan-care-panel .care-row-actions{
  display:flex!important;
  gap:5px!important;
  flex-wrap:wrap!important;
  align-items:center!important;
}
.loan-care-panel .care-row-actions .btn{
  min-width:0!important;
  min-height:31px!important;
  padding:0 9px!important;
  font-size:10.5px!important;
  white-space:nowrap!important;
}
.loan-care-panel .v109-remind-btn{min-width:0!important}
.loan-care-panel .care-with-owner th:nth-child(1),.loan-care-panel .care-with-owner td:nth-child(1){width:11%}
.loan-care-panel .care-with-owner th:nth-child(2),.loan-care-panel .care-with-owner td:nth-child(2){width:8%}
.loan-care-panel .care-with-owner th:nth-child(3),.loan-care-panel .care-with-owner td:nth-child(3){width:10%}
.loan-care-panel .care-with-owner th:nth-child(4),.loan-care-panel .care-with-owner td:nth-child(4){width:10%}
.loan-care-panel .care-with-owner th:nth-child(5),.loan-care-panel .care-with-owner td:nth-child(5){width:13%}
.loan-care-panel .care-with-owner th:nth-child(6),.loan-care-panel .care-with-owner td:nth-child(6){width:10%}
.loan-care-panel .care-with-owner th:nth-child(7),.loan-care-panel .care-with-owner td:nth-child(7){width:14%}
.loan-care-panel .care-with-owner th:nth-child(8),.loan-care-panel .care-with-owner td:nth-child(8){width:12%}
.loan-care-panel .care-with-owner th:nth-child(9),.loan-care-panel .care-with-owner td:nth-child(9){width:12%}
.loan-care-panel .care-sale-only th:nth-child(1),.loan-care-panel .care-sale-only td:nth-child(1){width:13%}
.loan-care-panel .care-sale-only th:nth-child(2),.loan-care-panel .care-sale-only td:nth-child(2){width:10%}
.loan-care-panel .care-sale-only th:nth-child(3),.loan-care-panel .care-sale-only td:nth-child(3){width:12%}
.loan-care-panel .care-sale-only th:nth-child(4),.loan-care-panel .care-sale-only td:nth-child(4){width:12%}
.loan-care-panel .care-sale-only th:nth-child(5),.loan-care-panel .care-sale-only td:nth-child(5){width:15%}
.loan-care-panel .care-sale-only th:nth-child(6),.loan-care-panel .care-sale-only td:nth-child(6){width:12%}
.loan-care-panel .care-sale-only th:nth-child(7),.loan-care-panel .care-sale-only td:nth-child(7){width:16%}
.loan-care-panel .care-sale-only th:nth-child(8),.loan-care-panel .care-sale-only td:nth-child(8){width:10%}
@media(max-width:1200px){
  .loan-care-panel .care-v97-table{min-width:0!important}
  .loan-care-panel .care-v97-table thead th{font-size:9.8px!important;padding:10px 6px!important}
  .loan-care-panel .care-v97-table tbody td{font-size:10.8px!important;padding:12px 6px!important}
  .loan-care-panel .care-row-actions .btn{padding:0 7px!important;font-size:10px!important}
}

/* V10.11 - Login App Excel import */
.loginapp-import-admin-modal{width:min(1040px,calc(100vw - 32px));max-width:1040px;max-height:92vh;overflow:hidden;display:flex;flex-direction:column}
.loginapp-import-admin-modal .admin-modal-body{overflow:auto;min-height:0}
.loginapp-import-modal{display:flex;flex-direction:column;gap:14px}
.loginapp-import-actions{display:flex;gap:10px;flex-wrap:wrap}
.loginapp-import-summary{padding:10px 12px;border:1px solid #dbe6f2;border-radius:10px;background:#f8fbff}
.loginapp-import-preview{max-height:360px;overflow:auto;border:1px solid #dbe6f2;border-radius:12px}
.loginapp-import-preview table{min-width:880px}
.loginapp-import-preview th,.loginapp-import-preview td{padding:10px 12px;font-size:13px;vertical-align:top}
.loginapp-import-preview .import-error-text{color:#c63a32;font-weight:700}
.loginapp-import-preview tr.import-duplicate td{background:#fff8f7}
@media(max-width:760px){.loginapp-import-admin-modal{width:calc(100vw - 16px)}.loginapp-import-preview{max-height:300px}}


/* V10.15 - Login App Excel: 3 columns + fixed import actions */
#admin-modal .admin-modal.loginapp-import-admin-modal{
  width:min(1040px,calc(100vw - 24px))!important;
  height:min(900px,calc(100dvh - 24px))!important;
  max-height:calc(100dvh - 24px)!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
#admin-modal .admin-modal.loginapp-import-admin-modal>.modal-header{flex:0 0 auto!important}
#admin-modal .admin-modal.loginapp-import-admin-modal>#admin-modal-body{
  flex:1 1 0!important;
  min-height:0!important;
  overflow:hidden!important;
  padding:18px 22px 0!important;
}
.loginapp-import-admin-modal .loginapp-import-modal{
  height:100%!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
}
.loginapp-import-admin-modal #loginapp-import-form{
  flex:1 1 0!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
}
.loginapp-import-admin-modal .loginapp-import-preview-field{
  flex:1 1 0!important;
  min-height:110px!important;
  overflow:hidden!important;
}
.loginapp-import-admin-modal #loginapp-import-preview{
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
}
.loginapp-import-admin-modal .loginapp-import-preview{
  height:100%!important;
  max-height:none!important;
  overflow:auto!important;
  scrollbar-gutter:stable;
}
.loginapp-import-admin-modal .loginapp-import-preview table{min-width:720px!important}
.loginapp-import-admin-modal .loginapp-import-footer{
  flex:0 0 auto!important;
  margin:0 -22px!important;
  padding:12px 22px 16px!important;
  background:#fff!important;
  border-top:1px solid #dbe6f2!important;
  box-shadow:0 -8px 18px rgba(20,50,80,.05)!important;
  z-index:3!important;
}
.loginapp-import-admin-modal .loginapp-import-footer .call-actions{margin-top:0!important}
@media(max-width:760px){
  #admin-modal .admin-modal.loginapp-import-admin-modal{width:calc(100vw - 10px)!important;height:calc(100dvh - 10px)!important;max-height:calc(100dvh - 10px)!important}
  #admin-modal .admin-modal.loginapp-import-admin-modal>#admin-modal-body{padding:12px 12px 0!important}
  .loginapp-import-admin-modal .loginapp-import-footer{margin:0 -12px!important;padding:10px 12px 12px!important}
}


/* V10.16 - definitive Login App import modal + remove horizontal/modal collapse regression */
#admin-modal .admin-modal.loginapp-import-admin-modal{
  width:min(1120px,calc(100vw - 24px))!important;
  height:auto!important;
  max-height:calc(100dvh - 24px)!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
#admin-modal .admin-modal.loginapp-import-admin-modal>.modal-header{
  flex:0 0 auto!important;
}
#admin-modal .admin-modal.loginapp-import-admin-modal>#admin-modal-body{
  display:block!important;
  flex:0 1 auto!important;
  height:auto!important;
  min-height:260px!important;
  max-height:calc(100dvh - 112px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:18px 22px 18px!important;
}
.loginapp-import-admin-modal .loginapp-import-modal{
  display:block!important;
  height:auto!important;
  min-height:0!important;
}
.loginapp-import-admin-modal #loginapp-import-form{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px 14px!important;
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
}
.loginapp-import-admin-modal #loginapp-import-form>.full,
.loginapp-import-admin-modal #loginapp-import-form>.loginapp-import-preview-field,
.loginapp-import-admin-modal #loginapp-import-form>.loginapp-import-footer{
  grid-column:1/-1!important;
}
.loginapp-import-admin-modal .loginapp-import-actions{margin:12px 0!important}
.loginapp-import-admin-modal .loginapp-import-preview-field{
  min-height:160px!important;
  max-height:46dvh!important;
  overflow:hidden!important;
}
.loginapp-import-admin-modal #loginapp-import-preview{
  height:auto!important;
  max-height:46dvh!important;
  overflow:auto!important;
}
.loginapp-import-admin-modal .loginapp-import-preview{
  height:auto!important;
  max-height:46dvh!important;
  overflow:auto!important;
}
.loginapp-import-admin-modal .loginapp-import-footer{
  position:sticky!important;
  bottom:-18px!important;
  margin:0 -22px -18px!important;
  padding:12px 22px 16px!important;
  background:#fff!important;
  border-top:1px solid #dbe6f2!important;
  box-shadow:0 -8px 20px rgba(20,50,80,.08)!important;
  z-index:5!important;
}
@media(max-width:760px){
  #admin-modal .admin-modal.loginapp-import-admin-modal{width:calc(100vw - 10px)!important;max-height:calc(100dvh - 10px)!important}
  #admin-modal .admin-modal.loginapp-import-admin-modal>#admin-modal-body{min-height:220px!important;max-height:calc(100dvh - 86px)!important;padding:12px!important}
  .loginapp-import-admin-modal #loginapp-import-form{grid-template-columns:1fr!important}
  .loginapp-import-admin-modal .loginapp-import-preview-field,.loginapp-import-admin-modal #loginapp-import-preview,.loginapp-import-admin-modal .loginapp-import-preview{max-height:42dvh!important}
  .loginapp-import-admin-modal .loginapp-import-footer{bottom:-12px!important;margin:0 -12px -12px!important;padding:10px 12px 12px!important}
}

/* V10.17 - Chăm sóc khách hàng: Team chọn bằng tab ở đầu trang */
.loan-care-team-tabs{display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none;padding:0 0 2px;margin-top:-2px}
.loan-care-team-tabs::-webkit-scrollbar{display:none}
.loan-care-team-tab{height:38px;padding:0 15px;border:1px solid #d8e2ec;border-radius:10px;background:#fff;color:#445b73;font-size:11px;font-weight:800;white-space:nowrap;cursor:pointer;transition:.15s ease}
.loan-care-team-tab:hover{border-color:#9fc4f2;background:#f7fbff;color:#1269c8}
.loan-care-team-tab.active{background:#1677ff;border-color:#1677ff;color:#fff;box-shadow:0 4px 12px rgba(22,119,255,.14)}
.loan-care-page>.premium-page-head{align-items:center}
.loan-care-page>.premium-page-head .premium-page-title{min-height:0}
@media(max-width:760px){.loan-care-team-tabs{margin-right:-6px}.loan-care-team-tab{flex:0 0 auto}}

/* ===== V10.19: Bộ lọc tháng số + tiếng Việt ===== */
.month-filter-control{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:42px;
  padding:4px 6px 4px 12px;
  border:1px solid #d7e2ef;
  border-radius:12px;
  background:#fff;
  box-shadow:0 1px 2px rgba(15,42,75,.03);
  white-space:nowrap;
}
.month-filter-control label{
  margin:0;
  color:#5f7590;
  font-size:12px;
  font-weight:800;
  letter-spacing:.01em;
}
.month-filter-control select{
  height:34px;
  padding:0 30px 0 10px;
  border:1px solid #d7e2ef;
  border-radius:9px;
  outline:0;
  background:#fff;
  color:#0d2d52;
  font-weight:800;
  font-family:inherit;
  cursor:pointer;
}
.month-filter-control .month-filter-month{min-width:112px;}
.month-filter-control .month-filter-year{min-width:86px;}
.month-filter-control select:focus{border-color:#7fb5ee;box-shadow:0 0 0 3px rgba(22,119,255,.08);}
.month-filter-control .month-filter-clear{
  min-height:32px;
  padding:6px 10px;
  border-radius:9px;
  font-size:12px;
}
.month-filter-control .month-filter-clear:disabled{opacity:.45;cursor:default;}
.loginapp-toolbar .month-filter-control{flex:0 0 auto;}
.followup-filters .month-filter-control{flex:0 0 auto;}
.loan-toolbar .month-filter-control{flex:0 0 auto;}
@media (max-width:1200px){
  .month-filter-control{width:100%;justify-content:flex-start;}
  .month-filter-control input[type="month"]{flex:1;min-width:130px;}
}


/* ===== V10.20: KPI Tổng cuộc gọi có thể mở Chi tiết cuộc gọi ===== */
.v81-dashboard .crm-kpi-card-clickable{position:relative;cursor:pointer;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease;padding-right:38px}
.v81-dashboard .crm-kpi-card-clickable:hover{border-color:#8abcf3;transform:translateY(-1px);box-shadow:0 8px 24px rgba(12,73,132,.10)}
.v81-dashboard .crm-kpi-card-clickable:focus-visible{outline:3px solid rgba(19,116,221,.18);outline-offset:2px;border-color:#1374dd}
.v81-dashboard .crm-kpi-card-arrow{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:20px;font-weight:800;color:#7aa7d8}

/* ===== V10.21: Thông tin bắt buộc khi cập nhật Login App ===== */
.loginapp-update-v1021 .loginapp-profile-fields{
  border:1px solid #d9e6f4;
  background:#f8fbff;
  border-radius:14px;
  padding:14px;
  margin-top:2px;
}
.loginapp-update-v1021 .loginapp-profile-title{
  font-weight:800;
  color:#0b2e59;
  margin-bottom:12px;
  font-size:14px;
}
.loginapp-update-v1021 .field-help{
  display:block;
  margin-top:6px;
  color:#71839a;
  font-size:12px;
}
.loginapp-update-v1021 input[list]{background:#fff;}


/* ===== V10.22: Login App cuộn dọc + CSKH đầy đủ thông tin nhưng không kéo ngang ===== */
#admin-modal .admin-modal.loginapp-update-admin-modal{
  width:min(720px,calc(100vw - 24px))!important;
  max-height:calc(100dvh - 24px)!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
#admin-modal .admin-modal.loginapp-update-admin-modal>.modal-header{flex:0 0 auto!important}
#admin-modal .admin-modal.loginapp-update-admin-modal>#admin-modal-body{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:scroll!important;
  overflow-x:hidden!important;
  scrollbar-gutter:stable!important;
  padding:16px 18px 18px!important;
}
.loginapp-update-admin-modal>#admin-modal-body::-webkit-scrollbar{width:10px}
.loginapp-update-admin-modal>#admin-modal-body::-webkit-scrollbar-track{background:#eef3f8;border-radius:10px}
.loginapp-update-admin-modal>#admin-modal-body::-webkit-scrollbar-thumb{background:#aebfd1;border:2px solid #eef3f8;border-radius:10px}
.loginapp-update-admin-modal>#admin-modal-body::-webkit-scrollbar-thumb:hover{background:#879db4}
.loginapp-update-admin-modal #loginapp-update-form>.form-field:last-child{
  position:sticky!important;
  bottom:-18px!important;
  z-index:4!important;
  margin:4px -18px -18px!important;
  padding:12px 18px 14px!important;
  background:#fff!important;
  border-top:1px solid #dce6f0!important;
  box-shadow:0 -8px 18px rgba(20,50,80,.06)!important;
}

.care-v1022-wrap{overflow-x:hidden!important;max-width:100%!important}
.care-v1022-table{width:100%!important;min-width:0!important;table-layout:fixed!important}
.care-v1022-table th,.care-v1022-table td{
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  padding:10px 7px!important;
  font-size:8.2px!important;
  line-height:1.28!important;
}
.care-v1022-table th{font-size:7.6px!important;letter-spacing:.01em!important}
.care-v1022-table td{vertical-align:middle!important}
.care-v1022-table .care-customer-name{font-size:9px;line-height:1.25;color:#173451}
.care-compact-stack{display:flex;flex-direction:column;gap:3px;min-width:0}
.care-compact-stack>span{font-weight:750;color:#173451}
.care-compact-stack small{font-size:7.2px!important;line-height:1.25!important;color:#71869b;font-weight:600}
.care-compact-stack b{font-weight:800;color:#536b82}
.care-loan-stack>span{font-size:8.4px}
.care-v1022-table .care-stage-cell{min-width:0!important;gap:3px!important}
.care-v1022-table .care-stage-pill{white-space:normal!important;text-align:center!important;font-size:7.1px!important;min-height:22px!important;padding:4px 6px!important;line-height:1.18!important}
.care-v1022-table .care-stage-age{font-size:6.8px!important;line-height:1.2!important}
.care-v1022-table .loan-person strong{font-size:8px!important;line-height:1.2}
.care-v1022-table .loan-person small{font-size:6.8px!important}
.care-v1022-table .care-row-actions{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:5px!important;min-width:0!important}
.care-v1022-table .care-row-actions .btn{width:100%!important;min-width:0!important;padding:5px 4px!important;font-size:7.2px!important;white-space:normal!important;line-height:1.15!important}
.care-profile-read-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.care-profile-read-grid .wide{grid-column:1/-1}
@media(max-width:1180px){
  .care-v1022-table th,.care-v1022-table td{padding:8px 5px!important;font-size:7.7px!important}
  .care-v1022-table th{font-size:7px!important}
  .care-compact-stack small{font-size:6.8px!important}
  .care-v1022-table .care-customer-name{font-size:8.4px}
}
@media(max-width:760px){
  #admin-modal .admin-modal.loginapp-update-admin-modal{width:calc(100vw - 10px)!important;max-height:calc(100dvh - 10px)!important}
  #admin-modal .admin-modal.loginapp-update-admin-modal>#admin-modal-body{padding:12px!important}
  .loginapp-update-admin-modal #loginapp-update-form>.form-field:last-child{bottom:-12px!important;margin:4px -12px -12px!important;padding:10px 12px 12px!important}
  .care-v1022-wrap{overflow-x:hidden!important}
  .care-v1022-table{min-width:0!important}
}

/* ===== V10.23: Tăng cỡ chữ bảng Chăm sóc khách hàng, vẫn vừa khung ===== */
.care-v1022-table th,
.care-v1022-table td{
  font-size:11.2px!important;
  line-height:1.35!important;
  padding:11px 8px!important;
}
.care-v1022-table th{
  font-size:10.2px!important;
  line-height:1.25!important;
  font-weight:850!important;
}
.care-v1022-table .care-customer-name{
  font-size:12.5px!important;
  line-height:1.28!important;
  font-weight:850!important;
}
.care-compact-stack>span{
  font-size:11px!important;
  line-height:1.3!important;
}
.care-compact-stack small{
  font-size:9.3px!important;
  line-height:1.3!important;
}
.care-loan-stack>span{
  font-size:11.2px!important;
}
.care-v1022-table .care-stage-pill{
  font-size:9.6px!important;
  min-height:27px!important;
  padding:5px 7px!important;
  line-height:1.2!important;
}
.care-v1022-table .care-stage-age{
  font-size:9px!important;
  line-height:1.25!important;
}
.care-v1022-table .loan-person strong{
  font-size:11px!important;
  line-height:1.25!important;
}
.care-v1022-table .loan-person small{
  font-size:9.2px!important;
  line-height:1.25!important;
}
.care-v1022-table .care-row-actions .btn{
  font-size:9.8px!important;
  line-height:1.2!important;
  min-height:32px!important;
  padding:6px 5px!important;
}
/* Không phát sinh kéo ngang: bảng vẫn fixed-layout và nội dung tự xuống dòng */
.care-v1022-wrap{overflow-x:hidden!important}
.care-v1022-table{width:100%!important;min-width:0!important;table-layout:fixed!important}

@media(max-width:1180px){
  .care-v1022-table th,.care-v1022-table td{font-size:10.3px!important;padding:9px 6px!important}
  .care-v1022-table th{font-size:9.4px!important}
  .care-v1022-table .care-customer-name{font-size:11.5px!important}
  .care-compact-stack>span,.care-loan-stack>span{font-size:10.2px!important}
  .care-compact-stack small,.care-v1022-table .care-stage-age,.care-v1022-table .loan-person small{font-size:8.6px!important}
  .care-v1022-table .loan-person strong{font-size:10.2px!important}
  .care-v1022-table .care-stage-pill{font-size:9px!important}
  .care-v1022-table .care-row-actions .btn{font-size:9.1px!important}
}

/* ===== V10.24: Mobile/PWA app experience ===== */
#pwa-install-banner{display:none}
.pwa-install-menu-item{display:flex!important;align-items:center;gap:8px;width:100%}
body.pwa-standalone .pwa-install-menu-item{display:none!important}

@media(max-width:760px){
  body{background:#f3f6fa}
  body.pwa-standalone .topbar{padding-top:env(safe-area-inset-top);height:calc(60px + env(safe-area-inset-top))}
  body.pwa-standalone .workspace{min-height:calc(100dvh - 60px - env(safe-area-inset-top))}
  body.pwa-standalone .sidebar{top:calc(60px + env(safe-area-inset-top))}
  body.pwa-standalone .mobile-sidebar-backdrop{inset:calc(60px + env(safe-area-inset-top)) 0 calc(62px + env(safe-area-inset-bottom)) 0}

  #pwa-install-banner{display:flex;align-items:center;gap:10px;margin:0 0 10px;padding:10px 11px;border:1px solid #cfe0f2;background:#eef6ff;border-radius:12px;color:#163d67;box-shadow:0 3px 12px rgba(15,62,112,.05)}
  #pwa-install-banner.hidden{display:none!important}
  .pwa-install-mark{width:36px;height:36px;flex:0 0 36px;border-radius:10px;display:grid;place-items:center;background:#1274e8;color:#fff;font-weight:900;font-size:13px}
  .pwa-install-copy{min-width:0;flex:1}.pwa-install-copy strong{display:block;font-size:12px;line-height:1.25}.pwa-install-copy small{display:block;font-size:10px;line-height:1.35;color:#69809a;margin-top:2px}
  .pwa-install-actions{display:flex;gap:5px;align-items:center}.pwa-install-actions .btn{min-height:34px;padding:6px 9px;font-size:10px}.pwa-install-close{width:30px;height:30px;border:0;background:transparent;color:#667d94;font-size:18px;border-radius:8px}

  .premium-page,.dashboard-v714,.dashboard-v81{max-width:100%!important}
  .premium-page-head,.dash714-head{margin-bottom:10px!important}
  .premium-page-title h1,.page-head h1{font-size:21px!important}.premium-page-title p{font-size:11px!important}

  .loginapp-summary,.care-summary-top,.care-summary-bottom,.followup-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .loginapp-summary>*,.care-summary-top>*,.care-summary-bottom>*,.followup-summary-card{min-height:92px!important;padding:11px!important}
  .loginapp-summary strong,.care-summary-top strong,.care-summary-bottom strong,.followup-summary-card strong{font-size:22px!important}

  .loginapp-tabs,.loan-tabs,.followup-tabs,.loan-care-team-tabs{overflow-x:auto!important;flex-wrap:nowrap!important;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .loginapp-tabs::-webkit-scrollbar,.loan-tabs::-webkit-scrollbar,.followup-tabs::-webkit-scrollbar,.loan-care-team-tabs::-webkit-scrollbar{display:none}
  .loginapp-tabs button,.loan-tabs button,.followup-tabs button,.loan-care-team-tab{flex:0 0 auto!important;scroll-snap-align:start;min-height:40px!important}

  .loginapp-table,.care-v1022-table,.followup-table,.lead-table,.v81-lead-table{min-width:0!important;width:100%!important;table-layout:auto!important}
  .loginapp-table thead,.care-v1022-table thead,.followup-table thead,.lead-table thead,.v81-lead-table thead{display:none!important}
  .loginapp-table tbody,.care-v1022-table tbody,.followup-table tbody,.lead-table tbody,.v81-lead-table tbody{display:block!important;width:100%!important}

  .loginapp-table tbody tr,.care-v1022-table tbody tr,.followup-table tbody tr,.lead-table tbody tr:not(.lead-date-group),.v81-lead-table tbody tr:not(.lead-date-group){display:grid!important;grid-template-columns:1fr 1fr!important;gap:0!important;margin:9px!important;border:1px solid #dfe8f2!important;border-radius:12px!important;background:#fff!important;overflow:hidden!important;box-shadow:0 2px 7px rgba(15,43,76,.035)!important}
  .loginapp-table tbody td,.care-v1022-table tbody td,.followup-table tbody td,.lead-table tbody tr:not(.lead-date-group)>td,.v81-lead-table tbody tr:not(.lead-date-group)>td{display:block!important;min-width:0!important;width:auto!important;padding:9px 10px!important;border:0!important;border-bottom:1px solid #eef2f6!important;white-space:normal!important;overflow-wrap:anywhere!important;font-size:12px!important;line-height:1.35!important}
  .loginapp-table tbody td::before,.care-v1022-table tbody td::before,.followup-table tbody td::before,.lead-table tbody tr:not(.lead-date-group)>td::before,.v81-lead-table tbody tr:not(.lead-date-group)>td::before{content:attr(data-label);display:block;margin-bottom:4px;color:#7b8ea3;font-size:9px;line-height:1.1;font-weight:850;text-transform:uppercase;letter-spacing:.035em}
  .loginapp-table tbody td:first-child,.care-v1022-table tbody td:first-child,.followup-table tbody td:nth-child(2),.lead-table tbody tr:not(.lead-date-group)>td:first-child,.v81-lead-table tbody tr:not(.lead-date-group)>td:first-child{grid-column:1/-1!important}
  .loginapp-table tbody td:last-child,.care-v1022-table tbody td:last-child,.followup-table tbody td:last-child,.lead-table tbody tr:not(.lead-date-group)>td:last-child,.v81-lead-table tbody tr:not(.lead-date-group)>td:last-child{grid-column:1/-1!important;border-bottom:0!important}
  .loginapp-row-actions,.care-row-actions,.followup-action-buttons,.lead-actions{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:7px!important;align-items:center!important}
  .loginapp-row-actions .btn,.care-row-actions .btn,.followup-action-buttons .btn,.lead-actions .btn{width:auto!important;flex:1 1 120px!important;min-height:40px!important;font-size:11px!important}

  .care-v1022-table .care-customer-name{font-size:15px!important}
  .care-v1022-table .care-compact-stack>span,.care-v1022-table .care-loan-stack>span,.care-v1022-table .loan-person strong{font-size:12px!important}
  .care-v1022-table .care-compact-stack small,.care-v1022-table .care-stage-age,.care-v1022-table .loan-person small{font-size:10px!important}
  .care-v1022-table .care-stage-pill{font-size:10px!important}

  .loginapp-table-wrap.table-wrap:after,.loan-table-wrap.table-wrap:after,.followup-table-wrap.table-wrap:after{display:none!important}

  #admin-modal:not(.hidden),#customer-modal:not(.hidden){align-items:flex-end!important}
  #admin-modal .modal,#customer-modal .modal{border-radius:18px 18px 0 0!important;max-height:calc(100dvh - max(8px,env(safe-area-inset-top)))!important}
  .modal-header{padding-top:15px!important}.modal-body{overscroll-behavior:contain}.form-grid{gap:9px!important}.form-field label{font-size:11px!important}.form-field input,.form-field select,.form-field textarea{border-radius:10px!important}

  #floating-chat-panel{inset:calc(8px + env(safe-area-inset-top)) 6px calc(70px + env(safe-area-inset-bottom)) 6px!important;border-radius:16px!important}
  .care-v1022-wrap,.loginapp-table-wrap,.followup-table-wrap{overflow-x:hidden!important;max-width:100%!important}
}

@media(max-width:420px){
  .loginapp-summary,.care-summary-top,.care-summary-bottom,.followup-summary-grid{grid-template-columns:1fr 1fr!important}
  .loginapp-table tbody tr,.care-v1022-table tbody tr,.followup-table tbody tr,.lead-table tbody tr:not(.lead-date-group),.v81-lead-table tbody tr:not(.lead-date-group){grid-template-columns:1fr!important}
  .loginapp-table tbody td:first-child,.care-v1022-table tbody td:first-child,.followup-table tbody td:nth-child(2),.lead-table tbody tr:not(.lead-date-group)>td:first-child,.v81-lead-table tbody tr:not(.lead-date-group)>td:first-child,.loginapp-table tbody td:last-child,.care-v1022-table tbody td:last-child,.followup-table tbody td:last-child,.lead-table tbody tr:not(.lead-date-group)>td:last-child,.v81-lead-table tbody tr:not(.lead-date-group)>td:last-child{grid-column:auto!important}
}

/* ============================================================
   V10.25 — Mobile Pro UI
   App-like mobile shell. Desktop layout is intentionally untouched.
   ============================================================ */
@media(max-width:760px){
  :root{
    --m25-bg:#F4F7FB;
    --m25-card:#FFFFFF;
    --m25-line:#E3EAF2;
    --m25-text:#102A47;
    --m25-muted:#71849A;
    --m25-blue:#0B6FD8;
    --m25-blue-soft:#EAF4FF;
    --m25-radius:15px;
    --m25-shadow:0 5px 18px rgba(18,55,94,.055);
  }
  html{background:var(--m25-bg)}
  body.mobile-shell-v1025{background:var(--m25-bg);color:var(--m25-text);-webkit-tap-highlight-color:transparent}
  body.mobile-drawer-open{overflow:hidden!important}

  /* App header */
  body.mobile-shell-v1025 .topbar,
  body.mobile-shell-v1025 .dashboard-redesign .topbar{
    height:58px!important;
    padding:0 10px!important;
    gap:7px!important;
    background:rgba(255,255,255,.98)!important;
    border:0!important;
    border-bottom:1px solid var(--m25-line)!important;
    box-shadow:0 2px 12px rgba(17,56,96,.045)!important;
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
  }
  body.pwa-standalone.mobile-shell-v1025 .topbar{
    height:calc(58px + env(safe-area-inset-top))!important;
    padding-top:env(safe-area-inset-top)!important;
  }
  body.mobile-shell-v1025 .premium-breadcrumbs{flex:1;min-width:0;gap:8px!important}
  body.mobile-shell-v1025 .premium-breadcrumbs #breadcrumb,
  body.mobile-shell-v1025 .premium-breadcrumbs .breadcrumb-sep,
  body.mobile-shell-v1025 .premium-breadcrumbs #apps-button{display:none!important}
  body.mobile-shell-v1025 #current-app-title{
    display:block!important;min-width:0;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
    color:#102A47!important;font-size:14px!important;font-weight:850!important;letter-spacing:-.015em;
  }
  body.mobile-shell-v1025 .mobile-menu-button{
    width:38px!important;height:38px!important;flex:0 0 38px!important;border:1px solid #E3EAF2!important;
    border-radius:11px!important;background:#F8FAFD!important;color:#36536F!important;font-size:0!important;
  }
  body.mobile-shell-v1025 .mobile-menu-button::before{content:'☰';font-size:19px;line-height:1}
  body.mobile-shell-v1025 .premium-global-search{width:38px!important;height:38px!important;flex:0 0 38px!important;margin-left:auto!important;border:1px solid #E3EAF2!important;border-radius:11px!important;background:#F8FAFD!important}
  body.mobile-shell-v1025 .premium-global-search .global-search-icon{color:#42607D!important;font-size:18px}
  body.mobile-shell-v1025 .premium-global-search:focus-within{left:10px!important;right:10px!important;top:7px!important;height:44px!important;border-radius:12px!important;box-shadow:0 10px 32px rgba(14,46,81,.15)!important}
  body.mobile-shell-v1025 .global-date-range{display:none!important}
  body.mobile-shell-v1025 .topbar-spacer{display:none!important}
  body.mobile-shell-v1025 .premium-topbar-right{gap:6px!important;margin-left:0!important}
  body.mobile-shell-v1025 .notification-button,
  body.mobile-shell-v1025 .premium-user-button{
    width:38px!important;height:38px!important;min-width:38px!important;border-radius:11px!important;background:#F8FAFD!important;border:1px solid #E3EAF2!important;
  }
  body.mobile-shell-v1025 .premium-user-button{padding:2px!important}
  body.mobile-shell-v1025 .premium-user-button .avatar{width:32px!important;height:32px!important;border-radius:9px!important;background:#EAF4FF!important;color:#0868CB!important;font-weight:900!important}
  body.mobile-shell-v1025 .notification-count{right:-3px!important;top:-4px!important;border-color:#fff!important;min-width:18px!important;height:18px!important;font-size:9px!important}
  body.mobile-shell-v1025 .notification-panel{position:fixed!important;left:10px!important;right:10px!important;top:64px!important;width:auto!important;max-height:calc(100dvh - 150px)!important;border-radius:16px!important;padding:7px!important;box-shadow:0 18px 46px rgba(10,41,76,.18)!important}
  body.mobile-shell-v1025 .user-menu{position:fixed!important;right:10px!important;top:64px!important;min-width:210px!important;border-radius:14px!important;padding:7px!important;box-shadow:0 16px 38px rgba(10,41,76,.16)!important}
  body.mobile-shell-v1025 .user-menu button{min-height:44px!important;border-radius:10px!important;font-size:13px!important}

  /* Main canvas */
  body.mobile-shell-v1025 .workspace{min-height:calc(100dvh - 58px)!important;background:var(--m25-bg)!important}
  body.mobile-shell-v1025 .main,
  body.mobile-shell-v1025 .dashboard-redesign .main{
    width:100%!important;max-width:100%!important;padding:12px 10px calc(82px + env(safe-area-inset-bottom))!important;background:var(--m25-bg)!important;
  }
  body.mobile-shell-v1025 .premium-page,
  body.mobile-shell-v1025 .dashboard-v714,
  body.mobile-shell-v1025 .dashboard-v81{width:100%!important;max-width:100%!important;margin:0!important}
  body.mobile-shell-v1025 .page-head,
  body.mobile-shell-v1025 .premium-page-head,
  body.mobile-shell-v1025 .dash714-head{
    gap:7px!important;margin:0 0 10px!important;align-items:flex-start!important;
  }
  body.mobile-shell-v1025 .page-head h1,
  body.mobile-shell-v1025 .premium-page-title h1,
  body.mobile-shell-v1025 .dash714-head h1{
    margin:0!important;font-size:21px!important;line-height:1.15!important;letter-spacing:-.035em!important;color:#0D2846!important;
  }
  body.mobile-shell-v1025 .page-head p,
  body.mobile-shell-v1025 .premium-page-title p{display:none!important}
  body.mobile-shell-v1025 .premium-page-actions{display:flex!important;gap:7px!important;overflow-x:auto!important;width:100%!important;padding-bottom:1px!important;scrollbar-width:none}
  body.mobile-shell-v1025 .premium-page-actions::-webkit-scrollbar{display:none}
  body.mobile-shell-v1025 .premium-page-actions .btn{flex:0 0 auto!important;min-height:40px!important}

  /* Common cards */
  body.mobile-shell-v1025 .card,
  body.mobile-shell-v1025 .premium-panel,
  body.mobile-shell-v1025 .loan-care-panel,
  body.mobile-shell-v1025 .loginapp-panel,
  body.mobile-shell-v1025 .followup-panel{
    border:1px solid var(--m25-line)!important;border-radius:var(--m25-radius)!important;background:var(--m25-card)!important;box-shadow:var(--m25-shadow)!important;
  }
  body.mobile-shell-v1025 .card-head{padding:12px 13px!important;border-bottom-color:#EDF2F7!important}
  body.mobile-shell-v1025 .card-body{padding:12px!important}

  /* KPI and summary cards: compact 2-up layout */
  body.mobile-shell-v1025 .kpis,
  body.mobile-shell-v1025 .kpis.dashboard-kpis,
  body.mobile-shell-v1025 .dash-kpi-grid,
  body.mobile-shell-v1025 .dashboard-v714 .dash711-metric-grid,
  body.mobile-shell-v1025 .loginapp-summary,
  body.mobile-shell-v1025 .care-summary-top,
  body.mobile-shell-v1025 .care-summary-bottom,
  body.mobile-shell-v1025 .followup-summary-grid,
  body.mobile-shell-v1025 .staff-summary-grid,
  body.mobile-shell-v1025 .kpi-metric-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;
  }
  body.mobile-shell-v1025 .dash-kpi-card,
  body.mobile-shell-v1025 .dashboard-v714 .dash711-metric,
  body.mobile-shell-v1025 .loginapp-summary>*,
  body.mobile-shell-v1025 .care-summary-top>*,
  body.mobile-shell-v1025 .care-summary-bottom>*,
  body.mobile-shell-v1025 .followup-summary-card,
  body.mobile-shell-v1025 .staff-summary,
  body.mobile-shell-v1025 .kpi-metric{
    min-height:88px!important;padding:11px 12px!important;border:1px solid var(--m25-line)!important;border-radius:14px!important;background:#fff!important;box-shadow:0 3px 12px rgba(18,55,94,.035)!important;
  }
  body.mobile-shell-v1025 .dash-kpi-value,
  body.mobile-shell-v1025 .dashboard-v714 .dash711-metric-body>strong,
  body.mobile-shell-v1025 .loginapp-summary strong,
  body.mobile-shell-v1025 .care-summary-top strong,
  body.mobile-shell-v1025 .care-summary-bottom strong,
  body.mobile-shell-v1025 .followup-summary-card strong{
    font-size:22px!important;line-height:1.08!important;letter-spacing:-.025em!important;
  }
  body.mobile-shell-v1025 .dash-kpi-label,
  body.mobile-shell-v1025 .dash711-metric-label,
  body.mobile-shell-v1025 .loginapp-summary span,
  body.mobile-shell-v1025 .care-summary-top span,
  body.mobile-shell-v1025 .care-summary-bottom span,
  body.mobile-shell-v1025 .followup-summary-card span{font-size:10px!important;line-height:1.25!important}
  body.mobile-shell-v1025 .dash-kpi-meta,
  body.mobile-shell-v1025 .dash711-metric-body>small,
  body.mobile-shell-v1025 .loginapp-summary small,
  body.mobile-shell-v1025 .care-summary-top small,
  body.mobile-shell-v1025 .care-summary-bottom small,
  body.mobile-shell-v1025 .followup-summary-card small{font-size:9px!important;line-height:1.3!important;color:#8495A8!important}

  /* Dashboard */
  body.mobile-shell-v1025 .dash-page-head{gap:8px!important}
  body.mobile-shell-v1025 .dash-head-tools{width:100%!important}
  body.mobile-shell-v1025 .dash-date-range{display:grid!important;grid-template-columns:1fr auto 1fr!important;gap:6px!important;width:100%!important;background:#fff!important;border:1px solid var(--m25-line)!important;border-radius:13px!important;padding:8px!important}
  body.mobile-shell-v1025 .dash-date-range input{width:100%!important;min-width:0!important;height:40px!important;padding:7px!important;font-size:12px!important}
  body.mobile-shell-v1025 .dash-quick-ranges{display:flex!important;gap:6px!important;overflow-x:auto!important;padding-bottom:2px!important;scrollbar-width:none}
  body.mobile-shell-v1025 .dash-quick-ranges::-webkit-scrollbar{display:none}
  body.mobile-shell-v1025 .dash-quick{min-height:38px!important;border-radius:10px!important;padding:7px 12px!important}
  body.mobile-shell-v1025 .dash-chart-scroll{margin:0 -2px!important;overflow:hidden!important}
  body.mobile-shell-v1025 .dash-analytics-grid,
  body.mobile-shell-v1025 .dash714-analytics-grid{gap:10px!important}
  body.mobile-shell-v1025 canvas{max-width:100%!important}

  /* Segmented tabs */
  body.mobile-shell-v1025 .loginapp-tabs,
  body.mobile-shell-v1025 .loan-tabs,
  body.mobile-shell-v1025 .followup-tabs,
  body.mobile-shell-v1025 .lead-team-tabs,
  body.mobile-shell-v1025 .loan-care-team-tabs,
  body.mobile-shell-v1025 .team-tabs{
    display:flex!important;gap:6px!important;overflow-x:auto!important;flex-wrap:nowrap!important;margin:0 0 10px!important;padding:3px!important;border-radius:13px!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch;
  }
  body.mobile-shell-v1025 .loginapp-tabs::-webkit-scrollbar,
  body.mobile-shell-v1025 .loan-tabs::-webkit-scrollbar,
  body.mobile-shell-v1025 .followup-tabs::-webkit-scrollbar,
  body.mobile-shell-v1025 .lead-team-tabs::-webkit-scrollbar,
  body.mobile-shell-v1025 .loan-care-team-tabs::-webkit-scrollbar,
  body.mobile-shell-v1025 .team-tabs::-webkit-scrollbar{display:none}
  body.mobile-shell-v1025 .loginapp-tabs button,
  body.mobile-shell-v1025 .loan-tabs button,
  body.mobile-shell-v1025 .followup-tabs button,
  body.mobile-shell-v1025 .loan-care-team-tab,
  body.mobile-shell-v1025 .team-tab{
    flex:0 0 auto!important;min-height:38px!important;padding:8px 12px!important;border-radius:10px!important;font-size:11px!important;font-weight:800!important;white-space:nowrap!important;
  }

  /* Search/filter toolbars */
  body.mobile-shell-v1025 .toolbar,
  body.mobile-shell-v1025 .toolbar.compact,
  body.mobile-shell-v1025 .loginapp-toolbar,
  body.mobile-shell-v1025 .loan-toolbar,
  body.mobile-shell-v1025 .followup-toolbar,
  body.mobile-shell-v1025 .lead-toolbar-simple,
  body.mobile-shell-v1025 .crm-data-toolbar,
  body.mobile-shell-v1025 .staff-toolbar{
    padding:9px!important;gap:7px!important;border:1px solid var(--m25-line)!important;border-radius:14px!important;background:#fff!important;box-shadow:none!important;
  }
  body.mobile-shell-v1025 .month-filter-control{display:grid!important;grid-template-columns:1fr 88px!important;gap:6px!important;width:100%!important;padding:0!important;border:0!important;background:transparent!important}
  body.mobile-shell-v1025 .month-filter-control label{grid-column:1/-1!important;margin:0!important;font-size:10px!important}
  body.mobile-shell-v1025 .month-filter-control .month-filter-month,
  body.mobile-shell-v1025 .month-filter-control .month-filter-year{width:100%!important;min-width:0!important}
  body.mobile-shell-v1025 .month-filter-control .month-filter-clear{grid-column:1/-1!important;width:100%!important;min-height:38px!important}
  body.mobile-shell-v1025 input,
  body.mobile-shell-v1025 select,
  body.mobile-shell-v1025 textarea{border-color:#DCE5EF!important;border-radius:11px!important;background:#fff!important;color:#17324F!important}
  body.mobile-shell-v1025 input:focus,
  body.mobile-shell-v1025 select:focus,
  body.mobile-shell-v1025 textarea:focus{border-color:#74AEEB!important;box-shadow:0 0 0 3px rgba(11,111,216,.08)!important;outline:0!important}

  /* Data tables become clean app cards */
  body.mobile-shell-v1025 .table-wrap{border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
  body.mobile-shell-v1025 .loginapp-table,
  body.mobile-shell-v1025 .care-v1022-table,
  body.mobile-shell-v1025 .followup-table,
  body.mobile-shell-v1025 .lead-table,
  body.mobile-shell-v1025 .v81-lead-table{background:transparent!important}
  body.mobile-shell-v1025 .loginapp-table tbody tr,
  body.mobile-shell-v1025 .care-v1022-table tbody tr,
  body.mobile-shell-v1025 .followup-table tbody tr,
  body.mobile-shell-v1025 .lead-table tbody tr:not(.lead-date-group),
  body.mobile-shell-v1025 .v81-lead-table tbody tr:not(.lead-date-group){
    grid-template-columns:1fr 1fr!important;margin:0 0 9px!important;border:1px solid var(--m25-line)!important;border-radius:15px!important;background:#fff!important;box-shadow:var(--m25-shadow)!important;overflow:hidden!important;
  }
  body.mobile-shell-v1025 .loginapp-table tbody td,
  body.mobile-shell-v1025 .care-v1022-table tbody td,
  body.mobile-shell-v1025 .followup-table tbody td,
  body.mobile-shell-v1025 .lead-table tbody tr:not(.lead-date-group)>td,
  body.mobile-shell-v1025 .v81-lead-table tbody tr:not(.lead-date-group)>td{
    padding:10px 11px!important;border:0!important;border-bottom:1px solid #EEF2F6!important;font-size:12px!important;line-height:1.38!important;background:#fff!important;
  }
  body.mobile-shell-v1025 .loginapp-table tbody td::before,
  body.mobile-shell-v1025 .care-v1022-table tbody td::before,
  body.mobile-shell-v1025 .followup-table tbody td::before,
  body.mobile-shell-v1025 .lead-table tbody tr:not(.lead-date-group)>td::before,
  body.mobile-shell-v1025 .v81-lead-table tbody tr:not(.lead-date-group)>td::before{
    margin-bottom:4px!important;color:#8293A6!important;font-size:8.5px!important;font-weight:900!important;letter-spacing:.06em!important;
  }
  body.mobile-shell-v1025 .loginapp-table tbody td:first-child,
  body.mobile-shell-v1025 .care-v1022-table tbody td:first-child,
  body.mobile-shell-v1025 .lead-table tbody tr:not(.lead-date-group)>td:first-child,
  body.mobile-shell-v1025 .v81-lead-table tbody tr:not(.lead-date-group)>td:first-child{
    grid-column:1/-1!important;background:linear-gradient(180deg,#FBFDFF,#F7FAFE)!important;padding:12px!important;
  }
  body.mobile-shell-v1025 .loginapp-table tbody td:last-child,
  body.mobile-shell-v1025 .care-v1022-table tbody td:last-child,
  body.mobile-shell-v1025 .followup-table tbody td:last-child,
  body.mobile-shell-v1025 .lead-table tbody tr:not(.lead-date-group)>td:last-child,
  body.mobile-shell-v1025 .v81-lead-table tbody tr:not(.lead-date-group)>td:last-child{
    grid-column:1/-1!important;border-bottom:0!important;background:#FBFCFE!important;padding:9px 11px 11px!important;
  }
  body.mobile-shell-v1025 .care-v1022-table .care-customer-name{font-size:15px!important;line-height:1.25!important}
  body.mobile-shell-v1025 .care-v1022-table .care-compact-stack>span,
  body.mobile-shell-v1025 .care-v1022-table .care-loan-stack>span,
  body.mobile-shell-v1025 .care-v1022-table .loan-person strong{font-size:12px!important}
  body.mobile-shell-v1025 .care-v1022-table .care-compact-stack small,
  body.mobile-shell-v1025 .care-v1022-table .care-stage-age,
  body.mobile-shell-v1025 .care-v1022-table .loan-person small{font-size:9.5px!important}
  body.mobile-shell-v1025 .loginapp-row-actions,
  body.mobile-shell-v1025 .care-row-actions,
  body.mobile-shell-v1025 .followup-action-buttons,
  body.mobile-shell-v1025 .lead-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;width:100%!important}
  body.mobile-shell-v1025 .loginapp-row-actions .btn,
  body.mobile-shell-v1025 .care-row-actions .btn,
  body.mobile-shell-v1025 .followup-action-buttons .btn,
  body.mobile-shell-v1025 .lead-actions .btn{width:100%!important;min-height:40px!important;padding:8px 10px!important;font-size:11px!important}

  /* Follow-up: customer/time first */
  body.mobile-shell-v1025 .followup-table tbody td:nth-child(1),
  body.mobile-shell-v1025 .followup-table tbody td:nth-child(2){background:#FBFDFF!important}
  body.mobile-shell-v1025 .followup-table tbody td:nth-child(2){grid-column:auto!important}

  /* Modal = professional bottom sheet */
  body.mobile-shell-v1025 #admin-modal:not(.hidden),
  body.mobile-shell-v1025 #customer-modal:not(.hidden){padding:0!important;align-items:flex-end!important;background:rgba(8,28,50,.46)!important;backdrop-filter:blur(3px)}
  body.mobile-shell-v1025 #admin-modal .modal,
  body.mobile-shell-v1025 #customer-modal .modal{
    width:100%!important;max-width:none!important;max-height:94dvh!important;height:auto!important;margin:0!important;border:0!important;border-radius:21px 21px 0 0!important;box-shadow:0 -18px 50px rgba(7,30,56,.22)!important;overflow:hidden!important;
  }
  body.mobile-shell-v1025 .modal-header{
    position:sticky!important;top:0!important;z-index:6!important;padding:14px 16px 12px!important;background:rgba(255,255,255,.98)!important;border-bottom:1px solid #E8EEF5!important;backdrop-filter:blur(12px)!important;
  }
  body.mobile-shell-v1025 .modal-header h2{font-size:19px!important;line-height:1.2!important;letter-spacing:-.02em!important}
  body.mobile-shell-v1025 .modal-header .eyebrow{font-size:9px!important}
  body.mobile-shell-v1025 .modal-body{max-height:calc(94dvh - 68px)!important;overflow-y:auto!important;padding:13px 14px calc(24px + env(safe-area-inset-bottom))!important;overscroll-behavior:contain!important}
  body.mobile-shell-v1025 .modal-body .form-grid{grid-template-columns:1fr!important;gap:9px!important}
  body.mobile-shell-v1025 .modal-body .form-field label{font-size:10px!important;font-weight:850!important;color:#506985!important}
  body.mobile-shell-v1025 .modal-body .btn{min-height:44px!important;border-radius:11px!important}

  /* Sidebar drawer */
  body.mobile-shell-v1025 .sidebar,
  body.mobile-shell-v1025 .dashboard-redesign .sidebar{
    top:58px!important;bottom:calc(68px + env(safe-area-inset-bottom))!important;width:min(87vw,330px)!important;border-radius:0 20px 20px 0!important;box-shadow:18px 0 48px rgba(5,32,61,.24)!important;overflow-y:auto!important;
  }
  body.pwa-standalone.mobile-shell-v1025 .sidebar{top:calc(58px + env(safe-area-inset-top))!important}
  body.mobile-shell-v1025 .mobile-sidebar-backdrop{inset:58px 0 calc(68px + env(safe-area-inset-bottom)) 0!important;background:rgba(6,24,43,.48)!important;backdrop-filter:blur(2px)}
  body.mobile-shell-v1025 .sidebar .menu-item{min-height:48px!important;margin:3px 5px!important;padding:11px 12px!important;border-radius:11px!important;font-size:13px!important}
  body.mobile-shell-v1025 .sidebar .menu-title{font-size:8px!important;letter-spacing:.16em!important;padding:12px 12px 6px!important}

  /* Bottom app navigation */
  body.mobile-shell-v1025 .mobile-bottom-nav{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;min-height:68px!important;padding:5px max(5px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(5px,env(safe-area-inset-left))!important;
    background:rgba(255,255,255,.98)!important;border-top:1px solid #E3EAF2!important;box-shadow:0 -10px 28px rgba(13,45,80,.09)!important;backdrop-filter:blur(18px)!important;
  }
  body.mobile-shell-v1025 .mobile-nav-item{
    position:relative!important;min-height:54px!important;padding:5px 2px!important;gap:3px!important;border-radius:12px!important;background:transparent!important;color:#70849A!important;font-size:9.5px!important;font-weight:800!important;
  }
  body.mobile-shell-v1025 .mobile-nav-icon{display:grid!important;place-items:center!important;width:28px!important;height:25px!important;font-size:19px!important;line-height:1!important}
  body.mobile-shell-v1025 .mobile-nav-icon .ui-svg{width:21px!important;height:21px!important}
  body.mobile-shell-v1025 .mobile-nav-label{font-size:9.5px!important;line-height:1.1!important}
  body.mobile-shell-v1025 .mobile-nav-item.active{color:var(--m25-blue)!important;background:transparent!important}
  body.mobile-shell-v1025 .mobile-nav-item.active::before{content:'';position:absolute;top:-5px;left:50%;width:30px;height:3px;transform:translateX(-50%);border-radius:0 0 5px 5px;background:var(--m25-blue)}
  body.mobile-shell-v1025 .mobile-nav-item.active .mobile-nav-icon{background:var(--m25-blue-soft)!important;border-radius:9px!important}

  /* Chat + install prompt */
  body.mobile-shell-v1025 #floating-chat-button{right:12px!important;bottom:calc(78px + env(safe-area-inset-bottom))!important;width:48px!important;height:48px!important;box-shadow:0 8px 24px rgba(10,97,196,.28)!important}
  body.mobile-shell-v1025 #floating-chat-panel{inset:calc(8px + env(safe-area-inset-top)) 7px calc(76px + env(safe-area-inset-bottom)) 7px!important;border-radius:18px!important;box-shadow:0 18px 52px rgba(8,32,59,.22)!important}
  body.mobile-shell-v1025 #pwa-install-banner{margin:0 0 9px!important;padding:9px 10px!important;border-radius:13px!important;border-color:#D7E7F8!important;background:#F0F7FF!important;box-shadow:none!important}
  body.mobile-shell-v1025 .pwa-install-mark{width:34px!important;height:34px!important;flex-basis:34px!important;border-radius:9px!important}
  body.mobile-shell-v1025 .pwa-install-copy strong{font-size:11px!important}.pwa-install-copy small{font-size:9px!important}
  body.mobile-shell-v1025 .pwa-install-actions .btn{min-height:32px!important;font-size:9px!important;padding:5px 8px!important}

  /* Touch feedback */
  body.mobile-shell-v1025 button,
  body.mobile-shell-v1025 .crm-click-card,
  body.mobile-shell-v1025 [data-mobile-nav],
  body.mobile-shell-v1025 .menu-item{touch-action:manipulation}
  body.mobile-shell-v1025 button:active,
  body.mobile-shell-v1025 .crm-click-card:active{transform:scale(.985)}
}

@media(max-width:420px){
  body.mobile-shell-v1025 .main,
  body.mobile-shell-v1025 .dashboard-redesign .main{padding-left:9px!important;padding-right:9px!important}
  body.mobile-shell-v1025 #current-app-title{max-width:130px!important;font-size:13px!important}
  body.mobile-shell-v1025 .loginapp-summary,
  body.mobile-shell-v1025 .care-summary-top,
  body.mobile-shell-v1025 .care-summary-bottom,
  body.mobile-shell-v1025 .followup-summary-grid,
  body.mobile-shell-v1025 .dash-kpi-grid,
  body.mobile-shell-v1025 .dashboard-v714 .dash711-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.mobile-shell-v1025 .loginapp-table tbody tr,
  body.mobile-shell-v1025 .care-v1022-table tbody tr,
  body.mobile-shell-v1025 .followup-table tbody tr,
  body.mobile-shell-v1025 .lead-table tbody tr:not(.lead-date-group),
  body.mobile-shell-v1025 .v81-lead-table tbody tr:not(.lead-date-group){grid-template-columns:1fr 1fr!important}
  body.mobile-shell-v1025 .loginapp-row-actions,
  body.mobile-shell-v1025 .care-row-actions,
  body.mobile-shell-v1025 .followup-action-buttons,
  body.mobile-shell-v1025 .lead-actions{grid-template-columns:1fr!important}
}

/* ===== V10.26: Sup / Sales / Freelancer role badges ===== */
.role-pill.sup,.staff-role.sup{background:#efeaff;color:#6748d9}
.role-pill.sales,.staff-role.sales{background:#e8f3ff;color:#1769c2}
.role-pill.freelancer,.staff-role.freelancer{background:#fff3df;color:#a86100}
@media (max-width: 760px){
  .role-pill,.staff-role{font-size:11px;padding:5px 8px;border-radius:7px}
}

/* ============================================================
   V10.27 — Manual Lead + Mobile Landscape/Tablet optimization
   ============================================================ */
.lead-origin-pill{display:inline-flex;align-items:center;justify-content:center;min-height:27px;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:850;white-space:nowrap}
.lead-origin-pill.manual{background:#eaf3ff;color:#0b67c8;border:1px solid #cfe2f8}
.manual-lead-form .notice{margin-top:2px}
.lead-head-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}

/* A phone in landscape often reports 800–1000 CSS px. Treat that range as app/mobile too. */
@media(max-width:1024px){
  html,body{max-width:100%;overflow-x:hidden}
  body.mobile-shell-v1025{background:#f4f7fb!important;overscroll-behavior-x:none}
  body.mobile-drawer-open{overflow:hidden!important}

  body.mobile-shell-v1025 .topbar,
  body.mobile-shell-v1025 .dashboard-redesign .topbar{
    height:58px!important;padding:0 9px!important;gap:6px!important;background:rgba(255,255,255,.98)!important;
    border-bottom:1px solid #e3eaf2!important;box-shadow:0 2px 12px rgba(17,56,96,.045)!important;
  }
  body.mobile-shell-v1025 .mobile-menu-button{display:flex!important;color:#173a61!important;background:#f1f6fc!important;border:1px solid #dbe6f1!important}
  body.mobile-shell-v1025 .topbar-apps{display:none!important}
  body.mobile-shell-v1025 .topbar-title{min-width:0!important;max-width:155px!important}
  body.mobile-shell-v1025 .topbar-title strong{font-size:13px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body.mobile-shell-v1025 .topbar-title span,
  body.mobile-shell-v1025 .mode-pill,
  body.mobile-shell-v1025 .user-button-copy,
  body.mobile-shell-v1025 .user-caret{display:none!important}
  body.mobile-shell-v1025 .global-search-wrap{margin-left:auto!important;width:42px!important;min-width:42px!important;height:38px!important;background:#f6f9fc!important}
  body.mobile-shell-v1025 .global-search-wrap input,
  body.mobile-shell-v1025 .global-search-wrap kbd{display:none!important}
  body.mobile-shell-v1025 .global-search-wrap:focus-within{position:fixed!important;left:8px!important;right:8px!important;top:8px!important;z-index:115!important;width:auto!important;height:44px!important;background:#fff!important}
  body.mobile-shell-v1025 .global-search-wrap:focus-within input{display:block!important;font-size:14px!important}
  body.mobile-shell-v1025 .notification-button{width:38px!important;height:38px!important}
  body.mobile-shell-v1025 .user-button{width:38px!important;min-width:38px!important;height:38px!important;padding:2px!important;border:0!important}
  body.mobile-shell-v1025 .avatar{width:34px!important;height:34px!important}

  body.mobile-shell-v1025 .workspace{min-height:calc(100dvh - 58px)!important}
  body.mobile-shell-v1025 .sidebar,
  body.mobile-shell-v1025 .dashboard-redesign .sidebar{
    display:block!important;position:fixed!important;left:0!important;top:58px!important;bottom:calc(68px + env(safe-area-inset-bottom))!important;
    height:auto!important;width:min(86vw,310px)!important;z-index:56!important;transform:translateX(-105%)!important;
    transition:transform .2s ease!important;overflow-y:auto!important;border-radius:0 18px 18px 0!important;
    box-shadow:18px 0 48px rgba(5,32,61,.24)!important;
  }
  body.mobile-shell-v1025 .sidebar.mobile-open{transform:translateX(0)!important}
  body.mobile-shell-v1025 .mobile-sidebar-backdrop{position:fixed!important;inset:58px 0 calc(68px + env(safe-area-inset-bottom)) 0!important;background:rgba(6,24,43,.48)!important;z-index:55!important;backdrop-filter:blur(2px)}
  body.mobile-shell-v1025 .mobile-sidebar-backdrop:not(.hidden){display:block!important}
  body.mobile-shell-v1025 .main,
  body.mobile-shell-v1025 .dashboard-redesign .main{width:100%!important;max-width:100vw!important;margin:0!important;padding:12px 11px calc(82px + env(safe-area-inset-bottom))!important;min-height:calc(100dvh - 58px)!important}

  body.mobile-shell-v1025 .mobile-bottom-nav{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:52!important;min-height:68px!important;padding:5px 5px calc(6px + env(safe-area-inset-bottom))!important;background:rgba(255,255,255,.98)!important;border-top:1px solid #e3eaf2!important;box-shadow:0 -10px 28px rgba(13,45,80,.09)!important}
  body.mobile-shell-v1025 .mobile-bottom-nav.hidden{display:none!important}
  body.mobile-shell-v1025 .mobile-nav-item{min-height:54px!important;padding:5px 2px!important;border:0!important;background:transparent!important;color:#70849a!important;font-size:9.5px!important;font-weight:800!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;border-radius:12px!important}
  body.mobile-shell-v1025 .mobile-nav-item.active{color:#0b6fd8!important;background:transparent!important}

  body.mobile-shell-v1025 .premium-page-head,
  body.mobile-shell-v1025 .page-head{gap:8px!important;margin-bottom:10px!important;align-items:flex-start!important}
  body.mobile-shell-v1025 .premium-page-title h1,
  body.mobile-shell-v1025 .page-head h1{font-size:21px!important;line-height:1.2!important}
  body.mobile-shell-v1025 .premium-page-title p,
  body.mobile-shell-v1025 .page-head p{font-size:11px!important;line-height:1.4!important}

  body.mobile-shell-v1025 .loginapp-summary,
  body.mobile-shell-v1025 .care-summary-top,
  body.mobile-shell-v1025 .care-summary-bottom,
  body.mobile-shell-v1025 .followup-summary-grid,
  body.mobile-shell-v1025 .lead-summary-v99{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  body.mobile-shell-v1025 .care-summary-top>*,
  body.mobile-shell-v1025 .care-summary-bottom>*,
  body.mobile-shell-v1025 .loginapp-summary>*,
  body.mobile-shell-v1025 .followup-summary-card,
  body.mobile-shell-v1025 .lead-summary-v99>div{min-height:92px!important;padding:11px!important}

  body.mobile-shell-v1025 .toolbar,
  body.mobile-shell-v1025 .loginapp-toolbar,
  body.mobile-shell-v1025 .loan-toolbar,
  body.mobile-shell-v1025 .followup-toolbar,
  body.mobile-shell-v1025 .lead-toolbar-simple{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;padding:9px!important}
  body.mobile-shell-v1025 .toolbar>*,
  body.mobile-shell-v1025 .loginapp-toolbar>*,
  body.mobile-shell-v1025 .loan-toolbar>*,
  body.mobile-shell-v1025 .followup-toolbar>*,
  body.mobile-shell-v1025 .lead-toolbar-simple>*{width:100%!important;min-width:0!important}
  body.mobile-shell-v1025 .lead-head-actions{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
  body.mobile-shell-v1025 .lead-head-actions #lead-add-manual{grid-column:1/-1!important}

  body.mobile-shell-v1025 .loginapp-tabs,
  body.mobile-shell-v1025 .loan-tabs,
  body.mobile-shell-v1025 .followup-tabs,
  body.mobile-shell-v1025 .lead-team-tabs,
  body.mobile-shell-v1025 .loan-care-team-tabs,
  body.mobile-shell-v1025 .team-tabs{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:6px!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important}
  body.mobile-shell-v1025 .loginapp-tabs::-webkit-scrollbar,
  body.mobile-shell-v1025 .loan-tabs::-webkit-scrollbar,
  body.mobile-shell-v1025 .followup-tabs::-webkit-scrollbar,
  body.mobile-shell-v1025 .lead-team-tabs::-webkit-scrollbar,
  body.mobile-shell-v1025 .loan-care-team-tabs::-webkit-scrollbar,
  body.mobile-shell-v1025 .team-tabs::-webkit-scrollbar{display:none!important}

  /* Convert operational tables into readable customer cards; no horizontal scrolling. */
  body.mobile-shell-v1025 .table-wrap,
  body.mobile-shell-v1025 .care-v1022-wrap,
  body.mobile-shell-v1025 .loginapp-table-wrap,
  body.mobile-shell-v1025 .followup-table-wrap{overflow-x:hidden!important;max-width:100%!important;border:0!important;background:transparent!important;box-shadow:none!important}
  body.mobile-shell-v1025 .loginapp-table,
  body.mobile-shell-v1025 .care-v1022-table,
  body.mobile-shell-v1025 .followup-table,
  body.mobile-shell-v1025 .lead-table,
  body.mobile-shell-v1025 .v81-lead-table{width:100%!important;min-width:0!important;table-layout:auto!important;background:transparent!important}
  body.mobile-shell-v1025 .loginapp-table thead,
  body.mobile-shell-v1025 .care-v1022-table thead,
  body.mobile-shell-v1025 .followup-table thead,
  body.mobile-shell-v1025 .lead-table thead,
  body.mobile-shell-v1025 .v81-lead-table thead{display:none!important}
  body.mobile-shell-v1025 .loginapp-table tbody,
  body.mobile-shell-v1025 .care-v1022-table tbody,
  body.mobile-shell-v1025 .followup-table tbody,
  body.mobile-shell-v1025 .lead-table tbody,
  body.mobile-shell-v1025 .v81-lead-table tbody{display:block!important;width:100%!important}
  body.mobile-shell-v1025 .loginapp-table tbody tr,
  body.mobile-shell-v1025 .care-v1022-table tbody tr,
  body.mobile-shell-v1025 .followup-table tbody tr,
  body.mobile-shell-v1025 .lead-table tbody tr:not(.lead-date-group),
  body.mobile-shell-v1025 .v81-lead-table tbody tr:not(.lead-date-group){display:grid!important;grid-template-columns:1fr 1fr!important;gap:0!important;margin:0 0 10px!important;border:1px solid #dfe8f2!important;border-radius:15px!important;background:#fff!important;box-shadow:0 5px 18px rgba(18,55,94,.055)!important;overflow:hidden!important}
  body.mobile-shell-v1025 .loginapp-table tbody td,
  body.mobile-shell-v1025 .care-v1022-table tbody td,
  body.mobile-shell-v1025 .followup-table tbody td,
  body.mobile-shell-v1025 .lead-table tbody tr:not(.lead-date-group)>td,
  body.mobile-shell-v1025 .v81-lead-table tbody tr:not(.lead-date-group)>td{display:block!important;min-width:0!important;width:auto!important;padding:10px 11px!important;border:0!important;border-bottom:1px solid #eef2f6!important;background:#fff!important;white-space:normal!important;overflow-wrap:anywhere!important;font-size:12px!important;line-height:1.38!important}
  body.mobile-shell-v1025 .loginapp-table tbody td::before,
  body.mobile-shell-v1025 .care-v1022-table tbody td::before,
  body.mobile-shell-v1025 .followup-table tbody td::before,
  body.mobile-shell-v1025 .lead-table tbody tr:not(.lead-date-group)>td::before,
  body.mobile-shell-v1025 .v81-lead-table tbody tr:not(.lead-date-group)>td::before{content:attr(data-label)!important;display:block!important;margin-bottom:4px!important;color:#8293a6!important;font-size:9px!important;line-height:1.1!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.05em!important}
  body.mobile-shell-v1025 .loginapp-table tbody td:first-child,
  body.mobile-shell-v1025 .care-v1022-table tbody td:first-child,
  body.mobile-shell-v1025 .lead-table tbody tr:not(.lead-date-group)>td:first-child,
  body.mobile-shell-v1025 .v81-lead-table tbody tr:not(.lead-date-group)>td:first-child{grid-column:1/-1!important;background:#f9fbfe!important}
  body.mobile-shell-v1025 .loginapp-table tbody td:last-child,
  body.mobile-shell-v1025 .care-v1022-table tbody td:last-child,
  body.mobile-shell-v1025 .followup-table tbody td:last-child,
  body.mobile-shell-v1025 .lead-table tbody tr:not(.lead-date-group)>td:last-child,
  body.mobile-shell-v1025 .v81-lead-table tbody tr:not(.lead-date-group)>td:last-child{grid-column:1/-1!important;border-bottom:0!important;background:#fbfcfe!important}
  body.mobile-shell-v1025 .care-v1022-table .care-customer-name{font-size:16px!important;line-height:1.25!important}
  body.mobile-shell-v1025 .care-v1022-table .care-compact-stack>span,
  body.mobile-shell-v1025 .care-v1022-table .care-loan-stack>span,
  body.mobile-shell-v1025 .care-v1022-table .loan-person strong{font-size:12.5px!important}
  body.mobile-shell-v1025 .care-v1022-table .care-compact-stack small,
  body.mobile-shell-v1025 .care-v1022-table .care-stage-age,
  body.mobile-shell-v1025 .care-v1022-table .loan-person small{font-size:10px!important}
  body.mobile-shell-v1025 .care-row-actions,
  body.mobile-shell-v1025 .loginapp-row-actions,
  body.mobile-shell-v1025 .followup-action-buttons,
  body.mobile-shell-v1025 .lead-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;width:100%!important}
  body.mobile-shell-v1025 .care-row-actions .btn,
  body.mobile-shell-v1025 .loginapp-row-actions .btn,
  body.mobile-shell-v1025 .followup-action-buttons .btn,
  body.mobile-shell-v1025 .lead-actions .btn{width:100%!important;min-height:42px!important;padding:8px 10px!important;font-size:11px!important}

  body.mobile-shell-v1025 #admin-modal:not(.hidden),
  body.mobile-shell-v1025 #customer-modal:not(.hidden){padding:0!important;align-items:flex-end!important;background:rgba(8,28,50,.46)!important;backdrop-filter:blur(3px)}
  body.mobile-shell-v1025 #admin-modal .modal,
  body.mobile-shell-v1025 #customer-modal .modal{width:100%!important;max-width:none!important;max-height:94dvh!important;margin:0!important;border-radius:21px 21px 0 0!important;overflow:hidden!important}
  body.mobile-shell-v1025 .modal-body{max-height:calc(94dvh - 68px)!important;overflow-y:auto!important;padding:13px 14px calc(24px + env(safe-area-inset-bottom))!important}
  body.mobile-shell-v1025 .modal-body .form-grid{grid-template-columns:1fr!important;gap:9px!important}
  body.mobile-shell-v1025 .modal-body input,
  body.mobile-shell-v1025 .modal-body select,
  body.mobile-shell-v1025 .modal-body textarea{font-size:16px!important;min-height:44px!important}

  body.mobile-shell-v1025 #floating-chat-button{right:12px!important;bottom:calc(78px + env(safe-area-inset-bottom))!important;width:48px!important;height:48px!important}
  body.mobile-shell-v1025 #floating-chat-panel{inset:calc(8px + env(safe-area-inset-top)) 7px calc(76px + env(safe-area-inset-bottom)) 7px!important;border-radius:18px!important}
}

@media(max-width:600px){
  body.mobile-shell-v1025 .loginapp-table tbody tr,
  body.mobile-shell-v1025 .care-v1022-table tbody tr,
  body.mobile-shell-v1025 .followup-table tbody tr,
  body.mobile-shell-v1025 .lead-table tbody tr:not(.lead-date-group),
  body.mobile-shell-v1025 .v81-lead-table tbody tr:not(.lead-date-group){grid-template-columns:1fr!important}
  body.mobile-shell-v1025 .loginapp-table tbody td:first-child,
  body.mobile-shell-v1025 .care-v1022-table tbody td:first-child,
  body.mobile-shell-v1025 .loginapp-table tbody td:last-child,
  body.mobile-shell-v1025 .care-v1022-table tbody td:last-child,
  body.mobile-shell-v1025 .followup-table tbody td:last-child,
  body.mobile-shell-v1025 .lead-table tbody tr:not(.lead-date-group)>td:first-child,
  body.mobile-shell-v1025 .lead-table tbody tr:not(.lead-date-group)>td:last-child{grid-column:auto!important}
  body.mobile-shell-v1025 .care-row-actions,
  body.mobile-shell-v1025 .loginapp-row-actions,
  body.mobile-shell-v1025 .followup-action-buttons,
  body.mobile-shell-v1025 .lead-actions{grid-template-columns:1fr!important}
}

/* V10.29 — access policy console, responsive to Sup desktop/tablet */
.access-tabs-nav{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 16px;border-bottom:1px solid #dce7f3;padding-bottom:9px}
.access-tabs-nav button{border:1px solid #d9e4f2;background:#fff;color:#375575;border-radius:9px;padding:10px 17px;font-weight:700;display:inline-flex;align-items:center;gap:8px;cursor:pointer}
.access-tabs-nav button.active{background:#0866d1;border-color:#0866d1;color:#fff}
.access-editor{background:#fff;border:1px solid #dce6f1;border-radius:15px;padding:20px;box-shadow:0 4px 16px rgba(21,55,90,.04)}
.access-manager-head{display:flex;gap:20px;align-items:end;justify-content:space-between;margin-bottom:16px}
.access-manager-head h2{font-size:20px;margin:0 0 5px;color:#102f55}
.access-manager-head p,.access-module-card p{font-size:13px;color:#667e99;margin:0}
.access-person-picker{font-size:12px;color:#476482;display:grid;gap:6px;min-width:310px;font-weight:700}
.access-person-picker select{height:42px;border-radius:9px;border:1px solid #cadaed;max-width:100%;background:#fff;padding:0 12px;font-size:13px}
.access-scope-notice{background:#ecf6ff;border:1px solid #bcd8f5;border-radius:10px;display:flex;align-items:start;gap:10px;padding:12px 15px;color:#205e9c;margin-bottom:19px}
.access-scope-notice div{display:grid;gap:3px}.access-scope-notice b{font-size:13px}.access-scope-notice span{font-size:12px;line-height:1.5}
.access-editor-grid{display:grid;grid-template-columns:235px minmax(0,1fr);gap:18px}
.access-module-tabs{display:flex;flex-direction:column;gap:5px;border-right:1px solid #e4edf6;padding-right:13px}
.access-module-tabs button{background:transparent;text-align:left;border:0;border-radius:9px;padding:12px 11px;color:#3c5977;font-size:13px;cursor:pointer;font-weight:700}
.access-module-tabs button:hover{background:#f2f7ff}.access-module-tabs button.active{background:#e5f0ff;color:#005abc}
.access-module-card{min-width:0}.access-module-card h3{font-size:17px;color:#102f55;margin:4px 0 5px}.access-permission-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:17px}
.access-permission{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #dbe6f0;background:#fbfdff;padding:13px;border-radius:9px;cursor:pointer;min-width:0}
.access-permission>span:first-child{font-size:13px;font-weight:650;color:#193a5e}.access-permission input{width:19px;height:19px;accent-color:#0866d1;flex:none}
.access-permission .access-slider{display:none}
.access-editor-footer{margin-top:20px;border-top:1px solid #e3edf6;padding-top:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#69809c;font-size:12px}
.access-loading{padding:40px 12px;text-align:center;color:#70849c}
@media(max-width:850px){.access-editor{padding:13px}.access-manager-head{align-items:stretch;flex-direction:column}.access-person-picker{min-width:0;width:100%}.access-editor-grid{grid-template-columns:1fr}.access-module-tabs{flex-direction:row;overflow-x:auto;white-space:nowrap;border-right:0;border-bottom:1px solid #e4edf6;padding:0 0 10px}.access-module-tabs button{flex:none}.access-permission-options{grid-template-columns:1fr}.access-editor-footer{flex-wrap:wrap}}

.loan-record-check{display:flex!important;align-items:center;gap:8px;margin-top:12px;font-size:13px;font-weight:650}.loan-record-check input{width:18px;height:18px;accent-color:#0b66c3}.access-module-card input[type=checkbox]{cursor:pointer}

/* V10.31: account-level inline permissions and lighter customer lists */
.crm-action-buttons .v1031-access-action{width:auto;min-width:63px;padding:0 7px;gap:5px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-color:#bad2ec;color:#005eb8;background:#f2f8ff;font-weight:700;font-size:11px}
.v1031-access-action .ui-svg{width:15px;height:15px}
#admin-modal .admin-modal.v1031-access-modal{width:min(960px,calc(100vw - 24px));max-width:960px;max-height:90dvh;display:flex;flex-direction:column;overflow:hidden}
#admin-modal .v1031-access-modal .modal-header{flex-shrink:0}
#admin-modal .v1031-access-modal .modal-body{flex:1;min-height:0;overflow-y:auto;padding:18px 20px 22px}
.v1031-access-identity{display:flex;align-items:center;gap:12px;padding:8px 4px 12px}
.v1031-access-identity .crm-avatar-mini{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:#ecf4ff;color:#005eb8;font-size:13px;font-weight:800}
.v1031-access-identity b{display:block;font-size:16px;color:#103258}
.v1031-access-identity small{display:block;color:#64748b;font-size:12px;margin-top:3px}
.v1031-access-scope{display:flex;align-items:flex-start;gap:10px;background:#f3f8ff;border:1px solid #d4e4f8;border-radius:10px;padding:12px;font-size:12px;color:#294765;line-height:1.6;margin-bottom:14px}
.v1031-access-scope svg{flex:0 0 20px;width:20px;height:20px;color:#005eb8}
.v1031-access-editor{display:grid;grid-template-columns:205px minmax(0,1fr);border:1px solid #dae5ef;border-radius:12px;overflow:hidden;min-height:350px}
.v1031-access-tabs{display:flex;flex-direction:column;gap:3px;background:#f7faff;border-right:1px solid #dae5ef;padding:9px;max-height:47dvh;overflow:auto}
.v1031-access-tabs button{font-family:inherit;text-align:left;padding:11px 12px;border:0;border-radius:8px;background:transparent;color:#425975;font-size:12px;font-weight:650;cursor:pointer}
.v1031-access-tabs button.active{background:#005eb8;color:#fff}
.v1031-access-tabs button:focus-visible{outline:2px solid #4798ee}
.v1031-access-content{padding:20px 22px;min-width:0}
.v1031-access-content h3{color:#12355b;font-size:17px;margin:0 0 6px}
.v1031-access-content p{color:#6b7f94;margin:0 0 18px;font-size:12px}
.v1031-rights-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.v1031-rights-grid .access-permission{margin:0;min-height:50px;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:8px 11px;border:1px solid #e1e9f3;border-radius:9px;background:#fff}
.v1031-rights-grid .access-permission>span:first-child{font-size:12px;color:#203d5e}
.v1031-access-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e3eaf2;margin-top:22px;padding-top:14px}
.v1031-access-footer small{color:#70829a;font-size:11px}
.v1031-pager{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;background:#fff;border:1px solid #e0e8f1;border-top:0;padding:10px 16px;color:#536b83;font-size:12px}
.v1031-pager>div{display:flex;gap:12px;align-items:center}
.v1031-pager b{color:#12385d;font-size:12px;white-space:nowrap}
.v1031-pager button:disabled{opacity:.4;cursor:default}
@media(max-width:700px){#admin-modal .admin-modal.v1031-access-modal{width:calc(100vw - 10px);max-height:calc(100dvh - 10px)}.v1031-access-editor{grid-template-columns:1fr;min-height:0}.v1031-access-tabs{flex-direction:row;max-height:none;overflow-x:auto;white-space:nowrap;border-right:0;border-bottom:1px solid #dae5ef;padding:7px}.v1031-access-tabs button{flex:0 0 auto;padding:9px 11px}.v1031-access-content{padding:15px}.v1031-rights-grid{grid-template-columns:1fr}.v1031-access-footer{flex-wrap:wrap}.v1031-access-identity small{overflow-wrap:anywhere}}

/* V10.32: Sup hierarchy and audit monitoring */
.role-pill.admin,.staff-role.admin{background:#e9e4ff;color:#5b36aa}
.role-pill.sup,.staff-role.sup{background:#dceaff;color:#1658a4}
.v1032-audit-filters{display:flex;flex-wrap:wrap;align-items:end;gap:10px;padding:16px;border-bottom:1px solid #e0e7f0}
.v1032-audit-filters input,.v1032-audit-filters select{min-height:38px;border:1px solid #d6e0ed;border-radius:9px;padding:8px 12px;background:#fff;color:#183657;max-width:100%;min-width:120px}
.v1032-audit-filters #audit-search{flex:2 1 240px}
.v1032-audit-filters select{flex:1 1 150px}
.v1032-audit-filters label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:600;color:#536b84}
.v1032-audit-pagination{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 18px;color:#60748a;font-size:13px;flex-wrap:wrap}
.audit-action-tag{display:inline-block;max-width:240px;background:#eef3fa;border-radius:7px;padding:5px 9px;color:#244766;font-weight:650;font-size:12px}
.v1032-audit-page .audit-table td{vertical-align:top}
.v1032-audit-page .audit-table .audit-detail{min-width:230px;max-width:440px;overflow-wrap:anywhere}
@media(max-width:760px){.v1032-audit-filters>*{flex:1 1 100%!important}.v1032-audit-filters label{width:100%}}

/* V10.33: Account information appears only in the top-right dropdown. */
#sidebar-menu .sidebar-profile{display:none!important}

/* V10.34 — compact readable audit and seven-day undo */
.v1032-audit-page .audit-table th:last-child,.v1032-audit-page .audit-table td:last-child {width:138px;white-space:nowrap;text-align:center}
.v1032-audit-page .audit-table th:nth-child(4),.v1032-audit-page .audit-table td:nth-child(4){min-width:330px;width:auto}
.v1032-audit-page .audit-table th:nth-child(1){width:132px}
.v1032-audit-page .audit-table th:nth-child(2){width:180px}
.v1032-audit-page .audit-table th:nth-child(3){width:200px}
.v1034-readable{font-size:13px!important;line-height:1.6!important;color:#294261!important;white-space:normal;overflow-wrap:anywhere}
.v1034-undo-btn{color:#075eae;border-color:#b3d2f4;font-weight:700;white-space:nowrap}
.v1034-undo-btn:hover{background:#eff6ff}
.v1034-undo-done{color:#168158;font-size:12px;font-weight:700}

/* V10.35 — clear two-workspace navigation, monthly Login App and CSKH */
.v1035-sidebar-scroll{padding:12px 8px 22px!important;display:block;overscroll-behavior:contain}
.v1035-sidebar-workspace{border-radius:11px;margin:3px 0 9px;overflow:hidden}
.v1035-workspace-toggle{width:100%;min-height:44px;border:0;border-radius:10px;background:rgba(241,248,255,.075);color:#dbeaff;padding:11px 12px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:12px;font-weight:800;letter-spacing:.09em;transition:background .15s ease}
.v1035-workspace-toggle:hover,.v1035-sidebar-workspace.is-open>.v1035-workspace-toggle{background:rgba(105,164,245,.17);color:#fff}
.v1035-workspace-heading{display:flex;align-items:center;gap:10px}
.v1035-workspace-heading .ui-svg{width:17px;height:17px;flex:none}
.v1035-chevron{font-size:22px;font-weight:400;line-height:1;transition:transform .2s ease}
.v1035-sidebar-workspace:not(.is-open) .v1035-chevron{transform:rotate(-90deg)}
.v1035-workspace-items{padding:5px 0 4px 8px}
.v1035-workspace-items[hidden]{display:none!important}
.v1035-workspace-items .menu-item{min-height:45px;font-size:12px}
.v1035-sidebar-scroll>.sidebar-divider{margin-top:13px}
.v1035-perf-page{padding-bottom:36px}
.v1035-perf-head{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:18px}
.v1035-perf-head h1{color:#0b2c50;font-size:25px;margin:0 0 6px;font-weight:800}
.v1035-perf-head p{font-size:12px;color:#657e99;margin:0;line-height:1.5}
.v1035-perf-filters{display:flex;align-items:end;gap:8px;flex-wrap:wrap}
.v1035-perf-filters label{display:grid;gap:5px;font-size:11px;font-weight:800;color:#4f6583}
.v1035-perf-filters input,.v1035-perf-filters select{border:1px solid #d7e2f1;background:#fff;border-radius:9px;padding:9px 10px;min-height:40px;color:#173858;min-width:128px;max-width:220px}
.v1035-perf-filters .btn{min-height:40px}
.v1035-perf-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:15px}
.v1035-perf-cards article{background:#fff;border:1px solid #dde8f4;border-radius:13px;padding:22px 22px;display:flex;flex-direction:column;gap:7px;min-width:0;box-shadow:0 4px 10px rgba(20,55,100,.025)}
.v1035-perf-cards article>span{font-size:12px;font-weight:700;color:#59728e}
.v1035-perf-cards article>strong{font-weight:850;color:#063668;font-size:30px;overflow-wrap:anywhere;line-height:1.25}
.v1035-perf-cards article>small{font-size:11px;color:#657e99;line-height:1.5}
.v1035-perf-list .crm-panel-head h2{font-size:16px}
.v1035-revenue-table td{vertical-align:middle}
.v1035-revenue-table td small{display:block;font-size:11px;color:#70839a;margin-top:3px}
.v1035-revenue-table td .crm-progress{min-width:100px}
.v1035-loading{padding:55px 15px;text-align:center;color:#6e8197;background:#fff;border:1px solid #e3eaf2;border-radius:12px}
.v1035-target-form{display:grid;gap:14px;padding:6px 0}
.v1035-target-form>p{margin:0;color:#647994}
.v1035-target-form>label{display:grid;gap:6px;color:#335270;font-size:13px;font-weight:700}
.v1035-target-form input{min-height:43px;border:1px solid #d2e0ef;border-radius:9px;padding:9px 12px;width:100%}
.v1035-target-form .call-actions{margin-top:5px}
.v1035-care-time{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;background:#fff;border:1px solid #dbe7f5;border-radius:12px;padding:13px 15px;margin:0 0 14px}
.v1035-care-time>div:first-child{display:grid;gap:5px}
.v1035-care-time strong{font-size:13px;color:#113962}
.v1035-care-time small{font-size:11px;color:#6c839c;line-height:1.5}
.v1035-care-time-ctrl{display:flex;align-items:center;min-width:260px}
.v1035-care-time-ctrl .v1018-month-wrap,.v1035-care-time-ctrl #loan-care-month-wrap{margin:0!important;max-width:100%;flex:1}
.v1035-care-help{padding:14px 17px 0;display:grid;gap:5px}
.v1035-care-help strong{color:#123a61;font-size:14px}
.v1035-care-help span{font-size:11px;color:#67819b;line-height:1.55}
.loan-care-page .loan-tabs{flex-wrap:wrap;gap:6px!important;padding:10px 14px 13px!important}
.loan-care-page .loan-tabs button{white-space:normal!important;line-height:1.4;font-size:12px}
.v1035-team-distribution{margin:15px 0 18px}
.v1035-team-distribution .crm-panel-head{align-items:start}
.v1035-team-distribution .crm-panel-head h2{font-size:17px;margin:0 0 6px}
.v1035-team-distribution .crm-panel-head small{font-size:11px;line-height:1.5;color:#667f99}
.v1035-wh-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;padding:18px}
.v1035-wh-grid label{display:grid;gap:7px;font-size:12px;font-weight:700;color:#294b70;min-width:0}
.v1035-wh-grid select,.v1035-wh-grid input{width:100%;min-height:43px;border:1px solid #d7e2f0;border-radius:9px;background:#fff;padding:9px;color:#163856}
.v1035-wh-grid label[hidden]{display:none}
.v1035-wh-submit{display:flex;align-items:end}.v1035-wh-submit .btn{width:100%;min-height:43px}
.v1035-wh-feedback{margin:0 18px 17px;padding:11px 12px;border:1px solid #dae9f9;background:#f1f7ff;border-radius:9px;color:#436688;font-size:12px;line-height:1.5}
@media(max-width:1150px){.v1035-perf-cards article>strong{font-size:24px}.v1035-wh-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.v1035-perf-cards{grid-template-columns:1fr}.v1035-perf-head{align-items:stretch}.v1035-perf-filters{align-items:stretch}.v1035-perf-filters label{flex:1 1 130px}.v1035-perf-filters select,.v1035-perf-filters input{width:100%;max-width:100%}.v1035-perf-cards article{padding:18px}.v1035-wh-grid{grid-template-columns:1fr}.v1035-care-time-ctrl{min-width:0;width:100%}}

/* V10.36 - compact accordion, stock distribution, KPI comparison */
.v1035-workspace-items{max-height:620px;opacity:1;overflow:hidden;transition:max-height .24s ease,opacity .2s ease,padding .2s ease}
.v1035-sidebar-workspace:not(.is-open) .v1035-workspace-items{max-height:0;opacity:0;padding-top:0;padding-bottom:0;pointer-events:none}
.v1036-stock-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}
.v1036-stock-summary>div{border:1px solid #deebf7;background:#f5f9ff;border-radius:11px;padding:10px;display:grid;gap:4px}
.v1036-stock-summary span{font-size:11px;color:#617996}.v1036-stock-summary strong{font-size:22px;color:#0a5fb0}
.v1036-stock-summary p{grid-column:1/-1;margin:3px 0;color:#4c6c86;font-size:12px}
#wh-target-wrap label{display:grid;gap:7px;font-weight:700;font-size:12px;color:#304c70}
#wh-target-wrap select{width:100%;min-height:38px;border:1px solid #d4e1ef;border-radius:8px;padding:8px}
.v1036-compare-months{margin-bottom:14px}.v1036-compare-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px}
.v1036-compare-grid article{border:1px solid #e1eaf4;border-radius:10px;padding:13px;display:grid;gap:7px}
.v1036-compare-grid article>span{color:#637e9c;font-size:12px;font-weight:700}
.v1036-compare-grid strong{color:#143f72;font-size:21px;overflow-wrap:anywhere}
.v1036-compare-grid small{color:#76879b}.v1036-compare-grid b{font-size:12px}.v1036-compare-grid .up{color:#0b9764}.v1036-compare-grid .down{color:#cf5252}
.v1036-lock{color:#8f5100!important;background:#fff8ec!important;border-color:#f0d4a0!important;padding:5px 8px!important}
.v1036-locked-panel{margin-top:16px}.v1036-locked-panel .table-wrap{max-height:360px;overflow:auto}
.v1036-page-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px;flex-wrap:wrap}
.v1036-page-head h1{font-size:25px;color:#0c3056;margin:0 0 5px}.v1036-page-head p{font-size:13px;color:#617b97;margin:0}
.v1036-lead-source{min-width:125px;padding:8px;border:1px solid #d6e1ef;border-radius:8px}
@media(max-width:850px){.v1036-stock-summary,.v1036-compare-grid{grid-template-columns:1fr}.v1036-page-head{align-items:stretch}}

/* V10.37 UI refresh */
.sidebar-brand{padding:20px 18px 14px;border-bottom:1px solid rgba(255,255,255,.08)}
.sidebar-brand .brand-box{background:rgba(255,255,255,.12);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);border-radius:14px;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.sidebar .sidebar-group-toggle,.workspace-toggle{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.06);border-radius:16px;transition:background .24s ease,border-color .24s ease,transform .24s ease,opacity .24s ease}
.sidebar .sidebar-group-toggle:hover,.workspace-toggle:hover{background:rgba(63,136,255,.24);border-color:rgba(111,170,255,.28)}
.sidebar .sidebar-group-toggle .icon,.workspace-toggle .icon,.menu-item .icon{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:12px!important;color:#d9e7ff!important;box-shadow:none!important}
.sidebar .sidebar-group.is-open .sidebar-group-toggle,.workspace-toggle.active{background:linear-gradient(180deg,rgba(48,114,223,.34),rgba(30,77,156,.24));border-color:rgba(111,170,255,.28)}
.sidebar .sidebar-group-toggle .chev,.workspace-toggle .chev{transition:transform .24s ease,opacity .24s ease;opacity:.9}
.sidebar .sidebar-group.is-open .sidebar-group-toggle .chev,.workspace-group.open .workspace-toggle .chev{transform:rotate(180deg)}
.sidebar .submenu,.workspace-submenu{overflow:hidden;transition:max-height .28s ease,opacity .28s ease,padding .28s ease;opacity:1}
.sidebar .menu-item{border-radius:14px;transition:background .22s ease,color .22s ease,border-color .22s ease,transform .22s ease;border:1px solid transparent}
.sidebar .menu-item:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.08);transform:translateX(2px)}
.sidebar .menu-item.active{background:linear-gradient(180deg,#1677f2,#105ec0);color:#fff;font-weight:700;box-shadow:0 12px 24px rgba(8,31,73,.26)}
.sidebar .menu-item.active .icon{background:rgba(255,255,255,.15)!important;border-color:rgba(255,255,255,.14)!important;color:#fff!important}
.lead-toolbar-simple,.v1037-inline-filters{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.lead-toolbar-simple input,.lead-toolbar-simple select,.v1037-inline-filters select{min-height:44px;border-radius:14px;border:1px solid #d7e2f0;background:#fff;padding:0 14px}
.followup-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:18px}
.followup-summary-card{background:#fff;border:1px solid #dfe8f5;border-radius:18px;padding:18px 20px;cursor:pointer;box-shadow:0 10px 20px rgba(15,47,95,.05)}
.followup-summary-card.active{border-color:#2b78f6;box-shadow:0 12px 28px rgba(43,120,246,.12)}
.followup-summary-card span{display:block;color:#5f728e;font-weight:700;margin-bottom:8px}.followup-summary-card strong{font-size:42px;line-height:1;color:#143f78;display:block}.followup-summary-card small{display:block;margin-top:8px;color:#7f8ea3}
.loginapp-time-cell{display:flex;flex-direction:column;gap:4px}
.v1037-lead-source{min-width:150px;height:40px;border-radius:12px;border:1px solid #d7e2f0;padding:0 12px;background:#fff}
@media (max-width:1024px){.lead-toolbar-simple,.v1037-inline-filters{flex-direction:column;align-items:stretch}}

/* V10.38 — aligned Team tabs, revenue hierarchy and unified Follow-up UI */
.v1038-team-tabs{display:flex;align-items:center;gap:9px;overflow-x:auto;scrollbar-width:thin;padding:1px 0 13px;margin:0 0 12px;white-space:nowrap}
.v1038-team-tab{appearance:none;background:#fff;border:1px solid #d8e4f1;border-radius:11px;min-height:42px;padding:8px 14px;color:#31537b;font-size:12px;font-weight:750;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background .18s,border-color .18s,box-shadow .18s;color:#22496f}
.v1038-team-tab:hover{border-color:#83b8f1;background:#f2f8ff}
.v1038-team-tab.active{background:#0b65c8;border-color:#0b65c8;color:white;box-shadow:0 6px 15px #0b65c822}
.v1038-team-tab small{font-size:10px;border-radius:20px;padding:3px 7px;background:#eaf2fb;color:#607c9a;font-weight:800}
.v1038-team-tab.active small{background:#ffffff35;color:white}
.v1038-my-scope{border-radius:10px;background:#f0f6ff;border:1px solid #d8e5f7;padding:11px 14px;font-weight:750;font-size:12px;color:#295684}
.v1038-revenue-top{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.v1038-revenue-top article:nth-child(3){grid-column:1/-1;grid-row:1;padding:23px 27px;background:linear-gradient(130deg,#fff,#f7fbff)}
.v1038-revenue-top article:nth-child(3)>span{font-size:13px;color:#426a93}
.v1038-revenue-top article:nth-child(3)>strong{font-size:34px;color:#074581}
.v1038-team-performance{margin:17px 0}
.v1038-team-performance .table-wrap,.v1038-sales-ranking .table-wrap{max-width:100%;overflow:auto}
.v1038-sales-ranking{margin:16px 0 26px}
.v1038-rank{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;border:1px solid #dce8f7;border-radius:9px;color:#435c7a;font-weight:800;background:#f6f9ff}
.v1038-rank.top{background:#e9f3ff;color:#075ebc;border-color:#c9e2ff}
.v1038-click-summary{cursor:pointer;transition:border-color .16s,transform .16s,box-shadow .16s}
.v1038-click-summary:hover{transform:translateY(-2px);border-color:#98c8ff;box-shadow:0 8px 19px #23538613}
#main:has(.v1038-team-tabs) .lead-card,#main:has(.v1038-team-tabs) .followup-panel{scroll-margin-top:88px}
#main:has(.followup-panel) .followup-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:10px 0 16px}
#main:has(.followup-panel) .followup-summary-card{display:flex;flex-direction:column;justify-content:center;gap:5px;min-height:132px;border:1px solid #d9e5f3;background:#fff;box-shadow:0 3px 11px #143a6710;border-radius:13px;padding:16px 20px;transition:border-color .18s,box-shadow .18s}
#main:has(.followup-panel) .followup-summary-card:hover{border-color:#96baf3;box-shadow:0 6px 18px #16499012}
#main:has(.followup-panel) .followup-summary-card strong{font-size:30px;line-height:1.16;color:#0b315c}
#main:has(.followup-panel) .followup-summary-card small{font-size:11px;color:#69819b}
#main:has(.followup-panel) .lead-toolbar-simple{padding:14px 14px 13px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #e2eaf4}
#main:has(.followup-panel) .team-tabs{display:flex;gap:7px;align-items:center;overflow-x:auto}
#main:has(.followup-panel) .team-tabs button{border-radius:9px;border:1px solid #d6e2f0;background:#f4f7fc;padding:9px 12px;font-size:12px;font-weight:750;cursor:pointer;min-width:unset}
#main:has(.followup-panel) .team-tabs button.active{background:#0963cc;border-color:#0963cc;color:#fff}
#main:has(.followup-panel) .v1037-inline-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#main:has(.followup-panel) .v1037-inline-filters select{height:40px;min-width:120px;max-width:190px;padding:7px 10px;font-size:12px;border:1px solid #d6e2f0;border-radius:9px;background:#fff;color:#2f5071}
#main:has(.followup-panel) .followup-panel>.table-wrap{margin:0;padding:0}
#main:has(.followup-panel) .followup-panel .data-table th{font-size:11px;white-space:nowrap;background:#f4f7fb}
#main:has(.followup-panel) .followup-panel .data-table td{font-size:12px;vertical-align:middle}
#main:has(.lead-card) .lead-toolbar-simple{display:flex;align-items:center;gap:8px;padding:14px;flex-wrap:wrap}
#main:has(.lead-card) .lead-toolbar-simple input{flex:1;min-width:220px}
#main:has(.lead-card) .lead-toolbar-simple select{min-width:190px}
@media (max-width:880px){.v1038-revenue-top{grid-template-columns:1fr}.v1038-revenue-top article:nth-child(3){grid-column:1;grid-row:1}#main:has(.followup-panel) .followup-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:580px){#main:has(.followup-panel) .followup-summary-grid{grid-template-columns:1fr}.v1038-team-tabs{margin-bottom:7px}.v1038-revenue-top article:nth-child(3)>strong{font-size:26px}}

/* Fit the new customer-management heading on a single row. */
.v1035-sidebar-workspace [data-workspace="login"] .v1035-workspace-heading{font-size:10.5px;letter-spacing:.018em;gap:8px;white-space:nowrap}

#main:has(.followup-panel) .followup-summary-card{position:relative;padding-left:78px;align-items:flex-start}
.v1038-fu-icon{position:absolute;left:20px;top:26px;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#eaf2ff;color:#1b6fd2}
.v1038-fu-icon-1{background:#fff0ef;color:#d64a4a}
.v1038-fu-icon-2{background:#eef0ff;color:#565fea}
.v1038-fu-icon .ui-svg{width:20px;height:20px}
#main:has(.followup-panel) .followup-summary-card td{overflow:hidden}
#main:has(.followup-panel) .followup-panel .data-table td small{display:block;color:#7588a0;font-size:11px;margin-top:3px}

/* V10.39 — compact enterprise customer dashboard, role-specific content */
.v1039-dashboard{--v39-ink:#0b2f56;--v39-muted:#6b819d;--v39-border:#dfe8f3;display:flex;flex-direction:column;gap:14px;padding-bottom:28px}
.v1039-dashboard .v1039-header{margin:0 0 2px;align-items:flex-end}
.v1039-dashboard .v1039-header h1{font-size:25px;line-height:1.16;letter-spacing:-.025em;color:#0a3056;font-weight:830}
.v1039-dashboard .v1039-header p{font-size:12px;line-height:1.55;color:#778aa3;margin-top:5px}
.v1039-dashboard .v1035-perf-filters{gap:8px}
.v1039-dashboard .v1035-perf-filters input,.v1039-dashboard .v1035-perf-filters select{min-height:38px;font-size:12px;border-radius:10px;border-color:#dce6f2}
.v1039-dashboard .v1035-perf-filters label{font-size:11px;gap:4px}
.v1039-dashboard .v1035-perf-filters .btn{min-height:38px;border-radius:10px}
.v1039-dashboard .v1039-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0!important}
.v1039-dashboard .v1039-metrics .v1039-metric{border:1px solid var(--v39-border);border-radius:14px;min-width:0;box-shadow:0 4px 12px rgba(22,61,109,.026);gap:0}
.v1039-dashboard .v1039-metric-primary{grid-column:1/-1;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;padding:23px 28px;min-height:142px;background:linear-gradient(112deg,#073568 0%,#0852a0 65%,#086bc4 100%);border-color:#0c539b!important}
.v1039-dashboard .v1039-metric-primary:after{content:"";position:absolute;right:-60px;top:-105px;width:360px;height:340px;border:1px solid rgba(255,255,255,.13);border-radius:50%;box-shadow:0 0 0 50px rgba(255,255,255,.035),0 0 0 115px rgba(255,255,255,.027);pointer-events:none}
.v1039-dashboard .v1039-metric-content{position:relative;z-index:1;display:flex;flex-direction:column;gap:9px;min-width:0}
.v1039-dashboard .v1039-metric-kicker{display:flex;align-items:center;gap:9px;color:#d5e9ff;font-size:11px;letter-spacing:.075em;font-weight:780}
.v1039-dashboard .v1039-metric-icon{width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.19);background:rgba(255,255,255,.12);border-radius:9px}
.v1039-dashboard .v1039-metric-icon .ui-svg{width:16px;height:16px}
.v1039-dashboard .v1039-metric-primary .v1039-total-money{font-size:clamp(28px,3vw,38px);font-weight:860;line-height:1.05;letter-spacing:-.035em;color:#fff;overflow-wrap:anywhere}
.v1039-dashboard .v1039-metric-primary small{color:#d4e7fc;font-weight:500;font-size:11px}
.v1039-dashboard .v1039-metric-emblem{position:relative;z-index:1;color:#e4f3ff;width:67px;height:67px;display:grid;place-items:center;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.15);border-radius:21px;flex:none}
.v1039-dashboard .v1039-metric-emblem .ui-svg{width:32px;height:32px;opacity:.92}
.v1039-dashboard .v1039-metric-secondary{background:#fff;display:flex;flex-direction:row;align-items:center;min-height:110px;padding:20px 22px;gap:17px}
.v1039-dashboard .v1039-metric-secondary>div:last-child{display:flex;flex-direction:column;gap:4px}
.v1039-dashboard .v1039-metric-secondary span{font-size:12px;color:#547393;font-weight:750}
.v1039-dashboard .v1039-metric-secondary strong{font-size:30px;color:#103b6b;font-weight:840;letter-spacing:-.02em;line-height:1.16}
.v1039-dashboard .v1039-metric-secondary small{font-size:10.5px;color:#8191a6}
.v1039-dashboard .v1039-small-icon{height:46px;width:46px;border-radius:12px;display:grid;place-items:center;flex:none}
.v1039-dashboard .v1039-small-icon .ui-svg{width:22px;height:22px}
.v1039-dashboard .v1039-small-icon.apps-metric{background:#eaf3ff;color:#166cd3}
.v1039-dashboard .v1039-small-icon.loan{background:#e8f7f1;color:#149268}
.v1039-dashboard .v1039-team-panel,.v1039-dashboard .v1039-ranking-panel,.v1039-dashboard .v1036-compare-months{background:#fff;border:1px solid var(--v39-border);border-radius:14px;overflow:hidden;box-shadow:0 3px 10px rgba(22,61,109,.027);margin:0}
.v1039-dashboard .v1039-panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 20px 15px;border-bottom:1px solid #e8eef6}
.v1039-dashboard .v1039-panel-head>div{display:flex;align-items:center;gap:12px}
.v1039-dashboard .v1039-panel-head h2{font-size:14px;line-height:1.35;font-weight:820;margin:0;color:var(--v39-ink)}
.v1039-dashboard .v1039-panel-head p{font-size:11px;font-weight:450;color:var(--v39-muted);margin:3px 0 0}
.v1039-dashboard .v1039-panel-head small,.v1039-ranking-count{font-size:10.5px;font-weight:690;color:#7890aa;white-space:nowrap}
.v1039-dashboard .v1039-head-icon{background:#edf5ff;color:#1369c8;border-radius:10px;width:35px;height:35px;display:grid;place-items:center;flex:none}
.v1039-dashboard .v1039-head-icon .ui-svg{height:18px;width:18px}
.v1039-dashboard .v1039-head-icon.trophy{background:#fff4e3;color:#c68112}
.v1039-dashboard .v1039-table-scroller{width:100%;overflow:auto;overscroll-behavior:contain}
.v1039-dashboard .v1039-ranking-scroll{max-height:435px}
.v1039-dashboard .v1039-table{width:100%;border-spacing:0;border-collapse:collapse;font-size:12px;min-width:690px}
.v1039-dashboard .v1039-table thead th{position:sticky;top:0;z-index:1;color:#7389a3;background:#f7faff;font-size:10px;font-weight:850;letter-spacing:.025em;padding:12px 16px;text-align:left;white-space:nowrap;border-bottom:1px solid #e5edf6}
.v1039-dashboard .v1039-table tbody td{border-bottom:1px solid #edf1f7;padding:11px 16px;color:#315070;line-height:1.35}
.v1039-dashboard .v1039-table tbody tr:last-child td{border-bottom:0}
.v1039-dashboard .v1039-table tbody tr:hover{background:#f8fbff}
.v1039-dashboard .v1039-team-identity{display:flex;align-items:center;gap:10px;color:#113c68}
.v1039-dashboard .v1039-team-identity strong{font-size:12px;font-weight:780}
.v1039-dashboard .v1039-team-monogram{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#ecf4ff;color:#1c6bc1;font-size:10px;font-weight:840}
.v1039-dashboard .v1039-money-cell{font-weight:820;color:#125d9d!important;white-space:nowrap}
.v1039-dashboard .v1039-view-team{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid #bdd9f6;background:#f4f9ff;border-radius:9px;padding:8px 12px;color:#0c63bd;font-weight:750;font-size:11px;cursor:pointer;transition:background .16s,transform .16s}
.v1039-dashboard .v1039-view-team:hover{background:#e8f3ff;transform:translateX(1px)}
.v1039-dashboard .v1039-view-team span{font-size:15px;line-height:1}
.v1039-dashboard .v1039-subtle-label{font-size:11px;color:#8493a8}
.v1039-dashboard .v1039-ranking-count{background:#f3f7fc;border:1px solid #e7edf6;border-radius:9px;padding:6px 9px}
.v1039-dashboard .v1039-rank-number{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;font-size:11px;font-weight:820;color:#7990a9;background:#f4f7fb}
.v1039-dashboard .v1039-rank-number.top-1{color:#9b6a06;background:#fff4d9;font-size:23px}
.v1039-dashboard .v1039-rank-number.top-2{color:#6e849b;background:#eaf0f7;font-size:23px}
.v1039-dashboard .v1039-rank-number.top-3{color:#a8753f;background:#fff0e5;font-size:23px}
.v1039-dashboard .v1039-ranked-top{background:#fbfdff}
.v1039-dashboard .v1039-employee{display:flex;align-items:center;gap:10px;min-width:168px}
.v1039-dashboard .v1039-employee-avatar{flex:none;width:32px;height:32px;border-radius:10px;background:#e9f2fe;color:#145fb1;font-size:9px;font-weight:830;display:grid;place-items:center}
.v1039-dashboard .v1039-employee strong{color:#13385e;font-size:11.5px;font-weight:790}
.v1039-dashboard .v1039-role-chip{display:inline-flex;align-items:center;justify-content:center;border:1px solid #dce9f8;background:#edf5ff;color:#2767a8;min-width:70px;padding:5px 9px;border-radius:7px;font-size:10.5px;font-weight:720;white-space:nowrap}
.v1039-dashboard .v1039-role-chip.freelancer{background:#f2eeff;border-color:#e6dfff;color:#7559b9}
.v1039-dashboard .v1039-soft{color:#6b809b!important;white-space:nowrap}
.v1039-dashboard .v1039-nums{color:#26496c;font-weight:650}
.v1039-dashboard .v1039-rank-revenue{display:flex;flex-direction:column;gap:6px;min-width:120px}
.v1039-dashboard .v1039-rank-revenue strong{white-space:nowrap;color:#0a559f;font-size:11.5px;font-weight:790}
.v1039-dashboard .v1039-rank-track{width:100%;height:4px;border-radius:10px;background:#e9f0f8;overflow:hidden}
.v1039-dashboard .v1039-rank-track>i{display:block;height:100%;background:#2e8afb;border-radius:10px}
.v1039-dashboard .v1039-empty{text-align:center!important;padding:28px!important;color:#7f91a7!important}
.v1039-dashboard .v1036-compare-months>.crm-panel-head{padding:13px 18px;border-bottom:1px solid #e9eef6}
.v1039-dashboard .v1036-compare-months h2{font-size:14px;color:var(--v39-ink)}
.v1039-dashboard .v1036-compare-grid{gap:9px;padding:13px}
.v1039-dashboard .v1036-compare-grid article{padding:12px 14px;gap:5px;border-color:#e5edf6;border-radius:10px}
.v1039-dashboard .v1036-compare-grid strong{font-size:20px;color:#0d467e}
.v1039-dashboard .v1036-compare-grid small{font-size:10.5px}
/* Both Telesales and Customer Follow-up: compact, aligned KPI summary cards. */
#main .followup-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px!important;margin:8px 0 14px!important}
#main .followup-summary-card{min-height:100px!important;max-height:124px;border:1px solid #dfe7f2!important;border-radius:12px!important;box-shadow:0 3px 9px rgba(12,52,99,.032)!important;transition:border-color .18s,box-shadow .18s,transform .18s}
#main .followup-summary-card:hover{border-color:#b2cff2!important;box-shadow:0 5px 15px rgba(12,76,150,.08)!important}
#main:has(.followup-panel) .followup-summary-card{padding:14px 14px 14px 68px!important;gap:2px!important;justify-content:center!important;align-items:flex-start!important}
#main:has(.followup-panel) .followup-summary-card>.v1038-fu-icon{position:absolute;top:20px;left:15px;width:38px;height:38px;border-radius:10px;margin:0}
#main:has(.followup-panel) .followup-summary-card>.v1038-fu-icon .ui-svg{width:18px;height:18px}
#main:has(.followup-panel) .followup-summary-card>span:not(.v1038-fu-icon){font-size:11.5px;font-weight:750;margin:0;color:#56718e}
#main:has(.followup-panel) .followup-summary-card>strong{font-size:27px!important;line-height:1.17!important;margin:1px 0!important}
#main:has(.followup-panel) .followup-summary-card>small{font-size:10px!important;margin:0!important;color:#8a9bb0}
#main .followup-compact-v101 .followup-summary-card{padding:12px 14px!important;grid-template-columns:36px minmax(0,1fr);gap:10px!important;align-items:center!important}
#main .followup-compact-v101 .followup-summary-icon{height:36px;width:36px;border-radius:10px}
#main .followup-compact-v101 .followup-summary-card strong{font-size:27px!important;margin:1px 0!important}
#main .followup-compact-v101 .followup-summary-card small{font-size:10px!important;margin:0!important}
@media(max-width:960px){.v1039-dashboard .v1039-header{align-items:stretch}.v1039-dashboard .v1039-table{min-width:640px}#main .followup-summary-grid{gap:8px!important}}
@media(max-width:700px){.v1039-dashboard .v1039-metric-primary{padding:19px;min-height:125px}.v1039-dashboard .v1039-metric-emblem{display:none}.v1039-dashboard .v1039-metric-secondary{padding:13px;min-height:95px;gap:10px}.v1039-dashboard .v1039-small-icon{width:34px;height:34px}.v1039-dashboard .v1039-small-icon .ui-svg{width:17px;height:17px}.v1039-dashboard .v1039-metric-secondary strong{font-size:24px}.v1039-dashboard .v1039-metric-secondary small{font-size:9px}.v1039-dashboard .v1039-panel-head{padding:12px;gap:8px}.v1039-dashboard .v1036-compare-grid{grid-template-columns:1fr}.v1039-dashboard .v1036-compare-grid strong{font-size:19px}}
@media(max-width:580px){#main .followup-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}#main:has(.followup-panel) .followup-summary-card{min-height:91px!important;max-height:none!important;padding:12px 7px!important;align-items:center!important;text-align:center!important}#main:has(.followup-panel) .followup-summary-card>.v1038-fu-icon{display:none}#main:has(.followup-panel) .followup-summary-card>strong{font-size:23px!important}#main:has(.followup-panel) .followup-summary-card>small{font-size:9px!important;text-align:center}#main .followup-compact-v101 .followup-summary-card{padding:9px!important;grid-template-columns:1fr!important;text-align:center!important;justify-items:center!important;max-height:none!important}}
@media(prefers-reduced-motion:reduce){.v1039-dashboard .v1039-view-team,#main .followup-summary-card{transition:none!important}}

/* V10.39 layout fix: avoid legacy .app min-height:100vh selector. */
.v1039-dashboard .v1039-metric-primary{flex-direction:row;align-items:center;text-align:left}

.v1039-dashboard .v1039-metric-secondary{justify-content:flex-start;text-align:left}

/* V10.58.27: visible recovery reasons wrap inside the audit column. */
.v1032-audit-page .audit-table td:last-child{white-space:normal;min-width:138px;max-width:190px;overflow-wrap:anywhere;font-size:11px;line-height:1.45}
.v1032-audit-page .audit-table .v1034-undo-btn{white-space:nowrap}