:root{--bg:#f7f4ef;--surface:#fffdfa;--surface2:#f1eee8;--text:#243037;--muted:#738087;--border:#e5dfd6;--shadow:0 14px 40px rgba(49,55,62,.08);--mint:#b8ddd0;--mint-deep:#6aa992;--blue:#bfd5e7;--peach:#f2cdbd;--yellow:#f0dda9;--lilac:#d9cbea;--danger:#b55d5d;--radius:22px;--sidebar:250px;--member:#9bb7d4;color-scheme:light dark}html[data-theme=dark]{--bg:#111719;--surface:#172023;--surface2:#202a2d;--text:#ecf2f0;--muted:#9ba9a7;--border:#2c393d;--shadow:0 14px 42px rgba(0,0,0,.28);--mint:#244c42;--mint-deep:#6fc5aa;--blue:#263f52;--peach:#4d3832;--yellow:#4d452d;--lilac:#43384f;--danger:#e48282}@media(prefers-color-scheme:dark){html[data-theme=auto]{--bg:#111719;--surface:#172023;--surface2:#202a2d;--text:#ecf2f0;--muted:#9ba9a7;--border:#2c393d;--shadow:0 14px 42px rgba(0,0,0,.28);--mint:#244c42;--mint-deep:#6fc5aa;--blue:#263f52;--peach:#4d3832;--yellow:#4d452d;--lilac:#43384f;--danger:#e48282}}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-rounded,"SF Pro Rounded","Segoe UI",system-ui,sans-serif;background:var(--bg);color:var(--text)}body{font-size:15px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:var(--sidebar) 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:20px 14px;background:color-mix(in srgb,var(--surface) 92%,transparent);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:20}.brand{display:flex;gap:12px;align-items:center;padding:7px 10px 22px}.brand>span:last-child{display:flex;flex-direction:column}.brand small{color:var(--muted);font-size:12px;margin-top:2px}.brand-mark{width:58px;height:58px;border-radius:19px;display:grid;place-items:center;background:linear-gradient(135deg,var(--mint),var(--blue));color:#1e3832;font-weight:900;letter-spacing:-1px;box-shadow:var(--shadow)}.brand-mark.small{width:40px;height:40px;border-radius:13px;font-size:13px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:14px;color:var(--muted);font-weight:650}.nav-item span{width:22px;text-align:center}.nav-item:hover,.nav-item.active{background:var(--surface2);color:var(--text)}.nav-item.active{box-shadow:inset 3px 0 0 var(--mint-deep)}.sidebar-bottom{margin-top:auto}.main{min-width:0}.topbar{height:78px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:15;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid color-mix(in srgb,var(--border) 65%,transparent)}.topbar>div,.top-actions{display:flex;align-items:center;gap:12px}.topbar h1{font-size:21px;margin:0}.content{padding:26px 28px 50px;max-width:1800px;margin:auto}.menu-btn{display:none;background:none;border:0;color:var(--text);font-size:24px}.icon-btn{width:40px;height:40px;border-radius:13px;border:1px solid var(--border);background:var(--surface);color:var(--text)}.user-chip{display:flex;gap:8px;align-items:center;padding:8px 12px;background:var(--surface);border:1px solid var(--border);border-radius:99px}.user-chip i,.dot{width:10px;height:10px;border-radius:50%;background:var(--member);display:inline-block}.hero{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px 30px;border-radius:28px;background:linear-gradient(125deg,var(--mint),var(--blue));margin-bottom:22px;color:var(--text)}.hero h2{font-size:clamp(25px,3vw,42px);margin:3px 0 7px;letter-spacing:-1px}.hero p{margin:0;max-width:680px}.eyebrow{text-transform:uppercase;letter-spacing:.11em;font-weight:800;font-size:12px!important}.hero-clock{font-size:clamp(42px,6vw,78px);font-weight:800;letter-spacing:-4px;white-space:nowrap}.dashboard-grid,.settings-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.span-2{grid-column:span 2}.card-head,.split-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.card-head{margin-bottom:14px}.card-head h2,.card-head h3,.split-head h2{margin:0}.card-head a{font-size:13px;color:var(--muted)}.empty{padding:28px;text-align:center;color:var(--muted)}.timeline{display:flex;flex-direction:column}.timeline-item{display:grid;grid-template-columns:52px 12px 1fr;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}.timeline-item:last-child{border:0}.timeline-item time{font-weight:750}.timeline-item div{display:flex;flex-direction:column}.timeline-item small,.task-row small,.meal-stack small,.score-card small,.member-row small{color:var(--muted)}.task-mini{display:flex;flex-direction:column;gap:8px}.task-row{display:flex;align-items:center;gap:10px;border:0;background:var(--surface2);padding:10px;border-radius:13px;color:var(--text);text-align:left}.task-row>div{display:flex;flex-direction:column}.check{border:1px solid var(--border);background:var(--surface);color:transparent;width:28px;height:28px;border-radius:9px;flex:0 0 auto}.check:hover{color:var(--mint-deep)}.meal-stack{display:flex;flex-direction:column;gap:12px}.meal-stack div{display:flex;flex-direction:column;padding:10px 12px;background:var(--surface2);border-radius:13px}.btn{border:0;border-radius:13px;padding:10px 15px;font-weight:750}.btn.primary{background:var(--mint-deep);color:#10231e}.btn.subtle{background:var(--surface2);color:var(--text);border:1px solid var(--border)}.full{width:100%}.plain{border:0;background:none;color:var(--muted)}.danger{color:var(--danger)}.split-head{margin-bottom:18px}.month-nav{display:flex;align-items:center;gap:14px}.month-nav h2{min-width:170px;text-align:center}.calendar{display:grid;grid-template-columns:repeat(7,minmax(110px,1fr));gap:8px;overflow-x:auto}.weekday{text-align:center;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase;padding:8px}.day{min-height:132px;background:var(--surface);border:1px solid var(--border);border-radius:17px;padding:10px}.day.muted{opacity:.45}.day.today{outline:2px solid var(--mint-deep);outline-offset:-2px}.day-num{font-weight:800;margin-bottom:8px}.day-events{display:flex;flex-direction:column;gap:5px}.event-pill{font-size:12px;padding:6px 7px;background:color-mix(in srgb,var(--member) 40%,var(--surface));border-left:3px solid var(--member);border-radius:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-pill small{margin-right:5px}.dialog{width:min(560px,calc(100% - 28px));border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:24px;padding:22px;box-shadow:0 30px 90px rgba(0,0,0,.35)}.dialog::backdrop{background:rgba(10,15,18,.5);backdrop-filter:blur(3px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.dialog-head h3{margin:0}.dialog form,.auth-card form,.settings-grid form{display:flex;flex-direction:column;gap:13px}label{display:flex;flex-direction:column;gap:6px;font-weight:650;font-size:13px}input,select,textarea{width:100%;border:1px solid var(--border);background:var(--surface2);color:var(--text);border-radius:12px;padding:11px 12px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--mint-deep);box-shadow:0 0 0 3px color-mix(in srgb,var(--mint-deep) 18%,transparent)}.form-grid{display:grid!important;grid-template-columns:1fr 1fr;gap:12px}.form-grid .span-2{grid-column:span 2}.tabs{display:flex;gap:5px;padding:4px;background:var(--surface2);border-radius:14px}.tabs a{padding:8px 13px;border-radius:10px;color:var(--muted)}.tabs a.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.task-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.task-card{display:flex;gap:14px;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:16px}.task-card.done{opacity:.55}.task-card.done h3{text-decoration:line-through}.check.big{width:38px;height:38px;border-radius:12px}.task-body{min-width:0;flex:1}.task-body h3{margin:3px 0}.task-body p{margin:0;color:var(--muted);font-size:13px}.task-meta{display:flex;gap:8px;font-size:11px;color:var(--muted)}.priority{padding:3px 7px;border-radius:99px;background:var(--surface2)}.priority.high{background:var(--peach)}.priority.low{background:var(--blue)}.points{font-weight:850;white-space:nowrap}.lists-layout{display:grid;grid-template-columns:260px 1fr;gap:16px}.list-picker{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.list-link{display:flex;gap:10px;align-items:center;padding:11px;border-radius:13px}.list-link.active,.list-link:hover{background:var(--surface2)}.list-link>div{display:flex;flex-direction:column}.list-link small{color:var(--muted)}.list-main{min-height:480px}.quick-add{display:grid;grid-template-columns:1fr 120px auto;gap:8px;margin-bottom:14px}.checklist{display:flex;flex-direction:column;gap:8px}.check-item{display:flex;align-items:center;gap:10px;padding:11px 12px;background:var(--surface2);border-radius:13px}.check-item span{flex:1}.check-item.checked{opacity:.5}.check-item.checked span{text-decoration:line-through}.meal-week{display:grid;grid-template-columns:repeat(7,minmax(160px,1fr));gap:10px;overflow-x:auto}.meal-day{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:10px}.meal-day.today{outline:2px solid var(--mint-deep)}.meal-day header{display:flex;justify-content:space-between;padding:5px 4px 10px}.meal-day header span{color:var(--muted)}.meal-slot{width:100%;min-height:90px;text-align:left;border:0;background:var(--surface2);color:var(--text);border-radius:13px;padding:11px;margin-bottom:8px}.meal-slot small,.meal-slot b{display:block}.meal-slot small{color:var(--muted);margin-bottom:5px}.score-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-bottom:24px}.score-card{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:14px}.score-card>div{display:flex;flex-direction:column}.score-card strong{font-size:22px}.avatar-fallback{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--member);color:#243037;font-weight:900}.reward-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-bottom:22px}.reward-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:20px;text-align:center}.reward-icon{width:52px;height:52px;border-radius:17px;background:var(--yellow);display:grid;place-items:center;margin:0 auto}.reward-card h3{margin:12px 0 4px}.reward-card strong{display:block;margin-bottom:14px}.line-item,.member-row{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid var(--border)}.line-item:last-child,.member-row:last-child{border:0}.note-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.note-grid.compact{grid-template-columns:repeat(2,1fr)}.sticky{background:linear-gradient(145deg,var(--yellow),color-mix(in srgb,var(--yellow) 75%,var(--surface)));border:1px solid var(--border);border-radius:20px;padding:18px;min-height:160px}.sticky:nth-child(3n+2){background:linear-gradient(145deg,var(--lilac),color-mix(in srgb,var(--lilac) 75%,var(--surface)))}.sticky:nth-child(3n+3){background:linear-gradient(145deg,var(--blue),color-mix(in srgb,var(--blue) 75%,var(--surface)))}.sticky-top{display:flex;justify-content:space-between}.sticky h3{margin:8px 0}.sticky p{white-space:normal}.sticky small{color:var(--muted)}.lead{color:var(--muted)}.photo-grid{columns:4 260px;column-gap:14px}.photo-grid figure{break-inside:avoid;margin:0 0 14px;background:var(--surface);padding:8px;border:1px solid var(--border);border-radius:18px}.photo-grid img{width:100%;display:block;border-radius:13px}.photo-grid figcaption{padding:8px 4px 3px;color:var(--muted)}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.member-row{justify-content:flex-start;gap:12px}.member-row>div{display:flex;flex-direction:column;flex:1}.auth-body{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 10%,var(--mint),transparent 35%),radial-gradient(circle at 90% 85%,var(--lilac),transparent 35%),var(--bg)}.auth-card{width:min(430px,100%);background:color-mix(in srgb,var(--surface) 94%,transparent);border:1px solid var(--border);border-radius:28px;padding:32px;box-shadow:var(--shadow);backdrop-filter:blur(16px)}.auth-card.wide{width:min(760px,100%)}.auth-card .brand-mark{margin-bottom:18px}.auth-card h1{margin:0 0 5px;font-size:32px}.auth-card>p{margin:0 0 22px;color:var(--muted)}.notice{padding:11px 13px;border-radius:13px;margin-bottom:14px;background:var(--surface2);border:1px solid var(--border)}.notice.success{background:var(--mint)}.notice.error{background:var(--peach);color:var(--text)}.switch-row{flex-direction:row;align-items:center}.switch-row input{width:auto}.scrim{display:none}.tv-root,.tv-body{height:100%;overflow:hidden}.tv-body{padding:2.3vh 2vw;background:var(--bg)}.tv-header{height:10vh;display:flex;align-items:center;justify-content:space-between}.tv-header>div{display:flex;align-items:center;gap:14px}.tv-header b{font-size:2.2vw}.tv-header>div:last-child{flex-direction:column;align-items:flex-end;gap:0}.tv-header strong{font-size:3.5vw;line-height:1}.tv-header span{font-size:1.1vw;color:var(--muted)}.tv-grid{height:84vh;display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:1fr 1fr;gap:1.4vw}.tv-panel{background:var(--surface);border:1px solid var(--border);border-radius:2vw;padding:1.6vw;overflow:hidden}.tv-panel.accent{background:linear-gradient(135deg,var(--mint),var(--blue))}.tv-panel.notes{background:linear-gradient(135deg,var(--yellow),var(--lilac))}.tv-panel h2{font-size:1.7vw;margin:0 0 1.1vw}.tv-event,.tv-task{display:flex;gap:.8vw;align-items:center;padding:.65vw 0;border-bottom:1px solid var(--border)}.tv-event time{font-size:1.25vw;font-weight:800;width:4vw}.tv-event i{width:.7vw;height:.7vw;border-radius:50%;background:var(--member)}.tv-event div,.tv-task div{display:flex;flex-direction:column}.tv-event b,.tv-task b{font-size:1.2vw}.tv-event small,.tv-task small{font-size:.8vw;color:var(--muted)}.tv-task>span{font-size:1.6vw}.tv-meal{display:flex;flex-direction:column;background:color-mix(in srgb,var(--surface) 45%,transparent);padding:1vw;border-radius:1vw;margin-bottom:.8vw}.tv-meal small{font-size:.8vw}.tv-meal b{font-size:1.5vw}.tv-panel.notes article{background:color-mix(in srgb,var(--surface) 40%,transparent);padding:1vw;border-radius:1vw;margin-bottom:.8vw}.tv-panel.notes article b{font-size:1.2vw}.tv-panel.notes article p{font-size:1vw;margin:.3vw 0}.tv-empty{font-size:1.5vw;color:var(--muted);padding:2vw 0}@media(max-width:1100px){.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.calendar{grid-template-columns:repeat(7,minmax(130px,1fr))}.task-board{grid-template-columns:1fr}.meal-week{grid-template-columns:repeat(7,180px)}}@media(max-width:780px){:root{--sidebar:268px}.app-shell{display:block}.sidebar{position:fixed;left:-285px;transition:.22s ease;box-shadow:var(--shadow)}.sidebar.open{left:0}.scrim.show{display:block;position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:19}.menu-btn{display:inline-block}.topbar{height:66px;padding:0 15px}.content{padding:16px 14px 90px}.user-chip{display:none}.hero{padding:20px;align-items:flex-start}.hero-clock{font-size:34px;letter-spacing:-2px}.dashboard-grid,.settings-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.lists-layout{grid-template-columns:1fr}.list-picker{overflow-x:auto;display:flex;gap:7px}.list-picker .card-head{min-width:120px}.list-link{min-width:150px}.quick-add{grid-template-columns:1fr auto}.quick-add input:nth-of-type(2){display:none}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:span 1}.calendar{font-size:13px}.day{min-height:110px}.note-grid.compact{grid-template-columns:1fr}.photo-grid{columns:2 140px}}@media(max-width:480px){.hero{display:block}.hero-clock{margin-top:14px}.card{padding:16px}.calendar{grid-template-columns:repeat(7,120px)}.task-card{padding:13px}.photo-grid{columns:1}.split-head{align-items:flex-start}.month-nav h2{font-size:18px;min-width:130px}}

/* FamilyHub 1.1 */
.avatar-mini{width:24px;height:24px;border-radius:50%;object-fit:cover}.avatar-img{width:72px;height:72px;border-radius:22px;object-fit:cover;border:3px solid color-mix(in srgb,var(--member) 70%,white)}.avatar-fallback.large{width:72px;height:72px;font-size:28px}.profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.profile-card{background:var(--surface2);border:1px solid var(--border);padding:16px;border-radius:18px}.profile-head{display:flex;gap:12px;align-items:center;margin-bottom:12px}.profile-head div{display:flex;flex-direction:column}.profile-head small{color:var(--muted)}.secret-link{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;padding:14px;background:var(--yellow);border-radius:16px;margin:14px 0}.inline-form{display:grid!important;grid-template-columns:1fr 1.5fr 1fr auto;gap:8px!important;margin:14px 0}.checkline{flex-direction:row;align-items:center;gap:8px}.checkline input{width:auto}.badge{padding:5px 9px;border-radius:999px;background:var(--surface2);font-size:12px}.twofa-grid{display:grid;grid-template-columns:260px 1fr;gap:24px;align-items:start}#totp-qr{background:white;padding:14px;border-radius:16px;display:inline-grid;place-items:center;min-height:240px}.recipes-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:18px}.list-link{display:flex;flex-direction:column;padding:11px 12px;border-radius:12px;margin:4px 0}.list-link small{color:var(--muted)}.list-link.active,.list-link:hover{background:var(--surface2)}.waste-dot{width:18px;height:18px;border-radius:5px;background:var(--member)}.dot.big{width:18px;height:18px}.wallboard{grid-template-columns:repeat(4,minmax(0,1fr))}.tv-wide{grid-column:span 2}@media(max-width:1100px){.profile-grid{grid-template-columns:repeat(2,1fr)}.inline-form{grid-template-columns:1fr 1fr}.recipes-layout{grid-template-columns:1fr}.wallboard{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.profile-grid{grid-template-columns:1fr}.twofa-grid{grid-template-columns:1fr}.inline-form{grid-template-columns:1fr}.secret-link{grid-template-columns:1fr}.wallboard{grid-template-columns:1fr}.tv-wide{grid-column:span 1}}
.button-row{display:flex;gap:10px;flex-wrap:wrap}.muted-text{margin-top:12px;color:var(--muted)}


/* FamilyHub 1.1.4: persistent desktop sidebar collapse */
.sidebar-brand-row{display:flex;align-items:flex-start;gap:4px}.sidebar-brand-row .brand{flex:1;min-width:0}.sidebar-collapse{flex:0 0 34px;width:34px;height:34px;margin-top:10px;border:1px solid var(--border);border-radius:11px;background:var(--surface2);color:var(--muted);font-weight:900}.sidebar-collapse:hover{color:var(--text)}.nav-icon{flex:0 0 22px;width:22px;text-align:center}.nav-label{white-space:nowrap}.brand-copy{min-width:0}.user-chip:hover{background:var(--surface2)}
@media(min-width:781px){html[data-sidebar=collapsed] .app-shell{grid-template-columns:78px 1fr}html[data-sidebar=collapsed] .sidebar{padding-left:10px;padding-right:10px}html[data-sidebar=collapsed] .brand{padding-left:9px;padding-right:9px}html[data-sidebar=collapsed] .brand-copy,html[data-sidebar=collapsed] .nav-label{display:none}html[data-sidebar=collapsed] .sidebar-brand-row{display:block}html[data-sidebar=collapsed] .sidebar-collapse{display:block;margin:0 auto 12px}html[data-sidebar=collapsed] .nav-item{justify-content:center;padding-left:10px;padding-right:10px;gap:0}html[data-sidebar=collapsed] .nav-icon{font-size:18px}html[data-sidebar=collapsed] .nav-item.active{box-shadow:inset 3px 0 0 var(--mint-deep)}}
@media(max-width:780px){.sidebar-collapse{display:none}.brand-copy{display:flex!important}.nav-label{display:inline!important}}

/* FamilyHub 1.1.6: selectable colour styles */
html[data-style="pastel-mint"]{--bg:#f7f4ef;--surface:#fffdfa;--surface2:#f1eee8;--text:#243037;--muted:#738087;--border:#e5dfd6;--mint:#b8ddd0;--mint-deep:#6aa992;--blue:#bfd5e7;--peach:#f2cdbd;--yellow:#f0dda9;--lilac:#d9cbea}
html[data-style="peach-cream"]{--bg:#fff7f0;--surface:#fffdf9;--surface2:#f9eee4;--text:#3b302b;--muted:#88756b;--border:#ead9cc;--mint:#cfe2d4;--mint-deep:#c78569;--blue:#d7e4ee;--peach:#f3bfa8;--yellow:#f4dfb9;--lilac:#decfe4}
html[data-style="lavender"]{--bg:#f8f5fb;--surface:#fefcff;--surface2:#efebf4;--text:#332f3a;--muted:#7b7485;--border:#ded6e7;--mint:#c8dfd7;--mint-deep:#9275b5;--blue:#cbdaf0;--peach:#edccd1;--yellow:#efe0b8;--lilac:#cdbce3}
html[data-style="sky"]{--bg:#f3f8fb;--surface:#fbfdff;--surface2:#e9f1f6;--text:#26343d;--muted:#71818b;--border:#d5e1e8;--mint:#c8e3dc;--mint-deep:#6799ba;--blue:#b7d7ed;--peach:#efd2c8;--yellow:#f0e2b7;--lilac:#d5cdeb}
html[data-style="rose"]{--bg:#fbf5f6;--surface:#fffdfd;--surface2:#f4e9eb;--text:#3c3033;--muted:#88757a;--border:#e7d6da;--mint:#cfe1d8;--mint-deep:#b46f82;--blue:#cfdeea;--peach:#edc5c9;--yellow:#efe0b9;--lilac:#decde3}
html[data-style="sage"]{--bg:#f5f7f1;--surface:#fdfefb;--surface2:#ebefe5;--text:#30382e;--muted:#74806f;--border:#d8dfd1;--mint:#bed7bd;--mint-deep:#718f6d;--blue:#cbdde1;--peach:#ecd0bf;--yellow:#e9dfb3;--lilac:#d8d0df}
html[data-style="sunset"]{--bg:#fff7f5;--surface:#fffdfb;--surface2:#f9ece9;--text:#3c302f;--muted:#8a7470;--border:#ead9d4;--mint:#c9ddd5;--mint-deep:#cf806f;--blue:#c9d8e8;--peach:#f1b9aa;--yellow:#f3d7a5;--lilac:#d9c2df}
html[data-style="candy"]{--bg:#fbf6fb;--surface:#fffdfd;--surface2:#f3eaf3;--text:#3a303a;--muted:#857585;--border:#e5d7e5;--mint:#bfe1d9;--mint-deep:#b667a0;--blue:#bfd8ef;--peach:#f0c2cc;--yellow:#f1dfae;--lilac:#d7bfea}
html[data-style="ocean"]{--bg:#f2f8f7;--surface:#fbfefd;--surface2:#e7f1ef;--text:#263837;--muted:#6d8180;--border:#d3e2df;--mint:#afd9cf;--mint-deep:#4d9b91;--blue:#b9d9e6;--peach:#e9d0c6;--yellow:#e8ddb7;--lilac:#ccd2e7}
html[data-style="confetti"]{--bg:#faf7f2;--surface:#fffefd;--surface2:#f1ede7;--text:#2f3337;--muted:#777d83;--border:#e1ddd6;--mint:#b4dfc6;--mint-deep:#5e9e88;--blue:#b5d7ef;--peach:#f2bdb4;--yellow:#f3d77f;--lilac:#ceb9ea}

html[data-theme="dark"][data-style="pastel-mint"]{--bg:#111719;--surface:#172023;--surface2:#202a2d;--text:#ecf2f0;--muted:#9ba9a7;--border:#2c393d;--mint:#244c42;--mint-deep:#6fc5aa;--blue:#263f52;--peach:#4d3832;--yellow:#4d452d;--lilac:#43384f}
html[data-theme="dark"][data-style="peach-cream"]{--bg:#1a1512;--surface:#231c18;--surface2:#2d241f;--text:#f3ece7;--muted:#b3a49a;--border:#40332b;--mint:#304a3b;--mint-deep:#e1a085;--blue:#304454;--peach:#5a382d;--yellow:#55452c;--lilac:#493b50}
html[data-theme="dark"][data-style="lavender"]{--bg:#151219;--surface:#1d1823;--surface2:#282131;--text:#f0ebf4;--muted:#aaa0b1;--border:#3a3043;--mint:#2d4b41;--mint-deep:#b795dd;--blue:#2e4058;--peach:#50363d;--yellow:#4d432b;--lilac:#49365e}
html[data-theme="dark"][data-style="sky"]{--bg:#10171b;--surface:#162127;--surface2:#1e2d34;--text:#eaf2f6;--muted:#99aab4;--border:#2b3d47;--mint:#284b43;--mint-deep:#78b6dd;--blue:#274a60;--peach:#4b3835;--yellow:#4b432d;--lilac:#3e3950}
html[data-theme="dark"][data-style="rose"]{--bg:#191316;--surface:#221a1e;--surface2:#2d2328;--text:#f2ebed;--muted:#ae9da2;--border:#413138;--mint:#30493f;--mint-deep:#d890a3;--blue:#304251;--peach:#57353d;--yellow:#51452e;--lilac:#49394f}
html[data-theme="dark"][data-style="sage"]{--bg:#121713;--surface:#192119;--surface2:#222c21;--text:#edf2eb;--muted:#9faa9b;--border:#303c2e;--mint:#31513a;--mint-deep:#91bd8b;--blue:#30474a;--peach:#4b3a31;--yellow:#4d472f;--lilac:#403c49}
html[data-theme="dark"][data-style="sunset"]{--bg:#1a1313;--surface:#231a1a;--surface2:#302323;--text:#f4ecea;--muted:#b09d99;--border:#433232;--mint:#30483f;--mint-deep:#e29582;--blue:#314050;--peach:#60382f;--yellow:#5a4628;--lilac:#4c3753}
html[data-theme="dark"][data-style="candy"]{--bg:#181218;--surface:#211921;--surface2:#2d222e;--text:#f3ebf2;--muted:#ad9ead;--border:#413143;--mint:#2c4b42;--mint-deep:#dc82bd;--blue:#2c4359;--peach:#573641;--yellow:#51452d;--lilac:#503564}
html[data-theme="dark"][data-style="ocean"]{--bg:#0f1717;--surface:#152020;--surface2:#1d2b2a;--text:#e9f3f1;--muted:#98aaa7;--border:#293c39;--mint:#225047;--mint-deep:#6fc9ba;--blue:#254957;--peach:#473a35;--yellow:#49432f;--lilac:#363e52}
html[data-theme="dark"][data-style="confetti"]{--bg:#141517;--surface:#1c1e21;--surface2:#26292d;--text:#f0f2f4;--muted:#a4a9ae;--border:#363a40;--mint:#28513a;--mint-deep:#79d7ad;--blue:#294b63;--peach:#5a3734;--yellow:#5a4c26;--lilac:#49365f}

@media(prefers-color-scheme:dark){
 html[data-theme="auto"][data-style="pastel-mint"]{--bg:#111719;--surface:#172023;--surface2:#202a2d;--text:#ecf2f0;--muted:#9ba9a7;--border:#2c393d;--mint:#244c42;--mint-deep:#6fc5aa;--blue:#263f52;--peach:#4d3832;--yellow:#4d452d;--lilac:#43384f}
 html[data-theme="auto"][data-style="peach-cream"]{--bg:#1a1512;--surface:#231c18;--surface2:#2d241f;--text:#f3ece7;--muted:#b3a49a;--border:#40332b;--mint:#304a3b;--mint-deep:#e1a085;--blue:#304454;--peach:#5a382d;--yellow:#55452c;--lilac:#493b50}
 html[data-theme="auto"][data-style="lavender"]{--bg:#151219;--surface:#1d1823;--surface2:#282131;--text:#f0ebf4;--muted:#aaa0b1;--border:#3a3043;--mint:#2d4b41;--mint-deep:#b795dd;--blue:#2e4058;--peach:#50363d;--yellow:#4d432b;--lilac:#49365e}
 html[data-theme="auto"][data-style="sky"]{--bg:#10171b;--surface:#162127;--surface2:#1e2d34;--text:#eaf2f6;--muted:#99aab4;--border:#2b3d47;--mint:#284b43;--mint-deep:#78b6dd;--blue:#274a60;--peach:#4b3835;--yellow:#4b432d;--lilac:#3e3950}
 html[data-theme="auto"][data-style="rose"]{--bg:#191316;--surface:#221a1e;--surface2:#2d2328;--text:#f2ebed;--muted:#ae9da2;--border:#413138;--mint:#30493f;--mint-deep:#d890a3;--blue:#304251;--peach:#57353d;--yellow:#51452e;--lilac:#49394f}
 html[data-theme="auto"][data-style="sage"]{--bg:#121713;--surface:#192119;--surface2:#222c21;--text:#edf2eb;--muted:#9faa9b;--border:#303c2e;--mint:#31513a;--mint-deep:#91bd8b;--blue:#30474a;--peach:#4b3a31;--yellow:#4d472f;--lilac:#403c49}
 html[data-theme="auto"][data-style="sunset"]{--bg:#1a1313;--surface:#231a1a;--surface2:#302323;--text:#f4ecea;--muted:#b09d99;--border:#433232;--mint:#30483f;--mint-deep:#e29582;--blue:#314050;--peach:#60382f;--yellow:#5a4628;--lilac:#4c3753}
 html[data-theme="auto"][data-style="candy"]{--bg:#181218;--surface:#211921;--surface2:#2d222e;--text:#f3ebf2;--muted:#ad9ead;--border:#413143;--mint:#2c4b42;--mint-deep:#dc82bd;--blue:#2c4359;--peach:#573641;--yellow:#51452d;--lilac:#503564}
 html[data-theme="auto"][data-style="ocean"]{--bg:#0f1717;--surface:#152020;--surface2:#1d2b2a;--text:#e9f3f1;--muted:#98aaa7;--border:#293c39;--mint:#225047;--mint-deep:#6fc9ba;--blue:#254957;--peach:#473a35;--yellow:#49432f;--lilac:#363e52}
 html[data-theme="auto"][data-style="confetti"]{--bg:#141517;--surface:#1c1e21;--surface2:#26292d;--text:#f0f2f4;--muted:#a4a9ae;--border:#363a40;--mint:#28513a;--mint-deep:#79d7ad;--blue:#294b63;--peach:#5a3734;--yellow:#5a4c26;--lilac:#49365f}
}
.theme-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.theme-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;align-items:center;padding:8px;border:1px solid var(--border);border-radius:13px;background:var(--surface);color:var(--text)}.theme-preview span{height:22px;border-radius:6px}.theme-preview small{grid-column:1/-1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.theme-preview.selected{outline:2px solid var(--mint-deep);outline-offset:1px}.theme-preview[data-style-choice="pastel-mint"] span:nth-child(1){background:#b8ddd0}.theme-preview[data-style-choice="pastel-mint"] span:nth-child(2){background:#bfd5e7}.theme-preview[data-style-choice="pastel-mint"] span:nth-child(3){background:#f2cdbd}.theme-preview[data-style-choice="pastel-mint"] span:nth-child(4){background:#d9cbea}.theme-preview[data-style-choice="peach-cream"] span:nth-child(1){background:#f3bfa8}.theme-preview[data-style-choice="peach-cream"] span:nth-child(2){background:#f4dfb9}.theme-preview[data-style-choice="peach-cream"] span:nth-child(3){background:#cfe2d4}.theme-preview[data-style-choice="peach-cream"] span:nth-child(4){background:#decfe4}.theme-preview[data-style-choice="lavender"] span:nth-child(1){background:#cdbce3}.theme-preview[data-style-choice="lavender"] span:nth-child(2){background:#cbdaf0}.theme-preview[data-style-choice="lavender"] span:nth-child(3){background:#edccd1}.theme-preview[data-style-choice="lavender"] span:nth-child(4){background:#c8dfd7}.theme-preview[data-style-choice="sky"] span:nth-child(1){background:#b7d7ed}.theme-preview[data-style-choice="sky"] span:nth-child(2){background:#c8e3dc}.theme-preview[data-style-choice="sky"] span:nth-child(3){background:#efd2c8}.theme-preview[data-style-choice="sky"] span:nth-child(4){background:#d5cdeb}.theme-preview[data-style-choice="rose"] span:nth-child(1){background:#edc5c9}.theme-preview[data-style-choice="rose"] span:nth-child(2){background:#decde3}.theme-preview[data-style-choice="rose"] span:nth-child(3){background:#cfe1d8}.theme-preview[data-style-choice="rose"] span:nth-child(4){background:#cfdeea}.theme-preview[data-style-choice="sage"] span:nth-child(1){background:#bed7bd}.theme-preview[data-style-choice="sage"] span:nth-child(2){background:#cbdde1}.theme-preview[data-style-choice="sage"] span:nth-child(3){background:#ecd0bf}.theme-preview[data-style-choice="sage"] span:nth-child(4){background:#e9dfb3}.theme-preview[data-style-choice="sunset"] span:nth-child(1){background:#f1b9aa}.theme-preview[data-style-choice="sunset"] span:nth-child(2){background:#f3d7a5}.theme-preview[data-style-choice="sunset"] span:nth-child(3){background:#d9c2df}.theme-preview[data-style-choice="sunset"] span:nth-child(4){background:#c9ddd5}.theme-preview[data-style-choice="candy"] span:nth-child(1){background:#f0c2cc}.theme-preview[data-style-choice="candy"] span:nth-child(2){background:#d7bfea}.theme-preview[data-style-choice="candy"] span:nth-child(3){background:#bfd8ef}.theme-preview[data-style-choice="candy"] span:nth-child(4){background:#bfe1d9}.theme-preview[data-style-choice="ocean"] span:nth-child(1){background:#afd9cf}.theme-preview[data-style-choice="ocean"] span:nth-child(2){background:#b9d9e6}.theme-preview[data-style-choice="ocean"] span:nth-child(3){background:#ccd2e7}.theme-preview[data-style-choice="ocean"] span:nth-child(4){background:#e9d0c6}.theme-preview[data-style-choice="confetti"] span:nth-child(1){background:#b4dfc6}.theme-preview[data-style-choice="confetti"] span:nth-child(2){background:#b5d7ef}.theme-preview[data-style-choice="confetti"] span:nth-child(3){background:#f2bdb4}.theme-preview[data-style-choice="confetti"] span:nth-child(4){background:#ceb9ea}.device-symbol,.device-dot{display:inline-grid;place-items:center}.device-symbol{width:42px;height:42px;border-radius:13px;background:var(--blue)}.device-dot{font-size:16px}.device-chip{cursor:default}.device-form{grid-template-columns:1.5fr 1fr auto!important}
@media(max-width:700px){.theme-preview-grid{grid-template-columns:1fr}.device-form{grid-template-columns:1fr!important}}

/* FamilyHub 1.1.6 device administration */
.device-create-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;align-items:end;margin:16px 0}.device-create-grid label{margin:0}.device-toolbar{display:flex;justify-content:flex-end;margin:8px 0 12px}.row-actions{display:flex;gap:8px;align-items:center}.row-actions form{margin:0}


/* FamilyHub 1.1.8 header profile progress + device token form */
.profile-progress{--ring-size:30px;width:var(--ring-size);height:var(--ring-size);flex:0 0 var(--ring-size);border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--member) var(--point-progress),color-mix(in srgb,var(--border) 82%,transparent) 0);position:relative}
.profile-progress::after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--surface)}
.profile-progress .avatar-mini{position:relative;z-index:1;width:22px;height:22px;border-radius:50%;object-fit:cover;display:grid;place-items:center}
.avatar-letter{background:var(--member);color:#fff;font-size:11px;font-weight:800;line-height:22px;text-align:center}
.user-chip-name{white-space:nowrap}
.device-token-form{display:grid!important;grid-template-columns:minmax(190px,1.15fr) minmax(130px,.65fr) minmax(260px,1.35fr) minmax(230px,1.1fr) auto!important;gap:14px!important;align-items:end!important;margin:16px 0!important}
.device-token-form .device-field{margin:0!important;min-width:0}
.device-token-form .device-field>small{display:block;min-height:16px;margin-top:2px;color:var(--muted);font-weight:400}
.device-token-form input,.device-token-form select{width:100%;box-sizing:border-box}
.device-token-form .device-submit{display:flex;align-items:flex-end;margin:0}
.device-token-form .device-submit .btn{white-space:nowrap;min-height:44px}
@media(max-width:1450px){.device-token-form{grid-template-columns:repeat(2,minmax(0,1fr))!important}.device-token-form .device-submit{grid-column:1/-1}.device-token-form .device-submit .btn{width:100%}}
@media(max-width:760px){.device-token-form{grid-template-columns:1fr!important}.device-token-form .device-submit{grid-column:auto}}

@media(max-width:780px){.top-actions .user-chip:not(.device-chip){display:flex;padding:4px 6px;background:transparent;border-color:transparent}.top-actions .user-chip-name{display:none}}

/* FamilyHub 1.1.9 family header avatars + compact device actions + solar theme */
.family-avatar-strip{display:flex;align-items:center;gap:4px;min-width:0}.header-family-avatar{--ring-size:30px}.header-family-avatar+.header-family-avatar{margin-left:-5px}.header-family-avatar{box-shadow:0 0 0 2px var(--bg)}.current-user-chip{padding:8px 10px}.row-actions{display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:8px!important;align-items:center!important;justify-content:flex-end}.row-actions form{display:inline-flex!important;flex:0 0 auto!important;margin:0!important}.row-actions .btn{white-space:nowrap}.sun-location-fields{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end;padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--surface2)}.sun-location-fields>small{grid-column:1/-1;color:var(--muted)}
@media(max-width:900px){.current-user-chip{display:none}.family-avatar-strip{max-width:170px;overflow:hidden}.header-family-avatar{flex:0 0 30px}}
@media(max-width:600px){.sun-location-fields{grid-template-columns:1fr}.sun-location-fields>small{grid-column:auto}.family-avatar-strip{max-width:124px}}

/* FamilyHub 1.2.0: larger family strip on the left side of the header */
.topbar-left{display:flex;align-items:center;gap:14px;min-width:0}.topbar-left .family-avatar-strip{margin-left:4px;gap:7px;overflow:visible}.header-family-avatar{--ring-size:56px!important;flex:0 0 56px!important;margin-left:0!important;box-shadow:none!important}.header-family-avatar .avatar-mini{width:46px!important;height:46px!important;line-height:46px!important;font-size:17px!important}.header-family-avatar::before{inset:0}.header-family-avatar::after{inset:4px}.topbar-left h1{white-space:nowrap}.top-actions{flex:0 0 auto}
@media(max-width:1000px){.topbar-left{gap:10px}.topbar-left .family-avatar-strip{max-width:230px;overflow:hidden}.header-family-avatar{flex-basis:54px!important;--ring-size:54px!important}.header-family-avatar .avatar-mini{width:44px!important;height:44px!important}.topbar-left h1{font-size:19px}}
@media(max-width:780px){.topbar-left h1{display:none}.topbar-left .family-avatar-strip{max-width:min(55vw,260px)}.header-family-avatar{flex-basis:48px!important;--ring-size:48px!important}.header-family-avatar .avatar-mini{width:39px!important;height:39px!important}.topbar{padding-right:12px}.device-chip{display:none}}

/* 1.2.1 – Waste ICS import */
.import-upload{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}.import-upload label{margin:0}.import-message{padding:11px 13px;border-radius:12px;margin:12px 0}.import-message.error{background:color-mix(in srgb,#d66 16%,var(--surface));border:1px solid color-mix(in srgb,#d66 40%,var(--border))}.ics-preview-list{display:flex;flex-direction:column;gap:7px;max-height:520px;overflow:auto;padding-right:4px}.ics-preview-row{display:grid!important;grid-template-columns:auto 100px 18px minmax(0,1fr);gap:11px!important;align-items:center!important;padding:10px 12px;border:1px solid var(--border);border-radius:13px;background:var(--surface2);cursor:pointer}.ics-preview-row input{width:auto!important}.ics-preview-row time{font-variant-numeric:tabular-nums}.ics-preview-row span:last-child{display:flex;flex-direction:column;min-width:0}.ics-preview-row small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.import-actions{margin-top:14px}.compact-btn{padding:7px 10px;font-size:13px}
@media(max-width:700px){.import-upload{grid-template-columns:1fr}.ics-preview-row{grid-template-columns:auto 82px 16px minmax(0,1fr);padding:9px}.ics-preview-row small{white-space:normal}}

/* 1.2.2 – larger family avatars in header */

/* FamilyHub 1.2.4 */
.list-picker .list-link{display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important}.list-picker .list-link>span{flex:0 0 auto;font-size:20px;line-height:1}.month-nav .icon-btn{display:grid;place-items:center;line-height:1;padding:0}.app-version{font-size:11px;font-weight:800;letter-spacing:.04em;color:var(--muted);white-space:nowrap}.sidebar-version{padding:8px 12px 4px;text-align:center}.header-version{margin-left:-7px}.waste-complete-form{display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important}.waste-complete-form select{width:auto;min-width:110px;padding:9px 10px}
@media(max-width:780px){.meal-week{grid-template-columns:1fr!important;overflow:visible!important}.meal-day{min-width:0}.list-picker{display:block!important;overflow:visible!important}.list-picker .card-head{min-width:0!important}.list-picker .list-link{min-width:0!important}.header-version{display:none}.waste-complete-form{flex-wrap:wrap!important}}
@media(min-width:781px){html[data-sidebar=collapsed] .sidebar-version{font-size:9px;padding-left:0;padding-right:0}}

/* FamilyHub 1.2.4 · Drag&Drop Wallboard */
.dashboard-layout-page{display:grid;gap:18px}.layout-device-select{max-width:420px;margin-top:18px}.layout-editor{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(120px,auto);gap:14px;align-items:stretch}.layout-tile{grid-column:span min(var(--w,1),4);grid-row:span var(--h,1);background:var(--surface2);border:1px solid var(--border);border-radius:18px;padding:14px;min-height:120px;transition:.16s ease;cursor:grab}.layout-tile[data-w="2"]{grid-column:span 2}.layout-tile[data-w="3"]{grid-column:span 3}.layout-tile[data-w="4"]{grid-column:span 4}.layout-tile[data-h="2"]{grid-row:span 2;min-height:254px}.layout-tile.dragging{opacity:.35;transform:scale(.98)}.layout-tile.drag-over{outline:3px solid var(--mint-deep);outline-offset:2px}.layout-tile.disabled{opacity:.5}.layout-tile-head{display:flex;align-items:center;gap:10px}.drag-handle{font-size:23px;line-height:1;color:var(--muted);cursor:grab}.layout-icon{font-size:24px}.layout-tile-head b{flex:1}.layout-toggle{display:flex;flex-direction:row;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.layout-toggle input{width:auto}.layout-size-controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:16px}.layout-size-controls>span{font-size:12px;color:var(--muted);margin-right:4px}.size-chip{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;padding:6px 9px;cursor:pointer}.size-chip.active{background:var(--mint);border-color:var(--mint-deep)}.layout-actions{margin-top:18px}.layout-reset{margin-top:10px}.wallboard-editor-link{margin:12px 0}.tv-grid.wallboard.dynamic-wallboard{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);grid-template-rows:none;align-content:stretch}.dynamic-wallboard .tv-panel{grid-column:span var(--tile-w,1);grid-row:span var(--tile-h,1)}@media(max-width:900px){.layout-editor{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-tile[data-w="3"],.layout-tile[data-w="4"]{grid-column:span 2}}@media(max-width:600px){.layout-editor{grid-template-columns:1fr}.layout-tile{grid-column:span 1!important}.layout-size-controls button[data-size^="2"],.layout-size-controls button[data-size^="3"],.layout-size-controls button[data-size^="4"]{display:none}}

/* 1.2.5 – Rezeptfotos */
.recipe-list-link{display:flex;align-items:center;gap:12px}.recipe-list-link>span:last-child{min-width:0;display:flex;flex-direction:column}.recipe-list-thumb,.recipe-list-placeholder{width:54px;height:54px;flex:0 0 54px;border-radius:14px;object-fit:cover;background:var(--surface-2);border:1px solid var(--border)}.recipe-list-placeholder{display:grid;place-items:center;font-size:24px}.recipe-editor-head{display:grid;grid-template-columns:minmax(180px,260px) 1fr;gap:18px;align-items:center;margin:8px 0 20px}.recipe-hero{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:18px;border:1px solid var(--border);background:var(--surface-2)}.recipe-hero-empty{display:grid;place-items:center;font-size:40px;color:var(--muted)}.recipe-hero-empty small{display:block;font-size:13px}.recipe-photo-fields{display:grid;gap:10px}.recipe-photo-fields small{color:var(--muted)}@media(max-width:700px){.recipe-editor-head{grid-template-columns:1fr}.recipe-hero{max-height:260px}.recipe-list-thumb,.recipe-list-placeholder{width:48px;height:48px;flex-basis:48px}}

/* 1.2.6 – touchfreundliche Rezeptzutaten und universelle Bild-Dropzones */
.recipe-list-link{display:flex!important;flex-direction:row!important;align-items:center!important;gap:14px}.recipe-list-thumb,.recipe-list-placeholder{width:64px;height:64px;flex:0 0 64px}.recipe-list-link>span:last-child{flex:1;min-width:0}.recipe-list-link b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.upload-dropzone{position:relative;border:2px dashed color-mix(in srgb,var(--mint-deep) 48%,var(--border));border-radius:18px;background:color-mix(in srgb,var(--surface2) 76%,transparent);transition:.18s ease;overflow:hidden}.upload-dropzone:hover,.upload-dropzone.dragover{border-color:var(--mint-deep);background:color-mix(in srgb,var(--mint) 32%,var(--surface));transform:translateY(-1px)}.upload-dropzone input[type=file]{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none}.upload-dropzone label{min-height:128px;margin:0;padding:18px;display:grid;place-items:center;align-content:center;text-align:center;gap:5px;cursor:pointer}.upload-dropzone label strong{font-size:15px}.upload-dropzone label span,.upload-dropzone label small{color:var(--muted)}.upload-dropzone.compact label{min-height:94px;padding:12px}.upload-dropzone.has-file{border-style:solid;border-color:var(--mint-deep)}.upload-dropzone.has-file label strong::after{content:" ✓"}
.ingredient-editor{margin:14px 0 18px}.ingredient-editor-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:10px}.ingredient-editor-head>div{display:flex;flex-direction:column;gap:3px}.ingredient-editor-head small{color:var(--muted)}.ingredient-rows{display:grid;gap:8px}.ingredient-row{display:grid;grid-template-columns:minmax(90px,.65fr) minmax(105px,.8fr) minmax(180px,2fr) 42px;gap:8px;align-items:end;padding:10px;border:1px solid var(--border);border-radius:15px;background:var(--surface2)}.ingredient-row label{margin:0}.ingredient-remove{width:42px;height:42px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--danger);font-size:24px;cursor:pointer}.ingredient-remove:hover{background:color-mix(in srgb,var(--danger) 10%,var(--surface))}
@media(max-width:700px){.recipe-list-thumb,.recipe-list-placeholder{width:58px;height:58px;flex-basis:58px}.ingredient-editor-head{align-items:stretch;flex-direction:column}.ingredient-editor-head .btn{align-self:flex-start}.ingredient-row{grid-template-columns:minmax(0,.8fr) minmax(0,1fr) 42px}.ingredient-row label:nth-child(3){grid-column:1/3}.ingredient-row .ingredient-remove{grid-column:3;grid-row:1/3;height:100%}.upload-dropzone label{min-height:110px}}

/* 1.2.7 recipe list + actions */
.recipe-list-link{display:grid!important;grid-template-columns:72px minmax(0,1fr)!important;align-items:center!important;gap:14px!important;flex-direction:unset!important}
.recipe-list-media{width:72px;height:72px;display:block;min-width:72px}
.recipe-list-thumb,.recipe-list-placeholder{display:block;width:72px!important;height:72px!important;max-width:72px!important;max-height:72px!important;object-fit:cover;border-radius:16px}
.recipe-list-placeholder{display:grid!important;place-items:center;font-size:28px}
.recipe-list-copy{display:flex!important;flex-direction:column!important;justify-content:center;min-width:0}
.recipe-list-copy b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.recipe-actions{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}
.recipe-actions form{margin:0}
@media(max-width:700px){.recipe-list-link{grid-template-columns:64px minmax(0,1fr)!important}.recipe-list-media,.recipe-list-thumb,.recipe-list-placeholder{width:64px!important;height:64px!important;min-width:64px!important;max-width:64px!important}.recipe-actions{align-items:stretch}.recipe-actions form,.recipe-actions .btn{width:100%}}

/* 1.2.9 – recipes layout polish */
.recipes-layout > .card:first-child .recipe-list-link{display:grid!important;grid-template-columns:76px minmax(0,1fr)!important;grid-template-rows:76px!important;align-items:center!important;gap:14px!important}
.recipes-layout > .card:first-child .recipe-list-media{grid-column:1;grid-row:1;width:76px!important;height:76px!important;min-width:76px!important}
.recipes-layout > .card:first-child .recipe-list-thumb,.recipes-layout > .card:first-child .recipe-list-placeholder{width:76px!important;height:76px!important;max-width:76px!important;max-height:76px!important;margin:0!important}
.recipes-layout > .card:first-child .recipe-list-copy{grid-column:2;grid-row:1;align-self:center!important}
.recipe-new-btn{min-width:96px;justify-content:center}
.recipe-actions{justify-content:flex-start!important;flex-wrap:wrap!important;gap:10px!important}
.recipe-actions form{display:inline-flex!important;width:auto!important;margin:0!important}
.recipe-actions .btn{width:auto!important;white-space:nowrap}
@media(max-width:700px){.recipes-layout > .card:first-child .recipe-list-link{grid-template-columns:68px minmax(0,1fr)!important;grid-template-rows:68px!important}.recipes-layout > .card:first-child .recipe-list-media,.recipes-layout > .card:first-child .recipe-list-thumb,.recipes-layout > .card:first-child .recipe-list-placeholder{width:68px!important;height:68px!important;min-width:68px!important;max-width:68px!important}.recipe-actions{display:flex!important;overflow-x:auto;flex-wrap:nowrap!important;padding-bottom:4px}.recipe-actions form{flex:0 0 auto!important}.recipe-actions .btn{width:auto!important}}
/* 1.2.9 – explicit drag target feedback */
.upload-dropzone.dragover{outline:3px solid color-mix(in srgb,var(--mint-deep) 55%,transparent);outline-offset:3px}

/* 1.3.0 – isolated, unmistakable native file dropzones */
.upload-dropzone.dropzone-ready{border-width:2px;border-style:dashed;}
.upload-dropzone.dropzone-ready::after{content:"Drag & Drop";position:absolute;right:10px;top:8px;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);opacity:.55;pointer-events:none;}
.upload-dropzone.dropzone-ready.dragover{border-color:var(--mint-deep)!important;background:color-mix(in srgb,var(--mint) 45%,var(--surface))!important;box-shadow:0 0 0 5px color-mix(in srgb,var(--mint-deep) 20%,transparent),0 12px 32px rgba(0,0,0,.12);transform:scale(1.01);}
.upload-dropzone.dropzone-ready.dragover::after{content:"Loslassen zum Hochladen";color:var(--mint-deep);opacity:1;}
\n/* 1.3.1 – Bilderrahmen löschen */\n.photo-item{position:relative;overflow:hidden}\n.photo-delete-form{position:absolute;top:10px;right:10px;margin:0;z-index:2}\n.photo-delete-btn{width:34px;height:34px;border:1px solid color-mix(in srgb,var(--danger) 45%,var(--border));border-radius:11px;background:color-mix(in srgb,var(--surface) 88%,transparent);color:var(--danger);font-size:22px;line-height:1;display:grid;place-items:center;backdrop-filter:blur(10px);box-shadow:var(--shadow)}\n.photo-delete-btn:hover{background:color-mix(in srgb,var(--danger) 14%,var(--surface));border-color:var(--danger)}\n

/* 1.3.2 – automatischer Bilderrahmen pro Benutzer/Gerät */
.setting-switch{display:flex!important;flex-direction:row!important;align-items:center;justify-content:space-between;gap:18px;padding:14px 16px;border:1px solid var(--border);border-radius:16px;background:var(--surface2)}
.setting-switch>span{display:flex;flex-direction:column;gap:3px}.setting-switch small{color:var(--muted)}.setting-switch input[type=checkbox]{width:22px;height:22px;flex:0 0 auto}
.idle-photo-frame{position:fixed;inset:0;z-index:10000;background:#050505;display:grid;place-items:center;overflow:hidden;opacity:0;transition:opacity .22s ease;cursor:pointer;touch-action:manipulation}
.idle-photo-frame[hidden]{display:none}.idle-photo-frame.show{opacity:1}
.idle-photo-frame::before{content:"";position:absolute;inset:-30px;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.06),transparent 62%);pointer-events:none}
.idle-photo-frame img{position:relative;width:100%;height:100%;object-fit:contain;transition:opacity .18s ease,transform 12s ease;transform:scale(1.01);user-select:none;-webkit-user-drag:none}
.idle-photo-frame img.changing{opacity:.18}.idle-photo-frame.show img{transform:scale(1.025)}
.idle-photo-caption{position:absolute;left:50%;bottom:34px;transform:translateX(-50%);max-width:min(80vw,760px);padding:9px 15px;border-radius:999px;background:rgba(0,0,0,.55);color:#fff;font-size:14px;text-align:center;backdrop-filter:blur(12px)}
.idle-photo-hint{position:absolute;right:18px;top:16px;padding:7px 11px;border-radius:999px;background:rgba(0,0,0,.4);color:rgba(255,255,255,.68);font-size:11px;opacity:.78}
@media(max-width:700px){.idle-photo-caption{bottom:20px;font-size:13px}.idle-photo-hint{right:10px;top:10px}}

.device-admin-copy{min-width:0}.device-frame-inline{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:9px}.device-frame-inline label{display:flex;flex-direction:row;align-items:center;gap:6px;margin:0;font-size:12px;color:var(--muted)}.device-frame-inline label input{width:auto}.device-frame-inline select{width:auto;min-width:82px;padding:7px 9px}.compact-btn{padding:7px 10px;font-size:12px}

/* 1.3.3 – Bilderrahmen-Steuerung horizontal im Admin */
.device-frame-inline{display:grid!important;grid-template-columns:auto minmax(82px,auto) minmax(82px,auto) auto;align-items:center;gap:8px;max-width:max-content}.device-frame-inline select{min-width:90px}.device-frame-inline .compact-btn{white-space:nowrap}@media(max-width:760px){.device-frame-inline{grid-template-columns:1fr 1fr;max-width:100%}.device-frame-inline label{grid-column:1/-1}.device-frame-inline .compact-btn{width:100%}}


/* 1.3.4 – eingebettetes Moode-Musikmodul */
.integration-box{margin:14px 0;padding:14px;border:1px solid var(--border);border-radius:16px;background:var(--surface2)}
.integration-box h4{margin:0 0 10px}.integration-box>small{display:block;color:var(--muted);line-height:1.45;margin-top:8px}
.music-shell{padding:0;overflow:hidden;height:calc(100vh - 126px);min-height:560px;display:flex;flex-direction:column}
.music-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border-bottom:1px solid var(--border);background:var(--surface);flex:0 0 auto}
.music-toolbar-copy{display:flex;align-items:center;gap:12px;min-width:0}.music-toolbar-copy>div{display:flex;flex-direction:column;min-width:0}.music-toolbar-copy small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:55vw}.music-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--lilac);font-size:22px;font-weight:900}
.music-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.music-frame-wrap{position:relative;flex:1;min-height:0}.music-frame{width:100%;height:100%;min-height:480px;border:0;background:#111;display:block;flex:1}
.music-frame-help{position:absolute;right:12px;bottom:12px;display:flex;gap:10px;align-items:center;padding:8px 10px;border-radius:12px;background:color-mix(in srgb,var(--surface) 90%,transparent);border:1px solid var(--border);font-size:12px;color:var(--muted);backdrop-filter:blur(10px)}.music-frame-help a{font-weight:800}.music-empty{margin:auto;text-align:center;padding:32px}.music-warning{margin:12px 12px 0}
@media(max-width:780px){.music-shell{height:calc(100dvh - 98px);min-height:480px;border-radius:18px}.music-toolbar{align-items:flex-start}.music-toolbar-copy small{max-width:42vw}.music-actions .btn{padding:9px 10px}.music-frame-help{left:10px;right:10px;justify-content:space-between}.music-frame{min-height:420px}}

/* 1.3.7 – Backup & Disaster Recovery */
.backup-grid{align-items:start}.backup-list{display:grid;gap:10px;margin-top:14px}.backup-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft)}.backup-row>div:first-child{display:grid;gap:4px;min-width:0}.backup-row b{overflow-wrap:anywhere}.backup-row small{color:var(--muted)}.backup-settings-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;align-items:end}.backup-settings-grid .span-2{grid-column:span 2}.inline-form{display:inline-flex;margin-top:10px}.auth-card .dr-divider{display:flex;align-items:center;gap:12px;margin:22px 0;color:var(--muted)}.auth-card .dr-divider:before,.auth-card .dr-divider:after{content:"";height:1px;flex:1;background:var(--line)}
@media(max-width:900px){.backup-row{align-items:flex-start;flex-direction:column}.backup-settings-grid{grid-template-columns:1fr 1fr}.backup-settings-grid .span-2{grid-column:1/-1}}
@media(max-width:620px){.backup-settings-grid{grid-template-columns:1fr}.backup-settings-grid .span-2{grid-column:auto}.backup-row .row-actions{width:100%;overflow-x:auto;flex-wrap:nowrap}}

/* 1.3.7 – Backup-Layout horizontal und Bilderrahmen vollständig einpassen */
.backup-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:18px!important;
  align-items:start;
}
.backup-grid>section.card{min-width:0}
.backup-grid>section.card.span-2{grid-column:1/-1!important}
.backup-settings-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(150px,1fr))!important;
  gap:12px!important;
  align-items:end!important;
}
.backup-settings-grid>label,.backup-settings-grid>.row-actions{min-width:0}
@media(max-width:1050px){
  .backup-grid{grid-template-columns:1fr!important}
  .backup-grid>section.card.span-2{grid-column:auto!important}
  .backup-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .backup-settings-grid .span-2{grid-column:1/-1!important}
}
@media(max-width:620px){
  .backup-settings-grid{grid-template-columns:1fr!important}
  .backup-settings-grid .span-2{grid-column:auto!important}
}

.idle-photo-frame{padding:0!important}
.idle-photo-frame img{
  position:relative;
  width:auto!important;
  height:auto!important;
  max-width:100vw!important;
  max-height:100vh!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
  transition:opacity .18s ease!important;
}
.idle-photo-frame.show img{transform:none!important}

/* 1.3.7 – Automatische Backups exakt ausgerichtet */
.backup-settings-aligned{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  align-items:start!important;
  column-gap:14px!important;
  row-gap:14px!important;
}
.backup-settings-aligned .backup-setting-field{
  display:grid!important;
  grid-template-rows:22px 44px 18px!important;
  gap:6px!important;
  align-content:start!important;
  min-width:0!important;
  margin:0!important;
}
.backup-settings-aligned .backup-setting-label{
  display:flex;
  align-items:flex-end;
  min-height:22px;
  font-size:13px;
  font-weight:700;
  color:var(--muted);
  line-height:1.1;
}
.backup-settings-aligned input[type="number"],
.backup-settings-aligned input[type="text"],
.backup-settings-aligned input:not([type]),
.backup-settings-aligned select,
.backup-settings-aligned .backup-toggle-control,
.backup-settings-aligned .btn{
  height:44px!important;
  min-height:44px!important;
  box-sizing:border-box!important;
  margin:0!important;
}
.backup-settings-aligned .backup-toggle-control{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  padding:0 12px!important;
  border:1px solid var(--border)!important;
  border-radius:12px!important;
  background:var(--surface2)!important;
  width:100%!important;
}
.backup-settings-aligned .backup-toggle-control input{width:auto!important;margin:0!important}
.backup-settings-aligned small{height:18px;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted)}
.backup-settings-aligned .span-3{grid-column:span 3!important}
.backup-settings-aligned .backup-setting-action .btn{width:100%;align-self:start}
.backup-test-form{display:flex!important;margin-top:10px!important}
@media(max-width:1050px){
  .backup-settings-aligned{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .backup-settings-aligned .span-3{grid-column:1/-1!important}
}
@media(max-width:620px){
  .backup-settings-aligned{grid-template-columns:1fr!important}
  .backup-settings-aligned .span-3{grid-column:auto!important}
}

/* FamilyHub 1.4.0 – Fully Kiosk tab navigation */
.fully-nav-card{margin-bottom:16px}.fully-nav-tiles{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:12px}.fully-nav-tile{appearance:none;border:1px solid var(--border);background:var(--surface2);color:var(--text);border-radius:18px;min-height:104px;padding:14px;display:grid;grid-template-columns:46px 1fr;grid-template-rows:1fr 1fr;column-gap:12px;text-align:left;align-items:center;cursor:pointer}.fully-nav-tile>span{grid-row:1/3;width:46px;height:46px;display:grid;place-items:center;border-radius:15px;background:var(--mint);font-size:24px}.fully-nav-tile>b{align-self:end;font-size:16px}.fully-nav-tile>small{align-self:start;color:var(--muted)}.fully-nav-tile:hover,.fully-nav-tile.active{outline:2px solid var(--mint-deep);background:color-mix(in srgb,var(--mint) 28%,var(--surface))}.fully-status{font-size:12px;color:var(--muted)}.fully-status.ok{color:var(--mint-deep);font-weight:800}.fully-nav-help{margin:12px 0 0;color:var(--muted);font-size:12px}.fully-unavailable{border-style:dashed}.fully-settings-grid{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:10px;align-items:end}.soft-rule{border:0;border-top:1px solid var(--border);margin:22px 0}.compact-lead{font-size:13px}@media(max-width:780px){.fully-nav-tiles{grid-template-columns:1fr}.fully-nav-tile{min-height:76px}.fully-settings-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.fully-settings-grid{grid-template-columns:1fr}}

/* FamilyHub 1.9.37 – Fully navigation lives in the sidebar */
.fully-sidebar-nav{display:flex;flex-direction:column;gap:5px}.fully-sidebar-separator{height:1px;background:var(--border);margin:8px 10px}.fully-sidebar-item{width:100%;border:0;background:transparent;text-align:left}.fully-sidebar-item.active{background:var(--surface2);color:var(--text);box-shadow:inset 3px 0 0 var(--mint-deep)}@media(min-width:781px){html[data-sidebar=collapsed] .fully-sidebar-item{justify-content:center;padding-left:10px;padding-right:10px;gap:0}html[data-sidebar=collapsed] .fully-sidebar-separator{margin-left:6px;margin-right:6px}}

/* FamilyHub 1.9.37 – independent scroll area for the sidebar navigation */
.sidebar{overflow:hidden}
.sidebar nav{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:2px}
.sidebar-bottom{flex:0 0 auto;margin-top:8px;background:inherit}
.sidebar nav::-webkit-scrollbar{width:7px}
.sidebar nav::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--muted) 35%,transparent);border-radius:99px}
.sidebar nav::-webkit-scrollbar-track{background:transparent}
@media(max-width:780px){.sidebar{height:100dvh;max-height:100dvh}.sidebar nav{-webkit-overflow-scrolling:touch}}


/* FamilyHub 1.9.37: Sidebar remains scrollable but scrollbar is visually hidden. */
.sidebar,
.sidebar-nav,
.sidebar-scroll,
.app-sidebar,
nav.sidebar,
aside.sidebar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.sidebar::-webkit-scrollbar,
.sidebar-nav::-webkit-scrollbar,
.sidebar-scroll::-webkit-scrollbar,
.app-sidebar::-webkit-scrollbar,
nav.sidebar::-webkit-scrollbar,
aside.sidebar::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}


/* FamilyHub 1.9.37: Hide sidebar scrollbar in Android/Fire OS/Fully WebView while preserving scrolling. */
.sidebar,
.sidebar-nav,
.sidebar-scroll,
.app-sidebar,
nav.sidebar,
aside.sidebar {
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

.sidebar::-webkit-scrollbar,
.sidebar-nav::-webkit-scrollbar,
.sidebar-scroll::-webkit-scrollbar,
.app-sidebar::-webkit-scrollbar,
nav.sidebar::-webkit-scrollbar,
aside.sidebar::-webkit-scrollbar {
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  height: 0 !important;
  background: transparent !important;
  display: none !important;
}

.sidebar::-webkit-scrollbar-track,
.sidebar-nav::-webkit-scrollbar-track,
.sidebar-scroll::-webkit-scrollbar-track,
.app-sidebar::-webkit-scrollbar-track {
  background: transparent !important;
}

.sidebar::-webkit-scrollbar-thumb,
.sidebar-nav::-webkit-scrollbar-thumb,
.sidebar-scroll::-webkit-scrollbar-thumb,
.app-sidebar::-webkit-scrollbar-thumb {
  background: transparent !important;
  border: 0 !important;
}

/* FamilyHub 1.9.37: per-device sidebar module selector */
.device-module-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:12px 0;
}
.device-module-choice{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:44px;
  padding:10px 12px;
  border:1px solid var(--border);
  border-radius:14px;
  background:var(--surface-2,rgba(255,255,255,.3));
  cursor:pointer;
}
.device-module-choice input{margin:0;flex:0 0 auto}
.device-module-choice span{font-weight:600}
@media (max-width:900px){.device-module-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:560px){.device-module-grid{grid-template-columns:1fr;}}


/* FamilyHub 1.9.37 hotfix:
   A hidden idle photo frame must not remain as a transparent full-screen touch layer.
   Some Android/Fire OS WebViews let author display:grid override the UA [hidden] rule. */
.idle-photo-frame[hidden] {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
.idle-photo-frame:not([hidden]) {
  pointer-events: auto;
}


/* FamilyHub 1.9.37: div-based modal system for Android/Fire OS/Fully WebView. */
.fh-modal[hidden]{
  display:none !important;
}
.fh-modal{
  position:fixed;
  inset:0;
  z-index:12000;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
  background:rgba(8,12,20,.48);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  overflow:auto;
  overscroll-behavior:contain;
}
.fh-modal > form{
  width:min(720px,100%);
  max-height:calc(100dvh - 40px);
  overflow:auto;
  margin:auto;
  padding:22px;
  border:1px solid var(--border);
  border-radius:24px;
  background:var(--surface);
  box-shadow:var(--shadow);
}
.fh-modal input:not([type="hidden"]),
.fh-modal textarea,
.fh-modal select{
  pointer-events:auto !important;
  touch-action:manipulation;
}
html.modal-open,
html.modal-open body{
  overflow:hidden;
}
@media (max-width:640px){
  .fh-modal{
    align-items:flex-end;
    padding:10px;
  }
  .fh-modal > form{
    width:100%;
    max-height:92dvh;
    border-radius:22px 22px 14px 14px;
  }
}

/* FamilyHub 1.9.37 */
.task-credit-select{min-width:150px;max-width:220px;height:36px;margin-right:8px;font-size:.9rem}
@media (max-width:640px){.task-credit-select{min-width:130px;max-width:170px}}


/* FamilyHub 1.9.37: family day task board */
.family-task-board{
  display:grid;
  grid-template-columns:repeat(var(--member-count),minmax(260px,1fr));
  gap:14px;
  align-items:start;
  overflow-x:auto;
  padding-bottom:8px;
}
.family-task-column{
  min-width:260px;
  border:1px solid var(--border);
  border-radius:22px;
  background:var(--surface);
  overflow:hidden;
}
.family-task-column-head{
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 16px;
  border-bottom:1px solid var(--border);
  background:color-mix(in srgb,var(--member-color) 14%,var(--surface));
}
.family-task-column-head h3{margin:0}
.member-mini-avatar{
  width:38px;
  height:38px;
  border-radius:50%;
  overflow:hidden;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  background:var(--member-color);
  color:#111;
  font-weight:800;
}
.member-mini-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.family-task-list{padding:12px;display:grid;gap:10px}
.family-task-card{margin:0}
.family-task-card.done{
  opacity:.72;
  background:color-mix(in srgb,var(--surface) 82%,var(--border));
}
.family-task-card.done h3{text-decoration:line-through}
.task-toggle-form{display:flex;align-items:flex-start}
.check.checked{background:var(--mint);border-color:var(--mint-deep)}
.compact-empty{padding:16px 10px}
@media (max-width:900px){
  .family-task-board{
    grid-template-columns:repeat(var(--member-count),minmax(240px,82vw));
    scroll-snap-type:x proximity;
  }
  .family-task-column{scroll-snap-align:start}
}


/* FamilyHub 1.9.37: calendar week/month views */
.calendar-settings-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.calendar-heading-group{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:14px;
}
.calendar-view-switch{
  display:inline-flex;
  padding:3px;
  border:1px solid var(--border);
  border-radius:999px;
  background:var(--surface-2,rgba(255,255,255,.28));
}
.calendar-view-switch a{
  padding:7px 13px;
  border-radius:999px;
  color:var(--muted);
  text-decoration:none;
  font-weight:700;
  font-size:.9rem;
}
.calendar-view-switch a.active{
  background:var(--surface);
  color:var(--text);
  box-shadow:0 2px 9px rgba(0,0,0,.08);
}
.calendar-week{
  display:grid;
  grid-template-columns:repeat(7,minmax(150px,1fr));
  gap:10px;
  overflow-x:auto;
  padding-bottom:8px;
}
.calendar-week-day{
  min-width:150px;
  min-height:430px;
  border:1px solid var(--border);
  border-radius:20px;
  background:var(--surface);
  overflow:hidden;
}
.calendar-week-day.today{
  outline:2px solid var(--mint-deep);
  outline-offset:-2px;
}
.calendar-week-day > header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:12px 14px;
  border-bottom:1px solid var(--border);
  background:var(--surface-2,rgba(255,255,255,.25));
}
.calendar-week-events{
  display:grid;
  gap:8px;
  padding:10px;
}
.calendar-week-event{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:9px;
  padding:10px;
  border-left:4px solid var(--member);
  border-radius:12px;
  background:color-mix(in srgb,var(--member) 13%,var(--surface));
}
.calendar-week-event time{
  font-weight:800;
  font-size:.85rem;
}
.calendar-week-event div{
  display:grid;
  gap:2px;
}
.calendar-week-event small{
  color:var(--muted);
}
@media(max-width:700px){
  .calendar-settings-grid{grid-template-columns:1fr}
  .calendar-week{
    grid-template-columns:repeat(7,minmax(78vw,1fr));
    scroll-snap-type:x proximity;
  }
  .calendar-week-day{
    min-width:78vw;
    scroll-snap-align:start;
    min-height:320px;
  }
}

/* FamilyHub 1.9.37: task score / missed state */
.task-score{display:flex;flex-direction:column;gap:4px;align-items:flex-end}
.task-score .penalty{font-weight:800;color:#b55b67;white-space:nowrap}
.family-task-card.missed{opacity:.76;background:color-mix(in srgb,#c96c78 10%,var(--surface))}
.family-task-card.missed h3{text-decoration:line-through}
.missed-mark{display:grid;place-items:center;color:#b94d5d;border-color:#d6949d;background:color-mix(in srgb,#d86b79 14%,var(--surface))}

/* FamilyHub 1.9.37: family chat */
.chat-shell{max-width:1100px;margin:0 auto}
.chat-card{background:var(--surface);border:1px solid var(--border);border-radius:26px;box-shadow:var(--shadow);overflow:hidden}
.chat-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 22px;border-bottom:1px solid var(--border)}
.chat-head h2{margin:0}
.chat-head small{color:var(--muted)}
.chat-messages{height:min(62vh,720px);min-height:420px;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:14px;background:color-mix(in srgb,var(--bg) 55%,var(--surface))}
.chat-message{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:end;max-width:78%}
.chat-message.mine{align-self:flex-end;grid-template-columns:minmax(0,1fr) 42px}
.chat-message.mine .chat-avatar{grid-column:2;grid-row:1}
.chat-message.mine .chat-bubble-wrap{grid-column:1;grid-row:1}
.chat-avatar{width:42px;height:42px;border-radius:50%;background:var(--member);overflow:hidden;display:grid;place-items:center;font-weight:850}
.chat-avatar img{width:100%;height:100%;object-fit:cover}
.chat-meta{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;margin:0 5px 5px}
.chat-meta b{color:var(--text)}
.chat-delete{display:inline}
.chat-bubble{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--member);border-radius:17px;padding:11px 13px;box-shadow:0 6px 18px rgba(0,0,0,.05)}
.chat-message.mine .chat-bubble{background:color-mix(in srgb,var(--member) 15%,var(--surface))}
.chat-bubble p{margin:0;white-space:normal;overflow-wrap:anywhere}
.chat-bubble img,.chat-bubble video{display:block;max-width:min(520px,100%);max-height:460px;border-radius:13px;margin-top:8px}
.chat-bubble audio{display:block;width:min(420px,100%);margin-top:8px}
.chat-composer{padding:14px 16px 16px;border-top:1px solid var(--border);background:var(--surface);display:grid;gap:10px}
.chat-composer textarea{resize:vertical;min-height:56px;max-height:180px}
.chat-composer-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.chat-attach{cursor:pointer}
.chat-send{margin-left:auto}
.chat-record-status,.chat-file-status{font-size:12px;color:var(--muted);max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#chat-record-btn.recording{background:color-mix(in srgb,var(--danger) 18%,var(--surface));color:var(--danger)}
.chat-upload-note{color:var(--muted)}
.chat-sender-select{max-width:240px}
@media(max-width:700px){
 .chat-shell{margin:-8px}
 .chat-card{border-radius:18px}
 .chat-messages{height:60vh;min-height:360px;padding:12px}
 .chat-message{max-width:92%;grid-template-columns:34px minmax(0,1fr)}
 .chat-message.mine{grid-template-columns:minmax(0,1fr) 34px}
 .chat-avatar{width:34px;height:34px}
 .chat-composer-actions{align-items:stretch}
 .chat-composer-actions .btn{flex:1 1 auto}
 .chat-send{margin-left:0}
}

/* FamilyHub 1.9.37: chat documents */
.chat-document{
  margin-top:8px;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  padding:10px 12px;
  border:1px solid var(--border);
  border-radius:13px;
  background:var(--surface2);
}
.chat-document-icon{
  width:42px;height:42px;border-radius:11px;
  display:grid;place-items:center;
  background:var(--surface);
  font-size:22px;
}
.chat-document-copy{display:flex;flex-direction:column;min-width:0}
.chat-document-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-document-copy small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-document-action{font-weight:800;color:var(--mint-deep);font-size:.9rem}

/* FamilyHub 1.9.37: file manager */
.nav-item{position:relative}
.nav-badge{
  margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:999px;
  display:inline-grid;place-items:center;background:#d9485f;color:#fff;
  font-size:11px;font-weight:900;line-height:1;box-shadow:0 2px 7px rgba(180,30,50,.32)
}
html[data-sidebar=collapsed] .nav-badge{position:absolute;top:3px;right:3px;min-width:17px;height:17px;padding:0 4px;font-size:9px}
.file-manager{display:grid;gap:18px}
.file-upload-card{padding:20px}
.file-upload-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.file-upload-submit{display:flex;justify-content:flex-end}
.file-list{display:grid;gap:12px}
.family-file-row{
  display:grid;grid-template-columns:68px minmax(0,1fr) auto;gap:16px;align-items:center;
  border-left:4px solid transparent
}
.family-file-row.new{border-left-color:#d9485f}
.family-file-row.done{opacity:.68}
.file-type-icon{
  width:62px;height:62px;border-radius:16px;display:grid;place-items:center;
  background:var(--surface2);border:1px solid var(--border);font-size:12px;font-weight:900;overflow:hidden
}
.family-file-main{min-width:0;display:grid;gap:5px}
.family-file-main h3,.family-file-main p{margin:0}
.family-file-main small{color:var(--muted)}
.family-file-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.file-new-badge{background:#d9485f;color:#fff}
.family-file-actions{display:flex;gap:7px;align-items:center;justify-content:flex-end;flex-wrap:wrap;max-width:520px}
.family-file-actions form{display:inline-flex!important;gap:6px;align-items:center}
.file-inline-form select{min-width:135px}
.file-mail-details{position:relative}
.file-mail-details summary{list-style:none;cursor:pointer}
.file-mail-details summary::-webkit-details-marker{display:none}
.file-mail-details[open] form{
  position:absolute;right:0;top:calc(100% + 7px);z-index:30;width:280px;
  padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:var(--shadow)
}
@media(max-width:900px){
 .family-file-row{grid-template-columns:52px minmax(0,1fr)}
 .file-type-icon{width:48px;height:48px;border-radius:13px}
 .family-file-actions{grid-column:1/-1;justify-content:flex-start;max-width:none}
}
@media(max-width:640px){
 .file-upload-grid{grid-template-columns:1fr}
 .file-upload-grid .span-2{grid-column:auto}
 .family-file-row{padding:14px}
 .family-file-actions .btn{padding:9px 11px}
}

/* FamilyHub 1.9.37: TV chat/files modules */
.tv-chat-row,.tv-file-row{display:grid;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border)}
.tv-chat-row{grid-template-columns:10px minmax(0,1fr) auto}
.tv-chat-row i{width:10px;height:10px;border-radius:50%;background:var(--member)}
.tv-chat-row div,.tv-file-row div{display:flex;flex-direction:column;min-width:0}
.tv-chat-row small,.tv-file-row small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tv-chat-row time{font-size:12px;color:var(--muted)}
.tv-file-row{grid-template-columns:28px minmax(0,1fr)}
.tv-file-row>span{font-size:20px}
.tv-count-badge{display:inline-grid;place-items:center;min-width:23px;height:23px;padding:0 6px;border-radius:999px;background:#d9485f;color:#fff;font-size:12px;vertical-align:middle}


/* FamilyHub 1.9.37: file previews */
.family-file-row{
  grid-template-columns:88px minmax(0,1fr) auto;
}
.file-preview{
  width:82px;
  height:82px;
  border-radius:18px;
  overflow:hidden;
  display:grid;
  place-items:center;
  align-self:start;
  border:1px solid var(--border);
  background:var(--surface2);
  position:relative;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--border) 35%,transparent);
}
.file-preview img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.file-preview-icon{
  width:50px;
  height:50px;
  border-radius:14px;
  display:grid;
  place-items:center;
  font-weight:900;
  font-size:18px;
  background:var(--surface);
  border:1px solid var(--border);
}
.file-preview small{
  position:absolute;
  bottom:5px;
  left:6px;
  right:6px;
  text-align:center;
  font-size:9px;
  font-weight:900;
  letter-spacing:.05em;
  color:var(--muted);
}
.file-preview.pdf .file-preview-icon{font-size:14px}
.file-preview.document .file-preview-icon{font-size:22px}
.file-preview.sheet .file-preview-icon{font-size:22px}
.file-preview.presentation .file-preview-icon{font-size:22px}
.file-preview.archive .file-preview-icon{font-size:12px}
.file-preview.text .file-preview-icon{font-size:11px}
@media(max-width:900px){
  .family-file-row{grid-template-columns:64px minmax(0,1fr)}
  .file-preview{width:58px;height:58px;border-radius:14px}
  .file-preview-icon{width:38px;height:38px;border-radius:11px;font-size:15px}
  .file-preview small{font-size:7px;bottom:3px}
}

/* FamilyHub 1.9.37: system status */
.system-status-strip{display:flex;align-items:center;gap:7px}
.system-status-item{
  display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 10px;
  border:1px solid var(--border);border-radius:999px;background:var(--surface);
  font-size:12px;font-weight:800;color:var(--muted);white-space:nowrap
}
.system-status-icon{
  width:17px;height:17px;border-radius:50%;display:grid;place-items:center;
  font-size:10px;background:var(--surface2);color:var(--muted)
}
.system-status-item.ok .system-status-icon{background:#2d9d6f;color:#fff}
.system-status-item.warn .system-status-icon{background:#d59a2f;color:#fff}
.system-status-item.error .system-status-icon{background:#d9485f;color:#fff}
.system-status-item.presence .system-status-icon{background:var(--blue);color:var(--text)}
@media(max-width:1180px){
 .system-status-label{display:none}
 .system-status-item{width:34px;padding:0;justify-content:center}
}
@media(max-width:760px){
 .system-status-strip{gap:4px}
 .system-status-item{width:30px;height:30px}
 .system-status-icon{width:16px;height:16px}
}

/* FamilyHub 1.9.37: chat replies/reactions */
.chat-reply-quote{
  width:100%;text-align:left;border:0;border-left:3px solid var(--member);
  background:var(--surface2);color:var(--text);border-radius:10px;padding:8px 10px;
  margin-bottom:8px;display:flex;flex-direction:column;gap:2px
}
.chat-reply-quote strong{font-size:12px}
.chat-reply-quote span{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-message-tools{display:flex;align-items:center;gap:8px;margin-top:4px;padding:0 4px}
.chat-reply-btn{font-size:12px}
.chat-reaction-bar{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.chat-reaction-summary{padding:3px 7px;border-radius:999px;background:var(--surface2);border:1px solid var(--border);font-size:12px}
.chat-reaction-picker{display:flex;gap:2px;align-items:center}
.chat-reaction-picker form{display:inline-flex!important;align-items:center;gap:3px}
.chat-reaction-picker select{width:auto;min-width:70px;padding:4px 6px;font-size:11px}
.emoji-btn{font-size:16px;padding:2px 3px}
.chat-reply-composer{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:9px 10px;border:1px solid var(--border);border-left:4px solid var(--mint-deep);
  border-radius:12px;background:var(--surface2)
}
.chat-reply-composer>div{display:flex;flex-direction:column;min-width:0}
.chat-reply-composer small{color:var(--muted)}
.chat-reply-composer span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted)}
.chat-highlight{animation:fh-chat-highlight 1.6s ease}
@keyframes fh-chat-highlight{0%,100%{box-shadow:none}20%,70%{box-shadow:0 0 0 3px color-mix(in srgb,var(--mint-deep) 45%,transparent)}}
@media(max-width:700px){
 .chat-message-tools{align-items:flex-start;flex-direction:column}
 .chat-reaction-picker{flex-wrap:wrap}
}

/* FamilyHub 1.9.37: file manager organization */
.file-filter-card{padding:16px 18px}
.file-filter-grid{display:grid!important;grid-template-columns:minmax(220px,2fr) repeat(5,minmax(125px,1fr));gap:10px;align-items:end}
.file-filter-search{min-width:0}
.file-filter-actions{display:flex;gap:7px;align-items:center;grid-column:1/-1;justify-content:flex-end}
.file-category-admin{margin-top:12px;border-top:1px solid var(--border);padding-top:10px}
.file-category-admin summary,.file-meta-details summary,.file-history summary{cursor:pointer;color:var(--muted);font-weight:750}
.file-category-admin form{display:flex!important;gap:8px;margin-top:8px;max-width:520px}
.file-list-head{display:flex;align-items:center;gap:8px;padding:2px 4px}
.file-work-note{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border-radius:10px;background:var(--yellow);font-size:13px;width:fit-content;max-width:100%}
.file-meta-details,.file-history{margin-top:4px}
.file-meta-form{display:grid!important;grid-template-columns:minmax(150px,220px) minmax(220px,1fr) auto;gap:8px;align-items:end;padding:10px;background:var(--surface2);border-radius:12px}
.file-history-list{display:grid;gap:5px;margin-top:8px;padding:9px 10px;background:var(--surface2);border-radius:12px}
.file-history-list>div{display:grid;grid-template-columns:115px minmax(90px,140px) minmax(0,1fr);gap:8px;font-size:12px}
.file-history-list time,.file-history-list span{color:var(--muted)}
@media(max-width:1250px){
 .file-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .file-filter-search{grid-column:span 2}
}
@media(max-width:760px){
 .file-filter-grid{grid-template-columns:1fr}
 .file-filter-search{grid-column:auto}
 .file-filter-actions{justify-content:flex-start}
 .file-meta-form{grid-template-columns:1fr}
 .file-history-list>div{grid-template-columns:1fr;gap:1px;padding-bottom:6px;border-bottom:1px solid var(--border)}
}

/* FamilyHub 1.9.37: timetable */
.timetable-page{display:grid;gap:18px}
.timetable-toolbar{padding:18px 20px}
.timetable-member-select label{min-width:220px}
.timetable-week-nav{display:flex;align-items:center;gap:10px;margin-top:12px}
.timetable-week-board{
 display:grid;grid-template-columns:repeat(7,minmax(180px,1fr));gap:10px;overflow-x:auto;padding-bottom:5px
}
.timetable-day-column{background:var(--surface);border:1px solid var(--border);border-radius:18px;min-height:300px;overflow:hidden}
.timetable-day-column.today{box-shadow:inset 0 0 0 2px var(--mint-deep)}
.timetable-day-column>header{display:flex;justify-content:space-between;gap:8px;padding:12px 13px;background:var(--surface2);border-bottom:1px solid var(--border)}
.timetable-day-column>header span{color:var(--muted)}
.timetable-day-entries{display:grid;gap:8px;padding:9px}
.timetable-entry{position:relative;padding:10px 10px 10px 13px;border-radius:13px;background:color-mix(in srgb,var(--entry) 18%,var(--surface2));border:1px solid color-mix(in srgb,var(--entry) 40%,var(--border));display:grid;gap:3px}
.timetable-entry:before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:4px;border-radius:0 4px 4px 0;background:var(--entry)}
.timetable-entry time{font-size:11px;font-weight:850;color:var(--muted)}
.timetable-entry strong{font-size:14px}
.timetable-entry small{font-size:11px;color:var(--muted)}
.timetable-entry .badge{justify-self:start;margin-top:2px}
.timetable-settings-grid{align-items:start}
.timetable-entry-form{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:end}
.timetable-entry-form .span-2{grid-column:span 2}
.timetable-entry-list{display:grid;gap:7px;max-height:520px;overflow:auto}
.timetable-entry-list>div{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px;border-bottom:1px solid var(--border)}
.timetable-entry-list small{display:block;color:var(--muted)}
@media(max-width:1100px){.timetable-entry-form{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
 .timetable-entry-form{grid-template-columns:1fr}
 .timetable-entry-form .span-2{grid-column:auto}
 .timetable-week-board{grid-template-columns:repeat(7,82vw)}
 .timetable-member-select label{min-width:0}
 .timetable-week-nav{flex-wrap:wrap}
}

/* FamilyHub 1.9.37: admin task management */
.admin-task-list{display:grid;gap:9px}
.admin-task-item{border:1px solid var(--border);border-radius:15px;background:var(--surface2);overflow:hidden}
.admin-task-item>summary{display:grid;grid-template-columns:auto minmax(180px,1.5fr) minmax(90px,.7fr) minmax(130px,.8fr) auto;gap:10px;align-items:center;padding:12px 14px;cursor:pointer;list-style:none}
.admin-task-item>summary::-webkit-details-marker{display:none}
.admin-task-item[open]>summary{border-bottom:1px solid var(--border)}
.admin-task-edit-form{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:14px;align-items:end}
.admin-task-description{grid-column:span 4}
.admin-task-meta{grid-column:span 3;color:var(--muted);font-size:12px;align-self:center}
.admin-task-actions{display:flex;justify-content:flex-end}
.admin-task-delete-form{display:flex!important;justify-content:flex-end;padding:0 14px 14px}
.task-description{margin:.25rem 0;color:var(--muted);font-size:13px}
@media(max-width:1100px){
 .admin-task-item>summary{grid-template-columns:auto minmax(160px,1fr) auto}
 .admin-task-item>summary span:nth-of-type(2),.admin-task-item>summary span:nth-of-type(3){display:none}
 .admin-task-edit-form{grid-template-columns:repeat(2,minmax(0,1fr))}
 .admin-task-description,.admin-task-meta{grid-column:span 2}
}
@media(max-width:650px){
 .admin-task-item>summary{grid-template-columns:auto minmax(0,1fr) auto}
 .admin-task-edit-form{grid-template-columns:1fr}
 .admin-task-description,.admin-task-meta{grid-column:auto}
 .admin-task-actions,.admin-task-delete-form{justify-content:stretch}
 .admin-task-actions .btn,.admin-task-delete-form .btn{width:100%}
}

/* FamilyHub 1.9.37: profile password/security */
.profile-password-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.profile-password-panel{padding:16px;border:1px solid var(--border);border-radius:16px;background:var(--surface2)}
.profile-password-panel h4{margin:0 0 6px}
.profile-password-panel.reset{border-style:dashed}
.badge.security-ok{background:color-mix(in srgb,#2d9d6f 18%,var(--surface2));color:#2d9d6f;border-color:color-mix(in srgb,#2d9d6f 35%,var(--border))}
@media(max-width:760px){.profile-password-grid{grid-template-columns:1fr}}

/* FamilyHub 1.9.37: mobile PWA shell */
.mobile-bottom-nav{display:none}
.pwa-onboarding{
 position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:90;width:min(760px,calc(100% - 28px));
 background:color-mix(in srgb,var(--surface) 96%,transparent);border:1px solid var(--border);box-shadow:0 22px 70px rgba(0,0,0,.28);
 border-radius:20px;padding:14px;display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;backdrop-filter:blur(18px)
}
.pwa-onboarding[hidden]{display:none!important}
.pwa-onboarding-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--mint),var(--blue));color:#17332c;font-weight:950}
.pwa-onboarding-copy>div{display:flex;flex-direction:column;gap:3px}.pwa-onboarding-copy span{color:var(--muted);font-size:13px}
.pwa-onboarding-actions{display:flex;align-items:center;gap:6px}
.push-status-box{margin-top:12px;padding:12px 14px;border-radius:12px;background:var(--surface2);color:var(--muted)}
.push-state.ok{background:color-mix(in srgb,#2d9d6f 18%,var(--surface2));color:#2d9d6f}
.push-state.warn{background:var(--yellow);color:var(--text)}
.push-state.error{background:color-mix(in srgb,var(--danger) 18%,var(--surface2));color:var(--danger)}

@media(max-width:760px){
 body{padding-bottom:76px}
 .app-shell{display:block}
 .sidebar{position:fixed;left:0;top:0;bottom:0;transform:translateX(-105%);transition:transform .2s ease;width:min(86vw,330px);height:100vh;z-index:80;box-shadow:20px 0 60px rgba(0,0,0,.32)}
 .sidebar.open{transform:translateX(0)}
 .main{width:100%}
 .topbar{height:62px;padding:0 12px;position:sticky}
 .topbar h1{font-size:17px;max-width:42vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .topbar .menu-btn{display:none!important}
 .family-avatar-strip,.system-status-strip,.header-version{display:none!important}
 .top-actions{gap:6px}.user-chip{padding:7px 9px}.user-chip-name{max-width:90px;overflow:hidden;text-overflow:ellipsis}
 .content{padding:14px 12px 30px}
 .hero{padding:18px;border-radius:20px;align-items:flex-start}.hero-clock{font-size:36px;letter-spacing:-2px}
 .dashboard-grid,.settings-grid{grid-template-columns:1fr!important}.span-2{grid-column:auto!important}
 .card{padding:15px;border-radius:18px}
 .mobile-bottom-nav{
   position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:0;right:0;bottom:0;z-index:70;
   padding:7px max(8px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));
   background:color-mix(in srgb,var(--surface) 95%,transparent);border-top:1px solid var(--border);backdrop-filter:blur(18px)
 }
 .mobile-bottom-nav a,.mobile-bottom-nav button{border:0;background:none;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px;font-weight:750;min-width:0}
 .mobile-bottom-nav a.active{color:var(--mint-deep)}
 .mobile-bottom-nav span{font-size:20px;line-height:22px;position:relative}.mobile-bottom-nav small{font-size:10px}
 .mobile-nav-icon-wrap b{position:absolute;right:-12px;top:-6px;min-width:17px;height:17px;padding:0 4px;border-radius:99px;background:var(--danger);color:white;font-size:9px;display:grid;place-items:center}
 .pwa-onboarding{bottom:84px;grid-template-columns:42px minmax(0,1fr);padding:12px}
 .pwa-onboarding-icon{width:42px;height:42px}
 .pwa-onboarding-actions{grid-column:1/-1;justify-content:flex-end}
 .chat-shell{min-height:calc(100vh - 150px)}
}
@media(max-width:430px){
 .hero p:not(.eyebrow){display:none}.hero-clock{font-size:31px}
 .pwa-onboarding-copy span{font-size:12px}
}

/* FamilyHub 1.9.37: app logo */
.brand-logo{padding:0!important;overflow:hidden;background:none!important;box-shadow:none!important}
.brand-logo img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.auth-logo{width:72px;height:72px;border-radius:22px;margin:0 auto 10px}
.pwa-onboarding-icon{padding:0!important;overflow:hidden;background:none!important}
.pwa-onboarding-icon img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}

/* FamilyHub 1.9.37: true mobile calendar */
.calendar-mobile-agenda{display:none}
@media(max-width:760px){
 .calendar-topbar{align-items:flex-start;gap:10px;flex-direction:column}
 .calendar-heading-group{width:100%}
 .month-nav{width:100%;justify-content:space-between}
 .month-nav h2{min-width:0;flex:1;font-size:18px}
 .calendar-view-switch{width:100%;display:grid;grid-template-columns:1fr 1fr}
 .calendar-view-switch a{text-align:center}
 .calendar-month{display:none!important;min-width:0!important}
 .calendar-mobile-agenda{display:grid;gap:10px}
 .calendar-mobile-day{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden}
 .calendar-mobile-day.today{box-shadow:inset 0 0 0 2px var(--mint-deep)}
 .calendar-mobile-day>header{display:flex;justify-content:space-between;align-items:center;padding:11px 13px;background:var(--surface2);border-bottom:1px solid var(--border)}
 .calendar-mobile-events{display:grid;gap:7px;padding:9px}
 .calendar-week{display:grid!important;grid-template-columns:1fr!important;gap:10px;overflow:visible!important}
 .calendar-week-day{min-width:0!important}
 .calendar-week-day header{position:static}
}

/* FamilyHub 1.9.37: trusted PWA login */
.pwa-login-notice{text-align:left;margin:2px 0 0}
.trusted-pwa-list{display:grid;gap:8px}
.trusted-pwa-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 12px;background:var(--surface2);border:1px solid var(--border);border-radius:14px}
.trusted-pwa-row>div{display:flex;flex-direction:column;gap:2px}.trusted-pwa-row small{color:var(--muted)}
.trusted-pwa-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:var(--blue)}
.trusted-pwa-revoke-all{display:flex!important;align-items:flex-end;margin-top:10px}
@media(max-width:650px){.trusted-pwa-row{grid-template-columns:36px minmax(0,1fr)}.trusted-pwa-row form{grid-column:1/-1}.trusted-pwa-row form .btn{width:100%}}

/* FamilyHub 1.9.37: editable calendar events */
.event-edit-trigger{appearance:none;border:0;color:inherit;text-align:left;cursor:pointer}
.event-pill.event-edit-trigger{width:100%}
.calendar-week-event.event-edit-trigger{width:100%;font:inherit}
.event-edit-trigger:hover{filter:brightness(1.03);box-shadow:0 0 0 2px color-mix(in srgb,var(--mint-deep) 22%,transparent)}
.event-delete-form{margin-top:10px}

/* FamilyHub 1.9.37: centered modal regression fix */
.fh-modal{
  align-items:center !important;
  justify-content:center !important;
  padding:20px !important;
}
.fh-modal > .fh-modal-panel{
  width:min(720px,100%);
  max-height:calc(100dvh - 40px);
  overflow:auto;
  margin:auto;
  padding:22px;
  border:1px solid var(--border);
  border-radius:24px;
  background:var(--surface);
  box-shadow:var(--shadow);
}
.fh-modal > .fh-modal-panel > form{
  display:flex;
  flex-direction:column;
  gap:13px;
}
.event-delete-zone{
  margin-top:18px;
  padding-top:16px;
  border-top:1px solid var(--border);
}
.event-delete-zone .event-delete-form{margin:0}
.event-edit-panel .button-row{margin-top:2px}
@media(max-width:640px){
  .fh-modal{
    align-items:center !important;
    padding:12px !important;
  }
  .fh-modal > form,
  .fh-modal > .fh-modal-panel{
    width:min(100%,680px);
    max-height:calc(100dvh - 24px);
    border-radius:20px;
  }
  .fh-modal > .fh-modal-panel{padding:18px}
}


/* FamilyHub 1.9.37: global modal overlay normalization
   .dialog historically styles a centered content card. fh-modal is now the full-screen overlay,
   so inherited .dialog sizing/background must never constrain the overlay itself. */
.dialog.fh-modal,
.fh-modal{
  position:fixed !important;
  inset:0 !important;
  width:auto !important;
  min-width:0 !important;
  max-width:none !important;
  height:auto !important;
  min-height:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  color:var(--text);
  display:flex;
  align-items:center !important;
  justify-content:center !important;
  padding:20px !important;
  background:rgba(8,12,20,.48) !important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  overflow:auto;
  overscroll-behavior:contain;
}
.dialog.fh-modal[hidden],
.fh-modal[hidden]{display:none !important}

.dialog.fh-modal > form,
.fh-modal > form,
.dialog.fh-modal > .fh-modal-panel,
.fh-modal > .fh-modal-panel{
  flex:0 1 720px;
  width:min(720px,calc(100vw - 40px)) !important;
  max-width:720px !important;
  max-height:calc(100dvh - 40px);
  margin:auto !important;
  overflow:auto;
  padding:22px;
  border:1px solid var(--border);
  border-radius:24px;
  background:var(--surface);
  box-shadow:var(--shadow);
}

@media(max-width:640px){
  .dialog.fh-modal,
  .fh-modal{
    align-items:center !important;
    justify-content:center !important;
    padding:12px !important;
  }
  .dialog.fh-modal > form,
  .fh-modal > form,
  .dialog.fh-modal > .fh-modal-panel,
  .fh-modal > .fh-modal-panel{
    flex-basis:auto;
    width:calc(100vw - 24px) !important;
    max-width:680px !important;
    max-height:calc(100dvh - 24px);
    border-radius:20px !important;
  }
}

/* FamilyHub 1.9.37: calendar end time + all-day */
.calendar-all-day{margin:2px 0 4px}
.calendar-time-field input:disabled{opacity:.48;cursor:not-allowed}
.calendar-week-event time{white-space:nowrap}
.event-pill small{font-variant-numeric:tabular-nums}

/* FamilyHub 1.9.37: Outlook-style week timeline 06:00–20:00 */
.calendar-week-timeline{--timeline-height:980px;border:1px solid var(--border);border-radius:22px;background:var(--surface);overflow:hidden;box-shadow:var(--shadow)}
.calendar-timeline-head,.calendar-all-day-row{display:grid;grid-template-columns:64px repeat(7,minmax(115px,1fr))}
.calendar-time-corner,.calendar-all-day-label{display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:.72rem;font-weight:800;border-right:1px solid var(--border)}
.calendar-timeline-day-head{display:flex;gap:7px;align-items:center;justify-content:center;padding:11px 6px;border-left:1px solid var(--border);background:var(--surface2)}
.calendar-timeline-day-head.today{background:color-mix(in srgb,var(--mint) 28%,var(--surface))}
.calendar-timeline-day-head span{color:var(--muted);font-weight:800}.calendar-timeline-day-head strong{font-size:.95rem}
.calendar-all-day-row{min-height:46px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.calendar-all-day-label{padding:7px 3px}.calendar-all-day-cell{display:flex;flex-direction:column;gap:4px;padding:5px;border-left:1px solid var(--border);min-width:0}
.timeline-all-day-event{border:0;border-left:3px solid var(--member);background:color-mix(in srgb,var(--member) 18%,var(--surface));color:var(--text);border-radius:8px;padding:5px 6px;text-align:left;font-size:.72rem;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.calendar-timeline-body{display:grid;grid-template-columns:64px minmax(0,1fr);height:var(--timeline-height)}
.calendar-time-axis{position:relative;border-right:1px solid var(--border);background:var(--surface)}
.calendar-time-axis span{position:absolute;top:var(--hour-pos);right:8px;transform:translateY(-50%);font-size:.7rem;color:var(--muted);font-variant-numeric:tabular-nums}
.calendar-timeline-days{display:grid;grid-template-columns:repeat(7,minmax(115px,1fr));height:100%;min-width:805px}
.calendar-timeline-column{position:relative;border-left:1px solid var(--border);height:100%;overflow:hidden;background:var(--surface)}
.calendar-timeline-column.today{background:color-mix(in srgb,var(--mint) 6%,var(--surface))}
.calendar-hour-line{position:absolute;left:0;right:0;top:var(--hour-pos);height:1px;background:var(--border);pointer-events:none}
.timeline-event{position:absolute;z-index:var(--event-z,3);top:var(--event-top);height:var(--event-height);left:calc(4px + var(--event-inset,0px));right:calc(4px + var(--event-inset,0px));min-height:25px;border:0;border-left:4px solid var(--member);border-radius:9px;padding:5px 6px;background:color-mix(in srgb,var(--member) 22%,var(--surface));color:var(--text);text-align:left;overflow:hidden;display:flex;flex-direction:column;gap:1px;box-shadow:0 2px 5px rgba(0,0,0,.06)}
.timeline-event small{font-size:.65rem;font-weight:800;white-space:nowrap}.timeline-event strong{font-size:.76rem;line-height:1.12}.timeline-event span{font-size:.62rem;color:var(--muted)}
.timeline-event.event-edit-trigger:hover{z-index:6;filter:brightness(1.02)}
.calendar-now-line{position:absolute;z-index:8;left:0;right:0;top:var(--now-pos);height:2px;background:#d92929;pointer-events:none;box-shadow:0 0 4px rgba(217,41,41,.35)}
.calendar-now-line:before{content:"";position:absolute;left:-5px;top:-4px;width:10px;height:10px;border-radius:50%;background:#d92929}
.calendar-now-line span{position:absolute;left:4px;top:-19px;padding:1px 4px;border-radius:5px;background:#d92929;color:#fff;font-size:.62rem;font-weight:800}
.calendar-week-mobile{display:none}
@media(max-width:1100px) and (min-width:761px){
 .calendar-week-timeline{overflow-x:auto}
 .calendar-timeline-head,.calendar-all-day-row,.calendar-timeline-body{min-width:900px}
 .calendar-week-timeline{--timeline-height:910px}
}
@media(max-width:760px){
 .calendar-week-timeline{display:none}
 .calendar-week-mobile{display:grid;gap:10px}
 .calendar-week-mobile .calendar-week-day{min-height:0;min-width:0}
}

/* FamilyHub 1.9.37: layered overlapping calendar appointments */
.timeline-event{
  transition:filter .12s ease,box-shadow .12s ease,transform .12s ease;
}
.timeline-event.event-edit-trigger:hover,
.timeline-event.event-edit-trigger:focus-visible{
  z-index:50 !important;
  filter:brightness(1.04);
  box-shadow:0 5px 14px rgba(0,0,0,.18);
  transform:translateY(-1px);
}

/* FamilyHub 1.9.37: Google Calendar integration */
.google-calendar-list{display:grid;gap:8px;margin:12px 0 16px}
.google-calendar-row{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 12px;border:1px solid var(--border);border-radius:14px;background:var(--surface2)}
.google-calendar-row>input{width:auto}.google-calendar-row.readonly{opacity:.6}
.google-calendar-dot{width:14px;height:14px;border-radius:50%;background:var(--google-color)}
.google-calendar-row>span:nth-child(3){display:flex;flex-direction:column;min-width:0}.google-calendar-row small{color:var(--muted)}
.google-default-choice{display:flex!important;flex-direction:row!important;align-items:center;gap:6px;white-space:nowrap;font-size:.8rem}.google-default-choice input{width:auto}
.integration-box code,.notice code{user-select:all;word-break:break-all}
@media(max-width:640px){.google-calendar-row{grid-template-columns:auto auto 1fr}.google-default-choice{grid-column:3}}

/* FamilyHub 1.9.37: corrected admin rewards layout */
.admin-reward-list{display:grid;gap:12px}
.admin-reward-card{padding:14px;border:1px solid var(--border);border-radius:16px;background:var(--surface2)}
.admin-reward-card.inactive{opacity:.68}
.admin-reward-edit{margin:0}
.admin-reward-fields{align-items:end}
.admin-reward-active{align-self:end;margin:0 0 8px}
.admin-reward-actions{display:flex;gap:10px;align-items:center;justify-content:flex-start;margin-top:12px}
.admin-reward-delete{margin:0}
@media(max-width:760px){
 .admin-reward-card{padding:12px}
 .admin-reward-fields{grid-template-columns:1fr}
 .admin-reward-fields .span-2{grid-column:auto}
 .admin-reward-actions{flex-direction:column;align-items:stretch}
 .admin-reward-actions .btn{width:100%}
}

/* FamilyHub 1.9.37: private notes + recipe browser UX */
.note-actions{display:flex;align-items:center;gap:6px}.note-actions form{margin:0}.muted-text{color:var(--muted)}
.recipes-browse-only{grid-template-columns:minmax(0,1fr)}
.recipe-browser-head{align-items:center;gap:12px}.recipe-browser-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.recipe-view-switch{display:flex;gap:4px;padding:4px;border:1px solid var(--border);border-radius:12px;background:var(--surface2)}.recipe-view-switch a{width:34px;height:32px;display:grid;place-items:center;border-radius:9px;color:var(--muted);text-decoration:none}.recipe-view-switch a.active{background:var(--surface);color:var(--text);box-shadow:0 2px 8px rgba(0,0,0,.08)}
.recipe-browser{display:grid;gap:8px}.recipe-browser-item{color:inherit;text-decoration:none;border:1px solid transparent;border-radius:16px;overflow:hidden;background:var(--surface);transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.recipe-browser-item:hover,.recipe-browser-item.active{border-color:var(--border);background:var(--surface2)}.recipe-browser-item:hover{transform:translateY(-1px)}
.recipe-browser-media{display:block;overflow:hidden;background:var(--surface2)}.recipe-browser-media img,.recipe-browser-placeholder{width:100%;height:100%;display:block;object-fit:cover}.recipe-browser-placeholder{display:grid;place-items:center;font-size:30px}.recipe-browser-copy{display:flex;flex-direction:column;min-width:0}.recipe-browser-copy b{overflow:hidden;text-overflow:ellipsis}.recipe-browser-copy small{color:var(--muted)}
.recipe-view-list .recipe-browser-item{display:grid;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:14px;padding:7px}.recipe-view-list .recipe-browser-media{width:76px;height:76px;border-radius:13px}.recipe-view-list .recipe-browser-copy{padding-right:8px}.recipe-view-list .recipe-browser-copy b{white-space:nowrap}
.recipe-view-small{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:12px}.recipe-view-small .recipe-browser-item{display:flex;flex-direction:column}.recipe-view-small .recipe-browser-media{aspect-ratio:4/3}.recipe-view-small .recipe-browser-copy{padding:10px}.recipe-view-small .recipe-browser-copy b{white-space:nowrap}.recipe-view-small .recipe-browser-copy small{font-size:.7rem;margin-top:3px}
.recipe-view-large{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.recipe-view-large .recipe-browser-item{display:flex;flex-direction:column}.recipe-view-large .recipe-browser-media{aspect-ratio:4/3}.recipe-view-large .recipe-browser-copy{padding:14px}.recipe-view-large .recipe-browser-copy b{font-size:1.05rem}.recipe-view-large .recipe-browser-copy small{margin-top:5px}
.fh-modal > form.recipe-modal-form{flex-basis:920px;max-width:920px!important}.recipe-modal-form{gap:14px}.recipe-modal-form .ingredient-editor{margin-top:2px}
@media(max-width:760px){.recipe-browser-head{align-items:flex-start}.recipe-browser-actions{width:100%;justify-content:space-between}.recipe-view-small{grid-template-columns:repeat(2,minmax(0,1fr))}.recipe-view-large{grid-template-columns:1fr}.recipe-view-list .recipe-browser-item{grid-template-columns:64px minmax(0,1fr)}.recipe-view-list .recipe-browser-media{width:64px;height:64px}.fh-modal > form.recipe-modal-form{max-width:calc(100vw - 24px)!important}}

/* FamilyHub 1.9.37: corrected family invitation layout */
.invite-admin-list{display:grid;gap:12px}
.invite-admin-card{padding:14px;border:1px solid var(--border);border-radius:16px;background:var(--surface2)}
.invite-admin-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.invite-admin-head>div{display:flex;flex-direction:column;gap:2px}
.invite-admin-head small{color:var(--muted)}
.invite-admin-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;margin:0}
.invite-admin-form label{margin:0}
.invite-admin-form .button-row{margin:0}
.invite-card{max-width:560px;margin:40px auto}
@media(max-width:760px){
 .invite-admin-card{padding:12px}
 .invite-admin-form{grid-template-columns:1fr}
 .invite-admin-form .button-row{width:100%}
 .invite-admin-form .btn{width:100%}
}

/* FamilyHub 1.9.37: meal thumbnails */
.meal-thumb{
  width:54px;
  height:54px;
  flex:0 0 54px;
  border-radius:14px;
  overflow:hidden;
  border:1px solid var(--border);
  background:var(--surface2);
  display:flex;
  align-items:center;
  justify-content:center;
}
.meal-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.meal-thumb-fallback{
  font-size:1.65rem;
  line-height:1;
  filter:saturate(.9);
}
.meal-card,.meal-row{
  align-items:center;
}
@media(max-width:640px){
  .meal-thumb{width:46px;height:46px;flex-basis:46px;border-radius:12px}
  .meal-thumb-fallback{font-size:1.4rem}
}

/* FamilyHub 1.9.37: recipe thumbnails in meal plan and Today */
.meal-slot-visual{
  display:flex;
  align-items:center;
  gap:10px;
  text-align:left;
}
.meal-slot-copy{
  display:flex;
  flex-direction:column;
  min-width:0;
  gap:2px;
}
.meal-slot-copy b{
  overflow:hidden;
  text-overflow:ellipsis;
}
.meal-stack-visual{
  display:grid;
  gap:9px;
}
.meal-mini-row{
  display:flex;
  align-items:center;
  gap:10px;
}
.meal-mini-row .meal-thumb{
  width:48px;
  height:48px;
  flex-basis:48px;
}

/* FamilyHub 1.9.37: horizontal "Heute essen wir" layout */
.meal-stack-visual{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:10px;
}
.meal-mini-row{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
  padding:8px 10px;
  border:1px solid var(--border);
  border-radius:14px;
  background:var(--surface2);
}
.meal-mini-row .meal-slot-copy{
  min-width:0;
}
.meal-mini-row .meal-slot-copy b{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
@media(max-width:640px){
  .meal-stack-visual{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:420px){
  .meal-stack-visual{
    grid-template-columns:1fr;
  }
}

/* FamilyHub 1.9.37: clearer settings layout */
.settings-overview-nav{
  position:sticky;
  top:8px;
  z-index:20;
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin:0 0 14px;
  padding:8px;
  border:1px solid var(--border);
  border-radius:16px;
  background:color-mix(in srgb,var(--surface) 94%,transparent);
  backdrop-filter:blur(10px);
}
.settings-overview-nav a{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:7px 11px;
  border-radius:999px;
  border:1px solid var(--border);
  background:var(--surface2);
  color:var(--text);
  text-decoration:none;
  font-size:.82rem;
  font-weight:750;
}
.settings-overview-nav a:hover{filter:brightness(1.03)}

.settings-grid{
  align-items:start;
}
.settings-section{
  scroll-margin-top:78px;
}
.settings-section>h3,
.settings-section>.split-head{
  margin-bottom:14px;
}

.invite-admin-grid{
  display:grid;
  gap:10px;
}
.invite-admin-card-horizontal{
  display:grid;
  grid-template-columns:minmax(150px,.6fr) minmax(280px,1.4fr) auto;
  gap:12px;
  align-items:end;
  padding:12px 14px;
  border:1px solid var(--border);
  border-radius:14px;
  background:var(--surface2);
  margin:0;
}
.invite-admin-person{
  display:flex;
  flex-direction:column;
  gap:2px;
  align-self:center;
}
.invite-admin-person small{color:var(--muted)}
.invite-email-field{margin:0}
.invite-send-btn{white-space:nowrap}

.settings-grid .card{
  overflow:visible;
}
.settings-grid .profile-grid{
  gap:12px;
}
.settings-grid .profile-card{
  padding:14px;
}
.settings-grid .integration-box,
.settings-grid .calendar-settings-grid{
  margin-top:10px;
}

@media(min-width:1100px){
  .settings-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
  }
  .settings-grid .span-2{
    grid-column:1 / -1;
  }
}
@media(max-width:900px){
  .invite-admin-card-horizontal{
    grid-template-columns:1fr 1.5fr;
  }
  .invite-send-btn{
    grid-column:1 / -1;
    width:100%;
  }
}
@media(max-width:640px){
  .settings-overview-nav{
    position:static;
    overflow-x:auto;
    flex-wrap:nowrap;
  }
  .settings-overview-nav a{white-space:nowrap}
  .invite-admin-card-horizontal{
    grid-template-columns:1fr;
  }
  .invite-send-btn{grid-column:auto}
}

/* FamilyHub 1.9.37: force horizontal layout for meal tiles and invite rows */

/* Heute -> Heute essen wir: Icon links, Text rechts */
.meal-stack-visual .meal-mini-row{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start;
  gap:10px;
}
.meal-stack-visual .meal-mini-row .meal-thumb{
  flex:0 0 48px;
  width:48px;
  height:48px;
  margin:0;
}
.meal-stack-visual .meal-mini-row .meal-slot-copy{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center;
  min-width:0;
  margin:0;
}
.meal-stack-visual .meal-mini-row .meal-slot-copy small,
.meal-stack-visual .meal-mini-row .meal-slot-copy b{
  display:block;
  width:100%;
  text-align:left;
}

/* Einstellungen -> Einladungen: Mailfeld und Button nebeneinander */
.invite-admin-card-horizontal{
  display:grid !important;
  grid-template-columns:minmax(150px,.55fr) minmax(260px,1fr) auto !important;
  align-items:end !important;
  gap:12px;
}
.invite-admin-card-horizontal .invite-email-field{
  display:flex;
  flex-direction:column;
  min-width:0;
  margin:0;
}
.invite-admin-card-horizontal .invite-send-btn{
  grid-column:auto !important;
  align-self:end;
  width:auto !important;
  min-width:150px;
  white-space:nowrap;
}

/* Auch auf Tablets bleibt E-Mail + Button nebeneinander */
@media(max-width:900px) and (min-width:641px){
  .invite-admin-card-horizontal{
    grid-template-columns:minmax(130px,.5fr) minmax(220px,1fr) auto !important;
  }
  .invite-admin-card-horizontal .invite-send-btn{
    grid-column:auto !important;
    width:auto !important;
  }
}

/* Erst auf wirklich schmalen Smartphones stapeln */
@media(max-width:640px){
  .invite-admin-card-horizontal{
    grid-template-columns:1fr !important;
  }
  .invite-admin-card-horizontal .invite-send-btn{
    width:100% !important;
  }
}

/* FamilyHub 1.9.37 */
.weekday-checks{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.weekday-checks label{display:inline-flex;align-items:center;gap:4px;margin:0;padding:6px 9px;border:1px solid var(--border);border-radius:999px;background:var(--surface2)}.recurrence-extra[hidden],[data-recurrence-weekday][hidden]{display:none!important}.task-late-review,.task-late-claims{margin-top:16px}.late-task-list{display:grid;gap:10px}.late-task-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--surface2)}.late-task-row>div:first-child{display:flex;flex-direction:column;gap:3px}.late-claim-form{display:flex;align-items:end;gap:8px;margin:0}.late-claim-form select{min-width:160px}@media(max-width:760px){.late-task-row,.late-claim-form{align-items:stretch;flex-direction:column}.late-claim-form .btn{width:100%}}

/* FamilyHub 1.9.37: backup automation diagnostics */
.backup-cron-status{margin-top:14px;padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--surface2)}
.backup-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}
.backup-status-grid>div{display:flex;flex-direction:column;gap:3px;padding:10px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}
.backup-status-grid span{font-size:.78rem;color:var(--muted)}
.backup-status-grid b{font-size:.88rem;overflow-wrap:anywhere}
.backup-test-form{display:inline-block;margin:10px 8px 0 0}
@media(max-width:760px){.backup-status-grid{grid-template-columns:1fr}.backup-test-form{display:block;margin-right:0}.backup-test-form .btn{width:100%}}

/* FamilyHub 1.9.37: waste completion directly on Today */
.waste-today-list{display:grid;gap:10px}
.waste-today-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--border)}
.waste-today-row:last-child{border-bottom:0}
.waste-today-row .timeline-item{flex:1;min-width:0;margin:0}
.waste-today-action{display:flex;align-items:center;gap:8px;margin:0}
.waste-today-action select{min-width:110px}
@media(max-width:700px){
 .waste-today-row{align-items:stretch;flex-direction:column}
 .waste-today-action{width:100%}
 .waste-today-action select{flex:1}
 .waste-today-action .btn{flex:1}
}

/* FamilyHub 1.9.37: daily quote in Today hero */
.daily-quote{
  display:flex;
  align-items:flex-start;
  gap:10px;
  max-width:760px;
  margin-top:14px;
  padding:11px 14px;
  border:1px solid color-mix(in srgb,var(--accent) 38%,var(--border));
  border-radius:16px;
  background:linear-gradient(135deg,
    color-mix(in srgb,var(--accent) 13%,var(--surface)),
    color-mix(in srgb,var(--surface2) 92%,transparent));
  box-shadow:0 8px 24px rgba(0,0,0,.08);
}
.daily-quote-mark{
  flex:0 0 auto;
  font-size:2.2rem;
  line-height:.9;
  font-family:Georgia,serif;
  opacity:.55;
}
.daily-quote p{
  margin:0;
  font-size:.98rem;
  font-style:italic;
  line-height:1.45;
}
.daily-quote small{
  display:block;
  margin-top:5px;
  color:var(--muted);
  font-size:.78rem;
}
@media(max-width:700px){
  .daily-quote{padding:10px 12px;margin-top:12px}
  .daily-quote p{font-size:.92rem}
}

/* FamilyHub 1.9.37: redesigned daily quote in Today hero */
.hero-with-quote{
  display:grid !important;
  grid-template-columns:minmax(0,1.25fr) minmax(300px,.85fr) auto;
  align-items:center;
  gap:22px;
}
.hero-main{min-width:0}
.hero-with-quote .daily-quote{
  display:block !important;
  margin:0 !important;
  padding:16px 18px !important;
  max-width:none !important;
  border:1px solid rgba(112,220,211,.42) !important;
  border-radius:18px !important;
  background:
    radial-gradient(circle at 100% 0%,rgba(112,220,211,.18),transparent 48%),
    linear-gradient(135deg,rgba(67,97,238,.20),rgba(151,117,250,.16)) !important;
  box-shadow:0 10px 30px rgba(0,0,0,.14) !important;
  color:var(--text) !important;
}
.hero-with-quote .daily-quote-label{
  display:inline-block;
  margin-bottom:8px;
  padding:4px 8px;
  border-radius:999px;
  background:rgba(112,220,211,.22);
  border:1px solid rgba(112,220,211,.36);
  font-size:.7rem;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.hero-with-quote .daily-quote p{
  margin:0 !important;
  font-size:1rem !important;
  line-height:1.45 !important;
  font-style:normal !important;
  font-weight:650;
}
.hero-with-quote .daily-quote small{
  display:block;
  margin-top:9px !important;
  font-size:.78rem !important;
  opacity:.76;
}
@media(max-width:1050px){
  .hero-with-quote{
    grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);
  }
  .hero-with-quote .hero-clock{
    grid-column:1 / -1;
    justify-self:end;
  }
}
@media(max-width:760px){
  .hero-with-quote{grid-template-columns:1fr}
  .hero-with-quote .daily-quote{margin-top:4px !important}
  .hero-with-quote .hero-clock{grid-column:auto;justify-self:start}
}

/* FamilyHub 1.9.37: trusted 2FA browser */
.trusted-2fa-check{margin:12px 0 4px}
.auth-hint{display:block;margin:0 0 14px;color:var(--muted);line-height:1.4}

/* FamilyHub 1.9.37: random dinner planner */
.meal-plan-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.meal-plan-actions form{margin:0}
@media(max-width:760px){.meal-plan-actions{width:100%}.meal-plan-actions form,.meal-plan-actions .btn{width:100%}}

/* FamilyHub 1.9.38: sequential update manager */
.update-page{display:grid;grid-template-columns:1fr;gap:16px}
.update-actions-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}
.update-actions-three form{margin:0}.update-actions-three .btn{width:100%}
.update-staged{display:flex;flex-direction:column;gap:4px;margin-top:14px;padding:12px 14px;border:1px solid rgba(112,220,211,.35);border-radius:14px;background:rgba(112,220,211,.08)}
.update-chain,.update-package-list,.update-history{display:grid;gap:9px}
.update-chain-row,.update-package-row,.update-history-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid var(--border);border-radius:14px;background:var(--surface2)}
.update-chain-row>div,.update-package-row>div,.update-history-row>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.update-chain-row small,.update-package-row small,.update-history-row small{overflow-wrap:anywhere}
.update-chain-row.next{border-color:rgba(112,220,211,.5);background:rgba(112,220,211,.07)}
.update-step{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:var(--surface);font-weight:800}
.update-package-row.invalid{border-color:rgba(220,80,80,.4)}
.inline-update-action{margin-top:10px}
@media(max-width:760px){.update-actions-three{grid-template-columns:1fr}.update-chain-row,.update-package-row,.update-history-row{align-items:stretch;flex-direction:column}.update-package-row form,.update-history-row form,.update-package-row .btn,.update-history-row .btn{width:100%}}

/* FamilyHub 1.9.39: update available badge */
.header-update-badge{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin-left:10px;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(112,220,211,.45);
  background:linear-gradient(135deg,rgba(112,220,211,.16),rgba(92,120,246,.16));
  color:var(--text);
  text-decoration:none;
  font-size:.78rem;
  font-weight:800;
  white-space:nowrap;
  box-shadow:0 6px 18px rgba(0,0,0,.10);
}
.header-update-badge:hover{transform:translateY(-1px)}
.header-update-dot{font-size:.7rem;color:#70dcd3;text-shadow:0 0 10px rgba(112,220,211,.75)}
@media(max-width:900px){.header-update-badge span:last-child{display:none}.header-update-badge{padding:6px 8px}}

/* FamilyHub 1.9.44: update notice visible to all users/devices */
.header-update-badge-info{cursor:default}