:root {
  color-scheme: light;
  --bg: #f5f8ff;
  --bg-accent: #edf4ff;
  --surface: rgba(255, 255, 255, 0.86);
  --surface-solid: #ffffff;
  --surface-2: #f3f6fc;
  --surface-hover: #edf2ff;
  --text: #172033;
  --muted: #69758b;
  --faint: #9aa6b8;
  --border: rgba(92, 112, 148, 0.16);
  --border-strong: rgba(82, 104, 146, 0.25);
  --primary: #5370ff;
  --primary-strong: #3f5de8;
  --primary-soft: rgba(83, 112, 255, 0.13);
  --success: #159f89;
  --success-soft: rgba(21, 159, 137, 0.12);
  --danger: #df5b65;
  --danger-soft: rgba(223, 91, 101, 0.11);
  --warning: #e79a2f;
  --warning-soft: rgba(231, 154, 47, 0.13);
  --purple: #9656e8;
  --shadow-sm: 0 8px 24px rgba(46, 65, 105, 0.07);
  --shadow-md: 0 18px 50px rgba(46, 65, 105, 0.11);
  --shadow-lg: 0 28px 90px rgba(32, 48, 87, 0.18);
  --radius-sm: 12px;
  --radius: 16px;
  --radius-lg: 20px;
  --sidebar-width: 256px;
  --topbar-height: 74px;
  --transition: 180ms cubic-bezier(.2, .8, .2, 1);
}

html[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0d111b;
  --bg-accent: #12192a;
  --surface: rgba(22, 29, 45, 0.84);
  --surface-solid: #161d2d;
  --surface-2: #1c2538;
  --surface-hover: #222d45;
  --text: #f2f5fb;
  --muted: #9ca9bd;
  --faint: #77849b;
  --border: rgba(164, 183, 220, 0.12);
  --border-strong: rgba(164, 183, 220, 0.22);
  --primary: #7f94ff;
  --primary-strong: #95a6ff;
  --primary-soft: rgba(127, 148, 255, 0.16);
  --success: #45cfb4;
  --success-soft: rgba(69, 207, 180, 0.13);
  --danger: #ff808b;
  --danger-soft: rgba(255, 128, 139, 0.13);
  --warning: #ffc063;
  --warning-soft: rgba(255, 192, 99, 0.14);
  --purple: #b780ff;
  --shadow-sm: 0 8px 24px rgba(0, 0, 0, 0.18);
  --shadow-md: 0 18px 50px rgba(0, 0, 0, 0.28);
  --shadow-lg: 0 28px 90px rgba(0, 0, 0, 0.38);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  min-width: 320px;
  min-height: 100vh;
  overflow-x: hidden;
  background:
    radial-gradient(circle at 80% -5%, rgba(112, 149, 255, .18), transparent 30%),
    radial-gradient(circle at 10% 25%, rgba(138, 205, 255, .12), transparent 26%),
    linear-gradient(145deg, var(--bg), var(--bg-accent));
  color: var(--text);
  font: 14px/1.5 Inter, "Segoe UI", system-ui, -apple-system, sans-serif;
  transition: background var(--transition), color var(--transition);
}
button, input, textarea, select { font: inherit; }
button, select { cursor: pointer; }
button { color: inherit; }
svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.svg-sprite { position: absolute; width: 0; height: 0; overflow: hidden; }
[hidden] { display: none !important; }

.app-shell { min-height: 100vh; }
.sidebar {
  position: fixed;
  inset: 0 auto 0 0;
  z-index: 50;
  width: var(--sidebar-width);
  padding: 22px 16px 18px;
  display: flex;
  flex-direction: column;
  background: color-mix(in srgb, var(--surface-solid) 86%, transparent);
  border-right: 1px solid var(--border);
  backdrop-filter: blur(24px) saturate(130%);
  -webkit-backdrop-filter: blur(24px) saturate(130%);
  transition: background var(--transition), transform var(--transition);
}
.brand { display: flex; align-items: center; gap: 12px; min-height: 52px; padding: 4px 8px 20px; }
.brand-mark {
  width: 40px; height: 40px; flex: 0 0 40px; border-radius: 14px;
  display: grid; place-items: center; color: white; font-weight: 800; font-size: 18px;
  background: linear-gradient(135deg, #5171ff 0%, #7c5cff 48%, #4ec6df 100%);
  box-shadow: 0 10px 24px rgba(83, 112, 255, .3);
}
.brand strong, .brand span { display: block; }
.brand strong { font-size: 15px; letter-spacing: -.02em; }
.brand span { color: var(--muted); font-size: 11px; margin-top: 1px; }
.sidebar-nav { display: grid; gap: 4px; }
.sidebar-nav-bottom { margin-top: auto; padding-top: 18px; border-top: 1px solid var(--border); }
.nav-item {
  width: 100%; border: 0; background: transparent; min-height: 44px; border-radius: 13px;
  display: flex; align-items: center; gap: 12px; padding: 0 12px; color: var(--muted);
  text-align: left; font-weight: 600; transition: color var(--transition), background var(--transition), transform var(--transition);
}
.nav-item svg { width: 19px; height: 19px; }
.nav-item:hover { color: var(--text); background: var(--surface-hover); transform: translateX(2px); }
.nav-item.active { color: var(--primary); background: linear-gradient(135deg, var(--primary-soft), rgba(109, 193, 255, .08)); box-shadow: inset 0 0 0 1px rgba(83,112,255,.08); }
.sidebar-profile { display: flex; align-items: center; gap: 10px; padding: 18px 8px 2px; min-width: 0; }
.sidebar-profile .avatar { width: 34px; height: 34px; border-radius: 12px; background: var(--surface-2); display: grid; place-items: center; font-weight: 700; color: var(--primary); }
.sidebar-profile div:last-child { min-width: 0; }
.sidebar-profile strong, .sidebar-profile span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sidebar-profile strong { font-size: 12px; }
.sidebar-profile span { color: var(--muted); font-size: 10px; }

.main-area { min-height: 100vh; margin-left: var(--sidebar-width); }
.topbar {
  position: sticky; top: 0; z-index: 40; height: var(--topbar-height); padding: 0 28px;
  display: flex; align-items: center; gap: 18px; border-bottom: 1px solid var(--border);
}
.glass { background: var(--surface); backdrop-filter: blur(24px) saturate(130%); -webkit-backdrop-filter: blur(24px) saturate(130%); }
.menu-toggle { display: none !important; }
.global-search { position: relative; width: min(560px, 55vw); }
.global-search > svg { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); width: 18px; height: 18px; color: var(--faint); pointer-events: none; }
.global-search input {
  width: 100%; height: 42px; padding: 0 16px 0 42px; border: 1px solid var(--border); border-radius: 14px;
  outline: none; color: var(--text); background: color-mix(in srgb, var(--surface-solid) 74%, transparent);
  box-shadow: 0 4px 18px rgba(46,65,105,.04); transition: border var(--transition), box-shadow var(--transition), background var(--transition);
}
.global-search input:focus { border-color: rgba(83,112,255,.48); box-shadow: 0 0 0 4px var(--primary-soft); background: var(--surface-solid); }
.search-results {
  position: absolute; top: calc(100% + 10px); left: 0; right: 0; z-index: 80; padding: 8px;
  border: 1px solid var(--border); border-radius: var(--radius); box-shadow: var(--shadow-md);
}
.search-results button { display: flex; justify-content: space-between; gap: 14px; width: 100%; border: 0; background: transparent; padding: 10px 12px; border-radius: 10px; text-align: left; }
.search-results button:hover { background: var(--surface-hover); }
.search-results span { font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.search-results small { color: var(--muted); white-space: nowrap; }
.topbar-actions { margin-left: auto; display: flex; align-items: center; gap: 9px; }
.icon-button {
  width: 40px; height: 40px; flex: 0 0 40px; border-radius: 13px; border: 1px solid var(--border);
  display: inline-grid; place-items: center; padding: 0; background: var(--surface); color: var(--muted);
  transition: transform var(--transition), color var(--transition), background var(--transition), border var(--transition);
}
.icon-button:hover { transform: translateY(-1px); color: var(--text); background: var(--surface-hover); border-color: var(--border-strong); }
.icon-button.danger { color: var(--faint); border-color: transparent; background: transparent; }
.icon-button.danger:hover { color: var(--danger); background: var(--danger-soft); }
.language-control select { height: 40px; border: 1px solid var(--border); border-radius: 13px; padding: 0 28px 0 12px; background: var(--surface); color: var(--text); outline: none; font-weight: 700; }
.button {
  min-height: 42px; padding: 0 17px; border-radius: 13px; border: 1px solid transparent; display: inline-flex;
  align-items: center; justify-content: center; gap: 8px; font-weight: 700; transition: transform var(--transition), box-shadow var(--transition), background var(--transition), border var(--transition);
}
.button:hover { transform: translateY(-1px); }
.button svg { width: 17px; height: 17px; }
.button.primary { color: #fff; background: linear-gradient(135deg, var(--primary), #6f5ee8); box-shadow: 0 9px 24px rgba(83,112,255,.23); }
.button.primary:hover { box-shadow: 0 13px 30px rgba(83,112,255,.3); }
.button.secondary { background: var(--surface); border-color: var(--border); color: var(--text); }
.button.secondary:hover { background: var(--surface-hover); border-color: var(--border-strong); }
.button.danger-button { color: var(--danger); background: var(--danger-soft); border-color: rgba(223,91,101,.18); }
.button.full { width: 100%; }
.button.small { min-height: 36px; padding: 0 12px; border-radius: 10px; font-size: 12px; }

.content { width: min(1440px, 100%); margin: 0 auto; padding: 34px 34px 90px; }
.panel { display: none; opacity: 0; transform: translateY(7px); }
.panel.active { display: block; animation: panelIn 360ms cubic-bezier(.2,.8,.2,1) forwards; }
@keyframes panelIn { to { opacity: 1; transform: translateY(0); } }
.page-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; margin-bottom: 26px; }
.page-heading h1 { margin: 3px 0 5px; font-size: clamp(29px, 3.2vw, 42px); line-height: 1.08; letter-spacing: -.045em; }
.page-heading p { margin: 0; max-width: 680px; color: var(--muted); font-size: 15px; }
.eyebrow { color: var(--primary); font-size: 11px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.date-chip { padding: 9px 13px; border: 1px solid var(--border); border-radius: 12px; color: var(--muted); background: var(--surface); font-weight: 600; text-transform: capitalize; box-shadow: var(--shadow-sm); }
h1, h2, h3, p { overflow-wrap: anywhere; }
h2 { margin: 0; font-size: 17px; letter-spacing: -.025em; }
h3 { margin: 0; font-size: 15px; letter-spacing: -.015em; }
.muted { color: var(--muted); }

.card {
  border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--surface);
  box-shadow: var(--shadow-sm); transition: background var(--transition), border var(--transition), box-shadow var(--transition), transform var(--transition);
}
.card:hover { border-color: var(--border-strong); }
.card-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 16px; }
.card-heading p { margin: 4px 0 0; color: var(--muted); font-size: 12px; }
.status-dot { width: 9px; height: 9px; border-radius: 50%; background: var(--success); box-shadow: 0 0 0 5px var(--success-soft); margin: 7px 7px 0 0; }
.metric-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-bottom: 18px; }
.metric-card { min-height: 106px; padding: 18px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 2px; }
.metric-card > div { min-width: 0; }
.metric-card span:not(.metric-icon) { display: block; color: var(--muted); font-size: 12px; margin-bottom: 4px; }
.metric-card strong { display: block; max-width: 100%; font-size: 23px; letter-spacing: -.04em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.metric-card small { color: var(--muted); font-size: 11px; line-height: 1.35; }
.metric-icon { width: 42px; height: 42px; border-radius: 14px; display: grid; place-items: center; }
.metric-icon.blue { color: var(--primary); background: var(--primary-soft); }
.metric-icon.purple { color: var(--purple); background: rgba(150,86,232,.12); }
.metric-icon.green { color: var(--success); background: var(--success-soft); }
.metric-icon.orange { color: var(--warning); background: var(--warning-soft); }
.dashboard-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr); gap: 18px; }
.dashboard-grid > .card { padding: 22px; }
.activity-card { grid-column: 1 / -1; }
.chart-wrap { position: relative; width: 100%; height: 280px; }
.radar-wrap { height: 340px; }
.donut-wrap { height: 310px; }
.focus-list { display: grid; gap: 8px; }
.focus-item { border: 0; background: transparent; min-height: 58px; padding: 9px 10px; border-radius: 13px; display: grid; grid-template-columns: 10px minmax(0,1fr) auto; align-items: center; gap: 10px; text-align: left; }
.focus-item:hover { background: var(--surface-hover); }
.focus-item span:nth-child(2) { font-weight: 650; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.focus-item small { color: var(--muted); }
.focus-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--faint); }
.focus-dot.priority-high { background: var(--danger); }
.focus-dot.priority-medium { background: var(--warning); }
.focus-dot.priority-low { background: var(--success); }
.activity-row { display: flex; align-items: center; gap: 12px; padding: 11px 0; border-bottom: 1px solid var(--border); }
.activity-row:last-child { border-bottom: 0; }
.activity-icon { width: 34px; height: 34px; flex: 0 0 34px; border-radius: 11px; display: grid; place-items: center; color: var(--primary); background: var(--primary-soft); font-weight: 800; }
.activity-row div { min-width: 0; }
.activity-row strong, .activity-row small { display: block; }
.activity-row strong { font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.activity-row small { color: var(--muted); margin-top: 2px; }

.module-grid { display: grid; grid-template-columns: minmax(280px, .72fr) minmax(0, 1.28fr); gap: 20px; align-items: start; }
.form-card, .list-card, .chart-card { padding: 22px; }
.form-card > h2, .list-card > h2 { margin-bottom: 18px; }
.stack-form { display: grid; gap: 15px; }
.stack-form label { display: grid; gap: 7px; color: var(--muted); font-size: 12px; font-weight: 650; }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
input, textarea, select {
  width: 100%; border: 1px solid var(--border); border-radius: 12px; outline: none; color: var(--text);
  background: color-mix(in srgb, var(--surface-solid) 80%, transparent); transition: border var(--transition), box-shadow var(--transition), background var(--transition);
}
input, select { height: 43px; padding: 0 12px; }
textarea { resize: vertical; min-height: 90px; padding: 11px 12px; }
input:focus, textarea:focus, select:focus { border-color: rgba(83,112,255,.55); box-shadow: 0 0 0 4px var(--primary-soft); background: var(--surface-solid); }
input[type="range"] { height: 22px; padding: 0; accent-color: var(--primary); border: 0; box-shadow: none; background: transparent; }
output { color: var(--primary); font-weight: 800; justify-self: end; margin-top: -28px; }
.section-title { margin: 2px 0 14px; }
.item-list { display: grid; gap: 7px; }
.list-item { min-height: 62px; display: flex; align-items: center; gap: 12px; padding: 10px 8px; border-bottom: 1px solid var(--border); transition: opacity var(--transition), background var(--transition); }
.list-item:last-child { border-bottom: 0; }
.list-item:hover { background: color-mix(in srgb, var(--surface-hover) 62%, transparent); border-radius: 12px; }
.list-item.is-complete { opacity: .58; }
.list-item.is-complete .list-item-title { text-decoration: line-through; }
.list-item-main { min-width: 0; flex: 1; }
.list-item-title { font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.meta-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-top: 4px; color: var(--muted); font-size: 11px; }
.badge { display: inline-flex; align-items: center; min-height: 22px; padding: 0 8px; border-radius: 999px; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; }
.badge.priority-high { color: var(--danger); background: var(--danger-soft); }
.badge.priority-medium { color: var(--warning); background: var(--warning-soft); }
.badge.priority-low { color: var(--success); background: var(--success-soft); }
.check-control { position: relative; width: 23px; height: 23px; flex: 0 0 23px; }
.check-control input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.checkmark { width: 23px; height: 23px; border: 1.5px solid var(--border-strong); border-radius: 8px; display: grid; place-items: center; }
.check-control input:checked + .checkmark { background: var(--primary); border-color: var(--primary); }
.check-control input:checked + .checkmark::after { content: ""; width: 8px; height: 4px; border-left: 2px solid white; border-bottom: 2px solid white; transform: rotate(-45deg) translateY(-1px); }
.segmented { display: flex; padding: 3px; border-radius: 11px; background: var(--surface-2); }
.segmented button { min-height: 31px; padding: 0 10px; border: 0; border-radius: 9px; background: transparent; color: var(--muted); font-size: 11px; font-weight: 700; }
.segmented button.active { color: var(--text); background: var(--surface-solid); box-shadow: 0 3px 10px rgba(30,45,80,.08); }
.empty-state { padding: 35px 18px; text-align: center; color: var(--muted); border: 1px dashed var(--border-strong); border-radius: 14px; background: color-mix(in srgb, var(--surface-2) 48%, transparent); }
.empty-state.compact { padding: 20px 14px; }
.wide-card { margin-top: 20px; }

.project-list, .journal-list, .skill-list { display: grid; gap: 14px; }
.project-card { padding: 20px; }
.project-head, .skill-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; }
.project-head p, .skill-head p { margin: 4px 0 0; color: var(--muted); font-size: 12px; }
.progress-track { height: 8px; margin-top: 16px; overflow: hidden; border-radius: 999px; background: var(--surface-2); }
.progress-track span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--primary), #9b63e8); transition: width 300ms ease; }
.progress-label { margin: 6px 0 12px; color: var(--muted); font-size: 10px; text-align: right; }
.project-steps { display: grid; gap: 4px; margin: 12px 0; }
.step-row { min-height: 37px; display: grid; grid-template-columns: 18px minmax(0,1fr) 26px; gap: 9px; align-items: center; padding: 4px 7px; border-radius: 9px; }
.step-row:hover { background: var(--surface-hover); }
.step-row input { width: 16px; height: 16px; accent-color: var(--primary); }
.step-row span { font-size: 12px; }
.step-row.is-complete span { color: var(--muted); text-decoration: line-through; }
.step-delete { border: 0; background: transparent; color: var(--faint); border-radius: 8px; height: 25px; }
.step-delete:hover { color: var(--danger); background: var(--danger-soft); }
.inline-form { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; margin-top: 13px; }
.inline-form input { height: 36px; font-size: 12px; }
.finance-metrics { grid-template-columns: repeat(3, minmax(0,1fr)); }
.finance-metrics .metric-card { display: block; min-height: 95px; }
.transaction-icon { width: 38px; height: 38px; flex: 0 0 38px; border-radius: 12px; display: grid; place-items: center; font-size: 17px; font-weight: 800; }
.transaction-icon.income { color: var(--success); background: var(--success-soft); }
.transaction-icon.expense { color: var(--danger); background: var(--danger-soft); }
.money { white-space: nowrap; }
.money.income { color: var(--success); }
.money.expense { color: var(--danger); }
.health-orb { width: 38px; height: 38px; flex: 0 0 38px; border-radius: 13px; display: grid; place-items: center; background: var(--surface-2); font-size: 19px; }
.journal-grid { grid-template-columns: minmax(300px, .85fr) minmax(0, 1.15fr); }
.journal-entry { padding: 20px; }
.journal-entry-head { display: flex; align-items: center; justify-content: space-between; }
.journal-entry time { color: var(--primary); font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .07em; }
.journal-entry p { margin: 14px 0; color: var(--text); line-height: 1.75; }
.gratitude-note { display: flex; align-items: center; gap: 8px; padding: 11px 12px; border-radius: 12px; color: var(--purple); background: rgba(150,86,232,.09); font-size: 12px; font-weight: 600; }
.skill-list { grid-template-columns: repeat(2, minmax(0,1fr)); }
.skill-row { padding: 18px; }
.skill-head strong { color: var(--primary); font-size: 20px; }
.skill-actions { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 12px; margin-top: 12px; }

.ai-shell { height: calc(100vh - 195px); min-height: 520px; display: flex; flex-direction: column; overflow: hidden; background: linear-gradient(145deg, var(--surface), color-mix(in srgb, var(--primary-soft) 40%, var(--surface))); }
.ai-history { flex: 1; overflow-y: auto; padding: 30px; display: flex; flex-direction: column; gap: 16px; }
.ai-welcome { margin: auto; max-width: 500px; text-align: center; padding: 30px; }
.ai-welcome h3 { margin-top: 18px; font-size: 24px; }
.ai-welcome p { color: var(--muted); }
.ai-orb { width: 72px; height: 72px; margin: 0 auto; border-radius: 24px; display: grid; place-items: center; color: white; font-size: 28px; background: linear-gradient(135deg, #5270ff, #9a5de8 60%, #48c3d8); box-shadow: 0 18px 45px rgba(83,112,255,.28); }
.message { display: flex; align-items: flex-start; gap: 10px; max-width: 82%; }
.message.user { align-self: flex-end; flex-direction: row-reverse; }
.message-avatar { width: 30px; height: 30px; flex: 0 0 30px; display: grid; place-items: center; border-radius: 10px; color: var(--primary); background: var(--primary-soft); font-size: 10px; font-weight: 800; }
.message.user .message-avatar { color: var(--success); background: var(--success-soft); }
.message-bubble { padding: 12px 14px; border-radius: 16px 16px 16px 5px; background: var(--surface-solid); border: 1px solid var(--border); box-shadow: var(--shadow-sm); white-space: pre-wrap; }
.message.user .message-bubble { color: white; background: linear-gradient(135deg, var(--primary), #6f5ee8); border: 0; border-radius: 16px 16px 5px 16px; }
.ai-composer { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 10px; padding: 16px; border-top: 1px solid var(--border); background: color-mix(in srgb, var(--surface-solid) 82%, transparent); }
.ai-composer textarea { min-height: 46px; max-height: 120px; resize: none; }

.sync-grid, .account-grid { display: grid; grid-template-columns: 1.2fr .8fr; gap: 20px; }
.sync-grid > .card, .account-grid > .card { padding: 24px; }
.sync-hero { text-align: center; }
.sync-visual { width: 76px; height: 76px; margin: 4px auto 18px; border-radius: 25px; display: grid; place-items: center; color: white; background: linear-gradient(135deg, #5270ff, #4ec5dd); box-shadow: 0 18px 46px rgba(83,112,255,.3); }
.sync-visual svg { width: 32px; height: 32px; }
.sync-hero p { max-width: 580px; margin: 8px auto 20px; color: var(--muted); }
.sync-status { display: flex; justify-content: center; gap: 8px; color: var(--muted); font-size: 12px; }
.sync-status strong { color: var(--text); }
.button-row { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.button-stack { display: grid; gap: 10px; margin-top: 28px; }
.file-button { position: relative; }
.file-button input { position: absolute; opacity: 0; pointer-events: none; }
.account-profile { display: grid; grid-template-columns: auto minmax(0,1fr) auto; gap: 20px; align-items: center; padding: 28px; }
.profile-avatar { width: 72px; height: 72px; display: grid; place-items: center; border-radius: 24px; color: white; background: linear-gradient(135deg, #5270ff, #9a5de8); font-size: 27px; font-weight: 800; }
.account-profile h2 { margin: 4px 0; font-size: 24px; }
.account-profile p { margin: 3px 0; }
.form-message { min-height: 20px; margin: 0; color: var(--success); font-size: 12px; }
.form-message.error { color: var(--danger); }

.bottom-nav { display: none; }
.fab {
  position: fixed; right: 28px; bottom: 28px; z-index: 45; width: 56px; height: 56px; border: 0; border-radius: 18px;
  display: grid; place-items: center; color: white; background: linear-gradient(135deg, var(--primary), #8a5ce7);
  box-shadow: 0 16px 38px rgba(83,112,255,.36); transition: transform var(--transition), box-shadow var(--transition);
}
.fab:hover { transform: translateY(-3px) rotate(2deg); box-shadow: 0 22px 46px rgba(83,112,255,.42); }
.fab svg { width: 24px; height: 24px; }
.quick-dialog { width: min(520px, calc(100vw - 30px)); padding: 20px; border: 1px solid var(--border); border-radius: 22px; color: var(--text); background: var(--surface-solid); box-shadow: var(--shadow-lg); }
.quick-dialog::backdrop { background: rgba(10,15,27,.42); backdrop-filter: blur(5px); }
.dialog-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; }
.quick-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; }
.quick-grid button { min-height: 78px; padding: 14px; border: 1px solid var(--border); border-radius: 15px; display: flex; align-items: center; gap: 12px; color: var(--text); background: var(--surface-2); font-weight: 700; text-align: left; }
.quick-grid button:hover { border-color: rgba(83,112,255,.36); background: var(--primary-soft); transform: translateY(-1px); }
.quick-grid svg { color: var(--primary); }
.toast { position: fixed; left: 50%; bottom: 28px; z-index: 100; max-width: min(420px, calc(100vw - 32px)); padding: 12px 16px; border-radius: 13px; color: white; background: #26334b; box-shadow: var(--shadow-lg); opacity: 0; transform: translate(-50%, 18px); pointer-events: none; transition: opacity var(--transition), transform var(--transition); }
.toast[data-kind="error"] { background: #9f3f49; }
.toast.show { opacity: 1; transform: translate(-50%, 0); }
.mobile-overlay { display: none; }

@media (max-width: 1180px) {
  :root { --sidebar-width: 228px; }
  .content { padding-inline: 24px; }
  .dashboard-grid { grid-template-columns: 1fr; }
  .activity-card { grid-column: auto; }
  .metric-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}

@media (max-width: 900px) {
  :root { --topbar-height: 66px; }
  body { padding-bottom: 78px; }
  .sidebar { width: min(286px, 86vw); transform: translateX(-104%); box-shadow: var(--shadow-lg); }
  .sidebar.open { transform: translateX(0); }
  .main-area { margin-left: 0; }
  .topbar { padding: 0 16px; }
  .menu-toggle { display: inline-grid !important; }
  .global-search { width: min(470px, 100%); }
  .top-quick { display: none; }
  .content { padding: 28px 18px 96px; }
  .module-grid, .journal-grid, .sync-grid, .account-grid { grid-template-columns: 1fr; }
  .form-card { order: 0; }
  .bottom-nav {
    position: fixed; left: 10px; right: 10px; bottom: max(10px, env(safe-area-inset-bottom)); z-index: 60;
    height: 66px; padding: 6px; border: 1px solid var(--border); border-radius: 19px; box-shadow: var(--shadow-md);
    display: grid; grid-template-columns: repeat(5, 1fr);
  }
  .bottom-item { border: 0; border-radius: 13px; display: grid; place-items: center; align-content: center; gap: 3px; color: var(--muted); background: transparent; font-size: 9px; font-weight: 700; }
  .bottom-item svg { width: 19px; height: 19px; }
  .bottom-item.active { color: var(--primary); background: var(--primary-soft); }
  .fab { right: 20px; bottom: 92px; width: 52px; height: 52px; border-radius: 17px; }
  .toast { bottom: 94px; }
  .mobile-overlay { position: fixed; inset: 0; z-index: 49; background: rgba(9,14,25,.42); backdrop-filter: blur(3px); opacity: 0; pointer-events: none; display: block; transition: opacity var(--transition); }
  .mobile-overlay.show { opacity: 1; pointer-events: auto; }
  .ai-shell { height: calc(100vh - 245px); min-height: 480px; }
}

@media (max-width: 650px) {
  .topbar { gap: 9px; }
  .topbar-actions { gap: 6px; }
  .language-control select { width: 58px; padding-inline: 8px; }
  .global-search input { padding-right: 8px; }
  .page-heading { align-items: flex-start; margin-bottom: 21px; }
  .page-heading .date-chip { display: none; }
  .page-heading h1 { font-size: 30px; }
  .metric-grid, .finance-metrics { grid-template-columns: 1fr 1fr; gap: 10px; }
  .metric-card { min-height: 92px; padding: 14px; }
  .metric-icon { width: 37px; height: 37px; border-radius: 12px; }
  .metric-card strong { font-size: 18px; }
  .dashboard-grid > .card, .form-card, .list-card, .chart-card { padding: 17px; }
  .chart-wrap { height: 240px; }
  .radar-wrap { height: 290px; }
  .form-row { grid-template-columns: 1fr; }
  .responsive-heading { display: block; }
  .responsive-heading .segmented { margin-top: 13px; overflow-x: auto; }
  .segmented button { flex: 1; }
  .skill-list { grid-template-columns: 1fr; }
  .list-item { gap: 8px; }
  .list-item .money { font-size: 12px; }
  .inline-form { grid-template-columns: 1fr; }
  .quick-grid { grid-template-columns: 1fr; }
  .message { max-width: 94%; }
  .ai-history { padding: 18px 13px; }
  .ai-composer { grid-template-columns: 1fr; }
  .ai-composer .button { width: 100%; }
  .account-profile { grid-template-columns: auto 1fr; }
  .account-profile .button { grid-column: 1 / -1; width: 100%; }
}

@media (max-width: 430px) {
  .content { padding-inline: 12px; }
  .topbar { padding-inline: 10px; }
  .menu-toggle, #theme-toggle { width: 38px; height: 38px; flex-basis: 38px; }
  .language-control { display: none; }
  .global-search { min-width: 0; }
  .metric-grid, .finance-metrics { grid-template-columns: 1fr; }
  .metric-card { min-height: 82px; }
  .bottom-nav { left: 7px; right: 7px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* SUM commercial V1 additions */
a { color: inherit; text-decoration: none; }
.workspace { min-height: 100vh; margin-left: var(--sidebar-width); }
.main-content { width: min(1440px, 100%); margin: 0 auto; padding: 34px 34px 110px; }
.side-nav { display: grid; gap: 4px; min-height: 0; overflow-y: auto; padding-right: 2px; }
.nav-divider { height: 1px; background: var(--border); margin: 8px 8px; }
.top-actions { margin-left: auto; display: flex; align-items: center; gap: 9px; }
.menu-button { display: none; }
.global-search kbd { position: absolute; right: 11px; top: 50%; transform: translateY(-50%); padding: 2px 6px; border: 1px solid var(--border); border-radius: 7px; color: var(--faint); background: var(--surface-2); font-size: 10px; }
.search-results { background: var(--surface-solid); }

.brand { text-decoration: none; }
.brand-symbol {
  width: 42px; height: 42px; flex: 0 0 42px; border-radius: 14px; display: grid; place-items: center;
  color: white; font: 800 23px/1 Georgia, serif; background: linear-gradient(135deg, #3266f5, #7258e9 58%, #19a9a5);
  box-shadow: 0 12px 28px rgba(65, 93, 231, .28);
}
.brand > span:last-child > strong { display: block; font-size: 19px; letter-spacing: .12em; }
.brand > span:last-child > small { display: block; color: var(--muted); font-size: 10px; margin-top: 1px; }
.algbr-logo { display: inline !important; margin: 0 !important; font-family: "Segoe UI", Inter, sans-serif; letter-spacing: -.02em; white-space: nowrap; }
.algbr-logo b, .algbr-logo em, .algbr-logo i { font-style: normal; }
.algbr-logo b { color: #19355f; font-weight: 800; }
.algbr-logo em { color: var(--primary); font-weight: 800; }
.algbr-logo i { color: var(--success); font-weight: 700; }
html[data-theme="dark"] .algbr-logo b { color: #d8e7ff; }

.plan-card { margin: 2px 2px 16px; padding: 14px; border: 1px solid var(--border); border-radius: 15px; background: linear-gradient(145deg, var(--surface-2), var(--primary-soft)); }
.plan-card strong, .plan-card small { display: block; }
.plan-card strong { margin-top: 8px; font-size: 12px; }
.plan-card small { margin: 3px 0 8px; color: var(--muted); font-size: 10px; line-height: 1.45; }
.plan-pill, .premium-chip { display: inline-flex; align-items: center; justify-content: center; min-height: 22px; padding: 0 8px; border-radius: 999px; color: var(--primary); background: var(--primary-soft); font-size: 9px; font-weight: 900; letter-spacing: .08em; }
.plan-pill.pro, .premium-chip { color: var(--success); background: var(--success-soft); }
.text-button { border: 0; padding: 0; color: var(--primary); background: transparent; font-weight: 750; font-size: 12px; }
.text-button:hover { text-decoration: underline; }
.text-button.full { width: 100%; text-align: center; }
.nav-lock { width: 14px !important; height: 14px !important; margin-left: auto; opacity: .55; }
body[data-plan="pro"] .nav-lock { display: none; }
.upgrade-button { min-height: 38px; color: #fff; background: linear-gradient(135deg, #4d68ed, #7d57de); border: 0; }
.button.compact { min-height: 38px; padding-inline: 13px; font-size: 12px; }

.featured-card { border-color: rgba(83,112,255,.22); background: linear-gradient(135deg, color-mix(in srgb, var(--surface-solid) 92%, transparent), color-mix(in srgb, var(--primary-soft) 62%, var(--surface-solid))); }
.coach-brief { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 18px; padding: 21px; margin-bottom: 20px; }
.coach-brief h2 { margin: 2px 0 4px; font-size: 19px; }
.coach-brief p { margin: 0; color: var(--muted); }
.coach-orb { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 16px; color: white; background: linear-gradient(135deg, var(--primary), #8d57dc 60%, #20aaa7); box-shadow: 0 13px 30px rgba(83,112,255,.25); font-size: 20px; }
.summary-strip { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-bottom: 20px; }
.summary-strip > div { padding: 16px 18px; border: 1px solid var(--border); border-radius: 15px; background: var(--surface); }
.summary-strip span, .summary-strip strong { display: block; }
.summary-strip span { color: var(--muted); font-size: 11px; }
.summary-strip strong { margin-top: 3px; font-size: 20px; }
.field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.section-title { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.card-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.card-heading h2 { margin: 2px 0 0; }
.disclaimer { margin: 10px 0 0; color: var(--faint); font-size: 10px; text-align: center; }

.coach-layout { display: grid; grid-template-columns: .9fr 1.1fr; gap: 20px; align-items: stretch; }
.coach-insights, .coach-chat { min-height: 560px; padding: 22px; }
#coach-insights { display: grid; gap: 10px; margin-top: 18px; }
.insight-card { padding: 15px; border: 1px solid var(--border); border-radius: 14px; background: var(--surface-2); }
.insight-card[data-tone="warning"] { border-color: rgba(231,154,47,.26); background: var(--warning-soft); }
.insight-card[data-tone="positive"] { border-color: rgba(21,159,137,.22); background: var(--success-soft); }
.insight-card .insight-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.insight-card h3 { margin: 0; font-size: 14px; }
.insight-card p { margin: 7px 0 0; color: var(--muted); font-size: 12px; }
.insight-priority { min-height: 21px; padding: 0 7px; border-radius: 999px; color: var(--primary); background: var(--primary-soft); font-size: 9px; font-weight: 850; }
.quota-pill { display: flex; align-items: center; gap: 8px; padding: 8px 12px; border: 1px solid var(--border); border-radius: 999px; background: var(--surface); }
.quota-pill span { color: var(--muted); font-size: 11px; }
.quota-pill strong { color: var(--primary); }
.coach-chat { display: flex; flex-direction: column; }
.coach-history { flex: 1; min-height: 380px; max-height: 520px; overflow-y: auto; display: flex; flex-direction: column; gap: 13px; padding: 4px 2px 16px; }
.coach-composer { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 10px; border-top: 1px solid var(--border); padding-top: 14px; }
.coach-composer textarea { min-height: 48px; max-height: 120px; resize: vertical; }

.sync-grid { grid-template-columns: 1.2fr .8fr; }
.licence-card .button + .button { margin-top: 10px; }
.danger-zone { grid-column: 1 / -1; }
.danger-zone .button { margin-top: 14px; }

.modal { position: relative; width: min(610px, calc(100vw - 26px)); max-height: min(90vh, 850px); overflow-y: auto; border: 1px solid var(--border); border-radius: 23px; padding: 27px; color: var(--text); background: var(--surface-solid); box-shadow: var(--shadow-lg); }
.modal::backdrop { background: rgba(8, 13, 25, .52); backdrop-filter: blur(6px); }
.modal-close { position: absolute; top: 14px; right: 14px; z-index: 2; font-size: 20px; }
.onboarding-modal { width: min(680px, calc(100vw - 26px)); }
.onboarding-brand { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; }
.onboarding-brand > div > strong, .onboarding-brand > div > small { display: block; }
.onboarding-brand > div > strong { letter-spacing: .12em; font-size: 18px; }
.onboarding-brand > div > small { color: var(--muted); font-size: 10px; }
.onboarding-modal h2, .upgrade-hero h2, .quick-modal h2 { margin: 4px 0 7px; font-size: 27px; letter-spacing: -.03em; }
.onboarding-modal p, .upgrade-hero p { color: var(--muted); }
.onboarding-steps { display: grid; gap: 15px; margin: 22px 0; }
.onboarding-steps > label, .onboarding-steps fieldset { display: grid; gap: 7px; color: var(--muted); font-size: 12px; font-weight: 650; }
.onboarding-steps fieldset { border: 0; padding: 0; margin: 0; }
.profile-choice { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.profile-choice label { position: relative; }
.profile-choice input { position: absolute; opacity: 0; }
.profile-choice span { min-height: 92px; display: flex; flex-direction: column; gap: 4px; padding: 13px; border: 1px solid var(--border); border-radius: 13px; background: var(--surface-2); color: var(--text); cursor: pointer; }
.profile-choice small { color: var(--muted); font-weight: 500; line-height: 1.4; }
.profile-choice input:checked + span { border-color: rgba(83,112,255,.55); box-shadow: 0 0 0 3px var(--primary-soft); background: color-mix(in srgb, var(--primary-soft) 65%, var(--surface-solid)); }
.privacy-note { display: block; margin-top: 10px; color: var(--faint); text-align: center; }
.upgrade-hero { text-align: center; }
.upgrade-hero .brand-symbol { margin: 0 auto 14px; }
.pricing-options { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 20px 0; }
.price-card { padding: 17px; border: 1px solid var(--border); border-radius: 15px; background: var(--surface-2); }
.price-card.featured { border-color: rgba(83,112,255,.4); background: var(--primary-soft); }
.price-card span, .price-card strong, .price-card small { display: block; }
.price-card span { color: var(--muted); font-size: 11px; font-weight: 700; }
.price-card strong { margin: 4px 0; font-size: 20px; }
.price-card small { color: var(--muted); }
.feature-checks { display: grid; gap: 8px; padding: 0; margin: 18px 0; list-style: none; }
.feature-checks li::before { content: "✓"; margin-right: 9px; color: var(--success); font-weight: 900; }
.quick-modal { padding-top: 30px; }
.quick-modal .quick-grid { margin-top: 18px; }

body[data-plan="pro"] [data-upgrade], body[data-plan="pro"] .upgrade-button { display: none !important; }
body[data-plan="pro"] .plan-card { background: linear-gradient(145deg, var(--success-soft), var(--primary-soft)); }

@media (max-width: 1180px) {
  .main-content { padding-inline: 24px; }
}
@media (max-width: 900px) {
  .workspace { margin-left: 0; }
  .main-content { padding: 28px 18px 104px; }
  .menu-button { display: inline-grid; }
  .top-actions .upgrade-button { display: none; }
  .coach-layout, .sync-grid { grid-template-columns: 1fr; }
  .coach-insights, .coach-chat { min-height: auto; }
  .profile-choice { grid-template-columns: 1fr; }
}
@media (max-width: 650px) {
  .top-actions { gap: 5px; }
  .global-search kbd { display: none; }
  .coach-brief { grid-template-columns: auto minmax(0,1fr); }
  .coach-brief .button { grid-column: 1 / -1; width: 100%; }
  .summary-strip { grid-template-columns: 1fr; }
  .field-row, .pricing-options, .coach-composer { grid-template-columns: 1fr; }
  .modal { padding: 22px 18px; }
  .onboarding-modal h2, .upgrade-hero h2, .quick-modal h2 { font-size: 23px; }
}
@media (max-width: 430px) {
  .main-content { padding-inline: 12px; }
  .top-actions .language-control { display: none; }
  .brand-symbol { width: 39px; height: 39px; flex-basis: 39px; }
}

/* SUM 1.1 conversational coach, subscriptions and owner preview */
.coach-topic-picker {
  display: grid;
  grid-template-columns: repeat(7, minmax(62px, 1fr));
  gap: 7px;
  margin-bottom: 14px;
}
.coach-topic-picker button {
  min-width: 0;
  display: grid;
  place-items: center;
  gap: 4px;
  min-height: 58px;
  padding: 8px 5px;
  border: 1px solid var(--border);
  border-radius: 12px;
  color: var(--muted);
  background: var(--surface-2);
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}
.coach-topic-picker button:hover,
.coach-topic-picker button.active {
  transform: translateY(-1px);
  border-color: rgba(83,112,255,.45);
  color: var(--primary);
  background: var(--primary-soft);
}
.coach-topic-picker button > span { font-size: 16px; font-weight: 850; }
.coach-topic-picker small { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 9px; }
.coach-suggestions {
  display: flex;
  gap: 7px;
  overflow-x: auto;
  padding: 3px 0 11px;
  scrollbar-width: thin;
}
.coach-suggestions button {
  flex: 0 0 auto;
  min-height: 32px;
  padding: 6px 10px;
  border: 1px solid var(--border);
  border-radius: 999px;
  color: var(--muted);
  background: var(--surface-2);
  font-size: 10px;
  font-weight: 700;
}
.coach-suggestions button:hover { color: var(--primary); border-color: rgba(83,112,255,.4); }
.coach-composer .button { min-width: 112px; }
.ask-symbol { margin-right: 6px; font-family: Georgia, serif; font-size: 17px; }
.message-bubble strong { color: var(--text); font-size: 11px; letter-spacing: .01em; }
.price-card[role="button"] { cursor: pointer; }
.price-card.selected {
  border-color: var(--primary);
  box-shadow: 0 0 0 3px var(--primary-soft);
  background: color-mix(in srgb, var(--primary-soft) 78%, var(--surface-solid));
}
.owner-preview-card { grid-column: 1 / -1; border-color: rgba(83,112,255,.28); background: linear-gradient(135deg, var(--surface-solid), var(--primary-soft)); }
.owner-preview-card[hidden] { display: none !important; }
.admin-actions { margin-top: 14px; }
body[data-owner-preview="true"] .plan-pill.pro { color: #7c3aed; background: rgba(124,58,237,.12); }
body[data-owner-preview="true"] .plan-card { background: linear-gradient(145deg, rgba(124,58,237,.1), var(--primary-soft)); }

@media (max-width: 1050px) {
  .coach-topic-picker { grid-template-columns: repeat(4, 1fr); }
}
@media (max-width: 650px) {
  .coach-topic-picker { grid-template-columns: repeat(3, 1fr); }
  .coach-composer .button { width: 100%; }
}

/* SUM 1.2 — Daily Command Center */
.dashboard-tabs,
.task-tabs {
  display: inline-flex;
  gap: 4px;
  padding: 5px;
  margin: 0 0 20px;
  border: 1px solid var(--border);
  border-radius: 15px;
  background: var(--surface);
  box-shadow: var(--shadow-sm);
}
.dashboard-tabs button,
.task-tabs button {
  min-height: 38px;
  padding: 0 15px;
  border: 0;
  border-radius: 11px;
  color: var(--muted);
  background: transparent;
  font-weight: 750;
  transition: var(--transition);
}
.dashboard-tabs button:hover,
.task-tabs button:hover { color: var(--text); background: var(--surface-hover); }
.dashboard-tabs button.active,
.task-tabs button.active { color: var(--primary); background: var(--primary-soft); box-shadow: inset 0 0 0 1px rgba(83,112,255,.12); }
.dashboard-period,
.task-view { display: none; }
.dashboard-period.active,
.task-view.active { display: block; animation: panelIn 280ms cubic-bezier(.2,.8,.2,1) forwards; }
.command-grid { display: grid; gap: 16px; }
.day-command-grid { grid-template-columns: 1.15fr 1fr 1fr .72fr; }
.priority-command { grid-column: span 2; min-height: 190px; overflow: hidden; background: linear-gradient(135deg, color-mix(in srgb, var(--primary-soft) 75%, var(--surface-solid)), var(--surface-solid)); }
.priority-command::after { content: "Σ"; position: absolute; right: 18px; bottom: -44px; color: var(--primary-soft); font: 180px/1 Georgia, serif; pointer-events: none; }
.priority-one-content { position: relative; z-index: 1; min-height: 126px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 18px; }
.priority-one-content h2 { margin: 0 0 6px; font-size: clamp(22px,2vw,30px); }
.priority-one-content p { margin: 0; color: var(--muted); }
.priority-number { color: var(--primary); font-size: 42px; font-weight: 900; letter-spacing: -.06em; }
.compact-list,
.habit-mini-list { display: grid; gap: 8px; margin-top: 14px; }
.mini-task,
.habit-mini,
.week-event {
  width: 100%; display: flex; align-items: center; gap: 11px; padding: 10px 11px;
  border: 1px solid var(--border); border-radius: 12px; text-align: left; background: var(--surface-2);
}
.mini-task > span,
.habit-mini > span { width: 28px; height: 28px; flex: 0 0 28px; display: grid; place-items: center; border-radius: 9px; color: var(--primary); background: var(--primary-soft); font-weight: 850; }
.mini-task div,
.week-event div { min-width: 0; }
.mini-task strong,
.mini-task small,
.week-event strong,
.week-event small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mini-task small,
.week-event small { color: var(--muted); font-size: 10px; }
.habit-mini.done { border-color: rgba(21,159,137,.25); background: var(--success-soft); }
.habit-mini.done > span { color: var(--success); background: var(--success-soft); }
.energy-card { display: flex; flex-direction: column; justify-content: center; }
.energy-value { display: flex; align-items: baseline; gap: 4px; margin: 8px 0; }
.energy-value strong { font-size: 46px; line-height: 1; letter-spacing: -.06em; }
.energy-value span { color: var(--muted); }
.energy-card input { width: 100%; accent-color: var(--primary); }
.energy-labels { display: flex; justify-content: space-between; color: var(--muted); font-size: 10px; }
.focus-command { grid-column: 1 / -1; display: grid; grid-template-columns: auto 1fr auto; gap: 16px; align-items: center; }
.focus-command h2,
.weekly-sigma h2,
.month-analysis h2 { margin: 2px 0 4px; }
.focus-command p,
.weekly-sigma p,
.month-analysis p { margin: 0; color: var(--muted); }
.period-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.period-grid > article { min-height: 220px; }
.weekly-sigma,
.month-analysis { grid-column: 1 / -1; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 16px; }
.month-grid { grid-template-columns: 1fr 1fr; }
.progress-dashboard { display: grid; gap: 13px; margin-top: 17px; }
.progress-row { display: grid; gap: 6px; margin-top: 11px; }
.progress-row > div:first-child { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.progress-row span { color: var(--muted); font-size: 11px; }
.progress-row strong { font-size: 12px; }
.reminder-row { display: flex; align-items: flex-start; gap: 10px; padding: 10px 0; border-bottom: 1px solid var(--border); }
.reminder-row:last-child { border-bottom: 0; }
.reminder-row > span { width: 25px; height: 25px; flex: 0 0 25px; display: grid; place-items: center; border-radius: 9px; color: var(--warning); background: var(--warning-soft); font-weight: 900; }
.reminder-row p { margin: 2px 0 0; color: var(--muted); }
.week-event { margin-top: 8px; }
.week-event > span { min-width: 58px; color: var(--primary); font-size: 11px; font-weight: 800; }
.dashboard-lower-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 16px; }
.shortcut-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 9px; margin-top: 16px; }
.shortcut-grid button { position: relative; min-height: 84px; display: grid; place-items: center; gap: 6px; border: 1px solid var(--border); border-radius: 14px; background: var(--surface-2); font-weight: 700; }
.shortcut-grid button:hover { transform: translateY(-2px); border-color: var(--border-strong); background: var(--surface-hover); }
.shortcut-grid svg { color: var(--primary); }
.shortcut-grid small { position: absolute; top: 7px; right: 7px; color: var(--faint); font-size: 8px; text-transform: uppercase; }
.sigma-command-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 9px; margin-top: 16px; }
.sigma-command-grid button { min-height: 62px; display: flex; align-items: center; gap: 10px; padding: 11px; border: 1px solid var(--border); border-radius: 13px; background: var(--surface-2); text-align: left; }
.sigma-command-grid button:hover { border-color: rgba(83,112,255,.35); background: var(--primary-soft); }
.sigma-command-grid span { width: 31px; height: 31px; flex: 0 0 31px; display: grid; place-items: center; border-radius: 10px; color: white; background: linear-gradient(135deg,var(--primary),var(--purple)); font-family: Georgia,serif; font-weight: 800; }
.sigma-command-grid strong { font-size: 11px; }

.inbox-capture { display: grid; grid-template-columns: minmax(180px,.7fr) minmax(280px,1.5fr) auto; align-items: center; gap: 18px; margin-bottom: 18px; }
.inbox-capture h2 { margin: 2px 0 0; }
.inbox-capture form { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 9px; }
.inbox-capture input { min-height: 44px; padding: 0 14px; border: 1px solid var(--border); border-radius: 13px; color: var(--text); background: var(--surface-2); outline: none; }
.task-day-grid { display: grid; grid-template-columns: minmax(280px,.78fr) minmax(0,1.45fr); gap: 16px; align-items: start; }
.task-plan-column { display: grid; gap: 16px; }
.task-v12 { grid-template-columns: auto minmax(0,1fr) auto; }
.task-card-actions { display: flex; align-items: center; gap: 3px; }
.task-star { color: var(--faint); font-size: 16px; }
.task-star.active { color: var(--warning); background: var(--warning-soft); }
.essential-chip { color: var(--warning) !important; font-weight: 750; }
.subtask-summary { margin-top: 5px; color: var(--muted); font-size: 10px; }
.switch-label { min-height: 42px; display: flex !important; align-items: center; gap: 9px; padding: 0 11px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface-2); color: var(--text) !important; }
.switch-label input { width: 16px; height: 16px; accent-color: var(--primary); }
.timeline-list { display: grid; gap: 1px; margin-top: 12px; }
.timeline-item { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 12px; padding: 11px 0; border-bottom: 1px solid var(--border); }
.timeline-item:last-child { border-bottom: 0; }
.timeline-item > span { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 10px; color: var(--primary); background: var(--primary-soft); font-weight: 850; }
.timeline-item strong,
.timeline-item small { display: block; }
.timeline-item small { color: var(--muted); }
.inbox-item { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 13px 0; border-bottom: 1px solid var(--border); }
.inbox-item strong,
.inbox-item small { display: block; }
.inbox-item small { color: var(--muted); }
.kanban-shell,
.matrix-shell { overflow: hidden; }
.kanban-board { display: grid; grid-template-columns: repeat(5,minmax(180px,1fr)); gap: 10px; margin-top: 16px; overflow-x: auto; padding-bottom: 6px; }
.kanban-column { min-height: 360px; padding: 10px; border: 1px solid var(--border); border-radius: 14px; background: var(--surface-2); }
.kanban-column > header { display: flex; justify-content: space-between; align-items: center; padding: 3px 3px 10px; color: var(--muted); font-size: 11px; font-weight: 800; }
.kanban-column > header strong { min-width: 24px; height: 24px; display: grid; place-items: center; border-radius: 8px; background: var(--surface); }
.kanban-card { margin-bottom: 8px; padding: 11px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface-solid); box-shadow: var(--shadow-sm); }
.kanban-card strong,
.kanban-card small { display: block; }
.kanban-card small { margin-top: 5px; color: var(--muted); font-size: 9px; }
.kanban-actions { display: flex; justify-content: flex-end; gap: 4px; margin-top: 9px; }
.kanban-actions button { width: 27px; height: 27px; border: 0; border-radius: 8px; background: var(--surface-2); }
.kanban-empty { padding: 14px 4px; color: var(--faint); font-size: 10px; text-align: center; }
.eisenhower-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 16px; }
.matrix-quadrant { min-height: 260px; padding: 15px; border: 1px solid var(--border); border-radius: 15px; background: var(--surface-2); }
.matrix-quadrant > header { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; padding-bottom: 11px; border-bottom: 1px solid var(--border); }
.matrix-quadrant h3 { margin: 0; }
.matrix-quadrant p { margin: 3px 0 0; color: var(--muted); font-size: 10px; }
.matrix-quadrant > header > strong { width: 27px; height: 27px; display: grid; place-items: center; border-radius: 9px; background: var(--surface); }
.matrix-quadrant > div > button { width: 100%; display: flex; justify-content: space-between; gap: 10px; margin-top: 8px; padding: 10px; border: 1px solid var(--border); border-radius: 11px; background: var(--surface-solid); text-align: left; }
.matrix-quadrant > div > button small { color: var(--muted); white-space: nowrap; }
.matrix-do { border-color: rgba(223,91,101,.28); }
.matrix-schedule { border-color: rgba(83,112,255,.27); }
.matrix-delegate { border-color: rgba(231,154,47,.28); }
.matrix-eliminate { border-color: rgba(105,117,139,.22); }

.planner-grid { display: grid; grid-template-columns: 1.25fr .75fr; gap: 16px; }
.calendar-card { grid-row: span 2; }
.calendar-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 15px; }
.calendar-toolbar h2 { margin: 0; text-transform: capitalize; }
.calendar-weekdays,
.calendar-grid { display: grid; grid-template-columns: repeat(7,1fr); gap: 5px; }
.calendar-weekdays { margin-bottom: 5px; color: var(--muted); font-size: 9px; font-weight: 800; text-align: center; text-transform: uppercase; }
.calendar-day { min-height: 78px; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; padding: 8px; border: 1px solid var(--border); border-radius: 11px; background: var(--surface-2); text-align: left; }
.calendar-day:hover { border-color: var(--border-strong); background: var(--surface-hover); }
.calendar-day.other-month { opacity: .42; }
.calendar-day.today { border-color: var(--primary); box-shadow: inset 0 0 0 2px var(--primary-soft); }
.calendar-day > span { font-weight: 800; }
.calendar-day small { display: flex; align-items: center; gap: 3px; color: var(--muted); font-size: 8px; }
.calendar-day i { width: 6px; height: 6px; border-radius: 50%; background: var(--primary); }
.upcoming-events { margin-top: 16px; }
.upcoming-events h3 { margin: 0 0 8px; font-size: 12px; }
.event-row { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 10px; padding: 10px 0; border-top: 1px solid var(--border); }
.event-date { width: 40px; text-align: center; }
.event-date strong,
.event-date span { display: block; }
.event-date strong { font-size: 18px; }
.event-date span { color: var(--muted); font-size: 8px; text-transform: uppercase; }
.event-row > div:nth-child(2) strong,
.event-row > div:nth-child(2) small { display: block; }
.event-row > div:nth-child(2) small { color: var(--muted); font-size: 9px; }
.habit-list { display: grid; gap: 8px; margin-top: 15px; }
.habit-row { display: grid; grid-template-columns: auto minmax(0,1fr) auto auto; align-items: center; gap: 10px; padding: 10px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface-2); }
.habit-row.is-complete { border-color: rgba(21,159,137,.24); background: var(--success-soft); }
.habit-check { width: 32px; height: 32px; border: 1px solid var(--border-strong); border-radius: 10px; color: white; background: var(--surface-solid); font-weight: 900; }
.habit-row.is-complete .habit-check { border-color: var(--success); background: var(--success); }
.habit-row strong,
.habit-row small { display: block; }
.habit-row small { color: var(--muted); font-size: 9px; }
.preset-habits { margin-top: 16px; }
.preset-habits > span { color: var(--muted); font-size: 10px; font-weight: 700; }
#habit-presets { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
#habit-presets button { min-height: 30px; padding: 5px 9px; border: 1px solid var(--border); border-radius: 999px; color: var(--muted); background: var(--surface-2); font-size: 9px; }
.goal-entry-form { display: grid; grid-template-columns: minmax(0,1fr) 120px auto; gap: 8px; margin-top: 15px; }
.goal-entry-form input,
.goal-entry-form select { min-height: 38px; padding: 0 10px; border: 1px solid var(--border); border-radius: 11px; color: var(--text); background: var(--surface-2); }
.goals-card { grid-column: 1 / -1; }
.goal-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 18px; }
.goal-columns h3 { margin: 0 0 8px; font-size: 13px; }
.goal-row { display: grid; grid-template-columns: auto minmax(0,1fr) 100px auto; align-items: center; gap: 10px; padding: 10px 0; border-top: 1px solid var(--border); }
.goal-row > div > strong,
.goal-row > div > small { display: block; }
.goal-row > div > small { color: var(--muted); font-size: 9px; }
.goal-progress { height: 5px; margin: 5px 0 3px; overflow: hidden; border-radius: 999px; background: var(--surface-2); }
.goal-progress span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--primary),var(--success)); }
.goal-row input[type="range"] { width: 100%; accent-color: var(--primary); }
.planner-sigma { grid-column: 1 / -1; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 16px; }
.planner-sigma h2 { margin: 2px 0 4px; }
.planner-sigma p { margin: 0; color: var(--muted); }

@media (max-width: 1180px) {
  .day-command-grid { grid-template-columns: 1fr 1fr; }
  .priority-command { grid-column: 1 / -1; }
  .dashboard-lower-grid { grid-template-columns: 1fr; }
  .planner-grid { grid-template-columns: 1fr; }
  .calendar-card { grid-row: auto; }
}
@media (max-width: 900px) {
  .task-day-grid { grid-template-columns: 1fr; }
  .inbox-capture { grid-template-columns: 1fr; }
  .inbox-capture form { grid-template-columns: 1fr auto; }
  .period-grid,
  .month-grid { grid-template-columns: 1fr; }
  .weekly-sigma,
  .month-analysis { grid-column: auto; }
  .shortcut-grid { grid-template-columns: repeat(4,1fr); }
}
@media (max-width: 650px) {
  .dashboard-tabs,
  .task-tabs { display: grid; grid-template-columns: repeat(2,1fr); width: 100%; }
  .day-command-grid { grid-template-columns: 1fr; }
  .priority-command { grid-column: auto; }
  .priority-one-content { grid-template-columns: auto 1fr; }
  .priority-one-content .button { grid-column: 1 / -1; width: 100%; }
  .focus-command,
  .weekly-sigma,
  .month-analysis,
  .planner-sigma { grid-template-columns: auto 1fr; }
  .focus-command .button,
  .weekly-sigma .button,
  .month-analysis .button,
  .planner-sigma .button { grid-column: 1 / -1; width: 100%; }
  .shortcut-grid { grid-template-columns: repeat(2,1fr); }
  .sigma-command-grid { grid-template-columns: 1fr; }
  .inbox-capture form { grid-template-columns: 1fr; }
  .eisenhower-grid { grid-template-columns: 1fr; }
  .calendar-day { min-height: 54px; padding: 5px; border-radius: 8px; }
  .calendar-day small { display: none; }
  .goal-entry-form,
  .goal-columns { grid-template-columns: 1fr; }
  .goal-row { grid-template-columns: auto minmax(0,1fr) auto; }
  .goal-row input[type="range"] { grid-column: 2 / -1; }
  .habit-row { grid-template-columns: auto minmax(0,1fr) auto; }
  .habit-row .badge { display: none; }
  .timeline-item { grid-template-columns: auto minmax(0,1fr); }
  .timeline-item .text-button { grid-column: 2; justify-self: start; }
}

/* SUM 1.2.1 — UX polish, responsive command cards and commerce preview */
:root {
  --transition: 240ms cubic-bezier(.22,.8,.24,1);
  --transition-slow: 420ms cubic-bezier(.22,.8,.24,1);
}

h1, h2, h3, p, strong, small, button, label {
  overflow-wrap: break-word;
  word-break: normal;
  hyphens: auto;
}
.card-heading > div,
.page-heading > div,
.focus-command > div,
.weekly-sigma > div,
.month-analysis > div,
.planner-sigma > div,
.priority-one-content > div { min-width: 0; }
.card-heading h2 { line-height: 1.22; }
.card-heading .text-button { flex: 0 0 auto; white-space: nowrap; }

.command-grid > .card,
.period-grid > .card,
.dashboard-lower-grid > .card { padding: 22px; }
.day-command-grid {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  align-items: stretch;
}
.priority-command {
  position: relative;
  grid-column: span 6;
  min-height: 208px;
}
.essentials-card { grid-column: span 3; min-height: 208px; }
.habits-today-card { grid-column: span 3; min-height: 208px; }
.energy-card { grid-column: span 3; min-height: 154px; }
.focus-command {
  grid-column: span 9;
  min-height: 154px;
}
.priority-one-content { min-height: 140px; }
.priority-one-content h2 {
  max-width: 34ch;
  font-size: clamp(21px, 2vw, 29px);
  line-height: 1.12;
}
.essentials-card .compact-list,
.habits-today-card .habit-mini-list { margin-top: 10px; }
.mini-task,
.habit-mini { min-width: 0; }
.mini-task strong,
.habit-mini strong { line-height: 1.22; }
.focus-command h2,
.weekly-sigma h2,
.month-analysis h2 { line-height: 1.25; }

.card,
.button,
.nav-item,
.shortcut-grid button,
.sigma-command-grid button,
.mini-task,
.habit-mini,
.price-card {
  will-change: transform;
}
.card:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}
.panel.active { animation: sumPanelIn 230ms cubic-bezier(.18,.82,.26,1) both; }
::view-transition-old(sum-panel) {
  animation: sumPanelOut 130ms cubic-bezier(.4,0,1,1) both;
}
::view-transition-new(sum-panel) {
  animation: sumPanelIn 230ms cubic-bezier(.18,.82,.26,1) both;
}
@keyframes sumPanelOut {
  to { opacity: 0; transform: translateY(-5px) scale(.995); filter: blur(1px); }
}
@keyframes sumPanelIn {
  from { opacity: 0; transform: translateY(12px) scale(.992); filter: blur(2px); }
  to { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); }
}
.panel.active .card { animation: cardSettle 300ms cubic-bezier(.18,.82,.26,1) backwards; }
.panel.active .card:nth-of-type(2) { animation-delay: 35ms; }
.panel.active .card:nth-of-type(3) { animation-delay: 70ms; }
.panel.active .card:nth-of-type(4) { animation-delay: 105ms; }
@keyframes cardSettle {
  from { opacity: .45; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}
.modal[open] { animation: dialogOpen 260ms cubic-bezier(.2,.8,.2,1) both; }
.modal[open]::backdrop { animation: backdropIn 220ms ease both; }
@keyframes dialogOpen {
  from { opacity: 0; transform: translateY(14px) scale(.975); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes backdropIn { from { opacity: 0; } to { opacity: 1; } }

/* Conversational Σ */
.coach-chat {
  background:
    radial-gradient(circle at 90% 0%, color-mix(in srgb, var(--primary-soft) 65%, transparent), transparent 34%),
    var(--surface);
}
.coach-presence {
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  gap: 10px;
  align-items: center;
  margin: -4px 0 14px;
  padding: 10px 12px;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: color-mix(in srgb, var(--surface-2) 72%, transparent);
}
.coach-presence strong,
.coach-presence small { display: block; }
.coach-presence strong { font-size: 12px; }
.coach-presence small { color: var(--muted); font-size: 10px; line-height: 1.35; }
.presence-dot,
.payment-state-dot {
  width: 10px;
  height: 10px;
  flex: 0 0 10px;
  border-radius: 50%;
  background: var(--success);
  box-shadow: 0 0 0 5px var(--success-soft);
}
.coach-history {
  scroll-behavior: smooth;
  overscroll-behavior: contain;
}
.message { max-width: min(88%, 680px); animation: messageIn 260ms cubic-bezier(.2,.8,.2,1) both; }
@keyframes messageIn {
  from { opacity: 0; transform: translateY(7px) scale(.985); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}
.message-bubble {
  position: relative;
  line-height: 1.62;
}
.message.assistant .message-bubble {
  border-left: 3px solid color-mix(in srgb, var(--primary) 70%, var(--success));
  background: linear-gradient(145deg, var(--surface-solid), color-mix(in srgb, var(--primary-soft) 32%, var(--surface-solid)));
}
.message-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 10px;
  padding-top: 9px;
  border-top: 1px solid var(--border);
}
.message-actions button {
  min-height: 29px;
  padding: 4px 9px;
  border: 1px solid var(--border);
  border-radius: 9px;
  color: var(--primary);
  background: var(--surface-2);
  font-size: 10px;
  font-weight: 750;
}
.message-actions button:hover { border-color: rgba(83,112,255,.4); background: var(--primary-soft); }
.message.typing .message-bubble { min-width: 76px; }
.typing-dots { display: inline-flex; gap: 4px; align-items: center; height: 18px; }
.typing-dots i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--muted);
  animation: typingBounce 900ms ease-in-out infinite;
}
.typing-dots i:nth-child(2) { animation-delay: 120ms; }
.typing-dots i:nth-child(3) { animation-delay: 240ms; }
@keyframes typingBounce {
  0%, 65%, 100% { transform: translateY(0); opacity: .42; }
  32% { transform: translateY(-4px); opacity: 1; }
}
.coach-composer {
  position: sticky;
  bottom: 0;
  z-index: 2;
  padding: 14px 0 2px;
  background: linear-gradient(to bottom, transparent, var(--surface-solid) 24%);
}
.coach-composer textarea { line-height: 1.45; }
.coach-composer button[disabled] { opacity: .62; cursor: wait; transform: none; }

/* Payment configuration and local checkout simulation */
.checkout-status,
.payment-admin-status {
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  gap: 11px;
  align-items: center;
  padding: 11px 12px;
  margin: 14px 0;
  border: 1px solid var(--border);
  border-radius: 13px;
  background: var(--surface-2);
}
.checkout-status strong,
.checkout-status small,
.payment-admin-status strong,
.payment-admin-status small { display: block; }
.checkout-status strong,
.payment-admin-status strong { font-size: 12px; }
.checkout-status small,
.payment-admin-status small { color: var(--muted); font-size: 10px; }
.checkout-status[data-state="ready"] .payment-state-dot,
.payment-admin-status[data-state="ready"] .payment-state-dot { background: var(--success); box-shadow: 0 0 0 5px var(--success-soft); }
.checkout-status[data-state="test"] .payment-state-dot,
.payment-admin-status[data-state="test"] .payment-state-dot { background: var(--warning); box-shadow: 0 0 0 5px var(--warning-soft); }
.checkout-status[data-state="unconfigured"] .payment-state-dot,
.payment-admin-status[data-state="unconfigured"] .payment-state-dot { background: var(--danger); box-shadow: 0 0 0 5px var(--danger-soft); }
.payment-test-modal { width: min(560px, calc(100vw - 26px)); }
.payment-test-modal h2 { margin: 5px 0 8px; font-size: 26px; }
.payment-test-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 8px;
  margin: 18px 0;
}
.payment-test-summary > div {
  padding: 12px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--surface-2);
}
.payment-test-summary span,
.payment-test-summary strong { display: block; }
.payment-test-summary span { color: var(--muted); font-size: 9px; text-transform: uppercase; letter-spacing: .07em; }
.payment-test-summary strong { margin-top: 4px; font-size: 12px; }
.payment-test-steps { display: grid; gap: 8px; margin: 18px 0; }
.payment-test-steps p { display: flex; align-items: center; gap: 10px; margin: 0; color: var(--muted); }
.payment-test-steps p > span:first-child {
  width: 26px;
  height: 26px;
  flex: 0 0 26px;
  display: grid;
  place-items: center;
  border-radius: 9px;
  color: var(--primary);
  background: var(--primary-soft);
  font-weight: 850;
}

@media (max-width: 1180px) {
  .day-command-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .priority-command { grid-column: 1 / -1; }
  .essentials-card,
  .habits-today-card,
  .energy-card,
  .focus-command { grid-column: auto; }
  .focus-command { grid-template-columns: auto minmax(0,1fr); }
  .focus-command .button { grid-column: 1 / -1; width: 100%; }
}
@media (max-width: 760px) {
  .command-grid > .card,
  .period-grid > .card,
  .dashboard-lower-grid > .card { padding: 17px; }
  .day-command-grid { grid-template-columns: 1fr; }
  .priority-command,
  .essentials-card,
  .habits-today-card,
  .energy-card,
  .focus-command { grid-column: auto; min-height: auto; }
  .priority-one-content { min-height: auto; }
  .coach-presence { grid-template-columns: auto minmax(0,1fr); }
  .coach-presence .text-button { grid-column: 2; justify-self: start; }
  .payment-test-summary { grid-template-columns: 1fr; }
  .checkout-status,
  .payment-admin-status { grid-template-columns: auto minmax(0,1fr); }
  .payment-admin-status .text-button { grid-column: 2; justify-self: start; }
}

@media (prefers-reduced-motion: reduce) {
  ::view-transition-old(sum-panel),
  ::view-transition-new(sum-panel),
  .panel.active,
  .panel.active .card,
  .message,
  .modal[open],
  .typing-dots i { animation: none !important; }
  .coach-history { scroll-behavior: auto; }
}


/* SUM 1.2.1 finishing pass: readable card titles and collision-free coach */
.essentials-card .mini-task {
  align-items: flex-start;
}
.essentials-card .mini-task strong {
  display: block;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: normal;
}
.essentials-card .mini-task small { margin-top: 3px; }
body[data-current-panel="coach"] .fab {
  opacity: 0;
  pointer-events: none;
  transform: translateY(12px) scale(.82);
}


/* SUM 1.2.2 — dashboard heading refinement and cleaner CTA hierarchy */
.eyebrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  padding: 5px 10px;
  border-radius: 999px;
  line-height: 1;
  letter-spacing: .11em;
  background: color-mix(in srgb, var(--primary-soft) 78%, var(--surface-solid));
  box-shadow: inset 0 0 0 1px rgba(83,112,255,.10);
}
.priority-command > .eyebrow,
.energy-card > .eyebrow,
.focus-command .eyebrow,
.weekly-sigma .eyebrow,
.month-analysis .eyebrow {
  margin-bottom: 14px;
}
.card-heading {
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 18px;
}
.card-heading > div {
  display: grid;
  gap: 8px;
  align-content: start;
  min-width: 0;
}
.card-heading > div > .eyebrow {
  justify-self: start;
}
.card-heading h2 {
  margin: 0;
  font-size: clamp(16px, 1.22vw, 18px);
  line-height: 1.22;
}
.card-heading .text-button {
  align-self: flex-start;
  min-height: 32px;
  padding: 6px 10px;
  border-radius: 10px;
  color: var(--primary);
  background: color-mix(in srgb, var(--primary-soft) 70%, var(--surface-solid));
  box-shadow: inset 0 0 0 1px rgba(83,112,255,.10);
  text-decoration: none;
}
.card-heading .text-button:hover {
  text-decoration: none;
  background: color-mix(in srgb, var(--primary-soft) 84%, var(--surface-solid));
}
.priority-command,
.essentials-card,
.habits-today-card,
.energy-card,
.focus-command,
.dashboard-lower-grid > .card {
  padding-top: 24px;
}
.priority-command > .eyebrow,
.energy-card > .eyebrow {
  justify-self: start;
}
.priority-one-content {
  align-items: start;
}
.priority-one-content .button {
  align-self: center;
}
.essentials-card .card-heading,
.habits-today-card .card-heading,
.dashboard-lower-grid > .card .card-heading {
  min-height: 66px;
}
.essentials-card .compact-list,
.habits-today-card .habit-mini-list {
  margin-top: 6px;
}
.focus-command {
  padding-right: 18px;
}
.focus-command .button {
  min-height: 40px;
  padding-inline: 14px;
  border-radius: 12px;
}
.shortcut-grid button,
.sigma-command-grid button {
  transition: transform var(--transition), border-color var(--transition), background var(--transition), box-shadow var(--transition);
}
.shortcut-grid button:hover,
.sigma-command-grid button:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-sm);
}
@media (max-width: 900px) {
  .card-heading {
    flex-direction: column;
    align-items: stretch;
  }
  .card-heading .text-button {
    width: fit-content;
  }
  .essentials-card .card-heading,
  .habits-today-card .card-heading,
  .dashboard-lower-grid > .card .card-heading {
    min-height: auto;
  }
}

/* SUM 1.3 Final — dedicated editions and completed dashboard experience */
:root {
  --edition-accent: #2563eb;
  --edition-soft: #eaf2ff;
}
body[data-edition="student"] { --edition-accent: #5b6df8; --edition-soft: #eef0ff; }
body[data-edition="solo"] { --edition-accent: #2563eb; --edition-soft: #eaf2ff; }
body[data-edition="creator"] { --edition-accent: #8b5cf6; --edition-soft: #f3edff; }
body[data-edition="life"] { --edition-accent: #0f9f89; --edition-soft: #e8f8f4; }
body[data-edition="nomad"] { --edition-accent: #e8793e; --edition-soft: #fff1e8; }

.edition-context {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  margin: -2px 0 16px;
  padding: 18px 20px;
  overflow: hidden;
  border-color: color-mix(in srgb, var(--edition-accent) 20%, var(--border));
  background:
    radial-gradient(circle at 88% 20%, color-mix(in srgb, var(--edition-accent) 12%, transparent), transparent 34%),
    linear-gradient(135deg, color-mix(in srgb, var(--edition-soft) 72%, var(--surface-solid)), var(--surface));
}
.edition-context::after {
  content: "Σ";
  position: absolute;
  right: 80px;
  bottom: -66px;
  color: color-mix(in srgb, var(--edition-accent) 8%, transparent);
  font: 190px/1 Georgia, serif;
  pointer-events: none;
}
.edition-context > * { position: relative; z-index: 1; }
.edition-context-icon {
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  flex: 0 0 54px;
  border-radius: 18px;
  color: var(--edition-accent);
  background: color-mix(in srgb, var(--edition-soft) 85%, var(--surface-solid));
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--edition-accent) 18%, transparent), var(--shadow-sm);
  font-size: 25px;
  font-weight: 900;
}
.edition-context-copy { min-width: 0; }
.edition-context-copy h2 {
  margin: 5px 0 3px;
  max-width: 64ch;
  font-size: clamp(18px, 1.55vw, 23px);
  line-height: 1.18;
}
.edition-context-copy p { margin: 0; color: var(--muted); line-height: 1.45; }
.edition-badge {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  min-height: 25px;
  padding: 5px 10px;
  border-radius: 999px;
  color: var(--edition-accent);
  background: color-mix(in srgb, var(--edition-soft) 78%, var(--surface-solid));
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--edition-accent) 18%, transparent);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.edition-badge.compact { min-height: 22px; padding: 4px 8px; font-size: 9px; white-space: nowrap; }
.edition-template-row { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.edition-template-row span {
  padding: 5px 8px;
  border: 1px solid var(--border);
  border-radius: 9px;
  color: var(--muted);
  background: color-mix(in srgb, var(--surface-2) 86%, transparent);
  font-size: 10px;
  font-weight: 650;
}

.edition-kpi-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 18px;
}
.edition-kpi {
  min-width: 0;
  min-height: 82px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 11px;
  padding: 13px 14px;
}
.edition-kpi-icon {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 11px;
  color: var(--edition-accent);
  background: var(--edition-soft);
  font-weight: 900;
}
.edition-kpi div { min-width: 0; }
.edition-kpi small, .edition-kpi strong, .edition-kpi em { display: block; }
.edition-kpi small { overflow: hidden; color: var(--muted); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.edition-kpi strong { margin-top: 2px; overflow: hidden; font-size: 18px; letter-spacing: -.035em; text-overflow: ellipsis; white-space: nowrap; }
.edition-kpi em { margin-top: 1px; color: var(--faint); font-size: 9px; font-style: normal; text-transform: capitalize; }

.day-command-grid { gap: 14px; }
.priority-command, .essentials-card, .habits-today-card, .energy-card, .focus-command {
  border-color: color-mix(in srgb, var(--edition-accent) 8%, var(--border));
}
.priority-command { background: linear-gradient(135deg, color-mix(in srgb, var(--edition-soft) 70%, var(--surface-solid)), var(--surface-solid)); }
.priority-command::after { color: color-mix(in srgb, var(--edition-accent) 8%, transparent); }
.priority-number { color: var(--edition-accent); }
.focus-command { background: linear-gradient(110deg, color-mix(in srgb, var(--edition-soft) 68%, var(--surface-solid)), var(--surface)); }
.focus-command::after { color: color-mix(in srgb, var(--edition-accent) 8%, transparent); }
.focus-command .coach-orb, .planner-sigma .coach-orb, .weekly-sigma .coach-orb, .month-analysis .coach-orb {
  background: linear-gradient(135deg, var(--edition-accent), var(--purple));
}
.day-command-grid .eyebrow, .dashboard-lower-grid .eyebrow { color: var(--edition-accent); }
.dashboard-tabs button.active, .task-tabs button.active { color: var(--edition-accent); background: var(--edition-soft); }

.edition-onboarding { width: min(960px, calc(100vw - 28px)); }
.onboarding-inline-fields { display: grid; grid-template-columns: 1.3fr .75fr .75fr; gap: 10px; }
.edition-choice { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 9px; }
.edition-choice-card span {
  min-height: 160px;
  padding: 14px 12px;
  border-radius: 16px;
  text-align: left;
}
.edition-choice-card strong { line-height: 1.2; }
.edition-choice-card small { font-size: 10px; }
.edition-choice-card input:checked + span {
  border-color: color-mix(in srgb, var(--choice-accent) 62%, var(--border));
  background: color-mix(in srgb, var(--choice-accent) 9%, var(--surface-solid));
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--choice-accent) 13%, transparent), var(--shadow-sm);
}
.edition-choice-icon {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  margin-bottom: 5px;
  border-radius: 11px;
  color: var(--choice-accent);
  background: color-mix(in srgb, var(--choice-accent) 10%, var(--surface-solid));
  font-size: 18px;
}

.edition-account-card { padding: 24px; }
.edition-account-head { display: flex; align-items: center; gap: 14px; }
.edition-account-head h2 { margin: 6px 0 0; line-height: 1.25; }
.edition-account-card > p { margin: 16px 0; line-height: 1.55; }
.edition-account-section { margin-top: 17px; }
.edition-account-section > strong { display: block; margin-bottom: 8px; font-size: 12px; }
.edition-prompt-list { display: grid; gap: 7px; }
.edition-prompt-list button {
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 42px;
  padding: 8px 10px;
  border: 1px solid var(--border);
  border-radius: 12px;
  color: var(--text);
  background: var(--surface-2);
  text-align: left;
  font-size: 11px;
  font-weight: 700;
}
.edition-prompt-list button span {
  width: 25px;
  height: 25px;
  display: grid;
  place-items: center;
  flex: 0 0 25px;
  border-radius: 8px;
  color: white;
  background: var(--edition-accent);
  font-family: Georgia, serif;
}
.edition-prompt-list button:hover { transform: translateY(-1px); border-color: color-mix(in srgb, var(--edition-accent) 35%, var(--border)); background: var(--edition-soft); }
.coach-suggestions button span { margin-right: 5px; color: var(--edition-accent); font-family: Georgia, serif; }
.ai-welcome .edition-badge { margin-bottom: 8px; }
.coach-presence { grid-template-columns: auto minmax(0,1fr) auto auto; }

.nav-item.active { color: var(--edition-accent); background: color-mix(in srgb, var(--edition-soft) 70%, var(--surface-solid)); }
.nav-item.active svg { color: var(--edition-accent); }
.sidebar-profile .avatar { color: var(--edition-accent); background: var(--edition-soft); }

@media (max-width: 1180px) {
  .edition-choice { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .edition-kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .edition-context { grid-template-columns: auto minmax(0,1fr); }
  .edition-context .button { grid-column: 2; justify-self: start; }
  .onboarding-inline-fields { grid-template-columns: 1fr 1fr; }
  .onboarding-inline-fields > label:first-child { grid-column: 1 / -1; }
  .edition-choice { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .coach-presence { grid-template-columns: auto minmax(0,1fr); }
  .coach-presence .edition-badge, .coach-presence .text-button { grid-column: 2; justify-self: start; }
}
@media (max-width: 620px) {
  .edition-context { grid-template-columns: 1fr; padding: 17px; }
  .edition-context-icon { width: 46px; height: 46px; }
  .edition-context .button { grid-column: auto; width: 100%; }
  .edition-kpi-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
  .edition-kpi { min-height: 74px; padding: 11px; }
  .edition-kpi-icon { display: none; }
  .edition-kpi { grid-template-columns: 1fr; }
  .onboarding-inline-fields, .edition-choice { grid-template-columns: 1fr; }
  .onboarding-inline-fields > label:first-child { grid-column: auto; }
  .edition-choice-card span { min-height: 118px; }
}

/* SUM 1.3 final micro-label fit */
.day-command-grid .eyebrow,
.dashboard-lower-grid .eyebrow {
  max-width: 100%;
  padding: 5px 8px;
  font-size: 9px;
  letter-spacing: .09em;
  white-space: nowrap;
}
.edition-kpi strong { margin-top: 4px; }


/* SUM 1.3.1 — release-candidate UI, edition switcher and owner lab */
.brand { min-width: 0; padding-inline: 4px; gap: 10px; }
.brand-symbol { width: 42px; height: 42px; flex: 0 0 42px; border-radius: 14px; }
.brand > span:last-child { min-width: 0; }
.brand > span:last-child > strong { letter-spacing: .06em; font-size: 18px; line-height: 1; }
.brand > span:last-child > small { margin-top: 4px; white-space: nowrap; overflow: visible; }
.algbr-logo { font-size: 10px; white-space: nowrap !important; }
.edition-context-compact { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:14px; padding:16px 18px; margin-bottom:16px; overflow:hidden; }
.edition-context-compact::after { font-size:110px; right:22px; bottom:-40px; opacity:.45; }
.edition-context-compact .edition-context-icon { width:44px; height:44px; font-size:21px; border-radius:14px; }
.edition-context-compact .edition-context-copy { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; column-gap:12px; row-gap:3px; }
.edition-context-compact .edition-badge { grid-row:1 / span 2; align-self:center; }
.edition-context-compact h2 { margin:0; font-size:15px; line-height:1.25; white-space:normal; }
.edition-context-compact p { font-size:11px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.edition-context-compact .button { position:relative; z-index:2; white-space:nowrap; }
.edition-template-row { display:none !important; }
.edition-select-row { display:grid; grid-template-columns:minmax(0,1fr) 42px; gap:8px; }
.edition-switcher { width:min(850px,calc(100vw - 30px)); }
.edition-dialog-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:18px; }
.edition-dialog-card { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:12px; align-items:center; min-height:100px; padding:16px; border:1px solid var(--border); border-radius:16px; background:var(--surface-2); text-align:left; transition:var(--transition); }
.edition-dialog-card:hover,.edition-dialog-card.active { transform:translateY(-2px); border-color:var(--choice-accent); box-shadow:var(--shadow-md); }
.edition-dialog-icon { width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:color-mix(in srgb,var(--choice-accent) 14%,var(--surface));font-size:22px; }
.edition-dialog-card strong,.edition-dialog-card small { display:block; }
.edition-dialog-card small { margin-top:4px;color:var(--muted);line-height:1.35; }
.admin-edition-lab { margin:16px 0; padding:14px; border:1px solid var(--border); border-radius:15px; background:var(--surface-2); }
.admin-edition-lab > span { display:block; color:var(--muted); font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.1em; margin-bottom:10px; }
.admin-edition-lab > div { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:7px; }
.admin-edition-lab button { display:grid; place-items:center; gap:4px; min-height:62px; border:1px solid var(--border); border-radius:12px; background:var(--surface); }
.admin-edition-lab button:hover { border-color:var(--choice-accent); background:color-mix(in srgb,var(--choice-accent) 10%,var(--surface)); }
.admin-edition-lab button span { font-size:18px; }
.admin-edition-lab button strong { font-size:9px; text-align:center; }
.card > .eyebrow:first-child,.form-card > .eyebrow:first-child { margin:0 0 12px; }
.task-day-grid .card,.module-grid .card,.wide-card { padding-top:24px; }
@media(max-width:760px){.edition-context-compact{grid-template-columns:auto minmax(0,1fr)}.edition-context-compact .button{grid-column:1/-1;width:100%}.edition-context-compact .edition-context-copy{grid-template-columns:1fr}.edition-context-compact .edition-badge{grid-row:auto}.edition-dialog-grid{grid-template-columns:1fr}.admin-edition-lab>div{grid-template-columns:repeat(3,1fr)}}
\n\n/* SUM 1.4 — Mail Hub, finance detail, health depth and learning library */
.nav-count{margin-left:auto;min-width:20px;height:20px;padding:0 6px;display:grid;place-items:center;border-radius:999px;background:var(--primary);color:white;font-size:9px;font-weight:800}.nav-count[hidden]{display:none}
.dashboard-mail-summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:16px;align-items:center;padding:18px 20px;margin:16px 0;background:linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--primary-soft) 55%,var(--surface)))}
.mail-summary-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;color:var(--primary);background:var(--primary-soft)}.mail-summary-icon svg{width:22px;height:22px}.dashboard-mail-summary h2{margin:4px 0}.dashboard-mail-summary p{margin:0;color:var(--muted)}
.mail-summary-metrics{display:flex;gap:18px}.mail-summary-metrics span{display:grid;text-align:center}.mail-summary-metrics strong{font-size:21px}.mail-summary-metrics small{color:var(--muted);font-size:9px}
.mail-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.mail-kpis article{padding:18px}.mail-kpis span{color:var(--muted);font-size:11px}.mail-kpis strong{display:block;margin-top:5px;font-size:26px}
.mail-provider-card,.mail-inbox-card{padding:22px;margin-bottom:16px}.mail-provider-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.mail-provider{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:78px;padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2);text-align:left}.mail-provider>span,.provider-mini{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:var(--primary-soft);color:var(--primary);font-weight:900;font-size:11px}.mail-provider strong,.mail-provider small{display:block}.mail-provider small{margin-top:3px;color:var(--muted);font-size:9px}.mail-provider.connected{border-color:rgba(21,159,137,.35);background:var(--success-soft)}
.mail-account-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:14px}.mail-account-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;border:1px solid var(--border);border-radius:12px}.mail-account-row strong,.mail-account-row small{display:block}.mail-account-row small{color:var(--muted);font-size:9px}
.mail-toolbar{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:14px}.mail-toolbar h2{margin:5px 0 0}.mail-filters{display:flex;gap:8px}.mail-filters select{min-height:40px;padding:0 12px;border:1px solid var(--border);border-radius:11px;background:var(--surface-2);color:var(--text)}
.mail-message-list{display:grid}.mail-message{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:12px;padding:15px 4px;border-bottom:1px solid var(--border)}.mail-message:last-child{border-bottom:0}.mail-message.unread{background:linear-gradient(90deg,var(--primary-soft),transparent 28%)}.importance{display:block;width:7px;height:7px;margin-top:7px;border-radius:50%;background:var(--faint)}.importance.high{background:var(--danger)}.mail-message-top{display:flex;justify-content:space-between;gap:12px}.mail-message-top time{color:var(--muted);font-size:9px;white-space:nowrap}.mail-sender{display:block;margin-top:2px;color:var(--muted);font-size:10px}.mail-message p{margin:6px 0;color:var(--muted);line-height:1.4}.mail-tags{display:flex;gap:5px;flex-wrap:wrap}.mail-tags span{padding:3px 7px;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:8px;font-weight:800;text-transform:uppercase}.mail-message-actions{display:flex;gap:6px;align-items:center}
.finance-toolbar{display:flex;align-items:end;gap:12px;padding:14px 18px;margin-bottom:16px}.finance-toolbar label{display:grid;gap:5px}.finance-toolbar label span{color:var(--muted);font-size:10px}.finance-toolbar input,.finance-toolbar select{min-height:40px;padding:0 11px;border:1px solid var(--border);border-radius:11px;background:var(--surface-2);color:var(--text)}.finance-toolbar .button{margin-left:auto}.finance-detail-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.6fr);gap:16px}.tax-readiness{padding:22px}.tax-score{display:flex;align-items:baseline;gap:8px;margin:18px 0}.tax-score strong{font-size:42px}.tax-score span{color:var(--muted)}.tax-checklist{display:grid;gap:9px}.tax-checklist p{display:flex;gap:9px;margin:0}.tax-checklist p span{width:22px;height:22px;display:grid;place-items:center;border-radius:8px;background:var(--primary-soft);color:var(--primary)}.receipt-missing{color:var(--danger)!important}.receipt-ok{color:var(--success)!important}
.health-connect-card{padding:22px;margin:16px 0}.health-device-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.health-device-grid button{min-height:54px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);color:var(--muted)}
.learning-resource-grid{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);gap:16px;margin-top:16px}.learning-resource-grid>.card{padding:22px}.learning-resource-list{display:grid;gap:8px}.learning-resource{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;padding:12px;border:1px solid var(--border);border-radius:13px;background:var(--surface-2)}.learning-resource>span{font-size:20px}.learning-resource strong,.learning-resource small{display:block}.learning-resource small{color:var(--muted);font-size:9px}.learning-resource p{margin:5px 0 0;color:var(--muted)}
@media(max-width:1000px){.dashboard-mail-summary{grid-template-columns:auto minmax(0,1fr)}.mail-summary-metrics,.dashboard-mail-summary>.button{grid-column:1/-1}.mail-kpis,.mail-provider-grid{grid-template-columns:repeat(2,1fr)}.finance-detail-grid,.learning-resource-grid{grid-template-columns:1fr}}
@media(max-width:640px){.mail-kpis,.mail-provider-grid,.mail-account-list,.health-device-grid{grid-template-columns:1fr}.mail-toolbar,.finance-toolbar{align-items:stretch;flex-direction:column}.mail-filters{display:grid}.mail-message{grid-template-columns:8px minmax(0,1fr)}.mail-message-actions{grid-column:2;justify-content:flex-start}.mail-summary-metrics{justify-content:space-between}.dashboard-mail-summary>.button{width:100%}}

/* SUM 1.5.1 — Σ brand, edition atmosphere, interactive health and local AI */
.brand { min-width: 0; }
.brand .brand-copy { min-width: 0; display: grid; gap: 1px; }
.brand .brand-copy > strong { font-size: 14px; letter-spacing: .035em; white-space: nowrap; }
.brand .brand-copy > small { white-space: nowrap; }
.brand-symbol { font-size: 25px; font-family: Georgia, "Times New Roman", serif; font-weight: 900; }

body[data-edition="student"] { --edition-accent: #4f46e5; --edition-soft: #eef2ff; --edition-glow: rgba(79,70,229,.12); }
body[data-edition="solo"] { --edition-accent: #087f8c; --edition-soft: #e7f8f8; --edition-glow: rgba(8,127,140,.12); }
body[data-edition="creator"] { --edition-accent: #a445d6; --edition-soft: #faefff; --edition-glow: rgba(164,69,214,.12); }
body[data-edition="life"] { --edition-accent: #239b56; --edition-soft: #ecfbf2; --edition-glow: rgba(35,155,86,.12); }
body[data-edition="nomad"] { --edition-accent: #e06f22; --edition-soft: #fff3e8; --edition-glow: rgba(224,111,34,.12); }
body::before { content:""; position:fixed; inset:0; z-index:-2; pointer-events:none; background:radial-gradient(circle at 82% 2%,var(--edition-glow),transparent 28%); }
.edition-context-card { border-color: color-mix(in srgb,var(--edition-accent) 26%,var(--border)); }
.edition-context-icon,.edition-kpi-icon { color:var(--edition-accent); background:var(--edition-soft); }
.edition-badge { color:var(--edition-accent); background:var(--edition-soft); }

.coach-heading-actions { display:flex; align-items:center; gap:10px; flex-wrap:wrap; justify-content:flex-end; }
.local-ai-status { min-height:36px; display:inline-flex; align-items:center; gap:8px; padding:0 11px; border:1px solid var(--border); border-radius:999px; color:var(--muted); background:var(--surface); font-size:11px; font-weight:750; cursor:pointer; transition:var(--transition); }
.local-ai-status:hover { transform:translateY(-1px); border-color:color-mix(in srgb,var(--edition-accent) 32%,var(--border)); }
.local-ai-status[data-state="active"] { color:var(--edition-accent); background:var(--edition-soft); border-color:color-mix(in srgb,var(--edition-accent) 28%,var(--border)); }
.status-dot-mini { width:8px; height:8px; border-radius:50%; background:var(--faint); box-shadow:0 0 0 4px color-mix(in srgb,var(--faint) 12%,transparent); }
.local-ai-status[data-state="active"] .status-dot-mini { background:var(--success); box-shadow:0 0 0 4px var(--success-soft); }

.health-summary-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-bottom:18px; }
.health-summary-card { min-height:102px; padding:18px; border:1px solid var(--border); border-radius:16px; background:var(--surface); box-shadow:var(--shadow-sm); }
.health-summary-card span,.health-summary-card small { display:block; color:var(--muted); }
.health-summary-card span { font-size:11px; font-weight:750; }
.health-summary-card strong { display:block; margin:7px 0 3px; font-size:25px; letter-spacing:-.04em; }
.health-summary-card small { font-size:10px; }
.advanced-health-fields { padding:12px 13px; border:1px solid var(--border); border-radius:13px; background:var(--surface-2); }
.advanced-health-fields summary { color:var(--edition-accent); font-size:12px; font-weight:800; cursor:pointer; }
.advanced-health-fields[open] summary { margin-bottom:12px; }
.health-device-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.health-device-card { min-height:118px; padding:16px; display:grid; align-content:center; justify-items:start; gap:7px; border:1px solid var(--border); border-radius:16px; color:var(--text); background:var(--surface-2); text-align:left; cursor:pointer; transition:var(--transition); }
.health-device-card:hover { transform:translateY(-3px); border-color:color-mix(in srgb,var(--edition-accent) 35%,var(--border)); box-shadow:var(--shadow-sm); }
.health-device-card > span { width:36px; height:36px; display:grid; place-items:center; border-radius:12px; color:var(--edition-accent); background:var(--edition-soft); font-size:18px; font-weight:900; }
.health-device-card strong { font-size:13px; }
.health-device-card small { color:var(--muted); font-size:10px; }
.health-device-card.connected { border-color:rgba(21,159,137,.32); background:linear-gradient(145deg,var(--success-soft),var(--surface)); }
.health-device-card.connected small { color:var(--success); font-weight:750; }
.health-connect-status { margin:18px 0; }
.connection-state { display:flex; align-items:center; gap:12px; padding:13px; border:1px solid var(--border); border-radius:14px; background:var(--surface-2); }
.connection-state > span { width:10px; height:10px; border-radius:50%; background:var(--faint); }
.connection-state.connected > span { background:var(--success); box-shadow:0 0 0 5px var(--success-soft); }
.connection-state strong,.connection-state small { display:block; }
.connection-state small { margin-top:3px; color:var(--muted); }
.health-connect-actions { display:grid; gap:9px; }

@media(max-width:1050px){ .health-device-grid,.health-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media(max-width:620px){ .health-device-grid,.health-summary-grid{grid-template-columns:1fr;} .coach-heading-actions{justify-content:flex-start;} }


/* Σ Life OS 1.5.1 — brand-first identity and grounded guidance */
.brand, .site-brand { min-width: 0; }
.brand-symbol { font-family: Georgia, "Times New Roman", serif; font-weight: 900; letter-spacing: -.04em; }
.brand-copy > strong, .site-brand strong, .onboarding-brand strong { letter-spacing: -.025em; }
.sidebar .brand { padding: 10px 8px; border-radius: 16px; }
.sidebar .brand:hover { background: var(--surface-hover); }
.coach-signal-strip {
  display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: 8px; padding: 10px 14px;
  border-bottom: 1px solid var(--border); background: color-mix(in srgb,var(--surface-2) 76%,transparent);
}
.coach-signal { min-width:0; display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:6px; padding:7px 9px; border:1px solid var(--border); border-radius:11px; color:var(--muted); background:var(--surface-solid); }
.coach-signal b { color:var(--faint); }
.coach-signal small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.coach-signal strong { font-size:11px; }
.coach-signal.active { color:var(--text); border-color:color-mix(in srgb,var(--edition-accent) 25%,var(--border)); background:var(--edition-soft); }
.coach-signal.active b { color:var(--edition-accent); }
.health-device-card { cursor:pointer; touch-action:manipulation; }
.health-device-card:focus-visible { outline:3px solid color-mix(in srgb,var(--edition-accent) 35%,transparent); outline-offset:3px; }
@media (max-width: 760px) { .coach-signal-strip { grid-template-columns: repeat(2,minmax(0,1fr)); } .coach-signal:last-child { grid-column:1 / -1; } }

/* Σ 1.6 — unified Social Hub */
.dashboard-communication-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-top: 16px;
}
.dashboard-social-summary,
.dashboard-mail-summary {
  min-height: 142px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  padding: 20px;
}
.social-summary-icon,
.mail-summary-icon {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border-radius: 15px;
  color: var(--primary);
  background: var(--primary-soft);
}
.social-summary-icon svg,
.mail-summary-icon svg { width: 22px; height: 22px; }
.social-summary-metrics,
.mail-summary-metrics { display: flex; align-items: center; gap: 8px; }
.social-summary-metrics > span,
.mail-summary-metrics > span {
  min-width: 64px;
  padding: 9px 10px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--surface-2);
  text-align: center;
}
.social-summary-metrics strong,
.social-summary-metrics small,
.mail-summary-metrics strong,
.mail-summary-metrics small { display: block; }
.social-summary-metrics strong,
.mail-summary-metrics strong { font-size: 18px; }
.social-summary-metrics small,
.mail-summary-metrics small { color: var(--muted); font-size: 9px; }

.social-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}
.social-kpis .card { min-height: 96px; padding: 18px; display: grid; align-content: center; gap: 5px; }
.social-kpis span { color: var(--muted); font-size: 11px; }
.social-kpis strong { font-size: 28px; letter-spacing: -.04em; }
.social-connected-card,
.social-queue-card { padding: 22px; margin-bottom: 16px; }
.social-connected-head,
.social-toolbar {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 18px;
}
.social-connected-head p { margin: 5px 0 0; color: var(--muted); }
.social-filters { display: flex; gap: 8px; flex-wrap: wrap; }
.social-filters select {
  min-height: 40px;
  padding: 0 34px 0 12px;
  border: 1px solid var(--border);
  border-radius: 12px;
  color: var(--text);
  background: var(--surface-2);
}
.social-account-list { display: flex; gap: 10px; flex-wrap: wrap; }
.social-account-chip {
  min-width: 230px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 11px 12px;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: var(--surface-2);
}
.social-account-chip > span,
.social-provider-mark,
.social-source-mark,
.social-provider-option > span {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  color: #fff;
  background: linear-gradient(135deg, var(--primary), var(--purple));
  font-weight: 900;
}
.social-account-chip strong,
.social-account-chip small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.social-account-chip small { color: var(--muted); font-size: 10px; margin-top: 2px; }
.social-empty-connection {
  width: 100%;
  min-height: 92px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px;
  border: 1px dashed var(--border-strong);
  border-radius: 14px;
  color: var(--muted);
  background: var(--surface-2);
}
.social-interaction-list { display: grid; gap: 10px; }
.social-interaction {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 13px;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 15px;
  background: var(--surface-2);
  transition: transform var(--transition), border-color var(--transition), background var(--transition), box-shadow var(--transition);
}
.social-interaction:hover { transform: translateY(-1px); border-color: var(--border-strong); box-shadow: var(--shadow-sm); }
.social-interaction-main { min-width: 0; }
.social-interaction-top { display: flex; justify-content: space-between; gap: 12px; align-items: flex-start; }
.social-interaction-top > div { min-width: 0; }
.social-interaction-top strong { display: block; margin-top: 4px; font-size: 14px; line-height: 1.25; }
.social-interaction-top time { flex: 0 0 auto; color: var(--muted); font-size: 10px; }
.social-type { color: var(--primary); font-size: 9px; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }
.social-sender { display: block; margin-top: 4px; color: var(--muted); font-size: 11px; }
.social-interaction p { margin: 8px 0 0; color: var(--muted); line-height: 1.48; }
.social-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.social-tags span { padding: 4px 7px; border-radius: 999px; color: var(--primary); background: var(--primary-soft); font-size: 9px; font-weight: 750; }
.social-tags .priority-high { color: var(--danger); background: var(--danger-soft); }
.social-tags .priority-medium { color: var(--warning); background: var(--warning-soft); }
.social-tags .priority-low { color: var(--success); background: var(--success-soft); }
.social-interaction-actions { display: flex; align-items: center; justify-content: flex-end; gap: 6px; flex-wrap: wrap; max-width: 230px; }
.social-provider-picker { display: grid; gap: 10px; margin-top: 18px; }
.social-provider-option {
  width: 100%;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border: 1px solid var(--border);
  border-radius: 14px;
  color: var(--text);
  background: var(--surface-2);
  text-align: left;
}
.social-provider-option:hover { border-color: var(--border-strong); background: var(--surface-hover); }
.social-provider-option strong,
.social-provider-option small { display: block; }
.social-provider-option small { margin-top: 3px; color: var(--muted); line-height: 1.35; }
.social-provider-option b { color: var(--primary); }
.social-info-modal { max-width: 480px; }
.social-info-modal .social-provider-mark { margin-bottom: 14px; }
.info-callout { margin: 16px 0; padding: 13px; border-radius: 13px; color: var(--muted); background: var(--primary-soft); }
.provider-instagram > span,
.provider-instagram .social-source-mark { background: linear-gradient(135deg, #f58529, #dd2a7b 55%, #8134af); }
.provider-facebook > span,
.provider-facebook .social-source-mark { background: #1877f2; }
.provider-youtube > span,
.provider-youtube .social-source-mark { background: #ff0033; }
.provider-x > span,
.provider-x .social-source-mark { background: #111827; }
.provider-linkedin > span,
.provider-linkedin .social-source-mark { background: #0a66c2; }
.provider-tiktok > span,
.provider-tiktok .social-source-mark { background: linear-gradient(135deg, #25f4ee, #111 48%, #fe2c55); }

@media (max-width: 1180px) {
  .dashboard-communication-grid { grid-template-columns: 1fr; }
  .dashboard-social-summary,
  .dashboard-mail-summary { grid-template-columns: auto minmax(0, 1fr); }
  .social-summary-metrics,
  .mail-summary-metrics { grid-column: 1 / -1; }
  .dashboard-social-summary > .button,
  .dashboard-mail-summary > .button { grid-column: 1 / -1; width: 100%; }
}
@media (max-width: 760px) {
  .social-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .social-connected-head,
  .social-toolbar { flex-direction: column; align-items: stretch; }
  .social-filters { display: grid; grid-template-columns: 1fr; }
  .social-interaction { grid-template-columns: auto minmax(0, 1fr); }
  .social-interaction-actions { grid-column: 1 / -1; justify-content: flex-start; max-width: none; }
  .social-account-chip { min-width: 100%; }
  .social-empty-connection { flex-direction: column; align-items: flex-start; }
}

/* Σ 1.6.1 — Context Center, Unified Mail and local AI settings */
.dashboard-context-summary {
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto auto;
  align-items: center;
  gap: 18px;
  margin-top: 16px;
  padding: 22px;
}
.context-summary-icon {
  width: 48px; height: 48px; display: grid; place-items: center;
  border-radius: 16px; color: white; font-size: 24px; font-weight: 900;
  background: linear-gradient(135deg,var(--edition-accent,var(--primary)),var(--purple));
  box-shadow: 0 14px 35px color-mix(in srgb,var(--edition-accent,var(--primary)) 28%, transparent);
}
.context-summary-score { display: grid; justify-items: end; }
.context-summary-score strong { font-size: 28px; letter-spacing: -.05em; }
.context-summary-score small { color: var(--muted); }
.context-layout { display: grid; grid-template-columns: minmax(260px,.72fr) minmax(0,1.65fr); gap: 18px; align-items: start; }
.context-side-column,.context-main-column { display: grid; gap: 18px; }
.context-score-card,.context-main-column > .card,.context-side-column > .card { padding: 22px; }
.context-score-line { display: flex; align-items: baseline; gap: 8px; margin: 18px 0 12px; }
.context-score-line strong { font-size: 44px; letter-spacing: -.06em; }
.context-score-line span { color: var(--muted); }
.context-progress span { background: linear-gradient(90deg,var(--edition-accent,var(--primary)),var(--purple)); }
.context-checklist { display: grid; gap: 9px; margin: 18px 0 0; padding: 0; list-style: none; }
.context-checklist li { display: flex; gap: 9px; align-items: center; color: var(--muted); font-size: 12px; }
.context-checklist li > span:first-child { width: 24px; height: 24px; display: grid; place-items: center; border-radius: 8px; background: var(--surface-2); }
.context-checklist li.done { color: var(--text); }
.context-checklist li.done > span:first-child { color: var(--success); background: var(--success-soft); }
.context-source-grid { display: grid; gap: 9px; }
.context-source-card { width: 100%; display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 11px; padding: 12px; border: 1px solid var(--border); border-radius: 14px; background: var(--surface-2); text-align: left; }
.context-source-card:hover { transform: translateY(-1px); border-color: var(--border-strong); background: var(--surface-hover); }
.context-source-card.connected { border-color: color-mix(in srgb,var(--success) 28%,var(--border)); }
.context-source-icon { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 11px; color: var(--primary); background: var(--primary-soft); font-weight: 850; }
.context-source-card strong,.context-source-card small { display: block; }
.context-source-card small { margin-top: 2px; color: var(--muted); font-size: 10px; }
.context-source-card b { color: var(--muted); }
.context-form { display: grid; gap: 16px; }
.context-form .field-row.three { grid-template-columns: repeat(3,minmax(0,1fr)); }
.context-days,.context-permissions { margin: 0; padding: 15px; border: 1px solid var(--border); border-radius: 15px; }
.context-days legend,.context-permissions legend { padding: 0 7px; color: var(--muted); font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.context-days > div { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); gap: 7px; }
.context-days label,.context-domain-grid label { cursor: pointer; }
.context-days label span,.context-domain-grid label span { min-height: 38px; display: grid; place-items: center; border: 1px solid var(--border); border-radius: 11px; background: var(--surface-2); font-weight: 750; font-size: 11px; }
.context-days input,.context-domain-grid input { position: absolute; opacity: 0; pointer-events: none; }
.context-days input:checked + span,.context-domain-grid input:checked + span { color: var(--primary); border-color: color-mix(in srgb,var(--primary) 35%,var(--border)); background: var(--primary-soft); }
.context-domain-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; margin-top: 12px; }
.context-checkin-form { display: grid; gap: 13px; }
.context-checkin-history { display: grid; gap: 8px; margin-top: 18px; }
.context-checkin-item { display: grid; grid-template-columns: minmax(150px,.42fr) minmax(0,1fr); gap: 14px; padding: 12px 0; border-top: 1px solid var(--border); }
.context-checkin-item strong,.context-checkin-item span { display: block; }
.context-checkin-item span { margin-top: 3px; color: var(--muted); font-size: 10px; }
.context-checkin-item p { margin: 0; color: var(--muted); }
.mail-unified-setup { position: relative; display: grid; grid-template-columns: minmax(240px,.8fr) minmax(320px,1.2fr); gap: 28px; align-items: center; padding: 26px; }
.mail-unified-copy h2 { margin: 8px 0 6px; }
.mail-unified-copy p { margin: 0; color: var(--muted); }
.mail-unified-setup > .quota-pill { position: absolute; top: 18px; right: 18px; }
.mail-unified-form { display: grid; gap: 11px; }
.mail-email-field { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; }
.mail-email-field input { min-height: 48px; padding: 0 14px; border: 1px solid var(--border); border-radius: 14px; background: var(--surface-2); color: var(--text); outline: none; }
.mail-email-field input:focus { border-color: var(--primary); box-shadow: 0 0 0 4px var(--primary-soft); }
.mail-detection { min-height: 46px; display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 10px; padding: 9px 11px; border: 1px dashed var(--border); border-radius: 13px; color: var(--muted); }
.mail-detection strong,.mail-detection small { display: block; }
.mail-detection small { font-size: 10px; color: var(--muted); }
.mail-detection-neutral { grid-column: 1/-1; }
.mail-provider-choice { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.mail-provider-choice button { display: flex; align-items: center; gap: 9px; padding: 10px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface-2); text-align: left; }
.mail-provider-choice button span { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 9px; color: var(--primary); background: var(--primary-soft); font-weight: 900; }
.mail-connected-compact { margin-top: 16px; padding: 22px; }
.mail-connect-guide { margin: 14px 0; padding: 12px 14px; border-radius: 14px; background: var(--surface-2); }
.mail-connect-guide ol { margin: 0; padding-left: 20px; color: var(--muted); }
.ai-settings-modal { width: min(680px,calc(100vw - 30px)); }
.ai-mode-list { display: grid; gap: 10px; margin: 20px 0; }
.ai-mode-list article { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 16px; padding: 16px; border: 1px solid var(--border); border-radius: 15px; background: var(--surface-2); }
.ai-mode-list strong,.ai-mode-list small,.ai-mode-list em { display: block; }
.ai-mode-list small { margin-top: 4px; color: var(--muted); }
.ai-mode-list em { margin-top: 7px; color: var(--primary); font-size: 11px; font-style: normal; font-weight: 700; }
.ai-model-progress > div { height: 8px; overflow: hidden; border-radius: 99px; background: var(--surface-2); }
.ai-model-progress > div span { display: block; width: 0; height: 100%; background: linear-gradient(90deg,var(--primary),var(--purple)); transition: width .25s ease; }
.ai-model-progress small { display: block; margin-top: 6px; color: var(--muted); }
@media (max-width: 1050px) {
  .context-layout,.mail-unified-setup { grid-template-columns: 1fr; }
  .context-side-column { grid-template-columns: 1fr 1fr; }
  .dashboard-context-summary { grid-template-columns: auto minmax(0,1fr) auto; }
  .dashboard-context-summary .button { grid-column: 2/-1; justify-self: start; }
}
@media (max-width: 720px) {
  .context-side-column,.context-form .field-row.three,.context-domain-grid { grid-template-columns: 1fr; }
  .context-days > div { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .mail-email-field { grid-template-columns: 1fr; }
  .mail-provider-choice { grid-template-columns: 1fr; }
  .dashboard-context-summary { grid-template-columns: auto minmax(0,1fr); }
  .context-summary-score { justify-items: start; grid-column: 2; }
  .dashboard-context-summary .button { grid-column: 1/-1; width: 100%; }
  .ai-mode-list article { grid-template-columns: 1fr; }
}

/* Σ V1.7 Core Intelligence experience */
.nav-section-label{display:block;padding:12px 14px 5px;color:var(--muted);font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.v17-side-nav{padding-bottom:18px}.v17-today-shell{display:grid;gap:16px;margin-bottom:22px}.v17-today-heading{display:flex;align-items:end;justify-content:space-between;gap:16px}.v17-today-heading h2{margin:4px 0 0;font-size:clamp(1.35rem,2vw,2rem)}.v17-recommendations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.v17-recommendation{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:13px;padding:20px;border:1px solid var(--border);border-radius:24px;background:linear-gradient(145deg,var(--card),color-mix(in srgb,var(--accent) 4%,var(--card)));box-shadow:var(--shadow);min-width:0}.v17-recommendation-rank{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:var(--accent);color:white;font-weight:900}.v17-recommendation-main{min-width:0}.v17-recommendation-main h3{margin:6px 0 4px;font-size:1.02rem;line-height:1.25}.v17-recommendation-main>p{margin:4px 0;color:var(--muted);font-size:.86rem;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.v17-recommendation-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.v17-recommendation-meta b{display:grid;place-items:center;min-width:28px;height:24px;padding:0 7px;border-radius:999px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}.v17-sender{font-weight:700!important;color:var(--text)!important}.v17-recommendation details{margin-top:12px;border-top:1px solid var(--border);padding-top:10px}.v17-recommendation summary{cursor:pointer;color:var(--accent);font-size:.8rem;font-weight:800}.v17-recommendation details p{font-size:.8rem;color:var(--muted)}.v17-source-badges{display:flex;flex-wrap:wrap;gap:5px}.v17-source-badges span{padding:4px 7px;border-radius:999px;background:var(--soft);font-size:.68rem}.v17-recommendation-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:6px}.v17-trust-strip{display:grid;grid-template-columns:minmax(190px,1fr) minmax(190px,1fr) auto;align-items:center;gap:22px;padding:16px 18px;border:1px solid var(--border);border-radius:20px;background:color-mix(in srgb,var(--card) 88%,transparent)}.v17-trust-strip>div{display:grid;gap:5px}.v17-trust-strip span,.v17-trust-strip small{color:var(--muted);font-size:.76rem}.v17-trust-strip strong{font-size:.9rem}.v17-trust-strip .progress-track{height:7px}.v17-trust-strip .progress-track span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--success));transition:width .35s ease}.v17-attention-tabs{display:flex;gap:8px;overflow:auto;padding:2px 2px 14px}.v17-attention-tabs button{border:1px solid var(--border);background:var(--card);color:var(--muted);padding:10px 13px;border-radius:14px;display:flex;align-items:center;gap:8px;white-space:nowrap;font:inherit;font-weight:750;cursor:pointer}.v17-attention-tabs button b{display:grid;place-items:center;min-width:23px;height:23px;padding:0 6px;border-radius:999px;background:var(--soft);font-size:.7rem}.v17-attention-tabs button.active{border-color:color-mix(in srgb,var(--accent) 52%,var(--border));background:color-mix(in srgb,var(--accent) 8%,var(--card));color:var(--accent)}.v17-attention-card{padding:0;overflow:hidden}.v17-attention-list{display:grid}.v17-attention-list .v17-recommendation{border:0;border-bottom:1px solid var(--border);border-radius:0;box-shadow:none;background:transparent;grid-template-columns:auto minmax(0,1fr) auto;align-items:center}.v17-attention-list .v17-recommendation:last-child{border-bottom:0}.v17-attention-list .v17-recommendation-actions{grid-column:auto}.v17-attention-list .v17-recommendation-main>p{-webkit-line-clamp:2}.v17-plan-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:16px}.v17-plan-grid>article:nth-child(3),.v17-plan-grid>article:nth-child(4){grid-column:1/-1}.v17-capacity-values{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0}.v17-capacity-values div{display:grid;gap:4px}.v17-capacity-values span{color:var(--muted);font-size:.78rem}.v17-capacity-values strong{font-size:1.65rem}.v17-capacity-track{height:12px}.v17-capacity-track span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--success),var(--accent));transition:width .35s ease}.v17-capacity-track span[data-over="true"]{background:linear-gradient(90deg,var(--warning),var(--danger))}.v17-capacity-card p{margin:12px 0 0;color:var(--muted);line-height:1.5}.v17-plan-outcomes,.v17-plan-schedule{display:grid;gap:8px}.v17-plan-outcomes article,.v17-plan-schedule article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--border)}.v17-plan-outcomes article:last-child,.v17-plan-schedule article:last-child{border-bottom:0}.v17-plan-outcomes article>span{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:var(--accent);color:white;font-weight:900}.v17-plan-outcomes div,.v17-plan-schedule div{display:grid;gap:3px}.v17-plan-outcomes small,.v17-plan-schedule small{color:var(--muted)}.v17-plan-schedule{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}.v17-plan-schedule article{grid-template-columns:80px minmax(0,1fr)}.v17-plan-schedule time{color:var(--accent);font-weight:800;font-size:.78rem}.v17-plan-links{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.v17-privacy-card{display:flex;align-items:center;gap:14px;margin-bottom:16px}.v17-privacy-card svg{width:34px;height:34px;stroke:var(--success);fill:none;stroke-width:1.8}.v17-privacy-card p{margin:0;color:var(--muted);line-height:1.5}.v17-connections-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.v17-source-list{display:grid}.v17-source-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}.v17-source-row:last-child{border-bottom:0}.v17-source-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--soft);font-weight:900;font-size:.72rem}.v17-source-row>div{display:grid;gap:2px;min-width:0}.v17-source-row small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v17-source-row .status-chip{font-size:.65rem}.v17-admin-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:16px}.v17-admin-grid>.v17-admin-check-card{grid-column:1/-1}.v17-admin-score{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:14px 0}.v17-admin-score strong{font-size:2.4rem}.v17-admin-score span{max-width:260px;text-align:right;font-weight:800}.v17-admin-score span[data-ready="true"]{color:var(--success)}.v17-scenario-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.v17-admin-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.v17-admin-check{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px;border:1px solid var(--border);border-radius:14px}.v17-admin-check>span{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:var(--soft);font-weight:900}.v17-admin-check.ok>span{background:color-mix(in srgb,var(--success) 15%,transparent);color:var(--success)}.v17-admin-check.fail>span{background:color-mix(in srgb,var(--danger) 15%,transparent);color:var(--danger)}.v17-admin-check div{display:grid;gap:2px}.v17-admin-check small{color:var(--muted)}.v17-admin-check b{font-size:.72rem}.v17-full-dashboard:not(.x) .v17-today-shell{margin-bottom:22px}body:not(.v17-full-dashboard) #edition-context-card,body:not(.v17-full-dashboard) #edition-kpi-grid,body:not(.v17-full-dashboard) #dashboard-tabs,body:not(.v17-full-dashboard) .dashboard-period,body:not(.v17-full-dashboard) .dashboard-communication-grid,body:not(.v17-full-dashboard) #dashboard-context-summary,body:not(.v17-full-dashboard) .dashboard-lower-grid{display:none!important}body:not(.v17-full-dashboard) #dashboard-prepare-day{display:none}.panel#panel-admin[data-available="false"]{display:none!important}
@media(max-width:1100px){.v17-recommendations{grid-template-columns:repeat(2,minmax(0,1fr))}.v17-recommendations>.v17-recommendation:last-child:nth-child(odd){grid-column:1/-1}.v17-recommendation{grid-template-columns:auto minmax(0,1fr) auto}.v17-recommendation-actions{grid-column:auto;flex-direction:column;align-items:stretch}.v17-trust-strip{grid-template-columns:1fr 1fr}.v17-trust-strip>button{grid-column:1/-1}.v17-connections-grid{grid-template-columns:1fr}}
@media(max-width:760px){.v17-recommendations{grid-template-columns:1fr}.v17-recommendations>.v17-recommendation:last-child:nth-child(odd){grid-column:auto}.v17-today-heading{align-items:flex-start;flex-direction:column}.v17-recommendation,.v17-attention-list .v17-recommendation{grid-template-columns:auto minmax(0,1fr)}.v17-recommendation-actions,.v17-attention-list .v17-recommendation-actions{grid-column:1/-1;flex-direction:row;justify-content:flex-end}.v17-trust-strip{grid-template-columns:1fr}.v17-trust-strip>button{grid-column:auto}.v17-plan-grid{grid-template-columns:1fr}.v17-plan-grid>article{grid-column:1!important}.v17-plan-schedule{grid-template-columns:1fr}.v17-source-row{grid-template-columns:auto minmax(0,1fr) auto}.v17-source-row>.button{grid-column:2/-1}.v17-admin-grid{grid-template-columns:1fr}.v17-admin-grid>*{grid-column:1!important}.v17-admin-checks{grid-template-columns:1fr}.v17-scenario-grid{grid-template-columns:1fr}.v17-attention-card{margin-left:-4px;margin-right:-4px}.v17-attention-list .v17-recommendation{padding:16px 13px}}

.admin-beta-badge{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:999px;background:#fff3cd;color:#7a4b00;border:1px solid #f1d589;font-size:.68rem;font-weight:900;letter-spacing:.09em;white-space:nowrap}.admin-beta-badge[hidden]{display:none}
.calendar-provider-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.calendar-provider-option{display:flex;align-items:center;gap:12px;text-align:left;padding:14px;border:1px solid var(--border);border-radius:16px;background:var(--surface);color:var(--text);cursor:pointer}.calendar-provider-option>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--surface-strong);font-weight:900}.calendar-provider-option div{display:grid;gap:3px;flex:1}.calendar-provider-option small{color:var(--muted)}.calendar-account-list{display:grid;gap:10px;margin:14px 0}.calendar-account-chip{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--border);border-radius:14px}.calendar-account-chip>span{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--surface-strong);font-weight:900}.calendar-account-chip div{display:grid;gap:2px;flex:1}.calendar-account-chip small{color:var(--muted)}@media(max-width:620px){.calendar-provider-grid{grid-template-columns:1fr}}


/* V1.7.1 RC1 — mobile parity and safe heading spacing */
.page-heading, .card-heading { min-width: 0; }
.page-heading > div, .card-heading > div { min-width: 0; padding-inline: 2px; }
.page-heading .premium-chip, .page-heading .plan-pill,
.card-heading .premium-chip, .card-heading .plan-pill { flex: 0 0 auto; margin-top: 2px; }
.card { overflow: clip; }
@media (max-width: 760px) {
  .content { width: 100%; padding: 22px 14px 96px; }
  .page-heading { align-items: flex-start; flex-direction: column; gap: 12px; margin-bottom: 20px; padding-inline: 4px; }
  .page-heading h1 { margin-top: 6px; font-size: clamp(27px, 9vw, 34px); line-height: 1.12; }
  .page-heading p { font-size: 14px; line-height: 1.55; }
  .page-heading .premium-chip, .page-heading .plan-pill { align-self: flex-start; }
  .card-heading { gap: 10px; }
  .card-heading > div { gap: 7px; }
  .card-heading h2 { line-height: 1.3; }
  .modal { width: min(calc(100vw - 20px), 560px); max-height: calc(100dvh - 20px); padding: 22px 16px; }
  input, select, textarea, button { max-width: 100%; }
}
@media (max-width: 420px) {
  .content { padding-inline: 10px; }
  .card, .dashboard-grid > .card { border-radius: 16px; }
  .button-row { align-items: stretch; flex-direction: column; }
  .button-row .button { width: 100%; }
}


/* V1.7.2 RC2 ONLINE — logo officiel et respiration typographique */
.brand-symbol-image {
  display: block;
  object-fit: cover;
  padding: 0;
  border: 0;
  background: transparent;
}
.brand-copy { min-width: 0; }
.brand-copy > strong { letter-spacing: .02em !important; }

/* Évite les titres collés aux cadres, y compris sur mobile et dans les modales. */
.card > h1:first-child,
.card > h2:first-child,
.card > h3:first-child,
.form-card > h2:first-child,
.chart-card > h2:first-child,
.modal > h2,
.modal > h3,
.section-title,
.card-heading {
  margin-top: 0;
}
.card > .eyebrow + h1,
.card > .eyebrow + h2,
.card > .eyebrow + h3,
.modal > .eyebrow + h2,
.modal > .eyebrow + h3 {
  margin-top: 8px;
}
.card h1, .card h2, .card h3,
.modal h1, .modal h2, .modal h3 {
  line-height: 1.22;
  overflow-wrap: anywhere;
}
.plan-card { padding: 18px 16px 17px; }
.plan-card strong { margin-top: 12px; line-height: 1.35; }
.page-heading { padding-top: 4px; }
.page-heading h1 { margin-top: 7px; }
.section-title { padding: 4px 2px 10px; }

@media (max-width: 720px) {
  .dashboard-grid > .card,
  .form-card,
  .list-card,
  .chart-card,
  .sync-grid > .card,
  .account-grid > .card { padding: 20px 17px; }
  .card-heading { margin-bottom: 18px; }
  .modal { padding: 28px 20px 22px; }
  .modal-close { top: 12px; right: 12px; }
}

/* V2.0 Google Cloud Edition — global title breathing room */
.card > h1,.card > h2,.card > h3,.panel > h1,.panel > h2,.panel > h3,.modal-card > h1,.modal-card > h2,.modal-card > h3,.section-head,.card-head{margin-top:0;padding-top:.35rem;line-height:1.25}
.card,.panel,.modal-card,.settings-card,.module-card{padding-top:clamp(1rem,2vw,1.5rem)}
@media(max-width:720px){.card,.panel,.modal-card,.settings-card,.module-card{padding:1rem}.card h1,.card h2,.card h3,.panel h1,.panel h2,.panel h3{overflow-wrap:anywhere}}

/* V3.0 connected provider hub */
.mail-provider-hub{position:relative;overflow:hidden}.mail-provider-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.mail-provider-card{display:flex;align-items:center;gap:13px;text-align:left;padding:16px;border:1px solid var(--border);border-radius:18px;background:var(--card);cursor:pointer;transition:.18s ease;min-height:112px}.mail-provider-card:hover{transform:translateY(-2px);border-color:var(--primary);box-shadow:0 12px 30px rgba(67,83,255,.12)}.mail-provider-card.featured{background:linear-gradient(135deg,rgba(82,101,255,.1),rgba(105,77,255,.04));border-color:rgba(82,101,255,.35)}.mail-provider-card>div{display:grid;gap:4px;flex:1}.mail-provider-card strong{font-size:16px}.mail-provider-card small{color:var(--muted)}.mail-provider-card em{font-size:11px;color:var(--primary);font-style:normal}.mail-provider-card b{font-size:20px}.mail-provider-logo{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--soft);font-weight:800}.mail-provider-note{margin-top:14px;padding:12px 14px;border-radius:14px;background:var(--soft);color:var(--muted);font-size:13px}@media(max-width:900px){.mail-provider-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.mail-provider-grid{grid-template-columns:1fr}.mail-provider-card{min-height:auto}}


/* Sigma V4.6 — alignment, spacing and admin QA refinement */
:root { --v46-card-pad: 22px; --v46-card-pad-mobile: 16px; }
.card { padding: var(--v46-card-pad); }
.card-heading { margin: 0 0 18px; align-items: flex-start; }
.card-heading > div { display: grid; gap: 6px; min-width: 0; }
.card-heading h1,.card-heading h2,.card-heading h3 { margin: 0; line-height: 1.2; }
.card-heading p { margin: 2px 0 0; color: var(--muted); line-height: 1.5; }
.eyebrow { display: inline-flex; width: max-content; align-items: center; min-height: 24px; padding: 4px 10px; margin: 0; border-radius: 999px; background: color-mix(in srgb,var(--accent) 9%,transparent); line-height: 1; }
.card > .eyebrow:first-child { margin: 0 0 10px; }
.card > .eyebrow:first-child + h1,.card > .eyebrow:first-child + h2,.card > .eyebrow:first-child + h3 { margin-top: 0; }
.v17-capacity-card,.v17-plan-grid > .card,.inbox-capture,.task-day-grid > .card { overflow: hidden; }
.v17-capacity-values { margin-top: 20px; }
.v17-plan-outcomes,.v17-plan-schedule { margin-top: 2px; }
.v17-plan-grid > article:nth-child(3) .empty-state,.task-priority-column .empty-state { margin-top: 10px; }
.inbox-capture { align-items: center; gap: 20px; }
.inbox-capture > div { display: grid; gap: 7px; min-width: 270px; }
.inbox-capture > div h2 { margin: 0; }
.v17-connections-grid > .card { padding: 22px; }
.v17-source-row { padding: 14px 0; }
.v46-google-services-card { grid-column: 1 / -1; }
.v46-google-services-card .v17-source-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 28px; }
.v46-google-services-card .v17-source-row:nth-last-child(1) { grid-column: 1/-1; }
body[data-owner-preview="true"] [data-pro-lock],body[data-owner-preview="true"] .pro-lock { display:none!important; }
@media(max-width:760px){
  .card,.v17-connections-grid > .card { padding: var(--v46-card-pad-mobile); }
  .card-heading { margin-bottom: 14px; }
  .inbox-capture { align-items: stretch; }
  .inbox-capture > div { min-width: 0; }
  .v46-google-services-card .v17-source-list { grid-template-columns:1fr; }
  .v46-google-services-card .v17-source-row:nth-last-child(1) { grid-column:auto; }
}


/* Sigma V4.7 — unified Google account and Maps */
.v47-account-hub{display:block!important;padding:0!important}.v47-account-card{border:1px solid var(--border);border-radius:18px;background:var(--surface);padding:24px;max-width:none}.v47-account-card>header{display:flex;align-items:center;gap:14px;padding-bottom:20px;border-bottom:1px solid var(--border)}.v47-account-card header>div:nth-child(2){flex:1}.v47-account-card h3,.v47-modal h2{margin:0 0 4px}.v47-account-card p,.v47-modal p{margin:0}.v47-google-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;border:1px solid var(--border);font-weight:700;font-size:1.25rem}.v47-service-list{list-style:none;margin:0;padding:10px 0}.v47-service-list li{display:grid;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 4px;border-bottom:1px solid var(--border)}.v47-service-list li:last-child{border-bottom:0}.v47-service-list strong,.v47-service-list small{display:block}.v47-service-list small{margin-top:3px;color:var(--muted)}.v47-service-list li>span:last-child{font-size:.85rem;color:var(--muted)}.v47-service-dot{width:10px;height:10px;border-radius:50%;background:var(--border)}.v47-service-dot.ok{background:#20a464}.v47-service-dot.error{background:#d88720}.v47-account-card footer{display:flex;flex-wrap:wrap;gap:10px;padding-top:16px}.v47-account-note{padding-top:16px!important;color:var(--muted);font-size:.9rem}.v47-modal{position:fixed;inset:0;z-index:9999;background:rgba(10,15,25,.62);padding:24px;overflow:auto}.v47-modal[hidden]{display:none}.v47-modal-panel{width:min(980px,100%);margin:3vh auto;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:24px}.v47-modal-panel>header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px}.v47-map-controls,.v47-route-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;margin-bottom:14px}.v47-route-controls{grid-template-columns:1fr 1fr auto}.v47-map-controls label,.v47-route-controls label{display:grid;gap:7px}.v47-map-controls input,.v47-route-controls input{width:100%;padding:11px 13px;border:1px solid var(--border);border-radius:11px;background:var(--surface);color:var(--text)}.v47-map-canvas{height:480px;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--surface-2)}.v47-map-result{padding:14px 2px 0!important;min-height:2rem}.icon-button{border:1px solid var(--border);border-radius:10px;background:transparent;color:inherit;font-size:1.5rem;width:40px;height:40px}@media(max-width:700px){.v47-account-card{padding:18px}.v47-service-list li{grid-template-columns:12px minmax(0,1fr)}.v47-service-list li>span:last-child{grid-column:2}.v47-route-controls,.v47-map-controls{grid-template-columns:1fr}.v47-map-canvas{height:360px}.v47-modal{padding:10px}.v47-modal-panel{padding:16px}}

/* Sigma V4.8 — other account providers */
.v48-provider-section{margin-top:22px;border:1px solid var(--border);border-radius:18px;background:var(--surface);padding:24px}.v48-provider-heading{display:flex;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid var(--border)}.v48-provider-heading h3{margin:0 0 5px}.v48-provider-heading p{margin:0;color:var(--muted)}.v48-provider-list article{display:grid;grid-template-columns:44px minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:15px 4px;border-bottom:1px solid var(--border)}.v48-provider-list article:last-child{border-bottom:0}.v48-provider-list strong,.v48-provider-list small{display:block}.v48-provider-list small{margin-top:4px;color:var(--muted)}.v48-provider-icon{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--border);border-radius:12px;font-size:.8rem;font-weight:700}@media(max-width:700px){.v48-provider-section{padding:18px}.v48-provider-list article{grid-template-columns:44px minmax(0,1fr)}.v48-provider-list article>.status-chip,.v48-provider-list article>button{grid-column:2;justify-self:start}}
/* V4.7.1 / V4.8.1 admin diagnostics */
.vdiag-panel{max-width:840px}.vdiag-panel #vdiag-content{display:grid;gap:18px;padding:0 24px 18px}.vdiag-group{border:1px solid var(--border,#dce3ef);border-radius:18px;background:var(--surface,#fff);overflow:hidden}.vdiag-group h3{margin:0;padding:18px 20px 12px;font-size:1rem}.vdiag-group ul{list-style:none;margin:0;padding:0}.vdiag-group li{display:grid;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 20px;border-top:1px solid var(--border,#e2e8f0)}.vdiag-group li div{display:grid;gap:3px;min-width:0}.vdiag-group li small{color:var(--muted,#64748b)}.vdiag-dot{width:10px;height:10px;border-radius:999px;background:#94a3b8}.vdiag-dot.ok{background:#22c55e}.vdiag-dot.warn{background:#f59e0b}.vdiag-dot.off{background:#ef4444}.vdiag-state{font-size:.78rem;font-weight:700;color:#64748b}.vdiag-state.ok{color:#15803d}.vdiag-state.warn{color:#b45309}.vdiag-state.off{color:#b91c1c}.vdiag-actions{display:flex;gap:10px;flex-wrap:wrap;padding:0 24px 12px}.vdiag-message{margin:2px 0 0;padding:12px 14px;border-radius:12px;background:rgba(79,70,229,.08);color:var(--text,#172033)}@media(max-width:640px){.vdiag-group li{grid-template-columns:12px minmax(0,1fr);padding:13px 15px}.vdiag-state{grid-column:2}.vdiag-panel #vdiag-content,.vdiag-actions{padding-left:16px;padding-right:16px}}

/* Sigma Social Hub V4.9.0 */
.social-v490-foundation{margin-bottom:18px}.social-v490-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.social-v490-head h2{margin:.2rem 0}.social-v490-head p{margin:.35rem 0 0;color:var(--muted,#667085)}.social-v490-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-top:18px}.social-v490-provider{display:flex;align-items:center;gap:11px;padding:13px;border:1px solid var(--border,#e5e7eb);border-radius:14px;background:var(--surface-2,rgba(127,127,127,.04))}.social-v490-provider div{min-width:0;flex:1}.social-v490-provider strong,.social-v490-provider small{display:block}.social-v490-provider small{margin-top:3px;color:var(--muted,#667085);font-size:.75rem}.social-v490-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--surface,#fff);border:1px solid var(--border,#e5e7eb);font-weight:800}.social-v490-status{font-size:1rem}.social-v490-status.ready{color:#16a34a}.social-v490-status.setup{color:#d97706}.social-v490-status.disabled{color:#98a2b3}.social-v490-model{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.social-v490-model span{padding:6px 9px;border-radius:999px;background:var(--surface-2,rgba(127,127,127,.07));font-size:.72rem;font-weight:700}@media(max-width:640px){.social-v490-head{display:block}.social-v490-head button{margin-top:12px;width:100%}}

/* Sigma V4.9.1 — Meta connector */
.social-v490-provider[data-provider="meta"] { position: relative; }
.social-v490-provider[data-provider="meta"]::after { content: "V4.9.1"; font-size: 10px; font-weight: 800; letter-spacing: .08em; opacity: .6; }

/* Sigma V4.9.9 — connected social profiles */
.social-account-chip > span img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
  display: block;
}

/* Sigma V4.11.0 — Social Inbox */
.social-inbox-card { overflow: hidden; }
.social-inbox-actions { display: grid; gap: 10px; min-width: min(100%, 440px); }
.social-search {
  min-height: 40px;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 0 12px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--surface-soft);
}
.social-search:focus-within { border-color: var(--accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent); }
.social-search span { color: var(--muted); font-size: 18px; }
.social-search input {
  width: 100%;
  border: 0;
  outline: 0;
  color: var(--text);
  background: transparent;
  font: inherit;
}
.social-inbox-summary { margin: 7px 0 0; color: var(--muted); font-size: 12px; }
.social-inbox-strip {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding: 12px 0 14px;
  scrollbar-width: thin;
}
.social-inbox-pill {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 7px;
  min-height: 36px;
  padding: 7px 11px;
  border: 1px solid var(--border);
  border-radius: 999px;
  background: var(--surface-soft);
  color: var(--muted);
  cursor: pointer;
}
.social-inbox-pill strong { color: var(--text); font-size: 13px; }
.social-inbox-pill span { font-size: 11px; }
.social-inbox-pill:hover,
.social-inbox-pill.active { border-color: var(--accent); color: var(--text); background: color-mix(in srgb, var(--accent) 9%, var(--surface-soft)); }
.social-interaction.is-unread { border-left: 3px solid var(--accent); }
.social-interaction.is-unread .social-interaction-top strong::after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-left: 7px;
  border-radius: 50%;
  vertical-align: middle;
  background: var(--accent);
}
@media (max-width: 780px) {
  .social-inbox-actions { min-width: 0; width: 100%; }
  .social-filters { grid-template-columns: 1fr; }
}

/* Sigma V4.11.1 — Social Inbox UX redesign */
.social-inbox-card {
  padding: 22px;
  border-radius: 18px;
  overflow: visible;
}
.social-inbox-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 420px);
  align-items: start;
  gap: 28px;
  margin-bottom: 14px;
}
.social-inbox-heading h2 {
  margin: 5px 0 0;
  font-size: clamp(17px, 2vw, 21px);
  line-height: 1.2;
}
.social-inbox-summary {
  margin: 7px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}
.social-inbox-tools {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 150px;
  gap: 8px;
  align-items: center;
}
.social-search {
  min-height: 42px;
  padding: 0 13px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--surface);
  box-shadow: none;
}
.social-search:focus-within {
  border-color: var(--primary);
  box-shadow: 0 0 0 3px var(--primary-soft);
}
.social-search input { min-width: 0; font-size: 13px; }
.social-network-filter {
  width: 100%;
  min-height: 42px;
  padding: 0 31px 0 11px;
  border: 1px solid var(--border);
  border-radius: 12px;
  color: var(--text);
  background: var(--surface);
  font: inherit;
  font-size: 12px;
}
.social-hidden-filter {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.social-inbox-strip {
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 0 0 14px;
  padding: 0;
  overflow-x: auto;
}
.social-inbox-pill,
button.social-inbox-pill {
  appearance: none;
  -webkit-appearance: none;
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 7px;
  min-height: 34px;
  padding: 6px 11px;
  border: 1px solid var(--border);
  border-radius: 999px;
  color: var(--muted);
  background: transparent;
  box-shadow: none;
  font: inherit;
  cursor: pointer;
}
.social-inbox-pill span { font-size: 11px; font-weight: 650; }
.social-inbox-pill strong {
  display: grid;
  place-items: center;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  border-radius: 999px;
  color: var(--text);
  background: var(--surface-2);
  font-size: 10px;
  line-height: 1;
}
.social-inbox-pill:hover { border-color: var(--border-strong); color: var(--text); }
.social-inbox-pill.active {
  border-color: color-mix(in srgb, var(--primary) 28%, var(--border));
  color: var(--primary);
  background: var(--primary-soft);
}
.social-inbox-pill.active strong {
  color: #fff;
  background: var(--primary);
}
.social-interaction-list { display: grid; gap: 9px; }
.social-interaction {
  position: relative;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 12px;
  padding: 14px 15px;
  border: 1px solid var(--border);
  border-left-width: 1px;
  border-radius: 14px;
  background: var(--surface);
  box-shadow: none;
  transition: border-color var(--transition), box-shadow var(--transition), background var(--transition);
}
.social-interaction:hover {
  transform: none;
  border-color: var(--border-strong);
  box-shadow: 0 5px 18px rgba(30, 41, 59, .06);
}
.social-interaction.is-unread {
  border-left: 3px solid var(--primary);
  background: color-mix(in srgb, var(--primary) 2.5%, var(--surface));
}
.social-source-mark {
  width: 38px;
  height: 38px;
  border-radius: 11px;
  font-size: 11px;
}
.social-interaction-main { min-width: 0; }
.social-interaction-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}
.social-interaction-identity { min-width: 0; }
.social-interaction-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  min-height: 18px;
}
.social-provider-name {
  color: var(--text);
  font-size: 10px;
  font-weight: 800;
}
.social-type {
  padding-left: 7px;
  border-left: 1px solid var(--border);
  color: var(--muted);
  font-size: 9px;
  letter-spacing: .06em;
}
.social-unread-label {
  padding: 3px 7px;
  border-radius: 999px;
  color: var(--primary);
  background: var(--primary-soft);
  font-size: 9px;
  font-weight: 750;
}
.social-interaction-top strong {
  display: block;
  margin-top: 4px;
  overflow: hidden;
  color: var(--text);
  font-size: 13px;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.social-interaction.is-unread .social-interaction-top strong::after { display: none; }
.social-sender {
  display: block;
  margin-top: 3px;
  color: var(--muted);
  font-size: 10px;
}
.social-interaction-top time {
  flex: 0 0 auto;
  padding-top: 2px;
  color: var(--muted);
  font-size: 9px;
  white-space: nowrap;
}
.social-message-copy {
  display: -webkit-box;
  margin: 9px 0 0 !important;
  overflow: hidden;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5 !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.social-interaction.is-expanded .social-message-copy {
  display: block;
  overflow: visible;
}
.social-expand-button {
  appearance: none;
  margin: 5px 0 0;
  padding: 0;
  border: 0;
  color: var(--primary);
  background: transparent;
  font: inherit;
  font-size: 10px;
  font-weight: 750;
  cursor: pointer;
}
.social-interaction-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 11px;
  padding-top: 10px;
  border-top: 1px solid var(--border);
}
.social-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin: 0;
}
.social-tags span {
  padding: 4px 7px;
  border-radius: 999px;
  color: var(--muted);
  background: var(--surface-2);
  font-size: 9px;
  font-weight: 700;
}
.social-tags .priority-high { color: var(--danger); background: var(--danger-soft); }
.social-tags .priority-medium { color: var(--warning); background: var(--warning-soft); }
.social-tags .priority-low { color: var(--success); background: var(--success-soft); }
.social-interaction-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  max-width: none;
  flex-wrap: nowrap;
}
.social-action,
button.social-action {
  appearance: none;
  min-height: 32px;
  padding: 6px 10px;
  border: 1px solid var(--border);
  border-radius: 9px;
  color: var(--text);
  background: var(--surface);
  font: inherit;
  font-size: 10px;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
}
.social-action:hover { border-color: var(--primary); color: var(--primary); }
.social-action.subtle { border-color: transparent; color: var(--primary); background: transparent; }
.social-icon-action,
button.social-icon-action,
a.social-icon-action {
  appearance: none;
  display: inline-grid;
  place-items: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 1px solid var(--border);
  border-radius: 9px;
  color: var(--text);
  background: var(--surface);
  font: inherit;
  font-size: 14px;
  text-decoration: none;
  cursor: pointer;
}
.social-icon-action:hover { border-color: var(--primary); color: var(--primary); }
.social-icon-action.success:hover { border-color: var(--success); color: var(--success); }

@media (max-width: 820px) {
  .social-inbox-header { grid-template-columns: 1fr; gap: 15px; }
  .social-inbox-tools { grid-template-columns: minmax(0, 1fr) 145px; }
  .social-interaction-footer { align-items: flex-end; }
}
@media (max-width: 620px) {
  .social-inbox-card { padding: 16px; }
  .social-inbox-tools { grid-template-columns: 1fr; }
  .social-interaction { grid-template-columns: 34px minmax(0, 1fr); padding: 12px; }
  .social-source-mark { width: 34px; height: 34px; }
  .social-interaction-top { gap: 8px; }
  .social-interaction-footer { align-items: stretch; flex-direction: column; }
  .social-interaction-actions { justify-content: flex-start; overflow-x: auto; padding-bottom: 2px; }
  .social-action { flex: 0 0 auto; }
}

/* Sigma V4.12.0 — Social Career Command Center */
.social-command-card {
  padding: 0;
  overflow: hidden;
  border-radius: 22px;
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--primary) 8%, transparent), transparent 34%),
    var(--surface);
}
.social-command-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  padding: 24px 26px 19px;
  border-bottom: 1px solid var(--border);
}
.social-command-header h2 { margin: 5px 0 0; font-size: clamp(19px, 2vw, 24px); }
.social-command-header p { max-width: 680px; margin: 8px 0 0; color: var(--muted); font-size: 12px; line-height: 1.5; }
.social-command-tabs {
  display: inline-flex;
  gap: 4px;
  padding: 4px;
  border: 1px solid var(--border);
  border-radius: 13px;
  background: var(--surface-2);
}
.social-command-tabs button {
  appearance: none;
  min-height: 35px;
  padding: 7px 13px;
  border: 0;
  border-radius: 9px;
  color: var(--muted);
  background: transparent;
  font: inherit;
  font-size: 11px;
  font-weight: 750;
  cursor: pointer;
}
.social-command-tabs button.active {
  color: var(--text);
  background: var(--surface);
  box-shadow: 0 3px 12px rgba(15, 23, 42, .08);
}
.social-command-view { padding: 20px 26px 26px; }
.social-command-view[hidden] { display: none !important; }
.social-inbox-toolbar {
  display: grid;
  grid-template-columns: minmax(240px, 1fr) 180px;
  gap: 9px;
  max-width: 680px;
}
.social-inbox-overview {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  margin: 20px 0 13px;
}
.social-inbox-overview h3 { margin: 0; font-size: 15px; }
.social-inbox-overview .social-inbox-strip { margin: 0; }

.career-layout {
  display: grid;
  grid-template-columns: 285px minmax(0, 1fr);
  gap: 20px;
  align-items: start;
}
.career-profile-panel {
  position: sticky;
  top: 18px;
  padding: 16px;
  border: 1px solid var(--border);
  border-radius: 17px;
  background: var(--surface-2);
}
.career-linkedin-state {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 12px;
  border: 1px solid color-mix(in srgb, #0a66c2 25%, var(--border));
  border-radius: 13px;
  background: color-mix(in srgb, #0a66c2 7%, var(--surface));
}
.career-linkedin-state strong { display: block; font-size: 12px; }
.career-linkedin-state span { display: block; margin-top: 3px; color: var(--muted); font-size: 9px; line-height: 1.45; }
.career-linkedin-state span b { color: var(--success); }
.career-provider-avatar,
.career-provider-icon {
  display: grid;
  flex: 0 0 38px;
  place-items: center;
  width: 38px;
  height: 38px;
  overflow: hidden;
  border-radius: 11px;
  color: #fff;
  background: #0a66c2;
  font-size: 11px;
  font-weight: 800;
}
.career-provider-avatar img { width: 100%; height: 100%; object-fit: cover; }
.career-profile-heading { margin: 18px 1px 13px; }
.career-profile-heading h3 { margin: 5px 0; font-size: 15px; }
.career-profile-heading p { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.45; }
.career-profile-form { display: grid; gap: 11px; }
.career-profile-form label > span { display: block; margin-bottom: 5px; color: var(--muted); font-size: 10px; font-weight: 650; }
.career-profile-form input:not([type="checkbox"]),
.career-profile-form textarea {
  width: 100%;
  padding: 10px 11px;
  border: 1px solid var(--border);
  border-radius: 10px;
  color: var(--text);
  background: var(--surface);
  font: inherit;
  font-size: 11px;
  resize: vertical;
}
.career-profile-form input:focus,
.career-profile-form textarea:focus { outline: 0; border-color: var(--primary); box-shadow: 0 0 0 3px var(--primary-soft); }
.career-check { display: flex; align-items: center; gap: 8px; }
.career-check span { margin: 0 !important; }
.career-feed-panel { min-width: 0; }
.career-feed-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 13px;
}
.career-feed-header h3 { margin: 5px 0 0; font-size: 18px; }
.career-feed-header p { margin: 6px 0 0; color: var(--muted); font-size: 11px; }
.career-status-row { display: flex; gap: 7px; margin-bottom: 12px; overflow-x: auto; }
.career-status-row span {
  flex: 0 0 auto;
  padding: 7px 10px;
  border: 1px solid var(--border);
  border-radius: 999px;
  color: var(--muted);
  font-size: 9px;
}
.career-status-row strong { color: var(--text); }
.career-job-list { display: grid; gap: 10px; }
.career-job-card {
  display: grid;
  grid-template-columns: 74px minmax(0, 1fr);
  gap: 14px;
  padding: 15px;
  border: 1px solid var(--border);
  border-radius: 15px;
  background: var(--surface);
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.career-job-card:hover {
  transform: translateY(-1px);
  border-color: var(--border-strong);
  box-shadow: 0 8px 24px rgba(15, 23, 42, .07);
}
.career-job-score {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 70px;
  border-radius: 12px;
  background: var(--surface-2);
  text-align: center;
}
.career-job-score strong { font-size: 16px; }
.career-job-score span { margin-top: 3px; color: var(--muted); font-size: 8px; }
.career-job-score.excellent { color: var(--success); background: var(--success-soft); }
.career-job-score.good { color: var(--primary); background: var(--primary-soft); }
.career-job-top { display: flex; justify-content: space-between; gap: 14px; }
.career-job-top h4 { margin: 0; color: var(--text); font-size: 13px; }
.career-job-top p { margin: 4px 0 0; color: var(--muted); font-size: 10px; }
.career-job-top time { flex: 0 0 auto; color: var(--muted); font-size: 8px; }
.career-job-description {
  display: -webkit-box;
  margin: 9px 0 0;
  overflow: hidden;
  color: var(--muted);
  font-size: 10px;
  line-height: 1.5;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.career-job-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 11px; }
.career-job-tags { display: flex; flex-wrap: wrap; gap: 5px; }
.career-job-tags span { padding: 4px 7px; border-radius: 999px; color: var(--muted); background: var(--surface-2); font-size: 8px; }
.career-job-actions { display: flex; gap: 6px; }
.career-job-actions button,
.career-job-actions a {
  appearance: none;
  padding: 7px 9px;
  border: 1px solid var(--border);
  border-radius: 9px;
  color: var(--text);
  background: var(--surface);
  font: inherit;
  font-size: 9px;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
}
.career-job-actions a { color: var(--primary); border-color: color-mix(in srgb, var(--primary) 30%, var(--border)); }
.career-source-note { margin: 14px 2px 0; color: var(--muted); font-size: 8px; line-height: 1.5; }
.career-empty-guide,
.career-loading {
  display: grid;
  place-items: center;
  min-height: 220px;
  padding: 30px;
  border: 1px dashed var(--border-strong);
  border-radius: 15px;
  color: var(--muted);
  text-align: center;
}
.career-empty-guide strong { color: var(--text); font-size: 13px; }
.career-empty-guide p { max-width: 390px; margin: 7px 0 0; font-size: 10px; }
.career-loading span {
  width: 26px;
  height: 26px;
  border: 3px solid var(--border);
  border-top-color: var(--primary);
  border-radius: 50%;
  animation: career-spin .8s linear infinite;
}
.career-loading p { margin: 9px 0 0; font-size: 10px; }
@keyframes career-spin { to { transform: rotate(360deg); } }

@media (max-width: 900px) {
  .career-layout { grid-template-columns: 1fr; }
  .career-profile-panel { position: static; }
}
@media (max-width: 680px) {
  .social-command-header { flex-direction: column; padding: 19px; }
  .social-command-view { padding: 16px 19px 20px; }
  .social-inbox-toolbar { grid-template-columns: 1fr; }
  .social-inbox-overview { align-items: flex-start; flex-direction: column; }
  .career-job-card { grid-template-columns: 1fr; }
  .career-job-score { min-height: 48px; flex-direction: row; gap: 7px; }
  .career-job-footer { align-items: flex-start; flex-direction: column; }
  .career-job-actions { width: 100%; }
  .career-job-actions button,
  .career-job-actions a { flex: 1; text-align: center; }
}


/* Sigma Intelligence Engine V1 — read-only Today beta */
.v1-today-controls { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }
.v1-today-beta { display: grid; gap: 10px; }
.v1-beta-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 14px; border: 1px solid var(--border); border-radius: 14px; background: var(--surface-2); }
.v1-beta-heading h3 { margin: 3px 0 0; font-size: 14px; }
.v1-readonly-pill,.v1-approval { display: inline-flex; align-items: center; padding: 5px 8px; border-radius: 999px; background: color-mix(in srgb, var(--primary) 10%, var(--surface)); border: 1px solid color-mix(in srgb, var(--primary) 25%, var(--border)); color: var(--primary); font-size: 8px; font-weight: 800; white-space: nowrap; }
.v1-signal-card { display: grid; grid-template-columns: 34px minmax(0,1fr) 155px; gap: 12px; align-items: start; padding: 14px; border: 1px solid var(--border); border-radius: 15px; background: var(--surface); }
.v1-signal-rank { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 10px; background: var(--surface-2); font-size: 11px; font-weight: 900; }
.v1-signal-meta,.v1-score-row { display: flex; gap: 7px; flex-wrap: wrap; align-items: center; }
.v1-signal-meta span,.v1-signal-meta b { font-size: 8px; text-transform: uppercase; letter-spacing: .05em; color: var(--muted); }
.v1-signal-meta b { margin-left: auto; color: var(--primary); }
.v1-signal-body h3 { margin: 7px 0 3px; font-size: 13px; }
.v1-signal-body p { margin: 3px 0; color: var(--muted); font-size: 9px; line-height: 1.55; }
.v1-signal-sender { color: var(--text) !important; font-weight: 700; }
.v1-score-row { margin-top: 10px; }
.v1-score-badge { display: inline-flex; align-items: center; gap: 5px; padding: 5px 7px; border-radius: 9px; background: var(--surface-2); }
.v1-score-badge small { color: var(--muted); font-size: 7px; }
.v1-score-badge strong { font-size: 9px; }
.v1-signal-body details { margin-top: 9px; }
.v1-signal-body summary { cursor: pointer; color: var(--primary); font-size: 9px; font-weight: 800; }
.v1-signal-body ul { margin: 7px 0 0; padding-left: 17px; color: var(--muted); font-size: 9px; line-height: 1.5; }
.v1-uncertainty { padding: 7px 8px; border-radius: 8px; border: 1px dashed var(--border-strong); }
.v1-signal-action { display: grid; justify-items: start; gap: 7px; }
.v1-signal-action > strong { font-size: 10px; line-height: 1.35; }
.v1-signal-action > small { color: var(--muted); font-size: 8px; }
@media (max-width: 760px) { .v1-signal-card { grid-template-columns: 30px minmax(0,1fr); } .v1-signal-action { grid-column: 2; } .v1-beta-heading { align-items: flex-start; flex-direction: column; } }
.v1-primary-toggle{display:flex;align-items:center;gap:.45rem;font-size:.78rem;color:var(--text-muted,#6b7280)}
.v1-primary-toggle input{accent-color:currentColor}.v1-signal-action button{width:100%}.v1-signal-action small{max-width:190px;line-height:1.35}


/* A0.2 functional baseline: decision cards keep a readable layout for 1–3 items. */
.v17-recommendations[data-count="1"]{grid-template-columns:minmax(0,1fr)}
.v17-recommendations[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}
.v17-recommendation{grid-template-rows:auto 1fr auto;align-content:start}
.v17-recommendation-main{display:flex;flex-direction:column;min-height:0}
.v17-recommendation-main details{margin-top:auto}
.v17-recommendation details p{white-space:normal;overflow-wrap:anywhere;line-height:1.5}
.v17-recommendation-actions{margin-top:4px}