/* Dan's Dash v12 — unified cockpit. Extends the proven v11 components. */
:root {
  --dd-accent: #5ee7ff;
  --dd-info: #6887ff;
  --dd-purple: #a879ff;
  --dd-magenta: #ec5dff;
  --dd-bg: #03050a;
  --dd-surface: rgba(11, 16, 29, .82);
  --dd-surface-strong: rgba(13, 19, 34, .95);
  --dd-border: rgba(147, 176, 231, .17);
}
body { background: radial-gradient(circle at 18% -5%, rgba(65,111,255,.16),transparent 31rem), radial-gradient(circle at 92% 15%,rgba(224,65,255,.10),transparent 30rem),#03050a; }
.dd-app { max-width: 1740px; }
.dd-header { border-bottom: 1px solid var(--dd-border); }
.dd-commandbar { border-radius: 20px; background: rgba(10,15,28,.88); }
.dd-tab.active { color: #ecf9ff; background: linear-gradient(135deg,rgba(57,209,255,.19),rgba(137,89,255,.16)); box-shadow: inset 0 0 0 1px rgba(94,231,255,.2); }
.dd-command-connect { color: #03050a !important; border-color: transparent !important; background: linear-gradient(135deg,#5ee7ff,#9272ff) !important; box-shadow: 0 8px 28px rgba(85,167,255,.25); }
.dd-card,.dd-metric,.dd-evidence-card { background: linear-gradient(145deg,rgba(16,23,40,.92),rgba(8,12,24,.88)); border-color: var(--dd-border); }
.dd-section-heading h2 { letter-spacing: -.045em; }
.dd-workspace-intro { display:flex; justify-content:space-between; align-items:end; gap:18px; padding:12px 4px 8px; }
.dd-workspace-intro h1 { margin:3px 0 0; font-size:clamp(26px,4vw,45px); letter-spacing:-.055em; }
.dd-workspace-intro p { max-width:620px; margin:0; color:var(--dd-muted); }
.dd-home-hero { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr); gap:12px; }
.dd-attention { padding:22px; border:1px solid rgba(94,231,255,.22); border-radius:24px; background:linear-gradient(135deg,rgba(40,116,255,.15),rgba(128,66,255,.08)); }
.dd-attention h1 { margin:5px 0 8px; font-size:clamp(30px,5vw,58px); line-height:1; letter-spacing:-.065em; }
.dd-attention-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:18px; }
.dd-relationships-layout { display:grid; grid-template-columns:minmax(320px,.85fr) minmax(380px,1.15fr); gap:12px; min-height:560px; }
.dd-book-panel,.dd-contact-panel { min-width:0; padding:16px; border:1px solid var(--dd-border); border-radius:22px; background:var(--dd-surface); }
.dd-book-toolbar { display:flex; gap:8px; margin:12px 0; }
.dd-book-toolbar input,.dd-book-toolbar select,.dd-qc-form input,.dd-qc-form select,.dd-qc-form textarea { width:100%; min-height:44px; padding:10px 12px; border:1px solid var(--dd-border); border-radius:12px; color:var(--dd-text); background:rgba(3,7,15,.72); }
.dd-contact-list { display:grid; gap:7px; max-height:620px; overflow:auto; }
.dd-contact-row { display:grid; grid-template-columns:42px minmax(0,1fr) auto; align-items:center; gap:10px; width:100%; padding:10px; border:1px solid transparent; border-radius:14px; color:var(--dd-text); text-align:left; background:rgba(255,255,255,.025); cursor:pointer; }
.dd-contact-row:hover,.dd-contact-row.active { border-color:rgba(94,231,255,.32); background:rgba(94,231,255,.07); }
.dd-contact-avatar { display:grid; place-items:center; width:42px; height:42px; border-radius:14px; background:linear-gradient(135deg,rgba(94,231,255,.2),rgba(168,121,255,.22)); color:#c9f8ff; font-weight:900; }
.dd-contact-row strong,.dd-contact-row small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.dd-contact-row small { color:var(--dd-muted); }
.dd-contact-detail-head { display:flex; align-items:center; gap:12px; padding-bottom:14px; border-bottom:1px solid var(--dd-border); }
.dd-contact-detail-head .dd-contact-avatar { width:58px; height:58px; font-size:20px; }
.dd-timeline { display:grid; gap:8px; margin-top:14px; }
.dd-timeline-item { position:relative; padding:10px 12px 10px 18px; border-left:2px solid rgba(94,231,255,.3); background:rgba(255,255,255,.025); border-radius:0 12px 12px 0; }
.dd-quick-connect-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
.dd-quick-connect-option { min-height:82px; padding:13px; border:1px solid var(--dd-border); border-radius:16px; color:var(--dd-text); background:rgba(255,255,255,.035); text-align:left; cursor:pointer; }
.dd-quick-connect-option iconify-icon { display:block; margin-bottom:7px; color:var(--dd-accent); font-size:24px; }
.dd-qc-form { display:grid; gap:9px; }
.dd-qc-company { display:flex; align-items:center; gap:8px; padding:9px 11px; border:1px solid rgba(168,121,255,.25); border-radius:12px; color:#d8cbff; background:rgba(132,75,255,.08); }
.dd-my-day-grid { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr); gap:12px; }
.dd-calendar { min-height:0 !important; }
.ddx-lab-context-tabs { position:sticky; z-index:2; top:8px; display:flex; gap:7px; overflow:auto; margin-bottom:10px; padding:7px; border:1px solid var(--dd-border); border-radius:16px; background:rgba(8,13,24,.92); backdrop-filter:blur(20px); scrollbar-width:none; }
.ddx-lab-context-tabs .ddx-lab-action { flex:0 0 auto; }
.ddx-lab-context-tabs .ddx-lab-action.active { color:#041018; background:linear-gradient(135deg,#5ee7ff,#9d71ff); }
.dd-mobile-nav { display:none; }
@media (min-width:1100px) {
  .dd-main { padding-left:188px; position:relative; }
  .dd-commandbar { position:fixed; z-index:10; top:92px; left:max(14px,calc((100vw - 1740px)/2 + 14px)); width:174px; display:block; padding:8px; }
  .dd-tabs { display:grid; gap:4px; }
  .dd-tab { display:flex; align-items:center; width:100%; text-align:left; }
  .dd-scope-controls { display:grid; margin-top:14px; }
  .dd-scope-controls select { width:100%; max-width:none; }
}
@media (max-width:760px) {
  .dd-app { padding-bottom:calc(94px + env(safe-area-inset-bottom)); }
  .dd-commandbar { display:none; }
  .dd-quick-commands { overflow:auto; flex-wrap:nowrap; scrollbar-width:none; }
  .dd-command { flex:0 0 auto; min-height:42px; }
  .dd-home-hero,.dd-relationships-layout,.dd-my-day-grid { grid-template-columns:1fr; }
  .dd-workspace-intro { display:block; }
  .dd-workspace-intro p { margin-top:7px; }
  .dd-relationships-layout { min-height:0; }
  .dd-contact-panel { display:none; }
  .dd-contact-panel.mobile-open { display:block; position:fixed; z-index:31; inset:8px 8px calc(82px + env(safe-area-inset-bottom)) 8px; overflow:auto; background:#090e1a; }
  .dd-quick-connect-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .dd-mobile-nav { position:fixed; z-index:25; left:8px; right:8px; bottom:max(7px,env(safe-area-inset-bottom)); display:grid; grid-template-columns:repeat(5,1fr); align-items:end; min-height:66px; padding:6px; border:1px solid var(--dd-border); border-radius:22px; background:rgba(7,11,21,.94); backdrop-filter:blur(24px); box-shadow:0 15px 45px rgba(0,0,0,.45); }
  .dd-mobile-nav button { display:grid; place-items:center; gap:2px; min-height:52px; border:0; border-radius:15px; color:var(--dd-muted); background:transparent; font-size:9px; font-weight:800; }
  .dd-mobile-nav iconify-icon { font-size:21px; }
  .dd-mobile-nav .connect { width:58px; height:58px; margin:-23px auto 0; border:1px solid rgba(255,255,255,.3); border-radius:19px; color:#05101a; background:linear-gradient(135deg,#5ee7ff,#9e70ff); box-shadow:0 8px 30px rgba(91,178,255,.4); }
  .dd-voice-launcher { bottom:calc(80px + env(safe-area-inset-bottom)) !important; }
}