/* Approved Home and Inventory share the shell; home content remains class-scoped. */
body:has(.board-shell--modern) { background: #f5f7f8; }
.board-shell--modern {
  --ink-950: #182d2b;
  --ink-900: #253c39;
  --ink-800: #245e50;
  --ink-700: #35695e;
  --ink-600: #536d68;
  --ink-500: #697c78;
  --paper: #fff;
  --shadow-soft: 0 3px 16px #1e423008;
  width: calc(100% - 17rem);
  max-width: 1480px;
  margin: 0 0 32px;
  margin-inline-start: 15rem;
  padding-inline: 28px;
}
.board-shell--modern :is(button, input, select, textarea) { font: inherit; }
.board-shell--modern :is(a, button, input, select, textarea, summary):focus-visible {
  outline: 3px solid #71afa4;
  outline-offset: 3px;
}
.board-shell--modern .topbar {
  min-height: 94px;
  gap: 24px;
  padding: 18px 0;
  color: var(--ink-950);
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.board-shell--modern .brand { gap: 10px; }
.board-shell--modern .brand-mark { width: 43px; height: 43px; flex-basis: 43px; border-radius: 13px; background: #eef4ed; }
.board-shell--modern .brand h1 { font-size: 20px; letter-spacing: -.4px; }
.board-shell--modern .brand p { color: #6c8079; font-size: 9px; letter-spacing: 1.1px; }
.board-shell--modern .topbar__actions { flex-shrink: 0; }
.board-shell--modern .active-user { color: #62736f; font-size: 11px; font-weight: 500; }
.board-shell--modern .active-user select { min-height: 39px; color: #29463e; border: 1px solid #dfe6e3; border-radius: 9px; font-size: 12px; background: #fff; }
.board-shell--modern .global-search { flex: 1; max-width: 360px; margin: 0; position: relative; }
.board-shell--modern .global-search > label { display: block; margin: 0 2px 4px; color: #62736f; font-size: 11px; font-weight: 500; }
.board-shell--modern .global-search > input { min-height: 39px; padding: 9px 13px; font-size: 12px; background: #fff; border: 1px solid #dfe6e3; border-radius: 9px; }
.board-shell--modern .global-search > input::placeholder { color: #73837e; }
.board-shell--modern .global-search__results { color: #253c39; z-index: 20; }
.board-shell--modern .app-navigation {
  width: 15rem;
  padding: 24px 14px;
  gap: 4px;
  border: 0;
  border-inline-end: 1px solid #e5eae7;
  border-radius: 0;
  background: #fff;
  box-shadow: none;
}
.board-shell--modern .home-nav-caption { margin: 0 12px 15px; color: #798b84; font-size: 11px; font-weight: 600; }
.board-shell--modern .home-nav-caption--secondary { margin-top: 22px; margin-bottom: 8px; padding-top: 20px; border-top: 1px solid #edf0ee; }
.board-shell--modern .app-navigation a { min-height: 43px; padding: 8px 12px; gap: 11px; color: #536c63; font-size: 12px; font-weight: 500; border-radius: 9px; line-height: 1.55; }
.board-shell--modern .app-navigation a > span { font-size: 18px; width: 18px; text-align: center; color: #769289; }
.board-shell--modern .app-navigation a:hover { background: #f1f6f3; color: #245e50; }
.board-shell--modern .app-navigation a[aria-current="page"] { background: #e9f3ee; color: #225847; font-weight: 750; box-shadow: inset -3px 0 #408b70; }
.board-shell--modern .app-navigation a[aria-current="page"] > span { color: #2e7057; }
.board-shell--modern .home-demo-note {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 4px 14px;
  padding: 9px 14px;
  margin-bottom: 16px;
  color: #7a602d;
  background: #fbf7eb;
  border: 1px solid #ece3c9;
  border-radius: 9px;
  font-size: 11px;
}
.board-shell--modern .home-demo-note strong { margin-inline-end: 8px; font-weight: 700; }
.board-shell--modern .home-demo-note details { max-width: 420px; }
.board-shell--modern .home-demo-note summary { min-height: 22px; cursor: pointer; font-size: 11px; }
.board-shell--modern .home-demo-note p { margin: 8px 0 2px; line-height: 1.9; }
.board-shell--modern main { margin: 0; }
.board-shell--modern .work-mode-assist {
  gap: 12px;
  margin: 0 0 14px;
  padding: 10px 14px;
  background: #eef4f7;
  border: 1px solid #dce7eb;
  border-radius: 10px;
  box-shadow: none;
}
.board-shell--modern .work-mode-assist strong { font-size: 12px; }
.board-shell--modern .work-mode-assist p { margin: 3px 0 0; font-size: 11px; color: #516872; }
.board-shell--modern .work-mode-assist .button { min-height: 35px; padding: 8px 12px; background: #346d7b; color: #fff; font-size: 11px; border-radius: 8px; white-space: nowrap; }
.board-shell--modern .notice { padding: 10px 14px; margin: 10px 0; border-radius: 9px; font-size: 13px; }
.board-shell--modern .home-dashboard { display: block; }
.board-shell--modern .home-intro { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 22px 0 20px; }
.board-shell--modern .home-eyebrow { color: #638578; font-size: 11px; font-weight: 650; margin: 0 0 3px; }
.board-shell--modern .home-intro h2 { color: #1b3a30; font-size: clamp(25px, 2.5vw, 34px); line-height: 1.45; margin: 0; letter-spacing: -.7px; }
.board-shell--modern .home-intro__description { color: #657770; font-size: 12px; margin: 6px 0 0; }
.board-shell--modern .home-date { display: grid; gap: 5px; text-align: end; color: #365348; }
.board-shell--modern .home-date span { color: #75867e; font-size: 10px; }
.board-shell--modern .home-date time { font-size: 12px; font-weight: 600; }
.board-shell--modern .home-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-bottom: 24px; }
.board-shell--modern .home-metric { background: #fff; padding: 16px 18px 12px; border: 1px solid #e4eae6; border-radius: 13px; box-shadow: 0 2px 4px #1e403403; }
.board-shell--modern .home-metric > div { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.board-shell--modern .home-metric span { color: #4a6257; font-size: 12px; font-weight: 600; }
.board-shell--modern .home-metric strong { font-size: 30px; font-weight: 650; color: #285c48; line-height: 1.5; }
.board-shell--modern .home-metric p { color: #76877e; font-size: 10px; margin: 4px 0 0; }
.board-shell--modern .home-metric--warm { border-color: #ecdec4; background: #fffdf8; }
.board-shell--modern .home-metric--warm strong { color: #956c2d; }
.board-shell--modern .home-metric--blue strong { color: #3f7286; }
.board-shell--modern .home-work-layout { display: grid; grid-template-columns: minmax(0, 1.85fr) minmax(265px, 1fr); gap: 22px; align-items: start; }
.board-shell--modern :is(.home-primary, .home-secondary, .home-workspace) { min-width: 0; }
.board-shell--modern .home-secondary { display: grid; gap: 16px; }
.board-shell--modern :is(.home-panel, .home-workspace) { background: #fff; border: 1px solid #e2e8e4; border-radius: 14px; box-shadow: var(--shadow-soft); }
.board-shell--modern .home-panel { padding: 20px; }
.board-shell--modern .home-panel-heading { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 10px; }
.board-shell--modern .home-panel-heading h3 { font-size: 14px; margin: 0; font-weight: 700; color: #284838; }
.board-shell--modern .home-count { padding: 3px 8px; font-size: 10px; color: #8c6b2d; background: #faf3e6; border-radius: 6px; white-space: nowrap; }
.board-shell--modern .home-section-marker { color: #4e8a6f; font-size: 21px; }
.board-shell--modern .home-attention-list { list-style: none; margin: 0; padding: 0; }
.board-shell--modern .home-attention-list li + li { border-top: 1px solid #edf0ee; }
.board-shell--modern .home-attention-link { display: flex; align-items: center; gap: 10px; padding: 12px 0; color: inherit; text-decoration: none; }
.board-shell--modern .home-attention-link:hover strong { color: #246d53; text-decoration: underline; }
.board-shell--modern .home-attention-link > span:nth-child(2) { flex: 1; min-width: 0; display: grid; gap: 2px; }
.board-shell--modern .home-attention-link small { color: #87938b; font-size: 9px; }
.board-shell--modern .home-attention-link strong { font-size: 12px; font-weight: 650; color: #405d4b; }
.board-shell--modern .home-attention-link > span > span { color: #7c8b82; font-size: 10px; overflow-wrap: anywhere; }
.board-shell--modern .home-attention-dot { flex: 0 0 7px; width: 7px; height: 7px; border-radius: 50%; background: #d7b46c; }
.board-shell--modern .home-link-arrow { color: #9cafa4; font-size: 17px; }
.board-shell--modern .home-attention-footnote { color: #7b887f; font-size: 10px; line-height: 1.9; border-top: 1px solid #edf0ee; padding-top: 12px; margin: 5px 0 0; }
.board-shell--modern :is(.home-more-attention, .home-unavailable-actions) > summary { cursor: pointer; min-height: 40px; padding-block: 9px; color: #3d705a; font-size: 11px; }
.board-shell--modern .home-muted { color: #738479; font-size: 12px; line-height: 1.9; }
.board-shell--modern .home-ready-actions { display: grid; gap: 8px; }
.board-shell--modern button.home-shortcut-button { display: flex; justify-content: space-between; gap: 10px; min-height: 42px; padding: 10px 12px; border: 1px solid #dce8e0; border-radius: 8px; background: #f5f9f6; color: #376d52; font-size: 12px; font-weight: 600; }
.board-shell--modern button.home-shortcut-button:hover { background: #e9f3eb; }
.board-shell--modern .home-unavailable-actions { margin-top: 7px; }
.board-shell--modern .home-unavailable-actions ul { padding: 0; margin: 0; list-style: none; }
.board-shell--modern .home-unavailable-actions li { padding: 12px 0; border-top: 1px solid #edf0ee; }
.board-shell--modern .home-unavailable-actions strong { font-size: 12px; font-weight: 600; }
.board-shell--modern .home-unavailable-actions p { font-size: 11px; color: #718477; margin: 5px 0; line-height: 1.9; }
.board-shell--modern .home-unavailable-actions a { color: #2b7551; font-size: 11px; text-decoration: none; }
.board-shell--modern .home-unavailable-actions a:hover { text-decoration: underline; }
.board-shell--modern .home-empty { text-align: center; padding: 22px 0; color: #6a7f71; }
.board-shell--modern .home-empty > span { display: inline-grid; place-items: center; width: 34px; height: 34px; background: #eef6ed; color: #659265; border-radius: 50%; }
.board-shell--modern .home-empty p { font-size: 12px; }
.board-shell--modern .home-empty small { font-size: 10px; }
.board-shell--modern .home-workspace { overflow: clip; padding: 0; margin: 0; }
.board-shell--modern .home-work-tabs { display: flex; gap: 22px; padding: 0 22px; margin: 0; border-bottom: 1px solid #e7ece8; }
.board-shell--modern .home-work-tabs [role="tab"] { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 17px 0 14px; min-height: 54px; border: 0; border-bottom: 3px solid transparent; border-radius: 0; background: transparent; color: #738276; font-size: 13px; font-weight: 600; }
.board-shell--modern .home-work-tabs [role="tab"][aria-selected="true"] { border-bottom-color: #3b8663; color: #285c41; background: transparent; }
.board-shell--modern .home-work-tabs [role="tab"]:hover { color: #2e7052; background: transparent; }
.board-shell--modern .home-work-panel { margin: 0; padding: 22px; border: 0; border-radius: 0; box-shadow: none; }
.board-shell--modern .home-work-panel[hidden] { display: none !important; }
.board-shell--modern .home-work-panel .section-heading { gap: 12px; margin-bottom: 18px; }
.board-shell--modern .home-work-panel .section-heading h2 { margin: 0; font-size: 17px; font-weight: 700; color: #294431; }
.board-shell--modern .home-work-panel .section-heading p { color: #7a887e; font-size: 11px; margin: 4px 0 0; }
.board-shell--modern .home-work-panel .section-kicker { display: none; }
.board-shell--modern .home-work-panel .section-heading button { min-height: 37px; font-size: 12px; border-radius: 8px; padding: 8px 13px; white-space: nowrap; }
.board-shell--modern .home-work-panel .section-heading .button--primary,
.board-shell--modern .home-work-panel .section-heading button[data-action^="open-"] { background: #286c4e; color: #fff; border: 1px solid #286c4e; }
.board-shell--modern .home-work-panel .section-heading .button--primary:hover { background: #20573f; }
.board-shell--modern .home-filter-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 0 0 16px; margin: 0; }
.board-shell--modern .home-filter-bar label { display: grid; gap: 5px; flex: 1; min-width: 90px; font-size: 10px; color: #6c8072; }
.board-shell--modern .home-filter-bar select { width: 100%; min-height: 35px; padding: 5px 8px; font-size: 11px; border: 1px solid #e0e7e1; border-radius: 7px; background: #fff; }
.board-shell--modern .home-record-list { display: grid; gap: 12px; }
.board-shell--modern .home-record { padding: 17px; border: 1px solid #e1e9e2; border-radius: 10px; background: #fff; min-width: 0; }
.board-shell--modern .home-record[data-selected-record="true"] { outline: 2px solid #4e9170; outline-offset: 2px; }
.board-shell--modern .home-record--overdue { border-inline-start: 3px solid #d5ad63; }
.board-shell--modern .home-record--completed { background: #f8faf8; }
.board-shell--modern .home-record__heading { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; gap: 8px; }
.board-shell--modern .home-record__heading h3 { margin: 0; color: #284936; font-size: 15px; font-weight: 650; line-height: 1.8; overflow-wrap: anywhere; }
.board-shell--modern .home-record__heading a { color: inherit; text-decoration: none; }
.board-shell--modern .home-record__heading a:hover { color: #248355; text-decoration: underline; }
.board-shell--modern :is(.home-record__badge, .home-record__state) { display: inline-flex; padding: 2px 8px; border-radius: 5px; color: #617567; background: #eff4ef; font-size: 10px; white-space: nowrap; }
.board-shell--modern .home-record__badge--warning { background: #faf0df; color: #936722; }
.board-shell--modern .home-record__body { padding: 8px 0; margin: 0; color: #627666; font-size: 12px; overflow-wrap: anywhere; }
.board-shell--modern .home-record__meta { display: flex; flex-wrap: wrap; gap: 8px 20px; margin: 13px 0 15px; }
.board-shell--modern .home-record__meta > div { display: grid; gap: 3px; }
.board-shell--modern .home-record__meta dt { color: #819084; font-size: 10px; }
.board-shell--modern .home-record__meta dd { margin: 0; color: #577060; font-size: 12px; }
.board-shell--modern .home-record__actions { display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding-top: 12px; border-top: 1px solid #edf1ed; }
.board-shell--modern .home-record__status { display: flex; align-items: center; gap: 8px; font-size: 10px; color: #7a8b7e; }
.board-shell--modern .home-record__status select { max-width: 190px; min-height: 33px; padding: 4px 8px; border: 1px solid #dfe8df; border-radius: 7px; background: #f8fbf7; font-size: 11px; color: #466d50; }
.board-shell--modern .home-record__buttons { display: flex; flex-wrap: wrap; gap: 7px; }
.board-shell--modern .home-record__buttons button { min-height: 33px; padding: 6px 10px; border: 1px solid #e2e9e1; border-radius: 7px; background: #fff; color: #477354; font-size: 11px; }
.board-shell--modern .home-record__buttons button[data-action^="archive-"] { background: #fff; border-color: transparent; color: #7a887c; }
.board-shell--modern .home-record__buttons button:hover { border-color: #b8d0bc; background: #f2f7f1; color: #345e3d; }
.board-shell--modern .home-work-empty { padding: 28px 14px; text-align: center; color: #6d806d; font-size: 13px; background: #f8faf7; border: 1px dashed #dce5d8; border-radius: 10px; }
.board-shell--modern .home-work-maintenance { padding: 14px 22px; border-top: 1px solid #edf0e9; }
.board-shell--modern .home-work-maintenance summary { min-height: 30px; cursor: pointer; color: #7d8b78; font-size: 11px; }
.board-shell--modern .home-work-maintenance p { font-size: 11px; color: #7d8b78; }
.board-shell--modern .home-work-maintenance button { font-size: 11px; min-height: 34px; padding: 7px 12px; border: 1px solid #e6d9d6; color: #926252; background: #fff; border-radius: 7px; }
.board-shell--modern .home-workspace dialog { border: 1px solid #dce5dc; border-radius: 16px; padding: 24px; width: min(560px, calc(100vw - 28px)); max-width: calc(100vw - 28px); max-height: calc(100dvh - 32px); overflow-y: auto; }
.board-shell--modern .home-workspace dialog form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.board-shell--modern .home-workspace dialog :is(h2, .form-error, label:first-of-type, label:has(input[name="blocker"]), label:has(input[name="nextAction"]), label:has(input[name="mitigation"]), label:has(textarea)) { grid-column: 1 / -1; }
.board-shell--modern .home-workspace dialog::backdrop { background: #17372e80; backdrop-filter: blur(3px); }
.board-shell--modern .home-workspace dialog h2 { font-size: 20px; color: #2d4b33; margin-bottom: 8px; }
.board-shell--modern .home-workspace dialog label { display: grid; gap: 5px; font-size: 12px; color: #586e59; }
.board-shell--modern .home-workspace dialog :is(input, select, textarea) { min-height: 42px; font-size: 13px; border: 1px solid #dfe6dc; border-radius: 8px; background: #fff; }
.board-shell--modern .home-workspace dialog button { min-height: 40px; font-size: 13px; border-radius: 8px; }
.board-shell--modern .home-workspace dialog button[type="submit"] { background: #2c704d; color: #fff; border: 1px solid #2c704d; }
.board-shell--modern .home-workspace dialog :is(.home-form-owner, .home-form-date, .home-task-details, .home-form-actions) { grid-column: 1 / -1; min-width: 0; }
.board-shell--modern .home-workspace dialog :is(input, select) { width: 100%; padding: 8px 10px; }
.board-shell--modern .home-workspace dialog :is(small, .home-form-hint) { display: block; font-size: 11px; line-height: 1.9; color: #61756b; }
.board-shell--modern .home-form-hint { margin-top: 5px; }
.board-shell--modern .home-workspace dialog .home-form-date input { text-align: left; font-size: 16px; letter-spacing: 1px; }
.board-shell--modern .home-add-person { margin-top: 9px; }
.board-shell--modern :is(.home-add-person, .home-task-details) > summary { cursor: pointer; color: #2c704d; font-size: 12px; line-height: 1.8; padding-block: 5px; }
.board-shell--modern .home-add-person > div { display: flex; gap: 8px; align-items: end; margin-top: 6px; padding: 12px; background: #f4f8f5; border-radius: 9px; }
.board-shell--modern .home-add-person label { flex: 1; min-width: 0; }
.board-shell--modern .home-add-person button { flex-shrink: 0; }
.board-shell--modern .home-task-details { border-top: 1px solid #e5ebe7; padding-top: 7px; }
.board-shell--modern .home-task-details__fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; padding-top: 10px; }
.board-shell--modern .home-task-details__fields > label:first-of-type { grid-column: auto; }
.board-shell--modern .home-task-details__fields > .home-form-blocker { grid-column: 1 / -1; }
.board-shell--modern .home-form-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; width: min(100%, 300px); justify-self: end; padding-top: 8px; }
.board-shell--modern .home-workspace dialog .home-form-actions > button { display: inline-flex; align-items: center; justify-content: center; min-width: 0; min-height: 44px; margin: 0; padding: 10px 12px; line-height: 1.5; }
.board-shell--modern .home-secondary-sections { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; align-items: start; margin-top: 22px; }
.board-shell--modern :is(.home-destinations, .home-activity-panel) { padding: 0; }
.board-shell--modern :is(.home-destinations, .home-activity-panel) > summary { display: flex; align-items: center; justify-content: space-between; padding: 17px 20px; cursor: pointer; list-style: none; }
.board-shell--modern :is(.home-destinations, .home-activity-panel) > summary::-webkit-details-marker { display: none; }
.board-shell--modern :is(.home-destinations, .home-activity-panel) > summary > span:first-child { display: grid; gap: 4px; }
.board-shell--modern :is(.home-destinations, .home-activity-panel) > summary strong { color: #3e6145; font-size: 12px; }
.board-shell--modern :is(.home-destinations, .home-activity-panel) > summary small { color: #84917f; font-size: 10px; }
.board-shell--modern .home-details-symbol { font-size: 20px; color: #8ca085; }
.board-shell--modern details[open] > summary .home-details-symbol { transform: rotate(45deg); }
.board-shell--modern .home-destination-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; padding: 0 18px 18px; }
.board-shell--modern .home-destination-grid a { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 11px; border: 1px solid #e4eadf; border-radius: 8px; text-decoration: none; color: #517245; }
.board-shell--modern .home-destination-grid a > span:first-child { display: grid; gap: 5px; }
.board-shell--modern .home-destination-grid a strong { color: #4b6843; font-size: 11px; font-weight: 600; }
.board-shell--modern .home-destination-grid a small { color: #84907b; font-size: 10px; }
.board-shell--modern .home-destination-grid a:hover { background: #f5f8f1; border-color: #cbdcc0; }
.board-shell--modern .home-activity-list { list-style: none; margin: 0; padding: 0 20px 16px; }
.board-shell--modern .home-activity-list li { display: flex; align-items: center; gap: 10px; padding: 12px 0; border-top: 1px solid #edf0e8; }
.board-shell--modern .home-activity-dot { width: 6px; height: 6px; border-radius: 50%; background: #b0c4a3; flex-shrink: 0; }
.board-shell--modern .home-activity-list li > span:nth-child(2) { display: grid; gap: 3px; }
.board-shell--modern .home-activity-list strong { font-size: 11px; color: #4d6c3f; }
.board-shell--modern .home-activity-list li > span > span { font-size: 10px; color: #849077; }
.board-shell--modern .home-activity-list time { margin-inline-start: auto; color: #829175; font-size: 10px; text-align: end; }
.board-shell--modern footer { margin-top: 22px; padding-top: 14px; color: #879280; border-top: 1px solid #e6eae1; font-size: 10px; }

@media (min-width: 1780px) { .board-shell--modern { margin-inline-end: auto; margin-inline-start: calc(15rem + (100vw - 1720px) / 2); } }
@media (max-width: 1120px) {
  .board-shell--modern { width: calc(100% - 14rem); margin-inline-start: 14rem; padding-inline: 20px; }
  .board-shell--modern .app-navigation { width: 14rem; padding-inline: 10px; }
  .board-shell--modern .topbar { gap: 16px; flex-wrap: wrap; }
  .board-shell--modern .global-search { min-width: 160px; }
  .board-shell--modern .home-work-layout { grid-template-columns: minmax(0, 1.7fr) minmax(230px, 1fr); gap: 16px; }
  .board-shell--modern .home-work-panel { padding: 16px; }
  .board-shell--modern .home-panel { padding: 16px; }
  .board-shell--modern :is(.home-destinations, .home-activity-panel) { padding: 0; }
  .board-shell--modern .home-metric { padding: 13px 12px; }
  .board-shell--modern .home-metric span { font-size: 11px; }
}
@media (max-width: 900px) {
  .board-shell--modern .home-work-layout { grid-template-columns: 1fr; }
  .board-shell--modern .home-secondary { grid-template-columns: 1fr 1fr; align-items: start; }
  .board-shell--modern .home-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .board-shell--modern .home-intro { align-items: flex-start; }
  .board-shell--modern .home-intro h2 { font-size: 28px; }
  .board-shell--modern .home-date { max-width: 170px; }
  .board-shell--modern .home-secondary-sections { grid-template-columns: 1fr; }
}
@media (max-width: 780px) {
  .board-shell--modern { width: 100%; margin: 0 0 24px; padding-inline: 18px; }
  .board-shell--modern .app-navigation { display: none; position: static; width: 100%; max-height: 65vh; padding: 16px; margin: 10px 0; border: 1px solid #e0e7db; border-radius: 12px; }
  .board-shell--modern .app-navigation.is-open { display: grid; grid-template-columns: 1fr 1fr; }
  .board-shell--modern .home-nav-caption { grid-column: 1 / -1; margin-block: 6px; }
  .board-shell--modern .home-nav-caption--secondary { margin-top: 10px; padding-top: 12px; }
  .board-shell--modern .sidebar-toggle { display: inline-flex; min-height: 38px; padding: 8px 12px; margin: 0 0 12px; align-items: center; border: 1px solid #dae5d6; color: #496a3d; background: #fff; border-radius: 8px; font-size: 12px; }
  .board-shell--modern .topbar { padding-block: 17px 13px; gap: 12px; flex-direction: row; align-items: center; }
  .board-shell--modern .brand h1 { font-size: 19px; }
  .board-shell--modern .global-search { order: 3; flex-basis: 100%; max-width: none; width: 100%; }
  .board-shell--modern .topbar__actions { margin-inline-start: auto; flex-direction: row; width: auto; }
  .board-shell--modern .active-user select { max-width: 180px; }
  .board-shell--modern .home-intro { margin-block: 15px; }
  .board-shell--modern .home-date { font-size: 10px; }
  .board-shell--modern .work-mode-assist { flex-direction: column; align-items: flex-start; gap: 8px; }
  .board-shell--modern .home-demo-note { padding: 8px 11px; }
}
@media (max-width: 480px) {
  .board-shell--modern .home-workspace dialog { padding: 18px; }
  .board-shell--modern .home-workspace dialog form { grid-template-columns: 1fr; }
  .board-shell--modern .home-add-person > div { align-items: stretch; flex-direction: column; }
  .board-shell--modern .home-task-details__fields { grid-template-columns: 1fr; }
  .board-shell--modern .home-form-actions { width: 100%; }
  .board-shell--modern { padding-inline: 14px; }
  .board-shell--modern .topbar { gap: 10px; }
  .board-shell--modern .brand-mark { width: 36px; height: 36px; flex-basis: 36px; }
  .board-shell--modern .brand { gap: 7px; }
  .board-shell--modern .brand h1 { font-size: 17px; }
  .board-shell--modern .brand p { font-size: 8px; }
  .board-shell--modern .active-user { font-size: 9px; }
  .board-shell--modern .active-user select { max-width: 148px; padding-inline: 7px; font-size: 10px; }
  .board-shell--modern .home-intro { display: block; }
  .board-shell--modern .home-intro h2 { font-size: 27px; }
  .board-shell--modern .home-intro__description { font-size: 11px; }
  .board-shell--modern .home-date { display: flex; gap: 8px; flex-wrap: wrap; max-width: none; text-align: start; margin-top: 12px; }
  .board-shell--modern .home-date time { font-size: 10px; }
  .board-shell--modern .home-metrics { gap: 8px; margin-bottom: 16px; }
  .board-shell--modern .home-metric strong { font-size: 26px; }
  .board-shell--modern .home-metric p { font-size: 9px; }
  .board-shell--modern .home-secondary { grid-template-columns: 1fr; }
  .board-shell--modern .home-work-tabs { gap: 24px; padding-inline: 16px; }
  .board-shell--modern .home-work-tabs [role="tab"] { font-size: 12px; }
  .board-shell--modern .home-work-panel { padding: 16px 13px; }
  .board-shell--modern .home-work-panel .section-heading { align-items: flex-start; }
  .board-shell--modern .home-work-panel .section-heading h2 { font-size: 16px; }
  .board-shell--modern .home-record { padding: 13px; }
  .board-shell--modern .home-record__meta { gap: 9px 18px; }
  .board-shell--modern .home-record__heading h3 { font-size: 13px; }
  .board-shell--modern .home-record__actions { align-items: stretch; }
  .board-shell--modern .home-record__status { flex: 1 1 100%; justify-content: space-between; }
  .board-shell--modern .home-record__buttons { margin-inline-start: auto; }
  .board-shell--modern .home-destination-grid { grid-template-columns: 1fr; }
  .board-shell--modern .home-activity-list li { flex-wrap: wrap; }
  .board-shell--modern .home-activity-list time { width: 100%; padding-inline-start: 16px; text-align: start; }
}
@media (prefers-reduced-motion: reduce) {
  .board-shell--modern * { scroll-behavior: auto !important; transition: none !important; }
}
@media print {
  .board-shell--modern { margin: 0; padding: 0; width: 100%; }
  .board-shell--modern :is(.home-secondary, .home-secondary-sections, .home-work-tabs, .home-filter-bar, .home-record__actions, .home-work-maintenance) { display: none; }
  .board-shell--modern .home-work-layout { display: block; }
  .board-shell--modern .home-workspace { border: 0; }
}

.home-followups { margin-top: 24px; }
.home-followups-toggle { display:flex; align-items:center; justify-content:space-between; width:100%; min-height:52px; padding:14px 20px; border:1px solid #dce5d7; border-radius:12px; background:#fff; color:#315538; font:inherit; font-weight:700; }
#home-followups-content { padding-top:24px; }
#home-followups-content[hidden] { display:none; }