/* Tavlefundament: samme farver og datakort, inspireret af iPad-referencen. */
[hidden]{display:none!important}
.top-actions{display:flex;gap:10px;flex-wrap:wrap}
button:disabled{opacity:.4;cursor:default}
.on-board{background:#faf8f1;color:#183d30}
.on-board main{max-width:1600px;padding:18px 3%}
.on-board header{padding:12px 3%;background:#faf8f1}
.on-board h1{font-size:38px;color:#153d2b}
.on-board .top p{margin-bottom:0}
.on-board h2{font-family:Georgia,serif;font-weight:600;line-height:1.2}
.on-board .tabs{margin:16px 0 8px}
.on-board .filters{margin:8px 0 12px}
.board-date{display:flex;justify-content:space-between;gap:12px;margin:0 0 18px;font-size:14px}
.family-board{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}
.board-field{grid-column:span 6;min-width:0;padding:24px;border:1px solid #e1dfd1;border-radius:20px;background:#f0f0e4;overflow-wrap:anywhere}
.board-field h2{margin:5px 0 14px;font-size:25px}
.field-week{grid-column:1/-1;padding:0;border:0;background:transparent}
.board-week-heading{margin:0 0 15px}
.board-week-heading h2{font-size:22px;margin:4px 0 0}
.week-actions{display:flex;gap:6px;flex-shrink:0}
.board-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;overflow-x:auto;border-radius:12px}
.board-day{display:flex;flex-direction:column;align-items:center;gap:4px;min-height:230px;padding:16px 8px;background:transparent;border-color:#dfddcf;border-radius:12px;text-align:center;min-width:0}
.board-day.selected{background:#e9eddd;border-color:#b6c4a6;box-shadow:inset 0 0 0 1px #b6c4a6}
.weekday{font:600 18px Georgia,serif;text-transform:capitalize}
.board-day .date{font:32px Georgia,serif}
.today-pill{font-size:12px;line-height:1.5;border-radius:20px;padding:2px 12px;background:#d2ddc3}
.day-entries{display:grid;gap:8px;width:100%;margin-top:12px;text-align:left}
.day-entry{display:grid;gap:3px;padding:10px 8px;border-radius:12px;background:#e6e9dd;font-size:13px;line-height:1.35}
.day-entry.appointment{background:#f5e6d9}
.day-entry small{font-size:11px}
.day-rest{display:block;text-align:center;color:#9a9e8f;padding-top:30px}
.day-task-count{margin-top:auto;padding-top:12px;font-size:12px}
.field-owner{grid-column:span 3}
.field-evening{grid-column:span 6;background:#edf0e1}
.field-events{background:#f7f2e9}
.field-next{background:#f8f7ef}
.person-heading{display:flex;align-items:center;gap:12px;padding-bottom:15px;border-bottom:1px solid #d9dccb}
.person-heading h2{margin:0}
.person-avatar{display:grid;place-items:center;flex-shrink:0;width:48px;height:48px;border-radius:50%;background:#7699b1;color:white;font:28px Georgia,serif}
.field-owner:nth-of-type(odd) .person-avatar{background:#a995c5}
.board-field .task{gap:9px;border-bottom-color:#dedfce}
.board-field .task strong{font-size:15px;font-weight:500}
.board-field .check{min-width:44px;min-height:44px;width:44px;border-radius:10px}
.board-field .icon{min-width:44px;min-height:44px}
.board-field summary{font-size:13px;padding:8px 0}
.quiet-link{background:transparent;border-color:transparent;padding:10px 0;font-size:14px;text-align:left}
.evening-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:20px 0 4px}
.evening-steps label{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:12px;line-height:1.3;text-align:center;cursor:pointer;min-width:0}
.routine-symbol{font-size:38px;line-height:1.2;color:#788a65}
.evening-steps input{width:30px;height:30px;accent-color:#315e50;margin:0}
.board-status{font-size:13px;color:#526b4c;margin:0 0 12px}
.board-status:empty{display:none}
.save-error{color:#983e2d}
.arrange-panel{border:1px solid #b9c8aa;border-radius:20px;padding:24px;background:#fffef8;margin:0 0 24px}
.arrange-panel p{font-size:14px;color:#65705f;margin:14px 0}
.field-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.field-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;background:#f0f2e8;border-radius:12px}
.field-list label{display:flex;align-items:center;gap:12px;min-height:44px;cursor:pointer;font-size:16px}
.field-list input{width:24px;height:24px;margin:0;accent-color:#315e50;flex-shrink:0}
.field-moves{display:flex;gap:6px;flex-shrink:0}
.board-empty{grid-column:1/-1;text-align:center;padding:45px 20px;border:1px dashed #aebfa0;border-radius:20px}
@media(max-width:1100px){.board-field{padding:18px}.field-owner{grid-column:span 6}.field-evening{grid-column:1/-1}.board-day{min-height:210px}.weekday{font-size:16px}.day-entry{font-size:12px}}
@media(max-width:700px){.family-board{gap:14px}.board-field{grid-column:1/-1}.board-week{grid-template-columns:repeat(7,130px)}.board-day{min-height:220px}.board-date{flex-direction:column;gap:3px}.on-board h1{font-size:34px}.on-board .top{flex-wrap:wrap}.on-board .top-actions{width:100%}.board-week-heading{align-items:flex-start;flex-wrap:wrap}.arrange-panel{padding:16px}.arrange-panel .row{align-items:flex-start}.arrange-panel h2{font-size:22px}.field-list li{padding:8px;gap:6px}.field-moves button{padding:10px 12px}.field-moves span{display:none}.evening-steps{gap:6px}.evening-steps label{font-size:11px}.board-field .check{min-width:44px;width:44px}.on-board .filters button{min-height:44px}}

/* Redesign, trin 1: fælles iPad-tavle. Felt-id'er og data bevares. */
body{background:#fbf7ee;color:#293e36}
.app-header,.on-board .app-header{padding:14px 3%;gap:16px;background:#fbf7ee;border-bottom:1px solid #e6e0d2;flex-wrap:wrap}
.header-context{display:flex;align-items:center;gap:22px;min-width:0}
.home-link{display:flex;align-items:center;gap:8px;border:0;padding:0;background:transparent;font:600 17px Georgia,serif;letter-spacing:-.3px;min-height:44px}
.home-link span{color:#8a6438;font-size:24px}
.home-link.active{background:transparent;color:#304f40;border-color:transparent}
.app-header h1,.on-board .app-header h1{font:600 26px/1.1 Georgia,serif;margin:0;color:#26483a}
#headerDate{font-size:13px;margin-top:5px;text-transform:capitalize}
.top-actions{margin-left:auto;align-items:center}
.top-actions button{border-radius:16px;min-height:44px;background:#fffcf6}
.top-actions .primary{background:#315e50;color:#fff}
main,.on-board main{padding:22px 3%;max-width:1600px}
.overview-links{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0 16px}
.overview-links button{text-align:left;background:#f0f2e7;font-weight:600}
.overview-links span{display:block;font-size:13px;font-weight:400;color:#596458;margin-top:5px}
#overview{max-height:90vh;overflow:auto}
#closeOverview{min-width:44px;padding:8px}
.local-info{margin-top:24px;padding-top:16px;border-top:1px solid #ddd9cd;font-size:14px}
.local-info summary{min-height:44px;padding:10px 0;cursor:pointer}
.local-info p{margin:8px 0;color:#586356}
.family-board{gap:18px}
.board-field{border:1px solid #e0ded0;border-radius:26px;background:#f3efdb;padding:22px}
.field-week{padding:0;border:0;border-radius:0;background:transparent}
.board-week-heading h2{font:600 23px Georgia,serif}
.board-week-heading .eyebrow{display:none}
.board-week{gap:9px;border-radius:18px}
.board-day{min-height:225px;border-radius:20px;background:#fffcf5;border-color:#e3ddce;padding:14px 10px;transition:background .15s ease}
.board-day:hover{background:#f3efe3}
.board-day.selected{background:#e7edda;border-color:#afbf9a;box-shadow:inset 0 0 0 1px #afbf9a}
.board-day .weekday{font-size:17px}
.board-day .date{font-size:34px}
.day-entry.appointment{background:#f4dcc8;border-radius:16px;padding:10px}
.day-entry strong{font-weight:500;font-size:14px}
.day-entry small{color:#52604f}
.day-rest{color:#737c69}
.owner-tone-0{background:#e6edf0}
.owner-tone-1{background:#eee6ef}
.owner-tone-2{background:#f3ebd2}
.field-evening{background:#f6e7d6;border-radius:30px 30px 30px 10px}
.field-events{background:#f6efcf}
.field-next{background:#e6ecda;border-radius:12px 28px 28px 28px}
.board-field h2{font-size:25px}
.person-heading{gap:12px;border-bottom-color:#c9cbbb;padding-bottom:16px}
.person-heading .eyebrow{font:12px/1.4 system-ui,sans-serif;letter-spacing:0;text-transform:none;margin-bottom:4px;color:#596458}
.illustrated-avatar{position:relative;display:block;width:62px;height:66px;flex-shrink:0;background:#cbdbe1;border-radius:46% 50% 40% 46%;color:#668aa0}
.illustrated-avatar svg{width:100%;height:100%;border-radius:inherit}
.illustrated-avatar.tone-1{background:#dfd0e4;color:#927aa7}
.illustrated-avatar.tone-2{background:#e4d6b4;color:#ab8d51}
.illustrated-avatar>span{position:absolute;right:-3px;bottom:-2px;display:grid;place-items:center;width:24px;height:24px;background:#fffaf0;border-radius:50%;font-size:13px;font-weight:600;color:#304f40}
.field-title{display:flex;align-items:center;gap:14px;margin-bottom:4px}
.field-title h2{margin:0}
.spot-illustration{display:block;width:58px;height:58px;flex-shrink:0;color:#596b50}
.field-title .spot-illustration{width:46px;height:46px}
.evening-steps{gap:8px;margin:20px 0 8px}
.evening-steps label{border-radius:20px;padding:8px 3px;transition:background .15s ease}
.evening-steps .step-complete{background:#e2e7d2}
.evening-steps .spot-illustration{max-width:100%;width:62px;height:62px}
.evening-steps input{width:30px;height:30px}
.evening-steps label span{font-size:12px;color:#344c3c}
.board-field .task{border-bottom-color:#d5d8c9;gap:10px;align-items:flex-start}
.board-field .taskbody{min-width:0;overflow-wrap:anywhere}
.board-field .task strong{font-size:16px;font-weight:500}
.board-field .check{border-radius:14px;background:#fffdf7;border-color:#b6c1ad}
.board-field .check.done{background:#315e50;color:#fff}
.board-field .tag{background:#fffcf480;color:#3c5144}
.board-field .icon{font-size:18px;color:#4d6150}
.board-field .quiet-link{min-height:44px;color:#345742}
.on-board .empty{font-size:14px;color:#586451;padding:20px 0}
.board-status{margin-bottom:14px}
@media(min-width:701px) and (max-width:1100px){.field-owner{grid-column:span 6}.field-evening{grid-column:1/-1}.field-week{padding:0}}
@media(max-width:700px){.app-header,.on-board .app-header{padding:12px 4%;gap:12px}.header-context{gap:16px}.home-link{font-size:15px}.app-header h1,.on-board .app-header h1{font-size:24px}.top-actions,.on-board .top-actions{width:100%;margin-left:0;gap:7px}.top-actions button{padding:10px 12px;flex:1;font-size:14px}main,.on-board main{padding:18px 4%}.board-field{padding:20px;grid-column:1/-1}.field-week{padding:0}.board-week{grid-template-columns:repeat(7,140px)}.evening-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.overview-links{grid-template-columns:1fr}.field-title h2{font-size:23px}.board-week-heading h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){.board-day,.evening-steps label{transition:none}}