:root{color-scheme:light;--paper:#f8f5ee;--sand:#e3d4b9;--ink:#241a2e;--brass:#77592c;--muted:#645b65;--line:#baac96;--success:#315949}
#notice.success{padding:16px;border:2px solid var(--success);border-radius:12px;background:#eef5ed;color:var(--success);font-weight:700;margin-block:16px;text-align:right;scroll-margin-block-start:120px}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Assistant,'Segoe UI',sans-serif;line-height:1.6;text-align:start}button,input,select,textarea{font:inherit}a{color:var(--brass);text-underline-offset:4px}button,a,input,select,textarea{touch-action:manipulation}button{min-height:44px;border:1px solid var(--ink);border-radius:4px;padding:10px 18px;background:var(--ink);color:#fff;cursor:pointer}button.quiet{background:transparent;color:var(--ink);border-color:var(--line)}button.danger{background:#fff;color:#892b29;border-color:#892b29}button:disabled{opacity:.6;cursor:wait}[hidden]{display:none!important}:focus-visible{outline:3px solid #926723;outline-offset:4px}.skip{position:absolute;top:-100px}.skip:focus{top:8px;background:white;padding:14px;z-index:5}.top,main,footer{max-width:1120px;margin:auto;padding-inline:24px}.top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:24px;border-bottom:1px solid var(--sand)}.brand{font:700 1.8rem Georgia,serif;text-decoration:none;color:var(--ink)}.brand span{display:block;font:400 .85rem 'Segoe UI',sans-serif;color:var(--muted)}.intro{padding:36px 0 20px;max-width:780px}h1,h2,h3{font-family:'Frank Ruhl Libre',Georgia,'Times New Roman',serif;line-height:1.2}h1{font-size:clamp(1.801rem,4.02vw,3.183rem);font-weight:500;margin:8px 0 20px;letter-spacing:-.03em}h1 span{color:var(--brass)}h2{font-size:1.508rem;margin:8px 0 18px}h3{font-size:1.256rem;margin:0 0 10px}p{margin:10px 0}.eyebrow{color:var(--brass);font-size:1rem;font-weight:700;letter-spacing:.03em}.hint{font-size:1rem;color:var(--muted)}#notice{min-height:28px;overflow-wrap:anywhere}#notice.error,#editor-error{color:#892b29}.paper{background:#fffcf5;border:1px solid var(--line);border-radius:4px;padding:28px}.auth{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-bottom:60px}.auth form{max-width:420px}label{display:block;font-weight:600;margin:14px 0 5px}input:not([type=checkbox]),select,textarea{display:block;width:100%;min-height:46px;border:1px solid #8d8274;border-radius:4px;background:white;color:var(--ink);padding:9px 12px}textarea{min-height:110px;resize:vertical}.check{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-weight:400;min-height:44px}.check input{width:22px;height:22px;accent-color:var(--brass);flex-shrink:0}.auth button{margin-block:12px}.people{display:flex;gap:10px;flex-wrap:wrap;border-bottom:1px solid var(--sand);padding-block:18px}.person{min-width:94px;background:transparent;color:var(--ink);border-color:var(--line)}.person[aria-pressed=true]{background:var(--ink);color:var(--paper)}.person .initial{display:inline-grid;place-items:center;width:28px;height:28px;border:1px solid currentColor;border-radius:50%;margin-inline-end:8px}.board-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;padding-block:24px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-block:14px}.activity{border:1px solid var(--line);border-radius:4px;background:#fffcf5;padding:22px;margin-block:14px;overflow-wrap:anywhere}.activity.featured{display:grid;grid-template-columns:84px 1fr;gap:24px;border:1px solid var(--brass);border-inline-start-width:5px;padding:32px;background:linear-gradient(120deg,#f4ecd9,#fffcf5)}.activity .pictogram{font:2.7rem 'Segoe UI Emoji',sans-serif;display:grid;place-items:center;background:var(--sand);width:76px;height:76px;border-radius:50%;color:var(--ink)}.activity time{font-size:1rem;font-weight:600;color:var(--brass);font-variant-numeric:tabular-nums}.activity.done{background:#edf1ea;border-inline-start:4px solid var(--success)}.activity.done h3{text-decoration:line-through}.step{display:flex;gap:12px;align-items:center;min-height:44px;font-weight:400;margin:0;padding:8px 0;border-bottom:1px solid var(--sand)}.step input{width:22px;height:22px;accent-color:var(--success);flex-shrink:0}.reminder-strip{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 0;border-block:1px solid var(--sand);margin-block:26px}.reminder-strip label{margin:0}.empty{padding:28px;border:1px dashed var(--line);background:#fffcf5}.template-list{display:flex;gap:10px;flex-wrap:wrap}details{border-top:1px solid var(--line);margin:24px 0}summary{font-weight:600;cursor:pointer;min-height:48px;padding:14px 0}#timezone-form{max-width:360px}#timezone-form button{margin-top:12px}dialog{border:1px solid var(--brass);border-radius:4px;background:var(--paper);color:var(--ink);width:min(560px,calc(100% - 24px));max-height:90dvh;overflow:auto;padding:28px}dialog::backdrop{background:#241a2eaa}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}fieldset{border:1px solid var(--line);margin-block:18px}.weekdays{display:flex;flex-wrap:wrap;gap:8px}.weekdays label{display:flex;align-items:center;gap:4px;min-height:44px;margin:0}.weekdays input{width:20px;height:20px}.scheduled-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 0;border-bottom:1px solid var(--sand);overflow-wrap:anywhere}footer{margin-top:60px;padding-block:28px;border-top:1px solid var(--sand);color:var(--muted);font-size:1rem}footer a{display:inline-block;margin-inline-end:20px;min-height:44px;padding-block:8px}button,input,label,h2,h3{overflow-wrap:anywhere}#editor-fields .hint{margin-top:12px}
.family-logout{display:block;width:fit-content;margin:18px auto 0;max-width:calc(100% - 32px)}
.task-bulk-toolbar{direction:rtl;text-align:right;margin-block:20px 8px;padding:16px;border:1px solid var(--line);border-radius:12px;background:#fffdf8}
.task-bulk-toolbar p{margin-block:0 12px}
.task-bulk-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.task-bulk-buttons button{min-width:0;min-height:48px;padding:10px 8px;font:inherit}
.task-bulk-buttons button:disabled{opacity:.55;cursor:default}
.task-bulk-buttons button:focus-visible{outline:3px solid #376f66;outline-offset:4px}
#confirm-message{white-space:pre-line}
@media(max-width:400px){.task-bulk-toolbar{padding:12px}.task-bulk-buttons{gap:8px}}
@media print{.task-bulk-toolbar{display:none!important}}
.board-heading>*{min-width:0;max-width:100%}
@media(max-width:640px){.board-heading .actions.has-delete #add-activity{flex-basis:100%}}
#date-line{inline-size:calc(100% - 2px);max-inline-size:100%;overflow-wrap:anywhere}
@media(max-width:640px){.top,main,footer{padding-inline:16px}.top{align-items:start}.brand{font-size:1.256rem}.intro{padding-top:24px}.auth{grid-template-columns:1fr;gap:12px;padding:22px}.board-heading{align-items:start;flex-direction:column;gap:0}.board-heading .actions{margin-top:0}.activity.featured{grid-template-columns:48px 1fr;gap:14px;padding:20px 14px}.activity .pictogram{width:44px;height:44px;font-size:1.508rem}.field-row{grid-template-columns:1fr;gap:0}dialog{padding:22px}.scheduled-row{align-items:start;flex-direction:column}h1{letter-spacing:0}}
.top{flex-wrap:wrap}.brand{overflow-wrap:anywhere;min-width:0;max-width:100%}.activity.featured>div{min-width:0}#task-filter{max-width:100%}
.family-nav{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-inline-start:auto}.family-nav a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);font-weight:700;text-decoration:none}.family-nav a:hover,.family-nav a[aria-current=page]{text-decoration:underline;text-underline-offset:6px}.family-nav .nav-group{position:relative;margin:0}.family-nav .nav-group>summary,.family-nav .nav-summary-link{display:flex;align-items:center;gap:7px;min-height:44px;padding:8px 16px;border:1px solid #8f8878;border-radius:12px;background:#fffdf8;color:var(--ink);font-weight:800;cursor:pointer;list-style:none;box-shadow:0 8px 18px -15px rgba(36,26,46,.65)}.family-nav .nav-group>summary::-webkit-details-marker{display:none}.family-nav .nav-group>summary::after{content:'⌄';font-family:system-ui,sans-serif}.family-nav .nav-submenu{position:absolute;inset-block-start:calc(100% + 8px);inset-inline-start:0;z-index:80;display:grid;min-width:310px;padding:8px;background:#fffdf8;border:1px solid var(--line);border-radius:10px;box-shadow:0 18px 42px -20px rgba(36,26,46,.45)}.family-nav .nav-submenu a{padding:10px 12px;border-radius:7px;white-space:normal}.family-nav .nav-submenu a:hover{background:#f4eddf}.family-nav .family-preview{position:relative;display:inline-flex}.family-nav .family-preview-card{display:none}.family-benefits{margin-block:0 24px;max-width:900px}.family-benefits h2{font-size:1.256rem}.benefit-list{padding-inline-start:22px;margin-block:12px}.family-benefits li{margin-block:10px}.family-benefits details{margin-bottom:12px}.family-benefits details ul{padding-inline-start:22px}.family-benefits summary{color:var(--brass)}
.family-choice-actions{display:flex;flex-wrap:wrap;gap:12px;margin-block:18px 24px}.family-choice-actions .btn{flex:1 1 280px;justify-content:center;text-align:center}.family-login-start{max-width:900px;margin:34px 0 18px;padding:22px 26px;border-inline-start:4px solid var(--brass);background:rgba(255,253,248,.72);border-radius:14px}.family-login-start h2{margin-block:.2em}.family-guide-action{justify-content:center;margin-block:28px 8px}
.family-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-block:22px}.family-feature{min-width:0;padding:18px;border:1px solid var(--line);border-radius:14px;background:#fffdf8}.family-feature img{display:block;width:56px;height:56px;object-fit:contain;margin-block-end:8px}.family-feature h3{font-size:1.005rem;margin:0 0 6px}.family-feature p{margin:0;line-height:1.55}.family-feature:last-child{grid-column:1/-1}@media(max-width:700px){.family-feature-grid{grid-template-columns:1fr}.family-feature:last-child{grid-column:auto}.family-login-start{padding:20px}}
.entry-start{display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;border:1px solid var(--brass);border-radius:4px;font-weight:700}
@media(max-width:760px){.top{align-items:flex-start}.family-nav{width:100%;gap:8px}.family-nav .nav-group,.family-nav .nav-family{flex:1 1 230px}.family-nav .nav-group>summary,.family-nav .nav-summary-link{justify-content:center}.family-nav .nav-submenu{inset-inline:0;min-width:0}.family-nav a{font-size:1rem}.family-benefits{padding:20px}.intro{padding-bottom:12px}}
@media print{.family-nav,.family-benefits{display:none!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media print{.top button,.intro,#notice,.people,.actions,.reminder-strip,#push-status,#settings,#auth,footer,dialog,.activity button{display:none!important}.top,main{padding:0}body,.activity,.activity.featured{background:white;color:black}.activity{break-inside:avoid}details{display:block}}

.auth-consent{align-items:flex-start;flex-wrap:nowrap}.auth-consent span{min-width:0}.auth-consent input{margin-top:5px}.auth .actions [aria-pressed=true]{border-color:var(--ink);font-weight:700}

@media(min-width:1000px){body{font-size:16px}.top,main,footer{max-width:1680px;padding-inline:clamp(32px,4vw,72px)}.intro{max-width:1100px}.family-benefits{max-width:1400px}.auth{gap:64px}.auth form{max-width:520px}}
.family-nav details{position:relative;margin:0;border:0}.family-nav summary{display:flex;align-items:center;gap:6px;min-height:44px;padding:8px 0;list-style:none;color:var(--ink);font-weight:700}.family-nav summary::-webkit-details-marker{display:none}.family-nav summary::after{content:'⌄'}.family-nav .nav-submenu{position:absolute;z-index:8;inset-block-start:100%;inset-inline-start:0;display:grid;min-width:240px;padding:8px;border:1px solid var(--line);background:#fffcf5;box-shadow:0 16px 32px rgba(36,26,46,.18)}.family-nav .nav-submenu a{padding:10px 12px}.family-nav .family-preview{position:relative;display:inline-flex}.family-nav .family-preview-card{position:absolute;z-index:9;inset-block-start:calc(100% + 8px);inset-inline-end:0;width:min(340px,calc(100vw - 32px));padding:16px;background:#fffcf5;border:1px solid var(--line);box-shadow:0 16px 32px rgba(36,26,46,.18);opacity:0;visibility:hidden;pointer-events:none}.family-nav .family-preview-card strong,.family-nav .family-preview-card span{display:block;padding-block:4px}.family-nav .family-preview:hover .family-preview-card,.family-nav .family-preview:focus-within .family-preview-card{opacity:1;visibility:visible}@media(max-width:640px){.family-nav{align-items:stretch}.family-nav details,.family-nav>.family-preview{width:100%}.family-nav .nav-submenu{position:static;box-shadow:none}.family-nav .family-preview-card{display:none}}

.family-tour{margin-block:24px;background:#fffdf8;border-radius:14px}
.family-tour>p{max-width:75ch}.family-tour details{border-top:1px solid var(--line);padding-block:14px}
.family-tour summary{min-height:48px;font-weight:700;cursor:pointer;color:var(--brass);padding-block:8px}
.family-tour video{display:block;width:100%;max-width:1100px;aspect-ratio:16/9;margin:18px auto;background:#241a2e;border-radius:10px}
.tour-example{background:#f0e8d8;padding:clamp(18px,3vw,32px);border-radius:10px;margin-top:18px}
.tour-example .check{background:#fffdf8;padding:10px 16px;border-radius:6px}
.tour-transcript{padding-inline-start:26px;max-width:85ch}.tour-transcript li{margin-block:16px}
.dictation-controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px}
.dictation-controls button[aria-pressed=true]{background:#892b29;color:#fff;border-color:#892b29}
.dictation-controls button:disabled{cursor:default}.dictation-controls p{flex:1;min-width:180px}
@media(max-width:640px){.family-tour{padding:20px}.family-tour h2{font-size:1.382rem}.dictation-controls button{width:100%}}
@media print{.family-tour,.dictation-controls{display:none!important}}
.auth-methods{min-width:0;padding:clamp(14px,3vw,22px);background:#fff;border:2px solid #c5b889;border-radius:18px}.google-option{margin-block:22px;padding:0}.google-option h3{font-size:1.089rem;margin-top:0}.google-option .auth-consent{padding:14px;background:#faf6e9;border-radius:12px}.google-option .hint{font-size:1rem}#google-login{display:flex;gap:14px;align-items:center;justify-content:center;width:100%;min-height:56px;background:#fff;color:#202124;border:1px solid #747775;font-weight:600}#google-login svg{flex:none}#consent-error{color:#923114;font-weight:700}#consent[aria-invalid=true]{outline:3px solid #923114;outline-offset:3px}.google-option [hidden]{display:none!important}
.whatsapp-panel{margin-block:28px;border:2px solid #1f6b52;border-radius:20px;background:linear-gradient(145deg,#f0faf5,#fffdf8)}
.whatsapp-heading{display:grid;grid-template-columns:96px minmax(0,1fr);gap:20px;align-items:center}.whatsapp-heading img{width:96px;height:96px;object-fit:contain}.whatsapp-panel h2{margin-bottom:8px}.wa-state{padding:14px 16px;border-radius:12px;background:#e3f3eb;font-weight:800}.wa-state.error{background:#fff0ec;color:#892b29}.wa-consent{align-items:flex-start;max-width:70ch;padding:16px;border:1px solid #8bbca8;border-radius:12px;background:#fff}.wa-consent input{margin-top:5px}.wa-pending,.wa-active{margin-block:18px;padding:20px;border:1px solid #8bbca8;border-radius:14px;background:#fff}.wa-pending code{display:block;width:fit-content;max-width:100%;padding:12px 16px;border:2px dashed #1f6b52;border-radius:10px;background:#f5fbf8;color:#173f32;font:800 1.08rem ui-monospace,SFMono-Regular,Consolas,monospace;direction:ltr;overflow-wrap:anywhere}.wa-jobs{margin-block:18px}.wa-jobs h3{font-size:1.005rem}.wa-jobs li{margin-block:8px}.whatsapp-panel .danger{background:#fff;color:#892b29}
.wa-pending>p{font-size:1rem}.wa-pending>.actions{margin-block:16px}.wa-pending>.actions .btn{min-height:58px;font-size:1rem}.wa-fallback{margin-top:18px;border-top:1px solid #c8d9d1;padding-top:14px}.wa-fallback summary{cursor:pointer;font-weight:800}.wa-fallback button{margin-top:12px}
@media(max-width:640px){.whatsapp-heading{grid-template-columns:64px minmax(0,1fr);gap:12px}.whatsapp-heading img{width:64px;height:64px}.whatsapp-panel .actions{align-items:stretch;flex-direction:column}.whatsapp-panel :is(button,.btn){width:100%}}
@media print{.whatsapp-panel{display:none!important}}
.wa-budget{direction:rtl;text-align:start;margin-block:24px;padding:20px;border:2px solid #47705e;border-radius:16px;background:#fffdf8;overflow-wrap:anywhere}
.wa-budget h3{font-size:1.089rem;margin-block:0 12px}.wa-budget progress{display:block;width:100%;height:24px;accent-color:#295e4a}.wa-budget dl{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 18px}.wa-budget dt,.wa-budget dd{margin:0;font-size:1rem}.wa-budget dd{font-weight:800;unicode-bidi:isolate}.wa-budget button{min-height:48px;font:inherit}.wa-budget .error,#wa-budget-warning{padding:12px;border:2px solid #8a5416;border-radius:10px;background:#fff4df;color:#583a13;font-weight:700}.wa-budget :focus-visible{outline:3px solid #96391f;outline-offset:4px}
@media(max-width:480px){.wa-budget{padding:14px}.wa-budget dl{grid-template-columns:minmax(0,1fr)}.wa-budget dd{margin-block-end:10px;text-align:start}.wa-budget button{width:100%}}
.screen-sync{margin-block:28px;padding:22px;border:2px solid #376f66;border-radius:18px;background:#f4faf7}.screen-sync h3{margin-block:4px 10px;font-size:1.256rem}.screen-sync form{display:grid;grid-template-columns:minmax(160px,.8fr) minmax(220px,1.2fr);gap:10px 16px;align-items:end}.screen-sync form button{grid-column:1/-1;width:fit-content}.screen-sync-state{padding:12px 14px;border-radius:10px;background:#dff2e9;font-weight:800}.screen-sync-state.error{background:#fff0ec;color:#892b29}.screen-pair-result{margin-block:18px;padding:18px;border:1px solid #75aa99;border-radius:14px;background:#fff}.screen-pair-result code{display:block;width:fit-content;max-width:100%;padding:12px 18px;border:2px dashed #1f6b52;border-radius:10px;background:#f5fbf8;font:900 1.35rem ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;overflow-wrap:anywhere}.screen-device-heading,.screen-device-title{display:flex;align-items:center;justify-content:space-between;gap:14px}.screen-device-heading{margin-top:24px}.screen-device{margin-block:12px;padding:16px;border:1px solid #99b9ae;border-radius:14px;background:#fff}.screen-device h5{margin:0;font-size:1rem}.screen-device .danger{background:#fff;color:#892b29}.screen-revoked{color:#7d2b29;font-weight:800}.screen-day{margin-top:12px;border-top:1px solid #c7d9d2;padding-top:10px}.screen-day summary{cursor:pointer;font-weight:800}.screen-day ul{list-style:none;padding:0}.screen-day li{display:flex;justify-content:space-between;gap:14px;margin-block:7px;overflow-wrap:anywhere}
@media(max-width:640px){.screen-sync form{grid-template-columns:1fr}.screen-sync form button,.screen-sync :is(input,select,button){width:100%}.screen-device-heading,.screen-device-title{align-items:stretch;flex-direction:column}.screen-day li{align-items:flex-start;flex-direction:column;gap:2px}}
@media print{.screen-sync{display:none!important}}
.screen-budget{margin-block:22px;padding:18px;border:1px solid #75aa99;border-radius:14px;background:#fff}.screen-budget h4{font-size:1.047rem;margin-block:0 12px}.screen-budget-summary{font-size:1rem}.screen-budget form .hint{grid-column:1/-1}.screen-budget :is(input,select,button){min-height:44px}.screen-budget :is(input,select){min-width:0;width:100%}
.editor-illustration-preview{display:flex;align-items:center;gap:1rem;direction:rtl;margin:.7rem 0 1rem;color:#344452}
.editor-illustration-preview .editor-illustration{width:clamp(96px,18vw,150px);height:clamp(90px,16vw,140px);object-fit:contain;background:#f4eddb;border-radius:1rem;padding:.45rem}

/* Keep the private workspace compact without narrowing the guide or printed sheets. */
@media screen{
  .family-page main{width:100%;max-width:1100px;margin-inline:auto;padding-inline:24px}
  .family-page .intro h1{font-size:clamp(1.75rem,2.8vw,2.5rem)}
  .family-page #board,.family-page .daily-board,.family-page .daily-board>section{padding-block:16px}
}
@media screen and (max-width:640px){.family-page main{padding-inline:16px}}

/* Embedded password control retains native keyboard and touch activation. */
#auth .password-input-wrap{position:relative;direction:rtl}
#auth .password-input-wrap input{margin:0;min-height:56px;padding-left:60px;width:100%;box-sizing:border-box}
#auth .password-eye{position:absolute;left:4px;top:0;bottom:0;transform:none!important;display:flex;align-items:center;justify-content:center;width:48px;height:48px;min-height:48px;min-width:48px;margin:auto 0;padding:10px;background:transparent;color:#292333;border:0!important;border-radius:6px!important;box-shadow:none!important}
#auth .password-eye:hover{background:#eee9df}
#auth .password-eye:focus-visible{outline:3px solid #376f66;outline-offset:-3px!important}
#auth .password-eye .eye-slash{display:none}
#auth .password-eye[aria-pressed=true] .eye-slash{display:block}
#email-form #auth-recover{display:block;width:fit-content;min-height:44px;margin:8px 0 0;padding:8px 0;background:transparent;color:#433b29;border:0!important;border-radius:0!important;box-shadow:none!important;transform:none!important;text-decoration:underline!important;text-underline-offset:4px;font:inherit}
#email-form #auth-recover[hidden]{display:none}
#email-form #auth-recover:focus-visible{outline:3px solid #376f66;outline-offset:3px}

#email-form #auth-submit{display:block;margin-top:16px}

/* Registration feedback is explicit, local to the form and usable without color. */
.auth-progress{margin-block:18px;padding:16px;border:1px solid var(--line);border-radius:12px;background:#fffdf8;direction:rtl;text-align:right;overflow-wrap:anywhere}
.auth-progress ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}
.auth-progress li{flex:1 1 140px;padding:8px;border:1px solid var(--line);border-radius:8px}
.auth-progress li[aria-current=step]{border:2px solid #315949;font-weight:700;background:#eef5ed}
.auth-progress li[data-state=complete]{border-color:#315949}
.auth-progress p{margin-block:12px 0}
#code-destination{overflow-wrap:anywhere}

.family-choice-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.family-choice-actions #view-whatsapp{background:#77592c;color:#fff;border-color:#77592c}
@media(max-width:767px){.family-choice-actions{grid-template-columns:minmax(0,1fr)}}
.family-feature{position:relative}
.family-feature-link{color:inherit;text-decoration:underline;text-underline-offset:4px}
.family-feature-link::after{content:"";position:absolute;inset:0;border-radius:14px}
.family-feature:focus-within{outline:3px solid #926723;outline-offset:4px}
.family-feature:hover{border-color:#405d53;background:#f4f6ee}
.family-feature-login{text-align:start;direction:rtl}

/* One compact row, with editing available without opening its steps. */
#board .visual-activity{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:6px}
.visual-activity .activity-details{min-width:0}
.visual-activity .activity-edit{min-width:54px;min-height:44px;padding:8px;margin:8px 6px;font-size:1rem}
.rn-emoji-mode #board .visual-activity{margin-block:6px;padding:4px;border-width:1px;border-radius:12px}
.rn-emoji-mode #board .activity-summary{display:grid;grid-template-columns:30px 52px minmax(0,1fr)!important}
.rn-emoji-mode .activity-summary h3{font-size:1rem!important;line-height:1.4;margin:0;overflow-wrap:anywhere}
.rn-emoji-mode .activity-summary .status-badge,.rn-emoji-mode .activity-step-count{display:none}
.rn-emoji-mode .activity-summary .time-pill{font-size:1rem;padding:4px}
#week{scroll-margin-block-start:100px;text-align:right}
#week>summary{min-height:44px;cursor:pointer}
#week .scheduled-row{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:8px;align-items:center;padding-block:8px;font-size:1rem}
#week .scheduled-row span{overflow-wrap:anywhere}
#week .scheduled-art{width:30px;height:30px}
#week .scheduled-row button{min-height:44px;padding:8px;font-size:1rem}
#week .actions{gap:8px;flex-wrap:wrap}
#week .scheduled-row>.actions{grid-column:2/-1;justify-content:flex-start}
#week .actions button{min-height:44px;font-size:1rem}
#week :focus-visible,.activity-edit:focus-visible{outline:3px solid #225bd0;outline-offset:3px}
@media(max-width:380px){.rn-emoji-mode #board .activity-summary{grid-template-columns:26px minmax(0,1fr)!important}.rn-emoji-mode .activity-summary h3{grid-column:1/-1}.visual-activity .activity-edit{margin-inline:2px}}

#inbox .inbox-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:center;gap:24px;margin-block:8px 24px}
#inbox .inbox-heading>h2{min-width:0;margin:0}
#inbox .inbox-top-actions{flex-wrap:nowrap;justify-content:flex-end;align-items:stretch;gap:16px;margin:0;text-align:right}
#inbox .inbox-top-actions>button{flex:1 1 auto;min-width:0;min-height:64px!important;max-width:100%;padding:16px 20px;font-size:1.25rem;font-weight:700;line-height:1.45;text-align:center}
#inbox #capture-new{margin-inline-start:24px}
@media(max-width:1000px){#inbox .inbox-heading{grid-template-columns:minmax(0,1fr);gap:18px}}
@media(max-width:640px){#inbox .inbox-top-actions{flex-wrap:wrap}#inbox .inbox-top-actions>button{flex:1 1 100%;min-width:0;padding:14px 18px}#inbox #capture-new{margin-inline-start:0;margin-block-start:12px}}