/* TUN Server V3 shared visual design */
:root{color-scheme:dark;--tun-bg:#06132c;--tun-accent:#328aff;--tun-muted:#abc6eb}
html,body{background:#06132c!important;color:#f3f8ff}
body{background:radial-gradient(ellipse at 85% 0%,#1c4b9a55,transparent 52%),linear-gradient(130deg,#06132c,#0a1e43)!important;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
aside{background:linear-gradient(180deg,#04112c,#061b41)!important;border-right:1px solid #3564a866!important}
.brand{font-size:clamp(20px,2vw,30px)!important;font-weight:800!important;letter-spacing:-.6px}
.group{color:#9dc9ff!important;letter-spacing:1px!important}
.nav{border-radius:12px!important;transition:background .18s,border-color .18s}
.nav.active,.nav[aria-current="page"]{background:linear-gradient(100deg,#124db0,#2477e3)!important;border:1px solid #60adff!important;box-shadow:0 6px 25px #126bff44!important;color:white!important}
main{background:transparent!important}main>header{background:#071a3c99!important;border-bottom:1px solid #2c5d9e77!important}
.panel,.card,section.panel,.tun-stat{background:linear-gradient(140deg,#0d2855ee,#091d41ee)!important;border:1px solid #396db388!important;border-radius:20px!important;box-shadow:0 12px 35px #0003!important}
input:not([type=checkbox]):not([type=radio]),select,textarea{background:#17355d!important;color:#f3f8ff!important;border:1px solid #426e9f!important;border-radius:11px!important}
input:focus,select:focus,textarea:focus{outline:2px solid #469eff88!important;border-color:#72b6ff!important}
button,.btn{border-radius:11px}#tunPresetPanel{background:#0b244dbb!important;border:1px solid #477db4!important;border-radius:18px!important}
#tunLiveFloat{width:min(1100px,calc(100vw - 28px))!important;height:min(760px,calc(100dvh - 28px))!important;max-width:calc(100vw - 28px)!important;max-height:calc(100dvh - 28px)!important;border:1px solid #428ef3!important;border-radius:22px!important;background:#081c3e!important;box-shadow:0 24px 75px #0009!important}
#tunLiveFloatBar{background:linear-gradient(110deg,#0b234d,#12346c)!important;border-bottom:1px solid #4c89d988!important;height:64px!important;min-height:64px!important;padding:0 18px!important}
#tunLiveFloatBar strong{font-size:17px!important}#tunLiveFloatBar button{background:#254b83!important;border-radius:10px!important;padding:8px 13px!important}
#tunLiveFloat iframe{width:100%!important;flex:1!important;min-height:0!important;border:0!important}
#tunLiveLauncher{background:#1c67d4!important;border:1px solid #5aabff!important}
@media(max-width:700px){#tunLiveFloat{width:calc(100vw - 12px)!important;height:calc(100dvh - 12px)!important;left:6px!important;top:6px!important}#tunLiveFloatBar{height:48px!important;min-height:48px!important}#tunLiveFloatBar strong{font-size:12px!important}}