/* Selected SalesHub layout: original green/yellow palette, side navigation on desktop. */
:root{--nav-surface:#164e43;--nav-selected:#315f55;--nav-text:#d8e6e0;--control-soft:#edf3ef}
body{background:var(--paper);color:var(--ink)}
button,input,select,textarea{min-height:44px;border-radius:8px}
input,textarea{caret-color:var(--forest)}
::selection{background:var(--yellow);color:var(--ink)}
*{scrollbar-color:var(--muted) var(--paper);scrollbar-width:thin}
.sidebar{background:var(--nav-surface);color:#fff}
.sidebar .brand{font-size:22px;letter-spacing:1px;color:#fff}
.brand small{color:var(--nav-text);font-size:12px;margin-top:7px}
.sidebar .nav button{background:transparent;color:var(--nav-text);border:0;min-height:44px;font-size:13px;line-height:1.4;border-radius:8px;word-break:normal;overflow-wrap:normal;hyphens:none}
.sidebar .nav button.active,.sidebar .nav button:hover{background:var(--nav-selected);color:#fff;border:0}
.sidebar .account{color:var(--nav-text);font-size:12px}
.sidebar .account button{color:var(--nav-text);border-color:#688e7f;background:transparent;padding:6px 12px;min-height:36px;font-size:12px}
.toolbar .add-lead-action{background:var(--yellow);color:var(--ink);border-color:#e5cf38}
.toolbar:has(.add-lead-action) .controls button{width:104px;min-height:44px}
.toolbar .add-lead-action:hover{background:#ffec68}
.welcome{font-weight:600;color:var(--ink);margin-right:8px}
.voice-guide{background:var(--control-soft);border-left:3px solid var(--yellow);padding:16px 18px;margin:16px 0;border-radius:0 8px 8px 0}
.voice-guide h3{font-size:15px;margin:0 0 8px}
.voice-guide p{font-size:13px;line-height:1.65;margin:8px 0}
.voice-example{color:var(--muted)}
.field-validation-error{color:var(--red);font-size:13px;line-height:1.5;margin:8px 0}
.customer-description{margin:16px 0 22px}
.customer-progress{margin:10px 0 0;overflow-x:auto;font-size:14px;line-height:1.6}
.customer-progress>div{display:flex;align-items:baseline;gap:8px;margin:10px 0;white-space:nowrap}
.customer-progress dt{color:var(--muted);flex:none}
.customer-progress dd{margin:0;flex:none;font-variant-numeric:tabular-nums}
.customer-description h3{font-size:20px;line-height:1.4;margin:0 0 8px}
.customer-description p{font-size:13px;line-height:1.6;margin:6px 0;color:var(--muted)}
.customer-journey{display:flex;flex-wrap:wrap;align-items:center;gap:6px 0;list-style:none;padding:0;margin:12px 0;font-size:13px;line-height:1.8}
.customer-journey li{display:flex;align-items:center;white-space:nowrap}
.customer-journey li+li::before{content:'→';margin:0 9px;color:var(--muted)}
.login{grid-template-columns:minmax(0,1.5fr) minmax(360px,1fr)}
.login-story{padding:0;justify-content:flex-start;min-width:0;background:#164e43}
.login-story .brand{padding:32px 40px;font-size:30px}
.login-car{display:block;width:100%;height:auto;min-height:0;max-height:56vh;object-fit:cover;object-position:center;flex:1}
.login-slogan{padding:30px 40px 36px}
.login-story h1{font-size:clamp(28px,2.8vw,44px);line-height:1.25;font-weight:500;max-width:none;margin:0;letter-spacing:-.6px}
.login-story .drivers{display:block;color:var(--yellow);font-size:20px;font-weight:600;margin:18px 0 0;line-height:1.4}
.login-form{background:#fff;padding:40px}
@media(max-width:700px){
  .login{display:block}
  .login-story .brand{padding:20px 24px;font-size:26px}
  .login-car{height:auto;max-height:none;aspect-ratio:4/3;flex:none;object-fit:contain}
  .login-slogan{padding:20px 24px 24px}
  .login-story h1{font-size:25px;margin:0}
  .login-story .drivers{font-size:18px;margin-top:12px}
  .login-form{padding:24px}
  .welcome{display:block;margin:0 0 4px}
}
.workspace{padding:30px 36px;max-width:1600px;margin:0 auto}
.topbar{padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:18px}
.topbar h1{font-size:27px;font-weight:650;letter-spacing:-.5px}
.sub{font-size:13px}
.pilot,.local-badge{background:var(--control-soft);border-color:var(--line);color:var(--muted);font-size:10px;letter-spacing:0}
.dashboard-heading h2{font-size:21px;font-weight:600;letter-spacing:-.3px}
.dashboard-heading p{font-size:12px;color:var(--muted)}
.operations-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 12px;padding:4px 0 18px;margin-bottom:8px;border-bottom:1px solid var(--line)}
.operations-strip.manager-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}
.operations-strip button,.operations-strip .operation-metric{padding:14px 12px;background:transparent;border:0;min-height:94px;border-radius:0}
.operations-strip button:hover{background:var(--control-soft);border-radius:8px}
.operations-strip span{font-size:12px;line-height:1.5;min-height:36px}
.operations-strip strong{font-size:30px;font-weight:600;margin:7px 0 0;letter-spacing:-.5px}
.lead-summary-note{font-size:11px;line-height:1.6;color:var(--muted);margin:8px 0 18px!important;max-width:90ch}
.overview-task-summary{background:#fff;border-color:var(--line);border-radius:14px;padding:24px 28px;gap:24px 32px}
.overview-task-summary span{font-size:13px;min-height:40px;color:var(--muted)}
.overview-task-summary strong{font-size:28px;font-weight:600}
.pool-review-panel{border-radius:12px;padding:18px 22px;margin:22px 0}
.pool-review-panel h3{font-size:14px;font-weight:600}
.pool-review-summary .pool-review-item{min-height:66px;padding:12px 16px;border-radius:8px}
.pool-review-summary span{font-size:12px;line-height:1.45}
.pool-review-summary strong{font-size:24px;min-width:40px;min-height:40px}
.dashboard-filters{padding:16px 0 20px;gap:14px}
.dashboard-filters label{font-size:12px}
.dashboard-filters input,.dashboard-filters select{font-size:13px;min-height:42px}
.dashboard-filters button,#dashboard-export{background:var(--forest);border-color:var(--forest);color:#fff;min-height:42px;font-size:12px}
.dashboard-main{border-radius:14px;margin-top:20px}
.funnel-panel,.conversion-panel{padding:24px}
.dashboard-section-title h3{font-size:16px}
.sales-funnel .funnel-row{min-height:54px}
.visit-drive-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.rate-tile{padding:16px 0 20px}
.rate-tile strong{font-size:26px;letter-spacing:-.5px}
.rate-tile span{font-size:12px;min-height:34px;line-height:1.45}
.import-file-field{display:grid;gap:8px}
.import-file-picker{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid var(--line);border-radius:7px;min-width:0}
.import-file-picker button{flex-shrink:0}
.import-file-picker [data-import-file-name]{min-width:0;overflow-wrap:anywhere}
.import-file-field input[hidden]{display:none}
.overdue-ratio-section{border-top:1px solid var(--line);padding-top:20px;margin-top:8px}
.overdue-ratio-section h3{font-size:16px;font-weight:600;margin:0 0 8px}
.overdue-ratio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.overdue-ratio-note{font-size:11px;line-height:1.6;color:var(--muted);margin:0;max-width:70ch}
.panel,.table-wrap,.dashboard-table-wrap{border-radius:12px}
th{font-size:12px;font-weight:600;padding:14px 16px}
td{padding:16px;font-size:14px}
dialog{box-shadow:0 20px 64px #00000040}
.cohort-controls:not([open])>summary{display:list-item;cursor:pointer;min-height:44px;padding:12px 0;font-size:12px}
@media(min-width:1101px){
  .shell,body:has(.sales-dashboard) .shell{display:grid;grid-template-columns:224px minmax(0,1fr);align-items:start}
  .shell .sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:20px;padding:28px 16px;overflow:hidden;grid-column:1}
  .shell .sidebar .brand,.shell .sidebar .account{grid-column:auto;grid-row:auto}
  .shell .sidebar .nav{display:flex;flex:1;min-height:0;flex-direction:column;gap:3px;width:100%;overflow-y:auto;overscroll-behavior:contain;scroll-padding-top:66px}
  .shell .sidebar .nav button{text-align:left;padding:10px 12px;min-height:44px;flex:none}
  .shell .sidebar .account{margin-top:auto;width:100%;padding-top:18px;border-top:1px solid #688e7f;line-height:1.5}
  .shell .workspace{padding:30px 32px}
}
@media(max-width:1100px){.workspace{padding:24px}.shell .sidebar{padding:18px 24px}.manager-shell .nav{grid-template-columns:repeat(5,minmax(0,1fr))}.operations-strip.manager-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){
  .workspace{padding:20px 16px}
  .shell .sidebar{padding:16px;gap:12px}
  .shell .sidebar .brand{font-size:20px}
  .shell .sidebar .nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
  .shell .sidebar .nav button{font-size:12px;line-height:1.4;padding:9px 5px;min-height:62px}
  .shell .sidebar .account{font-size:11px}
  .shell .sidebar .account button{padding:6px 10px}
  .topbar{padding-bottom:14px;gap:10px}
  .topbar h1{font-size:25px}
  .operations-strip{padding:0 0 14px}
  .operations-strip.manager-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .operations-strip button,.operations-strip .operation-metric{min-height:100px;padding:10px 6px}
  .operations-strip span{font-size:11px;min-height:34px}
  .operations-strip strong{font-size:26px}
  .overview-task-summary{padding:20px 16px;gap:24px 12px}
  .overview-task-summary span{font-size:12px;min-height:40px}
  .overview-task-summary strong{font-size:25px}
  .pool-review-panel{padding:16px}
  .pool-review-summary{grid-template-columns:1fr;gap:8px}
  .pool-review-summary .pool-review-item{min-height:60px}
  .dashboard-main{grid-template-columns:1fr}
  .funnel-panel,.conversion-panel{padding:18px 16px}
  .funnel-panel{border-right:0;border-bottom:1px solid var(--line)}
  .visit-drive-grid{gap:12px}
  .rate-tile span{font-size:11px;min-height:34px}
  .rate-tile strong{font-size:24px}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}