/* TO THE LINE | V20 — shared visual treatment, no operational code changes */
:root{--ttl-navy:#19385F;--ttl-electric:#3868ED;--ttl-sky:#78A5FF;--ttl-ice:#EDF3FC}
.sidebar,.tr-side{background:#0b213b!important}
.sidebar .brand,.tr-side .brand{gap:12px!important}
.sidebar .brandmark,.tr-side .brandmark{background:var(--ttl-ice)!important;border-radius:10px!important;box-shadow:inset 0 0 0 1px #cadcf2!important}
.sidebar .tr-wordmark,.tr-side .tr-wordmark{font-size:18px!important;letter-spacing:-.45px!important;line-height:1.05!important}
.sidebar .brand-accent,.tr-side .brand-accent{color:var(--ttl-sky)!important}
.sidebar .brand .tr-brand-tagline,.tr-side .brand .tr-brand-tagline{font-size:8.5px!important;line-height:1.5!important;letter-spacing:.45px!important;color:#cbdcf2!important}
.sidebar .nav-label,.tr-side .nav-label{color:#86a4c9!important}
.sidebar .navitem.active,.tr-side .navitem.active{background:#2455a4!important;color:white!important}
.sidebar .sidebar-foot,.tr-side .sidebar-foot{background:#132e4d!important;border-color:#284767!important}
.topbar,.tr-top{border-bottom:1px solid #dce6f3!important;background:#fff!important}
.topbar .breadcrumbs,.tr-top strong{color:#345377!important;letter-spacing:.3px}
.content,.tr-body{background:#f4f7fc}
.content>.panel,.tr-body .panel,.tr-body .card,.content .panel{border:1px solid #dbe5f2;border-radius:15px;box-shadow:0 3px 15px #132e4d07}
.content h1,.tr-body h1{color:#142f4f;letter-spacing:-.8px}
.tr-body .secondary,.content .subtitle{color:#637b98}
.tr-body main{max-width:1040px}
.tr-body .btn,.content .btn:not(.ghost){background:#3868ED;color:white;border-radius:9px;font-weight:750}
.tr-body .btn:hover,.content .btn:not(.ghost):hover{background:#2f5bcf}
.tr-body .choice{border-color:#d3dfef;border-radius:10px;transition:background .15s,border-color .15s}
.tr-body .choice:hover:not(:disabled){border-color:#78A5FF;background:#f1f6ff}
.tr-body .progress>div{background:#3868ED}
.tr-body select,.tr-body input,.tr-body textarea{border-color:#cbd9eb;border-radius:9px}
.tr-body :is(button,a,input,select,textarea):focus-visible,.content :is(button,a,input,select,textarea):focus-visible{outline:3px solid #78A5FF;outline-offset:2px}
.tr-foot,.footer{color:#69819e!important}
@media(max-width:680px){.tr-body main{margin:25px auto}.tr-body .panel{padding:18px}}