.student-notifications{width:100%;min-width:0;max-width:680px;margin-inline:auto}.student-notifications-back{min-height:44px;color:var(--school-muted-text);align-items:center;margin-bottom:12px;font-size:14px;text-decoration:none;display:inline-flex}.student-notifications .communication-workspace{color:var(--school-text);gap:20px}.student-notifications .admin-page-header{flex-flow:wrap;justify-content:space-between;align-items:flex-start;gap:12px;padding:0;display:flex}.student-notifications .admin-page-header h1{letter-spacing:-.035em;margin:0;font-size:30px;font-weight:800;line-height:1.2}.student-notifications .admin-page-header p{color:var(--school-muted-text);margin:8px 0 0;font-size:14px}.student-notifications .admin-page-actions{margin:0}.student-notifications .admin-page-actions a{font-size:13px}.student-notifications .communication-tabs{background:#f0f4f8;border:0;border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;display:grid;overflow:visible}.student-notifications .communication-tabs button{min-width:0;min-height:48px;color:var(--school-muted-text);white-space:normal;border:1px solid #0000;border-radius:10px;padding:9px 6px;font-size:13px;line-height:1.35}.student-notifications .communication-tabs button[aria-pressed=true]{background:var(--school-surface,#fff);border-color:var(--school-border,#d7e0e8);color:var(--school-primary)}.student-notifications .communication-search{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.student-notifications .communication-search label{min-width:0}.student-notifications .communication-search input{border-color:var(--school-border,#d7e0e8);border-radius:12px;height:48px;font-size:16px}.student-notifications :is(.secondary-action,.primary-action){border:1px solid var(--school-border,#d7e0e8);background:var(--school-surface,#fff);min-height:44px;color:var(--school-text);text-align:center;border-radius:12px;justify-content:center;align-items:center;padding:11px 14px;font-size:14px;font-weight:650;line-height:1.4;text-decoration:none;display:inline-flex}.student-notifications .primary-action{background:var(--school-primary);border-color:var(--school-primary);color:#fff}.student-notifications button:disabled{opacity:.55;cursor:not-allowed}.student-notifications .communication-inbox{border:0;gap:12px;display:grid}.student-notifications .communication-inbox>li{border:1px solid var(--school-border,#d7e0e8);background:var(--school-surface,#fff);border-radius:18px;padding:18px}.student-notifications .communication-inbox>li.is-unread{border-inline-start:3px solid var(--school-primary);padding-inline-start:16px}.student-notifications .communication-meta{color:var(--school-muted-text);flex-wrap:wrap;gap:4px 12px;margin-bottom:10px;font-size:12px;line-height:1.5;display:flex}.student-notifications .communication-inbox-title{grid-template-columns:minmax(0,1fr) 16px;align-items:center;gap:8px 12px;padding:0;font-size:17px;font-weight:750;line-height:1.4;display:grid}.student-notifications .communication-inbox-title:after{content:"";border-right:2px solid var(--school-muted-text);border-bottom:2px solid var(--school-muted-text);grid-area:1/2;justify-self:center;width:7px;height:7px;transform:rotate(45deg)}.student-notifications .communication-inbox-title[aria-expanded=true]:after{transform:rotate(225deg)}.student-notifications .communication-read-label{color:var(--school-muted-text);background:#f0f4f8;border-radius:6px;grid-column:1/-1;justify-self:start;padding:3px 8px;font-size:12px}.student-notifications .is-unread .communication-read-label{color:var(--school-primary);background:#fff0f3}.student-notifications .communication-body{margin:12px 0 0;font-size:15px;line-height:1.6}.student-notifications .communication-help{color:var(--school-muted-text);margin-top:10px;font-size:13px;display:block}.student-notifications .communication-detail{border-color:var(--school-border,#d7e0e8);margin-top:16px;padding-top:16px}.student-notifications .communication-detail>p{color:var(--school-muted-text);margin:0 0 14px;font-size:14px}.student-notifications .communication-actions{flex-direction:column;align-items:stretch;gap:8px;margin:0;display:flex}.student-notifications .communication-actions>*{flex:none;min-width:0}.student-notifications .communication-actions:empty{display:none}
.student-notification-settings .admin-page-actions{display:none}.student-notification-settings .admin-page-header p{max-width:56ch;line-height:1.6}.student-notification-settings .communication-preference-intro{background:#f0f4f8;border-radius:18px;grid-template-columns:minmax(0,1fr);gap:14px;padding:18px}.student-notification-settings .communication-preference-intro p{color:var(--school-muted-text);margin:0;font-size:13px}.student-notification-settings .communication-field{font-size:14px;font-weight:600}.student-notification-settings .communication-workspace :is(select,input:not([type=checkbox])){border:1px solid var(--school-border,#d7e0e8);background:var(--school-surface,#fff);width:100%;min-width:0;max-width:100%;min-height:48px;color:var(--school-text);border-radius:12px;padding:10px 12px;font-size:16px;font-weight:400}.student-notification-settings input[type=time]{appearance:none}.student-notification-settings .communication-preferences{gap:10px}.student-notification-settings .communication-preference-section{border:1px solid var(--school-border,#d7e0e8);background:var(--school-surface,#fff);border-radius:16px;min-width:0}.student-notification-settings .communication-preference-section>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:16px 18px;font-size:16px;font-weight:700;line-height:1.4;list-style:none;display:flex}.student-notification-settings summary::-webkit-details-marker{display:none}.student-notification-settings .communication-preference-section>summary:after{content:"";border-right:2px solid var(--school-muted-text);border-bottom:2px solid var(--school-muted-text);flex:0 0 7px;width:7px;height:7px;transform:rotate(45deg)}.student-notification-settings .communication-preference-section[open]>summary:after{transform:rotate(225deg)}.student-notification-settings summary:focus-visible{outline:3px solid var(--school-primary);outline-offset:3px;border-radius:16px}.student-notification-settings .communication-preference-content{padding:0 18px 18px}.student-notification-settings .communication-preference-content>section>h2,.student-notification-settings .communication-preference-content>fieldset>legend{display:none}.student-notification-settings .communication-preference-content fieldset{border:0;min-width:0;padding:0}.student-notification-settings .communication-preference-content p{color:var(--school-muted-text);margin:0 0 14px;font-size:13px}.student-notification-settings .communication-preference-content form{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.student-notification-settings .communication-preference-content>section>.communication-field{margin-block:14px}.student-notification-settings .communication-preference-content :is(.primary-action,.secondary-action){width:100%}.student-notification-settings .communication-preference-content form>label:not(.communication-field),.student-notification-settings .communication-channel-options label{background:#f0f4f8;border-radius:10px;align-items:center;gap:12px;min-height:48px;padding:10px 12px;font-size:14px;display:flex}.student-notification-settings .communication-workspace input[type=checkbox]{width:20px;height:20px;accent-color:var(--school-primary);flex:0 0 20px;margin:0}.student-notification-settings .communication-channel-options{gap:8px;display:grid}.student-notification-settings .communication-preferences form{border-top:1px solid var(--school-border,#d7e0e8);margin-top:18px;padding-top:18px}.student-notification-settings .communication-preference-content ul{gap:12px;padding:0;list-style:none;display:grid}.student-notification-settings .communication-preference-content li{overflow-wrap:anywhere;gap:8px;font-size:14px;display:grid}