.school-communications{color:var(--ink,#20262c);font:inherit;min-width:0}.school-communications *{box-sizing:border-box}.school-communications [hidden]{display:none!important}.school-communications h2,.school-communications h3,.school-communications h4{color:inherit;margin:.3em 0 .65em;line-height:1.5}.school-communications p{margin:.4em 0 1em}.school-communications button,.school-communications input,.school-communications select,.school-communications textarea{font:inherit;max-width:100%;min-width:0}.school-communications button{min-height:44px;border:1px solid var(--line-strong,#c5d0dc);border-radius:12px;padding:9px 14px;background:var(--surface-raised,#fff);color:var(--ink,#20262c);cursor:pointer;white-space:normal;line-height:1.5}.school-communications button:hover{background:var(--accent-soft,#e8ecfd)}.school-communications button:disabled{opacity:.55;cursor:default}.school-communications button:focus-visible,.school-communications input:focus-visible,.school-communications select:focus-visible,.school-communications textarea:focus-visible{outline:3px solid var(--accent,#3349d8);outline-offset:2px}.school-communications input:not([type=checkbox]),.school-communications select,.school-communications textarea{display:block;width:100%;min-height:44px;border:1px solid var(--line-strong,#c5d0dc);border-radius:10px;padding:10px;background:var(--field-bg,#f8fafc);color:var(--ink,#20262c)}.school-communications textarea{resize:vertical;min-height:170px;line-height:1.7}.school-communications label{display:flex;flex-direction:column;gap:6px;min-width:0;color:var(--ink,#20262c)}.school-communications .sc-check{display:flex;flex-direction:row;align-items:center;gap:8px;min-height:44px}.school-communications .sc-check input{width:20px;height:20px;flex:none;accent-color:var(--accent,#3349d8)}.sc-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.sc-heading p,.sc-sender,.sc-readonly{color:var(--muted,#596775)}.sc-heading>div{min-width:0}.sc-heading>button{flex:none}.sc-inbox-filters{display:flex;align-items:end;gap:12px;flex-wrap:wrap;padding:16px;border:1px solid var(--line-strong,#c5d0dc);border-radius:16px;background:var(--card-bg,#f9fbfc)}.sc-inbox-filters>label:first-child{flex:1 1 220px}.sc-message-list{display:grid;gap:14px;margin:16px 0}.sc-message{padding:16px;background:var(--card-bg,#f9fbfc);border:1px solid var(--line-strong,#c5d0dc);border-radius:18px;min-width:0}.sc-message.sc-unread{border-inline-start:5px solid var(--accent,#3349d8)}.sc-message-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;font-size:.85rem;color:var(--muted,#596775);margin-bottom:12px}.sc-message-meta time{margin-inline-start:auto}.sc-kind{display:inline-flex;align-items:center;padding:3px 9px;border-radius:20px;background:var(--accent-soft,#e8ecfd);color:var(--ink,#20262c);font-weight:600}.sc-kind-urgent{background:var(--danger-soft,#fce9ed);color:var(--danger,#b93447)}.sc-kind-important{background:var(--warning-soft,#fcf2db);color:var(--warning,#8a5d12)}.school-communications .sc-message-open{display:flex;flex-direction:column;align-items:stretch;text-align:start;width:100%;border:0;background:transparent;padding:4px;gap:9px;overflow-wrap:anywhere}.sc-message-open strong{font-size:1.15rem}.sc-message-open>span:not(.sc-open-label){white-space:pre-wrap;line-height:1.8}.sc-open-label{color:var(--accent,#3349d8);font-size:.9rem;font-weight:600}.sc-sender{font-size:.85rem;margin-top:12px!important}.sc-pager,.sc-send-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:18px 0}.sc-pager span{min-width:0}.sc-pager button{flex:none}.sc-empty{padding:28px;text-align:center;background:var(--surface-soft,#edf2f6);border-radius:16px}.school-communications .sc-error{color:var(--danger,#b93447);overflow-wrap:anywhere}.sc-success{color:var(--success,#137256)}.sc-compose-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:20px;align-items:start}.sc-fields{display:grid;gap:14px;padding:16px;border:1px solid var(--line-strong,#c5d0dc);border-radius:16px;background:var(--card-bg,#f9fbfc);min-width:0;margin:0}.sc-format summary{cursor:pointer;padding:10px 0;min-height:44px;font-weight:600}.sc-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:10px}.sc-preview{min-width:0;position:sticky;top:16px;padding:16px;background:var(--surface-soft,#edf2f6);border-radius:16px;border:1px solid var(--line-strong,#c5d0dc)}.sc-bubble{border-radius:18px 18px 5px 18px;padding:20px;min-width:0;overflow-wrap:anywhere;line-height:1.85;box-shadow:0 2px 7px #0000000c}.sc-bubble h3{font-size:1.18em;margin:0 0 12px;color:inherit;font-weight:700}.sc-body{white-space:pre-wrap;overflow-wrap:anywhere;color:inherit;font:inherit}.sc-audience{margin-top:20px;padding:18px;background:var(--card-bg,#f9fbfc);border:1px solid var(--line-strong,#c5d0dc);border-radius:16px}.sc-audience>p{color:var(--muted,#596775)}.sc-target-controls{display:grid;grid-template-columns:minmax(150px,1fr) minmax(0,2fr);gap:12px;align-items:end}.sc-target-controls>[data-sc-target]{display:flex;gap:10px;align-items:end;min-width:0}.sc-target-controls>[data-sc-target]>label{flex:1;min-width:0}.sc-targets{padding:0;list-style:none;display:grid;gap:8px;margin:12px 0}.sc-targets li{display:flex;align-items:center;gap:12px;justify-content:space-between;border:1px solid var(--line-strong,#c5d0dc);border-radius:10px;padding:8px 12px;overflow-wrap:anywhere}.sc-targets li>span{min-width:0}.sc-targets button{flex:none}.sc-search-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:10px;margin:14px 0}.sc-search-results>button{display:flex;flex-direction:column;align-items:start;text-align:start;gap:5px;overflow-wrap:anywhere}.sc-search-results>button span{font-size:.9rem}.school-communications .sc-primary{background:var(--accent,#3349d8);color:var(--accent-contrast,#fff);border-color:transparent;font-weight:600}.school-communications .sc-primary:hover{background:var(--accent-hover,#253ac2)}.sc-recipient-count{font-size:1.15rem}.sc-history{display:grid;gap:12px}.sc-modal{position:fixed;inset:0;z-index:9800;display:flex;align-items:center;justify-content:center;padding:18px;background:var(--scrim,#001e4680)}.sc-dialog{width:min(780px,100%);max-height:94dvh;overflow:auto;border:1px solid var(--line-strong,#c5d0dc);border-radius:20px;padding:22px;background:var(--card-bg,#f9fbfc);box-shadow:var(--dialog-shadow,0 12px 50px #0004)}.sc-dialog .sc-readonly{margin-top:16px}.sc-dialog .sc-heading{align-items:center}.sc-dialog .sc-heading h2{margin:0;font-size:1.15rem}
@media(max-width:720px){.sc-compose-grid{grid-template-columns:1fr}.sc-preview{position:static}.sc-heading{gap:10px}.sc-heading h2{font-size:1.25rem}.sc-inbox-filters{padding:12px;gap:8px}.sc-target-controls{grid-template-columns:1fr}.sc-target-controls>[data-sc-target]{flex-wrap:wrap}.sc-target-controls>[data-sc-target]>label{flex-basis:180px}.sc-send-actions>*{flex:1 1 140px}.sc-message{padding:12px}.sc-message-meta{gap:8px}.sc-message-meta time{flex-basis:100%;margin:0}.sc-modal{padding:8px}.sc-dialog{max-height:98dvh;padding:14px;border-radius:16px}.sc-audience{padding:12px}.sc-bubble{padding:16px}.sc-targets li{align-items:flex-start}.sc-targets button{padding:8px}.sc-pager{gap:8px}.sc-pager span{flex:1;font-size:.9rem}.sc-fields{padding:12px}}
@media(max-height:500px) and (orientation:landscape){.sc-modal{padding:6px}.sc-dialog{max-height:98dvh;padding:12px}.sc-preview{position:static}.sc-dialog .sc-heading{position:sticky;top:-12px;background:var(--card-bg,#f9fbfc);padding:8px 0;z-index:1}}
.sc-bell{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;padding:8px 12px;border:1px solid var(--line-strong,#c5d0dc);border-radius:12px;background:var(--card-bg,#f9fbfc);color:var(--ink,#20262c);font:inherit;cursor:pointer}.sc-desktop-alert{display:flex;justify-content:flex-end;margin-bottom:12px}[data-communications-badge]{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:2px 6px;border-radius:20px;background:var(--danger,#b93447);color:var(--surface-raised,#fff);font-size:12px;font-weight:700}[data-communications-badge][hidden]{display:none!important}.sc-subtabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.sc-subtabs button{min-height:44px;padding:10px 16px;border:1px solid var(--line-strong,#c5d0dc);border-radius:12px;background:var(--card-bg,#f9fbfc);color:var(--ink,#20262c);font:inherit;cursor:pointer}.sc-subtabs button.active{background:var(--accent,#3349d8);color:var(--accent-contrast,#fff)}
@media(max-width:900px){.sc-desktop-alert{display:none}.mobile-topbar>.sc-bell{flex:none;padding:6px;min-width:44px;min-height:44px}.sc-subtabs button{flex:1}}
.communication-alert{position:fixed;inset-inline-end:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:9900;width:min(420px,calc(100vw - 32px));display:flex;gap:10px;align-items:center;padding:12px;border:1px solid var(--line-strong,#c5d0dc);border-radius:16px;background:var(--card-bg,#f9fbfc);color:var(--ink,#20262c);box-shadow:var(--dialog-shadow,0 12px 40px #0004)}.communication-alert button{min-height:44px;border:1px solid var(--line-strong,#c5d0dc);border-radius:10px;padding:10px;background:var(--surface-raised,#fff);color:inherit;font:inherit;line-height:1.6;cursor:pointer}.communication-alert button:first-child{flex:1;min-width:0;text-align:start;overflow-wrap:anywhere}.communication-alert button:last-child{flex:none;min-width:44px}.communication-alert button:focus-visible{outline:3px solid var(--accent,#3349d8);outline-offset:2px}[data-communications-permission-status]{flex-basis:100%;color:var(--muted,#596775);font-size:.9rem}
.family-account-issue{background:var(--warning-soft,#fcf2db);color:var(--warning,#8a5d12);border-inline-start:3px solid currentColor;border-radius:6px;padding:8px 10px;margin:8px 0;font-size:.9rem;white-space:normal}.school-communications [data-sc-title-count],.school-communications [data-sc-body-count]{color:var(--muted,#596775);font-size:.8rem;align-self:flex-end}
.school-communications .sc-heading p{color:var(--ink,#20262c)}