/* Halaman Pengaduan & Saran (pengaduan.php) */
.pengaduan-form{display:grid;gap:1.15rem}
.pengaduan-form fieldset{border:0;margin:0;padding:0;min-width:0}
.pengaduan-form .lbl{display:block;font-weight:600;margin-bottom:.4rem;padding:0}
.pengaduan-form .opt{font-weight:400;color:var(--muted);font-size:.9rem}
.pengaduan-form input[type=text],
.pengaduan-form select,
.pengaduan-form textarea{width:100%;padding:.7rem .85rem;border:1px solid var(--line);border-radius:8px;font:inherit;background:var(--white);color:var(--ink)}
.pengaduan-form textarea{min-height:9rem;resize:vertical;line-height:1.55}
.pengaduan-form input[type=text]:focus,
.pengaduan-form select:focus,
.pengaduan-form textarea:focus{outline:0;border-color:var(--mid);box-shadow:0 0 0 3px rgba(18,174,245,.22)}

.pengaduan-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.pengaduan-note{margin:-.5rem 0 0;font-size:.9rem;color:var(--muted)}

.jenis{display:flex;flex-wrap:wrap;gap:.6rem}
.jenis label{position:relative;cursor:pointer}
.jenis input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.jenis span{display:inline-block;padding:.55rem 1.3rem;border:1px solid var(--line);border-radius:999px;background:var(--white);font-weight:600;transition:background .15s,color .15s,border-color .15s}
.jenis input:checked+span{background:var(--deep);border-color:var(--deep);color:#fff}
.jenis input:focus-visible+span{outline:3px solid rgba(18,174,245,.45);outline-offset:2px}

.pengaduan-foot{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.2rem}
.pengaduan-err{background:#fde4e1;border:1px solid #f0b3ac;color:#8e2418;border-radius:8px;padding:.75rem 1rem}

/* kolom jebakan bot: tidak terlihat oleh pengunjung */
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

.pengaduan-ok{text-align:center;padding:2.2rem 1.4rem}
.pengaduan-ok .actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem;margin-top:1.2rem}

@media(max-width:600px){.pengaduan-row{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.jenis span{transition:none}}