/* Lapisan tampilan baru untuk chat utama: aksen neon di atas tema biru. Hanya warna/bayangan, tanpa mengubah tata letak. */
:root{--neon:#19c8f0;--glow:0 0 0 3px rgba(25,200,240,.18),0 0 18px rgba(25,200,240,.30)}
form .box:focus-within{box-shadow:var(--glow)!important}
#go:not(:disabled){background:linear-gradient(135deg,#2a6cab,var(--neon))!important;box-shadow:var(--glow)!important}
.conv.on{background:#e2ebf3!important;box-shadow:inset 3px 0 0 var(--neon)!important}
#new{background:linear-gradient(135deg,#2a6cab,#2f80c7)!important;color:#fff!important;border-color:transparent!important}
@media(hover:hover){#new:hover{box-shadow:0 0 0 2px rgba(25,200,240,.22),0 8px 18px rgba(42,100,160,.12)!important}.starter-card:hover{border-color:var(--neon)!important;box-shadow:var(--glow)!important}}
.devlink{display:flex;align-items:center;gap:10px;margin:0 0 6px;padding:11px 12px;border-radius:12px;color:var(--mute);font-weight:600;font-size:14.5px;text-decoration:none}
.devlink svg{flex:none}
.devlink:hover,.devlink:focus-visible{background:var(--chip);color:var(--brand);box-shadow:var(--glow)}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Panel pemakaian di kanan (layar lebar saja; diisi js/rail.js dari /api/usage) */
#rail{display:none}
@media(min-width:1280px){
 #rail:not([hidden]){display:flex;flex-direction:column;gap:14px;flex:none;width:300px;height:100dvh;overflow-y:auto;padding:22px 16px;background:#fff;border-left:1px solid var(--line)}
}
#rail h3{margin:0 0 8px;font-size:15px;font-weight:700;color:var(--ink)}
#rail .rc{border:1px solid var(--line);border-radius:16px;padding:14px;background:#fff}
#rail .rn{display:flex;justify-content:space-between;gap:8px;font-weight:600;font-size:14px;color:var(--ink)}
#rail .rn span:last-child{color:var(--mute);font-weight:500;font-size:13px}
#rail .rb{height:8px;border-radius:99px;background:var(--chip);margin:8px 0 4px;overflow:hidden}
#rail .rb i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#2a6cab,var(--neon));box-shadow:0 0 10px var(--neon)}
#rail small{display:block;color:var(--mute);font-size:12.5px}
#rail .rc+.rc{margin-top:0}

/* Kotak pemberitahuan keamanan (js/incident.js) */
.inc-veil{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:16px;background:rgba(8,16,24,.55)}
.inc-box{max-width:30rem;width:100%;max-height:90dvh;overflow-y:auto;background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 20px 50px rgba(8,16,24,.3)}
.inc-box h2{margin:0 0 6px;font-size:20px}.inc-title{font-weight:700;margin:0 0 10px}.inc-box p{margin:0 0 10px;line-height:1.55}
.inc-ok{margin-top:6px;width:100%;border:0;border-radius:12px;padding:12px;font-weight:700;color:#fff;background:linear-gradient(135deg,#2a6cab,#2f80c7);cursor:pointer}