.mail-notice-icon{width:20px;height:20px;display:block}.notice-wrap{position:relative}.notice-wrap .home-icon-btn{position:relative}.notice-wrap .home-icon-btn i{position:absolute;top:4px;right:4px;width:8px;height:8px;border:1px solid #121212;border-radius:50%;background:#f07848}.notice-wrap .home-icon-btn i[hidden]{display:none}.notice-panel{position:absolute;z-index:150;top:calc(100% + 12px);right:0;width:min(350px,calc(100vw - 24px));max-height:min(70vh,520px);overflow:auto;padding:14px;border:1px solid #393939;border-radius:12px;background:#181818;color:#f7f7f7;box-shadow:0 14px 38px #0009}.notice-panel[hidden]{display:none}.notice-panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.notice-panel-heading span,.notice-message small{color:#aaa;font-size:10px}.notice-message{padding:10px 0;border-top:1px solid #333}.notice-message strong{font-size:12px}.notice-message p{margin:5px 0;color:#ddd;font-size:12px;overflow-wrap:anywhere}.notice-request-link{display:inline-block;margin-top:10px;color:var(--accent,#f07848);font-weight:700;font-size:12px}.request-card{position:relative;width:min(100%,540px);max-height:calc(100dvh - 36px);overflow:auto;padding:28px;border:1px solid #383838;border-radius:16px;background:#181818;color:#f7f7f7;box-shadow:0 18px 60px #0009}.request-card h1{margin:7px 0 8px;font-size:clamp(24px,5vw,32px);line-height:1.15}.request-card>p{color:#bbb;font-size:13px}.request-kicker{color:var(--accent,#f07848);font-size:10px;font-weight:900;letter-spacing:.16em}.request-form{display:grid;gap:14px;margin-top:20px}.request-form label,.request-admin-filters label{display:grid;gap:6px;color:#eee;font-size:12px;font-weight:700}.request-form input:not([type=checkbox]),.request-form textarea,.request-admin-filters input,.request-admin-filters select,.request-reject-form input{width:100%;min-width:0;padding:11px 12px;border:1px solid #414141;border-radius:8px;background:#101010;color:#fff;font:inherit}.request-form textarea{resize:vertical}.request-form small{color:#aaa;font-size:10px;font-weight:400}.request-consent{display:flex!important;grid-template-columns:auto 1fr;align-items:start;gap:9px!important;color:#bbb!important;font-weight:400!important;line-height:1.5}.request-consent input{margin-top:3px}.request-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.request-submit{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 16px;border:0;border-radius:999px;background:var(--accent,#f07848);color:var(--on-accent,#17110e);font-weight:900;text-align:center}.request-link{text-decoration:none}.request-private-note{font-size:11px!important;color:#999!important}.request-page{min-height:100dvh;display:grid;place-items:center;padding:22px;background:radial-gradient(ellipse at top,#252525,#101010 68%);color:#fff;font-family:Arial,Helvetica,sans-serif}.request-page>.request-back{position:fixed;top:18px;left:18px;z-index:5;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:10px 15px;border:1px solid #444;border-radius:999px;background:#202020;color:#f5f5f5;font-size:13px;font-weight:700;text-decoration:none;box-shadow:0 4px 16px #0005;transition:background .18s ease,border-color .18s ease}.request-page>.request-back:hover{background:#2b2b2b;border-color:var(--accent,#f07848)}.request-page>.request-back:focus-visible{outline:2px solid var(--accent,#f07848);outline-offset:3px}.request-error{padding:10px;border:1px solid #a44;border-radius:8px;color:#ffbdbd!important}.request-copy{padding:10px 14px;border:1px solid #444;border-radius:999px;background:#252525;color:#fff}.request-admin-panel{padding:20px}.request-admin-filters{display:grid;grid-template-columns:minmax(0,2fr) minmax(150px,1fr) auto auto;align-items:end;gap:12px;margin-bottom:20px}.request-admin-item{padding:18px 0;border-top:1px solid #ddd}.request-admin-item-head{display:flex;align-items:start;justify-content:space-between;gap:12px}.request-admin-item h2{margin:0;font-size:18px}.request-admin-item p{margin:7px 0}.request-admin-notes{white-space:pre-wrap;overflow-wrap:anywhere}.request-admin-actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:12px}.request-admin-actions form{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.request-reject-form input{width:min(280px,60vw);background:#fff;color:#222;border-color:#ccc}.request-admin-reason{color:#a22}.request-public-consent{display:inline-block;margin-top:8px;color:#38744a}.status-pending{background:#fff0cf;color:#805400}.status-approved{background:#d9f4df;color:#145a2c}.status-rejected{background:#ffe0e0;color:#8a2020}.status-completed{background:#dcecff;color:#214f86}
@media(max-width:720px){.request-page{padding:76px 16px 22px}.request-page>.request-back{top:12px;left:12px}.notice-panel{position:fixed;top:68px;right:8px}.request-card{padding:23px 18px}.request-admin-filters{grid-template-columns:1fr 1fr}.request-admin-filters label:first-child{grid-column:1/-1}.request-admin-item-head{align-items:start}.request-admin-actions{align-items:stretch}.request-admin-actions form{width:100%}.request-reject-form input{width:100%;flex:1 1 100%}}
@media(max-width:430px){.mail-notice-icon{width:18px;height:18px}.home-top-actions{gap:3px}}


/* Responsive refinements for the Request & Persembahan feature only. */
.request-page { box-sizing: border-box; }
.request-page *, .request-page *::before, .request-page *::after { box-sizing: border-box; }
.request-card { width: min(100%, 540px); overflow-wrap: anywhere; }
.request-form input:focus-visible, .request-form textarea:focus-visible,
.request-submit:focus-visible, .request-back:focus-visible,
.request-admin-panel button:focus-visible, .request-admin-panel a:focus-visible {
  outline: 2px solid var(--accent, #f07848);
  outline-offset: 3px;
}
.request-form input:not([type=checkbox]), .request-form textarea { font-size: 16px; }
.request-submit { cursor: pointer; text-decoration: none; }
.request-back { max-width: calc(100vw - 24px); }
.request-admin-panel { min-width: 0; overflow-wrap: anywhere; }
.request-admin-filters > * { min-width: 0; }
.request-admin-actions button, .request-admin-actions a { min-height: 40px; }
@media (max-width: 480px) {
  .request-page { place-items: start center; padding: 72px 12px 20px; }
  .request-page > .request-back { top: 12px; left: 12px; min-height: 38px; padding: 9px 12px; }
  .request-card { max-height: none; padding: 20px 16px; border-radius: 14px; }
  .request-card h1 { font-size: clamp(22px, 7vw, 28px); }
  .request-form { gap: 12px; }
  .request-submit { width: 100%; }
  .request-admin-panel { padding: 12px; }
  .request-admin-filters { grid-template-columns: minmax(0, 1fr); }
  .request-admin-filters label:first-child { grid-column: auto; }
  .request-admin-item-head { flex-direction: column; }
  .request-admin-actions, .request-admin-actions form { align-items: stretch; }
  .request-admin-actions form > * { min-width: 0; max-width: 100%; }
  .request-reject-form input { width: 100%; flex: 1 1 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .request-page *, .notice-panel { scroll-behavior: auto !important; transition: none !important; }
}
.notice-message.is-unread{border-left:3px solid var(--accent,#f07848);padding-left:10px;background:rgba(240,120,72,.06)}
.notice-message.is-read{opacity:.86}
.notice-message .notice-request-link{min-height:32px;display:inline-flex;align-items:center}


/* Unified Pusat Notifikasi: responsive admin-authored notices */
.notice-compose-panel,.admin-notices-panel{margin-bottom:1rem;min-width:0}
.notice-compose-form{display:grid;gap:1rem;min-width:0}
.notice-compose-form label{display:grid;gap:.45rem;font-weight:600}
.notice-compose-form input,.notice-compose-form textarea{box-sizing:border-box;width:100%;max-width:100%;min-width:0;border:1px solid var(--line,#dedede);border-radius:.7rem;padding:.8rem;font:inherit;background:var(--surface,#fff);color:inherit}
.notice-compose-form textarea{resize:vertical}
.notice-compose-footer,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.section-heading h2{margin:0 0 .35rem}.section-heading p{margin:0}
.admin-notice-item{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 0;border-top:1px solid var(--line,#e5e5e5);min-width:0}
.admin-notice-copy{min-width:0;overflow-wrap:anywhere;flex:1}.admin-notice-copy h3{margin:0 0 .45rem}.admin-notice-copy p{margin:.25rem 0 .75rem;white-space:pre-wrap;overflow-wrap:anywhere}.admin-notice-item form{flex-shrink:0}
@media(max-width:600px){.admin-notice-item{flex-direction:column}.admin-notice-item form,.admin-notice-item form button,.notice-compose-footer button{width:100%}.notice-compose-footer{align-items:stretch}.notice-compose-footer small{line-height:1.5}}

.admin-notice-edit{margin-top:.85rem}.admin-notice-edit summary{display:inline-flex;cursor:pointer;align-items:center;min-height:36px;color:var(--accent,#f07848);font-weight:700}.admin-notice-edit[open] summary{margin-bottom:.75rem}.admin-notice-edit .notice-compose-form{padding:.9rem;border:1px solid var(--line,#dedede);border-radius:.75rem;background:var(--surface-soft,#fafafa)}.admin-notice-edit .notice-compose-form label{display:grid;gap:.4rem}.admin-notice-edit .notice-compose-form input,.admin-notice-edit .notice-compose-form textarea{box-sizing:border-box;width:100%;min-width:0;padding:.7rem;border:1px solid var(--line,#dedede);border-radius:.55rem;font:inherit;background:var(--surface,#fff);color:inherit}
@media(max-width:600px){.admin-notice-edit .notice-compose-footer{align-items:stretch}.admin-notice-edit .notice-compose-footer button{width:100%}}
