/* Approved light navigation and compact login. Visual layer only. */
body.pi-panel{background:#f4f7fc!important;color:#142b4b;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body.pi-panel .main-sidebar{background:#fff!important;border-right:1px solid #e1e9f4!important;box-shadow:3px 0 20px #1d426704!important}
body.pi-panel .main-sidebar #sidebar-wrapper{display:flex;flex-direction:column;min-height:100vh}
body.pi-panel .main-sidebar .sidebar-brand{position:relative;display:flex;align-items:center;gap:6px;justify-content:space-between;padding:22px 15px!important;margin:0 0 7px!important;border-bottom:1px solid #e7edf6!important;min-height:81px}
body.pi-panel .main-sidebar .sidebar-brand a{color:#142b4b!important;justify-content:flex-start!important;gap:9px;min-width:0;flex:1;text-decoration:none}
body.pi-panel .main-sidebar .sidebar-brand img{width:31px!important;height:31px!important;border-radius:8px;background:#f3f7fd;flex-shrink:0;object-fit:contain}
body.pi-panel .main-sidebar .sidebar-brand span.hehe{color:#142b4b!important;-webkit-text-fill-color:#142b4b!important;font-size:13px!important;letter-spacing:-.25px;font-weight:750;white-space:nowrap;line-height:1.4}
body.pi-panel .pi-menu-collapse{border:0;background:transparent;display:flex;align-items:center;justify-content:center;width:23px;height:28px;padding:0;flex-shrink:0;color:#6e85a7;border-radius:5px;cursor:pointer;font-size:12px}
body.pi-panel .pi-menu-collapse:hover{background:#eff5ff;color:var(--pi-accent)}
body.pi-panel .main-sidebar .sidebar-menu{padding:0;margin:0 0 12px}
body.pi-panel .main-sidebar .sidebar-menu li.menu-header{color:#8196b4!important;padding:20px 25px 9px!important;font-size:9px!important;letter-spacing:1.5px;line-height:1.5;font-weight:650;margin:0}
body.pi-panel .main-sidebar .sidebar-menu li.menu-header:not(:first-child){border-top:1px solid #e9eef6!important;margin:16px 16px 0;padding:19px 9px 9px!important}
body.pi-panel .main-sidebar .sidebar-menu li>a{position:relative;color:#436184!important;margin:4px 12px!important;padding:0 17px!important;width:calc(100% - 24px);height:45px;min-height:45px;border-radius:8px;font-size:13px;font-weight:550;line-height:1.5;background:transparent!important;letter-spacing:-.1px}
body.pi-panel .main-sidebar .sidebar-menu li>a i{color:#627eaa!important;font-size:16px;width:21px;min-width:21px;margin-right:12px}
body.pi-panel .main-sidebar .sidebar-menu li:not(.active)>a:hover{background:#f4f7fc!important;color:#1956ac!important}
body.pi-panel .main-sidebar.sidebar-style-2 .sidebar-menu>li.active>a{background:#eaf2ff!important;color:#075bdf!important;box-shadow:none!important;font-weight:650}
body.pi-panel .main-sidebar.sidebar-style-2 .sidebar-menu>li.active>a:before{content:"";display:block!important;position:absolute;left:0;top:10px;bottom:10px;width:3px;height:auto;background:var(--pi-accent);border-radius:3px;box-shadow:none;margin:0}
body.pi-panel .main-sidebar .sidebar-menu li.active>a i{color:#1468eb!important}
body.pi-panel .main-sidebar .sidebar-genuine{border-top:1px solid #e8eef6!important;margin: auto 16px 0!important;padding:10px 0 0!important;flex-shrink:0}
body.pi-panel .main-sidebar .btn-genuine{color:#8094b0!important;background:transparent!important;border-color:transparent!important;font-size:9px;letter-spacing:.2px;opacity:1;font-weight:500;padding:7px 4px}
body.pi-panel .main-sidebar .btn-genuine:hover{color:#4976b9!important;background:#f6f9fe!important}
body.pi-panel .pi-sidebar-profile{margin:10px 12px 18px!important;padding:13px 11px!important;border:1px solid #e8eef7;border-radius:9px;background:#f5f8fd;color:#243f66;gap:8px;flex-shrink:0}
body.pi-panel .pi-sidebar-profile .pi-profile-link{color:#263f64!important;gap:9px}
body.pi-panel .pi-sidebar-profile .pi-profile-link span{font-size:11px;line-height:1.4;font-weight:700}
body.pi-panel .pi-sidebar-profile .pi-profile-link img{width:30px!important;height:30px!important}
body.pi-panel .pi-sidebar-profile small{color:#7a90af!important;font-size:9px;margin-top:3px;letter-spacing:0}
body.pi-panel .pi-sidebar-profile .btn-logout{color:#6583ad!important;padding:4px;display:inline-flex}
body.pi-panel .main-navbar .nav-link{color:#54739b!important}
body.pi-panel .pi-breadcrumb{color:#7b94b7;font-size:11px}
body.pi-panel .pi-page-name{color:#18385e;font-weight:700}
body.pi-panel .pi-nav-date{color:#8095b0}
body.pi-panel .main-navbar .nav-link-user{color:#506e94!important}
body.pi-panel.sidebar-mini .main-sidebar .sidebar-brand{min-height:75px;justify-content:center;padding:20px 10px!important}
body.pi-panel.sidebar-mini .main-sidebar .sidebar-brand:not(.sidebar-brand-sm){display:none}
body.pi-panel.sidebar-mini .main-sidebar .sidebar-brand-sm{display:flex}
body.pi-panel:not(.sidebar-mini) .main-sidebar .sidebar-brand-sm{display:none}
body.pi-panel.sidebar-mini .main-sidebar .sidebar-brand a{justify-content:center!important}
body.pi-panel.sidebar-mini .pi-menu-collapse,body.pi-panel.sidebar-mini .pi-sidebar-profile{display:none}
body.pi-panel.sidebar-mini .main-sidebar .sidebar-menu li>a{width:45px!important;height:45px!important;min-height:45px;margin:5px auto!important;padding:0!important;justify-content:center}
body.pi-panel.sidebar-mini .main-sidebar .sidebar-menu li>a i{margin:0!important}
body.pi-panel.sidebar-mini .main-sidebar .sidebar-menu>li.menu-header{display:none!important}
body.pi-panel.sidebar-mini .main-sidebar .sidebar-menu>li:not(.menu-header){padding:0!important;height:auto!important;min-height:0}
body.pi-panel.sidebar-mini .main-sidebar.sidebar-style-2 .sidebar-menu>li.active>a:before{top:11px;bottom:11px;width:2px}
/* Dashboard uses its existing live data, chart and links. */
body.pi-panel .pi-heading{margin-bottom:24px}
body.pi-panel .pi-heading h1{font-size:31px;line-height:1.2;color:#142b4d;letter-spacing:-.8px;font-weight:750}
body.pi-panel .pi-heading p{font-size:12px;color:#6a83a5}
body.pi-panel .pi-dashboard .pi-actions .btn{min-height:40px;border-radius:8px!important;padding:10px 15px;font-size:11px!important}
body.pi-panel .pi-metrics{gap:15px;margin-bottom:15px}
body.pi-panel .pi-metric{background:#fff;border:1px solid #e5edf7;border-radius:11px;box-shadow:0 4px 17px #274b7505;min-height:124px;padding:21px 18px;gap:14px}
body.pi-panel .pi-metric .pi-icon{width:41px;height:41px;min-width:41px;border-radius:50%;font-size:18px;background:#edf4ff;color:#1469e9;align-self:flex-start;margin-top:2px}
body.pi-panel .pi-primary-metrics .pi-metric:nth-child(2) .pi-icon{background:#eaf8f1;color:#129367}
body.pi-panel .pi-primary-metrics .pi-metric:nth-child(3) .pi-icon{background:#fff7e8;color:#d3951d}
body.pi-panel .pi-primary-metrics .pi-metric:nth-child(4) .pi-icon{background:#edf4ff;color:#1769ff}
body.pi-panel .pi-metric small{font-size:10px;color:#637fa5;letter-spacing:0;font-weight:550}
body.pi-panel .pi-number{color:#122b50;font-size:32px;line-height:1.2;letter-spacing:-.8px;font-weight:750;margin-top:2px}
body.pi-panel .pi-metric p{font-size:10px;color:#748bab;margin-top:5px}
body.pi-panel .pi-summary{border:1px solid #e4ecf6;border-radius:10px;background:#fff;padding:17px 0;box-shadow:0 3px 15px #284a7003;margin-bottom:22px}
body.pi-panel .pi-summary span{color:#6e86a8;font-size:10px;line-height:1.5;margin-bottom:5px}
body.pi-panel .pi-summary strong{font-size:16px;color:#213f69;font-weight:700;line-height:1.3}
body.pi-panel .pi-summary>div{border-color:#edf2f8}
body.pi-panel .pi-grid{gap:18px;margin-bottom:18px}
body.pi-panel .pi-dashboard .pi-card{border:1px solid #e3ecf7;border-radius:11px;box-shadow:0 4px 17px #274b7505}
body.pi-panel .pi-card-title{padding:19px 19px 17px}
body.pi-panel .pi-card-title h2{font-size:16px;font-weight:700;color:#213c65;letter-spacing:-.35px}
body.pi-panel .pi-card-title a{font-size:10px;color:#1764dc}
body.pi-panel .pi-card-sub{color:#7f95b4;font-size:10px}
body.pi-panel .pi-overview-row .pi-chart-box{min-height:218px}
body.pi-panel .pi-chart-note,body.pi-panel .pi-status-note{font-size:10px;color:#7d92b0;line-height:1.5}
body.pi-panel .pi-card-body{padding:0 19px 17px}
body.pi-panel .pi-online-summary{padding-left:19px;color:#55769e;font-size:11px}
body.pi-panel .pi-server{border-radius:9px;border-color:#e5edf7;padding:13px 14px}
body.pi-panel .pi-server-name{font-size:12px;color:#284a78}
body.pi-panel .pi-server-proto{font-size:10px;color:#7b92b2}
body.pi-panel .pi-service-row{font-size:10px;color:#6681a6}
body.pi-panel .pi-server-services{border-color:#edf2f8;gap:7px}
body.pi-panel .pi-memory{background:#eaf0f9}
body.pi-panel .pi-pins-toolbar{gap:18px;padding:0 19px;border-color:#e9f0f8}
body.pi-panel .pi-tab{font-size:10px;color:#6f87a8;padding-bottom:11px}
body.pi-panel .pi-tab.active{color:#234c84;border-color:#1769ff}
body.pi-panel .pi-table th{font-size:10px;color:#6984ab;background:#f5f8fe;letter-spacing:0}
body.pi-panel .pi-table td{font-size:11px;color:#5b7da7;border-color:#edf3fa;padding-top:12px;padding-bottom:12px}
body.pi-panel .pi-table .pi-pin{color:#3b6293;font-weight:650}
body.pi-panel .pi-pill{border-radius:16px;padding:4px 9px;font-size:10px;font-weight:550}
body.pi-panel .pi-event{gap:12px;padding:11px 0}
body.pi-panel .pi-event-icon{width:32px;height:32px;min-width:32px;font-size:12px;background:#edf4ff;color:#2971e6}
body.pi-panel .pi-event:not(:last-child):after{left:16px;top:43px;background:#e7eff9}
body.pi-panel .pi-event .pi-actor{font-size:11px;color:#35577e}
body.pi-panel .pi-event-text{font-size:11px;color:#6b86a9;line-height:1.6}
body.pi-panel .pi-event time{font-size:9px;color:#8ba0ba}
body.pi-panel .main-sidebar :is(a,button):focus-visible{outline:2px solid #78a8ef;outline-offset:2px}
/* Compact login retains the existing logo, note, form and authentication flow. */
body.pi-auth{background:radial-gradient(ellipse at 50% 0,#ecf4ff 0,transparent 60%),#f5f8fc!important;color:#213d62}
body.pi-auth .pl-page{padding:32px 18px;min-height:100vh}
body.pi-auth .pl-shell{max-width:420px;width:100%}
body.pi-auth .pl-card{padding:32px 27px 29px;border:1px solid #e0eaf7;border-top:2px solid #77a9fa;border-radius:16px;box-shadow:0 8px 30px #2a507c08;background:#fff}
body.pi-auth .pl-logo{width:70px;height:70px;border-radius:50%;background:#edf5ff;border:1px solid #d9e9ff;margin:0 auto 22px;box-shadow:none}
body.pi-auth .pl-logo img{width:100%;height:100%;padding:6px;border-radius:50%;object-fit:contain}
body.pi-auth .pl-name{font-size:25px;line-height:1.3;font-weight:750;color:#152d50;letter-spacing:-.6px}
body.pi-auth .pl-tag{font-size:13px;color:#8496b0;margin:8px 0 29px;line-height:1.5}
body.pi-auth .pl-fg{margin-bottom:19px}
body.pi-auth .pl-fg label{font-size:12px;font-weight:600;letter-spacing:0;color:#4a6486;margin-bottom:8px;line-height:1.5}
body.pi-auth .pl-ig{position:relative}
body.pi-auth .pl-input{width:100%;height:48px;min-height:48px;border:1px solid #dce6f3;border-radius:8px;background:#f9fbfe;color:#36557e;font-size:13px;box-shadow:none;padding:0 42px}
body.pi-auth .pl-input::placeholder{color:#91a2bc;font-size:12px}
body.pi-auth .pl-input:focus{outline:0;border-color:#93b7ef;background:#fff;box-shadow:0 0 0 3px #1769ff09}
body.pi-auth .pl-field-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);font-size:14px;color:#859bb8;pointer-events:none}
body.pi-auth .pl-eye{position:absolute;right:1px;top:1px;display:flex;align-items:center;justify-content:center;width:42px;height:46px;background:transparent;border:0;color:#8199ba;border-radius:7px;cursor:pointer;margin:0;padding:0;font-size:13px}
body.pi-auth .pl-eye:hover{color:#376cba;background:#f0f5fd}
body.pi-auth .btn-submit{height:48px;min-height:48px;border-radius:8px;background:var(--pi-auth-accent,#1769ff)!important;font-size:13px;font-weight:650;box-shadow:none;border:1px solid transparent;padding:0 20px;margin-top:3px;letter-spacing:0;display:flex;align-items:center;justify-content:center;gap:11px;width:100%;cursor:pointer}
body.pi-auth .btn-submit:hover{filter:brightness(.97)}
body.pi-auth .btn-submit i{font-size:12px}
body.pi-auth .pl-alert:empty{display:none}
body.pi-auth .pl-alert .alert{border-radius:10px;margin:0 0 16px;box-shadow:none;font-size:12px;line-height:1.6}
body.pi-auth .pl-alert .alert-primary{position:relative;background:#edf5ff!important;color:#365e94!important;border:1px solid #c8dcfb!important;padding:13px 36px 13px 39px!important;min-height:46px}
body.pi-auth .pl-alert .alert-primary:before{content:"\f05a";font-family:"Font Awesome 5 Free";font-weight:900;position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#387ee5;font-size:15px}
body.pi-auth .pl-alert .alert-primary .text-white,body.pi-auth .pl-alert .alert-primary .alert-body{color:#365e94!important;font-size:12px;font-weight:500;line-height:1.6;background:transparent!important}
body.pi-auth .pl-alert .alert-primary .alert-body{padding:0!important}
body.pi-auth .pl-alert .alert .close{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:20px;font-weight:400;line-height:1;width:22px;height:24px;padding:0;margin:0;float:none;color:#7894b9;opacity:1;text-shadow:none}
body.pi-auth .pl-alert .alert-warning{background:#fff6e8!important;border:1px solid #f1dfbd!important;color:#92703c!important;padding:13px 16px!important}
body.pi-auth .pl-alert .alert-warning .alert-title{font-weight:650;color:#8c672b}
body.pi-auth .pl-foot{padding:0 4px;margin-top:19px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;color:#8a9bb4;line-height:1.6}
body.pi-auth .pl-foot a{font-size:10px;color:#3873c6;font-weight:500;white-space:nowrap}
body.pi-auth .pl-apps,body.pi-auth .pl-app{border-color:#e1eaf7;border-radius:10px;box-shadow:none}
body.pi-auth :is(input,button,a):focus-visible{outline:2px solid #84adf0;outline-offset:3px}
@media(min-width:1025px){body.pi-panel:not(.sidebar-mini) .main-sidebar{width:236px}body.pi-panel:not(.sidebar-mini) .main-content{padding-left:262px;padding-right:26px}body.pi-panel:not(.sidebar-mini) .main-navbar{left:246px;right:20px}body.pi-panel:not(.sidebar-mini) .main-footer{padding-left:262px}body.pi-panel.sidebar-mini .main-content{padding-left:91px!important;padding-right:26px}body.pi-panel.sidebar-mini .main-navbar{left:80px;right:20px}body.pi-panel.sidebar-mini .main-footer{padding-left:91px}}
@media(max-width:1250px){body.pi-panel .pi-metric{padding:18px 14px;gap:10px}body.pi-panel .pi-metric .pi-icon{width:34px;height:34px;min-width:34px;font-size:15px}body.pi-panel .pi-number{font-size:29px}body.pi-panel .pi-metric small,body.pi-panel .pi-metric p{font-size:9px}}
@media(max-width:767px){
 body.pi-panel .pi-heading{margin-bottom:19px}body.pi-panel .pi-heading h1{font-size:27px}body.pi-panel .pi-heading p{font-size:11px}body.pi-panel .pi-metrics{gap:10px}body.pi-panel .pi-metric{padding:16px 12px;min-height:112px;gap:9px}body.pi-panel .pi-metric .pi-icon{width:29px;height:29px;min-width:29px;font-size:14px}body.pi-panel .pi-number{font-size:27px}body.pi-panel .pi-metric small,body.pi-panel .pi-metric p{font-size:9px}body.pi-panel .pi-summary{padding:13px 0;margin-bottom:18px}body.pi-panel .pi-summary span{font-size:9px}body.pi-panel .pi-summary strong{font-size:13px}body.pi-panel .pi-grid{gap:15px;margin-bottom:15px}body.pi-panel .pi-card-title{padding:16px 15px}body.pi-panel .pi-card-title h2{font-size:15px}body.pi-panel .pi-card-body{padding:0 15px 15px}body.pi-panel .pi-online-summary{padding-left:15px}body.pi-panel .pi-overview-row .pi-chart-box{min-height:195px}body.pi-panel .pi-pins-toolbar{padding:0 15px;gap:15px}body.pi-panel .pi-chart-note,body.pi-panel .pi-status-note{font-size:9px}
 body.pi-auth .pl-page{padding:27px 17px}body.pi-auth .pl-card{padding:29px 23px 26px}body.pi-auth .pl-logo{width:65px;height:65px;margin-bottom:20px}body.pi-auth .pl-name{font-size:23px}body.pi-auth .pl-tag{margin-bottom:26px}body.pi-auth .pl-foot{font-size:9px;gap:10px}body.pi-auth .pl-foot a{font-size:9px}body.pi-auth .pl-alert .alert-primary{padding-top:12px!important;padding-bottom:12px!important}body.pi-auth .pl-alert .alert-primary .text-white{font-size:11px}
}
@media(max-width:359px){body.pi-auth .pl-card{padding:27px 18px 23px}body.pi-auth .pl-name{font-size:21px}body.pi-auth .pl-foot{flex-direction:column;gap:5px}body.pi-panel .pi-metric{padding:14px 10px;gap:6px}body.pi-panel .pi-metric .pi-icon{width:24px;height:24px;min-width:24px;font-size:12px}}
@media(prefers-reduced-motion:reduce){body.pi-auth *,body.pi-panel .main-sidebar *{transition:none!important;scroll-behavior:auto!important}}