#leads-app { --call-radius:14px; }
#leads-app .topbar { margin-bottom:24px; }
.metric-strip { border:0; background:transparent; gap:12px; margin-bottom:24px; }
.metric-card { border:1px solid var(--line)!important; border-radius:12px; min-height:91px; padding:15px 17px; background:#fff; }
.metric-label { font-size:10px; font-weight:600; text-transform:none; letter-spacing:0; }
.metric-value { font-size:26px; font-weight:600; margin-top:7px; color:var(--ink)!important; }
.metric-note { font-size:10px; margin-top:6px; font-weight:400; }
.metric-card[data-metric="callsDue"] { background:#eaf1e8; border-color:#dce7d9!important; }
.metric-card[data-metric="emailsDue"] { background:#f7f0e2; border-color:#eee5d2!important; }
.metric-card[data-metric="proposalFollowupsDue"] { background:#efecf5; border-color:#e5e0ee!important; }
button.metric-card[aria-pressed="true"] { box-shadow:none; }
.queue-bar { gap:6px; margin-bottom:22px; border-bottom:1px solid var(--line); padding-bottom:14px; }
.queue-btn { border:0; background:transparent; font-weight:500; font-size:11px; padding:8px 10px; }
.queue-btn[aria-pressed="true"] { color:var(--accent); background:#e8eee4; border:0; }
.queue-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px; }
.queue-heading h2 { font-size:17px; margin-bottom:3px; }
.queue-heading .subtle { font-size:11px; }
.lead-tools { grid-template-columns:minmax(250px,1fr) 180px 150px; gap:10px; margin-bottom:16px; }
.lead-tools label { font-weight:500; font-size:11px; gap:6px; }
.lead-tools input,.lead-tools select { min-height:40px; padding:10px 12px; background:white; }
.pipeline-layout { grid-template-columns:minmax(320px,.82fr) minmax(420px,1.18fr); gap:20px; align-items:start; }
.queue-pane { min-width:0; }
.leads-list { max-height:calc(100vh - 285px); box-shadow:none; border-radius:var(--call-radius); }
.lead-row { grid-template-columns:minmax(0,1fr) auto; grid-template-rows:auto auto auto; padding:15px 18px; gap:3px 12px; min-height:97px; border-bottom:1px solid #e8ece4; cursor:pointer; }
.lead-head { display:none; }
.lead-company { grid-column:1; grid-row:1; font-size:13px; font-weight:600; }
.lead-contact { grid-column:1; grid-row:2; font-size:11px; font-weight:400; }
.lead-action { grid-column:1/-1; grid-row:3; margin-top:5px; font-size:11px; font-weight:400; color:var(--muted); }
.lead-due { display:inline; margin-left:8px; font-size:10px; }
.lead-stage { grid-column:2; grid-row:1; font-size:9px; font-weight:500; text-transform:none; letter-spacing:0; padding:3px 7px; border-radius:5px; }
.lead-phone,.lead-email,.lead-priority { display:none; }
.lead-row[aria-current="true"] { background:#edf3e9; box-shadow:inset 3px 0 0 #728f6e; }
.lead-row:hover { background:#f3f6ef; }
.queue-pagination { justify-content:space-between; margin-top:12px; }
.queue-pagination .btn { min-height:34px; padding:6px 10px; font-size:11px; }
.queue-pagination [data-page-range] { font-weight:400; }
.detail-panel { position:sticky; top:18px; border:1px solid var(--line); border-radius:var(--call-radius); padding:26px; max-height:calc(100vh - 36px); box-shadow:none; scroll-margin-top:12px; }
[data-detail-empty] { padding:65px 20px; text-align:center; display:grid; justify-items:center; gap:12px; }
[data-detail-empty].hidden { display:none; }
[data-detail-empty] h2 { font-size:22px; font-weight:500; }
[data-detail-empty] .subtle { max-width:32ch; }
[data-detail-empty] .btn { margin-top:6px; }
.empty-mark { display:grid; place-items:center; width:54px; height:54px; border-radius:18px; background:#edf2e8; color:#77916d; font-size:26px; margin-bottom:8px; }
.detail-head { gap:12px; }
.detail-head h2 { font-size:25px; font-weight:600; line-height:1.2; margin-top:7px; letter-spacing:-.4px; }
.detail-badges { padding-top:4px; }
.detail-priority { font-size:9px; font-weight:500; text-transform:none; }
.detail-contact { margin-top:10px; font-size:12px; line-height:1.6; }
.detail-summary { padding:12px 14px; margin-top:18px; background:#f5f7f1; border-radius:9px; }
.detail-summary-line { font-size:11px; gap:12px; padding:3px 0; }
.detail-summary-line strong { font-weight:500; }
[data-detail-contact-actions] { margin:18px 0 22px; gap:8px; }
.call-phone { flex:1; gap:7px; min-height:44px; }
.call-phone [data-call-phone-number] { font-weight:400; opacity:.85; }
.skip-call { border:0; background:transparent; color:var(--muted); }
.call-workspace { margin-top:20px; border-top:1px solid var(--line); padding-top:20px; }
.call-section-heading { display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; gap:8px; }
.call-section-heading h3 { font-size:14px; font-weight:600; }
.draft-status { font-size:10px; color:var(--muted); }
.call-outcomes { border:0; display:grid; grid-template-columns:1fr 1fr; gap:9px; margin-bottom:20px; }
.call-outcomes label { position:relative; cursor:pointer; }
.call-outcomes input { position:absolute; opacity:0; width:100%; height:100%; }
.call-outcomes span { display:flex; align-items:center; justify-content:center; min-height:46px; border:1px solid var(--line); border-radius:9px; font-size:12px; background:#fff; color:var(--muted); }
.call-outcomes input:checked + span { border-color:#89a082; background:#ecf3e7; color:#3d633f; box-shadow:inset 0 0 0 1px #89a082; }
.call-outcomes input:focus-visible + span { outline:3px solid #a3bea5; outline-offset:2px; }
.call-note-label { display:flex; align-items:center; justify-content:space-between; gap:10px; font-size:12px; margin-bottom:8px; }
.call-note-label span,.callback-fields label>span { color:var(--faint); font-size:10px; font-weight:400; }
.call-workspace textarea { display:block; width:100%; resize:vertical; min-height:105px; border:1px solid var(--line); border-radius:10px; background:#fff; padding:13px; font-size:13px; line-height:1.6; }
.callback-box { margin-top:14px; border:1px solid var(--line); border-radius:10px; }
.callback-toggle { display:flex; gap:9px; align-items:center; min-height:48px; padding:12px; cursor:pointer; font-size:12px; }
.callback-toggle input { accent-color:var(--accent); width:16px; height:16px; }
.callback-hint { color:var(--faint); font-size:10px; margin-left:auto; }
.callback-fields { display:grid; grid-template-columns:1fr 1fr; gap:10px; padding:0 12px 14px; }
.callback-fields label { display:grid; gap:5px; font-size:11px; color:var(--muted); }
.callback-fields input { width:100%; min-width:0; border:1px solid var(--line); border-radius:7px; background:white; padding:9px; font-size:12px; }
.call-other { margin-top:8px; }
.call-other summary { font-size:11px; color:var(--muted); cursor:pointer; padding:10px 0; }
.call-other-options { display:grid; grid-template-columns:1fr 1fr; gap:12px; padding:5px 0 15px; font-size:11px; }
.call-other-options input { accent-color:var(--accent); }
.call-save-bar { display:flex; gap:10px; align-items:center; justify-content:space-between; padding:16px 0 0; margin-top:2px; }
.call-save-bar>span { font-size:10px; color:var(--muted); max-width:23ch; }
.call-save-bar .btn { min-height:44px; white-space:nowrap; }
.detail-section { margin-top:20px; padding-top:14px; }
.detail-section h3 { font-size:11px; font-weight:500; color:var(--muted); }
.command-disclosure { padding:5px 0; }
details.detail-section>summary,details.command-disclosure>summary { font-size:11px; font-weight:500; text-transform:none; letter-spacing:0; min-height:32px; }
.command-form { padding:10px 0; }
.command-form-actions { gap:6px; }
.command-form label { font-weight:500; }
.analytics-panel { margin-top:24px; padding:0; box-shadow:none; }
.analytics-panel>summary { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:16px 20px; cursor:pointer; font-size:13px; font-weight:500; }
.analytics-panel>summary .subtle { font-size:11px; }
.analytics-expanded { padding:4px 20px 20px; }
.mobile-queue-back { display:none; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media (min-width:821px) and (max-width:1100px) {
  .pipeline-layout { grid-template-columns:minmax(270px,.75fr) minmax(380px,1.25fr); gap:14px; }
  .detail-panel { padding:20px; } .metric-strip { grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; }
  .metric-card { padding:12px; } .metric-label { font-size:9px; } .metric-note { font-size:9px; }
}
@media (max-width:820px) {
  .metric-strip { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
  .metric-card { min-height:82px; padding:12px 14px; }
  .metric-card[data-metric="all"] { display:none; }
  .metric-value { font-size:24px; }.metric-note { font-size:10px; }
  .lead-tools { grid-template-columns:1fr 1fr; }
  .lead-tools label:first-child { grid-column:1/-1; }
  .pipeline-layout { grid-template-columns:minmax(0,1fr); gap:0; }
  .leads-list { max-height:none; }
  .detail-panel { display:none; position:static; max-height:none; padding:22px 18px; }
  .queue-heading { align-items:flex-start; }
  .queue-heading .btn { font-size:11px; }
  .queue-bar { margin-bottom:18px; }
  .lead-row { padding:17px 15px; min-height:108px; }
  .lead-company { font-size:15px; }
  .lead-contact { font-size:12px; }
  .lead-action { font-size:12px; }.lead-due { font-size:11px; }
  .lead-stage { font-size:10px; }
  #leads-app.contact-open>.metric-strip,#leads-app.contact-open>.queue-heading,#leads-app.contact-open>.analytics-panel { display:none; }
  #leads-app.contact-open .queue-pane { display:none; }
  #leads-app.contact-open .detail-panel { display:block; padding-bottom:90px; }
  #leads-app.contact-open .mobile-queue-back { display:inline-flex; border:0; padding-left:0; color:var(--muted); margin-bottom:14px; }
  .call-save-bar { position:fixed; bottom:0; left:0; right:0; margin:0; padding:12px 16px calc(12px + env(safe-area-inset-bottom)); background:#fff; border-top:1px solid var(--line); z-index:20; }
  .call-save-bar .btn { min-height:48px; flex:1; }
  .call-save-bar>span { max-width:15ch; font-size:10px; }
  .call-outcomes span { min-height:50px; font-size:14px; }
  .call-note-label { font-size:13px; }
  .call-workspace textarea { min-height:120px; }
  .call-phone { min-height:50px; font-size:13px; }
  .callback-toggle { min-height:54px; font-size:13px; }
  .callback-fields { grid-template-columns:1fr; }
  .call-other summary { min-height:44px; display:flex; align-items:center; }
  .call-other-options label { min-height:36px; display:flex; gap:7px; align-items:center; }
  .detail-contact { font-size:13px; }
  .command-form-actions { flex-wrap:wrap; }
}
.header-actions { display:flex; gap:8px; flex-wrap:wrap; }
.contact-dialog { margin:auto; padding:28px; border:1px solid var(--line); border-radius:18px; width:min(600px,calc(100vw - 32px)); max-height:calc(100dvh - 40px); overflow:auto; color:var(--ink); background:var(--panel); box-shadow:0 20px 80px rgba(32,49,38,.12); }
.contact-dialog::backdrop { background:rgba(27,43,31,.22); backdrop-filter:blur(3px); }
.dialog-header { display:flex; justify-content:space-between; gap:20px; margin-bottom:12px; }
.dialog-header h2 { font-size:24px; margin-top:5px; }
.dialog-header>.btn { align-self:flex-start; min-width:38px; padding:6px; font-size:22px; }
.contact-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:22px; }
.contact-form-grid label { display:grid; gap:6px; font-size:12px; }
.contact-form-grid label>span { color:var(--muted); font-size:10px; }
.contact-form-grid .full-width { grid-column:1/-1; }
.contact-form-grid input,.contact-form-grid textarea { width:100%; border:1px solid var(--line); border-radius:8px; padding:11px; background:#fff; }
.dialog-actions { display:flex; gap:12px; align-items:center; justify-content:flex-end; margin-top:24px; }
.dialog-actions .subtle { font-size:11px; }
@media(max-width:560px) {
  #leads-app>.topbar { align-items:flex-start; gap:14px; } .header-actions { justify-content:flex-end; }.header-actions a { display:none; }
  .contact-dialog { padding:22px 18px; }.contact-form-grid { grid-template-columns:1fr; gap:12px; }.contact-form-grid .full-width { grid-column:auto; }
  .dialog-actions { flex-direction:column; }.dialog-actions .btn { width:100%; }
}
.detail-summary[data-empty="true"] { display:none; }
.call-context { margin-top:16px; padding:12px 14px; border-left:2px solid #d4dfca; background:#f7f9f4; border-radius:0 8px 8px 0; }
.call-context p { font-size:12px; color:var(--muted); line-height:1.6; margin-top:5px; max-height:100px; overflow:auto; white-space:pre-wrap; overflow-wrap:anywhere; }
@media(max-width:820px) {
  body.call-focus .workspace-header { display:none; }
  body.call-focus .shell { padding-top:12px; }
  .primary-nav { scrollbar-width:none; }.primary-nav::-webkit-scrollbar { display:none; }
}
.focus-exit { display:none; }
@media(min-width:821px) {
  #leads-app.contact-open>.metric-strip,#leads-app.contact-open>.queue-heading,#leads-app.contact-open>.analytics-panel { display:none; }
  #leads-app.contact-open>.topbar .eyebrow,#leads-app.contact-open>.topbar .subtle { display:none; }
  #leads-app.contact-open>.topbar h1 { font-size:24px; margin:0; }
  #leads-app.contact-open>.topbar { margin-bottom:18px; }
  #leads-app.contact-open .focus-exit { display:inline-flex; }
  #leads-app.contact-open .detail-panel { max-height:calc(100vh - 188px); }
  #leads-app.contact-open .leads-list { max-height:calc(100vh - 240px); }
  .call-save-bar { position:sticky; bottom:-26px; background:white; padding:16px 0; z-index:3; border-top:1px solid var(--line); }
}