/* Original illustrations carry meaning; color always has a text label. */
.action-toolbar{padding:1rem;background:#e4f2ec;border-radius:24px;gap:.65rem;margin-block:1rem 2rem;align-items:center}
.action-toolbar button{min-height:48px;font-size:1rem}
.action-more>a.btn{width:100%;min-height:48px;margin:0;font-size:1rem;text-align:start;justify-content:flex-start;white-space:normal}
.daily-board #print-controls>.actions{flex-basis:100%;justify-content:flex-start}.daily-board #print-controls>.actions button{margin-inline-start:0}
.action-toolbar .view-primary{flex:1 1 220px;font-size:1rem;font-weight:800}
.action-toolbar button[aria-pressed=true]{background:#252039;color:#fff;box-shadow:0 4px 0 #121020}
#action-panel{background:linear-gradient(135deg,#f0faf5,#fffdf5);border:2px solid #8bbda9;max-width:none}
#action-heading{font-size:clamp(1.424rem,2.01vw,2.178rem)}
.focus-card{display:grid;grid-template-columns:minmax(180px,30%) minmax(0,1fr);column-gap:2rem;align-items:center;padding:1.5rem;margin-block:1rem;background:#fff;border-radius:28px;box-shadow:0 12px 32px #243e3012}
.focus-card>*{grid-column:2;min-width:0}.focus-card .focus-art{grid-column:1;grid-row:1 / span 7;width:100%;max-height:320px;object-fit:contain}
.focus-card h4{font-size:clamp(1.424rem,2.01vw,2.094rem);line-height:1.35;margin:.6rem 0}
.focus-card .status-badge{justify-self:start}.focus-card label{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.focus-card input{width:6rem;min-height:48px}
.focus-card button{min-height:48px;font-size:1rem}.focus-card .primary{background:#234d42;color:white;box-shadow:0 4px 0 #122c25;border:1px solid #122c25}
.focus-card button:active{transform:translateY(2px);box-shadow:none}.focus-clock{background:#fff0b3;border:4px solid #ad892a;border-radius:26px;font-size:2.178rem;font-weight:800;font-variant-numeric:tabular-nums;text-align:center;max-width:320px;padding:.7rem;margin-block:1rem;direction:ltr}
.focus-clock.elapsed{font-size:1.047rem;direction:rtl}.focus-next,.focus-help{background:#edf4ff;padding:1rem;border-radius:16px}.focus-card .hint{font-size:1rem}
#action-fields{display:grid;gap:1rem}#action-fields fieldset{border:2px solid #bbc9c3;border-radius:16px;padding:1.2rem;min-width:0}#action-fields label{display:block;margin-block:.65rem}#action-fields label.check{display:flex}#action-fields input:not([type=checkbox]),#action-fields textarea,#action-fields select{display:block;width:100%;max-width:100%;min-height:48px}#action-fields .weekdays{flex-wrap:wrap}
.template-item-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,32%);gap:1rem;direction:rtl;align-items:start}.template-item-fields{grid-column:1;min-width:0}.template-item-body .template-illustration{grid-column:2;grid-row:1;width:100%;height:220px;object-fit:contain;border-radius:16px;background:#f4eddb}.template-item-body .template-illustration.activity-scene{object-fit:cover}
#action-dialog{width:min(860px,94vw);max-height:90dvh;overflow-y:auto}#action-dialog .actions{position:sticky;bottom:0;background:#fffdf5;padding:.7rem}.idea-draft{padding:1rem;background:#eef3ff;border-radius:14px}
.family-active .family-tour{display:none}.family-child .board-heading>.actions,.family-child #push-test,.family-child #people,.family-child #account-actions{display:none}.family-child .focus-art{max-height:380px}
[data-family-view]:not([data-family-view="build"]) #board-chat{display:none!important}
[data-family-view]:not([data-family-view="full"]) .daily-board,[data-family-view]:not([data-family-view="samples"]) #editable-samples,[data-family-view]:not([data-family-view="routines"]) #routine-templates{display:none!important}
[data-family-view]:not([data-family-view="school"]) #family-coach,[data-family-view]:not([data-family-view="whatsapp"]) #whatsapp-reminders{display:none!important}
[data-family-view="whatsapp"] #whatsapp-reminders{margin-top:0}
[data-family-view="reminders"] #reminder-tools{margin-top:0}
#wa-title{scroll-margin-block-start:150px}
#wa-title:focus-visible{outline:3px solid #866627;outline-offset:5px}
#view-whatsapp{border-color:#1d6a43;background:#eefaf3;color:#153b2a;font-weight:800}
.whatsapp-entry-hint{margin:-.2rem 1rem 1.2rem;padding:.65rem .85rem;border-inline-start:4px solid #1d6a43;background:#f2faf5;color:#294b3f;font-weight:700}
#whatsapp-reminders{overflow-wrap:anywhere}
#whatsapp-reminders .eyebrow{display:block;white-space:normal}
[data-family-view="build"] #board-chat{margin-top:0}
[data-family-view="build"] #board-chat>summary{display:none}
[data-family-view="school"] #family-coach{margin-top:0}
[hidden]{display:none!important}
.family-active.family-show-tour .family-tour{display:block}
@media(max-width:650px){body.family-active:not(.family-focused) .board-heading .actions{display:flex}}
@media(max-width:650px){body.family-active .family-nav{display:flex;gap:4px 16px}body.family-active .family-nav details,body.family-active .family-nav>.family-preview{width:auto}}
@media(max-width:650px){.focus-card{display:flex;flex-direction:column;padding:1rem;align-items:stretch}.focus-card .focus-art{width:150px;height:140px;align-self:center}.focus-clock{max-width:none}.focus-card .actions>button{flex:1 1 42%}.action-toolbar{gap:.5rem}.action-toolbar button{flex:1 1 42%}#action-panel{padding:1rem}.focus-card h4{font-size:1.508rem}.focus-card .hint{font-size:1rem}}
@media(max-width:480px){.template-item-body{grid-template-columns:1fr}.template-item-body .template-illustration{grid-column:1;grid-row:1;width:min(100%,240px);height:160px;justify-self:end}.template-item-fields{grid-row:2}}
@media(prefers-reduced-motion:reduce){.focus-card button:active{transform:none}}
@media print{#action-toolbar,#action-panel,#push-test{display:none!important}#day-overview[hidden],#next[hidden],#today-section[hidden]{display:block!important}}
.action-more{margin:0;border:0;position:relative}.action-more>summary{padding:.7rem 1rem;min-height:48px;border:1px solid #355e52;border-radius:12px;background:#fff;box-shadow:0 3px 0 #28483f}.action-more[open]{flex-basis:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.55rem}.action-more[open]>summary{grid-column:1/-1}.action-more button{width:100%;margin:0;text-align:right}.action-chooser{margin:.2rem 0;border:0}.action-chooser summary{padding:.4rem 0;color:#365e50}.focus-timing{margin:.2rem 0;border:0;grid-row:8}.focus-timing summary{padding:.5rem 0;font-size:1rem}.focus-clock-wrap{position:relative;width:160px;height:160px;justify-self:start}.focus-clock-wrap svg{width:100%;height:100%;transform:rotate(-90deg)}#timer-track{stroke:#e0ede7}#timer-ring{stroke:#277860;stroke-linecap:round}.focus-clock-wrap .focus-clock{position:absolute;inset:0;display:grid;place-items:center;background:none;border:0;padding:0;margin:0;font-size:1.675rem}.focus-clock-wrap .focus-clock.elapsed{font-size:1rem;padding:30px}.focus-speak{justify-self:start}.focus-card{row-gap:.3rem}.focus-card>.actions{margin-block:.5rem}.focus-next{margin-block:.3rem}.family-active:not([data-family-view="home"]) .intro{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0}.family-active .board-heading{padding-block:10px}.family-active .board-heading h2{margin:0}.family-active .people{padding-block:10px}.family-active .action-toolbar{margin-bottom:.7rem}.family-active #board h2,.family-active #action-panel h3,.family-active #action-panel h4{font-family:'Segoe UI',sans-serif}
@media(max-width:650px){.action-toolbar{padding:.6rem}.action-more{width:100%}.action-more>summary{min-height:44px}.action-toolbar button{padding:.45rem;font-size:1rem}.family-active .board-heading .actions{display:none}.family-active .board-heading{padding:8px 0}.family-active .people{padding:6px 0}.family-active .board-heading .eyebrow{font-size:1rem}.focus-card{padding:.8rem;gap:0}.focus-card p{margin:5px 0}.focus-card .focus-art{height:120px;width:132px}.focus-clock-wrap{width:132px;height:132px;align-self:center}.focus-card .focus-clock{font-size:1.591rem}.focus-card .actions>button{padding:8px;font-size:1rem}.focus-card .focus-speak{min-height:44px;padding:5px 10px}.focus-card .focus-timing{order:10}.focus-card .status-badge{align-self:flex-start}.focus-card h4{margin:.3rem 0}.family-active #action-heading{font-size:1.34rem}.family-active #action-panel{padding:12px}.family-active .top{padding-block:12px}.family-active .family-nav{display:none}}

/* Related options appear only inside the chosen topic, as descriptive cards. */
.family-topic-tools{margin-block:1.5rem 2rem;text-align:right;direction:rtl;scroll-margin-block-start:140px}
.family-topic-tools h2{margin-block:0 1rem;font-size:1.4rem}
.family-topic-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px}
.family-topic-card{display:flex;flex-direction:column;align-items:stretch;gap:.45rem;min-height:104px;width:100%;margin:0;padding:16px;text-align:right;white-space:normal;border:1px solid #958c77;border-radius:16px;background:#fffdf8;color:#302d27;box-shadow:0 4px 0 #b5ae9c;overflow-wrap:anywhere}
.family-topic-card strong{font-size:1.05rem;line-height:1.5}.family-topic-card span{font-size:.95rem;font-weight:400;line-height:1.6;color:#514e45}
.family-topic-card[aria-pressed=true]{background:#e7f0ea;border:2px solid #355e52;padding:15px}
@media(hover:hover){.family-topic-card:hover:not(:disabled){background:#efe7d7}}
#focus-task-picker{width:min(640px,calc(100% - 24px));max-height:calc(100dvh - 32px);overflow:auto;text-align:right;padding:24px;border:2px solid #958c77;border-radius:20px;background:#fffdf8;color:#302d27}
#focus-task-picker::backdrop{background:#172b2466}
#family-account,#task-account{overflow-wrap:anywhere}
#auth-title:focus-visible,#family-account:focus-visible{outline:3px solid #866627;outline-offset:4px}
.focus-task-options{list-style:none;padding:0;display:grid;gap:12px}
.focus-task-options button{width:100%;min-height:48px;text-align:right;overflow-wrap:anywhere;white-space:normal}
.family-topic-card:focus-visible,.family-topic-tools h2:focus-visible{outline:3px solid #866627;outline-offset:4px}
.family-board-guide{scroll-margin-block-start:140px}.family-board-guide li{margin-block:.75rem}.family-board-guide a{display:inline-block;padding-block:12px;min-height:48px}
@media print{.family-topic-tools,.family-board-guide{display:none!important}}
[data-family-view]:not([data-family-view="development-screen"]) #screen-sync{display:none!important}
body:not([data-development-access="true"]) #screen-sync{display:none!important}
#settings{margin-block:24px 12px}

#capture-actions{display:flex;flex-wrap:wrap;gap:12px}
#capture-actions>button{flex:1 1 22rem;min-width:0;white-space:normal;overflow-wrap:anywhere}
#capture-status:empty,#editor-status:empty{display:none}
.operation-status{padding:12px 16px;border:2px solid #355e52;background:#eef5ed;color:#244738;border-radius:12px;text-align:right;scroll-margin-block:120px}
.operation-status.error{border-color:#892b29;background:#fff4f3;color:#892b29}
#editor-actions{display:flex;flex-wrap:nowrap;gap:10px;align-items:stretch}
#editor-actions>button{flex:1 1 0;min-width:0;min-height:44px;margin:0;padding:10px 6px;white-space:normal}
.operation-feedback{position:fixed;z-index:1000;inset-inline:12px;bottom:16px;max-width:680px;width:calc(100% - 24px);margin-inline:auto;display:flex;align-items:center;gap:12px;padding:12px 16px;border:2px solid #355e52;border-radius:14px;background:#eef5ed;color:#244738;box-shadow:0 4px 16px #0003;text-align:right;direction:rtl}
.operation-feedback p{margin:0;flex:1;max-height:22vh;overflow:auto;overflow-wrap:anywhere}
.operation-feedback button{flex:0 0 44px;min-height:44px;padding:4px;font-size:1.5rem}
.operation-feedback.error{border-color:#892b29;background:#fff4f3;color:#892b29}
@media print{.operation-feedback,#capture-status,#editor-status{display:none!important}}