/* Monolit pilot: Overview only. Neutral porcelain follows the original image's
   visual balance; olive remains an interaction accent, never an identity color. */
:root[data-fh-theme="light"]:has(body.monolit-overview) {
  --fh-bg:#f4f4f1; --fh-secondary:#ecece7; --fh-surface:#fcfcfa; --fh-surface-raised:#fff;
  --fh-line:#d2d3cd; --fh-control:#74786c; --fh-text:#20221f;
  --fh-secondary-text:#50554b; --fh-muted:#666a61;
}
html[data-fh-theme] body.monolit-overview {background:var(--fh-bg)}
html[data-fh-theme] #overview {padding:32px clamp(20px,3.4vw,54px) 64px;margin:0 auto;max-width:1520px}
/* FH2 fixed navigation owns its space; Classic retains the original layout. */
html[data-fh-ui="familyhub_2"][data-fh-theme] #overview {
  padding-block-start: calc(var(--fh2-appbar-height, 4.75rem) + var(--space-6));
  padding-inline-start: var(--fh2-navigation-inset);
}
html[data-fh-theme] #overview .topbar {display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.9fr) auto;gap:28px;align-items:center;border-bottom:1px solid var(--fh-line);padding-bottom:28px;margin-bottom:30px}
html[data-fh-theme] #overview .topbar .eyebrow {display:flex;flex-direction:column;align-items:flex-start;gap:10px;color:var(--fh-secondary-text);font:500 15px/1.4 var(--fh-font);letter-spacing:0;text-transform:none;margin:0}
html[data-fh-theme] #overview .topbar .eyebrow time {order:-1;display:block;padding:0;border:0;border-radius:0;background:transparent;color:var(--fh-text);font:500 clamp(56px,7vw,88px)/1 var(--fh-font);letter-spacing:-.065em;font-variant-numeric:tabular-nums}
html[data-fh-theme] #overview .topbar h1 {font:500 15px/1.5 var(--fh-font);letter-spacing:0;color:var(--fh-muted);margin-top:8px}
html[data-fh-theme] #overview .date-block {padding:0 0 0 28px;border:0;border-left:1px solid var(--fh-line);min-height:0;background:transparent;display:block}
html[data-fh-theme] #overview .date-block>div:first-child {display:none} /* date already in masthead */
html[data-fh-theme] #overview .weather {margin:0;gap:10px;font-size:14px}
html[data-fh-theme] #overview .weather-current strong {font:500 36px/1.1 var(--fh-font);letter-spacing:-.04em}
html[data-fh-theme] #overview .weather-current span {font-size:14px}
html[data-fh-theme] #overview .weather-facts {font-size:12px;gap:6px 12px}
html[data-fh-theme] #overview :is(.weather-facts span,.weather-source) {color:var(--fh-muted);font-size:12px}
html[data-fh-theme] #overview .weather-hours {gap:12px}
html[data-fh-theme] #overview .weather-hours>span {background:transparent;border:0;border-radius:0;padding:0;font-size:12px}
html[data-fh-theme] #overview .namesday {font-size:13px;margin-top:12px}
html[data-fh-theme] #overview .top-actions {align-self:start}
html[data-fh-theme] #overview .layout {grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:30px 36px;align-items:start}
html[data-fh-theme] #overview .layout>.card {background:transparent;border:0;border-top:1px solid var(--fh-line);border-radius:0;box-shadow:none;padding:20px 0 0;min-height:0}
html[data-fh-theme] #overview .layout>.today {grid-column:1;grid-row:1;display:block;border:0;padding:0;overflow:visible}
html[data-fh-theme] #overview #tasks {grid-column:2;grid-row:1;border:0;padding:0;min-height:0}
html[data-fh-theme] #overview #week {grid-column:1/-1;grid-row:2}
html[data-fh-theme] #overview .agenda {padding:0}
html[data-fh-theme] #overview .card-head {margin-bottom:16px;align-items:baseline;flex-wrap:wrap;gap:8px 16px}
html[data-fh-theme] #overview .card-head h2 {font:500 22px/1.25 var(--fh-font);letter-spacing:-.025em}
html[data-fh-theme] #overview .overview-kicker {color:var(--fh-muted);font:500 12px var(--fh-font);letter-spacing:.08em}
html[data-fh-theme] #overview :is(.meta,.link) {font-size:13px}
html[data-fh-theme] #overview .agenda-list {gap:0}
html[data-fh-theme] #overview .agenda-item {padding:16px 0;border-top:1px solid var(--fh-line);grid-template-columns:48px 3px minmax(0,1fr);text-decoration:none;color:var(--fh-text)}
html[data-fh-theme] #overview .agenda-bar {box-shadow:none}
html[data-fh-theme] #overview .agenda-time {font-size:14px;font-variant-numeric:tabular-nums}
html[data-fh-theme] #overview .agenda-title {font-size:16px;font-weight:500}
html[data-fh-theme] #overview .agenda-sub {font-size:13px;line-height:1.5}
html[data-fh-theme] #overview .overview-task-columns {gap:24px}
html[data-fh-theme] #overview .overview-task-group {background:transparent;border:0;border-radius:0;padding:0}
html[data-fh-theme] #overview .overview-task-title h3 {font:500 14px var(--fh-font)}
html[data-fh-theme] #overview .overview-task-title span {font-size:12px}
html[data-fh-theme] #overview .overview-task {padding:13px 0;border-color:var(--fh-line);grid-template-columns:24px minmax(0,1fr)}
html[data-fh-theme] #overview .overview-task a>span {font-size:15px;font-weight:500;white-space:normal}
html[data-fh-theme] #overview .overview-task a>small {font-size:12px;white-space:normal}
html[data-fh-theme] #overview :is(.overview-task-more,.overview-task-link,.overview-list-more) {padding:8px 0;background:transparent;border-radius:0;text-align:left;font-size:13px;color:var(--fh-accent)}
html[data-fh-theme] #overview .week-strip {gap:0;overflow-x:auto;grid-template-columns:repeat(7,minmax(105px,1fr));padding-bottom:4px}
html[data-fh-theme] #overview .week-strip .day {text-align:left;background:transparent;border:0;border-left:1px solid var(--fh-line)!important;border-radius:0;box-shadow:none;padding:0 12px 12px;min-width:0}
html[data-fh-theme] #overview .week-strip .day.current {background:var(--fh-secondary);box-shadow:inset 0 -2px var(--fh-accent)}
html[data-fh-theme] #overview .week-strip .day .name {font:500 12px var(--fh-font)}
html[data-fh-theme] #overview .week-strip .day .num {font:500 30px var(--fh-font);letter-spacing:-.04em;color:var(--fh-text)}
html[data-fh-theme] #overview .week-marker {justify-content:flex-start;height:26px;font:500 11px var(--fh-font);letter-spacing:0;color:var(--fh-muted)}
html[data-fh-theme] #overview .week-marker span {border:0;border-radius:0;padding:0;background:transparent;color:var(--fh-muted)}
html[data-fh-theme] #overview .day-month {font-size:11px}
html[data-fh-theme] #overview .week-event {background:transparent;border-radius:0;font-size:12px;padding:4px 0}
html[data-fh-theme] #overview .week-event span {white-space:normal;overflow-wrap:anywhere}
html[data-fh-theme] #overview .week-event i {box-shadow:none}
html[data-fh-theme] #overview .week-shifts {justify-content:flex-start}
html[data-fh-theme] #overview .overview-secondary-grid {gap:0;grid-template-columns:repeat(4,minmax(0,1fr))}
html[data-fh-theme] #overview .overview-glance {background:transparent;border:0;border-bottom:1px solid var(--fh-line);border-radius:0;padding:18px 12px 18px 0;min-height:80px}
html[data-fh-theme] #overview .overview-glance:hover {background:var(--fh-secondary)}
html[data-fh-theme] #overview .overview-glance-icon {background:transparent;color:var(--fh-muted);border-radius:0;font:500 12px var(--fh-font)}
html[data-fh-theme] #overview .overview-glance strong {font-size:15px;font-weight:500}
html[data-fh-theme] #overview .overview-glance small {font-size:12px;white-space:normal}
html[data-fh-theme] body.monolit-overview .nav :is(.nav-section,.nav-section-title,.nav-section-links) {background:transparent;border-color:transparent;border-radius:0;box-shadow:none}
html[data-fh-theme] body.monolit-overview .nav .nav-section-links>a.active {background:var(--fh-accent);color:var(--fh-on-accent);box-shadow:none}
html[data-fh-theme] body.monolit-overview .nav .nav-section-links>a.active::after {background:var(--fh-on-accent)}
@media(max-width:1100px) {
  html[data-fh-theme] #overview .topbar {grid-template-columns:minmax(0,1fr) minmax(240px,1fr);gap:20px}
  html[data-fh-theme] #overview .top-actions {grid-column:1/-1;justify-self:end}
  html[data-fh-theme] #overview .overview-secondary-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px) {
  html[data-fh-theme] #overview {padding:24px 20px 100px}
  html[data-fh-theme] #overview .topbar {grid-template-columns:1fr;gap:20px;padding-bottom:24px;margin-bottom:24px}
  html[data-fh-theme] #overview .topbar .eyebrow time {font-size:64px}
  html[data-fh-theme] #overview .date-block {border:0;padding:0}
  html[data-fh-theme] #overview .top-actions {display:none}
  html[data-fh-theme] #overview .layout {grid-template-columns:minmax(0,1fr);gap:28px}
  html[data-fh-theme] #overview .layout>.today {grid-column:1;grid-row:1}
  html[data-fh-theme] #overview #tasks {grid-column:1;grid-row:2;border-top:1px solid var(--fh-line);padding-top:20px}
  html[data-fh-theme] #overview #week {grid-column:1;grid-row:3}
  html[data-fh-theme] #overview .card-head h2 {font-size:20px}
  html[data-fh-theme] #overview .week-strip .day:nth-last-child(-n+2) {display:block}
}