/* VantriqAI design system for business and customer workspaces. */
:root{--workspace-line:#e4e9f2;--workspace-muted:#6c7890;--workspace-blue:#4169e1;}
.crm-shell{background:radial-gradient(ellipse at 90% 0,#e9edfc,transparent 45%),#f5f7fb;}
.crm-shell .sidebar{width:248px;background:radial-gradient(ellipse at 0 0,#303e67,transparent 65%),#1c2238;border-right:1px solid #303a55;}
.crm-shell .brand-sub,.crm-shell .nav-group-label,.crm-shell .sidebar-foot{color:#9faecb;}
.crm-shell .nav-item{color:#c7d2e8;}.crm-shell .nav-item.active{background:linear-gradient(110deg,#4169e1,#5a7be0);box-shadow:0 5px 16px #111c3933;}.crm-shell .nav-item:hover:not(.active){background:#ffffff0a;color:#fff;}
.crm-shell .topbar{background:rgba(248,250,254,.94);border-bottom:1px solid var(--workspace-line);padding:22px 30px;backdrop-filter:blur(16px);}.crm-shell .topbar h1{font-size:26px;}.crm-shell .topbar-sub{color:var(--workspace-muted);}
.crm-shell .content{padding:28px 30px 48px;}.crm-shell .card,.crm-shell .chart-card,.crm-shell .table-wrap,.crm-shell .prod-card,.crm-shell .agent-card{border-color:var(--workspace-line);background:#fff;box-shadow:0 2px 4px #1d2c5305,0 18px 30px -28px #1d2c5350;}
.crm-shell .kpi{padding:23px;}.crm-shell .kpi .label{color:#66748e;letter-spacing:.08em;}.crm-shell .kpi .value{font-size:29px;letter-spacing:-.04em;}.crm-shell .kpi::after{background:#5878e0;left:23px;right:auto;width:34px;}
.crm-shell .section-title{margin-top:26px;}.crm-shell .section-title h2{font-size:17px;}.crm-shell .chart-card{padding:23px;}.crm-shell .table-wrap th{background:#f8fafd;font-size:10px;letter-spacing:.08em;color:#6a7890;}.crm-shell .table-wrap td{padding:16px 18px;}.crm-shell .table-wrap tbody tr:hover{background:#f9fbff;}
.crm-shell .kanban-col{background:#edf1f8;border:1px solid #e4e9f2;border-radius:16px;padding:14px;}.crm-shell .kcard{border-color:#e1e7f1;border-radius:12px;padding:17px;box-shadow:0 3px 6px #1d2c5306;}.crm-shell .kcard:hover{border-color:#a5b7ec;box-shadow:0 7px 18px #4169e110;}.crm-shell .kanban-col-head{font-size:11px;letter-spacing:.03em;}
.crm-shell .field input,.crm-shell .field select,.crm-shell .field textarea{border-color:#dfe5ef;background:#fff;border-radius:10px;}.crm-shell .field input:focus,.crm-shell .field select:focus,.crm-shell .field textarea:focus{box-shadow:0 0 0 3px #4169e116;border-color:#718ce2;}
.crm-shell .modal,.crm-shell .panel{border-color:#e0e6f1;}.crm-shell .modal{box-shadow:0 25px 100px #17224240;}.crm-shell .modal-overlay{background:#141c3185;backdrop-filter:blur(4px);}
.crm-shell .workspace-intro,.workspace-hero{background:radial-gradient(ellipse at 100% 0,#4566bd80,transparent 65%),linear-gradient(120deg,#202944,#28365a);border:1px solid #3a4973;border-radius:20px;color:#fff;box-shadow:0 14px 32px -25px #23335d90;}
.crm-shell .workspace-intro h2,.workspace-hero h2{color:#fff;font-size:29px;letter-spacing:-.045em;line-height:1.25;}.crm-shell .workspace-intro p,.workspace-hero p{color:#bac7e2;font-size:12px;line-height:1.8;}.crm-shell .workspace-intro .workspace-eyebrow,.workspace-hero .workspace-eyebrow{color:#a9bfff;}.crm-shell .workspace-intro .btn-ghost,.workspace-hero .btn-ghost{background:#ffffff0b;border-color:#ffffff28;color:#fff;}.workspace-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:27px 29px;margin-bottom:24px;}.workspace-hero h2{margin:8px 0;}.workspace-hero p{margin:0;max-width:48ch;}.workspace-hero-actions{display:flex;gap:10px;flex-wrap:wrap;flex-shrink:0;}
.insight-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:26px 0 18px;}.insight-head h2{font:600 21px var(--f-head);letter-spacing:-.035em;margin:5px 0 4px;color:var(--text);}.insight-head p{color:var(--workspace-muted);font-size:11px;margin:0;}.insight-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;}.insight-controls select{background:#fff;border:1px solid #dfe5ef;border-radius:10px;min-height:40px;padding:9px 30px 9px 12px;font:600 11px var(--f-body);color:#53627d;max-width:210px;}.insight-refresh{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #dfe5ef;border-radius:10px;background:#fff;color:#53627d;font-size:23px;cursor:pointer;}.insight-controls select:focus-visible,.insight-refresh:focus-visible,.insight-bottom button:focus-visible{outline:2px solid #4169e1;outline-offset:2px;}
.insight-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;}.insight-metric{padding:21px;border:1px solid var(--workspace-line);border-radius:16px;background:#fff;box-shadow:0 5px 18px -15px #28365a35;min-width:0;}.insight-metric-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#63718a;font-size:11px;font-weight:600;}.insight-metric-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:#eef2ff;color:#4169e1;flex-shrink:0;}.insight-icon-won{color:#398e79;background:#eaf7f1;}.insight-icon-open{color:#9675ca;background:#f3eefa;}.insight-icon-meeting{color:#b4863a;background:#fcf5e8;}.insight-metric>strong{display:block;font:600 32px var(--f-head);letter-spacing:-.04em;margin-top:12px;color:#202944;}.insight-metric p{color:#7a869c;font-size:10px;line-height:1.7;margin:8px 0 0;}
.insight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}.insight-card{padding:23px;background:#fff;border:1px solid var(--workspace-line);border-radius:17px;box-shadow:0 6px 25px -22px #28365a40;min-width:0;}.insight-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:23px;}.insight-card h3{font:600 14px var(--f-head);letter-spacing:-.02em;margin:0 0 7px;color:#28344c;}.insight-card-head p{font-size:10px;line-height:1.6;color:#7a869c;margin:0;}.insight-badge{padding:5px 8px;white-space:nowrap;border-radius:7px;background:#f3f6fb;color:#6d7b92;font:500 10px var(--f-body);}.insight-funnel{display:grid;gap:17px;}.insight-funnel-label{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#66748e;margin-bottom:8px;}.insight-funnel-label strong{color:#2b3852;font-size:12px;}.insight-funnel-label small{display:inline-block;width:36px;text-align:right;color:#8491a8;font-size:10px;font-weight:500;}.insight-track{background:#f0f3fa;border-radius:6px;height:12px;overflow:hidden;}.insight-track>div{height:100%;border-radius:6px;}.insight-footnote{font-size:9px;line-height:1.8;color:#8690a3;margin:19px 0 0;}
.insight-source-layout{display:grid;grid-template-columns:170px minmax(0,1fr);align-items:center;gap:24px;min-height:195px;}.insight-donut{position:relative;width:170px;height:170px;}.insight-donut-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;}.insight-donut-center strong{font:600 26px var(--f-head);color:#28344c;}.insight-donut-center span{font-size:10px;color:#8190a8;}.insight-legend{display:grid;gap:13px;}.insight-legend>div{display:flex;align-items:center;gap:8px;min-width:0;font-size:11px;color:#68758e;}.insight-legend>div>span:nth-child(2){overflow-wrap:anywhere;flex:1;}.insight-legend strong{color:#28344c;}.insight-dot{width:8px;height:8px;border-radius:3px;flex-shrink:0;}.insight-chart-frame{position:relative;height:235px;}.insight-ageing{display:grid;gap:22px;margin:28px 0;}.insight-age-row{display:grid;grid-template-columns:75px 1fr 32px;gap:12px;align-items:center;font-size:11px;color:#718099;}.insight-age-row strong{color:#28344c;text-align:right;}.insight-age-row .insight-track{height:16px;}.insight-attention{display:flex;flex-wrap:wrap;gap:14px;padding-top:17px;border-top:1px solid #edf1f7;color:#7b879c;font-size:10px;}.insight-attention strong{color:#b07536;font-size:14px;margin-right:3px;}
.insight-data{font-size:10px;color:#7e8ba2;margin-top:14px;}.insight-data summary{cursor:pointer;padding:8px 0;color:#5e76b3;}.insight-data-scroll{overflow:auto;}.insight-data table{width:100%;border-collapse:collapse;}.insight-data th,.insight-data td{padding:9px;text-align:left;border-bottom:1px solid #edf1f7;font-size:10px;}.insight-data th{background:#f8fafd;}.insight-bottom{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:16px 0 27px;font-size:10px;color:#8a96ab;}.insight-live-dot{width:6px;height:6px;border-radius:50%;background:#47a289;}.insight-bottom button{margin-left:auto;border:0;background:transparent;color:#4169e1;font:600 11px var(--f-body);cursor:pointer;padding:9px 0;}.insight-empty{min-height:180px;display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;padding:18px;}.insight-empty>span{font-size:36px;color:#c4cee4;margin-bottom:12px;}.insight-empty strong{font-size:12px;color:#69758b;}.insight-empty p{font-size:10px;color:#97a1b3;line-height:1.7;}.insight-loading{padding:44px;text-align:center;background:#fff;border:1px solid var(--workspace-line);border-radius:16px;color:#7a869c;font-size:12px;}
@media(max-width:1200px){.insight-source-layout{grid-template-columns:145px minmax(0,1fr);gap:15px;}.insight-donut{width:145px;height:145px;}.insight-metric{padding:17px;}.workspace-hero{align-items:flex-start;flex-direction:column;gap:18px;}}
@media(max-width:1000px){.insight-metrics{grid-template-columns:repeat(2,minmax(0,1fr));}.insight-head{align-items:flex-start;flex-direction:column;}.insight-controls{justify-content:flex-start;}.insight-grid{grid-template-columns:minmax(0,1fr);}.insight-source-layout{grid-template-columns:170px minmax(0,1fr);}.insight-donut{width:170px;height:170px;}}
@media(max-width:860px){.crm-shell .sidebar{width:min(310px,86vw);}.crm-shell .topbar{padding:18px 16px;}.crm-shell .content{padding:20px 16px 96px;}.crm-shell .workspace-intro h2,.workspace-hero h2{font-size:25px;}}
@media(max-width:600px){.insight-metrics{gap:10px;}.insight-metric{padding:15px 13px;}.insight-metric-top{font-size:10px;gap:6px;}.insight-metric-icon{width:28px;height:28px;border-radius:8px;}.insight-metric>strong{font-size:27px;}.insight-card{padding:19px 16px;}.insight-grid{gap:14px;}.insight-source-layout{grid-template-columns:140px minmax(0,1fr);gap:14px;}.insight-donut{width:140px;height:140px;}.insight-legend>div{font-size:10px;}.insight-head h2{font-size:20px;}.insight-controls{width:100%;}.insight-controls select{flex:1;min-width:135px;max-width:none;}.insight-controls select[data-insight-filter=customer]{flex-basis:100%;}.insight-chart-frame{height:220px;}.workspace-hero{padding:23px 20px;}.workspace-hero-actions{width:100%;}.workspace-hero-actions .btn{flex:1;}.insight-bottom{line-height:1.8;}.insight-bottom button{margin-left:0;width:100%;text-align:left;}.crm-shell .kpi{padding:18px 14px;}.crm-shell .kpi .value{font-size:22px;}.crm-shell .workspace-intro{padding:25px 20px;}.crm-shell .table-wrap td{padding:10px;}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;}.insight-track>div{transition:none;}}
.crm-shell .calendar-scroll{border-color:#e4e9f2;background:#fff;border-radius:17px;box-shadow:0 6px 25px -22px #28365a40;}.crm-shell .calendar-day{border-color:#e8ecf4;min-height:140px;}.crm-shell .calendar-weekday{background:#f8fafd;color:#7a869c;letter-spacing:.06em;}.crm-shell .calendar-today{background:#f1f5ff;}.crm-shell .calendar-today .calendar-date{border-radius:50%;background:#4169e1;color:#fff;}.crm-shell .calendar-booking{background:#f2f5ff;border:1px solid #e2e8fc;border-left:3px solid #4a6ddc;border-radius:9px;color:#687590;padding:10px;line-height:1.7;}.crm-shell .calendar-booking strong{color:#29458f;}.crm-shell .calendar-booking:hover{background:#eaf0ff;border-color:#8ba0e4;}.crm-shell .calendar-agenda-card{border-color:#e4e9f2;background:#fff;border-radius:16px;box-shadow:0 6px 25px -22px #28365a40;padding:18px;}.crm-shell .calendar-agenda-date{color:#4169e1;}
.crm-shell .legacy-chart-area{position:relative;height:265px;}.insight-footnote{font-size:10px;color:#6e7b91;}.insight-metric p,.insight-card-head p,.insight-head p{color:#6e7b91;}.insight-bottom{color:#718098;}
@media(max-width:600px){.crm-shell .legacy-chart-area{height:230px;}.insight-footnote{font-size:10px;}}