/* SCSI Client Portal sidebar. Only applies to authenticated clients with navigation. */
@media (min-width: 992px) {
 body.scsi-sidebar-enabled {background:#f5f7fb;}
 body.scsi-sidebar-enabled nav.header {position:fixed;inset:0 auto 0 0;width:258px;z-index:1040;background:#10253f;border:0;border-radius:0;box-shadow:3px 0 18px rgba(15,35,60,.12);overflow-y:auto;overflow-x:visible;margin:0;padding:14px 0;}
 body.scsi-sidebar-enabled nav.header>.container {width:100%;padding:0 12px;}
 body.scsi-sidebar-enabled nav.header .navbar-header {float:none;display:flex;align-items:center;justify-content:center;min-height:75px;margin:0 0 15px;}
 body.scsi-sidebar-enabled nav.header .navbar-brand {float:none;height:auto;max-width:190px;margin:0;padding:8px;}
 body.scsi-sidebar-enabled nav.header .navbar-brand img {max-width:100%;max-height:65px;object-fit:contain;}
 body.scsi-sidebar-enabled nav.header .navbar-collapse {display:block!important;height:auto!important;padding:0;border:0;box-shadow:none;}
 body.scsi-sidebar-enabled nav.header .navbar-nav {float:none!important;margin:0;display:flex;flex-direction:column;width:100%;}
 body.scsi-sidebar-enabled nav.header .navbar-nav>li {float:none;display:block;width:100%;}
 body.scsi-sidebar-enabled nav.header .navbar-nav>li>a {display:flex;align-items:center;gap:11px;padding:12px 14px;color:#dce7f3;border-radius:9px;white-space:normal;line-height:1.4;font-size:14px;}
 body.scsi-sidebar-enabled nav.header .navbar-nav>li>a i {width:20px;text-align:center;flex-shrink:0;}
 body.scsi-sidebar-enabled nav.header .navbar-nav>li>a:hover,body.scsi-sidebar-enabled nav.header .navbar-nav>li.active>a,body.scsi-sidebar-enabled nav.header .navbar-nav>li.open>a {background:#1d426c;color:#fff;}
 body.scsi-sidebar-enabled nav.header .navbar-nav>li.dropdown .dropdown-menu {position:static;float:none;width:100%;background:#193655;box-shadow:none;border:0;border-radius:9px;padding:5px;}
 body.scsi-sidebar-enabled nav.header .dropdown-menu>li>a {color:#e3ebf5;white-space:normal;padding:10px 12px;}
 body.scsi-sidebar-enabled nav.header .dropdown-menu>li>a:hover {background:#28547f;color:#fff;}
 body.scsi-sidebar-enabled nav.header .dropdown-submenu>.dropdown-menu {position:static;margin:0 0 0 8px;display:none;}
 body.scsi-sidebar-enabled nav.header .dropdown-submenu:hover>.dropdown-menu,body.scsi-sidebar-enabled nav.header .dropdown-submenu:focus-within>.dropdown-menu {display:block;}
 body.scsi-sidebar-enabled #wrapper,body.scsi-sidebar-enabled footer.footer {margin-left:258px;}
 body.scsi-sidebar-enabled #wrapper {min-height:calc(100vh - 70px);padding-top:22px;}
 body.scsi-sidebar-enabled #wrapper .container,body.scsi-sidebar-enabled footer.footer .container {width:auto;max-width:1500px;padding-left:26px;padding-right:26px;}
 body.scsi-sidebar-enabled .customer-top-submenu {display:none;}
 body.scsi-sidebar-enabled.scsi-sidebar-collapsed nav.header {width:190px;}
 body.scsi-sidebar-enabled.scsi-sidebar-collapsed #wrapper,body.scsi-sidebar-enabled.scsi-sidebar-collapsed footer.footer {margin-left:190px;}
 body.scsi-sidebar-enabled.scsi-sidebar-collapsed nav.header .navbar-nav>li>a {font-size:14px;justify-content:flex-start;padding:10px 9px;}
 body.scsi-sidebar-enabled.scsi-sidebar-collapsed nav.header .navbar-nav>li>a i {font-size:17px;}
 body.scsi-sidebar-enabled.scsi-sidebar-collapsed nav.header .navbar-brand {display:flex;}
 /* Keep dropdowns functional in both sidebar states. */
 body.scsi-sidebar-enabled.scsi-sidebar-collapsed nav.header .navbar-header {min-height:44px;}
 .scsi-sidebar-toggle {display:flex;align-items:center;justify-content:center;margin:0 auto 12px;border:1px solid #416180;border-radius:8px;background:transparent;color:#fff;width:36px;height:34px;cursor:pointer;}
}
@media (max-width: 991px) {
 body.scsi-sidebar-enabled nav.header {position:relative;z-index:1040;}
 body.scsi-sidebar-enabled nav.header .navbar-toggle {display:block;}
 body.scsi-sidebar-enabled nav.header .navbar-collapse.collapse:not(.in) {display:none!important;}
 body.scsi-sidebar-enabled nav.header .navbar-collapse.in {display:block!important;}
 body.scsi-sidebar-enabled nav.header .navbar-nav {margin:7.5px -15px;float:none!important;}
 body.scsi-sidebar-enabled nav.header .navbar-nav>li {float:none;}
 body.scsi-sidebar-enabled nav.header .navbar-nav>li>a {padding:12px 18px;}
 .scsi-sidebar-toggle {display:none;}
}
body.scsi-sidebar-enabled #wrapper .panel {border-radius:10px;box-shadow:0 2px 12px rgba(16,37,63,.05);}
body.scsi-sidebar-enabled #wrapper .panel-heading {border-radius:10px 10px 0 0;}

/* SCSI profile and menu toggle share a single header row */
body.scsi-sidebar-enabled nav.header .navbar-header {display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important;gap:8px;min-width:0;}
body.scsi-sidebar-enabled .scsi-client-profile {display:flex;align-items:center;gap:9px;min-width:0;flex:1;text-decoration:none;}
body.scsi-sidebar-enabled .scsi-profile-avatar {width:38px;height:38px;border-radius:50%;object-fit:cover;flex-shrink:0;}
body.scsi-sidebar-enabled .scsi-profile-name {font-size:13px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
@media (min-width:992px) {
 body.scsi-sidebar-enabled nav.header .navbar-header {padding:6px 8px;margin:0 0 14px;min-height:54px;}
 body.scsi-sidebar-enabled .scsi-sidebar-toggle {margin:0!important;flex-shrink:0;}
 body.scsi-sidebar-enabled.scsi-sidebar-collapsed .scsi-profile-name {display:block;}
 body.scsi-sidebar-enabled.scsi-sidebar-collapsed .scsi-profile-avatar {width:30px;height:30px;}
 body.scsi-sidebar-enabled.scsi-sidebar-collapsed nav.header .navbar-header {padding:4px 0;gap:3px;}
 body.scsi-sidebar-enabled.scsi-sidebar-collapsed .scsi-sidebar-toggle {width:28px;height:30px;}
 body.scsi-sidebar-enabled.scsi-sidebar-collapsed .scsi-client-profile {flex:0 1 auto;}
}
@media (max-width:991px) {
 body.scsi-sidebar-enabled nav.header .navbar-header {width:100%;padding:8px 12px;}
 body.scsi-sidebar-enabled .scsi-profile-name {color:#10253f;}
 body.scsi-sidebar-enabled nav.header .navbar-toggle {float:none;margin:0;flex-shrink:0;}
}

/* Admin-inspired client homepage, scoped to the homepage only */
body.scsi-sidebar-enabled .scsi-dashboard-home {padding-bottom:30px;}
body.scsi-sidebar-enabled .scsi-dashboard-home .scsi-dashboard-intro {margin-bottom:20px;padding:20px 24px;background:#fff;border:1px solid #e5eaf1;border-radius:14px;box-shadow:0 3px 14px rgba(16,37,63,.04);}
body.scsi-sidebar-enabled .scsi-dashboard-home .scsi-dashboard-eyebrow {display:block;font-size:11px;letter-spacing:1.5px;font-weight:700;color:#4878a9;}
body.scsi-sidebar-enabled .scsi-dashboard-home .scsi-dashboard-intro p {margin:6px 0 0;color:#66768a;font-size:14px;}
body.scsi-sidebar-enabled .scsi-dashboard-home #greeting {font-size:25px;font-weight:700;color:#152c46;margin:0 0 22px;}
body.scsi-sidebar-enabled .scsi-dashboard-home .projects-summary-heading,
body.scsi-sidebar-enabled .scsi-dashboard-home .invoices-quick-info-heading {font-size:18px;font-weight:700;color:#213b59;margin-top:26px;margin-bottom:16px;}
body.scsi-sidebar-enabled .scsi-dashboard-home .panel_s,
body.scsi-sidebar-enabled .scsi-dashboard-home .panel {background:#fff;border:1px solid #e4eaf1;border-radius:14px;box-shadow:0 4px 18px rgba(16,37,63,.05);overflow:hidden;}
body.scsi-sidebar-enabled .scsi-dashboard-home .panel-body {padding:22px;}
body.scsi-sidebar-enabled .scsi-dashboard-home .projects-summary .panel,
body.scsi-sidebar-enabled .scsi-dashboard-home .projects-summary .panel_s {transition:transform .2s ease,box-shadow .2s ease;}
body.scsi-sidebar-enabled .scsi-dashboard-home .projects-summary .panel:hover {transform:translateY(-2px);box-shadow:0 8px 20px rgba(16,37,63,.09);}
body.scsi-sidebar-enabled .scsi-dashboard-home .form-control {border-radius:8px;border-color:#dce5ee;}
body.scsi-sidebar-enabled .scsi-dashboard-home #client-home-chart {max-width:100%;}
@media(max-width:767px){body.scsi-sidebar-enabled .scsi-dashboard-home .scsi-dashboard-intro{padding:16px;}body.scsi-sidebar-enabled .scsi-dashboard-home #greeting{font-size:21px;}body.scsi-sidebar-enabled .scsi-dashboard-home .panel-body{padding:15px;}}

/* Admin-inspired light client interface, October 2026 */
@media (min-width:992px){
 body.scsi-sidebar-enabled {background:#f4f4f6!important;}
 body.scsi-sidebar-enabled nav.header {background:#f4f4f6!important;border-right:1px solid #d8dde4!important;box-shadow:none!important;width:230px!important;}
 body.scsi-sidebar-enabled nav.header .navbar-nav>li>a {color:#253a55!important;font-weight:500;padding:10px 12px!important;}
 body.scsi-sidebar-enabled nav.header .navbar-nav>li>a i {color:#6a7b8e!important;}
 body.scsi-sidebar-enabled nav.header .navbar-nav>li>a:hover,body.scsi-sidebar-enabled nav.header .navbar-nav>li.active>a {background:#fff!important;color:#172e4c!important;box-shadow:0 1px 3px #d9dde3!important;}
 body.scsi-sidebar-enabled nav.header .navbar-header {background:#fff;border:1px solid #d0d5dd;border-radius:9px;margin:0 0 16px!important;padding:8px!important;min-height:65px!important;}
 body.scsi-sidebar-enabled nav.header .scsi-profile-name {color:#253a55!important;}
 body.scsi-sidebar-enabled nav.header .scsi-sidebar-toggle {color:#253a55!important;border-color:#cbd5e1!important;}
 body.scsi-sidebar-enabled nav.header .dropdown-menu {background:#fff!important;border:1px solid #e5e7eb!important;}
 body.scsi-sidebar-enabled nav.header .dropdown-menu>li>a {color:#253a55!important;}
 body.scsi-sidebar-enabled nav.header .dropdown-menu>li>a:hover {background:#edf2f7!important;color:#172e4c!important;}
}
.scsi-dashboard-home {color:#27364b;}
.scsi-dashboard-intro {padding:3px 0 14px!important;}
.scsi-dashboard-intro p {font-size:14px;color:#7a8798;}
.scsi-admin-cards {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:20px 0 25px;}
.scsi-admin-card {min-height:125px;padding:20px 18px;border-radius:8px;border:1px solid #d8e2ef;}
.scsi-admin-card:nth-child(1){background:#e4faef;border-color:#a9edc8;}
.scsi-admin-card:nth-child(2){background:#e4efff;border-color:#b7d4ff;}
.scsi-admin-card:nth-child(3){background:#f0e6ff;border-color:#dfc5ff;}
.scsi-admin-card:nth-child(4){background:#fff1e2;border-color:#ffd1a3;}
.scsi-admin-card-title {display:flex;align-items:center;gap:8px;font-size:13px;color:#24344a;min-height:25px;}
.scsi-admin-card-title i {font-size:16px;color:#64748b;}
.scsi-admin-card-value {font-size:23px;font-weight:600;margin:9px 0;color:#233651;}
.scsi-admin-card-track {height:6px;background:rgba(255,255,255,.85);border-radius:20px;overflow:hidden;}
.scsi-admin-card-track span {display:block;height:100%;background:#3978f6;border-radius:20px;}
.scsi-admin-card:nth-child(1) .scsi-admin-card-track span{background:#16a34a;}
.scsi-admin-card:nth-child(3) .scsi-admin-card-track span{background:#7c3aed;}
.scsi-admin-card:nth-child(4) .scsi-admin-card-track span{background:#ea8a20;}
.scsi-admin-section {background:#fff;border:1px solid #e0e4ea;border-radius:9px;padding:22px 24px;margin-bottom:22px;box-shadow:0 2px 6px rgba(25,35,55,.04);}
.scsi-admin-section h3 {margin-top:0!important;font-size:17px!important;}
.scsi-dashboard-home .panel_s {border-radius:9px;overflow:hidden;}
@media(max-width:1199px){.scsi-admin-cards{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:575px){.scsi-admin-cards{grid-template-columns:1fr;}.scsi-admin-section{padding:15px;}}

/* 2026-10-31: Consistent readable compact sidebar and responsive content */
@media (min-width:992px) {
 body.scsi-sidebar-enabled {--scsi-sidebar-width:230px;}
 body.scsi-sidebar-enabled.scsi-sidebar-collapsed {--scsi-sidebar-width:190px;}
 body.scsi-sidebar-enabled nav.header,
 body.scsi-sidebar-enabled.scsi-sidebar-collapsed nav.header {
   width:var(--scsi-sidebar-width)!important;
   box-sizing:border-box; overflow-x:hidden;
   transition:width .2s ease;
 }
 body.scsi-sidebar-enabled #wrapper,
 body.scsi-sidebar-enabled footer.footer,
 body.scsi-sidebar-enabled.scsi-sidebar-collapsed #wrapper,
 body.scsi-sidebar-enabled.scsi-sidebar-collapsed footer.footer {
   margin-left:var(--scsi-sidebar-width)!important;
   width:calc(100% - var(--scsi-sidebar-width))!important;
   max-width:none; min-width:0; box-sizing:border-box;
   transition:margin-left .2s ease,width .2s ease;
 }
 body.scsi-sidebar-enabled #wrapper {overflow-x:clip;}
 body.scsi-sidebar-enabled #wrapper .container,
 body.scsi-sidebar-enabled footer.footer .container {
   width:100%!important;max-width:100%!important;min-width:0;
   box-sizing:border-box;padding-left:24px;padding-right:24px;
 }
 body.scsi-sidebar-enabled nav.header .navbar-nav>li>a,
 body.scsi-sidebar-enabled.scsi-sidebar-collapsed nav.header .navbar-nav>li>a {
   display:flex!important;justify-content:flex-start!important;align-items:center;
   font-size:14px!important;white-space:normal!important;
   overflow-wrap:anywhere;gap:9px;padding:10px 9px!important;
 }
 body.scsi-sidebar-enabled.scsi-sidebar-collapsed nav.header .navbar-nav>li>a i {font-size:15px;}
 body.scsi-sidebar-enabled nav.header .navbar-header,
 body.scsi-sidebar-enabled.scsi-sidebar-collapsed nav.header .navbar-header {
   min-height:64px!important;padding:7px!important;gap:6px;
 }
 body.scsi-sidebar-enabled.scsi-sidebar-collapsed .scsi-profile-name {
   display:block!important;font-size:12px;min-width:0;
 }
 body.scsi-sidebar-enabled.scsi-sidebar-collapsed .scsi-client-profile {
   flex:1 1 auto;min-width:0;gap:6px;
 }
 body.scsi-sidebar-enabled.scsi-sidebar-collapsed .scsi-profile-avatar {width:32px;height:32px;}
 body.scsi-sidebar-enabled.scsi-sidebar-collapsed .scsi-sidebar-toggle {width:30px;height:32px;flex-shrink:0;}
 body.scsi-sidebar-enabled.scsi-sidebar-collapsed nav.header .navbar-nav>li.dropdown.open>.dropdown-menu {display:block;}
 body.scsi-sidebar-enabled .scsi-admin-cards {min-width:0;}
 body.scsi-sidebar-enabled .scsi-admin-card {min-width:0;overflow-wrap:anywhere;}
}
@media (max-width:991px) {
 body.scsi-sidebar-enabled #wrapper,body.scsi-sidebar-enabled footer.footer {
   width:100%!important;margin-left:0!important;min-width:0;
 }
 body.scsi-sidebar-enabled #wrapper .container {max-width:100%;}
}