.citizen-notice[hidden]{display:none}.citizen-notice{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:18px}.citizen-notice-backdrop{position:absolute;inset:0;background:#082b25ae;backdrop-filter:blur(5px)}.citizen-notice-panel{position:relative;width:min(100%,590px);max-height:90dvh;overflow:auto;padding:38px;border-radius:25px;background:#fff;box-shadow:0 35px 90px #082b2555;text-align:center;outline:none}.citizen-notice-icon{display:grid;place-items:center;width:82px;height:82px;margin:0 auto 20px;border-radius:24px;background:#e3f3e8;font-size:37px}.citizen-notice-eyebrow{margin:0 0 9px;color:#0a7954;font-size:11px;font-weight:800;letter-spacing:.19em}.citizen-notice-panel h2{margin:0;color:#0c3039;font:700 clamp(28px,4vw,39px)/1.16 'Playfair Display',Georgia,serif}.citizen-notice-desc{color:#587079;font-size:15px;line-height:1.45}.citizen-notice-number{margin:19px 0 8px;padding:14px;border-radius:11px;background:#f2f7f4;color:#163c46;font-weight:800;overflow-wrap:anywhere}.citizen-notice-status{display:inline-block;margin:4px 0 9px;padding:8px 17px;border-radius:50px;background:#e7f0f4;color:#305769;font-weight:800}.citizen-notice-status.status-perbaikan{background:#fff0d6;color:#9a6109}.citizen-notice-status.status-disetujui,.citizen-notice-status.status-selesai{background:#dff3e6;color:#086849}.citizen-notice-status.status-ditolak{background:#ffe7e5;color:#aa2f29}.citizen-notice-note{margin:12px 0;padding:15px 17px;border-left:4px solid #0a7954;border-radius:8px;background:#f5faf6;color:#264650;text-align:left;white-space:pre-wrap;line-height:1.5}.citizen-notice-count{font-size:12px;color:#71858d}.citizen-notice-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:20px}.citizen-notice-actions button{padding:13px 19px;border:1px solid #0b7453;border-radius:10px;background:#087651;color:#fff;font:800 14px 'DM Sans',Arial,sans-serif;cursor:pointer}.citizen-notice-actions button:last-child{background:#fff;color:#0b674b}.citizen-notice-actions button:hover{filter:brightness(1.08)}.citizen-notice-open{overflow:hidden}@media(max-width:600px){.citizen-notice-panel{padding:28px 20px}.citizen-notice-actions button{width:100%}}