/* V2.7.15: dashboard and navigation presentation only. */
body.jfr-smart-dashboard{background:#f2f5f9!important}
body .sidebar{background:linear-gradient(165deg,#101f35 0%,#142f43 65%,#164653 100%)!important;box-shadow:8px 0 32px #142c4412;padding-top:24px}
body .brand{padding:0 8px 20px;border-bottom:1px solid #ffffff16;margin-bottom:18px}
body .brand-mark{border-radius:14px;background:#ffffffed;box-shadow:0 5px 20px #0002}
body .brand-name b{letter-spacing:-.5px;font-size:20px}
body .brand-name small{color:#a6becb;line-height:1.6}
body .workspace{border:1px solid #ffffff1c;background:#ffffff08;border-radius:14px;padding:14px;margin-bottom:20px;box-shadow:inset 0 1px #ffffff08}
body .workspace b{color:#eef6fb;font-size:12px}
body .workspace small{color:#b5cbd5}
body #nav{display:flex;flex-direction:column;gap:5px;padding:2px 3px 20px}
body #nav button{position:relative;display:flex;align-items:center;gap:12px;min-height:45px;padding:9px 13px;border-radius:12px;color:#bed0dc!important;font-weight:550;font-size:12px;text-align:left;transition:background .18s,box-shadow .18s,color .18s}
body #nav button i{display:grid;place-items:center;flex:0 0 29px;width:29px;height:29px;border-radius:9px;background:#ffffff09;font-style:normal;font-size:16px}
body #nav button:hover{background:#ffffff10!important;color:#fff!important}
body #nav button.active{background:linear-gradient(100deg,#277e80,#236373)!important;color:#fff!important;border:1px solid #78d4c450;box-shadow:0 5px 16px #0002;font-weight:750}
body #nav button.active:before{content:"";position:absolute;left:-3px;top:13px;bottom:13px;width:3px;border-radius:5px;background:#9af0d7}
body #nav button.active i{background:#ffffff1c;color:#e2fff6}
body #nav button:focus-visible,body #page-dashboard [onclick]:focus-visible,body #page-dashboard [data-jfr-onclick]:focus-visible{outline:3px solid #54c9b5;outline-offset:3px}
body .topbar{box-shadow:0 3px 18px #233b5106;border-bottom:1px solid #e0e7ef}
body .topbar .pill{border-radius:11px;border-color:#dce5ec;background:#fff;box-shadow:0 2px 4px #20394905}
body .titlebox b{letter-spacing:-.3px;color:#173247}
#page-dashboard .v255-welcome h1{color:#19354a;letter-spacing:-1px}
#page-dashboard .v255-hero-banner{background:linear-gradient(115deg,#172c46,#1e5260 70%,#2c7c7d)!important;box-shadow:0 14px 30px #1c44501c;border-radius:24px!important;padding:28px!important}
#page-dashboard .v255-mini-card,#page-dashboard .v255-mid-card,#page-dashboard .v255-big-card{border:1px solid #e0e8ef!important;box-shadow:0 4px 15px #203b5007!important;border-radius:17px!important}
#page-dashboard .v255-big-card{background:linear-gradient(150deg,#fff,#fafcfe)!important}
#page-dashboard .v255-big-card strong{font-variant-numeric:tabular-nums;font-size:32px!important;color:#17364c}
#page-dashboard .v255-mini-card:hover,#page-dashboard .v255-mid-card:hover,#page-dashboard .v255-big-card:hover{border-color:#84beb8!important;box-shadow:0 10px 25px #1e495314!important;transform:translateY(-2px)!important}
#page-dashboard .v255-big-card .ico{border-radius:13px!important}
#page-dashboard .v255-lower-grid>.panel{border-radius:18px;border:1px solid #e0e8ef;box-shadow:0 4px 15px #203b5007}
@media(max-width:640px){body .sidebar{padding-top:18px}body #nav button{min-height:46px}#page-dashboard .v255-hero-banner{padding:19px!important;border-radius:18px!important}#page-dashboard .v255-big-card strong{font-size:27px!important}}
@media(prefers-reduced-motion:reduce){body #nav button{transition:none}}