@import url('/utils/moderation.css');
:root{--accent:#b54728}body{background:#f4f5f8}main{max-width:1120px}.support-header{display:flex;justify-content:space-between;align-items:start;gap:24px}.support-header h1{max-width:650px;font-size:44px}.eyebrow{color:#685c82}.response-time{margin-top:40px;border-left:3px solid #b54728;padding:4px 18px;max-width:230px;font-size:13px}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:30px 0 20px}.tabs button{text-align:left;font-weight:800;font-size:18px;padding:20px;border:2px solid transparent}.tabs small{display:block;font-weight:400;font-size:13px;margin-top:4px}.tabs [aria-selected=true]{border-color:var(--accent);background:#fff5ef;color:var(--accent)}body[data-tab=saran]{--accent:#2464ba}body[data-tab=saran] .tabs [aria-selected=true]{background:#edf4ff}.workspace{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(220px,1fr);gap:24px}.panel{background:white;border:1px solid #e1e5eb;border-radius:16px;padding:28px}.panel h2{margin-top:0}.panel p{color:#667085}label{font-size:13px;font-weight:650}input,textarea,select{width:100%;box-sizing:border-box;border:1px solid #cbd2dc;border-radius:8px;padding:12px;background:#fff;color:#243047;font:inherit;margin-top:6px}textarea{min-height:150px;resize:vertical}.primary{background:var(--accent);color:white;border:0;font-weight:700}.hint{font-size:12px;font-weight:400;color:#667085;display:block;margin-top:5px}.records{margin-top:20px}.records details{background:white;border:1px solid #e1e5eb;border-radius:12px;padding:16px}.records summary{cursor:pointer;font-weight:700}.badge{display:inline-block;padding:3px 9px;border-radius:6px;font-size:11px;background:#edf2f8;margin:3px}.urgent{background:#ffebe8;color:#a63326}.toast{background:#dcfce7;color:#166534;padding:18px;border-radius:10px;position:fixed;bottom:24px;left:5%;right:5%;z-index:20;box-shadow:0 6px 30px #14203422}.error{color:#b42318;white-space:pre-wrap}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #6b90cf;outline-offset:3px}.toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.toolbar label{margin:0}.toolbar select{max-width:280px}table{width:100%;border-collapse:collapse;font-size:13px}td,th{padding:12px;text-align:left;border-bottom:1px solid #e1e5eb;vertical-align:top}td button{padding:6px 10px;margin:3px}.table-wrap{overflow-x:auto}.detail{white-space:pre-wrap;overflow-wrap:anywhere}dialog{max-height:85vh;overflow:auto}dialog img{max-width:100%;height:auto}.stats{grid-template-columns:1fr 1fr}.admin-section{margin-top:28px}.admin-section h2{margin-bottom:8px}[hidden]{display:none!important}@media(max-width:700px){.workspace{grid-template-columns:1fr}.support-header{display:block}.response-time{margin:10px 0}.support-header h1{font-size:34px}.panel{padding:20px}.tabs button{padding:14px;font-size:16px}.stats{grid-template-columns:1fr 1fr}}
.inbox-records{display:grid;gap:20px;margin:16px 0 28px}.inbox-card{background:#fff;border:1px solid #e1e5eb;border-left:4px solid var(--accent);border-radius:14px;padding:24px;overflow-wrap:anywhere}.inbox-card h2{font-size:21px;margin:14px 0}.inbox-meta{color:#667085;font-size:13px;line-height:1.8}.inbox-card .toolbar{margin-top:20px}.danger{background:#b42318;color:white;border:1px solid #b42318}.answered{background:#dcfce7;color:#166534}.evidence img{display:block;max-width:min(100%,480px);max-height:440px;object-fit:contain;margin:18px 0;border:1px solid #e1e5eb;border-radius:8px}blockquote{border-left:3px solid #2464ba;background:#edf4ff;margin:18px 0;padding:16px;white-space:pre-wrap;overflow-wrap:anywhere}#tab-saran{color:#2464ba}#tab-pengaduan{color:#b42318}#heading{font-size:clamp(26px,4vw,40px);overflow-wrap:anywhere}dialog::backdrop{background:#14203488}dialog{width:min(560px,85vw);border:1px solid #e1e5eb;border-radius:16px;padding:24px}dialog button{margin-right:8px}