/* ROMVI 24.14.67 — final visual-system layer.
   Visual-only. Existing DOM IDs, handlers, navigation and feature behavior are preserved. */
:root{
  --romvi-bg:#030815;
  --romvi-surface:#081225;
  --romvi-surface-2:#0d1a31;
  --romvi-surface-3:#12203a;
  --romvi-text:#f2f7ff;
  --romvi-muted:#9bacc5;
  --romvi-subtle:#6f829d;
  --romvi-cyan:#22d3df;
  --romvi-blue:#4f8cff;
  --romvi-violet:#b65cff;
  --romvi-green:#5ee3b0;
  --romvi-danger:#ff8e9b;
  --romvi-warning:#ffd48a;
  --romvi-line:rgba(136,197,255,.11);
  --romvi-line-hover:rgba(136,197,255,.22);
  --romvi-line-selected:rgba(34,211,223,.35);
  --romvi-gradient:linear-gradient(115deg,var(--romvi-cyan),var(--romvi-blue) 52%,var(--romvi-violet));
  --romvi-r-xs:8px;
  --romvi-r-sm:12px;
  --romvi-r-md:16px;
  --romvi-r-lg:20px;
  --romvi-r-xl:28px;
  --romvi-shadow-card:0 10px 32px rgba(0,0,0,.14);
  --romvi-shadow-float:0 14px 42px rgba(0,0,0,.28);
}
html[data-theme="dark"]{
  --bg:var(--romvi-bg)!important;
  --surface:var(--romvi-surface)!important;
  --surface-2:var(--romvi-surface-2)!important;
  --surface-3:var(--romvi-surface-3)!important;
  --border:var(--romvi-line)!important;
  --text:var(--romvi-text)!important;
  --text-muted:var(--romvi-muted)!important;
  --k-bg:var(--romvi-bg)!important;
  --k-surface:var(--romvi-surface)!important;
  --k-surface-2:var(--romvi-surface-2)!important;
  --k-surface-3:var(--romvi-surface-3)!important;
  --k-line:var(--romvi-line)!important;
  --k-text:var(--romvi-text)!important;
  --k-muted:var(--romvi-muted)!important;
}
html[data-theme="light"]{
  --bg:#f4f8fc!important;
  --surface:#fff!important;
  --surface-2:#edf4fa!important;
  --surface-3:#e6f0f8!important;
  --border:rgba(32,79,130,.10)!important;
  --text:#102039!important;
  --text-muted:#61748d!important;
  --k-bg:#f4f8fc!important;
  --k-surface:#fff!important;
  --k-surface-2:#edf4fa!important;
  --k-surface-3:#e6f0f8!important;
  --k-line:rgba(32,79,130,.10)!important;
  --k-text:#102039!important;
  --k-muted:#61748d!important;
}

body{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important}
::selection{background:rgba(79,140,255,.28);color:#fff}
:where(button,input,textarea,select,a):focus-visible{outline:2px solid rgba(34,211,223,.72)!important;outline-offset:2px!important}

html[data-theme="dark"] body{
  background:
    radial-gradient(680px 460px at 92% -8%,rgba(63,99,255,.19),transparent 68%),
    radial-gradient(560px 520px at -8% 52%,rgba(27,194,218,.08),transparent 70%),
    var(--romvi-bg)!important;
}
html[data-theme="light"] body{
  background:
    radial-gradient(650px 420px at 95% 0,rgba(86,127,255,.10),transparent 70%),
    linear-gradient(180deg,#f8fbfe,#f2f7fb)!important;
}

/* Header: calm, consistent, and tap-friendly without changing controls. */
.header{
  padding:12px 18px 10px!important;
  border-bottom:1px solid var(--border)!important;
  background:rgba(4,10,23,.88)!important;
  box-shadow:0 8px 28px rgba(0,0,0,.10)!important;
  backdrop-filter:blur(20px) saturate(1.18)!important;
  -webkit-backdrop-filter:blur(20px) saturate(1.18)!important;
}
html[data-theme="light"] .header{background:rgba(248,251,254,.90)!important}
.header-top h1,#appTitleText{font-family:Manrope,Inter,sans-serif!important;font-weight:800!important;letter-spacing:.08em!important}
.header-top img{border-radius:8px!important;box-shadow:0 0 16px rgba(79,140,255,.18)!important}
.header-actions{gap:8px!important}
.header-actions .icon-btn,.icon-btn{
  width:40px!important;height:40px!important;min-width:40px!important;
  padding:0!important;border-radius:12px!important;
  border:1px solid var(--border)!important;
  background:rgba(255,255,255,.03)!important;
  color:var(--text-muted)!important;
  box-shadow:none!important;
}
.header-actions .icon-btn:hover{border-color:var(--romvi-line-hover)!important;background:rgba(255,255,255,.05)!important;color:var(--text)!important}
.header-actions #resetBtn{width:auto!important;min-width:44px!important;padding:0 12px!important;font-size:10px!important;color:var(--text-muted)!important}
.kairo-status{color:var(--text-muted)!important}.kairo-status i{background:var(--romvi-green)!important;box-shadow:0 0 12px rgba(94,227,176,.55)!important}

/* Consistent content gutters and rhythm. */
.dashboard,.hub,.tasks-list,#lifeList,.profile-hub,#familyHub{max-width:940px!important;width:100%!important;margin:0 auto!important}
#dashboard,.tasks-list,#lifeList,.profile-hub,#familyHub{padding:20px 20px calc(126px + env(safe-area-inset-bottom,0px))!important}
#dashboard{gap:16px!important}
.hub,.profile-hub,#familyHub{gap:16px!important}

/* Hero hierarchy. */
.dash-hero,.life-engine-hero,.hub-head{
  border:1px solid var(--border)!important;
  border-radius:var(--romvi-r-xl)!important;
  padding:22px!important;
  background:linear-gradient(145deg,rgba(14,37,72,.70),rgba(7,15,34,.68))!important;
  box-shadow:0 16px 48px rgba(0,0,0,.20)!important;
}
.dash-title,.life-engine-hero h2,.hub-head h2{font-family:Manrope,Inter,sans-serif!important;font-weight:800!important;letter-spacing:-.04em!important}
.dash-title{font-size:clamp(30px,5vw,40px)!important}
.dash-copy,.life-engine-hero p{line-height:1.55!important;color:var(--text-muted)!important}
.eyebrow,.life-engine-kicker{color:#75e7ef!important;letter-spacing:.14em!important}

/* One card language everywhere. */
:is(.core60-card,.work61-card,.hub-card,.brief-card,.personal-ops-card,.coordination-card,.execution-card,.brain-card,.proactive-card,.predict-card,.load-card,.autopilot-card,.attention-card,.capture-card,.settings-card,.receipt-intel,.life-compact-card,.settings-list-clean,.task-item,.life-tile){
  border:1px solid var(--border)!important;
  border-radius:var(--romvi-r-lg)!important;
  background:linear-gradient(145deg,rgba(12,29,55,.67),rgba(6,14,29,.66))!important;
  box-shadow:var(--romvi-shadow-card)!important;
}
:is(.core60-card,.work61-card,.hub-card,.brief-card,.personal-ops-card,.coordination-card,.execution-card,.brain-card,.proactive-card,.predict-card,.load-card,.autopilot-card,.attention-card,.capture-card){padding:20px!important}

html[data-theme="light"] :is(.dash-hero,.life-engine-hero,.hub-head,.core60-card,.work61-card,.hub-card,.brief-card,.personal-ops-card,.coordination-card,.execution-card,.brain-card,.proactive-card,.predict-card,.load-card,.autopilot-card,.attention-card,.capture-card,.settings-card,.receipt-intel,.life-compact-card,.settings-list-clean,.task-item,.life-tile){
  background:#fff!important;
  border-color:rgba(32,79,130,.10)!important;
  box-shadow:0 10px 30px rgba(35,67,99,.07)!important;
}

.core60-pulse,.work61-stats{gap:10px!important;margin:16px 0!important}
:is(.core60-stat,.work61-stats>div,.metric,.quick-card,.brain-stat,.receipt-metric,.life-overview-stat){
  border:1px solid var(--border)!important;
  border-radius:14px!important;
  background:rgba(1,8,19,.24)!important;
  box-shadow:none!important;
}
html[data-theme="light"] :is(.core60-stat,.work61-stats>div,.metric,.quick-card,.brain-stat,.receipt-metric,.life-overview-stat){
  background:linear-gradient(135deg,#edf7fb,#f0f3ff)!important;
  border-color:rgba(32,79,130,.09)!important;
}

/* Make the human Today brief belong to ROMVI in both themes. */
#romviLivingBrief{
  padding:20px!important;
  border:1px solid var(--border)!important;
  border-radius:var(--romvi-r-lg)!important;
  background:linear-gradient(145deg,rgba(12,29,55,.74),rgba(6,14,29,.72))!important;
  color:var(--text)!important;
  box-shadow:var(--romvi-shadow-card)!important;
}
#romviLivingBrief h2{color:var(--text)!important;font:800 clamp(25px,5vw,34px)/1.08 Manrope,Inter,sans-serif!important}
#romviLivingBrief>p,#romviLivingBrief .romvi-brief-item small{color:var(--text-muted)!important}
#romviLivingBrief .romvi-brief-item{border:1px solid var(--border)!important;border-radius:14px!important;background:rgba(255,255,255,.028)!important}
#romviLivingBrief .romvi-brief-icon{background:rgba(34,211,223,.10)!important;color:#75e7ef!important}
#romviLivingBrief .romvi-brief-ask{min-height:44px!important;border:1px solid rgba(34,211,223,.24)!important;border-radius:12px!important;background:rgba(34,211,223,.07)!important;color:#a7edf2!important}
html[data-theme="light"] #romviLivingBrief{background:#fff!important;color:#102039!important;border-color:rgba(32,79,130,.10)!important;box-shadow:0 10px 30px rgba(35,67,99,.07)!important}
html[data-theme="light"] #romviLivingBrief h2{color:#102039!important}
html[data-theme="light"] #romviLivingBrief>p,html[data-theme="light"] #romviLivingBrief .romvi-brief-item small{color:#61748d!important}
html[data-theme="light"] #romviLivingBrief .romvi-brief-item{background:#f5f9fc!important;border-color:rgba(32,79,130,.09)!important}
html[data-theme="light"] #romviLivingBrief .romvi-brief-icon{background:#e4f5f7!important;color:#217d89!important}
html[data-theme="light"] #romviLivingBrief .romvi-brief-ask{background:#edf8f9!important;color:#206975!important;border-color:#b9dde1!important}

/* Controls: 44px baseline, one gradient language, restrained secondary actions. */
button,.primary,.go,.onboard-primary,.capture-send,.settings-action,.core60-actions button{font-family:Inter,system-ui,sans-serif}
.primary,.go,.onboard-primary,.capture-send,.settings-action.primary,.core60-actions .primary{
  min-height:44px!important;
  border-radius:12px!important;
  border:0!important;
  background:var(--romvi-gradient)!important;
  color:#04101e!important;
  font-weight:800!important;
  box-shadow:0 9px 24px rgba(73,117,255,.18)!important;
}
:is(.feature-chip,.core60-actions button:not(.primary),.tiny-btn,.ops-add,.coord-add,.life-service button,.settings-action:not(.primary)){
  min-height:40px!important;
  border:1px solid var(--border)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.03)!important;
  color:var(--text)!important;
  box-shadow:none!important;
}
:is(.feature-chip,.core60-actions button:not(.primary),.tiny-btn,.ops-add,.coord-add,.life-service button,.settings-action:not(.primary)):hover{border-color:var(--romvi-line-hover)!important;background:rgba(255,255,255,.05)!important}
html[data-theme="light"] :is(.feature-chip,.core60-actions button:not(.primary),.tiny-btn,.ops-add,.coord-add,.life-service button,.settings-action:not(.primary)){background:#f7fafc!important;color:#17334d!important}

/* Chat composer: important but not glowing over everything else. */
.composer{
  border:1px solid var(--border)!important;
  border-radius:20px!important;
  background:rgba(5,14,30,.94)!important;
  box-shadow:0 12px 36px rgba(0,0,0,.28)!important;
  backdrop-filter:blur(20px)!important;
  -webkit-backdrop-filter:blur(20px)!important;
}
html[data-theme="light"] .composer{background:rgba(255,255,255,.96)!important;box-shadow:0 10px 28px rgba(35,67,99,.12)!important}
.composer textarea{min-height:44px!important;line-height:1.45!important}
.composer #sendBtn{width:44px!important;height:44px!important;min-width:44px!important;border-radius:12px!important;background:var(--romvi-gradient)!important;color:#04101e!important}
.composer #photoBtn,.composer #micBtn{width:44px!important;height:44px!important;min-width:44px!important;border-radius:12px!important;border:1px solid var(--border)!important;background:rgba(255,255,255,.035)!important;color:#b7cced!important}
html[data-theme="light"] .composer #photoBtn,html[data-theme="light"] .composer #micBtn{background:#edf4fa!important;color:#24445d!important;border-color:rgba(32,79,130,.12)!important}

/* Bottom navigation: stable 64px surface. Keep all existing destinations. */
.bottom-nav{
  left:12px!important;right:12px!important;width:auto!important;transform:none!important;
  height:64px!important;padding:6px!important;
  bottom:max(8px,env(safe-area-inset-bottom))!important;
  border:1px solid var(--border)!important;
  border-radius:20px!important;
  background:rgba(4,12,27,.91)!important;
  box-shadow:0 12px 38px rgba(0,0,0,.34)!important;
  backdrop-filter:blur(20px) saturate(1.2)!important;
  -webkit-backdrop-filter:blur(20px) saturate(1.2)!important;
}
html[data-theme="light"] .bottom-nav{background:rgba(255,255,255,.94)!important;box-shadow:0 10px 28px rgba(35,67,99,.11)!important}
.nav-item{min-height:48px!important;border-radius:14px!important;color:var(--romvi-subtle)!important}
.nav-item.active{background:linear-gradient(145deg,rgba(34,211,223,.10),rgba(79,140,255,.12),rgba(182,92,255,.08))!important;color:var(--text)!important}
.nav-item.active .ni{color:#72e8ef!important;filter:drop-shadow(0 0 8px rgba(62,211,229,.28))!important}
.action-fab{width:48px!important;height:48px!important;background:var(--romvi-gradient)!important;color:#04101e!important;box-shadow:0 10px 28px rgba(72,111,255,.30)!important}

/* Settings: same rhythm as Today. */
.settings-section-label{margin:24px 2px 8px!important;color:var(--text-muted)!important;letter-spacing:.10em!important}
.settings-list-clean{overflow:hidden!important;padding:0!important}
.settings-link-row{min-height:64px!important;padding:10px 14px!important;border-color:var(--border)!important}
.settings-row-icon{width:36px!important;height:36px!important;border-radius:12px!important}
.settings-link-row b{font-size:13px!important}.settings-link-row small{font-size:11px!important;line-height:1.4!important;color:var(--text-muted)!important}
.settings-status{border-radius:999px!important}

/* Auth and onboarding use the same radii/fields as the product. */
.kairo-auth-card{border-radius:var(--romvi-r-xl)!important;border-color:var(--border)!important;box-shadow:0 24px 76px rgba(0,0,0,.42)!important}
.kairo-auth-form input,.setup input{min-height:48px!important;border-radius:12px!important;border-color:var(--border)!important}
.kairo-auth-btn,.mode-btn{min-height:44px!important;border-radius:12px!important}
.onboard-chip{border-radius:16px!important;border-color:var(--border)!important}

@media(max-width:760px){
  .header{padding:9px 16px 8px!important}
  .header-actions{gap:6px!important}
  .header-actions .icon-btn,.icon-btn{width:40px!important;height:40px!important;min-width:40px!important}
  #appTitleText{letter-spacing:.065em!important}
  #dashboard,.tasks-list,#lifeList,.profile-hub,#familyHub{padding-left:16px!important;padding-right:16px!important;padding-top:16px!important;gap:16px!important}
  .dash-hero,.life-engine-hero,.hub-head{padding:20px!important;border-radius:24px!important}
  .dash-title{font-size:30px!important}
  :is(.core60-card,.work61-card,.hub-card,.brief-card,.personal-ops-card,.coordination-card,.execution-card,.brain-card,.proactive-card,.predict-card,.load-card,.autopilot-card,.attention-card,.capture-card){padding:16px!important;border-radius:18px!important}
  #romviLivingBrief{padding:16px!important;border-radius:18px!important}
  .core60-pulse,.work61-stats{gap:8px!important}
  .core60-actions{gap:8px!important}
  .core60-actions button{min-height:42px!important}
  .composer{left:16px!important;right:16px!important;width:auto!important;bottom:calc(76px + env(safe-area-inset-bottom))!important;border-radius:18px!important}
  .bottom-nav{left:12px!important;right:12px!important;height:64px!important;border-radius:20px!important}
  .nav-item{min-height:48px!important}
  .settings-link-row{min-height:62px!important}
}

@media(max-width:360px){
  .header{padding-left:12px!important;padding-right:12px!important}
  #dashboard,.tasks-list,#lifeList,.profile-hub,#familyHub{padding-left:12px!important;padding-right:12px!important;gap:12px!important}
  .composer{left:12px!important;right:12px!important}
  .bottom-nav{left:8px!important;right:8px!important}
  .composer #photoBtn,.composer #micBtn,.composer #sendBtn{width:40px!important;height:40px!important;min-width:40px!important}
}

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


/* ROMVI 24.14.67 — screenshot-driven visual correction, 2026-10-05.
   Layout/color only; no navigation IDs, handlers or feature behavior changed. */

/* Calmer, clearer color system. The former dark theme was too close to black,
   while the light theme looked washed out on wide desktop displays. */
html[data-theme="dark"]{
  --romvi-bg:#06101d!important;
  --romvi-surface:#0b1625!important;
  --romvi-surface-2:#101d2e!important;
  --romvi-surface-3:#16263b!important;
  --romvi-text:#f4f8ff!important;
  --romvi-muted:#a6b5c9!important;
  --romvi-subtle:#788ba6!important;
  --romvi-line:rgba(148,190,235,.13)!important;
  --bg:#06101d!important;
  --surface:#0b1625!important;
  --surface-2:#101d2e!important;
  --surface-3:#16263b!important;
  --border:rgba(148,190,235,.13)!important;
  --text:#f4f8ff!important;
  --text-muted:#a6b5c9!important;
  --k-bg:#06101d!important;
  --k-surface:#0b1625!important;
  --k-surface-2:#101d2e!important;
  --k-surface-3:#16263b!important;
  --k-line:rgba(148,190,235,.13)!important;
  --k-text:#f4f8ff!important;
  --k-muted:#a6b5c9!important;
  --k-subtle:#788ba6!important;
}
html[data-theme="dark"] body{
  background:
    radial-gradient(820px 520px at 83% -8%,rgba(74,104,238,.18),transparent 68%),
    radial-gradient(700px 560px at 8% 54%,rgba(22,164,190,.07),transparent 72%),
    #06101d!important;
}
html[data-theme="light"]{
  --bg:#eef4f9!important;
  --surface:#ffffff!important;
  --surface-2:#f3f7fb!important;
  --surface-3:#e9f1f7!important;
  --border:rgba(34,66,98,.13)!important;
  --text:#142235!important;
  --text-muted:#63758c!important;
  --k-bg:#eef4f9!important;
  --k-surface:#ffffff!important;
  --k-surface-2:#f3f7fb!important;
  --k-surface-3:#e9f1f7!important;
  --k-line:rgba(34,66,98,.13)!important;
  --k-text:#142235!important;
  --k-muted:#63758c!important;
  --k-subtle:#7b8ca0!important;
}
html[data-theme="light"] body{
  background:
    radial-gradient(760px 500px at 91% -5%,rgba(79,140,255,.11),transparent 70%),
    linear-gradient(180deg,#f5f8fb 0%,#edf3f8 100%)!important;
}

/* Wider but still readable desktop canvas. The previous 940px cap produced
   large unused gutters and made the fixed navigation feel disconnected. */
#dashboard,#familyHub{max-width:1120px!important}
.tasks-list,#lifeList{max-width:1040px!important}
.profile-hub{max-width:960px!important}
.profile-hub.settings-screen{max-width:900px!important}
#dashboard,#familyHub,.tasks-list,#lifeList,.profile-hub{
  padding-top:24px!important;
  padding-left:24px!important;
  padding-right:24px!important;
}
#familyHub{gap:16px!important}

/* Dashboard placement: full-width content stays full-width. The old two-column
   auto-placement put Overview/Insight into opposite columns, creating the huge
   empty left area visible in the screenshot. */
@media(min-width:900px){
  #dashboard{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    column-gap:16px!important;
    row-gap:16px!important;
  }
  #dashboard>:is(.dash-hero,.feature-strip,.life-engine-hero,.brief-card,.hub-card,
    .personal-ops-card,.coordination-card,.execution-card,.brain-card,.proactive-card,
    .predict-card,.load-card,.autopilot-card,.attention-card,.capture-card,
    .section-label,.quick-grid,.insight-card,.home-more-toggle){grid-column:1/-1!important}
  #dashboard .core60-card{grid-column:1/2!important}
  #dashboard .work61-card{grid-column:2/3!important}
  #dashboard .quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
}

/* Section rhythm and cards. */
:is(.hub-card,.proactive-card,.predict-card,.load-card,.autopilot-card,.attention-card,.capture-card,.brain-card){
  border-color:var(--border)!important;
  background:linear-gradient(145deg,rgba(17,32,51,.88),rgba(9,20,35,.86))!important;
  box-shadow:0 10px 28px rgba(0,0,0,.12)!important;
}
html[data-theme="light"] :is(.hub-card,.proactive-card,.predict-card,.load-card,.autopilot-card,.attention-card,.capture-card,.brain-card){
  background:#fff!important;
  border-color:rgba(34,66,98,.12)!important;
  box-shadow:0 9px 24px rgba(40,70,103,.07)!important;
}
.hub-card-title,.section-label{
  min-height:28px!important;
  padding-bottom:10px!important;
  margin-bottom:12px!important;
  border-bottom:1px solid var(--border)!important;
}
.hub-card-title b,.section-label b{font-size:12px!important;font-weight:750!important;color:var(--text)!important}
.hub-card-title>span,.section-label>span{font-size:9px!important;color:var(--romvi-subtle)!important;letter-spacing:.09em!important}

/* Family page: comfortable header and metrics instead of the compressed strip. */
#familyHub .hub-head{
  min-height:148px!important;
  padding:24px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  border-radius:22px!important;
}
#familyHub .hub-head h2{margin:7px 0 6px!important;font-size:clamp(24px,3vw,34px)!important;line-height:1.12!important}
#familyHub .hub-head p{max-width:720px!important;font-size:12px!important;line-height:1.55!important;color:var(--text-muted)!important}
#familyHub>.metric-row{gap:12px!important}
#familyHub>.metric-row>.metric{min-height:86px!important;padding:16px!important;border-radius:16px!important}
#familyHub>.metric-row>.metric b{font-size:23px!important}
#familyHub>.metric-row>.metric span{font-size:10px!important;margin-top:5px!important;display:block!important;color:var(--text-muted)!important}

/* Action Center / timeline: protect copy from dot-size rules and give rows room. */
.timeline-list{gap:0!important}
.timeline-row{align-items:flex-start!important;gap:12px!important;padding:13px 0!important;border-bottom:1px solid var(--border)!important}
.timeline-row:last-child{border-bottom:0!important}
.timeline-dot{
  width:32px!important;height:32px!important;min-width:32px!important;max-width:32px!important;
  overflow:hidden!important;border-radius:10px!important;
  background:rgba(34,211,223,.08)!important;color:#9debf0!important;
  font-size:12px!important;line-height:1!important;
}
.timeline-copy{flex:1 1 auto!important;min-width:0!important;padding-top:1px!important}
.timeline-copy b{font-size:12px!important;line-height:1.4!important;color:var(--text)!important}
.timeline-copy span{font-size:10px!important;line-height:1.45!important;color:var(--text-muted)!important;opacity:1!important}
.initiative{padding:14px!important;border-color:var(--border)!important;background:rgba(255,255,255,.025)!important}
.initiative-copy b{font-size:13px!important}
.initiative-copy>span{color:var(--text-muted)!important;opacity:1!important}

/* Overview / Insight: remove the empty 50% column and build a clean desktop strip. */
#dashboard>.section-label{margin-top:4px!important;margin-bottom:0!important;padding:0 2px 9px!important}
#dashboard>.quick-grid{width:100%!important}
#dashboard>.quick-grid .quick-card{min-height:116px!important;padding:16px!important}
#dashboard>.quick-grid .quick-card strong{font-size:24px!important;margin:10px 0 5px!important}
#dashboard>.insight-card{width:100%!important;min-height:108px!important;padding:18px!important}
#dashboard>.insight-card b{font-size:17px!important;margin-bottom:7px!important}
#dashboard>.insight-card p{max-width:720px!important;color:var(--text-muted)!important}

/* Settings: stronger separation in light mode and more deliberate vertical rhythm. */
.settings-hero-clean{padding:4px 4px 18px!important;gap:14px!important}
.settings-section-label{margin:20px 5px 8px!important;padding:0!important;font-size:9px!important;color:var(--romvi-subtle)!important}
.settings-list-clean{margin-bottom:0!important;border-radius:18px!important}
.settings-link-row{min-height:68px!important;padding:12px 16px!important;gap:12px!important}
.settings-row-icon{width:38px!important;height:38px!important;border-radius:12px!important}
.settings-link-row b{font-size:13px!important;line-height:1.25!important}
.settings-link-row small{font-size:10px!important;margin-top:3px!important;line-height:1.4!important}
.settings-status{min-width:48px!important;padding:6px 10px!important}
.lang-segment{padding:3px!important;border-radius:11px!important}
.lang-segment button{min-width:38px!important;height:30px!important;font-size:9px!important}
html[data-theme="light"] .profile-hub.settings-screen{background:transparent!important}
html[data-theme="light"] .settings-list-clean{
  background:rgba(255,255,255,.97)!important;
  border-color:rgba(34,66,98,.13)!important;
  box-shadow:0 10px 30px rgba(40,70,103,.07)!important;
}
html[data-theme="light"] .settings-link-row{border-bottom-color:rgba(34,66,98,.10)!important}
html[data-theme="light"] .settings-row-icon{background:#f4f8fb!important;border-color:rgba(34,66,98,.12)!important;color:#566c84!important}
html[data-theme="light"] .settings-status,html[data-theme="light"] .lang-segment{background:#f5f9fc!important;border-color:rgba(34,66,98,.12)!important}
html[data-theme="light"] .lang-segment button.active{background:#e3f4f7!important;color:#1d5b68!important}

/* Fixed navigation: on desktop match the content width, and use flex so hidden
   destinations never leave an empty grid column. */
.bottom-nav{display:flex!important;align-items:stretch!important;gap:4px!important}
.bottom-nav .nav-item{flex:1 1 0!important;min-width:0!important}
@media(min-width:761px){
  .bottom-nav{
    left:50%!important;right:auto!important;
    width:min(1120px,calc(100vw - 32px))!important;
    transform:translateX(-50%)!important;
    height:66px!important;padding:6px!important;
  }
  .nav-item{max-width:none!important}
  .action-fab{right:max(24px,calc((100vw - 1120px)/2 + 24px))!important}
}
html[data-theme="light"] .bottom-nav{
  background:rgba(255,255,255,.96)!important;
  border-color:rgba(34,66,98,.13)!important;
  box-shadow:0 10px 30px rgba(40,70,103,.12)!important;
}
html[data-theme="dark"] .bottom-nav{
  background:rgba(9,20,34,.95)!important;
  border-color:rgba(148,190,235,.13)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.28)!important;
}
.nav-item{color:var(--romvi-subtle)!important}
.nav-item.active{background:linear-gradient(135deg,rgba(34,211,223,.11),rgba(79,140,255,.13),rgba(182,92,255,.08))!important}

/* Quick modal: desktop dialog, mobile bottom sheet. Previously the 100%-wide
   card made Save stretch across almost the entire desktop screenshot. */
.mini-modal{padding:24px!important;place-items:center!important;background:rgba(2,8,18,.72)!important}
.mini-card{
  width:min(560px,calc(100vw - 48px))!important;
  max-height:min(78dvh,720px)!important;
  overflow-y:auto!important;
  padding:20px!important;
  border-radius:20px!important;
  border:1px solid var(--border)!important;
  background:#0d1928!important;
  box-shadow:0 28px 80px rgba(0,0,0,.46)!important;
}
.mini-card h3{font:800 19px/1.2 Manrope,Inter,sans-serif!important;margin:0 0 16px!important}
.mini-input,.mini-select{min-height:46px!important;margin-bottom:10px!important;border-radius:12px!important;background:rgba(255,255,255,.035)!important}
.modal-actions{display:grid!important;grid-template-columns:minmax(120px,.38fr) minmax(0,1fr)!important;gap:10px!important;margin-top:12px!important}
.modal-actions button{width:100%!important;height:46px!important;border-radius:12px!important}
.modal-cancel{color:var(--text-muted)!important;background:rgba(255,255,255,.025)!important;border:1px solid var(--border)!important}
.modal-save{background:var(--romvi-gradient)!important;color:#04101e!important;border:0!important;font-weight:800!important}
html[data-theme="light"] .mini-modal{background:rgba(22,39,58,.40)!important}
html[data-theme="light"] .mini-card{background:#fff!important;border-color:rgba(34,66,98,.13)!important;box-shadow:0 24px 70px rgba(36,61,91,.22)!important}
html[data-theme="light"] .mini-input,html[data-theme="light"] .mini-select{background:#f4f8fb!important;color:#142235!important;border-color:rgba(34,66,98,.13)!important}

@media(max-width:899px){
  #dashboard{grid-template-columns:1fr!important}
  #dashboard>*{grid-column:1!important}
  #dashboard>.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  #dashboard,#familyHub,.tasks-list,#lifeList,.profile-hub{
    padding-top:16px!important;padding-left:16px!important;padding-right:16px!important;
  }
  #familyHub .hub-head{min-height:auto!important;padding:20px!important}
  #familyHub .hub-head h2{font-size:26px!important}
  .bottom-nav{left:12px!important;right:12px!important;width:auto!important;transform:none!important;gap:2px!important}
  .action-fab{right:16px!important}
  .mini-modal{place-items:end center!important;padding:12px 12px calc(12px + env(safe-area-inset-bottom))!important}
  .mini-card{width:100%!important;max-height:min(82dvh,720px)!important;padding:16px!important;border-radius:20px!important}
  .modal-actions{grid-template-columns:.38fr .62fr!important}
}
@media(max-width:430px){
  #dashboard,#familyHub,.tasks-list,#lifeList,.profile-hub{padding-left:12px!important;padding-right:12px!important}
  #dashboard>.quick-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .settings-link-row{padding:10px 12px!important}
  .settings-row-icon{width:34px!important;height:34px!important}
}


/* ROMVI 24.14.67 — layout stability + USD polish, 2026-10-05.
   Final override layer: prevents card/grid collisions without changing DOM or handlers. */
*,*::before,*::after{box-sizing:border-box}
#mainApp,.panel,#dashboard,#familyHub,.tasks-list,#lifeList,.profile-hub,.chat,
#dashboard>*,#familyHub>*,.tasks-list>*,#lifeList>*,.profile-hub>*,.chat>*{
  min-width:0!important;max-width:100%;
}
:is(.hub-card,.brief-card,.core60-card,.work61-card,.personal-ops-card,.coordination-card,
.execution-card,.brain-card,.proactive-card,.predict-card,.load-card,.autopilot-card,
.attention-card,.capture-card,.receipt-intel,.life-compact-card,.settings-list-clean,
.task-item,.life-tile,.quick-card,.insight-card,.metric){
  width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;
}
:is(.core60-head,.work61-head,.receipt-intel-head,.hub-card-title,.section-label,.settings-control-row){
  min-width:0!important;max-width:100%!important;
}
:is(.core60-head,.work61-head,.receipt-intel-head,.hub-card-title,.section-label){
  flex-wrap:wrap!important;
}
:is(.core60-head,.work61-head,.receipt-intel-head)>div,
:is(.ops-main,.coord-main,.timeline-copy,.initiative-copy,.receipt-row>div,.life-compact-row>div,.mini-row>div,.settings-link-row>span){
  min-width:0!important;max-width:100%!important;
}
:is(.ops-main,.coord-main,.timeline-copy,.initiative-copy,.receipt-row,.life-compact-row,.mini-row,.settings-link-row,.quick-card,.metric,.core60-stat,.work61-stats>div) :is(b,span,small,p,strong){
  overflow-wrap:anywhere;word-break:normal;max-width:100%;
}
:is(.ops-row,.coord-row,.life-compact-row,.receipt-row,.timeline-row,.mini-row,.activity-item,.initiative){
  min-width:0!important;max-width:100%!important;
}
:is(.ops-actions,.coord-actions,.section-actions,.core60-actions){flex-wrap:wrap!important;min-width:0!important}
:is(.core60-scope,.work61-scope,.settings-status){max-width:100%!important;white-space:normal!important;text-align:center}
.quick-meta{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.quick-meta>*{min-width:0!important;width:100%!important}

/* Stable grids: never let a label force one card over another. */
.metric-row,.life-overview-grid,.receipt-metrics,.core60-pulse,.work61-stats{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:stretch!important;
}
.quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:stretch!important}
.personal-ops-grid,.coordination-grid,.life-services-grid,.action-layer-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start!important;
}
.metric,.life-overview-stat,.receipt-metric,.core60-stat,.work61-stats>div,.quick-card{align-self:stretch!important}

/* Rows with actions may grow vertically; actions are never allowed to cover copy. */
.ops-row,.coord-row,.life-compact-row,.timeline-row,.mini-row{height:auto!important;min-height:0!important}
.ops-main,.coord-main{flex:1 1 180px!important}
.ops-actions,.coord-actions{flex:0 0 auto!important;position:static!important}

/* Fixed chrome must never cover the scrollable screen content. */
#dashboard,#familyHub,.tasks-list,#lifeList,.profile-hub{
  padding-bottom:calc(132px + env(safe-area-inset-bottom,0px))!important;
}
.chat{padding-bottom:calc(162px + env(safe-area-inset-bottom,0px))!important}
.bottom-nav,.composer,.action-fab{isolation:isolate}

@media(max-width:900px){
  .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .personal-ops-grid,.coordination-grid,.life-services-grid,.action-layer-grid{grid-template-columns:1fr!important}
}
@media(max-width:620px){
  .metric-row,.life-overview-grid,.receipt-metrics,.core60-pulse,.work61-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .receipt-intel-head{align-items:flex-start!important}
  .receipt-scan-btn{max-width:100%!important;white-space:normal!important}
  .settings-link-row{flex-wrap:wrap!important;height:auto!important}
  .settings-link-row>:last-child{margin-left:auto}
}
@media(max-width:430px){
  .metric-row,.life-overview-grid,.receipt-metrics,.core60-pulse,.work61-stats,.quick-grid,.quick-meta{grid-template-columns:1fr!important}
  .ops-row,.coord-row,.life-compact-row,.mini-row{align-items:flex-start!important;flex-wrap:wrap!important}
  .ops-actions,.coord-actions{width:100%!important;justify-content:flex-end!important}
  .receipt-row{grid-template-columns:minmax(0,1fr)!important}
  .receipt-row strong{justify-self:start!important}
  .modal-actions{grid-template-columns:1fr!important}
}