/* Scoped announcement administration layout. Public board and marquee are unchanged. */
:is(#board-announcements-view, #announcements-view) .notice-toolbar { display:flex; align-items:end; gap:12px; flex-wrap:wrap; margin-bottom:16px; }
:is(#board-announcements-view, #announcements-view) .notice-search { flex:1 1 280px; max-width:600px; }
:is(#board-announcements-view, #announcements-view) .notice-page-size { width:92px; flex:0 0 92px; }
:is(#board-announcements-view, #announcements-view) .notice-tabs { display:flex; gap:8px; flex-wrap:wrap; margin:12px 0 20px; }
:is(#board-announcements-view, #announcements-view) .notice-tabs button { white-space:nowrap; border-radius:999px; padding:9px 14px; }
:is(#board-announcements-view, #announcements-view) .notice-tabs button[aria-pressed="true"] { background:#155e75; border-color:#155e75; color:#fff; }
:is(#board-announcements-view, #announcements-view) .notice-list { display:grid; gap:12px; }
:is(#board-announcements-view, #announcements-view) .notice-card { display:grid; grid-template-columns:minmax(0,1fr) minmax(230px,0.7fr); gap:14px 24px; border:1px solid #d7e2e8; border-radius:12px; padding:20px; background:#fff; min-width:0; }
:is(#board-announcements-view, #announcements-view) .notice-card-main { min-width:0; }
:is(#board-announcements-view, #announcements-view) .notice-card-heading { display:flex; gap:10px; align-items:start; flex-wrap:wrap; margin-bottom:8px; }
:is(#board-announcements-view, #announcements-view) .notice-card h3 { margin:0; font-size:1.05rem; overflow-wrap:anywhere; }
:is(#board-announcements-view, #announcements-view) .notice-snippet { margin:0; color:#4b5964; white-space:pre-line; overflow-wrap:anywhere; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; line-height:1.65; }
:is(#board-announcements-view, #announcements-view) .notice-meta { display:grid; align-content:start; gap:8px; color:#475569; line-height:1.55; font-size:.92rem; min-width:0; }
:is(#board-announcements-view, #announcements-view) .notice-meta p { margin:0; overflow-wrap:anywhere; }
:is(#board-announcements-view, #announcements-view) .notice-meta-label { display:inline-block; min-width:3em; color:#64748b; margin-right:8px; }
:is(#board-announcements-view, #announcements-view) .notice-actions { display:flex; flex-wrap:wrap; gap:8px; grid-column:1 / -1; justify-content:flex-end; border-top:1px solid #edf1f4; padding-top:12px; }
:is(#board-announcements-view, #announcements-view) .notice-actions button { width:auto; min-width:64px; white-space:nowrap; }
:is(#board-announcements-view, #announcements-view) .notice-status { display:inline-flex; align-items:center; padding:3px 9px; border-radius:999px; font-size:.82rem; font-weight:700; background:#eef2f6; color:#475569; white-space:nowrap; }
:is(#board-announcements-view, #announcements-view) .notice-status[data-status="ACTIVE"] { color:#116149; background:#e3f5eb; }
:is(#board-announcements-view, #announcements-view) .notice-status[data-status="SCHEDULED"] { color:#255a96; background:#e9f1fe; }
:is(#board-announcements-view, #announcements-view) .notice-status[data-status="DRAFT"] { color:#825b16; background:#fff4d6; }
:is(#board-announcements-view, #announcements-view) .notice-pagination { display:flex; gap:12px; align-items:center; justify-content:space-between; flex-wrap:wrap; margin-top:18px; }
:is(#board-announcements-view, #announcements-view) .notice-page-buttons { display:flex; gap:6px; flex-wrap:wrap; }
:is(#board-announcements-view, #announcements-view) .notice-page-buttons button[aria-current="page"] { background:#155e75; color:#fff; border-color:#155e75; }
:is(#board-announcements-view, #announcements-view) .notice-detail-heading { display:flex; justify-content:space-between; gap:16px; align-items:start; flex-wrap:wrap; margin-bottom:20px; }
:is(#board-announcements-view, #announcements-view) .notice-form-section { border:0; border-top:1px solid #dfe8ed; margin:22px 0 0; padding:22px 0 0; min-width:0; }
:is(#board-announcements-view, #announcements-view) .notice-form-section > h3 { margin:0 0 14px; font-size:1.05rem; }
:is(#board-announcements-view, #announcements-view) .notice-content-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:22px; align-items:start; }
:is(#board-announcements-view, #announcements-view) .notice-content-layout.notice-reading { grid-template-columns:1fr; }
:is(#board-announcements-view, #announcements-view) .notice-fields { display:grid; gap:14px; min-width:0; }
:is(#board-announcements-view, #announcements-view) .notice-preview { border:1px solid #d9e5eb; border-radius:12px; background:#f6fafb; padding:20px; min-width:0; }
:is(#board-announcements-view, #announcements-view) .notice-preview > h3 { margin:0 0 12px; color:#607482; font-size:.9rem; }
:is(#board-announcements-view, #announcements-view) .notice-preview-title { margin:0 0 12px; font-size:1.1rem; overflow-wrap:anywhere; }
:is(#board-announcements-view, #announcements-view) .notice-preview-content { white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.75; }
:is(#board-announcements-view, #announcements-view) .notice-linked-content { white-space:pre-wrap; overflow-wrap:anywhere; }
:is(#board-announcements-view, #announcements-view) .notice-preview-content a { color:#075f9b; text-decoration:underline; text-underline-offset:3px; overflow-wrap:anywhere; }
:is(#board-announcements-view, #announcements-view) .notice-preview-content a:focus-visible { outline:3px solid #2386ac; outline-offset:3px; }
:is(#board-announcements-view, #announcements-view) .notice-counter { display:block; text-align:right; color:#64748b; font-size:.85rem; margin-top:4px; }
:is(#board-announcements-view, #announcements-view) .notice-role-box { border:1px solid #dbe5eb; border-radius:10px; padding:16px; margin-top:18px; }
:is(#board-announcements-view, #announcements-view) .notice-role-box .checkbox-grid { grid-template-columns:repeat(auto-fit,minmax(195px,1fr)); gap:12px; }
:is(#board-announcements-view, #announcements-view) .notice-time-shortcuts { display:flex; flex-wrap:wrap; gap:8px; margin:12px 0; }
:is(#board-announcements-view, #announcements-view) .notice-time-shortcuts button { width:auto; white-space:nowrap; }
:is(#board-announcements-view, #announcements-view) .notice-advanced, :is(#board-announcements-view, #announcements-view) .notice-settings { border:1px solid #dbe5eb; border-radius:10px; padding:16px; margin-top:22px; }
:is(#board-announcements-view, #announcements-view) :is(.notice-advanced, .notice-settings) > summary { cursor:pointer; font-weight:700; padding:3px 0; }
:is(#board-announcements-view, #announcements-view) :is(.notice-advanced, .notice-settings)[open] > summary { margin-bottom:16px; }
:is(#board-announcements-view, #announcements-view) .notice-savebar { display:flex; gap:12px; flex-wrap:wrap; align-items:center; margin-top:24px; padding-top:18px; border-top:1px solid #dbe5eb; }
:is(#board-announcements-view, #announcements-view) .notice-state-note { margin:0; padding:12px 16px; border-radius:8px; background:#edf5f8; color:#294e60; line-height:1.65; }
:is(#board-announcements-view, #announcements-view) .notice-feedback { padding:12px 16px; border-radius:8px; background:#edf5f8; color:#294e60; margin:12px 0; line-height:1.6; }
:is(#board-announcements-view, #announcements-view) .notice-feedback[data-tone="error"] { background:#fff1ef; color:#963b31; }
:is(#board-announcements-view, #announcements-view) .notice-feedback[data-tone="success"] { background:#e8f6ed; color:#205e3b; }
:is(#board-announcements-view, #announcements-view) [hidden] { display:none !important; }
@media(max-width:760px) {
  :is(#board-announcements-view, #announcements-view) .notice-toolbar { align-items:end; }
  :is(#board-announcements-view, #announcements-view) .notice-search { flex-basis:100%; max-width:none; }
  :is(#board-announcements-view, #announcements-view) .notice-card { grid-template-columns:1fr; padding:16px; gap:14px; }
  :is(#board-announcements-view, #announcements-view) .notice-actions { justify-content:flex-start; }
  :is(#board-announcements-view, #announcements-view) .notice-content-layout { grid-template-columns:1fr; }
  :is(#board-announcements-view, #announcements-view) .notice-pagination { align-items:start; }
  :is(#board-announcements-view, #announcements-view) .notice-tabs { gap:6px; }
  :is(#board-announcements-view, #announcements-view) .notice-tabs button { padding:8px 11px; }
}