.notice-page{display:grid;gap:16px}.notice-page .notice-icon,.notice-dialog .notice-icon{display:inline-block;flex:none;vertical-align:middle;width:18px;height:18px}.notice-page .app-page-title{margin:0}.notice-page .page-title-heading{display:flex;align-items:center;gap:12px}.notice-page .notice-heading-icon{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:12px;background:#fff0e5;color:#ea603c}.notice-page .notice-heading-icon .notice-icon{width:22px;height:22px}.notice-page .page-title-subheading{font-weight:400;line-height:1.6}
.notice-page .notice-compose{padding:14px;border:1px solid #fed7c3;border-radius:12px;background:#fff8f3;gap:10px}.notice-page .notice-compose .form-control{min-height:40px;background:#fff;border-color:#e8ccbd}.notice-page .notice-compose .input-group-append{display:flex}.notice-page>.notice-compose+hr{margin:0;border-color:#f1f5f9}
.notice-page .btn,.notice-dialog .btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;border-radius:9px;font-weight:600;font-size:12px;padding:8px 12px}.notice-page .btn-success{background:#ea603c;color:#fff;border-color:#ea603c;white-space:nowrap}.notice-page .btn-success:hover{background:#d94f2c}.notice-page .btn-primary{background:#fff2e9;color:#b8431e;border-color:#fed7c3}.notice-page .btn-primary:hover{background:#ffe4d2}.notice-page .btn-outline-danger{background:#fff1f2;color:#be123c;border-color:#fecdd3;min-width:34px;padding:7px}.notice-page .btn:focus-visible,.notice-page .liked:focus-visible,.notice-page .disliked:focus-visible{outline:3px solid #fdba74;outline-offset:3px}
.notice-page .notice-entry{margin:0;overflow:hidden;border-color:#e2e8f0}.notice-page .notice-entry>.card-header{padding:16px 20px;background:#fffaf6;border-bottom:1px solid #f4e4da}.notice-entry-header{display:flex;gap:12px}.notice-entry-header img{width:40px;height:40px;border-radius:50%;object-fit:cover}.notice-entry-header .media-body{flex:1;min-width:0;margin:0}.notice-entry-header .media-body>a{color:#334155;font-size:13px;font-weight:700}.notice-entry-header .small{font-size:11px;line-height:1.6}.notice-admin-actions{margin-left:auto!important}.notice-page .notice-entry>.card-body{padding:20px;font-size:13px;line-height:1.85;color:#334155;overflow-wrap:anywhere}
.notice-page .notice-entry>.card-footer{padding:12px 20px!important;background:#f8fafc;border-top:1px solid #eef2f6;gap:12px}.notice-page .notice-entry>.card-footer>div{padding:0}.notice-reactions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.notice-page .notice-reactions a,.notice-page .notice-reactions>span{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:32px;padding:5px 9px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;font-size:12px;color:#64748b;margin:0;line-height:1.2}.notice-page .notice-reactions .liked{color:#15803d;border-color:#bbf7d0;background:#f0fdf4}.notice-page .notice-reactions .liked:hover{background:#dcfce7}.notice-page .notice-reactions .disliked{color:#b45309;border-color:#fde68a;background:#fffbeb}.notice-page .notice-reactions .disliked:hover{background:#fef3c7}
.notice-dialog .modal-header{background:#fff7ed;color:#9a3412}.notice-dialog .modal-body{color:#475569;font-size:13px}.notice-dialog .btn-secondary{border:1px solid #e2e8f0;background:#f8fafc;color:#475569}.notice-dialog .btn-danger{border:1px solid #dc2626;background:#dc2626;color:#fff}
@media(max-width:640px){.notice-page .notice-entry>.card-header{padding:14px}.notice-page .notice-entry>.card-body{padding:16px}.notice-page .notice-entry>.card-footer{padding:12px 14px!important}.notice-page .notice-compose{flex-wrap:wrap}.notice-page .notice-compose .form-control{flex:1 1 100%;min-width:0}.notice-page .notice-compose .input-group-append{width:100%}.notice-page .notice-compose .btn{width:100%}.notice-reactions{gap:6px}}

.notice-page [hidden]{display:none!important}

.notice-content{white-space:pre-line}