.home-dashboard { padding: 48px 0 72px; }
.dashboard-welcome { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:28px; }
.dashboard-welcome h1 { margin:4px 0 8px; font-size:clamp(34px,5vw,54px); text-align:left; }
.dashboard-welcome p { margin:0; color:#94a3b8; }
.dashboard-eyebrow { color:#60a5fa; font-size:11px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.dashboard-avatar { width:64px; height:64px; flex:0 0 auto; border:1px solid rgba(96,165,250,.35); border-radius:50%; display:grid; place-items:center; overflow:hidden; background:linear-gradient(135deg,#2563eb,#0ea5e9); color:#fff; font-size:22px; font-weight:800; }
.dashboard-avatar img { width:100%; height:100%; object-fit:cover; }
.dashboard-actions { display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:12px; margin-bottom:18px; }
.dashboard-action { min-height:92px; padding:18px; border:1px solid rgba(148,163,184,.18); border-radius:16px; display:flex; flex-direction:column; justify-content:center; background:rgba(30,41,59,.58); color:#f8fafc; text-decoration:none; transition:.18s ease; }
.dashboard-action:hover { transform:translateY(-2px); border-color:rgba(96,165,250,.55); background:rgba(37,99,235,.11); }
.dashboard-action.primary { border-color:rgba(96,165,250,.5); background:linear-gradient(135deg,rgba(37,99,235,.34),rgba(14,165,233,.16)); }
.dashboard-action strong { font-size:15px; }
.dashboard-action span { margin-top:4px; color:#94a3b8; font-size:12px; }
.dashboard-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.dashboard-card { min-width:0; padding:22px; border:1px solid rgba(148,163,184,.16); border-radius:20px; background:rgba(30,41,59,.52); box-shadow:0 18px 50px rgba(2,6,23,.16); }
.dashboard-span { grid-column:1/-1; }
.dashboard-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; margin-bottom:16px; }
.dashboard-heading h2 { margin:3px 0 0; color:#f8fafc; font-size:20px; }
.dashboard-heading a { color:#93c5fd; font-size:12px; font-weight:700; text-decoration:none; }
.dashboard-list,.activity-list { display:grid; gap:10px; }
.dashboard-plan { padding:15px; border:1px solid rgba(148,163,184,.14); border-radius:14px; display:flex; align-items:center; justify-content:space-between; gap:18px; background:rgba(15,23,42,.48); }
.dashboard-plan h3 { margin:0 0 5px; color:#fff; font-size:15px; }
.dashboard-plan p,.dashboard-empty,.dashboard-loading { margin:0; color:#94a3b8; font-size:13px; }
.dashboard-plan-meta { display:flex; flex-wrap:wrap; gap:7px 12px; margin-top:8px; color:#cbd5e1; font-size:11px; }
.dashboard-plan-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:7px; }
.dashboard-plan-actions a,.dashboard-plan-actions button { padding:8px 11px; border:1px solid rgba(96,165,250,.28); border-radius:9px; background:transparent; color:#dbeafe; font:750 11px Inter,sans-serif; text-decoration:none; white-space:nowrap; cursor:pointer; }
.dashboard-plan-actions a.primary { border-color:#3b82f6; background:#2563eb; color:#fff; }
.dashboard-plan-actions button.danger { border-color:rgba(248,113,113,.3); color:#fca5a5; }
.dashboard-plan-actions button:disabled { opacity:.55; cursor:wait; }
.milestone-number { display:flex; align-items:baseline; gap:8px; margin:10px 0; }
.milestone-number strong { color:#fff; font-size:34px; }
.milestone-number span,.milestone-copy { color:#94a3b8; font-size:13px; }
.milestone-track { height:9px; overflow:hidden; border-radius:99px; background:rgba(148,163,184,.15); }
.milestone-track span { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#2563eb,#38bdf8); }
.milestone-last { margin:13px 0 0; color:#cbd5e1; font-size:12px; }
.activity-item { padding:12px 0; border-bottom:1px solid rgba(148,163,184,.12); display:grid; grid-template-columns:9px 1fr; gap:11px; color:#cbd5e1; font-size:13px; }
.activity-item:last-child { border-bottom:0; }
.activity-dot { width:8px; height:8px; margin-top:6px; border-radius:50%; background:#38bdf8; box-shadow:0 0 0 4px rgba(56,189,248,.1); }
.activity-item small { display:block; margin-top:2px; color:#64748b; }
.dashboard-status { min-height:20px; margin-top:14px; color:#fca5a5; font-size:12px; }
@media (max-width:760px) {
  .home-dashboard { padding-top:28px; }
  .dashboard-grid { grid-template-columns:1fr; }
  .dashboard-span { grid-column:auto; }
  .dashboard-plan { align-items:flex-start; flex-direction:column; }
  .dashboard-plan-actions { justify-content:flex-start; }
}
@media (max-width:470px) { .dashboard-avatar { width:50px;height:50px; } .dashboard-action { min-height:84px;padding:13px; } }

/* Signed-in dive command center */
.dashboard-status-chips { display:flex; flex-wrap:wrap; gap:7px; margin-top:13px; }
.dashboard-status-chip { min-height:29px; padding:6px 9px; border:1px solid rgba(148,163,184,.16); border-radius:99px; display:inline-flex; align-items:center; gap:6px; background:rgba(15,23,42,.4); color:#aebdd0; font-size:10.5px; font-weight:750; }
.dashboard-status-chip i { width:7px; height:7px; border-radius:50%; background:#38bdf8; }.dashboard-status-chip.good i{background:#34d399}.dashboard-status-chip.violet i{background:#a78bfa}
.dashboard-advisories { display:grid; gap:8px; margin-bottom:14px; }
.dashboard-advisory { min-height:43px; padding:10px 12px; border:1px solid rgba(96,165,250,.2); border-radius:11px; display:flex; align-items:center; gap:10px; background:rgba(37,99,235,.08); color:#c8d7e8; font-size:11.5px; }
.dashboard-advisory.attention { border-color:rgba(251,191,36,.26); background:rgba(245,158,11,.075); }.dashboard-advisory.good { border-color:rgba(52,211,153,.22); background:rgba(16,185,129,.06); }
.dashboard-advisory-icon { width:27px; height:27px; flex:0 0 auto; border-radius:8px; display:grid; place-items:center; background:rgba(96,165,250,.12); color:#7dd3fc; }.dashboard-advisory.attention .dashboard-advisory-icon{background:rgba(251,191,36,.1);color:#fcd34d}.dashboard-advisory.good .dashboard-advisory-icon{background:rgba(52,211,153,.1);color:#6ee7b7}.dashboard-advisory-icon svg{width:15px;height:15px}
.dashboard-advisory>span:not(.dashboard-advisory-icon) { min-width:0; flex:1; }.dashboard-advisory>.dashboard-advisory-icon{flex:0 0 auto}.dashboard-advisory strong,.dashboard-advisory small { display:block; }.dashboard-advisory strong{color:#f8fafc;font-size:11.5px}.dashboard-advisory small{margin-top:2px;color:#8195ad;font-size:10px}.dashboard-advisory a{color:#bfdbfe;font-size:10px;font-weight:800;text-decoration:none;white-space:nowrap}
.next-dive-command { position:relative; min-height:210px; margin-bottom:14px; padding:22px; overflow:hidden; border:1px solid rgba(96,165,250,.24); border-radius:21px; background:linear-gradient(145deg,rgba(30,48,77,.94),rgba(12,24,42,.98)); box-shadow:0 22px 58px rgba(2,6,23,.23); }
.next-dive-command::before { content:""; position:absolute; top:-130px; right:-70px; width:360px; height:360px; border-radius:50%; background:radial-gradient(circle,rgba(56,189,248,.15),transparent 68%); pointer-events:none; }
.next-dive-loading { position:relative; color:#8fa2ba; }
.next-dive-layout { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1fr) 270px; align-items:stretch; gap:24px; }
.next-dive-copy { display:flex; flex-direction:column; }.next-dive-label { color:#7dd3fc; font-size:10px; font-weight:850; letter-spacing:1.1px; text-transform:uppercase; }.next-dive-copy h2 { margin:8px 0 7px; color:#fff; font-size:clamp(24px,3vw,34px); letter-spacing:-.8px; }.next-dive-copy>p { margin:0; color:#91a5bc; font-size:12px; }
.next-dive-facts { display:flex; flex-wrap:wrap; gap:7px; margin:16px 0 18px; }.next-dive-facts span { padding:7px 9px; border:1px solid rgba(148,163,184,.14); border-radius:8px; background:rgba(15,23,42,.34); color:#c4d2e2; font-size:10.5px; font-weight:700; }
.next-dive-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:auto; }.next-dive-actions a,.next-dive-actions button { min-height:41px; padding:9px 14px; border:1px solid rgba(96,165,250,.3); border-radius:10px; display:inline-flex; align-items:center; justify-content:center; gap:7px; background:transparent; color:#bfdbfe; font:800 11px Inter,sans-serif; text-decoration:none; cursor:pointer; }.next-dive-actions a.primary { border-color:#3b82f6; background:#2563eb; color:#fff; box-shadow:0 8px 22px rgba(37,99,235,.25); }.next-dive-actions .next-dive-cancel{border-color:rgba(248,113,113,.28);color:#fda4af}.next-dive-actions .next-dive-cancel:hover{background:rgba(127,29,29,.18);border-color:rgba(248,113,113,.5)}.next-dive-actions svg{width:16px;height:16px}
.dashboard-heading p{max-width:560px;margin:5px 0 0;color:#71839a;font-size:10.5px;line-height:1.45}
.next-dive-visual { min-height:160px; padding:14px; border:1px solid rgba(148,163,184,.12); border-radius:15px; display:flex; flex-direction:column; background:rgba(2,6,23,.22); }.next-dive-date { display:flex; align-items:center; justify-content:space-between; color:#8094ac; font-size:9.5px; font-weight:800; text-transform:uppercase; }.next-dive-date strong{color:#dbeafe;font-size:10px}.next-dive-profile{width:100%;height:84px;margin:auto 0}.next-dive-profile text{fill:#bfdbfe;font:800 9px Inter,sans-serif;text-anchor:middle}.next-dive-meter{display:flex;justify-content:space-between;color:#71869f;font-size:9px}.next-dive-meter strong{color:#7dd3fc}
.dashboard-action { position:relative; padding-top:17px; }.dashboard-action-icon { width:32px; height:32px; margin-bottom:12px; border-radius:9px; display:grid; place-items:center; background:rgba(96,165,250,.1); color:#7dd3fc; }.dashboard-action.primary .dashboard-action-icon { background:rgba(255,255,255,.12); color:#fff; }.dashboard-action-icon svg{width:18px;height:18px}
.milestone-display { display:grid; grid-template-columns:86px 1fr; align-items:center; gap:17px; }.milestone-emblem { position:relative; width:82px; height:82px; border-radius:24px; display:grid; place-items:center; background:conic-gradient(from -45deg,#8b5cf6 var(--badge-progress),rgba(148,163,184,.13) 0); transform:rotate(45deg); }.milestone-emblem::before{content:"";position:absolute;inset:5px;border-radius:20px;background:#17233a}.milestone-emblem span{position:relative;z-index:1;width:53px;height:53px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(124,58,237,.3),rgba(37,99,235,.2));color:#c4b5fd;transform:rotate(-45deg)}.milestone-emblem svg{width:28px;height:28px}.milestone-details .milestone-number{margin:0 0 5px}.milestone-details .milestone-number strong{font-size:31px}.milestone-details .milestone-track{margin-top:12px}
.activity-item.rich { grid-template-columns:38px 1fr auto; align-items:center; padding:10px 8px; margin-inline:-8px; border-radius:9px; text-decoration:none; color:#cbd5e1; cursor:pointer; transition:background .16s ease; }
a.activity-item.rich:hover,a.activity-item.rich:focus-visible { background:rgba(59,130,246,.08); outline:none; }
.activity-copy strong { color:#e2e8f0; font-weight:800; }.activity-avatar{width:36px;height:36px;overflow:hidden;border-radius:50%;display:grid;place-items:center;background:#334155;color:#fff;font-size:10px;font-weight:850}.activity-avatar img{width:100%;height:100%;object-fit:cover}.activity-copy{min-width:0}.activity-copy a{color:#e2e8f0;font-weight:800;text-decoration:none}.activity-kind{padding:5px 7px;border-radius:99px;background:rgba(59,130,246,.1);color:#93c5fd;font-size:8px;font-weight:850;text-transform:uppercase}
@media(max-width:900px){.next-dive-layout{grid-template-columns:1fr 230px}}
@media(max-width:700px){.next-dive-layout{grid-template-columns:1fr}.next-dive-visual{min-height:145px}.milestone-display{grid-template-columns:72px 1fr}.milestone-emblem{width:68px;height:68px;border-radius:20px}.milestone-emblem::before{border-radius:17px}.milestone-emblem span{width:45px;height:45px}.dashboard-advisory{align-items:flex-start}.dashboard-advisory a{display:none}}
@media(max-width:470px){.dashboard-action{min-height:112px}.next-dive-command{padding:17px}.activity-item.rich{grid-template-columns:34px 1fr}.activity-kind{display:none}}