/* Voice Reports | Mishah dark identity (presentation-only) */
:root{color-scheme:dark;--navy:#f7fafb;--blue:#ffb020;--teal:#28d69f;--light:#072d3a;--border:#225565;--text:#f3f8fa;--vr-bg:#032532;--vr-panel:#082f3e;--vr-muted:#b0c8d3}
html{background:var(--vr-bg)}body{background:radial-gradient(circle at 14% 0%,rgba(13,105,129,.23),transparent 33%),linear-gradient(155deg,#032532,#031f2a 80%)!important;color:var(--text);font-family:'IBM Plex Sans Arabic',Tahoma,Arial,sans-serif;min-height:100vh}
header{background:#052c39!important;border-bottom:1px solid #1b5062!important;box-shadow:0 7px 24px #00192445;min-height:78px}
.brand{color:#fff!important;display:flex;flex-direction:column;font-size:24px;line-height:1.05;letter-spacing:.2px}.brand span{color:#ffb020!important;letter-spacing:2px;margin-top:6px}
.nav{color:#bed1da!important}.nav b{color:#ffbd3d}.nav a:hover{color:#fff}
main{max-width:1210px;margin:36px auto;padding:0 20px 55px}h1,h2,h3{color:#f9fcfe!important}h1{font-size:clamp(24px,3vw,34px);font-weight:800}h2{font-size:21px}h3{font-size:19px;margin:0 0 18px}p{color:#bad0d8!important}
.panel{background:linear-gradient(155deg,#0a3644,#062b39)!important;border:1px solid #245769!important;box-shadow:0 14px 38px #00192150!important;border-radius:19px}
.login{margin:65px auto;max-width:490px}.lock{background:#114655!important;color:#ffb020!important;border:1px solid #327081!important}
input,select{background:#052633!important;color:#f6fbff!important;border:1px solid #356575!important;border-radius:12px;min-height:46px}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #ffcb5c!important;outline-offset:3px}input::placeholder{color:#8eabb8}
input[type=file]{max-width:100%;border:1px solid #376b7b;padding:10px;background:#092e3c;color:#e9f3f6}
button{background:linear-gradient(135deg,#ffad17,#ffc747)!important;color:#14282f!important;border:1px solid #ffcb54!important;box-shadow:0 6px 17px #ffb0201c;font-weight:800;min-height:46px;transition:filter .17s,transform .17s}button:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}button:disabled{background:#57717d!important;color:#d5e0e5!important;box-shadow:none}
.outline{background:#0d3949!important;color:#edf7fa!important;border:1px solid #417185!important;box-shadow:none}.outline:hover{background:#185165!important}
.muted,.metric span{color:#b7d0d9!important}.steps{gap:12px}.steps span{background:#082c39;border:1px solid #235364;border-bottom:3px solid #346171;border-radius:10px;padding:15px 7px;color:#bdd2db}.steps .active{color:#ffc03b!important;border-color:#f7b029!important;background:#154252!important}
.upload{background:linear-gradient(145deg,#0b3948,#082c3a)!important;border:2px dashed #438195!important;border-radius:17px;padding:36px 18px}.upload h2{margin:7px 0}.upload input{margin:17px auto}.notice{background:#104154!important;border:1px solid #2c6575!important;color:#d2e4eb!important;line-height:1.9}.error{background:#53272a!important;color:#ffe2e2!important;border:1px solid #a6545b}
.metric{background:#0b3544!important;border:1px solid #27596a!important;border-radius:15px;box-shadow:inset 0 1px #ffffff08}.metric b{color:#ffbd36!important}.metric span{font-weight:600}
.track{background:#183f4e!important}.track i{background:linear-gradient(90deg,#ffb020,#28c99e)!important}
table{color:#e9f2f6}th,td{border-bottom:1px solid #255463!important}th{background:#134554!important;color:#ffcc6b}tbody tr:nth-child(even){background:#ffffff04}tbody tr:hover{background:#ffffff0b}
.bar label{color:#d8e9ee}.bar{min-width:0}.bar label{flex:0 0 118px}.track{min-width:30px}
#results .cols>.panel{min-width:0}#userLabel{background:#123d4b;padding:9px 13px;border-radius:999px;border:1px solid #276174}
@media(max-width:750px){header{padding:14px 18px;flex-wrap:wrap;gap:12px}.brand{font-size:21px}.nav{flex-wrap:wrap;font-size:12px}main{padding:0 14px 34px;margin:22px auto}.cols{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{padding:18px;margin:16px 0}.login{margin:24px auto}.steps span{font-size:12px}.upload{padding:28px 12px}.upload button{display:block;width:100%;margin:9px 0}}
@media(max-width:480px){.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric{padding:14px}.metric b{font-size:25px}.steps{gap:5px}.steps span{padding:10px 4px;font-size:11px}.bar label{flex-basis:88px}.cols{grid-template-columns:1fr}.upload h2{font-size:17px}}
@media(prefers-reduced-motion:reduce){button{transition:none}button:hover:not(:disabled){transform:none}}