/* QWERTY Notice Board v90 */
.notice-board-page{--notice-purple:#6d28d9;--notice-indigo:#4f46e5;--notice-ink:#172033;--notice-soft:#64748b;--notice-line:#e2e8f0;--notice-bg:#f6f7fb;color:var(--notice-ink);padding-bottom:28px}
.notice-board-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}
.notice-board-hero span,.notice-drawer>header small{color:var(--notice-purple);font-size:11px;font-weight:800;letter-spacing:.13em}
.notice-board-hero h1{margin:3px 0 2px;font-size:28px;letter-spacing:-.035em}.notice-board-hero p{margin:0;color:var(--notice-soft);font-size:13px}.notice-hero-actions{display:flex;gap:9px}
.notice-workflow{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:center;gap:14px;margin-bottom:15px;padding:16px 22px;border:1px solid var(--notice-line);border-radius:15px;background:#fff;box-shadow:0 5px 18px rgba(15,23,42,.035)}
.notice-workflow>div{display:flex;align-items:center;gap:10px;white-space:nowrap}.notice-workflow>div i{display:grid;width:36px;height:36px;place-items:center;border-radius:50%;background:#ede9fe;color:var(--notice-purple)}.notice-workflow>div:nth-of-type(2) i{background:#fff7ed;color:#ea580c}.notice-workflow>div:nth-of-type(3) i{background:#fef3c7;color:#d97706}.notice-workflow>div:nth-of-type(4) i{background:#dcfce7;color:#16a34a}.notice-workflow span{font-size:12px;font-weight:800}.notice-workflow span small{display:block;margin-top:2px;color:var(--notice-soft);font-size:9px;font-weight:600}.notice-workflow>b{height:1px;background:linear-gradient(90deg,#cbd5e1 50%,transparent 50%);background-size:8px 1px}
.notice-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.notice-summary>div{display:flex;align-items:center;gap:12px;min-height:76px;padding:14px 16px;border:1px solid #e4e7ec;border-radius:14px;background:#fff}.notice-summary>div>i{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;background:#f1ecff;color:var(--notice-purple);font-size:16px}.notice-summary>div:nth-child(2)>i{background:#fff7ed;color:#ea580c}.notice-summary>div:nth-child(3)>i{background:#eff6ff;color:#2563eb}.notice-summary>div:nth-child(4)>i{background:#ecfdf5;color:#16a34a}.notice-summary span{color:var(--notice-soft);font-size:11px;font-weight:700}.notice-summary strong{display:block;margin-top:2px;color:var(--notice-ink);font-size:23px}.notice-summary .notice-inbox-summary{grid-column:1/-1;min-height:68px}.notice-summary .notice-inbox-summary strong{font-size:16px}
.notice-tabs{display:flex;gap:5px;overflow:auto;border-bottom:1px solid var(--notice-line);scrollbar-width:none}.notice-tabs::-webkit-scrollbar{display:none}.notice-tabs button{flex:0 0 auto;padding:11px 15px;border:0;border-bottom:2px solid transparent;background:transparent;color:#526076;font:700 12px/1 inherit;cursor:pointer}.notice-tabs button.is-active{border-bottom-color:var(--notice-purple);color:var(--notice-purple)}
.notice-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0}.notice-toolbar label{position:relative;display:block;max-width:430px;flex:1}.notice-toolbar label i{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:#94a3b8}.notice-toolbar input{width:100%;height:42px;padding:0 14px 0 39px;border:1px solid var(--notice-line);border-radius:11px;background:#fff;outline:0;font:500 12px inherit}.notice-toolbar input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #ede9fe}.notice-toolbar>span{color:var(--notice-soft);font-size:11px;font-weight:700}
.notice-board-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.85fr);align-items:start;gap:14px}.notice-list,.notice-preview{min-height:360px}.notice-list{display:grid;gap:9px}.notice-preview{position:sticky;top:86px}
.notice-list-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;padding:13px;border:1px solid var(--notice-line);border-left:3px solid transparent;border-radius:13px;background:#fff;box-shadow:0 3px 13px rgba(15,23,42,.025);cursor:pointer;transition:.16s ease}.notice-list-card:hover,.notice-list-card.is-selected{border-color:#c4b5fd;border-left-color:var(--notice-purple);box-shadow:0 8px 24px rgba(91,33,182,.09);transform:translateY(-1px)}.notice-list-card.priority-urgent,.notice-list-card.priority-critical{border-left-color:#ef4444}.notice-list-card.priority-important{border-left-color:#f59e0b}.notice-type-icon{display:grid;width:40px;height:40px;place-items:center;border-radius:11px;background:#f1ecff;color:var(--notice-purple)}
.notice-card-copy{min-width:0}.notice-card-copy>div{display:flex;align-items:center;gap:7px}.notice-card-copy h3{min-width:0;margin:1px 0 3px;overflow:hidden;color:var(--notice-ink);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.notice-card-copy>p{display:-webkit-box;max-width:720px;margin:0;overflow:hidden;color:#536176;font-size:11px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.notice-card-copy footer{display:flex;flex-wrap:wrap;gap:7px 15px;margin-top:9px;color:#77849a;font-size:9.5px;font-weight:600}.notice-card-copy footer i{margin-right:3px;color:#94a3b8}.notice-card-state{display:flex;align-items:center;gap:7px}.notice-card-state button{width:28px;height:28px;border:0;border-radius:50%;background:#f8fafc;color:#64748b;cursor:pointer}
.notice-status,.notice-priority{display:inline-flex;align-items:center;width:max-content;border-radius:999px;font-size:9px;font-weight:800;text-transform:capitalize;white-space:nowrap}.notice-status{padding:5px 8px;background:#f1f5f9;color:#475569}.status-published{background:#dcfce7;color:#15803d}.status-pending_principal,.status-pending_director{background:#fff7ed;color:#c2410c}.status-scheduled{background:#dbeafe;color:#1d4ed8}.status-returned,.status-cancelled{background:#fee2e2;color:#b91c1c}.status-archived{background:#e2e8f0;color:#475569}.status-draft{background:#f1f5f9;color:#475569}.notice-priority{padding:3px 7px}.notice-priority.urgent,.notice-priority.critical{background:#fee2e2;color:#dc2626}.notice-priority.important{background:#fef3c7;color:#b45309}
.notice-preview-card{overflow:hidden;border:1px solid var(--notice-line);border-radius:16px;background:#fff;box-shadow:0 8px 30px rgba(15,23,42,.06)}.notice-preview-card>header{display:flex;gap:12px;padding:17px 17px 13px;border-bottom:1px solid #eef2f7}.notice-preview-icon{display:grid;flex:0 0 44px;height:44px;place-items:center;border-radius:13px;background:#ede9fe;color:var(--notice-purple);font-size:18px}.notice-preview-labels{display:flex;gap:6px}.notice-preview-card h2{margin:6px 0 4px;font-size:17px;line-height:1.25}.notice-preview-card header p{margin:0;color:var(--notice-soft);font-size:10.5px}.notice-message{padding:17px;color:#334155;font-size:12px;line-height:1.65}.notice-signature{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 17px 14px;color:#475569;font-size:10px}.notice-signature span{font-weight:800}.notice-signature small{color:#94a3b8}.notice-attachment{display:flex;align-items:center;gap:9px;margin:0 17px 15px;padding:10px 11px;border:1px solid #ddd6fe;border-radius:10px;background:#f5f3ff;color:#5b21b6;font-size:10px;font-weight:700;text-decoration:none}.notice-attachment span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notice-delivery{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #eef2f7;border-bottom:1px solid #eef2f7;background:#fbfcfe}.notice-delivery>div{display:grid;justify-items:center;gap:2px;padding:12px 5px;border-right:1px solid #eef2f7}.notice-delivery>div:last-child{border:0}.notice-delivery i{color:#7c3aed;font-size:12px}.notice-delivery strong{font-size:15px}.notice-delivery span{color:#718096;font-size:8.5px}.notice-preview-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px;padding:13px}.notice-preview-actions .btn{font-size:10px}.notice-preview-actions .btn-success{background:#16a34a;color:#fff}.notice-return-note{display:flex;gap:9px;margin:12px;padding:10px;border-radius:10px;background:#fff7ed;color:#9a3412}.notice-return-note strong{font-size:10px}.notice-return-note p{margin:2px 0 0;font-size:9.5px}
.notice-timeline{padding:13px 17px;border-top:1px solid #eef2f7}.notice-timeline h4{margin:0 0 10px;font-size:11px}.notice-timeline>div{display:flex;gap:9px;position:relative;padding-bottom:10px}.notice-timeline>div:before{position:absolute;top:20px;bottom:0;left:9px;width:1px;background:#e2e8f0;content:""}.notice-timeline>div:last-child:before{display:none}.notice-timeline>div>i{z-index:1;display:grid;width:19px;height:19px;place-items:center;border-radius:50%;background:#ede9fe;color:#6d28d9;font-size:8px}.notice-timeline p{margin:0}.notice-timeline strong,.notice-timeline span,.notice-timeline small{display:block}.notice-timeline strong{font-size:9.5px;text-transform:capitalize}.notice-timeline span,.notice-timeline small{margin-top:2px;color:#718096;font-size:8.5px}.notice-timeline small{color:#9a3412}
.notice-loading,.notice-empty,.notice-empty-preview{display:grid;justify-items:center;align-content:center;min-height:280px;padding:30px;border:1px dashed #dbe2ea;border-radius:14px;background:#fff;color:#64748b;text-align:center}.notice-empty i,.notice-empty-preview i{margin-bottom:10px;color:#c4b5fd;font-size:30px}.notice-empty h3,.notice-empty-preview h3{margin:0;color:#334155;font-size:14px}.notice-empty p,.notice-empty-preview p{max-width:280px;margin:5px 0 12px;font-size:11px}
.notice-modal-open{overflow:hidden}.notice-overlay{position:fixed;z-index:10020;inset:0;display:flex;justify-content:flex-end;background:rgba(15,23,42,.5);backdrop-filter:blur(2px)}.notice-drawer{display:flex;width:min(690px,100%);height:100%;flex-direction:column;background:#f8fafc;box-shadow:-15px 0 50px rgba(15,23,42,.2);animation:noticeDrawerIn .22s ease-out}.notice-drawer>header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 19px;border-bottom:1px solid var(--notice-line);background:#fff}.notice-drawer>header h2{margin:2px 0 0;font-size:20px}.notice-close{display:grid;width:35px;height:35px;place-items:center;border:0;border-radius:50%;background:#f1f5f9;color:#475569;cursor:pointer}.notice-drawer-body{min-height:0;flex:1;overflow:auto}.notice-composer{padding:17px 19px 94px}.notice-section-label{display:block;margin-bottom:8px;color:#334155;font-size:11px;font-weight:800}.notice-template-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin-bottom:16px}.notice-template-grid button{display:grid;justify-items:center;gap:5px;min-height:60px;padding:8px 4px;border:1px solid #dbe2ea;border-radius:10px;background:#fff;color:#536176;font:700 9px inherit;cursor:pointer}.notice-template-grid button i{font-size:14px}.notice-template-grid button.is-active{border-color:#8b5cf6;background:#ede9fe;color:#5b21b6;box-shadow:0 0 0 2px #f5f3ff}.notice-composer .field{margin-bottom:12px}.notice-composer .field>label{display:block;margin-bottom:5px;color:#334155;font-size:10.5px;font-weight:800}.notice-composer .field>small{display:block;margin-top:4px;color:#94a3b8;font-size:8.5px}.notice-composer .input{font-size:11px}.notice-message-input{min-height:190px!important;resize:vertical;line-height:1.55}.notice-composer-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.notice-segment{display:grid;grid-template-columns:1fr 1fr;height:40px;padding:3px;border:1px solid #dbe2ea;border-radius:10px;background:#f1f5f9}.notice-segment button{border:0;border-radius:7px;background:transparent;color:#64748b;font:700 10px inherit;cursor:pointer}.notice-segment button.is-active{background:#fff;color:#5b21b6;box-shadow:0 2px 8px rgba(15,23,42,.08)}.notice-upload{display:flex;align-items:center;gap:10px;margin:2px 0 12px;padding:11px 12px;border:1px dashed #a78bfa;border-radius:11px;background:#f5f3ff;color:#5b21b6;font-size:10px;font-weight:700;cursor:pointer}.notice-upload input{display:none}.notice-more{border:1px solid #e2e8f0;border-radius:11px;background:#fff}.notice-more summary{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;list-style:none;color:#475569;font-size:10px;font-weight:800;cursor:pointer}.notice-more[open] summary{border-bottom:1px solid #eef2f7}.notice-more>div,.notice-more>.notice-check{margin:12px}.notice-check{display:flex;align-items:flex-start;gap:9px}.notice-check input{width:17px;height:17px;margin:1px 0 0;accent-color:#6d28d9}.notice-check span,.notice-check strong,.notice-check small{display:block}.notice-check strong{font-size:10px}.notice-check small{margin-top:2px;color:#64748b;font-size:8.5px}.notice-autosave{margin:12px 0;color:#16a34a;font-size:9px;text-align:center}.notice-autosave i{margin-right:4px}.notice-composer-actions{position:absolute;right:0;bottom:0;left:0;display:flex;justify-content:flex-end;gap:8px;padding:12px 18px;border-top:1px solid #e2e8f0;background:rgba(255,255,255,.96);backdrop-filter:blur(8px)}.notice-composer-drawer{position:relative}.notice-role-pills{display:flex;flex-wrap:wrap;gap:6px}.notice-role-pills input{position:absolute;opacity:0}.notice-role-pills span{display:block;padding:7px 10px;border:1px solid #dbe2ea;border-radius:999px;background:#fff;color:#475569;font-size:9px;font-weight:700;cursor:pointer}.notice-role-pills input:checked+span{border-color:#8b5cf6;background:#ede9fe;color:#5b21b6}
.notice-settings-drawer{width:min(820px,100%)}.notice-settings{padding:17px 19px 90px}.notice-settings-info{display:flex;gap:11px;padding:13px;border:1px solid #ddd6fe;border-radius:12px;background:#f5f3ff}.notice-settings-info>i{display:grid;width:36px;height:36px;flex:0 0 auto;place-items:center;border-radius:10px;background:#6d28d9;color:#fff}.notice-settings-info strong{font-size:11px}.notice-settings-info p{margin:3px 0 0;color:#64748b;font-size:9.5px}.notice-settings h3{margin:18px 0 8px;font-size:12px}.notice-settings-table{overflow:auto;border:1px solid #e2e8f0;border-radius:11px;background:#fff}.notice-settings table{width:100%;border-collapse:collapse}.notice-settings th,.notice-settings td{padding:9px 10px;border-bottom:1px solid #eef2f7;font-size:9.5px;text-align:center}.notice-settings th:first-child,.notice-settings td:first-child{text-align:left}.notice-settings th{background:#f8fafc;color:#64748b;font-size:8px;text-transform:uppercase}.notice-settings input[type=checkbox]{width:16px;height:16px;accent-color:#6d28d9}.notice-critical-setting{margin-top:12px;padding:11px;border:1px solid #fde68a;border-radius:10px;background:#fffbeb}.notice-override-add{display:grid;grid-template-columns:2fr 1fr .8fr auto;gap:7px}.notice-override-add .input{font-size:9.5px}.notice-override-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.notice-override-list>span{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:999px;background:#eef2ff;color:#4338ca;font-size:8.5px;font-weight:700}.notice-override-list button{border:0;background:transparent;color:inherit;cursor:pointer}.notice-settings-actions{position:absolute;right:0;bottom:0;left:0;display:flex;justify-content:flex-end;gap:8px;padding:12px 18px;border-top:1px solid #e2e8f0;background:#fff}.notice-settings-drawer{position:relative}
.guardian-notice-widget{margin-bottom:14px;padding:0!important;overflow:hidden}.guardian-notice-widget>header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #eef2f7}.guardian-notice-widget header span{color:#7c3aed;font-size:8px;font-weight:900;letter-spacing:.12em}.guardian-notice-widget h3{margin:2px 0 0;font-size:13px}.guardian-notice-widget header button{border:0;background:transparent;color:#6d28d9;font-size:9px;font-weight:800;cursor:pointer}.guardian-notice-widget-body{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px}.guardian-notice-widget-body>button{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:8px;min-width:0;padding:9px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;text-align:left;cursor:pointer}.guardian-notice-widget-body>button>i{display:grid;width:32px;height:32px;place-items:center;border-radius:9px;background:#ede9fe;color:#6d28d9}.guardian-notice-widget-body span{min-width:0}.guardian-notice-widget-body strong,.guardian-notice-widget-body small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guardian-notice-widget-body strong{font-size:9.5px}.guardian-notice-widget-body small{margin-top:2px;color:#94a3b8;font-size:7.5px}.guardian-notice-widget-body b{padding:3px 5px;border-radius:999px;background:#dcfce7;color:#15803d;font-size:7px}
@keyframes noticeDrawerIn{from{transform:translateX(45px);opacity:.6}to{transform:none;opacity:1}}

@media(max-width:1100px){.notice-board-layout{grid-template-columns:1fr}.notice-preview{position:static}.notice-preview:empty{display:none}.notice-template-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:760px){.notice-board-page{padding-bottom:12px}.notice-board-hero{align-items:flex-start}.notice-board-hero h1{font-size:22px}.notice-board-hero p{max-width:260px;font-size:10px}.notice-hero-actions .btn{padding:9px}.notice-hero-actions .btn i{margin:0}.notice-hero-actions .btn{font-size:0}.notice-workflow{grid-template-columns:repeat(4,1fr);gap:4px;padding:11px 7px}.notice-workflow>b{display:none}.notice-workflow>div{display:grid;justify-items:center;gap:5px;text-align:center;white-space:normal}.notice-workflow>div i{width:29px;height:29px;font-size:11px}.notice-workflow span{font-size:7.5px}.notice-workflow span small{font-size:6.5px}.notice-summary{grid-template-columns:repeat(2,1fr);gap:7px}.notice-summary>div{min-height:60px;padding:9px}.notice-summary>div>i{width:31px;height:31px;font-size:12px}.notice-summary strong{font-size:17px}.notice-summary span{font-size:8px}.notice-tabs{margin-right:-10px}.notice-tabs button{padding:9px 11px;font-size:9.5px}.notice-toolbar{padding:9px 0}.notice-toolbar input{height:38px;font-size:10px}.notice-list-card{grid-template-columns:34px minmax(0,1fr);gap:9px;padding:10px}.notice-type-icon{width:34px;height:34px}.notice-card-state{grid-column:2;justify-content:flex-start}.notice-card-state button{display:none}.notice-card-copy h3{font-size:11px}.notice-card-copy>p{-webkit-line-clamp:1;font-size:9px}.notice-card-copy footer{gap:4px 9px;margin-top:6px;font-size:7.5px}.notice-preview-card h2{font-size:15px}.notice-drawer{width:100%;height:100dvh}.notice-drawer>header{padding:13px 14px}.notice-drawer>header h2{font-size:17px}.notice-composer{padding:13px 13px 88px}.notice-template-grid{grid-template-columns:repeat(3,1fr);gap:6px}.notice-template-grid button{display:flex;min-height:42px;justify-content:flex-start;padding:7px 9px}.notice-composer-grid{grid-template-columns:1fr;gap:0}.notice-message-input{min-height:175px!important}.notice-composer-actions{display:grid;grid-template-columns:1fr 1.2fr;padding:10px 12px}.notice-composer-actions .btn{padding:10px 7px;font-size:9.5px}.notice-settings{padding:13px 12px 80px}.notice-settings-table{margin-right:-5px;overflow-x:auto}.notice-settings th,.notice-settings td{padding:8px 7px}.notice-override-add{grid-template-columns:1fr 1fr}.notice-override-add #noticeOverrideUser{grid-column:1/-1}.notice-override-add .btn{font-size:9px}.guardian-notice-widget-body{grid-template-columns:1fr}.notice-overlay{background:#fff}.notice-close{width:32px;height:32px}}