.sales-dashboard[hidden]{display:none!important}
.sales-dashboard{
  position:fixed;
  z-index:1201;
  top:12px;
  left:54px;
  width:calc(100vw - 78px);
  height:calc(100dvh - 160px);
  min-height:420px;
  transform:none;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid #d9dee8;
  border-radius:16px;
  color:#182230;
  background:#f7f8fa;
  box-shadow:0 28px 88px rgba(16,24,40,.28);
}
.risk-todo-dialog{width:calc(100vw - 78px)}
.sales-dashboard-header{
  flex:0 0 auto;
  min-height:74px;
  padding:14px 18px 12px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  border-bottom:1px solid #e5e7eb;
  background:#fff;
}
.sales-dashboard-eyebrow{margin:0 0 4px!important;color:#3370ff!important;font-size:10px!important;font-weight:700;letter-spacing:.04em}
.sales-dashboard-header h2{margin:0;font-size:20px;letter-spacing:-.025em}
.sales-dashboard-header>div>p:last-child{margin:5px 0 0;color:#667085;font-size:10px}
.sales-dashboard-heading-copy{min-width:0;flex:1}
.sales-dashboard-date-range{margin-top:9px;display:flex;align-items:center;gap:7px;color:#667085;font-size:11px}
.sales-dashboard-date-range label{display:flex;align-items:center;gap:5px;white-space:nowrap}
.sales-dashboard-date-range input{height:32px;padding:0 8px;border:1px solid #d8dee8;border-radius:8px;background:#fff;color:#344054;font:inherit;font-size:12px;font-variant-numeric:tabular-nums;outline:0}
.sales-dashboard-date-range input:focus{border-color:#84a4ff;box-shadow:0 0 0 3px rgba(51,112,255,.1)}
.sales-dashboard-date-range button{width:32px;height:32px;flex:0 0 32px;padding:0;border:1px solid #dfe3e8;border-radius:9px;background:#fff;color:#475467;font:inherit;font-size:18px;cursor:pointer}
.sales-dashboard-date-range button:hover{border-color:#b9caff;background:#f2f5ff;color:#315ec9}
.sales-dashboard-date-range button:disabled{cursor:wait;opacity:.6}
.sales-dashboard-actions{display:flex;gap:6px}
.sales-dashboard-actions button{
  width:32px;height:32px;padding:0;border:1px solid #dfe3e8;border-radius:9px;background:#fff;color:#475467;font:inherit;font-size:18px;cursor:pointer
}
.sales-dashboard-actions button:hover{border-color:#b9caff;background:#f2f5ff;color:#315ec9}
.sales-dashboard-state{margin:auto;padding:28px;color:#667085;font-size:12px;text-align:center}
.sales-dashboard-state.is-error{color:#b42318}
.sales-dashboard-state button{margin-top:12px;padding:7px 13px;border:0;border-radius:8px;background:#3370ff;color:#fff;font:inherit;font-size:11px;font-weight:700;cursor:pointer}
.sales-dashboard-body{min-height:0;flex:1;overflow:auto;padding:14px 16px 22px;scrollbar-gutter:stable}
.sales-dashboard-kpis{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:9px}
.sales-dashboard-kpi{
  min-height:106px;padding:13px 14px;display:flex;flex-direction:column;align-items:flex-start;border:1px solid #e2e6ec;border-radius:12px;background:#fff;text-align:left;cursor:pointer;box-shadow:0 2px 8px rgba(16,24,40,.025)
}
.sales-dashboard-kpi:hover{border-color:#b9caff;box-shadow:0 6px 18px rgba(51,112,255,.08);transform:translateY(-1px)}
.sales-dashboard-kpi small{color:#667085;font-size:10px}
.sales-dashboard-kpi strong{margin-top:9px;color:#101828;font-size:21px;line-height:1.1;letter-spacing:-.035em}
.sales-dashboard-kpi span{margin-top:auto;color:#98a2b3;font-size:9px;line-height:1.35}
.sales-dashboard-kpi.is-warning strong{color:#b54708}
.sales-dashboard-kpi.is-positive strong{color:#087443}
.sales-dashboard-tabs{
  position:sticky;top:-14px;z-index:5;margin:14px -16px 0;padding:9px 16px;display:flex;gap:5px;overflow-x:auto;border-bottom:1px solid #e5e7eb;background:rgba(247,248,250,.96);backdrop-filter:blur(8px)
}
.sales-dashboard-tabs button{height:31px;padding:0 11px;border:1px solid transparent;border-radius:8px;background:transparent;color:#667085;font:inherit;font-size:10px;font-weight:650;white-space:nowrap;cursor:pointer}
.sales-dashboard-tabs button:hover{background:#eceff4;color:#344054}
.sales-dashboard-tabs button.is-active{border-color:#c8d6ff;background:#eaf0ff;color:#2857bd}
.sales-dashboard-detail{padding-top:13px}
.sales-dashboard-section-head{margin-bottom:10px;display:flex;align-items:flex-end;justify-content:space-between;gap:14px}
.sales-dashboard-section-head h3{margin:0;font-size:15px}
.sales-dashboard-section-head p{margin:4px 0 0;color:#667085;font-size:10px}
.sales-dashboard-mini-metrics{display:grid;grid-template-columns:repeat(4,minmax(110px,1fr));gap:8px;margin-bottom:10px}
.sales-dashboard-mini-metric{padding:10px 11px;border:1px solid #e4e7ec;border-radius:10px;background:#fff}
.sales-dashboard-mini-metric span{display:block;color:#667085;font-size:9px}
.sales-dashboard-mini-metric strong{display:block;margin-top:5px;font-size:15px}
.sales-dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.sales-dashboard-card{min-width:0;padding:12px;border:1px solid #e2e6ec;border-radius:11px;background:#fff}
.sales-dashboard-card.is-wide{grid-column:1/-1}
.sales-dashboard-card h4{margin:0 0 10px;font-size:11px}
.sales-dashboard-bars{display:grid;gap:8px}
.sales-dashboard-bar-row{display:grid;grid-template-columns:minmax(68px,112px) minmax(72px,1fr) auto;align-items:center;gap:8px}
.sales-dashboard-bar-label{overflow:hidden;color:#475467;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.sales-dashboard-bar-track{height:7px;overflow:hidden;border-radius:999px;background:#eef1f5}
.sales-dashboard-bar-fill{height:100%;min-width:2px;border-radius:999px;background:linear-gradient(90deg,#7597ff,#3370ff)}
.sales-dashboard-bar-value{min-width:66px;color:#344054;font-size:9px;font-weight:700;text-align:right}
.sales-dashboard-bar-detail{grid-column:2/4;margin-top:-5px;color:#98a2b3;font-size:8px;text-align:right}
.sales-dashboard-empty{padding:24px 8px;color:#98a2b3;font-size:10px;text-align:center}
.sales-dashboard-table-wrap{overflow:auto}
.sales-dashboard-table{width:100%;border-collapse:collapse;font-size:9px}
.sales-dashboard-table th,.sales-dashboard-table td{padding:7px 8px;border-bottom:1px solid #eef0f3;text-align:left;white-space:nowrap}
.sales-dashboard-table th{position:sticky;top:0;background:#fff;color:#667085;font-weight:650}
.sales-dashboard-table td{max-width:220px;overflow:hidden;color:#344054;text-overflow:ellipsis}
.sales-dashboard-record-link{color:#2857bd;font-weight:700;text-decoration:underline;text-decoration-color:#b9caff;text-underline-offset:3px}.sales-dashboard-record-link:hover{color:#173f9a;text-decoration-color:#2857bd}
.sales-dashboard-record-query{margin-left:6px;padding:2px 5px;border:1px solid #c8d6ff;border-radius:5px;background:#f3f6ff;color:#2857bd;font:inherit;font-size:8px;cursor:pointer}.sales-dashboard-record-query:hover{background:#e3ebff}
.sales-dashboard-table tr:last-child td{border-bottom:0}
.sales-dashboard-note{margin-top:10px;padding:9px 11px;border:1px solid #e8e9ec;border-radius:9px;background:#fff;color:#667085;font-size:9px;line-height:1.55}
.sales-dashboard-note:empty{display:none}
.sales-dashboard-kpi.is-loading{pointer-events:none}
.sales-dashboard-kpi.is-loading small,.sales-dashboard-kpi.is-loading strong,.sales-dashboard-kpi.is-loading span,.sales-dashboard-loading-grid div{display:block;border-radius:6px;background:linear-gradient(90deg,#eef1f5 25%,#f8fafc 40%,#eef1f5 65%);background-size:300% 100%;animation:sales-dashboard-pulse 1.25s ease-in-out infinite}
.sales-dashboard-kpi.is-loading small{width:42%;height:10px}
.sales-dashboard-kpi.is-loading strong{width:68%;height:23px;margin-top:11px}
.sales-dashboard-kpi.is-loading span{width:86%;height:9px;margin-top:auto}
.sales-dashboard-loading-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding-top:13px}
.sales-dashboard-loading-grid div{height:144px;border:1px solid #e2e6ec}
.sales-dashboard-loading-grid div:last-child{grid-column:1/-1;height:96px}
@keyframes sales-dashboard-pulse{0%{background-position:100% 0}100%{background-position:0 0}}
.dashboard-shortcuts{position:absolute;z-index:36;top:50px;left:10px;display:grid;gap:7px}
.dashboard-shortcut{position:relative!important;width:38px;height:38px!important;padding:0!important;display:grid;place-items:center;border:1px solid #dfe5f0!important;border-radius:11px!important;background:rgba(255,255,255,.96)!important;color:#475467!important;box-shadow:0 4px 12px rgba(16,24,40,.08);transition:transform .16s,box-shadow .16s,background .16s}
.dashboard-shortcut:hover{transform:translateX(2px);box-shadow:0 7px 18px rgba(16,24,40,.14);background:#fff!important;color:#1d2939!important}
.dashboard-shortcut svg{width:20px;height:20px}
.dashboard-crm-shortcut{border-color:#b9caff!important;background:linear-gradient(135deg,#eef3ff,#fff)!important;color:#2857bd!important}
.dashboard-risk-shortcut{border-color:#f2c7b4!important;background:linear-gradient(135deg,#fff1e9,#fff)!important;color:#b54708!important}
.dashboard-shortcut.is-active{background:#dfe8ff!important;color:#244faa!important;box-shadow:0 7px 20px rgba(51,112,255,.2)}
.dashboard-risk-shortcut.is-active{background:#fff0e8!important;color:#9a3412!important}
.dashboard-crm-shortcut.is-active{background:#e7edff!important;color:#244faa!important}
.dashboard-shortcut svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round}
.dashboard-shortcut-count{position:absolute;top:-4px;right:-5px;min-width:15px;height:15px;padding:0 3px;display:grid;place-items:center;border:1px solid #fff;border-radius:999px;background:#d92d20;color:#fff;font-size:8px;font-weight:700;line-height:1}
#salesAssessmentMetricDialog select{width:100%;height:40px;padding:0 10px;border:1px solid #d0d5dd;border-radius:9px;background:#fff;color:#344054;font:inherit;font-size:12px;outline:0}
#salesAssessmentMetricDialog select:focus{border-color:#84a4ff;box-shadow:0 0 0 3px rgba(51,112,255,.1)}

/* 仪表盘与风险待办：强化阅读动线、数据重点和风险语义。 */
.sales-dashboard:not(.risk-todo-dialog){border-color:#cbd7f5;background:linear-gradient(145deg,#f7f9ff 0%,#f8fafc 42%,#f5f7fb 100%)}
.risk-todo-dialog{border-color:#f1c9b8;background:linear-gradient(145deg,#fffaf7 0%,#f8fafc 48%,#f7f8fb 100%)}
.sales-dashboard-header{background:linear-gradient(90deg,rgba(255,255,255,.98),rgba(247,249,255,.92))}
.risk-todo-dialog .sales-dashboard-header{background:linear-gradient(90deg,#fffaf7,#fff)}
.sales-dashboard-header h2{font-size:22px}
.sales-dashboard-eyebrow{display:inline-flex;padding:4px 7px;border-radius:999px;background:#eaf0ff;color:#2857bd!important}
.risk-todo-dialog .sales-dashboard-eyebrow{background:#fff0e8;color:#b54708!important}
.sales-dashboard-kpi{position:relative;min-height:116px;padding:15px 16px;border-color:#dfe5f0;box-shadow:0 5px 18px rgba(32,56,112,.06);transition:transform .18s,box-shadow .18s,border-color .18s}
.sales-dashboard-kpi::after{position:absolute;right:14px;top:14px;width:7px;height:7px;border-radius:50%;background:#b9caff;content:""}
.sales-dashboard-kpi.is-positive::after{background:#36b37e}.sales-dashboard-kpi.is-warning::after{background:#f79009}
.sales-dashboard-kpi strong{font-size:24px;color:#172b4d}
.sales-dashboard-kpi span{max-width:92%;font-size:10px}
.sales-dashboard-tabs button.is-active{box-shadow:0 3px 10px rgba(51,112,255,.12)}
.sales-dashboard-section-head{padding:2px 2px 9px;border-bottom:1px solid #e5eaf3}
.sales-dashboard-section-head h3{font-size:16px;color:#172b4d}
.sales-dashboard-card{border-color:#e0e6f0;box-shadow:0 4px 14px rgba(16,24,40,.035);transition:transform .18s,box-shadow .18s}
.sales-dashboard-card:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(16,24,40,.07)}
.sales-dashboard-card[role="button"],.sales-dashboard-mini-metric[role="button"]{cursor:pointer}
.sales-dashboard-card[role="button"]:focus,.sales-dashboard-mini-metric[role="button"]:focus{outline:2px solid #84a4ff;outline-offset:2px}
.sales-dashboard-card h4{display:flex;align-items:center;gap:7px;color:#344054;font-size:12px}
.sales-dashboard-card h4::before{width:4px;height:14px;border-radius:3px;background:#3370ff;content:""}
.risk-todo-dialog .sales-dashboard-card h4::before{background:#f79009}
.sales-dashboard-bar-fill{background:linear-gradient(90deg,#7c9cff,#3370ff,#245bd7);box-shadow:0 1px 4px rgba(51,112,255,.25)}
.risk-todo-dialog .sales-dashboard-bar-fill{background:linear-gradient(90deg,#f9b27d,#e76f2e,#c2410c)}
.sales-dashboard-note{background:rgba(255,255,255,.72);border-color:#dce4f2}
.risk-todo-dialog .sales-dashboard-note{border-color:#f2d2c3;background:#fffaf7;color:#9a3412}

/* Overlay typography and spacing pass */
.sales-dashboard{
  border-radius:18px;
}
.sales-dashboard-header{
  min-height:86px;
  padding:16px 22px 14px;
}
.sales-dashboard-header h2{font-size:24px;line-height:1.25;font-weight:700}
.sales-dashboard-header>div>p:last-child{font-size:12px;line-height:1.5}
.sales-dashboard-actions button{width:34px;height:34px;font-size:19px}
.sales-dashboard-body{padding:18px 20px 26px}
.sales-dashboard-kpis{gap:11px}
.sales-dashboard-kpi{min-height:122px;padding:16px 17px}
.sales-dashboard-kpi small{font-size:13px;line-height:1.45}
.sales-dashboard-kpi strong{font-size:26px}
.sales-dashboard-kpi span{font-size:12px;line-height:1.5}
.sales-dashboard-tabs{top:-18px;margin:16px -20px 0;padding:10px 20px}
.sales-dashboard-tabs button{height:35px;padding:0 13px;font-size:13px}
.sales-dashboard-detail{padding-top:16px}
.sales-dashboard-section-head{margin-bottom:12px;padding:3px 3px 11px}
.sales-dashboard-section-head h3{font-size:18px}
.sales-dashboard-section-head p{font-size:13px;line-height:1.5}
.sales-dashboard-mini-metrics{gap:10px;margin-bottom:12px}
.sales-dashboard-mini-metric{padding:12px 13px}
.sales-dashboard-mini-metric span{font-size:12px}
.sales-dashboard-mini-metric strong{font-size:17px}
.sales-dashboard-grid{gap:11px}
.sales-dashboard-card{padding:14px}
.sales-dashboard-card h4{font-size:14px}
.sales-dashboard-bar-label,.sales-dashboard-bar-value{font-size:12px}
.sales-dashboard-bar-detail{font-size:11px}
.sales-dashboard-table{font-size:12px}
.sales-dashboard-table th,.sales-dashboard-table td{padding:9px 10px}
.sales-dashboard-note{font-size:13px;line-height:1.65}

@media(max-width:640px){
  .sales-dashboard-header{padding:14px}
  .sales-dashboard-date-range{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) 38px;gap:6px}
  .sales-dashboard-date-range label{display:grid;gap:3px}
  .sales-dashboard-date-range input{width:100%;min-width:0}
  .sales-dashboard-date-range button{align-self:end;width:38px;height:32px}
  .sales-dashboard-body{padding:14px}
  .sales-dashboard-tabs{top:-14px;margin-left:-14px;margin-right:-14px;padding-left:14px;padding-right:14px}
  .sales-dashboard-header h2{font-size:21px}
}

@media(max-width:1180px){
  .sales-dashboard-kpis{grid-template-columns:repeat(2,minmax(150px,1fr))}
  .sales-dashboard-mini-metrics{grid-template-columns:repeat(2,minmax(110px,1fr))}
  .sales-dashboard-grid{grid-template-columns:1fr}
  .sales-dashboard-card.is-wide{grid-column:auto}
}
@media(max-width:640px){
  .sales-dashboard{width:calc(100vw - 16px);height:calc(100dvh - 16px);min-height:0;border-radius:12px}
  .sales-dashboard-header{padding:12px}
  .sales-dashboard-body{padding:12px}
  .dashboard-shortcuts{top:50px}
}

/* Final overlay polish: stronger hierarchy, calmer density, and clearer interaction states. */
.sales-dashboard::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:3px;
  z-index:2;
  background:linear-gradient(90deg,#6f95ff,#3370ff,#9bb5ff);
}
.risk-todo-dialog::before{background:linear-gradient(90deg,#f6b27d,#e76f2e,#f9d2b8)}
.sales-dashboard-header{position:relative;z-index:1;align-items:center}
.sales-dashboard-eyebrow{font-size:12px!important;line-height:1.35}
.sales-dashboard-kpi{min-height:128px}
.sales-dashboard-kpi:hover{transform:translateY(-2px)}
.sales-dashboard-kpi:focus-visible,.sales-dashboard-tabs button:focus-visible,
.sales-dashboard-record-query:focus-visible{outline:2px solid #84a4ff;outline-offset:2px}
.sales-dashboard-tabs{scrollbar-width:thin;scrollbar-color:#c5d0e5 transparent}
.sales-dashboard-tabs button{font-weight:650}
.sales-dashboard-section-head h3{font-weight:700}
.sales-dashboard-mini-metric{min-height:72px}
.sales-dashboard-mini-metric strong{font-weight:700}
.sales-dashboard-bar-row{min-height:27px}
.sales-dashboard-bar-track{height:8px}
.sales-dashboard-table-wrap{border:1px solid #edf0f4;border-radius:9px}
.sales-dashboard-table th{font-size:12px;font-weight:700;background:#f8faff}
.sales-dashboard-record-link{font-size:12px}
.sales-dashboard-note{margin-bottom:4px}
.risk-todo-dialog .sales-dashboard-kpi strong{color:#172b4d}

/* Keep overlay chrome to two compact rows: title, then date range. */
.sales-dashboard-header{
  min-height:0;
  padding:10px 14px;
  align-items:flex-start;
}
.sales-dashboard-heading-copy{width:100%;padding-right:42px}
.sales-dashboard-eyebrow,.sales-dashboard-heading-copy>p[hidden]{display:none!important}
.sales-dashboard-header h2{font-size:20px;line-height:32px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sales-dashboard-date-range{margin-top:6px;gap:6px}
.sales-dashboard-date-range label{display:block;min-width:0}
.sales-dashboard-date-range input{width:132px;height:30px}
.sales-dashboard-date-range button{width:30px;height:30px;flex-basis:30px}
.sales-dashboard-actions{position:absolute;top:10px;right:14px;z-index:2}
.sales-dashboard-actions button{width:32px;height:32px}

@media(max-width:640px){
  .sales-dashboard-header{padding:9px 10px}
  .sales-dashboard-heading-copy{position:relative;padding-right:78px}
  .sales-dashboard-header h2{padding-right:0;font-size:19px;line-height:32px}
  .sales-dashboard-date-range{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;margin-top:5px;gap:6px}
  .sales-dashboard-date-range>span{display:none}
  .sales-dashboard-date-range label{display:block;min-width:0;overflow:hidden}
  .sales-dashboard-date-range input{display:block;width:100%;min-width:0;height:30px;padding:0 5px;font-size:11px}
  .sales-dashboard-date-range button{position:absolute;top:1px;right:40px;width:32px;height:30px}
  .sales-dashboard-actions{top:9px;right:10px}
  .sales-dashboard-actions button{width:32px!important;height:32px!important}
}