.notice-home{margin:0 0 20px;overflow:hidden}.notice-home .panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.notice-home .panel-head small{display:block;margin-top:4px;opacity:.6}.notice-row{display:flex;align-items:center;gap:12px;width:100%;border:0;border-top:1px solid #8883;background:transparent;color:inherit;text-align:left;padding:16px 20px;cursor:pointer}.notice-row:hover{background:#8881}.notice-row strong{flex:1;overflow-wrap:anywhere}.notice-row time{font-size:12px;opacity:.6;white-space:nowrap}.notice-category{display:inline-block;padding:4px 8px;border-radius:5px;background:#8882;font-size:12px;white-space:nowrap}.notice-muted{padding:12px 16px;opacity:.7;font-size:13px;line-height:1.6}.notice-dialog{width:min(760px,calc(100vw - 32px));max-height:85vh;box-sizing:border-box;padding:24px;border:1px solid #8885;border-radius:14px;background:var(--surface,#fff);color:var(--text,#17202a);overflow:auto}.notice-dialog::backdrop{background:#0008}.notice-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:20px}.notice-dialog-head h2{margin:0;font-size:20px;overflow-wrap:anywhere}.notice-dialog button,.notice-admin button,.notice-home .panel-head button{padding:8px 12px;cursor:pointer;border:1px solid #8885;border-radius:6px;background:transparent;color:inherit}.notice-dialog .primary,.notice-admin .primary{background:#2457d6;color:white;border-color:#2457d6}.notice-dialog button:disabled,.notice-admin button:disabled{opacity:.5;cursor:default}.notice-content{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;border-top:1px solid #8883;padding-top:20px;font-size:15px}.notice-detail-meta{font-size:13px;line-height:1.8;opacity:.8}.notice-admin-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.notice-admin-head h2{margin:0 0 8px}.notice-admin-head p{font-size:13px;opacity:.7}.notice-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}.notice-pagination{margin-top:16px}.notice-form{display:grid;gap:16px}.notice-form label{display:grid;gap:8px;font-size:13px}.notice-form input:not([type=checkbox]),.notice-form select,.notice-form textarea{width:100%;box-sizing:border-box;border:1px solid #8886;border-radius:6px;padding:10px;background:transparent;color:inherit;font:inherit}.notice-form select option{background:var(--surface,#fff);color:var(--text,#17202a)}.notice-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.notice-form .notice-check,.notice-form .notice-choice{display:flex;align-items:center;gap:8px}.notice-choices{max-height:240px;overflow:auto;display:grid;gap:10px;border:1px solid #8883;border-radius:6px;padding:12px}.notice-choices .notice-choice{overflow-wrap:anywhere}.notice-form [role=alert]{color:#d34242;margin:0}.notice-title{text-align:left;overflow-wrap:anywhere}.notice-admin td{max-width:320px;overflow-wrap:anywhere}.notice-form textarea{resize:vertical}.notice-admin .table-wrap{overflow:auto}@media(max-width:650px){.notice-row{flex-wrap:wrap;padding:14px}.notice-row time{margin-left:auto}.notice-row strong{min-width:65%}.notice-form-grid{grid-template-columns:1fr}.notice-admin-head{display:block}.notice-dialog{padding:18px}.notice-admin-head .notice-actions{justify-content:flex-start}}

/* Notice-only presentation refinement. Business logic and shared ERP styles are unchanged. */
.notice-dialog.notice-detail-dialog[open],
.notice-dialog.notice-editor-dialog[open]{display:flex;flex-direction:column;max-height:85vh;padding:0;overflow:hidden}
.notice-detail-dialog .notice-dialog-head,
.notice-editor-dialog .notice-dialog-head{flex:0 0 auto;padding:24px 24px 16px;margin:0;align-items:flex-start}
.notice-detail-dialog .notice-dialog-head h2,
.notice-editor-dialog .notice-dialog-head h2{font-size:20px;line-height:1.5;min-width:0}
.notice-detail-dialog .notice-dialog-head button,
.notice-editor-dialog .notice-dialog-head button{flex:0 0 36px;width:36px;height:36px;padding:0;font-size:20px}
.notice-detail-dialog .notice-detail-meta{flex:0 0 auto;padding:0 24px 18px;opacity:1;border-bottom:1px solid var(--line,#e4e6e9)}
.notice-badges{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.notice-detail-dialog .notice-byline{font-size:12px;color:var(--muted,#767d86);margin:12px 0 0;line-height:1.7}
.notice-detail-dialog .notice-management-period{font-size:12px;color:var(--muted,#767d86);margin:4px 0 0}
.notice-detail-dialog .notice-content{min-height:0;overflow-y:auto;overscroll-behavior:contain;flex:0 1 auto;padding:22px 24px 26px;border:0;white-space:pre-wrap;tab-size:4;line-height:1.85}
.notice-editor-dialog .notice-form{display:flex;flex-direction:column;gap:0;flex:1 1 auto;min-height:0;overflow:hidden;margin:0}
.notice-editor-dialog .notice-form-body{display:grid;gap:18px;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:4px 24px 24px;align-content:start}
.notice-editor-dialog .notice-form-footer{flex:0 0 auto;padding:16px 24px;border-top:1px solid var(--line,#e4e6e9);background:var(--surface,#fff)}
.notice-editor-dialog .notice-form-footer [role=alert]:not(:empty){margin-bottom:10px;font-size:13px}
.notice-editor-dialog .notice-form textarea{min-height:260px;max-height:none;overflow:hidden;resize:none;line-height:1.75}
.notice-editor-dialog .notice-check{align-self:end;min-height:41px;padding:0 8px}
.notice-editor-dialog .notice-audience-box{padding:12px 14px;border:1px solid var(--line,#e4e6e9);border-radius:6px;background:var(--soft,#f6f7f8)}
.notice-editor-dialog .notice-audience-box .notice-muted{margin:0;padding:0;line-height:1.7}
.notice-editor-dialog .notice-audience-box .notice-muted:empty{display:none}
.notice-editor-dialog .notice-audience-box .notice-choices{max-height:none;overflow:visible;padding:0;border:0;margin-top:8px}
.notice-editor-dialog .notice-audience-box .notice-muted:empty+.notice-choices{margin-top:0}
.notice-admin .notice-title{border:0;padding:4px 0;margin-top:4px;border-radius:0;color:var(--text,#17191c);text-decoration:underline;text-decoration-color:var(--muted,#767d86);text-underline-offset:3px;font-weight:600;line-height:1.5}
.notice-admin .notice-title:hover{color:#2457d6;text-decoration-color:currentColor}
.notice-admin table td{vertical-align:middle;padding:12px 14px;line-height:1.6;font-size:13px}
.notice-admin table th{vertical-align:middle;padding:10px 14px}
.notice-admin table td:first-child{min-width:88px}
.notice-admin .notice-category,.notice-detail-dialog .notice-category{font-size:11px;line-height:1.4;padding:4px 7px;background:var(--soft,#f6f7f8);border:1px solid var(--line,#e4e6e9);color:var(--text,#17191c)}
.notice-admin table td:last-child{white-space:nowrap}
.notice-admin table td:last-child button{padding:5px 9px;font-size:12px}
.notice-dialog :focus-visible,.notice-admin .notice-title:focus-visible{outline:2px solid #2457d6;outline-offset:3px}
@media(max-width:650px){
 .notice-detail-dialog .notice-dialog-head,.notice-editor-dialog .notice-dialog-head{padding:18px 18px 12px}
 .notice-detail-dialog .notice-detail-meta{padding:0 18px 14px}
 .notice-detail-dialog .notice-content{padding:18px}
 .notice-editor-dialog .notice-form-body{padding:4px 18px 18px}
 .notice-editor-dialog .notice-form-footer{padding:14px 18px}
}