:root{color-scheme:light;--navy:#244d75;--green:#d5f4bc;--amber:#ffe3a5;--ink:#233b4c;--muted:#52626b;--paper:#edf3f7;--line:#c9d7df;font:15px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink)}[hidden]{display:none!important}button,input,textarea,select{font:inherit}button{min-height:44px;border:0;border-radius:22px;padding:10px 18px;background:var(--navy);color:#fff;font-weight:700;font-size:13px;cursor:pointer;touch-action:manipulation}button:hover:not(:disabled){filter:brightness(.94)}button:disabled{opacity:.55;cursor:not-allowed}.secondary{background:#dfedf8;color:var(--navy)}.text-button{background:transparent;color:var(--navy);padding:7px 10px;font-size:12px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #a16e13;outline-offset:3px}a{color:var(--navy)}label{display:block;font-size:13px;font-weight:650;margin-top:14px}input,textarea,select{width:100%;display:block;border:1px solid #9fb7c7;border-radius:10px;padding:11px 12px;background:#fff;color:var(--ink);margin-top:6px;min-width:0}input:disabled,select:disabled,textarea:disabled{background:#eef1f2;color:#53616a}textarea{resize:vertical;min-height:90px;max-height:260px}h1,h2,p{overflow-wrap:anywhere}h1{font-size:30px;letter-spacing:-.7px;line-height:1.2;margin:5px 0 10px}h2{font-size:19px;line-height:1.35;margin:0}p{margin:8px 0}.site-header{background:var(--navy);color:#fff;border-bottom:4px solid #99e17a;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px max(24px,calc((100vw - 1160px)/2))}.brand{display:flex;align-items:center;gap:13px;font-size:23px;font-weight:800;line-height:1.3}.brand-mark{display:grid;place-items:center;border:1px solid #83a1be;border-radius:14px;width:46px;height:46px;color:#c9efb7;font-size:23px;letter-spacing:-2px}.brand-subtitle{display:block;color:#dce7f1;font-size:11px;font-weight:500;margin-top:3px}.environment-pill{border:1px solid #88a4be;border-radius:20px;padding:6px 11px;font-size:10px;letter-spacing:1px;font-weight:750;white-space:nowrap}main{max-width:1208px;padding:24px;margin:0 auto}.fictional-banner{background:#e6f3e8;border:1px solid #adcab5;border-left:5px solid #315b42;border-radius:10px;padding:13px 17px;font-size:12px;color:#153c2c;display:flex;flex-wrap:wrap;gap:4px 16px;margin-bottom:28px}.fictional-banner strong{font-size:13px}.eyebrow{color:var(--navy);font-size:10px;letter-spacing:1.7px;font-weight:800;margin:0 0 6px}.muted{color:var(--muted);font-size:12px}.fine-print{font-size:11px;line-height:1.5;color:var(--muted)}.access-card{max-width:470px;margin:40px auto 60px;background:white;border:1px solid var(--line);border-radius:20px;box-shadow:0 8px 28px #244d7508;padding:30px}.access-card button{margin-top:20px}.access-card form>button{width:100%}.access-card .fine-print{margin-top:24px}#access-status{font-size:13px}#access-status:not(:empty){background:#f0f5f8;border-radius:8px;padding:10px 12px}.workspace-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:18px}.workspace-status{font-size:12px;margin:0 0 14px}.workspace-status:empty{display:none}.workspace{display:grid;grid-template-columns:310px minmax(0,1fr);border:1px solid var(--line);border-radius:18px;overflow:hidden;background:white;box-shadow:0 5px 24px #244d7508;min-height:590px}.conversation-sidebar{border-right:1px solid var(--line);background:#fafcfd;min-width:0}.sidebar-heading{display:flex;justify-content:space-between;align-items:center;padding:17px 16px 10px;gap:8px}.sidebar-heading h2{font-size:15px}.management-notice{font-size:12px;background:#fff3d8;color:#553900;border-left:3px solid #c18c27;padding:10px 12px;border-radius:6px}.conversation-sidebar>.management-notice{margin:0 16px 12px}details{margin:0 16px 12px;border:1px solid #d5e1e9;border-radius:9px;background:#fff}summary{cursor:pointer;min-height:44px;padding:12px;font-size:12px;font-weight:700;color:var(--navy);touch-action:manipulation}fieldset{border:0;margin:0;padding:0 12px 14px}fieldset label{font-size:11px;margin-top:7px}fieldset select{font-size:12px;min-height:42px;padding:8px;margin-top:3px}.check-label{display:flex;align-items:center;gap:9px;padding:3px 0}.check-label input{margin:0;width:18px;height:18px}.list-status{padding:0 17px;color:var(--muted);font-size:12px}.conversation-list{list-style:none;padding:0;margin:0;max-height:540px;overflow:auto}.conversation-list li{border-top:1px solid #e3eaf0}.conversation-choice{border-radius:0;width:100%;text-align:left;display:block;background:transparent;color:var(--ink);padding:16px 18px;font-weight:500;border-left:3px solid transparent}.conversation-choice[aria-current=true]{background:#e7f0f7;border-left-color:var(--navy)}.conversation-choice strong{display:block;font-size:13px;overflow-wrap:anywhere}.conversation-choice span{display:block;color:var(--muted);font-size:11px;overflow-wrap:anywhere;margin-top:2px}.conversation-choice .role-tag{display:inline-block;font-size:10px;font-weight:700;color:var(--navy);background:#e1edf6;border-radius:12px;padding:2px 8px;margin-top:8px}.conversation-choice .role-tag.management{background:#fff0d0;color:#553900}.sidebar-footnote{padding:14px 18px;margin:0}.chat-panel{min-width:0;background:#fff}.chat-placeholder{height:100%;min-height:450px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;color:var(--muted)}.chat-placeholder h2{color:var(--ink)}.chat-placeholder p{font-size:13px}.empty-icon{font-size:35px;letter-spacing:3px;background:#f1f6f8;border-radius:24px;padding:8px 20px;margin-bottom:18px;color:#6286a5}.chat-heading{padding:20px 24px 12px}.chat-heading h2{font-size:21px}.chat-heading .muted{margin-bottom:0}#back-to-list{display:none}.chat-legend{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;font-size:11px;font-weight:650;padding:9px 24px 11px;border-bottom:1px solid var(--line)}.chat-legend span{display:flex;align-items:center;gap:5px}.chat-legend small{font-size:10px;color:var(--muted);margin-left:auto}.legend-dot{width:9px;height:9px;border-radius:50%;display:inline-block;border:1px solid #0002}.teacher{background:var(--navy)}.parent{background:var(--green)}.management{background:var(--amber)}.oversight-note{font-size:10px;padding:9px 24px;margin:0;background:#f7fafc;color:var(--muted)}.thread-status{font-size:12px;padding:0 24px;margin:0}.thread-status:not(:empty){padding-top:13px;padding-bottom:13px}.retry-messages{margin:0 24px 15px}.chat-history{display:flex;flex-direction:column;gap:14px;min-height:250px;max-height:530px;overflow:auto;padding:24px;background-color:#f0f3ef;background-image:radial-gradient(#c9d4ca55 .65px,transparent .65px);background-size:17px 17px}.history-empty{color:var(--muted);font-size:12px;text-align:center;margin:auto;padding:28px 0}.bubble{align-self:flex-start;width:fit-content;max-width:84%;padding:11px 15px;border:1px solid transparent;box-shadow:0 2px 2px #1737470c;border-radius:16px 16px 16px 4px;overflow-wrap:anywhere}.bubble.outgoing{align-self:flex-end;border-radius:16px 16px 4px 16px}.bubble--teacher{background:#244d75;color:white;border-color:#244d75}.bubble--parent{background:#d5f4bc;color:#173b25;border-color:#a8d68f}.bubble--management{background:#ffe3a5;color:#553900;border-color:#e3b755}.bubble-author{font-size:11px;font-weight:800;margin-bottom:4px}.bubble p{white-space:pre-wrap;font-size:13px;line-height:1.6;margin:0}.bubble time{display:block;font-size:9px;margin-top:7px;color:inherit;text-align:right}.chat-composer{padding:16px 24px 22px;border-top:1px solid var(--line)}.chat-composer label{margin-top:0;font-size:12px}.chat-composer textarea{font-size:13px;border-radius:14px}.chat-composer .management-notice{margin:0 0 13px}.composer-bottom{display:flex;gap:15px;justify-content:space-between;align-items:center;margin-top:11px}.composer-bottom p{margin:0;max-width:400px}.composer-bottom button{min-width:140px;flex-shrink:0}.pending-panel{border:1px solid #ddb95c;background:#fffae9;border-radius:10px;margin:16px 24px;padding:13px 15px;font-size:12px}.pending-panel>p:not(.fine-print){white-space:pre-wrap;overflow-wrap:anywhere;max-height:130px;overflow:auto}.pending-actions{display:flex;flex-wrap:wrap;gap:8px}.pending-actions button{font-size:11px}footer{font-size:10px;color:var(--muted);text-align:center;margin:24px 0 8px}.skip-link{position:absolute;top:-80px;left:12px;z-index:3;background:#fff;padding:10px 15px;border-radius:8px}.skip-link:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:760px){.site-header{padding:17px 18px;gap:10px}.brand{font-size:20px}.brand-mark{width:40px;height:40px;font-size:21px}.brand-subtitle{font-size:9px}.environment-pill{font-size:8px;padding:5px 8px}main{padding:18px 12px}.fictional-banner{margin-bottom:21px;padding:11px 13px;font-size:11px}.fictional-banner strong{font-size:12px}.workspace-heading{align-items:flex-start;gap:12px}.workspace-heading h1{font-size:26px}.workspace-heading button{font-size:11px;max-width:145px}.workspace{grid-template-columns:1fr;min-height:400px;border-radius:14px}.conversation-sidebar{border-right:0}.workspace.chat-open .conversation-sidebar{display:none}.workspace:not(.chat-open) .chat-panel{display:none}.chat-heading{padding:14px 16px 12px}#back-to-list{display:block;margin:0 0 8px -8px}.chat-legend{padding:9px 16px;gap:8px 12px}.oversight-note{padding:9px 16px}.chat-history{padding:17px 12px;max-height:55vh;min-height:250px}.bubble{max-width:92%;padding:10px 13px}.chat-composer{padding:14px 16px 18px}.chat-composer textarea,select,input{font-size:16px}.composer-bottom{flex-wrap:wrap}.composer-bottom button{width:100%}.composer-bottom p{max-width:none}.access-card{margin:25px auto 40px;padding:23px}.thread-status{padding-left:16px;padding-right:16px}.pending-panel{margin:14px 16px}.conversation-list{max-height:500px}.check-label{min-height:40px}fieldset select{font-size:16px}}
@media(prefers-reduced-motion:no-preference){button{transition:background-color .15s}}

.credential-options{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;border-top:1px solid var(--line);padding-top:12px}.access-card .credential-options button{margin:0;font-size:12px;flex:1 1 160px}.credential-panel{border-top:1px solid var(--line);margin-top:22px;padding-top:20px}#credential-requirements{font-size:12px;color:var(--muted)}.access-actions{display:flex;flex-wrap:wrap;gap:8px}

.notification-panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 20px;margin:0 0 20px}.notification-heading{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.notification-heading h2{font-size:16px}.preview-badge{border:1px solid #a8bac9;border-radius:12px;padding:2px 8px;font-size:9px;letter-spacing:.6px;color:var(--navy);font-weight:800}#notification-scope{font-size:12px;max-width:850px}.notification-state{font-size:12px;font-weight:650}.notification-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.notification-actions button{font-size:11px;padding:9px 13px}#notification-status{font-size:12px;max-width:850px}#notification-status:empty{display:none}.notification-previews{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:10px;padding:0;margin:14px 0 0}.notification-previews:empty{display:none}.notification-previews li{background:#f3f7fa;border:1px dashed #91aabb;border-radius:10px;padding:12px 14px}.notification-previews strong{display:block;font-size:13px}.notification-previews p{font-size:12px;margin-bottom:0}.preview-label{display:block;font-size:9px;color:var(--muted);font-weight:750;letter-spacing:.4px;margin-bottom:6px}@media(max-width:760px){.notification-panel{padding:15px}.notification-actions button{flex:1 1 190px}}

/* School hub redesign */
:root{--navy:#345743;--ink:#25342c;--muted:#66736b;--paper:#f4f5f3;--line:#e1e6df;font-size:15px}
body{padding-bottom:94px}.site-header{background:var(--paper);color:var(--ink);border:0;padding:22px max(24px,calc((100vw - 1120px)/2));gap:12px}.brand{font-size:21px;letter-spacing:-.5px}.brand-subtitle{color:var(--muted);font-size:12px}.school-logo{border-radius:50%;background:#fff;object-fit:contain;width:64px;height:64px}.environment-pill{border:1px solid #d4ddd4;color:#5c6b60;font-size:9px;padding:4px 10px;letter-spacing:1.5px}main{max-width:1168px;padding:12px 24px 24px}.welcome-card{background:#283a32;color:white;padding:36px;border-radius:26px;position:relative;overflow:hidden}.welcome-card:after{content:"";position:absolute;right:-40px;top:-90px;border:48px solid #ffffff05;width:230px;height:230px;border-radius:50%;pointer-events:none}.welcome-card .eyebrow{color:#c6d9be;letter-spacing:2px}.welcome-card h1{font-size:36px;font-weight:650;max-width:540px;margin:12px 0}.welcome-card p{color:#d5dfd6}.welcome-card button{background:#e2eccd;color:#263b2b;margin-top:18px;border-radius:12px}.welcome-card button span{margin-left:24px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:28px 0 15px}.section-heading h2{font-size:20px;letter-spacing:-.5px}.section-heading>span{font-size:9px;letter-spacing:1.5px;color:var(--muted)}.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.quick-card{position:relative;background:#fff;color:var(--ink);border:1px solid #e8ece5;border-radius:20px;text-align:left;padding:22px;display:flex;align-items:flex-start;flex-direction:column;box-shadow:0 3px 8px #203a2610}.feature-icon{width:46px;height:46px;display:grid;place-items:center;font-size:26px;border-radius:15px;line-height:1;font-weight:500;flex-shrink:0}.green{background:#e7efdd;color:#375b2a}.purple{background:#eee9fa;color:#695696}.orange{background:#fff0dd;color:#a96e2b}.blue{background:#e6effb;color:#436e9d}.quick-card strong{font-size:16px;margin-top:20px;line-height:1.3}.quick-card>span:not(.feature-icon){font-size:11px;color:var(--muted);font-weight:400;margin-top:5px}.quick-card b{position:absolute;right:20px;top:25px;font-size:18px;color:#7f8c80}.agenda-card{background:#fff;border:1px solid #e8ece5;border-radius:20px;padding:24px;display:flex;gap:20px;align-items:center}.agenda-card h3{font-size:16px;margin:0}.agenda-card p{font-size:13px;color:var(--muted);margin:5px 0 0}.soon{font-size:10px;white-space:nowrap;background:#f0f2ed;border-radius:20px;padding:5px 10px;margin-left:auto;color:#687367}.bottom-nav{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);width:min(520px,calc(100% - 32px));z-index:10;display:flex;background:#fff;border:1px solid var(--line);border-radius:23px;padding:8px;box-shadow:0 8px 40px #24372a20;padding-bottom:max(8px,env(safe-area-inset-bottom))}.bottom-nav button{flex:1;background:transparent;border-radius:16px;color:#748075;display:flex;align-items:center;flex-direction:column;gap:3px;font-size:11px;font-weight:550;padding:5px;min-height:52px}.bottom-nav button span{font-size:23px;line-height:1.2}.bottom-nav button[aria-current]{background:#edf2e7;color:#33502f;font-weight:750}.feature-page{max-width:760px;margin:15px auto;padding:34px;background:#fff;border-radius:24px;border:1px solid var(--line)}.feature-page>.feature-icon{margin-bottom:28px}.feature-page>p{color:var(--muted)}.feature-page h1{font-size:30px}.empty-feature{padding:28px;background:#f5f6f2;border-radius:16px;margin:28px 0;color:var(--muted);font-size:14px}.more-links{display:grid;gap:10px;margin:20px 0}.more-links button{display:flex;justify-content:space-between;text-align:left;background:#f4f6ef;color:var(--ink);border-radius:12px;gap:15px}.more-links span{font-size:11px;color:var(--muted);font-weight:400}.app-help{margin:15px 0}.app-help p,.app-help>button{margin:12px}.access-card{margin:30px auto;background:#fff;border:0;box-shadow:0 8px 28px #203a2610;padding:34px;border-radius:24px}.access-card h1{font-size:30px}.access-card .muted{font-size:14px}.credential-options{gap:8px}footer{font-size:10px;color:#7b877e;text-align:center;margin-top:24px}.workspace-heading h1{font-size:28px}.workspace{border-radius:20px}.chat-history{background-color:#f1f4ee}.bubble--teacher{background:#244d75}.chat-composer{background:#fff}.workspace-heading .secondary{font-size:11px}#messages-view h1{outline-offset:5px}.conversation-choice[aria-current=true]{background:#edf3e6}.management-notice{font-size:11px}
@media(max-width:760px){.site-header{padding:16px 20px}.brand{font-size:19px}.school-logo{width:54px;height:54px}main{padding:6px 18px 20px}.welcome-card{padding:26px 24px;border-radius:23px}.welcome-card h1{font-size:29px;max-width:250px}.welcome-card p{font-size:13px}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.quick-card{padding:18px;min-height:166px;border-radius:18px}.quick-card strong{font-size:14px;margin-top:17px}.quick-card>span:not(.feature-icon){font-size:10px}.agenda-card{padding:19px;gap:13px;flex-wrap:wrap}.agenda-card>div{flex:1;min-width:160px}.agenda-card .soon{margin-left:59px}.feature-page{padding:25px 22px}.access-card{margin:20px auto;padding:26px}.section-heading>span{display:none}.workspace-heading{gap:10px;align-items:flex-start}.workspace-heading h1{font-size:24px}.workspace-heading .secondary{padding:8px 12px;white-space:nowrap}.brand-subtitle{font-size:11px}}

.legend-dot.teacher{background:#244d75}

/* Website-matched branding: oakhillandlittlebean.co.za/styles.css (8 Nov 2026).
   Nunito is self-hosted; no third-party font requests or tracking. */
@font-face{font-family:Nunito;font-style:normal;font-weight:400 900;font-display:swap;src:url('/nunito-latin.woff') format('woff')}
:root{--school-blue:#99c5ff;--school-blue-dark:#3f6f9f;--school-blue-light:#edf6ff;--school-green:#99e17a;--school-green-dark:#4d7f31;--school-green-light:#f1fde9;--navy:#3f6f9f;--ink:#363130;--muted:#62615f;--paper:#faf8f5;--line:#dce7ee;font-family:Nunito,system-ui,sans-serif}
.site-header{background:#fff;border-bottom:1px solid var(--line);position:relative}
.site-header:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--school-blue) 0 50%,var(--school-green) 50% 100%)}
.brand{gap:14px;letter-spacing:-.3px}.brand-names{display:grid;gap:2px}.brand-oak,.brand-bean{display:block;font-size:23px;font-weight:900;line-height:1.18}.brand-oak{color:var(--school-blue-dark)}.brand-bean{color:var(--school-green-dark)}.brand-amp{font-weight:700}.school-logo{width:70px;height:70px;flex-shrink:0}.environment-pill{color:var(--school-blue-dark);background:var(--school-blue-light);border-color:#d1e4f9;letter-spacing:1px}
h1,h2,h3{font-weight:800}.eyebrow{color:var(--school-blue-dark)}
.welcome-card{background:linear-gradient(115deg,#edf6ff 0%,#e4f1ff 56%,#f1fde9 100%);color:var(--ink);border:1px solid #d5e5f3;box-shadow:0 8px 28px #99c5ff25}
.welcome-card:after{border-color:#99e17a30;right:-70px;top:-75px}.welcome-card .eyebrow{color:var(--school-blue-dark)}.welcome-card h1{color:var(--school-blue-dark);font-weight:900}.welcome-card p{color:#455d70}.welcome-card button{background:var(--school-blue-dark);color:#fff;position:relative;z-index:1}
.quick-card{border-color:#dce7ee;box-shadow:0 4px 18px #99c5ff20;border-top:4px solid var(--school-blue)}.quick-card:nth-child(even){border-top-color:var(--school-green)}.quick-card strong{font-weight:800}.quick-card b{color:var(--school-blue-dark)}
.green{background:var(--school-green-light);color:var(--school-green-dark)}.blue{background:var(--school-blue-light);color:var(--school-blue-dark)}.purple{background:#e6f4dc;color:var(--school-green-dark)}.orange{background:#fff4e2;color:#935b0b}
.agenda-card{border-color:#dce7ee;border-left:4px solid var(--school-green)}.soon{background:var(--school-green-light);color:var(--school-green-dark)}.bottom-nav{border-color:#d5e5f3;box-shadow:0 8px 30px #3f6f9f24}.bottom-nav button{color:#596d7d}.bottom-nav button[aria-current]{background:var(--school-blue-light);color:var(--school-blue-dark);box-shadow:inset 0 -3px 0 var(--school-blue)}
.access-card{border:1px solid #e1eaf2;border-top:4px solid var(--school-blue);box-shadow:0 8px 28px #99c5ff25}.access-card h1,.section-heading h2,.feature-page h1{color:var(--school-blue-dark)}.more-links button,.empty-feature{background:var(--school-blue-light)}.secondary{background:var(--school-blue-light);color:var(--school-blue-dark)}
.chat-history{background:#f4f8fc}.bubble--teacher,.legend-dot.teacher{background:var(--school-blue-dark)}.bubble--parent{background:#e3f6d7;color:#304e24}.conversation-choice[aria-current=true]{background:var(--school-blue-light)}
@media(max-width:760px){.brand-oak,.brand-bean{font-size:21px}.school-logo{width:58px;height:58px}.brand{gap:10px}.site-header{padding:16px}.welcome-card h1{max-width:280px}.brand-names{gap:3px}}
@media(max-width:360px){.brand-oak,.brand-bean{font-size:19px}.school-logo{width:48px;height:48px}.environment-pill{font-size:8px;padding:4px 7px}.site-header{gap:8px;padding:14px 12px}}

.calendar-agenda{display:grid;gap:12px;margin:20px 0}.calendar-date-card{display:flex;align-items:center;gap:18px;padding:20px;background:#fff;border:1px solid #d5e8d7;border-radius:18px;text-align:left}.calendar-date-card time{display:grid;place-items:center;min-width:68px;min-height:68px;padding:8px;border-radius:16px;background:#e8f5df;color:#315e26;font-weight:850;font-size:1.15rem}.calendar-date-card h3{margin:0 0 6px;font-size:1.1rem}.calendar-date-card p{margin:0;color:#56685e;font-size:.9rem}#calendar-status{font-size:.9rem;color:#56685e}#calendar-view>button{margin:8px}

/* Calendar-first Home: retain normal document flow and accessible touch targets. */
.home-events-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 10px}.home-events-heading h1{font-size:28px;margin:0;color:var(--school-blue-dark)}.home-events-heading .eyebrow{margin-bottom:4px}.home-events-heading button{flex-shrink:0}.home-message-action{margin:12px 0 20px}.home-message-action button{min-width:160px}#home-view #calendar-home{margin:0 0 12px}#home-view .calendar-date-card{padding:16px}#home-view .section-heading{margin-top:22px}
@media(max-width:760px){.home-events-heading{margin-top:8px;gap:8px}.home-events-heading h1{font-size:26px}.home-events-heading button{padding:9px 12px;font-size:12px}#home-view .calendar-date-card{padding:14px;gap:13px}#home-view .calendar-date-card time{min-width:60px;min-height:60px}.home-message-action{margin:12px 0 18px}.home-message-action button{width:100%}}

.announcements-panel{margin:18px 0 14px;padding:20px;background:#f5faff;border:1px solid #d5e5f3;border-radius:20px}.announcement-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.announcements-list{display:grid;gap:12px;margin:10px 0 14px}.announcement-card{padding:16px;background:#fff;border:1px solid #e0e9ef;border-radius:15px}.announcement-card h3{font-size:16px;margin:8px 0 5px}.announcement-card p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.announcement-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:#52626b;font-size:11px}.announcement-audience{background:#e7f4df;color:#315e26;border-radius:16px;padding:3px 9px;font-weight:750}.announcement-form{margin-top:16px;border-top:1px solid #d5e5f3;padding-top:12px}.announcement-form h3{margin:4px 0}.announcement-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}#announcement-form-status{font-size:13px}#announcements-status:empty,#announcement-form-status:empty{display:none}@media(max-width:760px){.announcements-panel{padding:15px;margin-top:16px}.announcement-card{padding:13px}.announcement-heading h2{font-size:18px}.announcement-actions button{flex:1}}

.push-settings{margin:20px 0;padding:18px;background:#edf6ff;border:1px solid #d5e5f3;border-radius:18px}.push-settings>p{font-size:13px}.push-actions{display:flex;gap:8px;flex-wrap:wrap}.push-actions button{flex:1;min-width:140px}

.new-conversation-panel{padding:1rem;margin:.75rem 0;border:1px solid var(--line,#d8e3e4);border-radius:12px}.new-conversation-panel select{width:100%;margin:.5rem 0}.new-conversation-panel>div{display:flex;gap:.5rem;flex-wrap:wrap}#new-conversation{margin:.5rem 0}

.notification-onboarding{margin:0 0 1rem;padding:1rem;border:1px solid #a7cfc5;border-radius:16px;background:#edf8f4}.notification-onboarding h2{margin-top:0}.notification-onboarding>div{display:flex;gap:.6rem;flex-wrap:wrap}.notification-onboarding p{max-width:65ch}

.announcement-attachments{list-style:none;margin:.6rem 0;padding:0;display:grid;gap:.5rem}.announcement-attachments li{display:flex;align-items:center;justify-content:space-between;gap:.7rem;min-width:0}.announcement-attachments span,.announcement-attachments button{overflow-wrap:anywhere;word-break:break-word}.announcement-attachments button{text-align:left}.announcement-form input[type=file]{max-width:100%;padding:.65rem}