/* Enterprise UX modernization - navigation, accessibility, responsive design and security-aware presentation. */
:root{--ux-sidebar:276px;--ux-sidebar-collapsed:78px;--ux-topbar:72px;--ux-navy:#0b2239;--ux-blue:#167da3;--ux-cyan:#219ebc;--ux-surface:#f4f8fb;--ux-border:#d7e3ec;--ux-focus:#ffb703;--ux-danger:#b42318;--ux-warning:#b54708;--ux-success:#067647;--ux-info:#175cd3}
html{scroll-behavior:smooth}body{padding-top:var(--ux-topbar)!important;background:var(--ux-surface)!important}
.skip-link{position:fixed;left:12px;top:-80px;z-index:99999;background:#fff;color:#0b2239;padding:10px 14px;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.2);font-weight:800}.skip-link:focus{top:10px}
*:focus-visible{outline:3px solid var(--ux-focus)!important;outline-offset:2px!important}
.topbar{height:var(--ux-topbar)!important;min-height:var(--ux-topbar)!important;padding:9px 18px!important;flex-wrap:nowrap!important;gap:12px!important;background:linear-gradient(100deg,#073b4c,#126782 62%,#219ebc)!important}
.sidebar-toggle{width:42px;height:42px;border:1px solid rgba(255,255,255,.3);border-radius:11px;background:rgba(255,255,255,.12);color:#fff;font-size:20px;cursor:pointer;flex:0 0 auto}.sidebar-toggle:hover{background:rgba(255,255,255,.2)}
.topbar-brand{min-width:150px!important}.topbar-brand .brand-logo{max-width:176px!important;max-height:50px!important}
.header-global-search{display:flex;align-items:center;gap:7px;max-width:620px;min-width:260px;flex:1;margin:0 auto;background:#fff;border:1px solid rgba(255,255,255,.7);border-radius:12px;padding:3px 5px 3px 11px;box-shadow:0 5px 16px rgba(0,0,0,.1)}
.header-global-search input{border:0!important;margin:0!important;padding:8px 4px!important;min-width:0;background:transparent!important;box-shadow:none!important}.header-global-search input:focus{outline:none!important}.header-global-search button{border:0;background:#0f6f8e;color:#fff;border-radius:8px;padding:8px 12px;font-weight:800;cursor:pointer}.search-icon{font-size:20px;color:#667085}.search-shortcut{border:1px solid #d0d5dd;color:#667085;border-radius:5px;padding:1px 7px;font-size:12px;font-weight:800}
.security-context{display:flex;align-items:center;gap:7px;color:#eafaff;font-size:12px;font-weight:700;white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis}.security-dot{width:9px;height:9px;border-radius:50%;background:#12b76a;box-shadow:0 0 0 3px rgba(18,183,106,.18)}
.user-menu{margin-left:0!important}.user-menu-name{max-width:130px!important}
.topnav{position:fixed!important;left:0;top:var(--ux-topbar);bottom:0;width:var(--ux-sidebar);z-index:900;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:5px!important;overflow-y:auto!important;overflow-x:hidden!important;padding:18px 12px 24px!important;background:linear-gradient(180deg,#0c253c,#081a2c)!important;border-right:1px solid rgba(255,255,255,.07);box-shadow:10px 0 28px rgba(12,37,60,.08)}
.sidebar-heading{padding:0 10px 7px;color:#8ecae6;font-size:11px;letter-spacing:.12em;font-weight:900;text-transform:uppercase}.sidebar-quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0 0 10px}.sidebar-quick-actions a{display:flex!important;flex-direction:column;gap:3px!important;min-width:0!important;padding:8px 5px!important;border-radius:10px!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.1)!important;font-size:11px!important}.sidebar-quick-actions a span:first-child{font-size:17px}.sidebar-quick-actions a:hover{background:rgba(33,158,188,.35)!important}
.topnav>a,.topnav>.nav-dropdown>.dropdown-toggle{width:100%!important;min-height:44px!important;justify-content:flex-start!important;border-radius:10px!important;padding:10px 12px!important;background:transparent!important;border:1px solid transparent!important;color:#d9edf5!important;text-align:left!important;font-size:14px!important}.topnav>a:hover,.topnav>a.active,.topnav>.nav-dropdown.active>.dropdown-toggle{background:rgba(33,158,188,.22)!important;border-color:rgba(142,202,230,.22)!important;color:#fff!important;box-shadow:none!important}.topnav>a.active{border-left:4px solid #ffb703!important;padding-left:9px!important}.nav-dropdown{width:100%!important}.nav-dropdown-menu{position:static!important;display:none!important;min-width:0!important;width:100%!important;margin:4px 0 4px!important;padding:5px!important;background:rgba(255,255,255,.05)!important;border:0!important;border-radius:10px!important;box-shadow:none!important}.nav-dropdown.open>.nav-dropdown-menu,.nav-dropdown:focus-within>.nav-dropdown-menu{display:block!important}.nav-dropdown-menu a{display:flex!important;width:100%!important;justify-content:flex-start!important;padding:8px 11px 8px 22px!important;border-radius:8px!important;color:#cce5ee!important;font-size:13px!important}.nav-dropdown-menu a:hover{background:rgba(255,255,255,.08)!important;color:#fff!important}.nav-count{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;min-width:23px;height:23px;padding:0 6px;border-radius:999px;background:#f04438;color:#fff;font-size:11px;font-weight:900}
.main{max-width:none!important;margin-left:var(--ux-sidebar)!important;padding:24px 28px 28px!important;transition:margin-left .18s ease}.sidebar-collapsed .topnav{width:var(--ux-sidebar-collapsed)}.sidebar-collapsed .main{margin-left:var(--ux-sidebar-collapsed)!important}.sidebar-collapsed .topnav>a,.sidebar-collapsed .topnav>.nav-dropdown>.dropdown-toggle{font-size:0!important;justify-content:center!important}.sidebar-collapsed .topnav>a:before,.sidebar-collapsed .topnav>.nav-dropdown>.dropdown-toggle:before{content:'•';font-size:22px!important}.sidebar-collapsed .sidebar-heading,.sidebar-collapsed .sidebar-quick-actions span:last-child{display:none}.sidebar-collapsed .sidebar-quick-actions{grid-template-columns:1fr}.sidebar-collapsed .nav-dropdown-menu{position:fixed!important;left:var(--ux-sidebar-collapsed)!important;width:250px!important;background:#0c253c!important;box-shadow:0 14px 30px rgba(0,0,0,.22)!important}
.page-title{margin:0 0 16px!important;padding-bottom:12px;border-bottom:1px solid var(--ux-border)}.page-title h1{font-size:28px!important;line-height:1.15!important;margin:2px 0 0!important}.page-context{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#667085;font-weight:900}.page-assurance{display:flex;align-items:center;gap:6px;font-size:12px;color:#475467;font-weight:700;background:#edf8f4;border:1px solid #b7e3d0;border-radius:999px;padding:7px 10px}.page-assurance span{color:#12b76a}.app-footer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:24px;padding:14px 4px 0;border-top:1px solid var(--ux-border);font-size:11px;color:#667085}
.card{border-radius:14px!important;box-shadow:0 5px 18px rgba(16,45,65,.07)!important;border-color:var(--ux-border)!important}.section-head h2{font-size:20px!important}.section-head p{margin:4px 0 0}
/* Dashboard command center */
.dashboard-command-row{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.85fr);gap:16px;margin:16px 0}.quick-actions-card,.my-actions-card{margin:0!important}.quick-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.quick-action-grid a{display:flex;align-items:center;gap:9px;padding:12px;border:1px solid #dbe7ee;border-radius:11px;background:#f9fcfd;color:#0b3d52;font-weight:800}.quick-action-grid a:hover{background:#eef8fb;border-color:#8ecae6;transform:translateY(-1px)}.quick-action-grid strong{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;border-radius:8px;background:#dff3f8;color:#087c9c;font-size:18px}.action-summary-list{display:flex;flex-direction:column;gap:8px}.action-summary-list a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 11px;border-radius:10px;background:#f6f9fb;color:#344054}.action-summary-list a:hover{background:#edf4f7}.action-summary-list strong{font-size:20px;color:#0c6f8d}.action-summary-list .attention{background:#fff3f0;color:#912018}.action-summary-list .attention strong{color:#b42318}.expiry-timeline-card{margin-bottom:18px!important}.expiry-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.timeline-segment{display:flex;flex-direction:column;gap:4px;padding:14px;border-radius:12px;border:1px solid transparent;color:#344054}.timeline-segment strong{font-size:28px}.timeline-segment small{margin:0!important}.timeline-segment.danger{background:#fff1f0;border-color:#fecdca}.timeline-segment.warning{background:#fff7ed;border-color:#fed7aa}.timeline-segment.notice{background:#fffaeb;border-color:#fedf89}.timeline-segment.info{background:#eff8ff;border-color:#b2ddff}.timeline-segment.danger strong{color:#b42318}.timeline-segment.warning strong{color:#b54708}.timeline-segment.notice strong{color:#b8860b}.timeline-segment.info strong{color:#175cd3}
/* Tables and reports */
.table-scroll{border-radius:12px}.table-scroll table{margin:0}table thead th{position:sticky;top:0;z-index:3;box-shadow:inset 0 -1px 0 #dbe5ec}table tbody tr:focus-within td{background:#eef8fb!important}.asset-toolbar,.report-search,.report-head{position:relative}.asset-toolbar{display:flex;gap:12px;align-items:flex-end;justify-content:space-between;flex-wrap:wrap}.asset-toolbar .actions{flex:1}.asset-search-form{display:flex;align-items:center;gap:7px;min-width:300px}.asset-search-form input,.asset-search-form select{margin:0!important}.report-search{position:sticky;top:calc(var(--ux-topbar) + 8px);z-index:20;background:rgba(244,248,251,.96);backdrop-filter:blur(8px);padding:8px;border-radius:12px;border:1px solid #dce7ee}
/* Consistent semantic status tokens (classes assigned by enterprise_ux.js). */
.badge.status-success{background:#ecfdf3!important;color:#067647!important;border:1px solid #abefc6}.badge.status-warning{background:#fffaeb!important;color:#b54708!important;border:1px solid #fedf89}.badge.status-danger{background:#fef3f2!important;color:#b42318!important;border:1px solid #fecdca}.badge.status-info{background:#eff8ff!important;color:#175cd3!important;border:1px solid #b2ddff}.badge.status-neutral{background:#f2f4f7!important;color:#475467!important;border:1px solid #d0d5dd}
/* Form UX */
label{font-weight:700;color:#344054}input,select,textarea{min-height:40px}input::placeholder,textarea::placeholder{color:#98a2b3}.btn{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn:disabled{opacity:.55;cursor:not-allowed}.formgrid{gap:14px}.card h2:first-child{margin-top:0}
/* WCAG-minded motion and touch */
@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(max-width:1180px){.security-context{display:none}.header-global-search{max-width:480px}.dashboard-command-row{grid-template-columns:1fr}.quick-action-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){body{padding-top:var(--ux-topbar)!important}.sidebar-toggle{display:none}.topnav{display:none!important;position:fixed!important;top:var(--ux-topbar);left:0;width:min(330px,88vw)!important}.menu-open .topnav{display:flex!important}.main,.sidebar-collapsed .main{margin-left:0!important;padding:18px!important}.header-global-search{min-width:0;max-width:none}.search-shortcut{display:none}.page-assurance{display:none}.quick-action-grid{grid-template-columns:repeat(2,1fr)}.expiry-timeline{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.topbar{padding:8px 10px!important}.topbar-brand{min-width:0!important}.topbar-brand .brand-logo{max-width:110px!important}.header-global-search button{font-size:0;width:36px;padding:8px}.header-global-search button:after{content:'⌕';font-size:16px}.user-menu-name,.user-menu-caret{display:none}.user-menu-button{padding:4px!important}.main{padding:14px!important}.page-title h1{font-size:23px!important}.quick-action-grid,.expiry-timeline{grid-template-columns:1fr}.asset-search-form{min-width:100%;width:100%}.app-footer{display:block}.app-footer span{display:block;margin:4px 0}}
@media print{.topnav,.sidebar-toggle,.header-global-search,.security-context,.page-assurance,.app-footer{display:none!important}.main{margin-left:0!important}}

/* Collapsed sidebar usability: meaningful icons, readable flyouts, hover labels. */
.nav-item{position:relative;display:flex!important;align-items:center!important;gap:10px!important}
.nav-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex:0 0 24px;font-size:20px;line-height:1;color:#bfe8f5;font-weight:800}
.nav-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-caret{margin-left:auto;font-size:11px;color:#9fd3e3}
.sidebar-collapsed .topnav>a,.sidebar-collapsed .topnav>.nav-dropdown>.dropdown-toggle{font-size:14px!important;justify-content:center!important;padding:10px 8px!important;overflow:visible!important}
.sidebar-collapsed .topnav>a:before,.sidebar-collapsed .topnav>.nav-dropdown>.dropdown-toggle:before{content:none!important}
.sidebar-collapsed .nav-label,.sidebar-collapsed .nav-caret{display:none!important}
.sidebar-collapsed .nav-icon{width:30px;height:30px;flex-basis:30px;font-size:22px;color:#eaf8fc}
.sidebar-collapsed .nav-count{position:absolute;right:5px;top:4px;min-width:18px;height:18px;padding:0 4px;font-size:9px}
.sidebar-collapsed .nav-item[data-tooltip]:hover:after,.sidebar-collapsed .nav-item[data-tooltip]:focus-visible:after{content:attr(data-tooltip);position:fixed;left:calc(var(--ux-sidebar-collapsed) + 10px);z-index:10020;background:#101828;color:#fff;border:1px solid rgba(255,255,255,.14);box-shadow:0 8px 24px rgba(0,0,0,.24);border-radius:8px;padding:7px 10px;font-size:12px;font-weight:800;line-height:1;white-space:nowrap;pointer-events:none}
.sidebar-collapsed .nav-dropdown.open>.dropdown-toggle:after{display:none!important}
.sidebar-collapsed .nav-dropdown-menu{position:fixed!important;left:calc(var(--ux-sidebar-collapsed) + 6px)!important;right:auto!important;width:280px!important;min-width:280px!important;max-height:min(72vh,650px)!important;overflow-y:auto!important;overflow-x:hidden!important;background:#0c253c!important;color:#eef9fc!important;border:1px solid rgba(142,202,230,.24)!important;border-top:4px solid #ee6c4d!important;border-radius:12px!important;padding:7px!important;box-shadow:0 18px 42px rgba(0,0,0,.34)!important;z-index:10010!important}
.sidebar-collapsed .nav-dropdown-menu:before{display:none!important}
.sidebar-collapsed .nav-dropdown-menu a{display:flex!important;align-items:center!important;width:100%!important;min-height:38px!important;padding:8px 11px!important;margin:2px 0!important;background:transparent!important;color:#e1f3f8!important;border:1px solid transparent!important;border-radius:8px!important;box-shadow:none!important;font-size:13px!important;font-weight:700!important;line-height:1.3!important;white-space:normal!important;opacity:1!important;visibility:visible!important;text-shadow:none!important}
.sidebar-collapsed .nav-dropdown-menu a:hover,.sidebar-collapsed .nav-dropdown-menu a:focus{background:#16415c!important;color:#fff!important;border-color:rgba(142,202,230,.22)!important;transform:none!important}
.sidebar-collapsed .topnav{overflow-y:auto!important;overflow-x:visible!important}
.sidebar-collapsed .nav-dropdown-menu{top:var(--nav-flyout-top,90px)!important}
.sidebar-collapsed .nav-item[data-tooltip]:hover:after,.sidebar-collapsed .nav-item[data-tooltip]:focus-visible:after{top:var(--nav-tooltip-top,90px)!important}

/* 2026-08 navigation refinement: lighter enterprise palette and hover-first submenu access. */
.topnav{
  background:linear-gradient(180deg,#525EA7 0%,#5FACD3 100%)!important;
  border-right:1px solid rgba(82,94,167,.24)!important;
  box-shadow:10px 0 28px rgba(82,94,167,.16)!important;
}
.sidebar-heading{color:#eef7ff!important}
.sidebar-quick-actions a{background:rgba(255,255,255,.16)!important;border-color:rgba(255,255,255,.24)!important;color:#fff!important}
.sidebar-quick-actions a:hover{background:rgba(255,255,255,.27)!important}
.topnav>a,.topnav>.nav-dropdown>.dropdown-toggle{color:#f8fbff!important}
.nav-icon,.nav-caret{color:#f3fbff!important}
.topnav>a:hover,.topnav>a.active,.topnav>.nav-dropdown.active>.dropdown-toggle,.topnav>.nav-dropdown:hover>.dropdown-toggle{
  background:rgba(255,255,255,.18)!important;
  border-color:rgba(255,255,255,.32)!important;
  color:#fff!important;
}
.nav-dropdown-menu{background:rgba(255,255,255,.13)!important}
.nav-dropdown-menu a{color:#fff!important}
.nav-dropdown-menu a:hover,.nav-dropdown-menu a:focus{background:rgba(255,255,255,.2)!important;color:#fff!important}

/* Desktop users can move directly from a parent item into its submenu without a prerequisite click. */
@media(min-width:901px){
  .nav-dropdown:hover>.nav-dropdown-menu{display:block!important}
  .nav-dropdown:hover>.dropdown-toggle{color:#fff!important}
}

/* Collapsed flyouts use a light surface for maximum readability against the blue rail. */
.sidebar-collapsed .nav-dropdown-menu{
  background:linear-gradient(145deg,#f8f9ff 0%,#eef9ff 100%)!important;
  color:#26355f!important;
  border:1px solid #5FACD3!important;
  border-top:4px solid #525EA7!important;
  box-shadow:0 18px 42px rgba(48,66,112,.28)!important;
}
.sidebar-collapsed .nav-dropdown-menu a{
  color:#26355f!important;
  background:transparent!important;
  border-color:transparent!important;
}
.sidebar-collapsed .nav-dropdown-menu a:hover,.sidebar-collapsed .nav-dropdown-menu a:focus{
  background:linear-gradient(90deg,#525EA7,#5FACD3)!important;
  color:#fff!important;
  border-color:transparent!important;
}
.sidebar-collapsed .nav-item[data-tooltip]:hover:after,.sidebar-collapsed .nav-item[data-tooltip]:focus-visible:after{
  background:#525EA7!important;color:#fff!important;border-color:#7dc4e2!important;
}
@media(min-width:901px){.nav-dropdown.hover-open>.nav-dropdown-menu{display:block!important}}


/* 2026-08 shared leased/rental navigation refinement. */
.topbar-brand{display:flex!important;align-items:center!important;gap:8px!important;}
.brand-dashboard-link{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;text-decoration:none;flex:0 0 auto;}
.brand-dashboard-link:hover,.brand-dashboard-link:focus-visible{background:rgba(255,255,255,.12);}
.header-home-link{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:40px;padding:7px 10px;border:1px solid rgba(255,255,255,.28);border-radius:10px;color:#fff!important;background:rgba(255,255,255,.10);font-size:13px;font-weight:800;text-decoration:none;white-space:nowrap;}
.header-home-link>span:first-child{font-size:20px;line-height:1;color:#ff8a00;}
.header-home-link:hover,.header-home-link:focus-visible{background:rgba(255,255,255,.20);color:#fff!important;}

/* Orange navigation icon system; labels remain white on the existing blue sidebar. */
.topnav .nav-icon{color:#ff8a00!important;text-shadow:0 1px 0 rgba(0,0,0,.08);}
.topnav .nav-caret{color:#fff!important;}
.topnav .nav-label{color:#fff!important;}
.sidebar-collapsed .nav-icon{color:#ff8a00!important;}
.sidebar-quick-actions a span:first-child{color:#ff8a00!important;}
.topnav>a:hover .nav-icon,.topnav>a.active .nav-icon,.topnav>.nav-dropdown:hover>.dropdown-toggle .nav-icon,.topnav>.nav-dropdown.active>.dropdown-toggle .nav-icon{color:#ffb347!important;}
@media(max-width:640px){.header-home-label{display:none}.header-home-link{width:38px;min-width:38px;padding:6px}.topbar-brand{gap:5px!important;}}


/* 2026-08 Home icon branding update - source icon supplied by user. */
:root{--sg-nav-orange:#EF7722;}
.header-home-link{gap:7px!important;background:#fff!important;border:1px solid rgba(255,255,255,.55)!important;color:#39415f!important;box-shadow:0 3px 10px rgba(20,39,75,.12)!important;padding:5px 10px 5px 6px!important;}
.header-home-link:hover,.header-home-link:focus-visible{background:#fff7f0!important;color:#26355f!important;border-color:var(--sg-nav-orange)!important;}
.header-home-icon{display:block;width:32px;height:32px;object-fit:contain;flex:0 0 32px;}
/* Use the exact orange family from the supplied Home icon across navigation icons. */
.topnav .nav-icon,.sidebar-collapsed .nav-icon,.sidebar-quick-actions a span:first-child{color:var(--sg-nav-orange)!important;text-shadow:none!important;}
.topnav>a:hover .nav-icon,.topnav>a.active .nav-icon,.topnav>.nav-dropdown:hover>.dropdown-toggle .nav-icon,.topnav>.nav-dropdown.active>.dropdown-toggle .nav-icon{color:var(--sg-nav-orange)!important;}
@media(max-width:640px){.header-home-icon{width:30px;height:30px}.header-home-link{width:40px!important;min-width:40px!important;padding:4px!important}.header-home-label{display:none!important}}

/* 2026-08 balanced navigation colour system: white labels + #EF7722 accent. */
:root{--sg-nav-orange:#EF7722;--sg-nav-orange-soft:#fff2e8;}
.sidebar-toggle{
  color:var(--sg-nav-orange)!important;
  background:#fff!important;
  border:1px solid rgba(239,119,34,.55)!important;
  box-shadow:0 3px 10px rgba(20,39,75,.12)!important;
  font-weight:900!important;
}
.sidebar-toggle:hover,.sidebar-toggle:focus-visible{
  color:#c9570d!important;
  background:var(--sg-nav-orange-soft)!important;
  border-color:var(--sg-nav-orange)!important;
}
/* Blue sidebar keeps high-contrast white labels; orange is reserved for icons and interactive accents. */
.topnav .nav-label,
.topnav>a,
.topnav>.nav-dropdown>.dropdown-toggle,
.sidebar-quick-actions a span:last-child,
.sidebar-heading{
  color:#ffffff!important;
  text-shadow:none!important;
}
.topnav .nav-caret{color:var(--sg-nav-orange)!important;}
.topnav>a:hover .nav-label,
.topnav>a.active .nav-label,
.topnav>.nav-dropdown:hover>.dropdown-toggle .nav-label,
.topnav>.nav-dropdown.active>.dropdown-toggle .nav-label,
.topnav>a:hover,
.topnav>a.active,
.topnav>.nav-dropdown:hover>.dropdown-toggle,
.topnav>.nav-dropdown.active>.dropdown-toggle{
  color:#ffffff!important;
}
.topnav>a:hover,
.topnav>a.active,
.topnav>.nav-dropdown:hover>.dropdown-toggle,
.topnav>.nav-dropdown.active>.dropdown-toggle{
  background:rgba(255,255,255,.14)!important;
  box-shadow:inset 4px 0 0 var(--sg-nav-orange)!important;
}
.sidebar-quick-actions a{color:#ffffff!important;}
.sidebar-quick-actions a span:first-child{color:var(--sg-nav-orange)!important;}

/* Expanded submenu: orange labels on the blue navigation surface. */
body:not(.sidebar-collapsed) .topnav .nav-dropdown-menu a{
  color:#fff!important;
  font-weight:750!important;
  opacity:1!important;
  visibility:visible!important;
  text-shadow:none!important;
  background:rgba(23,48,99,.16)!important;
}
body:not(.sidebar-collapsed) .topnav .nav-dropdown-menu a:hover,
body:not(.sidebar-collapsed) .topnav .nav-dropdown-menu a:focus{
  color:var(--sg-nav-orange)!important;
  background:#fff!important;
}

/* Collapsed flyout remains light/high-contrast; use orange as the accent, not low-contrast body text. */
.sidebar-collapsed .nav-dropdown-menu{
  border-top-color:var(--sg-nav-orange)!important;
}
.sidebar-collapsed .nav-dropdown-menu a{
  color:#26355f!important;
  background:#fff!important;
  opacity:1!important;
  visibility:visible!important;
  text-shadow:none!important;
}
.sidebar-collapsed .nav-dropdown-menu a:hover,
.sidebar-collapsed .nav-dropdown-menu a:focus{
  background:var(--sg-nav-orange-soft)!important;
  color:#c9570d!important;
  box-shadow:inset 4px 0 0 var(--sg-nav-orange)!important;
}
.sidebar-collapsed .nav-item[data-tooltip]:hover:after,
.sidebar-collapsed .nav-item[data-tooltip]:focus-visible:after{
  background:#fff!important;
  color:#c9570d!important;
  border-color:var(--sg-nav-orange)!important;
}

/* 2026-08 FINAL submenu visibility override: authoritative high-contrast treatment. */
.topnav .nav-dropdown-menu{
  background:#f4f8ff!important;
  border:1px solid rgba(82,94,167,.45)!important;
  border-top:4px solid var(--sg-nav-orange,#EF7722)!important;
  border-radius:12px!important;
  padding:7px!important;
  box-shadow:0 16px 36px rgba(30,45,90,.28)!important;
  filter:none!important;
  backdrop-filter:none!important;
  opacity:1!important;
}
.topnav .nav-dropdown-menu a,
body:not(.sidebar-collapsed) .topnav .nav-dropdown-menu a,
.sidebar-collapsed .nav-dropdown-menu a{
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  min-height:40px!important;
  margin:2px 0!important;
  padding:9px 12px!important;
  box-sizing:border-box!important;
  background:#ffffff!important;
  color:#172033!important;
  border:1px solid #dce5f2!important;
  border-radius:8px!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1.25!important;
  letter-spacing:0!important;
  text-decoration:none!important;
  text-shadow:none!important;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
  -webkit-font-smoothing:antialiased!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
.topnav .nav-dropdown-menu a:hover,
.topnav .nav-dropdown-menu a:focus,
body:not(.sidebar-collapsed) .topnav .nav-dropdown-menu a:hover,
body:not(.sidebar-collapsed) .topnav .nav-dropdown-menu a:focus,
.sidebar-collapsed .nav-dropdown-menu a:hover,
.sidebar-collapsed .nav-dropdown-menu a:focus{
  background:#fff2e8!important;
  color:#b94f09!important;
  border-color:#EF7722!important;
  box-shadow:inset 4px 0 0 #EF7722!important;
  transform:none!important;
  opacity:1!important;
}
.topnav .nav-dropdown-menu a.active,
.topnav .nav-dropdown-menu a[aria-current="page"]{
  background:#EF7722!important;
  color:#ffffff!important;
  border-color:#EF7722!important;
}
.sidebar-collapsed .nav-dropdown-menu{
  background:#f4f8ff!important;
  color:#172033!important;
  border:1px solid #5FACD3!important;
  border-top:4px solid #EF7722!important;
  width:300px!important;
  min-width:300px!important;
  max-width:340px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  opacity:1!important;
  filter:none!important;
  backdrop-filter:none!important;
}

/* Option 1 - Modern Glass Style sidebar refresh */
:root{
  --sg-accent:#EF7722;
  --sg-side-top:#384FAF;
  --sg-side-bottom:#59A9D9;
  --sg-glass:rgba(255,255,255,0.10);
  --sg-glass-strong:rgba(255,255,255,0.16);
  --sg-glass-line:rgba(255,255,255,0.18);
}
.topbar{
  background:#0e4660 !important;
  border-bottom:3px solid rgba(239,119,34,.85);
}
.topbar-brand{
  background:transparent !important;
  padding:0 !important;
}
.sidebar-toggle{
  background:#fff !important;
  color:var(--sg-accent) !important;
  border:none !important;
  border-radius:16px !important;
  width:56px;
  height:56px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 8px 20px rgba(0,0,0,.18);
  font-size:28px;
}
.topbar .brand-dashboard-link,
.topbar .header-home-link{
  background:#fff !important;
  border-radius:16px !important;
  box-shadow:0 8px 20px rgba(0,0,0,.16);
}
.topbar .brand-dashboard-link{padding:10px 18px !important;}
.topbar .header-home-link{padding:8px !important;}
.topbar .brand-logo{max-height:44px !important; background:transparent !important; box-shadow:none !important; padding:0 !important;}
.header-home-icon{width:34px !important; height:34px !important; display:block;}
#primaryNavigation,.sidebar-nav,.side-panel,.app-sidebar,.enterprise-sidebar{
  background:linear-gradient(180deg,var(--sg-side-top) 0%, #456fc2 42%, var(--sg-side-bottom) 100%) !important;
}
.sidebar-panel,.side-panel,.app-sidebar,.enterprise-sidebar,#primaryNavigation{
  border-right:1px solid rgba(255,255,255,.16);
  box-shadow:8px 0 26px rgba(31,56,115,.18);
}
.sidebar-section-title,.workspace-title,.nav-section-title{
  color:#fff !important;
  font-weight:800 !important;
  letter-spacing:.08em;
}
.quick-actions,.workspace-actions{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.quick-actions a,.workspace-actions a,.workspace-card,.quick-link{
  background:var(--sg-glass) !important;
  border:1px solid var(--sg-glass-line) !important;
  border-radius:18px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
  color:#fff !important;
  min-height:92px;
}
.quick-actions a:hover,.workspace-actions a:hover,.workspace-card:hover,.quick-link:hover{
  background:var(--sg-glass-strong) !important;
  transform:translateY(-1px);
}
.quick-actions a i,.workspace-actions a i,.quick-actions a .icon,.workspace-actions a .icon{color:var(--sg-accent) !important;}
.sidebar-menu .nav-link,.sidebar-nav .nav-link,.menu-list .nav-link,.app-sidebar .nav-link{
  background:transparent !important;
  color:#fff !important;
  border-radius:22px !important;
  min-height:74px;
  border:1px solid transparent !important;
  box-shadow:none !important;
  font-weight:700 !important;
}
.sidebar-menu .nav-link:hover,.sidebar-nav .nav-link:hover,.menu-list .nav-link:hover,.app-sidebar .nav-link:hover{
  background:rgba(255,255,255,.09) !important;
  border-color:rgba(255,255,255,.12) !important;
}
.sidebar-menu .nav-link.active,.sidebar-nav .nav-link.active,.menu-list .nav-link.active,.app-sidebar .nav-link.active{
  background:rgba(255,255,255,.13) !important;
  border-color:rgba(255,255,255,.20) !important;
  position:relative;
}
.sidebar-menu .nav-link.active::before,.sidebar-nav .nav-link.active::before,.menu-list .nav-link.active::before,.app-sidebar .nav-link.active::before{
  content:'';
  position:absolute;
  left:0;
  top:10px;
  bottom:10px;
  width:6px;
  border-radius:0 8px 8px 0;
  background:var(--sg-accent);
}
.sidebar-menu .nav-link .icon,.sidebar-nav .nav-link .icon,.menu-list .nav-link .icon,.app-sidebar .nav-link .icon,
.sidebar-menu .nav-link i,.sidebar-nav .nav-link i,.menu-list .nav-link i,.app-sidebar .nav-link i,
.sidebar-menu .nav-link .caret,.sidebar-nav .nav-link .caret,.menu-list .nav-link .caret,.app-sidebar .nav-link .caret{
  color:var(--sg-accent) !important;
}
.sidebar-menu .nav-link .label,.sidebar-nav .nav-link .label,.menu-list .nav-link .label,.app-sidebar .nav-link .label{color:#fff !important;}
.nav-dropdown-menu,.submenu-flyout{background:rgba(55,76,147,.96) !important; border:1px solid rgba(255,255,255,.14) !important; border-radius:18px !important;}
.nav-dropdown-menu a,.submenu-flyout a{color:#fff !important; background:rgba(255,255,255,.08) !important; border-radius:14px !important; margin:6px 10px !important;}
.nav-dropdown-menu a:hover,.submenu-flyout a:hover{background:rgba(255,255,255,.18) !important;}

/* Keep expanded sidebar submenu as side flyout without shifting other menu items */
body:not(.sidebar-collapsed) .topnav .nav-dropdown{position:relative !important;}
body:not(.sidebar-collapsed) .topnav .nav-dropdown-menu{
  position:absolute !important;
  left:calc(100% + 12px) !important;
  top:0 !important;
  width:260px !important;
  min-width:260px !important;
  max-width:300px !important;
  display:none !important;
  z-index:10020 !important;
  margin:0 !important;
  padding:10px !important;
  background:rgba(255,255,255,.96) !important;
  border:1px solid rgba(182,194,222,.85) !important;
  border-top:5px solid var(--sg-accent) !important;
  border-radius:18px !important;
  box-shadow:0 20px 44px rgba(25,42,89,.24) !important;
}
body:not(.sidebar-collapsed) .topnav .nav-dropdown.open>.nav-dropdown-menu,
body:not(.sidebar-collapsed) .topnav .nav-dropdown.hover-open>.nav-dropdown-menu,
body:not(.sidebar-collapsed) .topnav .nav-dropdown:focus-within>.nav-dropdown-menu{display:block !important;}
body:not(.sidebar-collapsed) .topnav .nav-dropdown-menu a{
  display:block !important;
  width:100% !important;
  margin:0 0 8px 0 !important;
  padding:12px 14px !important;
  background:#ffffff !important;
  color:#1f2a44 !important;
  border:1px solid #d7deec !important;
  border-radius:14px !important;
  font-weight:700 !important;
  line-height:1.25 !important;
  white-space:normal !important;
}
body:not(.sidebar-collapsed) .topnav .nav-dropdown-menu a:last-child{margin-bottom:0 !important;}
body:not(.sidebar-collapsed) .topnav .nav-dropdown-menu a:hover,
body:not(.sidebar-collapsed) .topnav .nav-dropdown-menu a:focus{
  background:#f6f9ff !important;
  color:#162033 !important;
  border-color:#c8d3e8 !important;
}

/* 2026-08 unified submenu flyout: works identically in expanded and collapsed sidebar */
@media (min-width:901px){
  .topnav{overflow-y:auto!important;overflow-x:hidden!important;}
  .topnav .nav-dropdown-menu,
  body:not(.sidebar-collapsed) .topnav .nav-dropdown-menu,
  .sidebar-collapsed .topnav .nav-dropdown-menu{
    position:fixed!important;
    left:var(--nav-flyout-left,270px)!important;
    top:var(--nav-flyout-top,100px)!important;
    right:auto!important;
    width:290px!important;
    min-width:290px!important;
    max-width:320px!important;
    max-height:min(72vh,650px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    margin:0!important;
    padding:10px!important;
    display:none!important;
    z-index:12050!important;
    background:rgba(255,255,255,.98)!important;
    border:1px solid #d6e2f1!important;
    border-top:4px solid #EF7722!important;
    border-radius:18px!important;
    box-shadow:0 22px 50px rgba(30,48,95,.30)!important;
    backdrop-filter:none!important;
  }
  .topnav .nav-dropdown.open>.nav-dropdown-menu,
  .topnav .nav-dropdown.hover-open>.nav-dropdown-menu,
  .topnav .nav-dropdown:focus-within>.nav-dropdown-menu{display:block!important;}
  .topnav .nav-dropdown-menu a,
  body:not(.sidebar-collapsed) .topnav .nav-dropdown-menu a,
  .sidebar-collapsed .topnav .nav-dropdown-menu a{
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    min-height:42px!important;
    margin:0 0 7px!important;
    padding:10px 13px!important;
    background:#fff!important;
    color:#20304c!important;
    border:1px solid #dde6f2!important;
    border-radius:12px!important;
    font-size:13.5px!important;
    font-weight:750!important;
    line-height:1.3!important;
    box-shadow:none!important;
  }
  .topnav .nav-dropdown-menu a:last-child{margin-bottom:0!important;}
  .topnav .nav-dropdown-menu a:hover,
  .topnav .nav-dropdown-menu a:focus{
    background:#eef7ff!important;
    color:#15365f!important;
    border-color:#a9cbe8!important;
    box-shadow:inset 4px 0 0 #5FACD3!important;
  }
}

/* Modern cool-tone navigation icons: designed for the blue glass sidebar */
:root{
  --sg-nav-icon:#DDF3FF;
  --sg-nav-icon-strong:#FFFFFF;
  --sg-nav-icon-bg:rgba(221,243,255,.10);
  --sg-nav-icon-border:rgba(221,243,255,.24);
  --sg-nav-icon-hover-bg:rgba(255,255,255,.17);
}
.topnav .nav-icon{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:11px!important;
  background:var(--sg-nav-icon-bg)!important;
  border:1px solid var(--sg-nav-icon-border)!important;
  color:var(--sg-nav-icon)!important;
  font-size:19px!important;
  line-height:1!important;
  text-shadow:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12)!important;
  transition:background .16s ease,border-color .16s ease,transform .16s ease,color .16s ease!important;
}
.topnav>a:hover .nav-icon,
.topnav>a.active .nav-icon,
.topnav>.nav-dropdown:hover>.dropdown-toggle .nav-icon,
.topnav>.nav-dropdown.hover-open>.dropdown-toggle .nav-icon,
.topnav>.nav-dropdown.active>.dropdown-toggle .nav-icon{
  color:var(--sg-nav-icon-strong)!important;
  background:var(--sg-nav-icon-hover-bg)!important;
  border-color:rgba(255,255,255,.38)!important;
  transform:translateY(-1px)!important;
}
.topnav .nav-caret{color:#DDF3FF!important;}
.sidebar-quick-actions a span:first-child{
  width:34px!important;
  height:34px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:10px!important;
  color:#EAF8FF!important;
  background:rgba(255,255,255,.10)!important;
  border:1px solid rgba(255,255,255,.20)!important;
  font-size:20px!important;
  margin:0 auto 5px!important;
}
/* Keep orange only as a precise active-state accent. */
.topnav>a.active,
.topnav>.nav-dropdown.active>.dropdown-toggle{border-left-color:#EF7722!important;}

/* ========================================================================
   SGAMT ENTERPRISE UX V3 - authoritative application shell and components
   ======================================================================== */
:root{
  --v3-topbar:76px;
  --v3-sidebar:286px;
  --v3-sidebar-collapsed:84px;
  --v3-sidebar-top:#2d4599;
  --v3-sidebar-mid:#3f73bd;
  --v3-sidebar-bottom:#58a9d3;
  --v3-navy:#102a43;
  --v3-text:#172033;
  --v3-muted:#667085;
  --v3-surface:#f4f7fb;
  --v3-card:#ffffff;
  --v3-line:#d8e2ec;
  --v3-icon:#d9f3ff;
  --v3-icon-active:#ffffff;
  --v3-accent:#8bdcf8;
  --v3-accent-deep:#167da3;
  --v3-focus:#f4b740;
  --v3-shadow:0 12px 32px rgba(31,55,91,.10);
}
.ui-icon{display:inline-block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex:0 0 auto}
html{background:var(--v3-surface)}body{padding-top:var(--v3-topbar)!important;background:var(--v3-surface)!important;color:var(--v3-text)}
.topbar{height:var(--v3-topbar)!important;min-height:var(--v3-topbar)!important;display:flex!important;align-items:center!important;gap:12px!important;padding:9px 16px!important;background:linear-gradient(105deg,#0b3044,#0d4e67 58%,#146f8c)!important;border-bottom:1px solid rgba(255,255,255,.14)!important;box-shadow:0 8px 24px rgba(17,42,67,.18)!important;z-index:1200!important}
.sidebar-toggle{width:50px!important;height:50px!important;border:1px solid #dce6ef!important;border-radius:14px!important;background:#fff!important;color:#315b88!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 7px 18px rgba(0,0,0,.16)!important;padding:0!important}.sidebar-toggle:hover{background:#f7fbff!important;color:#0e7490!important}.sidebar-toggle .ui-icon{width:25px;height:25px}
.topbar-brand{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important;background:transparent!important;padding:0!important}.brand-dashboard-link,.brand-text-link{height:52px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:6px 14px!important;border-radius:14px!important;background:#fff!important;box-shadow:0 6px 18px rgba(0,0,0,.14)!important;color:#495057!important;font-weight:800!important}.brand-dashboard-link .brand-logo{max-width:172px!important;max-height:40px!important;padding:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important}.brand-text-link{max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.header-home-link{height:52px!important;display:inline-flex!important;align-items:center!important;gap:7px!important;padding:0 13px!important;border-radius:14px!important;background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.2)!important;color:#fff!important}.header-home-link:hover{background:rgba(255,255,255,.2)!important}.header-home-link .ui-icon{color:var(--v3-icon);width:23px;height:23px}.header-home-label{font-weight:800;font-size:13px}
.menu-toggle{display:none!important}
.header-global-search{position:relative!important;display:flex!important;align-items:center!important;gap:7px!important;flex:1!important;max-width:680px!important;min-width:250px!important;margin:0 auto!important;padding:4px 5px 4px 12px!important;border-radius:14px!important;background:#fff!important;border:1px solid rgba(255,255,255,.75)!important;box-shadow:0 6px 18px rgba(0,0,0,.12)!important}.header-global-search .search-icon{color:#667085!important;width:20px;height:20px}.header-global-search input{min-width:0!important;margin:0!important;padding:9px 5px!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#1d2939!important}.header-global-search input:focus{outline:none!important}.header-global-search button{border:0!important;border-radius:10px!important;background:#176f8e!important;color:#fff!important;padding:9px 14px!important;font-weight:800!important;cursor:pointer}.search-shortcut{border:1px solid #d0d5dd!important;border-radius:6px!important;background:#f8fafc!important;color:#667085!important;padding:2px 6px!important;font-size:10px!important;font-weight:900!important;white-space:nowrap}
.topbar-actions{display:flex;align-items:center;gap:8px;min-width:0}.security-context{max-width:170px!important}.header-icon-button{position:relative;min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:rgba(255,255,255,.11);color:#fff;padding:9px 11px;cursor:pointer;font-weight:800}.header-icon-button:hover{background:rgba(255,255,255,.2)}.header-icon-button .ui-icon{color:var(--v3-icon)}.header-button-label{font-size:12px}.notification-count{position:absolute;right:-4px;top:-5px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#d92d20;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:900;border:2px solid #0d4e67}
.notification-menu{position:relative}.notification-dropdown{display:none;position:absolute;right:0;top:calc(100% + 12px);width:min(410px,calc(100vw - 24px));max-height:620px;background:#fff;border:1px solid var(--v3-line);border-radius:18px;box-shadow:0 24px 60px rgba(16,42,67,.26);overflow:hidden;color:var(--v3-text);z-index:1300}.notification-menu.open .notification-dropdown{display:block}.notification-dropdown-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px;border-bottom:1px solid #e7edf3;background:#f8fbfd}.notification-dropdown-head strong,.notification-dropdown-head span{display:block}.notification-dropdown-head span{font-size:11px;color:var(--v3-muted);margin-top:2px}.notification-read-all{border:0;background:transparent;color:#176f8e;font-weight:800;cursor:pointer}.notification-dropdown-list{max-height:450px;overflow:auto;padding:7px}.notification-dropdown-item{display:grid;grid-template-columns:38px 1fr;gap:10px;padding:11px;border-radius:12px;color:#344054!important;border:1px solid transparent}.notification-dropdown-item:hover{background:#f2f8fb;border-color:#d9eaf2}.notification-dropdown-item.unread{background:#eef8fc;border-color:#c9e8f4}.notification-item-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#e7f5fa;color:#167da3}.notification-dropdown-item strong,.notification-dropdown-item small,.notification-dropdown-item time{display:block}.notification-dropdown-item strong{font-size:13px;color:#172033}.notification-dropdown-item small{font-size:11px;color:#667085;margin:3px 0;line-height:1.35}.notification-dropdown-item time{font-size:10px;color:#98a2b3}.notification-view-all{display:flex!important;align-items:center;justify-content:center;gap:6px;padding:12px!important;border-top:1px solid #e7edf3;background:#f8fbfd;color:#176f8e!important;font-weight:900!important}.notification-view-all .ui-icon{width:16px;height:16px}.notification-empty{padding:28px;text-align:center;color:#667085}
.user-menu-button{height:46px!important;border-radius:13px!important;background:rgba(255,255,255,.12)!important}.user-menu-caret{width:16px!important;height:16px!important}.user-dropdown a{display:flex!important;align-items:center;gap:9px}.user-dropdown a .ui-icon{width:17px;height:17px;color:#457089}
.topnav{position:fixed!important;left:0!important;top:var(--v3-topbar)!important;bottom:0!important;width:var(--v3-sidebar)!important;z-index:1000!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:7px!important;overflow-y:auto!important;overflow-x:visible!important;padding:20px 14px 28px!important;background:linear-gradient(180deg,var(--v3-sidebar-top) 0%,var(--v3-sidebar-mid) 48%,var(--v3-sidebar-bottom) 100%)!important;border-right:1px solid rgba(255,255,255,.16)!important;box-shadow:9px 0 28px rgba(40,71,131,.16)!important}.sidebar-heading{padding:0 12px 8px!important;color:#fff!important;font-size:11px!important;letter-spacing:.14em!important;font-weight:900!important;text-transform:uppercase!important}.sidebar-quick-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin:0 0 11px!important}.sidebar-quick-actions a{min-width:0!important;min-height:82px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:7px!important;padding:9px 5px!important;border-radius:16px!important;background:rgba(255,255,255,.11)!important;border:1px solid rgba(255,255,255,.19)!important;color:#fff!important;font-size:11px!important;font-weight:800!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)!important}.sidebar-quick-actions a:hover{background:rgba(255,255,255,.2)!important;transform:translateY(-1px)}.sidebar-quick-actions .ui-icon{width:24px;height:24px;color:var(--v3-icon)!important}
.topnav>a,.topnav>.nav-dropdown>.dropdown-toggle{position:relative!important;width:100%!important;min-height:54px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:11px!important;padding:8px 12px!important;border-radius:16px!important;border:1px solid transparent!important;background:transparent!important;color:#fff!important;text-align:left!important;box-shadow:none!important;cursor:pointer!important;font-size:14px!important;font-weight:800!important}.topnav>a:hover,.topnav>.nav-dropdown>.dropdown-toggle:hover{background:rgba(255,255,255,.10)!important;border-color:rgba(255,255,255,.13)!important}.topnav>a.active,.topnav>.nav-dropdown.active>.dropdown-toggle{background:rgba(255,255,255,.16)!important;border-color:rgba(255,255,255,.23)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)!important}.topnav>a.active:before,.topnav>.nav-dropdown.active>.dropdown-toggle:before{content:''!important;position:absolute!important;left:-1px!important;top:10px!important;bottom:10px!important;width:5px!important;border-radius:0 6px 6px 0!important;background:var(--v3-accent)!important}.nav-icon{width:36px!important;height:36px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:11px!important;background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.13)!important;color:var(--v3-icon)!important;flex:0 0 auto!important}.nav-icon .ui-icon{width:21px;height:21px}.topnav>a.active .nav-icon,.topnav>.nav-dropdown.active>.dropdown-toggle .nav-icon,.topnav>a:hover .nav-icon,.topnav>.nav-dropdown>.dropdown-toggle:hover .nav-icon{background:rgba(255,255,255,.19)!important;color:var(--v3-icon-active)!important}.nav-label{color:#fff!important;text-shadow:none!important;flex:1!important}.nav-caret{margin-left:auto!important;color:#e7f6ff!important;display:inline-flex!important}.nav-caret .ui-icon{width:17px;height:17px;transition:transform .15s ease}.nav-dropdown.open>.dropdown-toggle .nav-caret .ui-icon,.nav-dropdown.hover-open>.dropdown-toggle .nav-caret .ui-icon{transform:rotate(90deg)}.nav-count{margin-left:auto!important}
.nav-dropdown{position:relative!important;width:100%!important}.topnav .nav-dropdown-menu{position:fixed!important;left:var(--flyout-left,calc(var(--v3-sidebar) + 10px))!important;top:var(--flyout-top,90px)!important;width:292px!important;min-width:292px!important;max-width:min(330px,calc(100vw - var(--v3-sidebar) - 30px))!important;max-height:76vh!important;overflow:auto!important;display:none!important;margin:0!important;padding:9px!important;background:#f8fbff!important;border:1px solid #cfdce9!important;border-top:4px solid #52a8ce!important;border-radius:17px!important;box-shadow:0 22px 55px rgba(24,48,84,.28)!important;z-index:1400!important;opacity:1!important;filter:none!important;backdrop-filter:none!important}.topnav .nav-dropdown.open>.nav-dropdown-menu,.topnav .nav-dropdown.hover-open>.nav-dropdown-menu,.topnav .nav-dropdown:focus-within>.nav-dropdown-menu{display:block!important}.topnav .nav-dropdown-menu a{display:flex!important;align-items:center!important;width:100%!important;min-height:42px!important;margin:0 0 5px!important;padding:10px 12px!important;border-radius:11px!important;border:1px solid #dce6f0!important;background:#fff!important;color:#25364d!important;font-size:13px!important;font-weight:750!important;line-height:1.25!important;white-space:normal!important;opacity:1!important;text-shadow:none!important}.topnav .nav-dropdown-menu a:last-child{margin-bottom:0!important}.topnav .nav-dropdown-menu a:hover,.topnav .nav-dropdown-menu a:focus{background:#eaf6fb!important;color:#0f6684!important;border-color:#aad7e7!important;box-shadow:inset 4px 0 0 #52a8ce!important}.topnav .nav-dropdown-menu a.active{background:#dff1f8!important;color:#0d607d!important;border-color:#8ecbe1!important;box-shadow:inset 4px 0 0 #258fb6!important}
.main{max-width:none!important;margin-left:var(--v3-sidebar)!important;padding:22px 28px 32px!important;transition:margin-left .18s ease!important}.sidebar-collapsed .topnav{width:var(--v3-sidebar-collapsed)!important;padding-left:11px!important;padding-right:11px!important}.sidebar-collapsed .main{margin-left:var(--v3-sidebar-collapsed)!important}.sidebar-collapsed .sidebar-heading,.sidebar-collapsed .nav-label,.sidebar-collapsed .nav-caret,.sidebar-collapsed .sidebar-quick-actions span,.sidebar-collapsed .header-home-label{display:none!important}.sidebar-collapsed .sidebar-quick-actions{grid-template-columns:1fr!important}.sidebar-collapsed .sidebar-quick-actions a{min-height:52px!important}.sidebar-collapsed .topnav>a,.sidebar-collapsed .topnav>.nav-dropdown>.dropdown-toggle{justify-content:center!important;padding:8px!important;font-size:0!important}.sidebar-collapsed .topnav>a:before,.sidebar-collapsed .topnav>.nav-dropdown>.dropdown-toggle:before{content:none!important}.sidebar-collapsed .nav-icon{width:42px!important;height:42px!important}.sidebar-collapsed .topnav .nav-dropdown-menu{left:var(--flyout-left,calc(var(--v3-sidebar-collapsed) + 10px))!important}.sidebar-collapsed .nav-item[data-tooltip]:hover:after,.sidebar-collapsed .nav-item[data-tooltip]:focus-visible:after{content:attr(data-tooltip);position:fixed;left:calc(var(--v3-sidebar-collapsed) + 12px);top:var(--nav-tooltip-top,100px);z-index:1500;background:#102a43;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:9px;padding:7px 10px;font-size:12px;font-weight:800;box-shadow:0 10px 24px rgba(0,0,0,.22);white-space:nowrap}
.page-breadcrumb{display:flex;align-items:center;gap:7px;margin:0 0 9px;color:#667085;font-size:12px;font-weight:700}.page-breadcrumb a,.page-breadcrumb strong{display:inline-flex;align-items:center;gap:5px;color:#526175}.page-breadcrumb .ui-icon{width:14px;height:14px}.page-breadcrumb strong{color:#172033}.page-title{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;margin:0 0 18px!important;padding:0 0 15px!important;border-bottom:1px solid var(--v3-line)!important}.page-title h1{margin:2px 0 0!important;font-size:29px!important;line-height:1.15!important;color:#172033!important}.page-context{font-size:11px!important;color:#667085!important;letter-spacing:.12em!important;text-transform:uppercase!important;font-weight:900!important}.page-title-actions{display:flex;align-items:center;gap:9px}.page-title-actions .btn{display:inline-flex;align-items:center;gap:7px}.page-assurance{display:flex!important;align-items:center!important;gap:7px!important;border-radius:999px!important;padding:8px 11px!important;background:#ecf9f3!important;border:1px solid #b7e5d0!important;color:#246b4a!important;font-size:12px!important;font-weight:800!important}.page-assurance .ui-icon{width:17px;height:17px}.page-content-shell{min-width:0}.page-content-shell>.card,.page-content-shell>.grid,.page-content-shell>section{scroll-margin-top:calc(var(--v3-topbar) + 18px)}.enterprise-section,.card{border:1px solid var(--v3-line)!important;border-radius:16px!important;box-shadow:0 7px 22px rgba(31,55,91,.07)!important}.card h2{color:#1c2b3d}.app-footer{margin-top:28px!important}
/* Command palette */
.command-palette[hidden]{display:none!important}.command-palette{position:fixed;inset:0;z-index:5000;display:flex;align-items:flex-start;justify-content:center;padding:9vh 18px 18px}.command-palette-backdrop{position:absolute;inset:0;background:rgba(11,34,57,.56);backdrop-filter:blur(5px)}.command-palette-panel{position:relative;width:min(760px,100%);max-height:78vh;display:flex;flex-direction:column;background:#fff;border:1px solid #d8e2ec;border-radius:22px;box-shadow:0 30px 90px rgba(12,37,60,.38);overflow:hidden}.command-palette-panel>header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid #e5ecf2}.command-palette-panel>header>div{display:flex;align-items:center;gap:12px}.command-palette-panel>header .ui-icon{width:24px;height:24px;color:#176f8e}.command-palette-panel>header strong,.command-palette-panel>header span{display:block}.command-palette-panel>header span{font-size:11px;color:#667085;margin-top:2px}.command-close{border:0;background:#f2f5f8;color:#475467;width:36px;height:36px;border-radius:10px;cursor:pointer}.command-search-box{display:flex;align-items:center;gap:10px;margin:14px 16px 8px;padding:9px 12px;border:2px solid #9ed2e5;border-radius:14px;background:#fbfdff}.command-search-box .ui-icon{color:#176f8e}.command-search-box input{margin:0!important;padding:5px!important;border:0!important;box-shadow:none!important;min-width:0;flex:1;font-size:16px}.command-search-box input:focus{outline:0!important}.command-search-box kbd,.command-palette-panel footer kbd{border:1px solid #d0d5dd;background:#f7f9fb;color:#667085;border-radius:5px;padding:2px 6px;font-size:10px}.command-results{padding:5px 12px 14px;overflow:auto;min-height:180px}.command-group h3{margin:12px 8px 6px;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#667085}.command-result{display:grid;grid-template-columns:38px 1fr 20px;gap:10px;align-items:center;padding:9px 10px;border-radius:12px;color:#344054!important;border:1px solid transparent}.command-result:hover,.command-result.active{background:#edf8fc;border-color:#c9e8f4}.command-result-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#e5f4fa;color:#176f8e}.command-result-text strong,.command-result-text small{display:block}.command-result-text strong{font-size:13px;color:#172033}.command-result-text small{font-size:11px;color:#667085;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.command-result-arrow{color:#98a2b3}.command-loading,.command-error{padding:30px;text-align:center;color:#667085}.command-empty{display:flex;flex-direction:column;align-items:center;gap:7px;padding:34px;color:#667085;text-align:center}.command-empty .ui-icon{width:32px;height:32px;color:#98a2b3}.command-palette-panel>footer{display:flex;justify-content:flex-end;gap:18px;padding:10px 16px;border-top:1px solid #e5ecf2;background:#f8fafc;color:#667085;font-size:10px}.command-palette-panel>footer span{display:flex;align-items:center;gap:4px}
/* Rich personalised data tables */
.table-scroll{overflow:auto!important;border:1px solid #dbe5ed!important;border-radius:13px!important;background:#fff}.enterprise-data-table{min-width:max-content}.enterprise-data-table thead th{position:sticky!important;top:0!important;z-index:4!important;background:#eef4f8!important;color:#26364a!important;font-size:12px!important;text-transform:none!important;white-space:nowrap!important;user-select:none}.enterprise-data-table th.sortable-column{cursor:pointer;padding-right:25px!important}.enterprise-data-table th[aria-sort="ascending"]:after{content:'▲';position:absolute;right:9px;color:#176f8e;font-size:9px}.enterprise-data-table th[aria-sort="descending"]:after{content:'▼';position:absolute;right:9px;color:#176f8e;font-size:9px}.column-resizer{position:absolute;right:-3px;top:0;width:7px;height:100%;cursor:col-resize;z-index:7}.column-resizer:hover{background:rgba(23,111,142,.18)}.enterprise-data-table td{vertical-align:middle}.enterprise-data-table.density-compact th,.enterprise-data-table.density-compact td{padding:6px 8px!important;font-size:12px!important}.enterprise-no-results td{text-align:center!important;padding:28px!important;color:#667085!important}.enterprise-table-toolbar{position:relative;display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(max-content,auto);align-items:center;gap:10px;margin:10px 0;padding:9px;border:1px solid #dbe5ed;border-radius:13px;background:#f9fbfd;box-shadow:0 3px 10px rgba(31,55,91,.04)}.enterprise-table-primary{min-width:0}.enterprise-table-search{margin:0!important;min-width:180px!important;padding:9px 11px!important;background:#fff!important}.enterprise-table-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.enterprise-table-button,.enterprise-page-size,.enterprise-density{min-height:36px;border:1px solid #cbd8e4;border-radius:9px;background:#fff;color:#344054;padding:7px 10px;font-size:12px;font-weight:750;cursor:pointer;margin:0!important;width:auto!important}.enterprise-table-button:hover{border-color:#87c2d8;background:#eef8fb;color:#0f6684}.enterprise-table-button:disabled{opacity:.45;cursor:not-allowed}.enterprise-table-summary{font-size:11px;color:#667085;font-weight:750;white-space:nowrap}.enterprise-column-popover{position:absolute;right:10px;top:calc(100% + 5px);z-index:50;width:260px;max-height:360px;overflow:auto;padding:12px;background:#fff;border:1px solid #d7e2eb;border-radius:13px;box-shadow:0 18px 45px rgba(31,55,91,.22)}.enterprise-column-popover strong{display:block;margin:0 0 8px}.enterprise-column-popover label{display:flex;align-items:center;gap:8px;padding:7px;border-radius:8px;font-size:12px}.enterprise-column-popover label:hover{background:#f3f8fb}.enterprise-column-popover input{width:auto!important;margin:0!important}.toolbar-bottom{margin-top:10px}.toolbar-bottom .enterprise-table-primary{visibility:hidden}
/* Dashboard widget personalisation and timeline */
.dashboard-personalization-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:14px 0;padding:12px 14px;border:1px solid #d9e6ee;border-radius:14px;background:linear-gradient(100deg,#f9fcfe,#eef8fc)}.dashboard-personalization-bar strong,.dashboard-personalization-bar span{display:block}.dashboard-personalization-bar span{font-size:11px;color:#667085;margin-top:3px}.dashboard-personalization-bar .btn{display:inline-flex;align-items:center;gap:7px}.dashboard-widget-canvas{display:flex;flex-direction:column;gap:0}.dashboard-widget[hidden]{display:none!important}.dashboard-widget-modal[hidden]{display:none!important}.dashboard-widget-modal{position:fixed;inset:0;z-index:4800;display:flex;align-items:center;justify-content:center;padding:18px}.dashboard-widget-backdrop{position:absolute;inset:0;background:rgba(11,34,57,.55);backdrop-filter:blur(4px)}.dashboard-widget-panel{position:relative;width:min(620px,100%);max-height:82vh;display:flex;flex-direction:column;background:#fff;border-radius:20px;box-shadow:0 28px 80px rgba(12,37,60,.34);overflow:hidden}.dashboard-widget-panel>header{display:flex;justify-content:space-between;gap:14px;padding:18px;border-bottom:1px solid #e5ecf2}.dashboard-widget-panel h2,.dashboard-widget-panel p{margin:0}.dashboard-widget-panel p{color:#667085;font-size:12px;margin-top:4px}.dashboard-widget-panel>header button{width:36px;height:36px;border:0;border-radius:10px;background:#f2f5f8;color:#475467}.dashboard-widget-options{padding:12px;overflow:auto}.dashboard-widget-option{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:9px;padding:10px;border:1px solid #dce6ee;border-radius:12px;margin-bottom:8px;background:#fff}.widget-grip{color:#98a2b3;display:flex}.dashboard-widget-option label{display:flex;align-items:center;gap:10px;cursor:pointer}.dashboard-widget-option input{width:auto!important;margin:0!important}.dashboard-widget-option strong,.dashboard-widget-option small{display:block}.dashboard-widget-option small{color:#98a2b3;font-size:10px;margin-top:2px}.widget-move-buttons{display:flex;gap:4px}.widget-move-buttons button{width:31px;height:31px;border:1px solid #d4dfe8;border-radius:8px;background:#f8fafc;color:#475467;cursor:pointer}.dashboard-widget-panel>footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 16px;border-top:1px solid #e5ecf2;background:#f8fafc}.dashboard-widget-panel>footer>div{display:flex;gap:8px}.dashboard-widget-panel .btn{display:inline-flex;align-items:center;gap:6px}.activity-timeline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.activity-timeline-item{display:grid;grid-template-columns:38px 1fr;gap:10px;padding:11px;border:1px solid #dde7ef;border-radius:12px;background:#fbfdfe}.activity-marker{width:36px;height:36px;border-radius:10px;background:#e7f5fa;color:#167da3;display:flex;align-items:center;justify-content:center}.activity-timeline-item strong,.activity-timeline-item p,.activity-timeline-item small{display:block;margin:0}.activity-timeline-item p{font-size:11px;color:#667085;margin:3px 0;line-height:1.35}.activity-timeline-item small{font-size:10px;color:#98a2b3}
/* Notification center page */
.notification-page-head{display:flex;align-items:center;justify-content:space-between}.notification-page-head .btn{display:inline-flex;align-items:center;gap:7px}.notification-page-list{display:flex;flex-direction:column;gap:9px}.notification-row{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:13px;border:1px solid #dce6ee;border-radius:14px;background:#fff}.notification-row.unread{background:#f0f9fc;border-color:#bfe4f1}.notification-row-icon{width:42px;height:42px;border-radius:12px;background:#e7f5fa;color:#176f8e;display:flex;align-items:center;justify-content:center}.notification-row-title{display:flex;align-items:center;gap:8px}.notification-row-title span{border-radius:999px;background:#176f8e;color:#fff;padding:2px 7px;font-size:9px;font-weight:900}.notification-row-body p{margin:4px 0;color:#667085;font-size:12px}.notification-row-body small{color:#98a2b3}.notification-row-actions{display:flex;gap:6px}.empty-state{display:flex;flex-direction:column;align-items:center;gap:8px;padding:34px;text-align:center;color:#667085}.empty-state .ui-icon{width:36px;height:36px;color:#98a2b3}.empty-state.compact{padding:18px}
@media(max-width:1450px){.header-button-label,.security-context{display:none!important}.header-global-search{max-width:560px!important}}
@media(max-width:1120px){.header-home-label{display:none}.brand-dashboard-link .brand-logo{max-width:135px!important}.header-global-search{max-width:none!important}.user-menu-name{display:none!important}.user-menu-button{padding:4px!important}}
@media(max-width:900px){body{padding-top:68px!important}.topbar{height:auto!important;min-height:68px!important;padding:8px 10px!important}.sidebar-toggle{display:none!important}.menu-toggle{display:inline-flex!important;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.2);border-radius:11px;background:rgba(255,255,255,.12);color:#fff;padding:9px}.topbar-brand .header-home-link{display:none!important}.brand-dashboard-link{height:46px!important}.brand-dashboard-link .brand-logo{max-height:34px!important}.header-global-search{order:10;flex-basis:100%!important;max-width:none!important;display:none!important}.menu-open .header-global-search{display:flex!important}.topbar-actions{margin-left:auto}.command-palette-trigger .header-button-label{display:none}.topnav{top:68px!important;width:min(330px,88vw)!important;transform:translateX(-105%);transition:transform .2s ease!important;z-index:1300!important}.menu-open .topnav{transform:translateX(0)}.main,.sidebar-collapsed .main{margin-left:0!important;padding:18px!important}.sidebar-collapsed .topnav{width:min(330px,88vw)!important;padding:18px 14px!important}.sidebar-collapsed .sidebar-heading,.sidebar-collapsed .nav-label,.sidebar-collapsed .nav-caret,.sidebar-collapsed .sidebar-quick-actions span{display:initial!important}.sidebar-collapsed .sidebar-quick-actions{grid-template-columns:repeat(3,1fr)!important}.sidebar-collapsed .topnav>a,.sidebar-collapsed .topnav>.nav-dropdown>.dropdown-toggle{justify-content:flex-start!important;padding:8px 12px!important;font-size:14px!important}.topnav .nav-dropdown-menu,.sidebar-collapsed .topnav .nav-dropdown-menu{position:static!important;left:auto!important;top:auto!important;width:100%!important;min-width:0!important;max-width:none!important;max-height:none!important;margin:5px 0!important;box-shadow:none!important}.page-title{align-items:flex-start!important}.page-title-actions .command-palette-trigger{display:none}.enterprise-table-toolbar{grid-template-columns:1fr!important}.enterprise-table-actions{justify-content:flex-start}.enterprise-table-summary{order:3}.toolbar-bottom .enterprise-table-primary{display:none}.activity-timeline{grid-template-columns:1fr}.dashboard-command-row,.expiry-timeline{grid-template-columns:1fr 1fr!important}.notification-dropdown{position:fixed;right:10px;top:70px}.command-palette{padding-top:4vh}}
@media(max-width:620px){.topbar-brand{flex:1}.brand-dashboard-link{max-width:150px}.header-icon-button.command-palette-trigger{display:none}.notification-row{grid-template-columns:40px 1fr}.notification-row-actions{grid-column:1/-1;justify-content:flex-end}.page-title-actions{display:none}.page-title h1{font-size:24px!important}.dashboard-command-row,.expiry-timeline{grid-template-columns:1fr!important}.quick-action-grid{grid-template-columns:1fr 1fr!important}.enterprise-table-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.enterprise-table-button,.enterprise-page-size,.enterprise-density{width:100%!important}.dashboard-personalization-bar{align-items:flex-start;flex-direction:column}.dashboard-widget-panel>footer{align-items:stretch;flex-direction:column}.dashboard-widget-panel>footer>div{display:grid;grid-template-columns:1fr 1fr}.command-palette-panel>footer{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* ========================================================================
   Asset editor + adaptive sidebar flyouts (August 2026 refresh)
   ======================================================================== */
.asset-editor{max-width:1500px;margin:0 auto}.asset-form-intro{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 12px;padding:0 2px}.asset-form-intro strong{display:block;color:#172033;font-size:15px}.asset-form-intro p{margin:4px 0 0;color:#667085;font-size:11px;line-height:1.45}.asset-form-status{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:7px 10px;border:1px solid #cfe1ec;border-radius:999px;background:#edf8fc;color:#176f8e;font-size:11px;font-weight:800}.asset-form-status .ui-icon{width:16px;height:16px}.asset-enterprise-form{display:flex;flex-direction:column;gap:13px}.asset-form-alert{margin:0!important}.asset-form-section{min-width:0;margin:0!important;padding:12px 14px 14px!important;border:1px solid #d5e0eb!important;border-radius:12px!important;background:#fff!important;box-shadow:0 4px 14px rgba(31,55,91,.055)!important}.asset-form-section legend{display:inline-flex;align-items:center;gap:7px;padding:0 7px;color:#172033;font-size:11px;font-weight:900;letter-spacing:.015em;background:#fff}.asset-form-section legend small{margin-left:5px;color:#7b8798;font-size:9px;font-weight:650;letter-spacing:0}.asset-section-icon{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:#e7f5fa;color:#176f8e}.asset-section-icon .ui-icon{width:15px;height:15px}.asset-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px 12px;align-items:start}.asset-field{min-width:0}.asset-field label{display:flex;align-items:center;min-height:17px;margin:0 0 4px!important;color:#263750;font-size:10px;font-weight:750;line-height:1.25}.asset-field input,.asset-field select,.asset-field textarea{width:100%!important;margin:0!important;border:1px solid #c9d7e8!important;border-radius:7px!important;background:#fff!important;color:#172033!important;font-size:11px!important;box-shadow:none!important}.asset-field input,.asset-field select{min-height:36px!important;padding:7px 9px!important}.asset-field textarea{min-height:54px!important;padding:8px 9px!important;resize:vertical}.asset-field input:focus,.asset-field select:focus,.asset-field textarea:focus{outline:3px solid rgba(82,168,206,.18)!important;border-color:#52a8ce!important}.asset-field input[readonly]{background:#f4f7fb!important;color:#53657b!important}.asset-field input:disabled,.asset-field select:disabled,.asset-field textarea:disabled{background:#eef3f7!important;color:#7c8999!important;border-color:#dbe3ea!important;cursor:not-allowed}.asset-field small{display:block;margin:3px 1px 0;color:#7b8798;font-size:9px;line-height:1.35}.asset-field small a{font-weight:750}.asset-file-field input[type=file]{padding:5px 7px!important;font-size:10px!important}.asset-span-2{grid-column:span 2}.asset-span-3{grid-column:span 3}.asset-span-4{grid-column:1/-1}.asset-textarea-field textarea{min-height:57px!important}.asset-form-actions{position:sticky;bottom:10px;z-index:20;display:flex!important;justify-content:flex-end!important;gap:8px!important;margin:1px 0 0!important;padding:10px 12px!important;border:1px solid rgba(207,220,232,.96);border-radius:12px;background:rgba(255,255,255,.94);box-shadow:0 10px 30px rgba(31,55,91,.14);backdrop-filter:blur(8px)}.asset-form-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:138px}.asset-form-actions .ui-icon{width:17px;height:17px}.asset-lease-section.section-disabled{background:#f8fafc!important}.asset-lease-section.section-disabled legend{background:#f8fafc}.lease-disabled-note,.client-disabled-note{display:none!important}.lease-field-group.lease-disabled .lease-disabled-note,.client-field-group.client-disabled .client-disabled-note{display:block!important}.tooltip{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;margin-left:4px;border-radius:50%;background:#e7f5fa;color:#176f8e;font-size:9px;font-weight:900;cursor:help}.asset-uppercase-spellcheck{text-transform:uppercase}.asset-preview-content .actions{justify-content:flex-end;margin-top:16px}

@media(max-width:1180px){.asset-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.asset-span-3,.asset-span-4{grid-column:1/-1}.asset-form-intro{align-items:flex-start}}
@media(max-width:680px){.asset-form-grid{grid-template-columns:1fr}.asset-span-2,.asset-span-3,.asset-span-4{grid-column:auto}.asset-form-intro{flex-direction:column}.asset-form-status{align-self:flex-start}.asset-form-section{padding:10px!important}.asset-form-section legend small{display:none}.asset-form-actions{position:static;display:grid!important;grid-template-columns:1fr}.asset-form-actions .btn{width:100%}.preview-grid{grid-template-columns:1fr!important}}

@media(min-width:901px){
  /* Main sidebar items always fit the viewport; submenus are independent fixed flyouts. */
  .topnav{overflow:visible!important;scrollbar-width:none!important;overscroll-behavior:none!important}
  .topnav::-webkit-scrollbar{display:none!important}
  .sidebar-collapsed .sidebar-quick-actions{display:none!important}

  .topnav .nav-dropdown-menu{
    position:fixed!important;
    left:var(--flyout-left,calc(var(--v3-sidebar) + 10px))!important;
    top:var(--flyout-top,84px)!important;
    display:none!important;
    grid-template-columns:repeat(var(--flyout-columns,1),minmax(0,1fr))!important;
    grid-auto-rows:minmax(var(--flyout-item-height,42px),auto)!important;
    gap:6px 8px!important;
    width:var(--flyout-width,292px)!important;
    min-width:240px!important;
    max-width:calc(100vw - var(--flyout-left,300px) - 12px)!important;
    max-height:none!important;
    overflow:visible!important;
    margin:0!important;
    padding:10px!important;
    border:1px solid #cbd9e8!important;
    border-top:4px solid #52a8ce!important;
    border-radius:17px!important;
    background:#f8fbff!important;
    box-shadow:0 22px 55px rgba(24,48,84,.28)!important;
    z-index:1600!important;
    opacity:1!important;
    filter:none!important;
    backdrop-filter:none!important;
    isolation:isolate;
  }
  .topnav .nav-dropdown.open>.nav-dropdown-menu,.topnav .nav-dropdown.hover-open>.nav-dropdown-menu,.topnav .nav-dropdown:focus-within>.nav-dropdown-menu{display:grid!important}
  .topnav .nav-dropdown-menu:before{content:'';position:absolute;left:-9px;top:var(--flyout-arrow-top,22px);width:16px;height:16px;background:#f8fbff;border-left:1px solid #cbd9e8;border-bottom:1px solid #cbd9e8;transform:rotate(45deg);z-index:-1}
  .topnav .nav-dropdown-menu:after{content:'';position:absolute;left:-18px;top:0;width:18px;height:100%;background:transparent}
  .topnav .nav-dropdown-menu .nav-subitem{
    display:grid!important;
    grid-template-columns:30px minmax(0,1fr)!important;
    align-items:center!important;
    gap:9px!important;
    width:100%!important;
    min-height:var(--flyout-item-height,42px)!important;
    margin:0!important;
    padding:7px 10px!important;
    border:1px solid #dce6f0!important;
    border-radius:11px!important;
    background:#fff!important;
    color:#25364d!important;
    font-size:12px!important;
    font-weight:760!important;
    line-height:1.2!important;
    white-space:normal!important;
    box-shadow:none!important;
  }
  .topnav .nav-dropdown-menu .nav-subitem:hover,.topnav .nav-dropdown-menu .nav-subitem:focus-visible{background:#eaf6fb!important;color:#0f6684!important;border-color:#aad7e7!important;box-shadow:inset 4px 0 0 #52a8ce!important;outline:0!important}
  .topnav .nav-dropdown-menu .nav-subitem.active,.topnav .nav-dropdown-menu .nav-subitem[aria-current=page]{background:#dff1f8!important;color:#0d607d!important;border-color:#8ecbe1!important;box-shadow:inset 4px 0 0 #258fb6!important}
  .nav-sub-icon{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:#e8f3f9;color:#2d7597}.nav-sub-icon .ui-icon{width:16px;height:16px}.nav-sub-label{min-width:0;overflow-wrap:anywhere}.nav-subitem:hover .nav-sub-icon,.nav-subitem.active .nav-sub-icon{background:#d5edf7;color:#126b8c}
  .topnav .nav-dropdown-menu.flyout-compact{--flyout-item-height:36px;padding:8px!important;gap:4px 6px!important}.topnav .nav-dropdown-menu.flyout-compact .nav-subitem{padding:5px 8px!important;font-size:11px!important;grid-template-columns:26px minmax(0,1fr)!important}.topnav .nav-dropdown-menu.flyout-compact .nav-sub-icon{width:24px;height:24px}.topnav .nav-dropdown-menu.flyout-compact .nav-sub-icon .ui-icon{width:14px;height:14px}

  body.sidebar-density-compact .topnav{gap:4px!important;padding-top:12px!important;padding-bottom:12px!important}
  body.sidebar-density-compact .sidebar-heading{padding-bottom:4px!important;font-size:10px!important}
  body.sidebar-density-compact .sidebar-quick-actions{margin-bottom:6px!important;gap:6px!important}
  body.sidebar-density-compact .sidebar-quick-actions a{min-height:62px!important;padding:6px 4px!important;gap:4px!important}
  body.sidebar-density-compact .sidebar-quick-actions .ui-icon{width:20px!important;height:20px!important}
  body.sidebar-density-compact .topnav>a,body.sidebar-density-compact .topnav>.nav-dropdown>.dropdown-toggle{min-height:47px!important;padding-top:5px!important;padding-bottom:5px!important}
  body.sidebar-density-compact .nav-icon{width:32px!important;height:32px!important}.sidebar-density-compact .nav-icon .ui-icon{width:18px!important;height:18px!important}

  body.sidebar-density-tight .topnav{gap:3px!important;padding:8px 10px!important}
  body.sidebar-density-tight .sidebar-heading{padding:0 8px 3px!important;font-size:9px!important}
  body.sidebar-density-tight .sidebar-quick-actions{margin-bottom:4px!important;gap:4px!important}
  body.sidebar-density-tight .sidebar-quick-actions a{min-height:50px!important;padding:4px 2px!important;gap:2px!important;font-size:9px!important;border-radius:12px!important}
  body.sidebar-density-tight .sidebar-quick-actions .ui-icon{width:18px!important;height:18px!important}
  body.sidebar-density-tight .topnav>a,body.sidebar-density-tight .topnav>.nav-dropdown>.dropdown-toggle{min-height:42px!important;padding:4px 8px!important;border-radius:12px!important;font-size:12px!important}
  body.sidebar-density-tight .nav-icon{width:29px!important;height:29px!important;border-radius:9px!important}.sidebar-density-tight .nav-icon .ui-icon{width:16px!important;height:16px!important}
}

@media(max-width:900px){.topnav{overflow-y:auto!important;overflow-x:hidden!important}.topnav .nav-dropdown-menu .nav-subitem{display:grid!important;grid-template-columns:28px minmax(0,1fr)!important;gap:8px!important;align-items:center!important}.nav-sub-icon{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:rgba(255,255,255,.12);color:#e7f6ff}.nav-sub-icon .ui-icon{width:15px;height:15px}}

/* ========================================================================
   SGAMT COOL NAVIGATION THEMES + DATE / VALIDATION UX
   ======================================================================== */
html[data-sg-theme="ocean"]{
  --sg-theme-primary:#2c79a5;
  --sg-theme-deep:#174f6d;
  --sg-theme-mid:#438fb8;
  --sg-theme-soft:#69b5d1;
  --sg-theme-topbar-start:#164d69;
  --sg-theme-topbar-end:#2c79a5;
  --sg-theme-icon:#e4f7ff;
  --sg-theme-accent:#9edff5;
  --sg-theme-accent-deep:#1d678e;
}
html[data-sg-theme="indigo"]{
  --sg-theme-primary:#5269aa;
  --sg-theme-deep:#303f78;
  --sg-theme-mid:#6a82c7;
  --sg-theme-soft:#8bb1d3;
  --sg-theme-topbar-start:#293866;
  --sg-theme-topbar-end:#5269aa;
  --sg-theme-icon:#eef2ff;
  --sg-theme-accent:#c7d2ff;
  --sg-theme-accent-deep:#3c4f91;
}
html[data-sg-theme="teal"]{
  --sg-theme-primary:#257f83;
  --sg-theme-deep:#15555d;
  --sg-theme-mid:#3b999c;
  --sg-theme-soft:#68b7b5;
  --sg-theme-topbar-start:#124a52;
  --sg-theme-topbar-end:#257f83;
  --sg-theme-icon:#e6ffff;
  --sg-theme-accent:#a7eeee;
  --sg-theme-accent-deep:#17696d;
}
html[data-sg-theme="slate"]{
  --sg-theme-primary:#426a85;
  --sg-theme-deep:#2d4d60;
  --sg-theme-mid:#5b879f;
  --sg-theme-soft:#7aa8ba;
  --sg-theme-topbar-start:#294657;
  --sg-theme-topbar-end:#426a85;
  --sg-theme-icon:#eff8fc;
  --sg-theme-accent:#c8e8f4;
  --sg-theme-accent-deep:#345c74;
}
html[data-sg-theme]{
  --v3-sidebar-top:var(--sg-theme-primary);
  --v3-sidebar-mid:var(--sg-theme-mid);
  --v3-sidebar-bottom:var(--sg-theme-soft);
  --v3-icon:var(--sg-theme-icon);
  --v3-icon-active:#ffffff;
  --v3-accent:var(--sg-theme-accent);
  --v3-accent-deep:var(--sg-theme-accent-deep);
}
.topbar{
  background:linear-gradient(108deg,var(--sg-theme-topbar-start),var(--sg-theme-topbar-end) 72%,var(--sg-theme-mid))!important;
  border-bottom-color:rgba(255,255,255,.22)!important;
}
.topnav{
  background:linear-gradient(180deg,var(--sg-theme-primary) 0%,var(--sg-theme-mid) 52%,var(--sg-theme-soft) 100%)!important;
}
.header-global-search button,.sg-modal-ok{background:var(--sg-theme-accent-deep)!important}
.notification-count{border-color:var(--sg-theme-topbar-end)!important}
.topnav>a.active:before,.topnav>.nav-dropdown.active>.dropdown-toggle:before{
  background:var(--sg-theme-accent)!important;
}
.topnav .nav-dropdown-menu{
  border-top-color:var(--sg-theme-primary)!important;
}
.topnav .nav-dropdown-menu .nav-subitem:hover,.topnav .nav-dropdown-menu .nav-subitem:focus-visible{
  color:var(--sg-theme-accent-deep)!important;
  border-color:color-mix(in srgb,var(--sg-theme-primary) 40%,#ffffff)!important;
  box-shadow:inset 4px 0 0 var(--sg-theme-primary)!important;
}
.topnav .nav-dropdown-menu .nav-subitem.active,.topnav .nav-dropdown-menu .nav-subitem[aria-current=page]{
  color:var(--sg-theme-accent-deep)!important;
  box-shadow:inset 4px 0 0 var(--sg-theme-primary)!important;
}
.nav-sub-icon{color:var(--sg-theme-accent-deep)!important}

/* Crisp Home control beside the company logo. */
.header-home-link{
  height:52px!important;
  min-width:52px!important;
  padding:0 13px!important;
  gap:8px!important;
  background:#ffffff!important;
  color:var(--sg-theme-accent-deep)!important;
  border:1px solid rgba(205,220,232,.96)!important;
  border-radius:14px!important;
  box-shadow:0 6px 18px rgba(16,42,67,.16)!important;
  opacity:1!important;
  filter:none!important;
  backdrop-filter:none!important;
  text-shadow:none!important;
}
.header-home-link:hover,.header-home-link:focus-visible{
  background:#f7fbfe!important;
  color:var(--sg-theme-deep)!important;
  border-color:var(--sg-theme-primary)!important;
}
.header-home-link .ui-icon{
  width:24px!important;
  height:24px!important;
  color:currentColor!important;
  stroke-width:2.2!important;
  opacity:1!important;
  filter:none!important;
}
.header-home-label{color:currentColor!important;font-weight:850!important}

/* Persisted cool-colour theme selector inside the user menu. */
.theme-switcher{padding:12px 14px;border-top:1px solid #e7edf3;border-bottom:1px solid #e7edf3;background:#f8fafc}
.theme-switcher-title{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:9px}.theme-switcher-title span{font-size:12px;font-weight:850;color:#25364d}.theme-switcher-title small{font-size:9px;color:#7a8899}
.theme-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.theme-option{min-width:0;border:1px solid #d6e0ea;border-radius:9px;background:#fff;padding:6px 3px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;color:#344054}.theme-option>span{width:24px;height:16px;border-radius:999px;border:1px solid rgba(17,42,67,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.4)}.theme-option b{font-size:8px;line-height:1}.theme-option:hover,.theme-option.selected{border-color:var(--sg-theme-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--sg-theme-primary) 18%,transparent)}.theme-option.selected:after{content:'✓';position:absolute;margin-top:-4px;margin-left:28px;width:13px;height:13px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--sg-theme-accent-deep);color:#fff;font-size:8px;font-weight:900}.theme-option{position:relative}.theme-ocean>span{background:linear-gradient(90deg,#2c79a5,#69b5d1)}.theme-indigo>span{background:linear-gradient(90deg,#5269aa,#8bb1d3)}.theme-teal>span{background:linear-gradient(90deg,#257f83,#68b7b5)}.theme-slate>span{background:linear-gradient(90deg,#426a85,#7aa8ba)}

/* Quick actions always remain in the side menu, including collapsed mode. */
.sidebar-quick-actions .ui-icon{
  width:clamp(17px,2.5vh,24px)!important;
  height:clamp(17px,2.5vh,24px)!important;
  color:var(--sg-theme-icon)!important;
}
.sidebar-quick-actions a{border-color:rgba(255,255,255,.22)!important}
.sidebar-quick-actions a:hover{background:rgba(255,255,255,.20)!important}
@media(min-width:901px){
  .sidebar-collapsed .sidebar-quick-actions{display:grid!important;grid-template-columns:1fr!important;gap:5px!important;margin-bottom:7px!important}
  .sidebar-collapsed .sidebar-quick-actions a{display:flex!important;min-height:44px!important;height:44px!important;padding:5px!important;border-radius:12px!important}
  .sidebar-collapsed .sidebar-quick-actions .ui-icon{width:20px!important;height:20px!important}
  body.sidebar-density-compact .sidebar-quick-actions .ui-icon{width:19px!important;height:19px!important}
  body.sidebar-density-tight .sidebar-quick-actions .ui-icon{width:16px!important;height:16px!important}
}

/* Small Add / Allocate / Return controls in the centre of Asset Command Center. */
.enterprise-hero{
  display:grid!important;
  grid-template-columns:minmax(330px,1fr) auto auto!important;
  align-items:center!important;
  gap:18px!important;
  background:linear-gradient(120deg,var(--sg-theme-deep),var(--sg-theme-primary) 58%,var(--sg-theme-soft))!important;
}
.hero-quick-actions{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}
.hero-quick-actions a{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:8px 11px;border:1px solid rgba(255,255,255,.28);border-radius:12px;background:rgba(255,255,255,.13);color:#fff!important;font-size:11px;font-weight:850;box-shadow:inset 0 1px 0 rgba(255,255,255,.13);white-space:nowrap}
.hero-quick-actions a:hover{background:rgba(255,255,255,.23);transform:translateY(-1px)}
.hero-quick-actions .ui-icon{width:17px;height:17px;color:var(--sg-theme-icon);stroke-width:2}
@media(max-width:1350px){.enterprise-hero{grid-template-columns:minmax(300px,1fr) auto!important}.hero-quick-actions{grid-column:2}.enterprise-hero .hero-actions{grid-column:1/-1;justify-content:flex-end}}
@media(max-width:1100px){.enterprise-hero{grid-template-columns:1fr!important}.hero-quick-actions,.enterprise-hero .hero-actions{grid-column:auto;width:100%;justify-content:flex-start}}
@media(max-width:680px){.hero-quick-actions{justify-content:stretch}.hero-quick-actions a{flex:1;min-width:42px}.hero-quick-actions a span{display:none}}

/* Application-wide DD/MM/YYYY date controls. The hidden native input retains ISO values for the server. */
.dmy-date-control{position:relative;display:flex;align-items:center;width:100%;min-width:0}
.dmy-date-native{position:absolute!important;width:1px!important;height:1px!important;left:8px!important;bottom:2px!important;opacity:0!important;pointer-events:none!important;margin:0!important;padding:0!important;border:0!important}
.dmy-date-display{width:100%!important;min-height:38px!important;margin:0!important;padding-right:42px!important;font-variant-numeric:tabular-nums;text-transform:none!important;letter-spacing:.01em}
.dmy-date-picker{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:32px;height:30px;border:0;border-left:1px solid #d7e1eb;background:transparent;color:var(--sg-theme-accent-deep);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border-radius:0 7px 7px 0}
.dmy-date-picker:hover{background:#eef7fb}.dmy-date-picker svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.dmy-date-display.date-invalid{border-color:#d92d20!important;background:#fff8f7!important;box-shadow:0 0 0 3px rgba(217,45,32,.12)!important}
.asset-field .dmy-date-display{font-size:11px!important;min-height:36px!important;padding:7px 42px 7px 9px!important}

/* Missing required field guidance for Add New Asset and other enterprise forms. */
.required-indicator{margin-left:3px;color:#d92d20;font-weight:950;font-size:12px;line-height:1}
.field-error,.asset-field .field-error{border-color:#d92d20!important;background:#fff8f7!important;box-shadow:0 0 0 3px rgba(217,45,32,.12)!important}
.field-has-error>label,.asset-field.field-has-error>label{color:#b42318!important}
.field-error-message{display:block!important;margin:4px 1px 0!important;color:#b42318!important;font-size:10px!important;font-weight:750!important;line-height:1.35!important}
.asset-form-section:has(.field-has-error){border-color:#fda29b!important;box-shadow:0 0 0 2px rgba(217,45,32,.06)!important}
.sg-modal{width:min(540px,calc(100vw - 32px))!important}.sg-modal h3{color:#b42318}.sg-modal p{max-height:48vh;overflow:auto}

/* Final cool-colour authority over legacy orange navigation declarations. */
.topnav .nav-icon,.sidebar-collapsed .topnav .nav-icon{
  color:var(--sg-theme-icon)!important;
  background:rgba(255,255,255,.10)!important;
  border-color:rgba(255,255,255,.18)!important;
}
.topnav .nav-icon .ui-icon,.sidebar-collapsed .topnav .nav-icon .ui-icon{color:currentColor!important}
.topnav>a:hover .nav-icon,.topnav>a.active .nav-icon,.topnav>.nav-dropdown:hover>.dropdown-toggle .nav-icon,.topnav>.nav-dropdown.hover-open>.dropdown-toggle .nav-icon,.topnav>.nav-dropdown.active>.dropdown-toggle .nav-icon{
  color:#fff!important;
  background:rgba(255,255,255,.19)!important;
  border-color:rgba(255,255,255,.30)!important;
}
.topnav>a.active,.topnav>.nav-dropdown.active>.dropdown-toggle{border-left-color:transparent!important}
.enterprise-hero:after{background:color-mix(in srgb,var(--sg-theme-accent) 30%,transparent)!important}
.enterprise-hero:after{background:rgba(158,223,245,.30)!important;background:color-mix(in srgb,var(--sg-theme-accent) 30%,transparent)!important}
.asset-field .dmy-date-native,.dmy-date-control>.dmy-date-native{position:absolute!important;width:1px!important;height:1px!important;min-width:1px!important;min-height:1px!important;max-width:1px!important;max-height:1px!important;padding:0!important;margin:0!important;border:0!important;opacity:0!important;pointer-events:none!important}


/* Final adaptive sizing for the persistent collapsed quick-action rail. */
@media(min-width:901px){
  body.sidebar-collapsed.sidebar-density-compact .sidebar-quick-actions a{min-height:40px!important;height:40px!important;padding:4px!important;gap:0!important}
  body.sidebar-collapsed.sidebar-density-compact .sidebar-quick-actions .ui-icon{width:18px!important;height:18px!important}
  body.sidebar-collapsed.sidebar-density-tight .sidebar-quick-actions{gap:3px!important;margin-bottom:4px!important}
  body.sidebar-collapsed.sidebar-density-tight .sidebar-quick-actions a{min-height:34px!important;height:34px!important;padding:3px!important;gap:0!important;border-radius:10px!important}
  body.sidebar-collapsed.sidebar-density-tight .sidebar-quick-actions .ui-icon{width:15px!important;height:15px!important}
}

/* ========================================================================
   SGAMT UNIFIED NAVIGATION THEME V4
   One selection controls header, sidebar, primary items and submenu flyouts.
   Slate is the default. Legacy Indigo preferences migrate to Light Blue.
   ======================================================================== */
html[data-sg-theme="slate"]{
  --sg-theme-deep:#34495b;
  --sg-theme-primary:#536f83;
  --sg-theme-mid:#708da0;
  --sg-theme-soft:#91a9b8;
  --sg-theme-accent:#d6e3ea;
  --sg-theme-accent-deep:#355c72;
  --sg-theme-nav-text:#ffffff;
  --sg-theme-nav-muted:#eef6fa;
  --sg-theme-nav-icon:#edf8fc;
  --sg-theme-control-bg:rgba(255,255,255,.11);
  --sg-theme-control-hover:rgba(255,255,255,.20);
  --sg-theme-control-border:rgba(255,255,255,.22);
}
html[data-sg-theme="ocean"]{
  --sg-theme-deep:#175270;
  --sg-theme-primary:#2c79a5;
  --sg-theme-mid:#4a97bc;
  --sg-theme-soft:#75b9d2;
  --sg-theme-accent:#c9edf9;
  --sg-theme-accent-deep:#1f668b;
  --sg-theme-nav-text:#ffffff;
  --sg-theme-nav-muted:#eaf8fd;
  --sg-theme-nav-icon:#e5f8ff;
  --sg-theme-control-bg:rgba(255,255,255,.11);
  --sg-theme-control-hover:rgba(255,255,255,.20);
  --sg-theme-control-border:rgba(255,255,255,.22);
}
html[data-sg-theme="teal"]{
  --sg-theme-deep:#18585c;
  --sg-theme-primary:#2b7f82;
  --sg-theme-mid:#4b9c9d;
  --sg-theme-soft:#7ab9b6;
  --sg-theme-accent:#d2f0ec;
  --sg-theme-accent-deep:#236a6c;
  --sg-theme-nav-text:#ffffff;
  --sg-theme-nav-muted:#effdfb;
  --sg-theme-nav-icon:#e9fffc;
  --sg-theme-control-bg:rgba(255,255,255,.11);
  --sg-theme-control-hover:rgba(255,255,255,.20);
  --sg-theme-control-border:rgba(255,255,255,.22);
}
html[data-sg-theme="lightblue"]{
  --sg-theme-deep:#6f94ba;
  --sg-theme-primary:#8eb5d8;
  --sg-theme-mid:#a9cae5;
  --sg-theme-soft:#c9dfef;
  --sg-theme-accent:#eaf5fc;
  --sg-theme-accent-deep:#3d6f99;
  --sg-theme-nav-text:#17324a;
  --sg-theme-nav-muted:#294a66;
  --sg-theme-nav-icon:#244b6a;
  --sg-theme-control-bg:rgba(255,255,255,.33);
  --sg-theme-control-hover:rgba(255,255,255,.52);
  --sg-theme-control-border:rgba(34,72,104,.18);
}
html[data-sg-theme="lightorange"]{
  --sg-theme-deep:#ba744f;
  --sg-theme-primary:#d89068;
  --sg-theme-mid:#e4aa87;
  --sg-theme-soft:#efc5aa;
  --sg-theme-accent:#ffeadc;
  --sg-theme-accent-deep:#914a28;
  --sg-theme-nav-text:#3f2619;
  --sg-theme-nav-muted:#563725;
  --sg-theme-nav-icon:#6f371b;
  --sg-theme-control-bg:rgba(255,255,255,.31);
  --sg-theme-control-hover:rgba(255,255,255,.50);
  --sg-theme-control-border:rgba(93,48,25,.18);
}
html[data-sg-theme="lightpink"]{
  --sg-theme-deep:#a96982;
  --sg-theme-primary:#c987a1;
  --sg-theme-mid:#dba5b9;
  --sg-theme-soft:#ecc8d5;
  --sg-theme-accent:#fae8ef;
  --sg-theme-accent-deep:#82445e;
  --sg-theme-nav-text:#402536;
  --sg-theme-nav-muted:#5b344a;
  --sg-theme-nav-icon:#6e3650;
  --sg-theme-control-bg:rgba(255,255,255,.31);
  --sg-theme-control-hover:rgba(255,255,255,.50);
  --sg-theme-control-border:rgba(91,48,70,.18);
}
html[data-sg-theme]{
  --sg-theme-topbar-start:var(--sg-theme-deep);
  --sg-theme-topbar-end:var(--sg-theme-primary);
  --sg-theme-icon:var(--sg-theme-nav-icon);
  --v3-sidebar-top:var(--sg-theme-deep);
  --v3-sidebar-mid:var(--sg-theme-primary);
  --v3-sidebar-bottom:var(--sg-theme-soft);
  --v3-icon:var(--sg-theme-nav-icon);
  --v3-accent:var(--sg-theme-accent);
  --v3-accent-deep:var(--sg-theme-accent-deep);
}

/* The same palette is used by both header and sidebar. */
html[data-sg-theme] .topbar{
  background:linear-gradient(105deg,var(--sg-theme-deep),var(--sg-theme-primary) 58%,var(--sg-theme-soft))!important;
  border-bottom-color:var(--sg-theme-control-border)!important;
}
html[data-sg-theme] .topnav{
  background:linear-gradient(180deg,var(--sg-theme-deep) 0%,var(--sg-theme-primary) 50%,var(--sg-theme-soft) 100%)!important;
  color:var(--sg-theme-nav-text)!important;
}
html[data-sg-theme] .sidebar-heading,
html[data-sg-theme] .topnav>a,
html[data-sg-theme] .topnav>.nav-dropdown>.dropdown-toggle,
html[data-sg-theme] .topnav .nav-label,
html[data-sg-theme] .sidebar-quick-actions a,
html[data-sg-theme] .sidebar-quick-actions a span,
html[data-sg-theme] .security-context,
html[data-sg-theme] .header-icon-button{
  color:var(--sg-theme-nav-text)!important;
}
html[data-sg-theme] .topnav .nav-caret,
html[data-sg-theme] .topnav .nav-icon,
html[data-sg-theme] .sidebar-quick-actions .ui-icon,
html[data-sg-theme] .header-icon-button .ui-icon{
  color:var(--sg-theme-nav-icon)!important;
}
html[data-sg-theme] .header-icon-button,
html[data-sg-theme] .security-context,
html[data-sg-theme] .sidebar-quick-actions a,
html[data-sg-theme] .topnav>a,
html[data-sg-theme] .topnav>.nav-dropdown>.dropdown-toggle{
  border-color:var(--sg-theme-control-border)!important;
}
html[data-sg-theme] .header-icon-button,
html[data-sg-theme] .security-context,
html[data-sg-theme] .sidebar-quick-actions a{
  background:var(--sg-theme-control-bg)!important;
}
html[data-sg-theme] .header-icon-button:hover,
html[data-sg-theme] .sidebar-quick-actions a:hover,
html[data-sg-theme] .topnav>a:hover,
html[data-sg-theme] .topnav>.nav-dropdown:hover>.dropdown-toggle,
html[data-sg-theme] .topnav>.nav-dropdown.hover-open>.dropdown-toggle{
  background:var(--sg-theme-control-hover)!important;
  color:var(--sg-theme-nav-text)!important;
}
html[data-sg-theme] .topnav>a.active,
html[data-sg-theme] .topnav>.nav-dropdown.active>.dropdown-toggle{
  background:var(--sg-theme-control-hover)!important;
  color:var(--sg-theme-nav-text)!important;
  box-shadow:inset 5px 0 0 var(--sg-theme-accent)!important;
}
html[data-sg-theme] .topnav .nav-icon{
  background:var(--sg-theme-control-bg)!important;
  border-color:var(--sg-theme-control-border)!important;
}
html[data-sg-theme] .topnav>a:hover .nav-icon,
html[data-sg-theme] .topnav>a.active .nav-icon,
html[data-sg-theme] .topnav>.nav-dropdown:hover>.dropdown-toggle .nav-icon,
html[data-sg-theme] .topnav>.nav-dropdown.hover-open>.dropdown-toggle .nav-icon,
html[data-sg-theme] .topnav>.nav-dropdown.active>.dropdown-toggle .nav-icon{
  background:var(--sg-theme-control-hover)!important;
  border-color:var(--sg-theme-control-border)!important;
  color:var(--sg-theme-nav-icon)!important;
}

/* Flyout and submenu items inherit the selected theme instead of remaining white/orange. */
@media(min-width:901px){
  html[data-sg-theme] .topnav .nav-dropdown-menu,
  html[data-sg-theme] body:not(.sidebar-collapsed) .topnav .nav-dropdown-menu,
  html[data-sg-theme] .sidebar-collapsed .topnav .nav-dropdown-menu{
    background:linear-gradient(145deg,var(--sg-theme-deep),var(--sg-theme-primary) 62%,var(--sg-theme-mid))!important;
    border-color:var(--sg-theme-control-border)!important;
    border-top-color:var(--sg-theme-accent)!important;
    box-shadow:0 22px 50px color-mix(in srgb,var(--sg-theme-deep) 36%,transparent)!important;
  }
  html[data-sg-theme] .topnav .nav-dropdown-menu a,
  html[data-sg-theme] body:not(.sidebar-collapsed) .topnav .nav-dropdown-menu a,
  html[data-sg-theme] .sidebar-collapsed .topnav .nav-dropdown-menu a{
    background:var(--sg-theme-control-bg)!important;
    color:var(--sg-theme-nav-text)!important;
    border-color:var(--sg-theme-control-border)!important;
  }
  html[data-sg-theme] .topnav .nav-dropdown-menu a:hover,
  html[data-sg-theme] .topnav .nav-dropdown-menu a:focus-visible,
  html[data-sg-theme] .topnav .nav-dropdown-menu a.active,
  html[data-sg-theme] .topnav .nav-dropdown-menu a[aria-current="page"]{
    background:var(--sg-theme-control-hover)!important;
    color:var(--sg-theme-nav-text)!important;
    border-color:var(--sg-theme-control-border)!important;
    box-shadow:inset 4px 0 0 var(--sg-theme-accent)!important;
  }
  html[data-sg-theme] .nav-sub-icon{color:var(--sg-theme-nav-icon)!important;}
}

/* Theme chooser: six options arranged in two rows. */
.theme-options{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}
.theme-option{padding:7px 3px!important;min-height:46px!important}
.theme-option>span{width:28px!important;height:16px!important}
.theme-option b{font-size:8px!important;white-space:nowrap!important}
.theme-slate>span{background:linear-gradient(90deg,#536f83,#91a9b8)!important}
.theme-ocean>span{background:linear-gradient(90deg,#2c79a5,#75b9d2)!important}
.theme-teal>span{background:linear-gradient(90deg,#2b7f82,#7ab9b6)!important}
.theme-lightblue>span{background:linear-gradient(90deg,#8eb5d8,#c9dfef)!important}
.theme-lightorange>span{background:linear-gradient(90deg,#d89068,#efc5aa)!important}
.theme-lightpink>span{background:linear-gradient(90deg,#c987a1,#ecc8d5)!important}

/* Dashboard command centre follows the same selected palette. */
html[data-sg-theme] .enterprise-hero{
  background:linear-gradient(120deg,var(--sg-theme-deep),var(--sg-theme-primary) 58%,var(--sg-theme-soft))!important;
  color:var(--sg-theme-nav-text)!important;
}
html[data-sg-theme] .enterprise-hero h1,
html[data-sg-theme] .enterprise-hero h2,
html[data-sg-theme] .enterprise-hero p,
html[data-sg-theme] .enterprise-hero .eyebrow,
html[data-sg-theme] .hero-quick-actions a{
  color:var(--sg-theme-nav-text)!important;
}
html[data-sg-theme] .hero-quick-actions a{
  background:var(--sg-theme-control-bg)!important;
  border-color:var(--sg-theme-control-border)!important;
}
html[data-sg-theme] .hero-quick-actions a:hover{background:var(--sg-theme-control-hover)!important}
html[data-sg-theme] .hero-quick-actions .ui-icon{color:var(--sg-theme-nav-icon)!important}

/* Header account controls and flyout pointer also follow the active theme. */
html[data-sg-theme] .user-menu-button{
  background:var(--sg-theme-control-bg)!important;
  color:var(--sg-theme-nav-text)!important;
  border-color:var(--sg-theme-control-border)!important;
}
html[data-sg-theme] .user-menu-button:hover{background:var(--sg-theme-control-hover)!important}
html[data-sg-theme] .user-menu-caret{color:var(--sg-theme-nav-icon)!important}
html[data-sg-theme] .notification-count{border-color:var(--sg-theme-primary)!important}
@media(min-width:901px){
  html[data-sg-theme] .topnav .nav-dropdown-menu:before{
    background:var(--sg-theme-primary)!important;
    border-left-color:var(--sg-theme-control-border)!important;
    border-bottom-color:var(--sg-theme-control-border)!important;
  }
}

/* ========================================================================
   SGAMT V4.1 - Unified collapsed/expanded flyout and crisp submenu icons
   The flyout now uses the exact selected navigation palette in every state.
   ======================================================================== */
@media (min-width:901px){
  html[data-sg-theme] .topnav .nav-dropdown-menu,
  html[data-sg-theme] body.sidebar-collapsed .topnav .nav-dropdown-menu,
  html[data-sg-theme] body:not(.sidebar-collapsed) .topnav .nav-dropdown-menu{
    background:linear-gradient(
      180deg,
      var(--sg-theme-deep) 0%,
      var(--sg-theme-primary) 50%,
      var(--sg-theme-soft) 100%
    ) !important;
    background-color:var(--sg-theme-primary) !important;
    color:var(--sg-theme-nav-text) !important;
    border:1px solid var(--sg-theme-control-border) !important;
    border-top:4px solid var(--sg-theme-accent) !important;
    box-shadow:0 22px 50px rgba(20,38,64,.28) !important;
    opacity:1 !important;
    filter:none !important;
    -webkit-filter:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  /* Match the flyout pointer to the active theme instead of the old static colour. */
  html[data-sg-theme] .topnav .nav-dropdown-menu::before,
  html[data-sg-theme] body.sidebar-collapsed .topnav .nav-dropdown-menu::before,
  html[data-sg-theme] body:not(.sidebar-collapsed) .topnav .nav-dropdown-menu::before{
    background:var(--sg-theme-primary) !important;
    border-left-color:var(--sg-theme-control-border) !important;
    border-bottom-color:var(--sg-theme-control-border) !important;
  }

  html[data-sg-theme] .topnav .nav-dropdown-menu .nav-subitem,
  html[data-sg-theme] body.sidebar-collapsed .topnav .nav-dropdown-menu .nav-subitem,
  html[data-sg-theme] body:not(.sidebar-collapsed) .topnav .nav-dropdown-menu .nav-subitem{
    background:var(--sg-theme-control-bg) !important;
    color:var(--sg-theme-nav-text) !important;
    border-color:var(--sg-theme-control-border) !important;
    opacity:1 !important;
    filter:none !important;
    -webkit-filter:none !important;
    text-shadow:none !important;
  }

  html[data-sg-theme] .topnav .nav-dropdown-menu .nav-subitem:hover,
  html[data-sg-theme] .topnav .nav-dropdown-menu .nav-subitem:focus-visible,
  html[data-sg-theme] .topnav .nav-dropdown-menu .nav-subitem.active,
  html[data-sg-theme] .topnav .nav-dropdown-menu .nav-subitem[aria-current="page"]{
    background:var(--sg-theme-control-hover) !important;
    color:var(--sg-theme-nav-text) !important;
    border-color:var(--sg-theme-control-border) !important;
    box-shadow:inset 4px 0 0 var(--sg-theme-accent) !important;
  }

  /* Remove the legacy pale tile that caused white SVG strokes to look blurred. */
  html[data-sg-theme] .topnav .nav-dropdown-menu .nav-sub-icon,
  html[data-sg-theme] body.sidebar-collapsed .topnav .nav-dropdown-menu .nav-sub-icon,
  html[data-sg-theme] body:not(.sidebar-collapsed) .topnav .nav-dropdown-menu .nav-sub-icon{
    width:30px !important;
    height:30px !important;
    min-width:30px !important;
    flex:0 0 30px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:9px !important;
    background:var(--sg-theme-control-bg) !important;
    color:var(--sg-theme-nav-icon) !important;
    border:1px solid var(--sg-theme-control-border) !important;
    opacity:1 !important;
    filter:none !important;
    -webkit-filter:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    text-shadow:none !important;
    box-shadow:none !important;
  }

  html[data-sg-theme] .topnav .nav-dropdown-menu .nav-sub-icon .ui-icon{
    width:17px !important;
    height:17px !important;
    display:block !important;
    color:currentColor !important;
    fill:none !important;
    stroke:currentColor !important;
    stroke-width:2 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
    opacity:1 !important;
    filter:none !important;
    -webkit-filter:none !important;
    shape-rendering:geometricPrecision;
    vector-effect:non-scaling-stroke;
  }

  html[data-sg-theme] .topnav .nav-dropdown-menu .nav-subitem:hover .nav-sub-icon,
  html[data-sg-theme] .topnav .nav-dropdown-menu .nav-subitem:focus-visible .nav-sub-icon,
  html[data-sg-theme] .topnav .nav-dropdown-menu .nav-subitem.active .nav-sub-icon{
    background:var(--sg-theme-control-hover) !important;
    color:var(--sg-theme-nav-icon) !important;
    border-color:var(--sg-theme-control-border) !important;
  }

  html[data-sg-theme] .topnav .nav-dropdown-menu .nav-sub-label{
    color:inherit !important;
    opacity:1 !important;
    text-shadow:none !important;
  }

  /* Compact flyouts keep icons legible without taking excessive space. */
  html[data-sg-theme] .topnav .nav-dropdown-menu.flyout-compact .nav-sub-icon{
    width:26px !important;
    height:26px !important;
    min-width:26px !important;
    flex-basis:26px !important;
    border-radius:8px !important;
  }
  html[data-sg-theme] .topnav .nav-dropdown-menu.flyout-compact .nav-sub-icon .ui-icon{
    width:15px !important;
    height:15px !important;
  }
}

/* ========================================================================
   SGAMT COLLAPSED SIDEBAR THEME + CRISP SUBMENU ICON FIX
   The selected Navigation Theme now controls the collapsed rail and every
   desktop submenu flyout. Legacy pale icon tiles are replaced by accessible,
   high-contrast theme-aware SVG icon chips.
   ======================================================================== */
@media (min-width:901px){
  /* Explicitly retain the selected palette after collapsing the sidebar. */
  html[data-sg-theme] body.sidebar-collapsed .topnav,
  html[data-sg-theme] body:not(.sidebar-collapsed) .topnav{
    background-color:var(--sg-theme-primary)!important;
    background-image:linear-gradient(180deg,
      var(--sg-theme-deep) 0%,
      var(--sg-theme-primary) 50%,
      var(--sg-theme-soft) 100%)!important;
    color:var(--sg-theme-nav-text)!important;
  }

  /* Expanded and collapsed flyouts use the same selected theme variables. */
  html[data-sg-theme] body.sidebar-collapsed .topnav .nav-dropdown-menu,
  html[data-sg-theme] body:not(.sidebar-collapsed) .topnav .nav-dropdown-menu{
    background-color:var(--sg-theme-primary)!important;
    background-image:linear-gradient(160deg,
      var(--sg-theme-deep) 0%,
      var(--sg-theme-primary) 58%,
      var(--sg-theme-mid) 100%)!important;
    color:var(--sg-theme-nav-text)!important;
    border:1px solid var(--sg-theme-control-border)!important;
    border-top:4px solid var(--sg-theme-accent)!important;
    box-shadow:0 22px 52px rgba(16,36,61,.30)!important;
    opacity:1!important;
    filter:none!important;
    backdrop-filter:none!important;
  }

  html[data-sg-theme] body.sidebar-collapsed .topnav .nav-dropdown-menu:before,
  html[data-sg-theme] body:not(.sidebar-collapsed) .topnav .nav-dropdown-menu:before{
    background:var(--sg-theme-primary)!important;
    border-left-color:var(--sg-theme-control-border)!important;
    border-bottom-color:var(--sg-theme-control-border)!important;
    filter:none!important;
  }

  html[data-sg-theme] .topnav .nav-dropdown-menu .nav-subitem{
    background:var(--sg-theme-control-bg)!important;
    color:var(--sg-theme-nav-text)!important;
    border-color:var(--sg-theme-control-border)!important;
    opacity:1!important;
    filter:none!important;
    text-shadow:none!important;
  }
  html[data-sg-theme] .topnav .nav-dropdown-menu .nav-subitem:hover,
  html[data-sg-theme] .topnav .nav-dropdown-menu .nav-subitem:focus-visible,
  html[data-sg-theme] .topnav .nav-dropdown-menu .nav-subitem.active,
  html[data-sg-theme] .topnav .nav-dropdown-menu .nav-subitem[aria-current="page"]{
    background:var(--sg-theme-control-hover)!important;
    color:var(--sg-theme-nav-text)!important;
    border-color:var(--sg-theme-control-border)!important;
    box-shadow:inset 4px 0 0 var(--sg-theme-accent)!important;
  }

  /* Crisp professional icon tile: no pale-on-pale legacy combination. */
  html[data-sg-theme] .topnav .nav-dropdown-menu .nav-sub-icon{
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:10px!important;
    background:var(--sg-theme-control-hover)!important;
    color:var(--sg-theme-nav-icon)!important;
    border:1px solid var(--sg-theme-control-border)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.16)!important;
    opacity:1!important;
    filter:none!important;
    backdrop-filter:none!important;
    mix-blend-mode:normal!important;
    text-shadow:none!important;
  }
  html[data-sg-theme] .topnav .nav-dropdown-menu .nav-sub-icon .ui-icon{
    width:18px!important;
    height:18px!important;
    color:inherit!important;
    stroke:currentColor!important;
    stroke-width:2.15!important;
    opacity:1!important;
    filter:none!important;
    transform:none!important;
    shape-rendering:geometricPrecision;
    vector-effect:non-scaling-stroke;
  }
  html[data-sg-theme] .topnav .nav-dropdown-menu .nav-subitem:hover .nav-sub-icon,
  html[data-sg-theme] .topnav .nav-dropdown-menu .nav-subitem:focus-visible .nav-sub-icon,
  html[data-sg-theme] .topnav .nav-dropdown-menu .nav-subitem.active .nav-sub-icon,
  html[data-sg-theme] .topnav .nav-dropdown-menu .nav-subitem[aria-current="page"] .nav-sub-icon{
    background:var(--sg-theme-accent)!important;
    color:var(--sg-theme-accent-deep)!important;
    border-color:var(--sg-theme-accent)!important;
  }

  /* Keep main collapsed SVG icons equally sharp. */
  html[data-sg-theme] body.sidebar-collapsed .topnav .nav-icon,
  html[data-sg-theme] body.sidebar-collapsed .sidebar-quick-actions a{
    background:var(--sg-theme-control-bg)!important;
    border-color:var(--sg-theme-control-border)!important;
    color:var(--sg-theme-nav-icon)!important;
    opacity:1!important;
    filter:none!important;
    backdrop-filter:none!important;
  }
  html[data-sg-theme] body.sidebar-collapsed .topnav .nav-icon .ui-icon,
  html[data-sg-theme] body.sidebar-collapsed .sidebar-quick-actions .ui-icon{
    color:inherit!important;
    stroke:currentColor!important;
    stroke-width:2.05!important;
    opacity:1!important;
    filter:none!important;
    shape-rendering:geometricPrecision;
  }

  .topnav .nav-dropdown-menu.flyout-compact .nav-sub-icon{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
  }
  .topnav .nav-dropdown-menu.flyout-compact .nav-sub-icon .ui-icon{
    width:16px!important;
    height:16px!important;
  }
}

/* ========================================================================
   Collapsed / expanded submenu theme parity and crisp SVG icon rendering
   The flyout now uses the exact selected sidebar palette in every state.
   ======================================================================== */
html[data-sg-theme]{
  --sg-submenu-icon-bg:rgba(255,255,255,.92);
  --sg-submenu-icon-fg:var(--sg-theme-accent-deep);
  --sg-submenu-item-bg:var(--sg-theme-control-bg);
  --sg-submenu-item-hover:var(--sg-theme-control-hover);
}

@media(min-width:901px){
  /* Explicit body-state selectors override all legacy hard-coded flyout colours. */
  html[data-sg-theme] body.sidebar-collapsed .topnav .nav-dropdown-menu,
  html[data-sg-theme] body:not(.sidebar-collapsed) .topnav .nav-dropdown-menu,
  html[data-sg-theme] body.sidebar-collapsed .topnav .nav-dropdown.hover-open > .nav-dropdown-menu,
  html[data-sg-theme] body:not(.sidebar-collapsed) .topnav .nav-dropdown.hover-open > .nav-dropdown-menu,
  html[data-sg-theme] body.sidebar-collapsed .topnav .nav-dropdown.open > .nav-dropdown-menu,
  html[data-sg-theme] body:not(.sidebar-collapsed) .topnav .nav-dropdown.open > .nav-dropdown-menu{
    background:linear-gradient(180deg,
      var(--sg-theme-deep) 0%,
      var(--sg-theme-primary) 52%,
      var(--sg-theme-soft) 100%)!important;
    color:var(--sg-theme-nav-text)!important;
    border:1px solid var(--sg-theme-control-border)!important;
    border-top:4px solid var(--sg-theme-accent)!important;
    box-shadow:0 22px 48px rgba(20,38,68,.28)!important;
    opacity:1!important;
    filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  html[data-sg-theme] body.sidebar-collapsed .topnav .nav-dropdown-menu:before,
  html[data-sg-theme] body:not(.sidebar-collapsed) .topnav .nav-dropdown-menu:before{
    background:var(--sg-theme-primary)!important;
    border-left-color:var(--sg-theme-control-border)!important;
    border-bottom-color:var(--sg-theme-control-border)!important;
  }

  html[data-sg-theme] body.sidebar-collapsed .topnav .nav-dropdown-menu .nav-subitem,
  html[data-sg-theme] body:not(.sidebar-collapsed) .topnav .nav-dropdown-menu .nav-subitem{
    background:var(--sg-submenu-item-bg)!important;
    color:var(--sg-theme-nav-text)!important;
    border-color:var(--sg-theme-control-border)!important;
    opacity:1!important;
    filter:none!important;
    text-shadow:none!important;
  }

  html[data-sg-theme] body.sidebar-collapsed .topnav .nav-dropdown-menu .nav-subitem:hover,
  html[data-sg-theme] body.sidebar-collapsed .topnav .nav-dropdown-menu .nav-subitem:focus-visible,
  html[data-sg-theme] body.sidebar-collapsed .topnav .nav-dropdown-menu .nav-subitem.active,
  html[data-sg-theme] body.sidebar-collapsed .topnav .nav-dropdown-menu .nav-subitem[aria-current="page"],
  html[data-sg-theme] body:not(.sidebar-collapsed) .topnav .nav-dropdown-menu .nav-subitem:hover,
  html[data-sg-theme] body:not(.sidebar-collapsed) .topnav .nav-dropdown-menu .nav-subitem:focus-visible,
  html[data-sg-theme] body:not(.sidebar-collapsed) .topnav .nav-dropdown-menu .nav-subitem.active,
  html[data-sg-theme] body:not(.sidebar-collapsed) .topnav .nav-dropdown-menu .nav-subitem[aria-current="page"]{
    background:var(--sg-submenu-item-hover)!important;
    color:var(--sg-theme-nav-text)!important;
    border-color:var(--sg-theme-control-border)!important;
    box-shadow:inset 4px 0 0 var(--sg-theme-accent)!important;
  }

  /* A solid light tile and dark theme-derived SVG stroke remove the washed-out icon effect. */
  html[data-sg-theme] .topnav .nav-dropdown-menu .nav-sub-icon,
  html[data-sg-theme] body.sidebar-collapsed .topnav .nav-dropdown-menu .nav-sub-icon,
  html[data-sg-theme] body:not(.sidebar-collapsed) .topnav .nav-dropdown-menu .nav-sub-icon{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    min-height:30px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:9px!important;
    background:var(--sg-submenu-icon-bg)!important;
    color:var(--sg-submenu-icon-fg)!important;
    border:1px solid rgba(255,255,255,.72)!important;
    box-shadow:0 2px 7px rgba(16,36,64,.12)!important;
    opacity:1!important;
    filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  html[data-sg-theme] .topnav .nav-dropdown-menu .nav-sub-icon .ui-icon{
    width:18px!important;
    height:18px!important;
    display:block!important;
    color:var(--sg-submenu-icon-fg)!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:2.15!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
    opacity:1!important;
    filter:none!important;
    shape-rendering:geometricPrecision;
    vector-effect:non-scaling-stroke;
  }

  html[data-sg-theme] .topnav .nav-dropdown-menu .nav-sub-icon .ui-icon use{
    color:inherit!important;
    fill:none!important;
    stroke:currentColor!important;
    opacity:1!important;
    filter:none!important;
  }

  html[data-sg-theme] .topnav .nav-dropdown-menu.flyout-compact .nav-sub-icon{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    min-height:28px!important;
  }
  html[data-sg-theme] .topnav .nav-dropdown-menu.flyout-compact .nav-sub-icon .ui-icon{
    width:17px!important;
    height:17px!important;
  }
}

/* Mobile accordion submenus also use the selected theme and crisp icon tiles. */
@media(max-width:900px){
  html[data-sg-theme] .topnav .nav-dropdown-menu{
    background:var(--sg-theme-control-bg)!important;
    border-color:var(--sg-theme-control-border)!important;
  }
  html[data-sg-theme] .topnav .nav-dropdown-menu .nav-subitem{
    color:var(--sg-theme-nav-text)!important;
    background:transparent!important;
  }
  html[data-sg-theme] .topnav .nav-dropdown-menu .nav-sub-icon{
    background:var(--sg-submenu-icon-bg)!important;
    color:var(--sg-submenu-icon-fg)!important;
    opacity:1!important;
    filter:none!important;
  }
  html[data-sg-theme] .topnav .nav-dropdown-menu .nav-sub-icon .ui-icon{
    width:17px!important;
    height:17px!important;
    color:currentColor!important;
    stroke-width:2.15!important;
    opacity:1!important;
    filter:none!important;
  }
}

/* ========================================================================
   SGAMT V4.2 - HARD THEME SYNC FOR SIDEBAR / COLLAPSED RAIL / FLYOUTS
   Explicit theme selectors prevent legacy V3 blue sidebar values from leaking
   into collapsed mode. Header, expanded sidebar, collapsed rail and submenu
   flyouts now always use the exact same selected palette.
   ======================================================================== */
@media (min-width:901px){
  html[data-sg-theme="slate"] body .topnav,
  html[data-sg-theme="slate"] body.sidebar-collapsed .topnav{
    background:#536f83!important;
    background-image:linear-gradient(180deg,#34495b 0%,#536f83 50%,#91a9b8 100%)!important;
  }
  html[data-sg-theme="ocean"] body .topnav,
  html[data-sg-theme="ocean"] body.sidebar-collapsed .topnav{
    background:#2c79a5!important;
    background-image:linear-gradient(180deg,#175270 0%,#2c79a5 50%,#75b9d2 100%)!important;
  }
  html[data-sg-theme="teal"] body .topnav,
  html[data-sg-theme="teal"] body.sidebar-collapsed .topnav{
    background:#2b7f82!important;
    background-image:linear-gradient(180deg,#18585c 0%,#2b7f82 50%,#7ab9b6 100%)!important;
  }
  html[data-sg-theme="lightblue"] body .topnav,
  html[data-sg-theme="lightblue"] body.sidebar-collapsed .topnav{
    background:#8eb5d8!important;
    background-image:linear-gradient(180deg,#6f94ba 0%,#8eb5d8 50%,#c9dfef 100%)!important;
  }
  html[data-sg-theme="lightorange"] body .topnav,
  html[data-sg-theme="lightorange"] body.sidebar-collapsed .topnav{
    background:#d89068!important;
    background-image:linear-gradient(180deg,#ba744f 0%,#d89068 50%,#efc5aa 100%)!important;
  }
  html[data-sg-theme="lightpink"] body .topnav,
  html[data-sg-theme="lightpink"] body.sidebar-collapsed .topnav{
    background:#c987a1!important;
    background-image:linear-gradient(180deg,#a96982 0%,#c987a1 50%,#ecc8d5 100%)!important;
  }

  /* Flyouts inherit the same current palette and cannot fall back to V3 blue. */
  html[data-sg-theme] body .topnav .nav-dropdown-menu{
    background-color:var(--sg-theme-primary)!important;
    background-image:linear-gradient(160deg,var(--sg-theme-deep) 0%,var(--sg-theme-primary) 58%,var(--sg-theme-mid) 100%)!important;
    border-color:var(--sg-theme-control-border)!important;
    border-top-color:var(--sg-theme-accent)!important;
  }

  /* Main icon chips use the selected theme rather than legacy ice-blue values. */
  html[data-sg-theme] body .topnav .nav-icon,
  html[data-sg-theme] body.sidebar-collapsed .topnav .nav-icon,
  html[data-sg-theme] body .sidebar-quick-actions a{
    background:var(--sg-theme-control-bg)!important;
    border-color:var(--sg-theme-control-border)!important;
    color:var(--sg-theme-nav-icon)!important;
  }
}

/* ========================================================================
   SGAMT V4.3 - EXACT SELECTED-THEME SYNC
   Final authority: sidebar / collapsed rail / header use the same active
   palette. This intentionally comes last to defeat all legacy V3 blue rules.
   ======================================================================== */
html[data-sg-theme] body .topnav,
html[data-sg-theme] body.sidebar-collapsed .topnav,
html[data-sg-theme] body:not(.sidebar-collapsed) .topnav{
  background-color:var(--sg-theme-primary)!important;
  background-image:linear-gradient(180deg,
    var(--sg-theme-deep) 0%,
    var(--sg-theme-primary) 58%,
    var(--sg-theme-mid) 100%)!important;
  border-right-color:var(--sg-theme-control-border)!important;
  box-shadow:8px 0 26px color-mix(in srgb,var(--sg-theme-deep) 20%,transparent)!important;
}
html[data-sg-theme] body .topbar{
  background-color:var(--sg-theme-primary)!important;
  background-image:linear-gradient(108deg,
    var(--sg-theme-deep) 0%,
    var(--sg-theme-primary) 72%,
    var(--sg-theme-mid) 100%)!important;
}
html[data-sg-theme] body .topnav>a,
html[data-sg-theme] body .topnav>.nav-dropdown>.dropdown-toggle,
html[data-sg-theme] body .sidebar-heading,
html[data-sg-theme] body .sidebar-quick-actions a{
  color:var(--sg-theme-nav-text)!important;
}
html[data-sg-theme] body .topnav .nav-icon,
html[data-sg-theme] body.sidebar-collapsed .topnav .nav-icon,
html[data-sg-theme] body .sidebar-quick-actions a{
  background:var(--sg-theme-control-bg)!important;
  border-color:var(--sg-theme-control-border)!important;
  color:var(--sg-theme-nav-icon)!important;
}
html[data-sg-theme] body .topnav>a:hover,
html[data-sg-theme] body .topnav>a.active,
html[data-sg-theme] body .topnav>.nav-dropdown:hover>.dropdown-toggle,
html[data-sg-theme] body .topnav>.nav-dropdown.hover-open>.dropdown-toggle,
html[data-sg-theme] body .topnav>.nav-dropdown.active>.dropdown-toggle{
  background:var(--sg-theme-control-hover)!important;
  border-color:var(--sg-theme-control-border)!important;
  color:var(--sg-theme-nav-text)!important;
}
@media(min-width:901px){
  html[data-sg-theme] body .topnav .nav-dropdown-menu,
  html[data-sg-theme] body.sidebar-collapsed .topnav .nav-dropdown-menu,
  html[data-sg-theme] body:not(.sidebar-collapsed) .topnav .nav-dropdown-menu{
    background-color:var(--sg-theme-primary)!important;
    background-image:linear-gradient(155deg,var(--sg-theme-deep) 0%,var(--sg-theme-primary) 62%,var(--sg-theme-mid) 100%)!important;
    border-color:var(--sg-theme-control-border)!important;
    border-top-color:var(--sg-theme-accent)!important;
  }
}

/* ========================================================================
   SGAMT Dashboard V5 - compact command center + definitive colored KPI cards
   This block is intentionally last so no earlier white-card rule can win.
   ======================================================================== */
.enterprise-hero{
  min-height:104px!important;
  padding:14px 18px!important;
  gap:12px!important;
  border-radius:18px!important;
  grid-template-columns:minmax(280px,1fr) auto auto!important;
}
.enterprise-hero .hero-copy{min-width:0!important}
.enterprise-hero h2{font-size:21px!important;line-height:1.1!important;margin:0 0 5px!important}
.enterprise-hero p{font-size:12px!important;line-height:1.35!important;margin:0!important;max-width:720px!important}
.enterprise-hero .hero-insight-visual{opacity:.35!important;transform:scale(.78)!important;transform-origin:center right!important}
.enterprise-hero .hero-quick-actions{gap:6px!important;flex-wrap:nowrap!important}
.enterprise-hero .hero-quick-actions a{min-height:32px!important;padding:6px 9px!important;border-radius:9px!important;font-size:10px!important}
.enterprise-hero .hero-quick-actions .ui-icon{width:14px!important;height:14px!important}
.enterprise-hero .hero-actions{gap:7px!important;flex-wrap:nowrap!important}
.enterprise-hero .hero-actions .btn{min-height:32px!important;padding:7px 11px!important;border-radius:9px!important;font-size:11px!important;white-space:nowrap!important}

/* Exactly five compact KPI cards per row on normal laptop/desktop widths. */
.enterprise-metrics.dashboard-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:10px!important;
  margin:10px 0 16px!important;
}
.dashboard-metric.enterprise-kpi{
  min-height:132px!important;
  padding:12px 12px 10px!important;
  border:0!important;
  border-radius:15px!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(15,23,42,.15)!important;
  isolation:isolate!important;
}
.dashboard-metric.enterprise-kpi:before{
  content:""!important;
  position:absolute!important;
  width:86px!important;height:86px!important;
  right:-25px!important;top:-28px!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.13)!important;
  z-index:0!important;
}
.dashboard-metric.enterprise-kpi .kpi-top,
.dashboard-metric.enterprise-kpi .metric,
.dashboard-metric.enterprise-kpi .kpi-operational,
.dashboard-metric.enterprise-kpi .kpi-view,
.dashboard-metric.enterprise-kpi .kpi-icon-badge,
.dashboard-metric.enterprise-kpi .kpi-illustration{position:relative;z-index:2}
.dashboard-metric.enterprise-kpi .kpi-top{padding-right:34px!important;gap:2px!important}
.dashboard-metric.enterprise-kpi .kpi-top span{color:#fff!important;font-size:13px!important;font-weight:750!important;line-height:1.16!important}
.dashboard-metric.enterprise-kpi .kpi-top small{color:rgba(255,255,255,.88)!important;font-size:10px!important;line-height:1.2!important;font-weight:500!important}
.dashboard-metric.enterprise-kpi .metric{color:#fff!important;font-size:27px!important;line-height:1!important;margin-top:7px!important;font-weight:800!important;letter-spacing:-.02em!important}
.dashboard-metric.enterprise-kpi .kpi-operational{color:rgba(255,255,255,.88)!important;font-size:9px!important;margin-top:9px!important}
.dashboard-metric.enterprise-kpi .kpi-operational i{background:#a7f3d0!important;box-shadow:0 0 0 2px rgba(255,255,255,.16)!important}
.dashboard-metric.enterprise-kpi .kpi-view{color:#fff!important;font-size:9px!important;right:10px!important;bottom:8px!important;opacity:.88!important}
.dashboard-metric.enterprise-kpi .kpi-icon-badge{
  position:absolute!important;left:11px!important;top:11px!important;
  width:30px!important;height:30px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.18)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.15)!important;
}
.dashboard-metric.enterprise-kpi .kpi-icon-badge + .kpi-top{padding-left:40px!important}
.dashboard-metric.enterprise-kpi .kpi-icon-badge svg{width:17px!important;height:17px!important;color:#fff!important;stroke-width:2.05!important;opacity:1!important}
.dashboard-metric.enterprise-kpi .kpi-illustration{
  position:absolute!important;right:8px!important;bottom:9px!important;
  color:#fff!important;opacity:.48!important;
  filter:drop-shadow(0 2px 5px rgba(0,0,0,.10))!important;
}
.dashboard-metric.enterprise-kpi .kpi-illustration svg{width:50px!important;height:50px!important;color:#fff!important;stroke-width:1.8!important;opacity:1!important}

/* Distinct high-contrast palettes for every dashboard KPI category. */
.dashboard-metric[data-card-key="total-assets"]{background:linear-gradient(135deg,#334155 0%,#0f172a 100%)!important}
.dashboard-metric[data-card-key="it-assets"]{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%)!important}
.dashboard-metric[data-card-key="admin-assets"]{background:linear-gradient(135deg,#64748b 0%,#334155 100%)!important}
.dashboard-metric[data-card-key="allocated"]{background:linear-gradient(135deg,#10b981 0%,#047857 100%)!important}
.dashboard-metric[data-card-key="ready-allocation"]{background:linear-gradient(135deg,#06b6d4 0%,#0e7490 100%)!important}
.dashboard-metric[data-card-key="ready-donation"]{background:linear-gradient(135deg,#fb923c 0%,#ea580c 100%)!important}
.dashboard-metric[data-card-key="ready-scrap"]{background:linear-gradient(135deg,#f43f5e 0%,#be123c 100%)!important}
.dashboard-metric[data-card-key="client-assets"]{background:linear-gradient(135deg,#0ea5e9 0%,#0369a1 100%)!important}
.dashboard-metric[data-card-key="leased-assets"]{background:linear-gradient(135deg,#14b8a6 0%,#0f766e 100%)!important}
.dashboard-metric[data-card-key="upcoming-lease-expiry"]{background:linear-gradient(135deg,#f97316 0%,#c2410c 100%)!important}
.dashboard-metric[data-card-key="rental-assets"]{background:linear-gradient(135deg,#6366f1 0%,#4338ca 100%)!important}
.dashboard-metric[data-card-key="upcoming-rent-expiry"]{background:linear-gradient(135deg,#a855f7 0%,#7e22ce 100%)!important}
.dashboard-metric[data-card-key="donated"]{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)!important}
.dashboard-metric[data-card-key="scrapped"]{background:linear-gradient(135deg,#ef4444 0%,#b91c1c 100%)!important}
.dashboard-metric[data-card-key="under-repair"]{background:linear-gradient(135deg,#eab308 0%,#ca8a04 100%)!important}
.dashboard-metric[data-card-key="utilization"]{background:linear-gradient(135deg,#8b5cf6 0%,#6d28d9 100%)!important}
.dashboard-metric[data-card-key="asset-value"]{background:linear-gradient(135deg,#22c55e 0%,#15803d 100%)!important}

/* Any future KPI card still gets a colored enterprise surface rather than white. */
.dashboard-metric.enterprise-kpi:not([data-card-key]){background:linear-gradient(135deg,#2c79a5,#175270)!important}

/* 14-inch / short laptop: reclaim vertical space aggressively while retaining five columns. */
@media (min-width:1100px) and (max-height:900px){
  .enterprise-hero{min-height:84px!important;padding:10px 16px!important;gap:10px!important}
  .enterprise-hero h2{font-size:19px!important;margin-bottom:3px!important}
  .enterprise-hero p{font-size:11px!important;line-height:1.25!important}
  .enterprise-hero .hero-insight-visual{display:none!important}
  .enterprise-hero .hero-quick-actions a,.enterprise-hero .hero-actions .btn{min-height:29px!important;padding:5px 8px!important;font-size:9.5px!important}
  .dashboard-personalization-bar{padding:8px 11px!important;margin:8px 0!important;min-height:0!important}
  .dashboard-personalization-bar span{font-size:9px!important}
  .dashboard-layout-toolbar{margin:4px 0 7px!important}
  .dashboard-metric.enterprise-kpi{min-height:118px!important;padding:10px!important}
  .dashboard-metric.enterprise-kpi .metric{font-size:24px!important;margin-top:5px!important}
  .dashboard-metric.enterprise-kpi .kpi-top span{font-size:12px!important}
  .dashboard-metric.enterprise-kpi .kpi-top small{font-size:9px!important}
  .dashboard-metric.enterprise-kpi .kpi-illustration svg{width:43px!important;height:43px!important}
  .dashboard-metric.enterprise-kpi .kpi-operational{margin-top:6px!important;font-size:8px!important}
}
@media (max-width:1099px){.enterprise-metrics.dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.enterprise-hero{grid-template-columns:1fr!important;min-height:auto!important}.enterprise-hero .hero-quick-actions,.enterprise-hero .hero-actions{justify-content:flex-start!important;flex-wrap:wrap!important}}
@media (max-width:720px){.enterprise-metrics.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:480px){.enterprise-metrics.dashboard-grid{grid-template-columns:1fr!important}}

/* ========================================================================
   SGAMT Dashboard V6.1 - Option 1 compact horizontal KPI layout
   Same KPI width; reduced height and collision-free internal alignment.
   Quick Actions / My Actions are compressed to approximately half height.
   ======================================================================== */
.enterprise-metrics.dashboard-grid{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:9px!important;
  margin:8px 0 12px!important;
}
.dashboard-metric.enterprise-kpi{
  min-height:100px!important;
  height:100px!important;
  padding:10px 11px!important;
  display:grid!important;
  grid-template-columns:32px minmax(0,1fr) 14px!important;
  grid-template-rows:auto 1fr!important;
  column-gap:8px!important;
  row-gap:5px!important;
  align-items:start!important;
  overflow:hidden!important;
}
.dashboard-metric.enterprise-kpi .kpi-icon-badge{
  position:relative!important;
  left:auto!important;top:auto!important;
  grid-column:1!important;grid-row:1!important;
  width:30px!important;height:30px!important;
  border-radius:9px!important;
  margin:0!important;
}
.dashboard-metric.enterprise-kpi .kpi-top{
  grid-column:2!important;grid-row:1!important;
  min-width:0!important;
  padding:0!important;
  margin:0!important;
  gap:1px!important;
  align-self:center!important;
}
.dashboard-metric.enterprise-kpi .kpi-icon-badge + .kpi-top{padding-left:0!important}
.dashboard-metric.enterprise-kpi .kpi-top span{
  font-size:11.5px!important;
  line-height:1.08!important;
  font-weight:700!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
.dashboard-metric.enterprise-kpi .kpi-top small{
  font-size:8.5px!important;
  line-height:1.05!important;
  margin-top:2px!important;
  display:block!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.dashboard-metric.enterprise-kpi .metric{
  grid-column:1/3!important;grid-row:2!important;
  align-self:end!important;
  margin:0!important;
  padding:0!important;
  font-size:25px!important;
  line-height:.95!important;
  font-weight:800!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  max-width:calc(100% - 42px)!important;
}
.dashboard-metric.enterprise-kpi[data-card-key="asset-value"] .metric{font-size:20px!important;letter-spacing:-.04em!important}
.dashboard-metric.enterprise-kpi .kpi-operational{display:none!important}
.dashboard-metric.enterprise-kpi .kpi-illustration{
  position:absolute!important;
  right:9px!important;
  bottom:7px!important;
  opacity:.50!important;
  filter:none!important;
}
.dashboard-metric.enterprise-kpi .kpi-illustration svg{width:38px!important;height:38px!important;stroke-width:1.9!important}
.dashboard-metric.enterprise-kpi .kpi-view{
  position:relative!important;
  right:auto!important;bottom:auto!important;
  grid-column:3!important;grid-row:1!important;
  align-self:center!important;
  justify-self:end!important;
  width:14px!important;height:18px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  opacity:.9!important;
}
.dashboard-metric.enterprise-kpi .kpi-view svg{width:13px!important;height:13px!important}
.dashboard-metric.enterprise-kpi:before{width:68px!important;height:68px!important;right:-22px!important;top:-25px!important}

/* Compact Quick Actions / My Actions: one dense row on desktops, about half former height. */
.dashboard-command-row{
  grid-template-columns:minmax(0,1.65fr) minmax(300px,.85fr)!important;
  gap:12px!important;
  margin:10px 0!important;
  align-items:stretch!important;
}
.dashboard-command-row .quick-actions-card,
.dashboard-command-row .my-actions-card{
  padding:11px 12px!important;
  min-height:0!important;
  height:auto!important;
  border-radius:15px!important;
}
.dashboard-command-row .section-head{
  margin-bottom:7px!important;
  min-height:0!important;
  align-items:center!important;
}
.dashboard-command-row .section-head h2{font-size:16px!important;line-height:1.05!important;margin:0!important}
.dashboard-command-row .section-head p{font-size:9.5px!important;line-height:1.15!important;margin:3px 0 0!important}
.dashboard-command-row .section-head>span{font-size:9px!important}
.quick-action-grid{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:6px!important;
}
.quick-action-grid a{
  min-height:42px!important;
  padding:6px 7px!important;
  gap:6px!important;
  border-radius:9px!important;
  font-size:10px!important;
  line-height:1.1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
}
.quick-action-grid strong{
  width:24px!important;height:24px!important;
  min-width:24px!important;
  border-radius:7px!important;
}
.quick-action-grid strong svg{width:14px!important;height:14px!important}
.quick-action-grid a span{overflow:hidden!important;text-overflow:ellipsis!important}
.action-summary-list{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:6px!important;
}
.action-summary-list a{
  min-height:42px!important;
  padding:6px 8px!important;
  border-radius:9px!important;
  font-size:10px!important;
  line-height:1.12!important;
}
.action-summary-list a span{min-width:0!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
.action-summary-list strong{font-size:16px!important;line-height:1!important;flex:0 0 auto!important}

/* Screen-aware KPI density without changing the chosen card width model. */
@media (min-width:1500px){
  .dashboard-metric.enterprise-kpi{height:102px!important;min-height:102px!important}
}
@media (min-width:1100px) and (max-height:850px){
  .dashboard-metric.enterprise-kpi{height:92px!important;min-height:92px!important;padding:8px 9px!important}
  .dashboard-metric.enterprise-kpi .kpi-icon-badge{width:27px!important;height:27px!important}
  .dashboard-metric.enterprise-kpi .kpi-icon-badge svg{width:15px!important;height:15px!important}
  .dashboard-metric.enterprise-kpi .kpi-top span{font-size:10.5px!important}
  .dashboard-metric.enterprise-kpi .kpi-top small{font-size:8px!important}
  .dashboard-metric.enterprise-kpi .metric{font-size:22px!important}
  .dashboard-metric.enterprise-kpi[data-card-key="asset-value"] .metric{font-size:18px!important}
  .dashboard-metric.enterprise-kpi .kpi-illustration svg{width:33px!important;height:33px!important}
  .dashboard-command-row{margin:7px 0!important;gap:9px!important}
  .dashboard-command-row .quick-actions-card,.dashboard-command-row .my-actions-card{padding:8px 10px!important}
  .dashboard-command-row .section-head{margin-bottom:5px!important}
  .quick-action-grid a,.action-summary-list a{min-height:36px!important;padding:5px 6px!important}
}
@media (max-width:1180px){
  .dashboard-command-row{grid-template-columns:1fr!important}
  .quick-action-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .action-summary-list{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media (max-width:1099px){
  .enterprise-metrics.dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .dashboard-metric.enterprise-kpi{height:100px!important;min-height:100px!important}
}
@media (max-width:760px){
  .enterprise-metrics.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .quick-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .action-summary-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .quick-action-grid a{white-space:normal!important}
}
@media (max-width:480px){
  .enterprise-metrics.dashboard-grid{grid-template-columns:1fr!important}
  .dashboard-metric.enterprise-kpi{height:94px!important;min-height:94px!important}
  .action-summary-list{grid-template-columns:1fr!important}
}


/* V6.2 Assets single-selection tabs + Asset Intelligence action footer + mail master switch */
.asset-toolbar{display:flex!important;flex-direction:column!important;gap:12px!important}
.asset-toolbar-actions{padding-bottom:10px;border-bottom:1px solid rgba(148,163,184,.22)}
.asset-tool-action{background:#f8fafc!important;color:#183247!important;border:1px solid #cbd5e1!important;box-shadow:none!important}.asset-tool-action:hover,.asset-tool-action:focus{background:#eef5fb!important;border-color:var(--sg-theme-primary,#536f83)!important}
.asset-view-tabs{gap:8px!important}
.asset-view-tab{background:#234b5d!important;color:#fff!important;border:1px solid transparent!important;box-shadow:none!important}
.asset-view-tab:hover,.asset-view-tab:focus{filter:brightness(1.08);transform:none!important}
.asset-view-tab.active,.asset-view-tab[aria-current="page"]{background:var(--sg-theme-primary,#536f83)!important;color:#fff!important;border-color:var(--sg-theme-accent,#d6e3ea)!important;box-shadow:inset 4px 0 0 var(--sg-theme-accent,#d6e3ea),0 6px 15px rgba(15,23,42,.12)!important}
.asset-detail-footer{position:sticky;bottom:0;background:#fff;border-top:1px solid #dbe5ef;padding:14px 20px 16px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:16px;box-shadow:0 -10px 28px rgba(15,23,42,.07);z-index:3}
.asset-detail-footer-group>strong{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#64748b;margin-bottom:8px}
.asset-detail-footer-actions,.asset-detail-report-links{display:flex;flex-wrap:wrap;gap:8px}
.asset-detail-footer-actions .btn{padding:8px 12px!important;font-size:12px!important}
.asset-detail-report-links span{display:inline-flex;align-items:center;gap:5px;background:#f5f8fc;border:1px solid #dce6f0;border-radius:9px;padding:7px 9px;font-size:11px}.asset-detail-report-links a{font-weight:700}
.email-master-switch{border-radius:12px;padding:12px 14px;margin-bottom:14px;border:1px solid #cbd5e1;display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.email-master-switch.enabled{background:#ecfdf5;border-color:#86efac;color:#166534}.email-master-switch.paused{background:#fff7ed;border-color:#fdba74;color:#9a3412}.email-master-switch label{margin:0!important}.email-master-switch input{width:auto!important;margin:0 8px 0 0!important}
@media(max-width:800px){.asset-detail-footer{grid-template-columns:1fr}.asset-view-tabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))}.asset-view-tab{justify-content:center!important;text-align:center}}

/* V6.3 Assets single-row navigation + enterprise wide-table horizontal navigation */
.asset-toolbar.asset-toolbar-single-row{display:block!important;padding:14px 16px!important;overflow:hidden!important}
.asset-view-tabs.asset-view-tabs-single-row{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:8px!important;width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;padding:2px 2px 8px!important;scrollbar-width:thin;scroll-behavior:smooth}
.asset-view-tabs.asset-view-tabs-single-row .asset-view-tab{flex:0 0 auto!important;white-space:nowrap!important;margin:0!important;min-height:42px!important;padding:10px 14px!important}
.asset-view-tabs.asset-view-tabs-single-row .asset-import-tab{background:#eef4f8!important;color:#17324d!important;border:1px solid #cbd9e5!important;box-shadow:none!important}
.asset-view-tabs.asset-view-tabs-single-row .asset-import-tab:hover,.asset-view-tabs.asset-view-tabs-single-row .asset-import-tab:focus{background:#dfeef6!important;color:#0b4f6c!important;border-color:#9dc9dc!important}
.asset-date-range-form{margin-top:8px!important;justify-content:flex-end!important}
@media(max-width:900px){.asset-toolbar.asset-toolbar-single-row{padding:10px!important}.asset-view-tabs.asset-view-tabs-single-row .asset-view-tab{min-height:38px!important;padding:8px 11px!important;font-size:12px!important}}

.enterprise-wide-table-shell{position:relative;display:block;min-width:0;max-width:100%}
.enterprise-horizontal-scroll-top{position:sticky;top:82px;z-index:80;width:100%;height:18px;overflow-x:auto;overflow-y:hidden;margin:0 0 5px;background:#f6f9fc;border:1px solid #d7e1eb;border-radius:9px;box-shadow:0 4px 12px rgba(31,55,91,.08);scrollbar-color:#7998ad #e8eef4;scrollbar-width:auto}
.enterprise-horizontal-scroll-top[hidden]{display:none!important}
.enterprise-horizontal-scroll-spacer{height:1px;min-width:100%}
.enterprise-horizontal-scroll-top::-webkit-scrollbar{height:12px}
.enterprise-horizontal-scroll-top::-webkit-scrollbar-track{background:#e8eef4;border-radius:999px}
.enterprise-horizontal-scroll-top::-webkit-scrollbar-thumb{background:#7998ad;border:2px solid #e8eef4;border-radius:999px}
.enterprise-horizontal-scroll-top::-webkit-scrollbar-thumb:hover{background:#54798f}
.enterprise-wide-table-shell.has-horizontal-overflow .table-scroll{scrollbar-color:#7998ad #e8eef4;scrollbar-width:auto}
.enterprise-wide-table-shell.has-horizontal-overflow .table-scroll::-webkit-scrollbar{height:13px;width:12px}
.enterprise-wide-table-shell.has-horizontal-overflow .table-scroll::-webkit-scrollbar-track{background:#e8eef4}
.enterprise-wide-table-shell.has-horizontal-overflow .table-scroll::-webkit-scrollbar-thumb{background:#7998ad;border:2px solid #e8eef4;border-radius:999px}
.enterprise-wide-table-shell.edge-pan-left:before,.enterprise-wide-table-shell.edge-pan-right:after{position:absolute;top:50%;z-index:90;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:30px;height:54px;border-radius:12px;background:rgba(13,82,112,.86);color:#fff;font-size:20px;font-weight:900;pointer-events:none;box-shadow:0 6px 16px rgba(15,49,70,.20)}
.enterprise-wide-table-shell.edge-pan-left:before{content:'‹';left:7px}.enterprise-wide-table-shell.edge-pan-right:after{content:'›';right:7px}
@media(max-width:900px){.enterprise-horizontal-scroll-top{top:72px;height:16px}}
@media print{.enterprise-horizontal-scroll-top{display:none!important}.enterprise-wide-table-shell{display:block!important}}


/* V7.1.5 - Desktop asset navigation: one-row auto-fit without horizontal scrollbar */
@media (min-width: 901px){
  .asset-toolbar.asset-toolbar-single-row{overflow:visible!important;padding:12px!important}
  .asset-view-tabs.asset-view-tabs-single-row{
    display:flex!important;flex-wrap:nowrap!important;align-items:stretch!important;
    gap:clamp(3px,.32vw,6px)!important;width:100%!important;overflow:visible!important;padding:0!important;
  }
  .asset-view-tabs.asset-view-tabs-single-row .asset-view-tab{
    flex:1 1 auto!important;min-width:0!important;min-height:42px!important;
    padding:8px clamp(5px,.42vw,9px)!important;font-size:clamp(9.5px,.68vw,12.5px)!important;
    line-height:1.15!important;white-space:nowrap!important;text-align:center!important;justify-content:center!important;
    overflow:hidden!important;text-overflow:ellipsis!important;
  }
  .asset-view-tabs.asset-view-tabs-single-row .asset-import-tab{flex:1.08 1 auto!important}
}
@media (min-width: 901px) and (max-width: 1240px){
  .asset-view-tabs.asset-view-tabs-single-row{gap:3px!important}
  .asset-view-tabs.asset-view-tabs-single-row .asset-view-tab{font-size:9px!important;padding:7px 4px!important;letter-spacing:-.12px!important}
}