.notice-management .page-heading { align-items: center; }
.notice-list .table-toolbar { flex-wrap: wrap; gap: 12px 18px; position: relative; }
.notice-list .notice-filters { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.notice-filters .inline-search { width: 253px; }
.notice-filters .inline-search input { min-width: 0; }
.notice-filters .user-filter-menu { z-index: 4; }
.notice-list td:first-child { overflow-wrap: anywhere; }
.notice-list td:first-child strong { color: #202e44; font-size: 13px; }
.notice-list td:first-child small { display: block; margin-top: 3px; color: #67758c; font-size: 11px; }
.notice-list .notice-date { white-space: nowrap; font-variant-numeric: tabular-nums; }
.notice-list .table tbody .notice-empty { text-align: center; padding: 36px 16px; color: #67758c; }
.notice-list .pagination button:disabled { opacity: .45; cursor: default; }
.notice-dialog-wide { width: min(760px, calc(100% - 32px)); }
.notice-languages { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; }
.notice-language { display: grid; align-content: start; gap: 12px; min-width: 0; padding: 14px; border: 1px solid #e4eaf3; border-radius: 9px; background: #f8fafd; }
.notice-language h3 { margin: 0; color: #263750; font-size: 14px; }
.notice-language :is(input, textarea):focus-visible { outline: 2px solid #246bff; outline-offset: 1px; }
.notice-copy, .notice-preview-title { overflow-wrap: anywhere; white-space: pre-wrap; }
.notice-copy { color: #42546d; line-height: 1.65; }
.notice-meta { display: flex; flex-wrap: wrap; gap: 10px 30px; margin: 0 0 2px; }
.notice-meta dt { color: #627189; font-size: 12px; }
.notice-meta dd { margin: 4px 0 0; font-size: 13px; }
.notice-dialog .notice-form-error { color: #a13849; }
.notice-form-error:empty { display: none; }
@media (max-width: 1180px) {
  body:has(.notice-management) { min-width: 0; }
  body:has(.notice-management) .layout { grid-template-columns: 184px minmax(0,1fr); }
  body:has(.notice-management) .sidebar { width: 184px; }
  body:has(.notice-management) :is(.content,.topbar) { padding-inline: 20px; }
}
@media (max-width: 720px) {
  body:has(.notice-management) .layout { grid-template-columns: 132px minmax(0,1fr); }
  body:has(.notice-management) .sidebar { width: 132px; padding-inline: 8px; }
  body:has(.notice-management) :is(.content,.topbar) { padding-inline: 12px; }
  .notice-filters .inline-search { width: min(253px, 100%); }
  .notice-languages { grid-template-columns: minmax(0,1fr); }
}
.notice-list .table { min-width: 980px; }
.notice-list .table th:first-child { min-width: 168px; width: 19%; }
.notice-list .table th:nth-child(2) { min-width: 200px; width: auto; }
.notice-list .table th:nth-child(3) { width: 118px; }
.notice-list .table th:nth-child(4) { width: 92px; }
.notice-list .table th:nth-child(5), .notice-list .table th:nth-child(6) { width: 128px; }
.notice-list .notice-body-cell { color: #4a5b73; overflow-wrap: anywhere; }
.notice-list .notice-body-cell :is(span, small) { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.notice-list .notice-body-cell small { margin-top: 3px; color: #67758c; font-size: 11px; }
.notice-audience-cell { white-space: nowrap; }
.notice-delivery { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.notice-dialog [hidden] { display: none; }
.notice-recipient-picker { display: grid; grid-column: 1 / -1; gap: 7px; padding: 10px 12px; border: 1px solid #e4eaf3; border-radius: 8px; }
.notice-recipient-options { max-height: 132px; overflow-y: auto; }
.notice-dialog .notice-user-option { display: flex; gap: 8px; align-items: center; padding: 6px 0; }
.notice-user-option small { margin-left: 5px; color: #67758c; }
.notice-recipient-picker > small { color: #586981; }
.notice-dialog .notice-recipients { overflow-wrap: anywhere; }
@media (max-width: 580px) {
  .notice-delivery { grid-template-columns: minmax(0, 1fr); }
}
.notice-dialog-actions { display: flex; gap: 8px; align-items: center; margin-left: auto; }
.notice-editor { width: min(1120px, calc(100% - 48px)); overflow: hidden; }
.notice-editor > .dm-form { display: flex; flex-direction: column; max-height: calc(100dvh - 48px); }
.notice-editor .dm-form > header, .notice-editor .dm-form > footer { flex: none; padding: 16px 24px; background: #fff; }
.notice-editor .dm-form > footer { flex-wrap: wrap; justify-content: space-between; gap: 8px 16px; }
.notice-editor .dm-dialog-body { min-height: 0; overflow-y: auto; padding: 20px 24px; gap: 22px; }
.notice-editor-section { display: grid; gap: 12px; min-width: 0; }
.notice-editor-section > h3 { margin: 0; color: #23344d; font-size: 15px; }
.notice-editor .notice-delivery { gap: 12px 16px; padding: 14px 16px; border: 1px solid #e4eaf3; border-radius: 9px; background: #f8fafd; }
.notice-choice { min-width: 0; margin: 0; padding: 0; border: 0; }
.notice-choice legend { padding: 0; margin-bottom: 8px; color: #35435a; font-size: 13px; }
.notice-choice-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.notice-dialog .notice-choice-options label { display: flex; align-items: center; gap: 8px; min-height: 40px; padding: 7px 10px; border: 1px solid #dce4ee; border-radius: 8px; background: #fff; cursor: pointer; }
.notice-choice-options label:has(:checked) { border-color: #3775f6; color: #1c54c7; background: #eef4ff; font-weight: 650; }
.notice-editor .notice-choice-options input[type="radio"] { flex: none; width: 15px; height: 15px; min-height: 0; padding: 0; margin: 0; accent-color: #246bff; }
.notice-choice-options label:has(:focus-visible) { outline: 2px solid #246bff; outline-offset: 2px; }
.notice-choice-options span { word-break: keep-all; }
.notice-editor .notice-recipient-picker { grid-row: 2; grid-column: 1; background: #fff; }
.notice-editor .notice-send-time { grid-row: 2; grid-column: 2; align-self: start; }
.notice-submit-summary { margin: 0; color: #586981; font-size: 12px; }
@media (max-width: 720px) {
  .notice-editor { width: calc(100% - 24px); }
  .notice-editor > .dm-form { max-height: calc(100dvh - 24px); }
  .notice-editor .dm-dialog-body, .notice-editor .dm-form > header, .notice-editor .dm-form > footer { padding-inline: 16px; }
}
@media (max-width: 580px) {
  .notice-editor .notice-recipient-picker, .notice-editor .notice-send-time { grid-row: auto; grid-column: 1; }
}
.notice-rich-field { display: grid; gap: 6px; min-width: 0; }
.notice-rich-label { color: #35435a; font-size: 13px; }
.notice-editor .notice-language-tabs { padding: 0; }
.notice-editor .notice-language { padding: 0; border: 0; border-radius: 0; background: transparent; }
.notice-rich-box { border: 1px solid #dce4ee; border-radius: 8px; background: #fff; }
.notice-rich-box:focus-within { border-color: #3775f6; }
.notice-rich-toolbar { display: flex; flex-wrap: wrap; gap: 3px; padding: 5px 7px; border-bottom: 1px solid #e6ecf4; border-radius: 8px 8px 0 0; background: #f7f9fc; }
.notice-rich-toolbar button { min-width: 27px; min-height: 28px; padding: 2px 5px; border: 0; border-radius: 5px; background: transparent; color: #35435a; font: inherit; font-size: 12px; cursor: pointer; }
.notice-rich-toolbar button:is(:hover, :focus-visible) { background: #e9f0ff; color: #1c54c7; }
.notice-rich-input { min-height: 350px; max-height: 58vh; overflow-y: auto; padding: 22px 24px; outline: 0; color: #23344d; font-size: 14px; line-height: 1.8; overflow-wrap: anywhere; }
.notice-rich-input:empty::before { content: attr(data-placeholder); color: #758298; pointer-events: none; }
.notice-rich-link { display: flex; gap: 7px; padding: 7px; border-bottom: 1px solid #e6ecf4; }
.notice-rich-link .btn { flex: none; }
.notice-dialog .notice-rich-link input { min-width: 0; }
.notice-language .notice-copy { white-space: normal; }
.notice-language :is(.notice-copy, .notice-rich-input) img { display: block; max-width: 100%; max-height: 260px; height: auto; margin: 6px 0; object-fit: contain; }
.notice-language :is(.notice-copy, .notice-rich-input) a { color: #205fd4; text-decoration: underline; }
.notice-language :is(.notice-copy, .notice-rich-input) :is(p, ul, ol) { margin-block: 0 7px; }
.notice-language :is(.notice-copy, .notice-rich-input) :is(ul, ol) { padding-inline-start: 20px; }