/* Shared person accents supplement names and avatars; no state or permissions. */
html body.ui-2026 .calendar-page .week-item,
html body.ui-2026 .calendar-page .month-item,
html body.ui-2026 .adult-child-task-group,
html body.ui-2026 .dashboard-member-tasks,
html body.ui-2026 .family-progress-person,
html body.ui-2026 #flokktavle.presentation-board .tv-child-column,
html body.ui-2026 #flokktavle.presentation-board .tv-adult-task-card {
 border-inline-start:4px solid var(--person-accent,#9cb6c6)!important;
 min-width:0;overflow-wrap:anywhere;
}
html body.ui-2026 #flokktavle.presentation-board .tv-child-column-head {border-bottom:1px solid var(--person-accent,#9cb6c6)!important;gap:.65rem!important;padding:.9rem!important;}
html body.ui-2026 #flokktavle.presentation-board .tv-child-columns {display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))!important;gap:1rem!important;align-items:start!important;}
html body.ui-2026 #flokktavle.presentation-board .tv-child-column {width:auto!important;max-width:100%!important;}
html body.ui-2026 #flokktavle.presentation-board .tv-today-block,
html body.ui-2026 #flokktavle.presentation-board .tv-tasks-block {padding:.7rem!important;}
html body.ui-2026 #flokktavle.presentation-board .tv-today-empty,
html body.ui-2026 #flokktavle.presentation-board .tv-no-tasks {min-height:0!important;padding:.7rem!important;}
html body.ui-2026 #flokktavle.presentation-board .tv-no-tasks span {display:none;}
html body.ui-2026 #flokktavle.presentation-board .presentation-board-context {display:flex!important;flex-wrap:wrap;align-items:start;gap:.75rem;}
html body.ui-2026 #flokktavle.presentation-board [data-board-region="dinner"] {flex:1 1 260px;min-width:0;}
html body.ui-2026 #flokktavle.presentation-board .dinner-today-card {padding:.8rem 1rem!important;margin:0!important;}
html body.ui-2026 #flokktavle.presentation-board .dinner-today-card h2 {font-size:1.1rem!important;margin:0!important;}
html body.ui-2026 #flokktavle.presentation-board .dinner-today-card p {margin:.3rem 0!important;}
html body.ui-2026 #flokktavle.presentation-board .tv-adult-task-grid {grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))!important;}
html body.ui-2026 .calendar-page .page-head {padding:1rem 1.2rem!important;margin-bottom:.75rem!important;}
html body.ui-2026 .calendar-page .page-head p {margin:.25rem 0!important;}
html body.ui-2026 .calendar-page .page-head h1 {font-size:clamp(1.5rem,3vw,2.25rem)!important;margin:0!important;}
html body.ui-2026 .calendar-page .week-grid {display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:.5rem!important;}
html body.ui-2026 .calendar-page .week-day {min-width:0!important;width:auto!important;}
html body.ui-2026 .calendar-page .week-item {padding:.65rem!important;}
html body.ui-2026 .calendar-page .week-item > p {font-size:.85rem;margin:.35rem 0;}
html body.ui-2026 .calendar-page .calendar-event-details > summary {cursor:pointer;min-height:44px;display:flex;align-items:center;color:#91e6c1;}
html body.ui-2026 .calendar-page .calendar-event-details[open] > summary {margin-bottom:.4rem;}
.calendar-display-options {margin:.75rem 0;padding:.6rem .9rem;background:#123343;border:1px solid #476674;border-radius:14px;}
.calendar-display-options > summary {cursor:pointer;min-height:44px;align-content:center;}
.calendar-display-options > div {display:flex;flex-wrap:wrap;gap:.6rem;}
.calendar-display-options small {display:block;margin-top:.5rem;}
html body.ui-2026 .calendar-page [hidden] {display:none!important;}
html body.ui-2026 .calendar-page .calendar-day-picker {display:none;gap:.35rem;overflow-x:auto;margin:.75rem 0;padding:.25rem;}
.calendar-day-picker button {min-height:48px;flex:1 0 48px;padding:.35rem!important;}
.calendar-day-picker button strong {display:block;}
.calendar-day-picker button[aria-pressed="true"] {background:#68ddb0!important;color:#08291e!important;border-color:#68ddb0!important;}
@media (min-width:701px) and (max-width:1100px) {
 html body.ui-2026 .calendar-page .week-grid {grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media (max-width:700px) {
 html body.ui-2026 .calendar-page .week-grid {grid-template-columns:minmax(0,1fr)!important;}
 html body.ui-2026 .calendar-page .calendar-day-picker:not([hidden]) {display:flex;}
 html body.ui-2026 #flokktavle.presentation-board .tv-child-columns {grid-template-columns:minmax(0,1fr)!important;}
}
.vf-demo-board {background:#102d3c;border:1px solid #547682;border-radius:22px;padding:clamp(1rem,3vw,2rem);color:#f4fbfd;margin:1rem 0;}
.vf-demo-board-head,.vf-demo-meal {display:flex;flex-wrap:wrap;gap:.6rem;justify-content:space-between;align-items:center;}
.vf-demo-board-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1rem 0;}
.vf-demo-person {border:1px solid #45616e;border-top:5px solid var(--person-accent);border-radius:16px;padding:1rem;background:#173947;min-width:0;}
.vf-demo-person h3 {color:var(--person-accent);margin:0 0 .75rem;}
.vf-demo-person p {border-top:1px solid #45616e;padding-top:.65rem;}
.vf-demo-person small {display:block;color:#c6dbe4;}
.vf-demo-meal {padding:.8rem;border-radius:12px;background:#254b4c;}
.vf-demo-steps {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1rem 0;}
.vf-demo-steps article {padding:1rem;background:#143240;border-radius:14px;color:#f4fbfd;}
@media(max-width:700px){.vf-demo-board-grid,.vf-demo-steps{grid-template-columns:minmax(0,1fr);}}

html body.ui-2026 #flokktavle.presentation-board .tv-child-column {padding:.75rem!important;}