.notice-toolbar{display:flex;align-items:center;gap:12px;margin:20px 0 14px}.notice-scopes{display:flex;gap:4px;background:var(--theme-surface-muted,#f1f5ee);border:1px solid var(--theme-line,#e2e8dd);padding:4px;border-radius:11px;flex-shrink:0}.notice-scopes button{padding:9px 14px;min-height:38px;border-radius:8px;font-size:var(--text-small);color:var(--theme-muted,#70816d)}.notice-scopes button[aria-pressed=true]{background:var(--theme-surface,#fff);box-shadow:0 1px 4px #0000000b;color:var(--theme-text,#315c40);font-weight:600}.notice-scopes span{display:inline-block;min-width:17px;margin-left:4px;font-size:var(--text-caption)}.notice-search{display:flex;align-items:center;gap:8px;flex:1;min-width:0;border:1px solid var(--theme-line,#dfe7dc);border-radius:11px;padding:0 12px;background:var(--theme-surface,#fff)}.notice-search>.icon{width:17px;height:17px;flex-shrink:0;color:var(--theme-muted,#789176)}.notice-search input{border:0!important;box-shadow:none!important;outline:none;min-width:0;width:100%;font-size:var(--text-body);min-height:46px;padding:10px 0;background:transparent;color:var(--theme-text,#305b40)}.notice-search:focus-within{outline:2px solid var(--theme-accent-border,#658c69);outline-offset:2px}.notice-filters{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}.notice-filters label{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1 1 185px}.notice-filters label>span{font-size:var(--text-caption);font-weight:600;color:var(--theme-muted,#71856e)}.notice-filters select{width:100%;min-height:43px;border:1px solid var(--theme-line,#dde6da);border-radius:9px;background:var(--theme-surface,#fff);color:var(--theme-text,#335841);font:inherit;font-size:var(--text-small);padding:9px 10px}.notice-filters>.text-button{min-height:43px;font-size:var(--text-small)}.notice-result-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-top:23px;padding-top:16px;border-top:1px solid var(--theme-line,#e4e9df)}.notice-result-heading>span{font-size:var(--text-small);color:var(--theme-muted,#73856e)}.notice-result-heading button{font-size:var(--text-small);min-height:36px}.notice-read-hint{font-size:var(--text-caption);line-height:1.6;color:var(--theme-muted,#81917c);margin:0 0 12px}.notification-copy{display:block;flex:1;min-width:0;overflow-wrap:anywhere}.notification-copy strong,.notification-copy small,.notification-body{display:block}.notification-body{font-size:var(--text-small);line-height:1.6;color:var(--theme-muted,#687d61);margin:5px 0 7px}#notification-center .notification-item{padding:15px 13px;align-items:flex-start;margin-bottom:4px}#notification-center .notification-item>.subject-icon{width:35px;height:35px;flex-shrink:0}#notification-center .notification-item strong{font-size:var(--text-body);line-height:1.5}#notification-center .notification-item>.icon{margin-top:8px;flex-shrink:0}.notice-more{display:flex;margin:18px auto 0}#notification-center [hidden]{display:none}#notification-center button:focus-visible{outline:2px solid var(--theme-accent-border,#658c69);outline-offset:3px}#notification-center button:disabled{cursor:default;opacity:.55}
@media(max-width:600px){.notice-toolbar{flex-wrap:wrap;gap:10px}.notice-search{flex-basis:100%}.notice-search input{font-size:1.0667rem}.notice-filters label{flex-basis:100%}.notice-filters select{font-size:1.0667rem}.notice-filters>.text-button{min-height:34px}.notice-result-heading{margin-top:12px}.notice-result-heading>span{flex-basis:100%}.notice-result-heading>button{min-height:44px}#notification-center .notification-item{padding:13px 9px;gap:9px}#notification-center .notification-item>.subject-icon{display:none}#notification-center .notification-item strong{font-size:var(--text-small)}.notification-body{font-size:var(--text-small)}}
.notice-filter-toggle{display:none}
@media(max-width:600px){.notice-filter-toggle{display:inline-flex;min-height:44px;margin-left:auto;font-size:var(--text-small)}.notice-filters{display:none}.notice-filters.is-open{display:flex}.notice-toolbar{margin-top:16px}#notification-center .notification-settings{flex-direction:row;gap:10px}#notification-center .notification-settings>.text-button{font-size:var(--text-caption);flex-shrink:0;min-height:36px}#notification-center .notification-settings p{font-size:var(--text-small);line-height:1.5}.notice-scopes button{min-height:40px}}