/* Presentation refinement, using the existing colours and controls. */
html body .auth-card .invite-legal-checks .terms-check{background:#f4f8f6!important;color:#183c32!important;border:1px solid #becfc5;border-radius:12px;padding:12px;align-items:flex-start}
html body .auth-card .invite-legal-checks .terms-check span{color:#183c32!important}
html body .auth-card .invite-legal-checks .terms-check a{color:#175842!important;text-decoration:underline}
:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #63e6ad;outline-offset:3px}
.presentation-areas{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.presentation-areas a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 16px;border:1px solid #466158;border-radius:12px;color:inherit;text-decoration:none;font-weight:700}
.presentation-areas a[aria-current="page"]{background:#174e3b;color:#fff;border-color:#63e6ad}
html body [data-area-panel][hidden]{display:none!important}
[data-area-panel]{min-width:0;scroll-margin-top:90px}
.presentation-extra>summary,.presentation-onboarding>summary,.presentation-replay>summary,#dinner-choice>summary,.presentation-calendar-sidebar>summary,.presentation-statistics>summary{cursor:pointer;min-height:44px;padding:8px 0;font-weight:700}
.presentation-extra .help-extra-section{margin:8px 0 0}
html body .presentation-onboarding{padding:12px 18px!important}
html body .presentation-goal,html body .child-home-goal{padding:14px 18px!important;margin-bottom:12px!important}
html body .presentation-goal h2,html body .child-home-goal h2{font-size:20px!important}
html body .presentation-goal .eyebrow,html body .child-home-goal .eyebrow{display:none}
html body .presentation-goal p{margin-bottom:0;font-size:14px}
.presentation-more{position:relative}
.presentation-more summary{cursor:pointer;min-height:44px;display:flex;align-items:center;padding:8px 16px}
.presentation-more[open]{display:flex;flex-wrap:wrap;gap:8px}
html body.ui-2026 .calendar-page .calendar-mac-layout{display:block!important}
html body.ui-2026 .calendar-page .calendar-mac-sidebar{width:auto!important;margin-bottom:12px;padding:10px 16px!important}
html body.ui-2026 .calendar-page .calendar-mac-sidebar:not([open])>:not(summary){display:none!important}
.presentation-day-link{display:flex;min-height:44px;align-items:center;justify-content:center;font-weight:700;color:inherit;text-decoration:none;border-radius:8px}
html body .month-item a{display:block;min-height:32px;padding:5px 2px}
#presentation-help{max-width:min(460px,calc(100vw - 32px));border:1px solid #557c6b;border-radius:18px;background:#102f28;color:#fff;padding:24px}
#presentation-help::backdrop{background:rgb(0 0 0 / .55)}
html body .rule-card{padding:14px!important}
html body .rule-body>small{display:block;margin:6px 0}
html body .error-report-card .utility-corner-art{max-height:110px}
.presentation-conversation .compact-page-head h1{font-size:22px}
.presentation-conversation .compact-page-head p:not(.eyebrow){display:none}
.support-triage-guide summary{cursor:pointer;min-height:44px;font-weight:700}
html body .presentation-statistics{margin:18px 0}
html body .hero-grid>.copy{background:rgb(8 30 40 / .9);border:1px solid rgb(160 210 185 / .2);border-radius:20px;padding:24px}
html body.fjord-landing .hero-actions{flex-wrap:wrap;align-items:center;gap:14px}
html body.fjord-landing .hero-actions .head-login{display:flex;align-items:center;min-height:44px;color:#fff}
html body.fjord-landing .presentation-beta{font-size:14px;margin-top:12px;max-width:450px}
html body #flokktavle.presentation-board>.tv-hero{padding:14px 20px!important;min-height:0!important;margin:0 0 10px!important}
html body #flokktavle.presentation-board .tv-hero h1{font-size:28px!important;margin:0!important}
html body #flokktavle.presentation-board .tv-hero p{margin:4px 0!important}
html body #flokktavle.presentation-board .tv-hero .eyebrow{display:none}
.presentation-board-context{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:8px}
.presentation-board-context>[data-board-region]{flex:1 1 300px;min-width:0}
html body #flokktavle.presentation-board .presentation-board-context :is(.card,.tv-weather-strip){padding:10px 14px!important;margin:0!important;min-height:0!important}
html body #flokktavle.presentation-board .presentation-board-context h2{font-size:18px!important;margin:0!important}
html body #flokktavle.presentation-board .tv-profile-picker{display:flex!important;align-items:center!important;flex-wrap:wrap;padding:10px 16px!important;gap:12px!important;margin:8px 0!important}
html body #flokktavle.presentation-board .tv-profile-picker .eyebrow{display:none}
html body #flokktavle.presentation-board .tv-profile-picker h2{font-size:18px!important;margin:0!important}
html body #flokktavle.presentation-board .tv-profile-picker p{margin:4px 0!important;font-size:14px!important}
html body #flokktavle.presentation-board .tv-profile-button{min-height:44px!important;padding:6px 12px!important}
html body #flokktavle.presentation-board .tv-profile-thumb{width:30px!important;height:30px!important;font-size:18px!important}
html body #flokktavle.presentation-board .tv-child-column{padding:14px!important;min-height:0!important}
html body #flokktavle.presentation-board .tv-child-column-head{padding:0 0 10px!important;margin:0!important;min-height:0!important}
html body #flokktavle.presentation-board .tv-avatar{width:44px!important;height:44px!important;font-size:24px!important}
html body #flokktavle.presentation-board .tv-child-column h2{font-size:23px!important}
html body #flokktavle.presentation-board .tv-child-task{padding:8px 10px!important;margin:0!important;min-height:0!important;gap:8px!important}
html body #flokktavle.presentation-board .tv-child-task strong{font-size:16px!important;line-height:1.3!important}
html body #flokktavle.presentation-board .tv-child-task p{font-size:14px!important;margin:3px 0!important}
html body #flokktavle.presentation-board .tv-child-task .pill{font-size:12px!important;padding:4px 6px!important}
html body #flokktavle.presentation-board .tv-column-label{margin:10px 0 6px!important}
html body #flokktavle.presentation-board .tv-today-event{padding:6px 8px!important}
html body #flokktavle.presentation-board .tv-today-block{margin:0!important;padding:0!important}
html body #flokktavle.presentation-board .tv-common-rules{padding:12px 18px!important;margin:12px 0!important}
html body #flokktavle.presentation-board .tv-rule-card{padding:8px 10px!important;min-height:0!important}
@media(min-width:1000px){
 html body #flokktavle.presentation-board[data-child-active="0"] .tv-child-columns{align-items:start!important;gap:12px!important}
 html body #flokktavle.presentation-board[data-child-active="0"] .tv-child-column-tasks{max-height:340px;overflow:auto;scrollbar-gutter:stable}
 html body #flokktavle.presentation-board[data-child-active="0"] .tv-today-events{max-height:110px;overflow:auto}
}
@media(max-width:800px){
 html body .section-head>a:not(.primary):not(.secondary),html body .auth-foot>a,html body footer a,html body .footer-links a{display:inline-flex;align-items:center;min-height:44px;padding:6px 4px}
 html body:has([data-inline-task][open]) .support-bubble,html body:has(.surface-modal-drawer[open]) .support-bubble{display:none!important}
 html body:has([data-inline-task][open]) .task-modal-actions{padding-bottom:16px!important}
 html body .calendar-controls{gap:8px!important}
 html body .calendar-top-actions{flex-wrap:wrap}
 html body .week-nav a{font-size:14px;padding:8px!important;min-height:44px}
 html body .month-item a{min-height:44px}
 html body .presentation-conversation .admin-chat-workspace{display:flex;flex-direction:column}
 html body .presentation-conversation .admin-chat-conversation{order:-1}
 html body .presentation-conversation .admin-search{margin:8px 0}
 html body.fjord-landing .hero-copy{background:rgb(8 30 40 / .78);border-radius:18px;padding:20px}
}

@media(min-width:1000px){
 html body #flokktavle.presentation-board{display:grid;grid-template-columns:minmax(380px,1fr) minmax(380px,1fr);gap:8px 14px}
 html body #flokktavle.presentation-board>*{grid-column:1 / -1;margin-top:0!important}
 html body #flokktavle.presentation-board>.tv-hero{grid-column:1;padding:10px!important;align-items:center}
 html body #flokktavle.presentation-board>.presentation-board-context{grid-column:2;margin-bottom:0;align-self:center}
 html body #flokktavle.presentation-board>.tv-kiosk-controls{grid-column:1;align-self:center;margin-bottom:0!important}
 html body #flokktavle.presentation-board>.tv-profile-picker{grid-column:2;margin:0!important}
 html body #flokktavle.presentation-board .tv-summary{gap:8px!important}
 html body #flokktavle.presentation-board .tv-summary>div{padding:8px 12px!important;min-width:0!important}
 html body #flokktavle.presentation-board .tv-child-column-tasks{display:grid!important;grid-auto-rows:max-content!important;gap:6px!important}
 html body #flokktavle.presentation-board .tv-child-task{align-items:start!important}
 html body #flokktavle.presentation-board .tv-child-task>div{margin:0!important;padding:0!important}
 html body #flokktavle.presentation-board .tv-child-task .pill{align-self:start!important}
}
html body .dinner-page .page-head{padding:16px 20px!important;margin-bottom:16px!important}
html body .dinner-page .page-head p{margin-bottom:0!important}

html body .presentation-onboarding:not([open])>:not(summary),html body .presentation-extra:not([open])>:not(summary),html body .presentation-replay:not([open])>:not(summary),html body .presentation-statistics:not([open])>:not(summary){display:none!important}
html body #flokktavle.presentation-board .tv-child-column{display:block!important}
html body #flokktavle.presentation-board .tv-child-task{display:flex!important;flex-direction:row!important;height:auto!important;align-items:center!important;justify-content:space-between!important}
html body #flokktavle.presentation-board .tv-child-task>div{flex:1;min-width:0}
html body #flokktavle.presentation-board .tv-child-task .pill{flex:0 0 auto;max-width:45%;white-space:normal}
html body #flokktavle.presentation-board .tv-child-column-tasks{height:auto!important;min-height:0!important}
@media(min-width:1000px){
 html body #flokktavle.presentation-board .tv-hero{display:flex!important;flex-direction:row!important}
 html body #flokktavle.presentation-board .tv-summary{display:flex!important;flex-direction:row!important}
 html body #flokktavle.presentation-board .tv-profile-picker{display:flex!important;flex-wrap:nowrap!important}
 html body #flokktavle.presentation-board[data-child-active="0"] .tv-profile-picker p{display:none}
 html body #flokktavle.presentation-board .tv-profile-picker>div{flex:0 1 auto!important}
}

html body.ui-2026 .auth-card.portal-login-card .invite-legal-checks label.terms-check span a{color:#175842!important}
html body .auth-card .terms-check :focus-visible{outline-color:#175842!important}
@media(min-width:1000px){
 html body #flokktavle.presentation-board .tv-summary{flex-wrap:nowrap!important;min-width:260px!important;width:auto!important}
 html body #flokktavle.presentation-board .tv-summary>div{flex:1 1 0!important}
 html body #flokktavle.presentation-board .tv-hero>div:first-child{min-width:0}
 html body #flokktavle.presentation-board .tv-child-columns{margin-bottom:0!important}
 html body #flokktavle.presentation-board .tv-common-rules-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

html body .support-triage-guide:not([open])>:not(summary){display:none!important}
html body .owner-admin-page>.compact-page-head{padding:16px!important;min-height:0!important;margin-bottom:12px!important}
html body .owner-admin-page>.compact-page-head h1{font-size:30px!important}
@media(max-width:800px){html body .error-report-card>h1,html body .error-report-card>p{max-width:none!important;width:auto!important;padding-right:0!important}html body .error-report-card>.utility-corner-art{display:none}}

html body.ui-2026.role-child .rewards-page .reward-hero{min-height:0!important;padding:16px 18px!important;gap:10px!important;margin-bottom:12px!important}
html body.ui-2026.role-child .rewards-page .reward-hero h1{font-size:26px!important;line-height:1.2!important;margin:4px 0!important}
html body.ui-2026.role-child .rewards-page .reward-hero p{font-size:14px!important;margin:6px 0 0!important}
html body.ui-2026.role-child .rewards-page .happy-points{padding:8px!important;min-width:65px!important}
html body.ui-2026.role-child .rewards-page .happy-points strong{font-size:28px!important}

/* Dinner: dark controls and a compact mobile introduction. */
html body.ui-2026:not(.public-shell):not(.admin-shell) .dinner-page :is(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),select,textarea) {
 background:#123944!important;color:#f4fbfd!important;-webkit-text-fill-color:#f4fbfd!important;
 border:1px solid #416672!important;color-scheme:dark;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
html body.ui-2026 .dinner-page :is(input,textarea)::placeholder { color:#a9c2ce!important;-webkit-text-fill-color:#a9c2ce!important;opacity:1!important; }
html body.ui-2026 .dinner-page select option { background:#123944!important;color:#f4fbfd!important; }
html body.ui-2026 .dinner-page :is(input,select,textarea):focus-visible { outline:2px solid #8df0c4!important;outline-offset:2px;border-color:#63e6ad!important; }
@media(max-width:800px){
 html body.ui-2026 .dinner-page { gap:12px; }
 html body.ui-2026 .dinner-page>.page-head { padding:14px 16px!important;margin-bottom:0!important;min-height:0!important; }
 html body.ui-2026 .dinner-page>.page-head .eyebrow { display:none; }
 html body.ui-2026 .dinner-page>.page-head h1 { margin:0!important;font-size:26px!important;line-height:1.2!important; }
 html body.ui-2026 .dinner-page>.page-head p:not(.eyebrow) { margin:6px 0 0!important;font-size:16px!important;line-height:1.4!important; }
 html body.ui-2026 .dinner-page .presentation-areas { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px; }
 html body.ui-2026 .dinner-page .presentation-areas a { padding:8px 4px;font-size:14px;min-width:0;text-align:center; }
 html body.ui-2026 .dinner-page :is(input,select,textarea) { font-size:16px!important; }
 html body.ui-2026 .dinner-page .dinner-search { gap:10px; }
 html body.ui-2026 #dinner-library>.section-head { margin-bottom:12px!important; }
 html body.ui-2026 #dinner-library>.section-head p { margin:8px 0 0; }
}

/* Registration: calmer fields and consent cards on the dark welcome surface. */
html body.ui-2026.public-shell .auth-card.auth-registration-card input:not([type="hidden"]):not([type="checkbox"]) {
 background:#123944!important;color:#f4fbfd!important;-webkit-text-fill-color:#f4fbfd!important;
 border:1px solid #416672!important;color-scheme:dark;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
html body.ui-2026.public-shell .auth-card.auth-registration-card input::placeholder { color:#a9c2ce!important;-webkit-text-fill-color:#a9c2ce!important;opacity:1!important; }
html body.ui-2026.public-shell .auth-card.auth-registration-card .invite-legal-checks label.terms-check { background:#163544!important;color:#f4fbfd!important;border:1px solid #416672!important; }
html body.ui-2026.public-shell .auth-card.auth-registration-card .invite-legal-checks label.terms-check span { color:#f4fbfd!important;-webkit-text-fill-color:#f4fbfd!important; }
html body.ui-2026.public-shell .auth-card.auth-registration-card .invite-legal-checks label.terms-check span a { color:#8df0c4!important;-webkit-text-fill-color:#8df0c4!important;text-decoration:underline; }
html body.ui-2026.public-shell .auth-card.auth-registration-card .terms-check input[type="checkbox"] { color-scheme:dark;accent-color:#63e6ad;background:transparent!important;box-shadow:none!important;flex:0 0 auto; }
html body.ui-2026.public-shell .auth-card.auth-registration-card :is(input,a):focus-visible { outline:2px solid #8df0c4!important;outline-offset:3px; }
html body.ui-2026.public-shell .auth-card.auth-registration-card input:-webkit-autofill { -webkit-text-fill-color:#f4fbfd!important;-webkit-box-shadow:0 0 0 1000px #123944 inset!important; }

/* Board layout follows available content width, including the desktop sidebar. */
html body.ui-2026 #flokktavle.presentation-board {
 container-type:inline-size;container-name:flock-board;
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px;
 min-width:0;max-width:100%;
}
html body.ui-2026 #flokktavle.presentation-board>* {
 grid-column:1 / -1;min-width:0;max-width:100%;box-sizing:border-box;margin-top:0!important;
}
html body.ui-2026 #flokktavle.presentation-board>.tv-hero {
 display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;
 align-items:center;gap:12px!important;
}
html body.ui-2026 #flokktavle.presentation-board .tv-hero>div:first-child { flex:1 1 220px;min-width:0;overflow-wrap:anywhere; }
html body.ui-2026 #flokktavle.presentation-board .tv-summary {
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));
 flex:1 1 240px;min-width:0!important;width:auto!important;max-width:100%;gap:8px!important;
}
html body.ui-2026 #flokktavle.presentation-board .tv-summary>div { min-width:0!important;overflow-wrap:anywhere; }
html body.ui-2026 #flokktavle.presentation-board>.presentation-board-context { align-self:center;margin-bottom:0; }
html body.ui-2026 #flokktavle.presentation-board .tv-child-columns {
 grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))!important;
 min-width:0;max-width:100%;
}
html body.ui-2026 #flokktavle.presentation-board[data-child-active="1"] .tv-child-columns { grid-template-columns:minmax(0,1fr)!important; }
html body.ui-2026 #flokktavle.presentation-board .tv-child-column { min-width:0;max-width:100%;box-sizing:border-box; }
html body.ui-2026 #flokktavle.presentation-board :is(.tv-child-info,.tv-weather-main,.tv-weather-clothes,.tv-child-task,.tv-today-item,.tv-footnote) { min-width:0;overflow-wrap:anywhere; }
html body.ui-2026 #flokktavle.presentation-board .tv-child-info :is(h2,p) { white-space:normal!important;overflow-wrap:anywhere; }
html body.ui-2026 #flokktavle.presentation-board .tv-column-label { flex-wrap:wrap;gap:4px 8px; }
html body.ui-2026 #flokktavle.presentation-board .tv-weather-strip { flex-wrap:wrap;max-width:100%;box-sizing:border-box; }
html body.ui-2026 #flokktavle.presentation-board .tv-common-rules-grid { grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))!important; }
html body.ui-2026 #flokktavle.presentation-board .tv-profile-picker { flex-wrap:wrap!important; }
@container flock-board (min-width:1000px) {
 html body.ui-2026 #flokktavle.presentation-board>.tv-hero,
 html body.ui-2026 #flokktavle.presentation-board>.tv-kiosk-controls { grid-column:1; }
 html body.ui-2026 #flokktavle.presentation-board>.presentation-board-context,
 html body.ui-2026 #flokktavle.presentation-board>.tv-profile-picker { grid-column:2; }
}

/* Readable family overview and a full-width selected profile. */
html body.ui-2026 #flokktavle.presentation-board :is(.tv-hero,.tv-child-column,.tv-profile-picker,.tv-common-rules) {
 background:rgba(10,35,48,.94)!important;border:1px solid rgba(136,214,199,.24)!important;
 box-shadow:0 8px 24px rgba(0,15,24,.12);
}
html body.ui-2026 #flokktavle.presentation-board>.tv-hero,
html body.ui-2026 #flokktavle.presentation-board>.presentation-board-context,
html body.ui-2026 #flokktavle.presentation-board>.tv-profile-picker,
html body.ui-2026 #flokktavle.presentation-board>.tv-kiosk-controls { grid-column:1 / -1; }
html body.ui-2026 #flokktavle.presentation-board>.tv-hero { margin-bottom:0!important;padding:18px 22px!important; }
html body.ui-2026 #flokktavle.presentation-board .tv-summary { flex:0 1 340px; }
html body.ui-2026 #flokktavle.presentation-board .tv-summary strong,
html body.ui-2026 #flokktavle.presentation-board .tv-score strong { color:#68e5b3!important; }
html body.ui-2026 #flokktavle.presentation-board .presentation-board-context>[data-board-region="dinner"]:not(:has(*)) { display:none; }
html body.ui-2026 #flokktavle.presentation-board .tv-child-columns {
 width:100%!important;max-width:100%!important;margin-inline:0!important;
 align-items:stretch!important;justify-self:stretch;
}
html body.ui-2026 #flokktavle.presentation-board .tv-child-column { padding:20px!important; }
html body.ui-2026 #flokktavle.presentation-board .tv-child-column-head { padding-bottom:14px!important; }
html body.ui-2026 #flokktavle.presentation-board .tv-tasks-block { min-width:0; }
html body.ui-2026 #flokktavle.presentation-board .tv-profile-picker { justify-content:space-between; }
html body.ui-2026 #flokktavle.presentation-board .tv-profile-buttons { display:flex;flex-wrap:wrap;gap:8px;min-width:0; }
html body.ui-2026 #flokktavle.presentation-board .tv-profile-button { min-height:52px!important;padding:8px 14px!important; }
html body.ui-2026 #flokktavle.presentation-board .tv-today-empty,
html body.ui-2026 #flokktavle.presentation-board .tv-no-tasks {
 background:rgba(143,191,208,.08)!important;border:1px dashed rgba(143,191,208,.24);
 padding:16px!important;line-height:1.5;
}
html body.ui-2026 #flokktavle.presentation-board .tv-today-event,
html body.ui-2026 #flokktavle.presentation-board .tv-child-task { padding:12px!important; }
html body.ui-2026 #flokktavle.presentation-board .tv-child-task strong { font-size:17px!important; }
html body.ui-2026 #flokktavle.presentation-board[data-child-active="1"] .is-inactive-child { display:none!important; }
html body.ui-2026 #flokktavle.presentation-board[data-child-active="1"] .is-active-child { width:100%;border-color:#68e5b3!important; }
html body.ui-2026 #flokktavle.presentation-board[data-child-active="1"] .tv-avatar { width:60px!important;height:60px!important; }
html body.ui-2026 #flokktavle.presentation-board[data-child-active="1"] .tv-child-info h2 { font-size:clamp(26px,3cqi,36px)!important; }
html body.ui-2026 #flokktavle.presentation-board .tv-common-rules { margin:0!important; }
@container flock-board (min-width:640px) {
 html body.ui-2026 #flokktavle.presentation-board[data-child-active="1"] .is-active-child {
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px;
 }
 html body.ui-2026 #flokktavle.presentation-board[data-child-active="1"] .tv-child-column-head,
 html body.ui-2026 #flokktavle.presentation-board[data-child-active="1"] .is-active-child>.tv-column-label,
 html body.ui-2026 #flokktavle.presentation-board[data-child-active="1"] .tv-child-rules { grid-column:1 / -1; }
}
@media(max-width:600px) {
 html body.ui-2026 #flokktavle.presentation-board .tv-child-column { padding:16px!important; }
 html body.ui-2026 #flokktavle.presentation-board .tv-summary { flex-basis:100%; }
}

@media(max-width:600px) {
 html body.ui-2026 #flokktavle.presentation-board[data-child-active="1"] .tv-avatar { width:44px!important;height:44px!important; }
}