/* Shalem family, with room for the desktop workday and a compact mobile planner. */
:root{--bg:#f4f1e9;--paper:#fffdf7;--ink:#142c24;--teal:#297d75;--orange:#df681e}
[hidden]{display:none!important}a{color:#21695f;text-underline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #25796f;outline-offset:3px}
.family-link{display:inline-block;font-size:13px;margin-bottom:30px}.brand strong span{font-weight:400}.account-tools{display:flex;align-items:center;gap:10px}.account-tools button{min-height:44px;padding:8px 12px;font-size:12px}.sync-status{padding:10px 24px;font-size:12px;color:#37584d;display:flex;align-items:center;flex-wrap:wrap;gap:10px;max-width:1160px;margin:auto}.sync-status button{font-size:12px;padding:8px 12px;min-height:40px}.sync-error{background:#f9dfc1;color:#653514;border-bottom:1px solid #bb682d}.sync-error span{flex-basis:100%}
.login-page{min-height:100dvh;display:grid;place-items:center;background:radial-gradient(ellipse at 90% 10%,#a2cbc04d,transparent 50%),var(--bg)}
.login-shell{max-width:480px;width:100%;padding:40px 28px;margin:0 auto}.login-shell .brand{margin-bottom:48px}.login-shell .brand small{letter-spacing:1.3px}.login-shell h1{font-size:36px;line-height:1.12;margin-bottom:18px;letter-spacing:-1.4px}.login-shell form{margin:32px 0 24px}.login-shell .eyebrow{margin-bottom:12px}.login-shell button{margin-top:6px}.login-shell p{line-height:1.65}
.save-tools{display:grid;gap:12px;margin:20px 0}.save-tools label{font-size:13px}.save-tools input{width:100%;display:block;margin:8px 0 0}.save-tools .actions button{min-width:120px}.calendar-list{display:none}.print-note{font-size:12px;line-height:1.6}
@media(min-width:1000px){#app{max-width:1160px;margin:auto;padding-left:180px}.topbar{max-width:none;padding:24px 28px}.sync-status{padding-left:208px}main{max-width:none}.topbar .brand small{font-size:10px}#nav{position:fixed;inset:150px auto auto max(24px,calc((100vw - 1160px)/2));width:160px;display:flex;flex-direction:column;gap:8px;border:0;background:transparent;padding:0;backdrop-filter:none}#nav button{flex:auto;min-height:54px;flex-direction:row;justify-content:flex-start;gap:12px;padding:12px 16px;font-size:14px}.hero{min-height:275px}.calendar .day{min-height:90px}.login-shell{padding:50px 32px}.calendar-list{display:none}}
@media(max-width:420px){.topbar{gap:8px}.topbar .brand small{font-size:8px}.account-tools{gap:5px}.account-tools button{padding:7px;font-size:11px}.calendar,.weekdays{display:none}.calendar-list{display:grid;gap:8px}.calendar-list button{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:52px;padding:12px 15px;border-radius:10px;text-align:left}.calendar-list small{font-size:12px}.sync-status{padding:9px 18px}.report-table{display:block;overflow:auto}.login-shell .brand{margin-bottom:36px}}
@media print{.sync-status,.account-tools{display:none!important}}
#app .sync-status{padding:10px 24px;max-width:none}
@media(max-width:420px){.calendar-list .day{flex-direction:row;min-height:52px}.calendar-list .day small{font-size:13px}.calendar-list .day span{font-weight:700}}