/* MGO Payneos SoftPOS V2.8.3 | Corporate Enterprise
   A locally hosted UI-only skin on top of the unchanged V2.8.2 responsive shell.
   Corporate navy topbar + neutral light sidebar + white body cards.
   No imports, external fonts, CDN, API calls, or new business-state logic. */
/* MGO PAYNEOS v2.8.3 — Corporate Enterprise (responsive base)
   Light content, navy operations sidebar, sharp blue/teal accents.
   ADDITIVE PRESENTATION ONLY. All dependencies remain local.
   No API / database / cron / forms / field names / JavaScript changed.
   Based on the v2.8.1 responsive shell, with improved tablet breakpoint. */
html[data-bs-theme="light"]{
  color-scheme:light;
  --mgo-page:#f2f6fc;--mgo-sidebar:#132d52;--mgo-card:#ffffff;
  --mgo-ink:#193653;--mgo-muted:#637990;--mgo-primary:#1769cb;
  --mgo-primary-hover:#1054a4;--mgo-outline:#d9e5f3;
  --mgo-field:#c4d5e9;--mgo-primary-tint:#e8f2ff;
  --lte-navy:#142e52;--lte-brand:#166bc5;
  --lte-canvas:#f2f6fc;--lte-surface:#ffffff;--lte-edge:#d9e4f2;--lte-ink:#1e3b5b;
  --bs-body-bg:#f2f6fc;--bs-body-color:#233c58;--bs-secondary-bg:#eaf1fa;
  --bs-tertiary-bg:#f3f6fa;--bs-border-color:#dbe6f3;
  --bs-emphasis-color:#132d4b;
  --mgo-shadow:0 4px 16px #16395a13;
}
html[data-bs-theme="light"],html[data-bs-theme="light"] body{max-width:100%;overflow-x:clip}
html[data-bs-theme="light"] :focus-visible{outline:2px solid #2184db;outline-offset:2px}
html[data-bs-theme="light"] ::selection{background:#c7e6ff;color:#163e6e}
/* The bright page uses navy for navigation and important controls only. */
html[data-bs-theme="light"] body.dashboard,
html[data-bs-theme="light"] body.dashboard .app-main.workspace{
  background:#f2f6fc!important;color:#233c58;
}
html[data-bs-theme="light"] body.dashboard .app-main.workspace{
  background-image:radial-gradient(ellipse at 92% 1%,#dceafd48,transparent 35%)!important;
}
html[data-bs-theme="light"] body.dashboard .app-header.topbar{
  background:#fff!important;border-bottom:1px solid #d9e3f0!important;
  box-shadow:0 3px 16px #0d305219!important;color:#183b64!important;
}
html[data-bs-theme="light"] body.dashboard .app-header.topbar::before{
  height:4px;background:linear-gradient(90deg,#0e2e58 0%,#1b65b3 42%,#1bb19f 73%,#edb457 100%);
}
html[data-bs-theme="light"] body.dashboard .d365-header-name,
html[data-bs-theme="light"] body.dashboard .breadcrumb strong{color:#153762!important}
html[data-bs-theme="light"] body.dashboard .d365-appgrid{background:#e5effb;color:#1b67b1}
html[data-bs-theme="light"] body.dashboard .d365-header-separator,
html[data-bs-theme="light"] body.dashboard .breadcrumb{color:#7990a9}
html[data-bs-theme="light"] body.dashboard .mgo-clock{background:#f0f6ff;border:1px solid #dbe8f8;border-radius:9px}
html[data-bs-theme="light"] body.dashboard .mgo-clock-time{color:#183e70!important}
html[data-bs-theme="light"] body.dashboard .mgo-clock-label{color:#607d9c}
html[data-bs-theme="light"] body.dashboard .top-actions .pill.pale{
  background:#e5f6ec!important;border:1px solid #bde7cc!important;color:#186c48!important;
}
html[data-bs-theme="light"] body.dashboard .workspace-menu-trigger,
html[data-bs-theme="light"] body.dashboard .settings-topmenu .workspace-menu-trigger{
  background:#f5f9ff!important;color:#174573!important;border-color:#cadcf0!important;
}
html[data-bs-theme="light"] body.dashboard .workspace-menu-trigger:hover,
html[data-bs-theme="light"] body.dashboard .settings-topmenu .workspace-menu-trigger:hover{
  background:#e5f0ff!important;border-color:#9abfe9!important;color:#145fa7!important;
}
html[data-bs-theme="light"] body.dashboard .workspace-menu-panel{background:#fff!important;border-color:#d7e3f0!important;box-shadow:0 16px 36px #102d5330!important}
/* NAVY sidebar: permanently pinned brand, nav-search, profile; ONLY links scroll. */
html[data-bs-theme="light"] body.dashboard .app-sidebar.sidebar{
  background:linear-gradient(180deg,#17365f 0%,#132b4d 64%,#102442 100%)!important;
  border-right:1px solid #25466e!important;
  box-shadow:4px 0 18px #09254b20!important;
  color:#e6f2ff!important;
}
html[data-bs-theme="light"] body.dashboard .app-sidebar .sidebar-brand.sidebar-top,
html[data-bs-theme="light"] body.dashboard .app-sidebar .mgo-nav-search,
html[data-bs-theme="light"] body.dashboard .app-sidebar .sidebar-bottom{
  background:transparent!important;border-color:#315273!important;
}
html[data-bs-theme="light"] body.dashboard .app-sidebar .sidebar-top .brand,
html[data-bs-theme="light"] body.dashboard .app-sidebar .sidebar-top .brand b,
html[data-bs-theme="light"] body.dashboard .sidebar-bottom .mini-profile b{color:#f3f9ff!important}
html[data-bs-theme="light"] body.dashboard .app-sidebar .sidebar-top .brand small,
html[data-bs-theme="light"] body.dashboard .sidebar-bottom .mini-profile small{color:#b1c6e0!important}
html[data-bs-theme="light"] body.dashboard .app-sidebar .sidebar-brand .brand-icon{
  background:linear-gradient(140deg,#2b82db,#24579c)!important;box-shadow:0 4px 13px #061b3b70!important;
}
html[data-bs-theme="light"] body.dashboard .app-sidebar .environment{
  background:#24446a!important;border:1px solid #41648c!important;color:#dcecff!important;
}
html[data-bs-theme="light"] body.dashboard .app-sidebar .env-tag{background:#39658d!important;color:#f1f8ff!important}
html[data-bs-theme="light"] body.dashboard .app-sidebar .sidebar-wrapper.nav{
  scrollbar-color:#6381a4 transparent!important;scrollbar-gutter:stable;
  overflow-x:hidden!important;overflow-anchor:none;
}
html[data-bs-theme="light"] body.dashboard .app-sidebar .nav-label.nav-section{
  color:#97bce8!important;letter-spacing:1.05px;
}
html[data-bs-theme="light"] body.dashboard .app-sidebar .nav-label.space-top{
  color:#65d6c4!important;border-color:#325273!important;
}
html[data-bs-theme="light"] body.dashboard .app-sidebar .nav-link.prod-main-link{
  color:#d1e0f2!important;background:transparent!important;
  border-color:transparent!important;box-shadow:none!important;
}
html[data-bs-theme="light"] body.dashboard .app-sidebar .nav-link.prod-main-link .nav-icon{color:#80b5e8!important}
html[data-bs-theme="light"] body.dashboard .app-sidebar .nav-link.prod-main-link .nav-technical{color:#8ca9cd!important}
html[data-bs-theme="light"] body.dashboard .app-sidebar .nav-link.prod-main-link:hover:not(.active){
  background:#264c76!important;color:#fff!important;border-color:#42698f!important;
}
html[data-bs-theme="light"] body.dashboard .app-sidebar .nav-link.prod-main-link.active{
  background:linear-gradient(90deg,#2862a0,#234b79)!important;color:#fff!important;
  border:1px solid #4c8ccb!important;box-shadow:inset 3px 0 #5ddccf,0 4px 13px #091e3a66!important;
}
html[data-bs-theme="light"] body.dashboard .app-sidebar .nav-link.prod-main-link.active .nav-icon{color:#a5e9ff!important}
html[data-bs-theme="light"] body.dashboard .app-sidebar .nav-link.prod-main-link.active .nav-technical{color:#c1d9f2!important}
html[data-bs-theme="light"] body.dashboard .sidebar-bottom .avatar{background:#2b5785!important;color:#e0f3ff!important;border-color:#476e94!important}
html[data-bs-theme="light"] body.dashboard .sidebar-bottom .logout{color:#a5d9ff!important}
html[data-bs-theme="light"] body.dashboard .sidebar-bottom .logout:hover{color:#fff!important}
html[data-bs-theme="light"] body.dashboard .mgo-nav-search-field,
html[data-bs-theme="light"] body.dashboard .mgo-nav-search-field input{
  background:#24466e!important;color:#f0f8ff!important;border-color:#41678c!important;
}
html[data-bs-theme="light"] body.dashboard .mgo-nav-search-field input::placeholder{color:#b4c9e0!important;opacity:1}
/* White surfaces and navy section titles; colored KPI accents are restrained. */
html[data-bs-theme="light"] body.dashboard .d365-commandbar,
html[data-bs-theme="light"] body.dashboard .panel,
html[data-bs-theme="light"] body.dashboard .stat-card,
html[data-bs-theme="light"] body.dashboard .prod-dash-card,
html[data-bs-theme="light"] body.dashboard .prod-kpi,
html[data-bs-theme="light"] body.dashboard .prod-registry-bulkbar{
  background:#fff!important;border-color:#d9e5f2!important;color:#26425e!important;
  box-shadow:0 4px 16px #173a5a0c!important;
}
html[data-bs-theme="light"] body.dashboard .panel{border-left:3px solid #c9def4!important}
html[data-bs-theme="light"] body.dashboard .page-heading h1,
html[data-bs-theme="light"] body.dashboard h1,
html[data-bs-theme="light"] body.dashboard h2,
html[data-bs-theme="light"] body.dashboard h3{color:#153960!important}
html[data-bs-theme="light"] body.dashboard .eyebrow{color:#1d6fc0!important}
html[data-bs-theme="light"] body.dashboard .page-chip{background:#e8f2ff!important;color:#1a558f!important;border-color:#cfe3fa!important}
html[data-bs-theme="light"] body.dashboard .stat-card:nth-child(4n+1),
html[data-bs-theme="light"] body.dashboard .prod-kpi:nth-child(4n+1){border-top:3px solid #2378d2!important}
html[data-bs-theme="light"] body.dashboard .stat-card:nth-child(4n+2),
html[data-bs-theme="light"] body.dashboard .prod-kpi:nth-child(4n+2){border-top:3px solid #14a690!important}
html[data-bs-theme="light"] body.dashboard .stat-card:nth-child(4n+3),
html[data-bs-theme="light"] body.dashboard .prod-kpi:nth-child(4n+3){border-top:3px solid #8460c9!important}
html[data-bs-theme="light"] body.dashboard .stat-card:nth-child(4n+4),
html[data-bs-theme="light"] body.dashboard .prod-kpi:nth-child(4n+4){border-top:3px solid #e7a839!important}
html[data-bs-theme="light"] body.dashboard .stat-card strong,
html[data-bs-theme="light"] body.dashboard .prod-kpi strong{color:#174b87!important}
html[data-bs-theme="light"] body.dashboard .stat-card:nth-child(4n+2) strong,
html[data-bs-theme="light"] body.dashboard .prod-kpi:nth-child(4n+2) strong{color:#087e70!important}
html[data-bs-theme="light"] body.dashboard .stat-card:nth-child(4n+3) strong,
html[data-bs-theme="light"] body.dashboard .prod-kpi:nth-child(4n+3) strong{color:#7553b8!important}
html[data-bs-theme="light"] body.dashboard .stat-card:nth-child(4n+4) strong,
html[data-bs-theme="light"] body.dashboard .prod-kpi:nth-child(4n+4) strong{color:#ad731c!important}
html[data-bs-theme="light"] body.dashboard .prod-dash-quick a:nth-child(1){background:#e8f2ff!important;border-color:#c5dff8!important;color:#175a9a!important}
html[data-bs-theme="light"] body.dashboard .prod-dash-quick a:nth-child(2){background:#e8f9f3!important;border-color:#c2ebdd!important;color:#0b7761!important}
html[data-bs-theme="light"] body.dashboard .prod-dash-quick a:nth-child(3){background:#fff5e1!important;border-color:#f4ddae!important;color:#a06912!important}
html[data-bs-theme="light"] body.dashboard .prod-dash-quick a:nth-child(4){background:#f3ecff!important;border-color:#dfd0fa!important;color:#7250ab!important}
html[data-bs-theme="light"] body.dashboard .prod-bar-fill{background:linear-gradient(180deg,#207dd4,#1855a3)!important}
/* Tables and forms remain bright, readable, scroll INSIDE the table viewport. */
html[data-bs-theme="light"] body.dashboard .table-wrap{
  max-width:100%;overflow-x:auto!important;overscroll-behavior-x:contain;
  background:#fff!important;border:1px solid #dbe6f3!important;
  -webkit-overflow-scrolling:touch;
}
html[data-bs-theme="light"] body.dashboard .table-wrap th{background:#ebf3fd!important;color:#244c79!important;border-color:#dce7f4!important}
html[data-bs-theme="light"] body.dashboard .table-wrap td{color:#334f69!important;border-color:#e4edf7!important}
html[data-bs-theme="light"] body.dashboard .table-wrap table{min-width:max-content}
html[data-bs-theme="light"] body.dashboard .table-wrap tr:hover{background:#f0f6ff!important}
html[data-bs-theme="light"] body.dashboard input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
html[data-bs-theme="light"] body.dashboard select,
html[data-bs-theme="light"] body.dashboard textarea{background:#fff!important;color:#233c56!important;border-color:#bfd2e8!important}
html[data-bs-theme="light"] body.dashboard input:focus,
html[data-bs-theme="light"] body.dashboard select:focus,
html[data-bs-theme="light"] body.dashboard textarea:focus{box-shadow:0 0 0 3px #2c77be20!important}
html[data-bs-theme="light"] body.dashboard .btn.primary{background:#1b64b6!important;border-color:#1b64b6!important;color:#fff!important}
html[data-bs-theme="light"] body.dashboard .btn.primary:not(:disabled):hover{background:#124f96!important;border-color:#124f96!important}
html[data-bs-theme="light"] body.dashboard .btn.outline{background:#fff!important;border-color:#bfd3ea!important;color:#244c72!important}
html[data-bs-theme="light"] body.dashboard .btn.outline:not(:disabled):hover{background:#ecf5ff!important;border-color:#82b1e5!important}
/* Destructive / warning / success colors remain visually distinguishable. */
html[data-bs-theme="light"] body.dashboard .btn.danger-text{color:#b73042!important}
html[data-bs-theme="light"] body.dashboard .status.good{background:#e1f6eb!important;color:#16714c!important}
html[data-bs-theme="light"] body.dashboard .status.warn{background:#fff2d7!important;color:#925e0c!important}
html[data-bs-theme="light"] body.dashboard .status.bad{background:#ffe6eb!important;color:#ad253d!important}
html[data-bs-theme="light"] body.dashboard .status.muted{background:#eef2f6!important;color:#607488!important}
/* Login and installer: light on white, navy header accents. */
html[data-bs-theme="light"] body.auth-bg{
  color:#233c58;background:radial-gradient(circle at 13% 10%,#c9ddfa85,transparent 48%),linear-gradient(120deg,#e9f2ff,#fff 62%,#e6f5f3)!important;
}
html[data-bs-theme="light"] body.auth-bg .login-card,
html[data-bs-theme="light"] body.auth-bg .install-card{
  background:#fff!important;border-top:4px solid #153d72!important;
  box-shadow:0 17px 50px #143a6121!important;
}
/* Responsive: inherit V2.8.1 tested grid principle, now applied to light mode. */
html[data-bs-theme="light"] body.dashboard .app-wrapper.shell{max-width:100%;min-width:0;overflow:clip}
html[data-bs-theme="light"] body.dashboard .app-main.workspace,
html[data-bs-theme="light"] body.dashboard .app-content.content,
html[data-bs-theme="light"] body.dashboard .app-content-header{
  min-width:0;max-width:100%;width:100%;box-sizing:border-box;
}
html[data-bs-theme="light"] body.dashboard .app-content.content>*{min-width:0;max-width:100%}
html[data-bs-theme="light"] body.dashboard :is(.stats-grid,.prod-dash-kpis,.prod-dash-grid,.two-col,.prod-view-pair,.form-grid,.field-row,.bulk-grid){min-width:0}
html[data-bs-theme="light"] body.dashboard :is(.panel,.stat-card,.prod-dash-card,.prod-kpi){overflow-wrap:anywhere}
html[data-bs-theme="light"] body.dashboard .prod-registry-toolbar-actions{min-width:0;flex-wrap:wrap}
html[data-bs-theme="light"] body.dashboard .prod-registry-toolbar-actions .btn{white-space:normal}
html[data-bs-theme="light"] body.dashboard .workspace-menu-panel{max-width:min(350px,calc(100vw - 20px));max-height:min(70dvh,620px);overflow-y:auto}
@media(max-width:1180px){
  html[data-bs-theme="light"] body.dashboard .breadcrumb{display:none}
  html[data-bs-theme="light"] body.dashboard .stats-grid,
  html[data-bs-theme="light"] body.dashboard .prod-dash-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:880px){
  html[data-bs-theme="light"]{--lte-bar-height:94px}
  html[data-bs-theme="light"] body.dashboard .app-wrapper.shell{
    grid-template-columns:minmax(0,1fr);grid-template-rows:var(--lte-bar-height) minmax(0,1fr);
    grid-template-areas:'header' 'main';
  }
  html[data-bs-theme="light"] body.dashboard .app-header.topbar{
    height:var(--lte-bar-height)!important;min-height:var(--lte-bar-height)!important;
    display:grid!important;grid-template-columns:32px minmax(0,1fr);grid-template-rows:41px 39px;
    align-content:center;column-gap:7px;row-gap:0;padding:4px 11px!important;
  }
  html[data-bs-theme="light"] body.dashboard .app-header .mobile-menu{
    grid-column:1;grid-row:1;display:flex!important;align-items:center;justify-content:center;
    color:#153b6b!important;min-width:32px;min-height:32px;margin:0;
  }
  html[data-bs-theme="light"] body.dashboard .app-header .d365-header-identity{grid-column:2;grid-row:1;min-width:0;max-width:100%;overflow:hidden}
  html[data-bs-theme="light"] body.dashboard .app-header .breadcrumb{display:none!important}
  html[data-bs-theme="light"] body.dashboard .app-header .top-actions{
    grid-column:1/-1;grid-row:2;min-width:0;width:100%;display:flex;
    justify-content:flex-end;align-items:center;gap:5px;margin:0;
  }
  html[data-bs-theme="light"] body.dashboard .app-header .top-actions .pill.pale,
  html[data-bs-theme="light"] body.dashboard .app-header .top-actions .avatar.small{display:none!important}
  html[data-bs-theme="light"] body.dashboard .app-sidebar.sidebar{
    top:var(--lte-bar-height)!important;bottom:0!important;
    height:calc(100dvh - var(--lte-bar-height))!important;
    max-height:calc(100dvh - var(--lte-bar-height))!important;
    width:min(304px,calc(100vw - 18px))!important;
    left:0!important;position:fixed!important;transform:translateX(-105%)!important;
    transition:transform .17s ease-out;z-index:95;
  }
  html[data-bs-theme="light"] body.dashboard .app-sidebar.sidebar.open{transform:translateX(0)!important}
  html[data-bs-theme="light"] body.dashboard .mgo-lte-backdrop{position:fixed;inset:var(--lte-bar-height) 0 0!important;background:#071a327d;z-index:91}
  html[data-bs-theme="light"] body.dashboard .app-sidebar.sidebar.open+.mgo-lte-backdrop{display:block}
  html[data-bs-theme="light"] body.dashboard .app-main.workspace{margin:0!important;grid-area:main;width:100%!important;min-height:calc(100dvh - var(--lte-bar-height))}
  html[data-bs-theme="light"] body.dashboard .app-content-header{padding:16px 14px 0!important}
  html[data-bs-theme="light"] body.dashboard .app-content.content{padding:0 14px 22px!important}
  html[data-bs-theme="light"] body.dashboard .two-col,
  html[data-bs-theme="light"] body.dashboard .prod-dash-grid,
  html[data-bs-theme="light"] body.dashboard .prod-view-pair{grid-template-columns:1fr!important}
  html[data-bs-theme="light"] body.dashboard .d365-commandbar{flex-wrap:wrap}
  html[data-bs-theme="light"] body.dashboard .page-heading{align-items:flex-start;gap:8px}
}
@media(max-width:520px){
  html[data-bs-theme="light"] body.dashboard .app-header .d365-header-name{display:block!important;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  html[data-bs-theme="light"] body.dashboard .app-header .d365-appgrid{display:grid!important;width:29px;height:29px;flex:0 0 29px!important}
  html[data-bs-theme="light"] body.dashboard .app-header .mgo-clock{min-width:0!important;padding:3px 6px!important}
  html[data-bs-theme="light"] body.dashboard .app-header .mgo-clock-label{display:none}
  html[data-bs-theme="light"] body.dashboard .app-header .mgo-clock-time{font-size:10px!important;white-space:nowrap}
  html[data-bs-theme="light"] body.dashboard .app-header .workspace-menu-trigger{font-size:10px!important;min-height:30px;padding:6px 7px!important}
  html[data-bs-theme="light"] body.dashboard .app-content-header{padding:14px 10px 0!important}
  html[data-bs-theme="light"] body.dashboard .app-content.content{padding:0 10px 17px!important}
  html[data-bs-theme="light"] body.dashboard .stats-grid,
  html[data-bs-theme="light"] body.dashboard .prod-dash-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  html[data-bs-theme="light"] body.dashboard .stat-card,
  html[data-bs-theme="light"] body.dashboard .prod-kpi{padding:12px!important;min-height:103px!important}
  html[data-bs-theme="light"] body.dashboard .stat-card strong,
  html[data-bs-theme="light"] body.dashboard .prod-kpi strong{font-size:23px!important}
  html[data-bs-theme="light"] body.dashboard .page-chip{display:none}
  html[data-bs-theme="light"] body.dashboard .panel{padding:14px!important}
  html[data-bs-theme="light"] body.dashboard .form-grid,
  html[data-bs-theme="light"] body.dashboard .field-row,
  html[data-bs-theme="light"] body.dashboard .bulk-grid{grid-template-columns:minmax(0,1fr)!important}
  html[data-bs-theme="light"] body.dashboard .d365-command-hint{display:none}
}
@media(max-width:349px){
  html[data-bs-theme="light"] body.dashboard .app-header .top-actions{gap:3px}
  html[data-bs-theme="light"] body.dashboard .app-header .mgo-clock-time{font-size:9px!important}
  html[data-bs-theme="light"] body.dashboard .app-header .workspace-menu-trigger{font-size:9px!important;padding:5px 5px!important}
  html[data-bs-theme="light"] body.dashboard .stat-card,
  html[data-bs-theme="light"] body.dashboard .prod-kpi{padding:10px!important}
}
@media(prefers-reduced-motion:reduce){html[data-bs-theme="light"] body.dashboard .app-sidebar.sidebar{transition:none!important}}

/* SECTION I · Core dashboard: night-blue header + bright natural workspace */
html[data-bs-theme="light"]{
 --lte-navy:#061d3d;--lte-canvas:#f4f6fa;--lte-surface:#ffffff;
 --lte-edge:#e1e7ee;--lte-ink:#182e4b;--mgo-page:#f4f6fa;
 --mgo-primary:#0e55a8;--mgo-ink:#162c4b;--mgo-shadow:0 4px 20px #102d4b0c;
 --bs-body-bg:#f4f6fa;--bs-body-color:#1e3552;
}
html[data-bs-theme="light"] body.dashboard .app-main.workspace,
html[data-bs-theme="light"] body.dashboard{
 background:#f4f6fa!important;color:#243955!important;
}
html[data-bs-theme="light"] body.dashboard .app-main.workspace{
 background-image:linear-gradient(180deg,#f5f7fb 0%,#f4f6fa 100%)!important;
}
html[data-bs-theme="light"] body.dashboard .app-header.topbar{
 background:#061b38!important;color:#fff!important;
 border-bottom:1px solid #15355c!important;box-shadow:0 3px 14px #061c3822!important;
}
html[data-bs-theme="light"] body.dashboard .app-header.topbar::before{
 height:2px!important;background:linear-gradient(90deg,#0a2b5b,#0d6ab9 55%,#22b5a2 100%)!important;
}
html[data-bs-theme="light"] body.dashboard .d365-header-name,
html[data-bs-theme="light"] body.dashboard .d365-header-name *,
html[data-bs-theme="light"] body.dashboard .breadcrumb,
html[data-bs-theme="light"] body.dashboard .breadcrumb strong{color:#f0f5fc!important;}
html[data-bs-theme="light"] body.dashboard .breadcrumb{opacity:.88}
html[data-bs-theme="light"] body.dashboard .d365-header-separator{color:#7193b8!important}
html[data-bs-theme="light"] body.dashboard .d365-appgrid{
 background:transparent!important;color:#eaf5ff!important;border:1px solid #315477!important;border-radius:8px!important;
}
html[data-bs-theme="light"] body.dashboard .top-actions .pill.pale{
 background:#103d43!important;border:1px solid #276e60!important;color:#c4f7d5!important;
}
html[data-bs-theme="light"] body.dashboard .top-actions .pill.pale .dot{background:#23cd75!important}
html[data-bs-theme="light"] body.dashboard .mgo-clock{
 background:transparent!important;border:0!important;color:#eaf2fb!important;
}
html[data-bs-theme="light"] body.dashboard .mgo-clock-label{color:#b6cbe3!important}
html[data-bs-theme="light"] body.dashboard .mgo-clock-time{color:#fff!important}
html[data-bs-theme="light"] body.dashboard .workspace-menu-trigger,
html[data-bs-theme="light"] body.dashboard .settings-topmenu .workspace-menu-trigger{
 background:#112d50!important;color:#fff!important;border:1px solid #3a5879!important;
 border-radius:8px!important;
}
html[data-bs-theme="light"] body.dashboard .workspace-menu-trigger:hover,
html[data-bs-theme="light"] body.dashboard .settings-topmenu .workspace-menu-trigger:hover{
 background:#20446e!important;color:#fff!important;border-color:#688eb8!important;
}
html[data-bs-theme="light"] body.dashboard .top-actions .avatar.small{
 color:#08356a!important;background:#e9f3ff!important;border-color:#adc9e9!important;
}
html[data-bs-theme="light"] body.dashboard .workspace-menu-panel,
html[data-bs-theme="light"] body.dashboard .settings-topmenu .workspace-menu-panel{
 background:#fff!important;color:#173a5e!important;border:1px solid #d6e2ef!important;
 box-shadow:0 16px 38px #061b383c!important;
}
/* SECTION II · Stationary left sidebar in matte light gray */
html[data-bs-theme="light"] body.dashboard .app-sidebar.sidebar{
 background:#f7f8fb!important;border-right:1px solid #dfe5ee!important;
 box-shadow:1px 0 8px #071b3c0a!important;color:#24354a!important;
}
html[data-bs-theme="light"] body.dashboard .app-sidebar .sidebar-brand.sidebar-top,
html[data-bs-theme="light"] body.dashboard .app-sidebar .mgo-nav-search,
html[data-bs-theme="light"] body.dashboard .app-sidebar .sidebar-bottom{
 background:#f7f8fb!important;border-color:#e4e8f0!important;
}
html[data-bs-theme="light"] body.dashboard .app-sidebar .sidebar-top .brand,
html[data-bs-theme="light"] body.dashboard .app-sidebar .sidebar-top .brand b,
html[data-bs-theme="light"] body.dashboard .sidebar-bottom .mini-profile b{color:#0b2e5c!important}
html[data-bs-theme="light"] body.dashboard .app-sidebar .sidebar-top .brand small,
html[data-bs-theme="light"] body.dashboard .sidebar-bottom .mini-profile small{color:#66778e!important}
html[data-bs-theme="light"] body.dashboard .app-sidebar .sidebar-brand .brand-icon{
 color:white!important;background:#0a478f!important;box-shadow:0 3px 9px #144b8730!important;
}
html[data-bs-theme="light"] body.dashboard .app-sidebar .environment{
 background:#edf2f8!important;color:#274e73!important;border-color:#dce5ef!important;
}
html[data-bs-theme="light"] body.dashboard .app-sidebar .env-tag{
 background:#dbeafd!important;color:#145ba6!important;
}
html[data-bs-theme="light"] body.dashboard .app-sidebar .sidebar-wrapper.nav{
 scrollbar-color:#b7c5d4 transparent!important;scrollbar-width:thin!important;
 overflow-x:hidden!important;overflow-y:auto!important;
 scrollbar-gutter:stable!important;overflow-anchor:none!important;
}
html[data-bs-theme="light"] body.dashboard .app-sidebar .nav-label.nav-section{
 color:#75849c!important;letter-spacing:1px!important;border-color:#e0e6ef!important;
}
html[data-bs-theme="light"] body.dashboard .app-sidebar .nav-label.space-top{color:#4e6c8e!important}
html[data-bs-theme="light"] body.dashboard .app-sidebar .nav-link.prod-main-link{
 color:#26364a!important;background:transparent!important;border-color:transparent!important;
 box-shadow:none!important;
}
html[data-bs-theme="light"] body.dashboard .app-sidebar .nav-link.prod-main-link .nav-icon{
 color:#74849b!important;
}
html[data-bs-theme="light"] body.dashboard .app-sidebar .nav-link.prod-main-link .nav-technical{
 color:#8a96a7!important;
}
html[data-bs-theme="light"] body.dashboard .app-sidebar .nav-link.prod-main-link:hover:not(.active){
 background:#eaf0f8!important;border-color:#d5e1ef!important;color:#0a4d94!important;
}
html[data-bs-theme="light"] body.dashboard .app-sidebar .nav-link.prod-main-link.active{
 background:#0a386f!important;color:#fff!important;border:1px solid #0a386f!important;
 box-shadow:0 3px 11px #0b386f2b!important;
}
html[data-bs-theme="light"] body.dashboard .app-sidebar .nav-link.prod-main-link.active .nav-friendly,
html[data-bs-theme="light"] body.dashboard .app-sidebar .nav-link.prod-main-link.active .nav-icon{color:#fff!important}
html[data-bs-theme="light"] body.dashboard .app-sidebar .nav-link.prod-main-link.active .nav-technical{color:#d2e4f9!important}
html[data-bs-theme="light"] body.dashboard .sidebar-bottom .avatar{
 background:#e0edfa!important;color:#15518c!important;border-color:#c7daec!important;
}
html[data-bs-theme="light"] body.dashboard .sidebar-bottom .logout{color:#0d56a3!important}
html[data-bs-theme="light"] body.dashboard .sidebar-bottom .logout:hover{color:#092c60!important}
html[data-bs-theme="light"] body.dashboard .mgo-nav-search-field,
html[data-bs-theme="light"] body.dashboard .mgo-nav-search-field input{
 background:#fff!important;color:#1e3450!important;border-color:#d4e0ed!important;
}
html[data-bs-theme="light"] body.dashboard .mgo-nav-search-field input::placeholder{color:#8492a7!important;opacity:1}
/* Sidebar never moves vertically when current view changes. The navigation
   list alone scrolls, while brand/search/profile remain pinned. */
html[data-bs-theme="light"] body.dashboard .app-sidebar.sidebar{overflow:hidden!important}
html[data-bs-theme="light"] body.dashboard .app-sidebar .sidebar-brand.sidebar-top,
html[data-bs-theme="light"] body.dashboard .app-sidebar .mgo-nav-search,
html[data-bs-theme="light"] body.dashboard .app-sidebar .sidebar-bottom{flex-shrink:0!important}
html[data-bs-theme="light"] body.dashboard .app-sidebar .nav-link.prod-main-link{
 flex:0 0 54px!important;min-height:54px!important;height:54px!important;max-height:54px!important;
 margin:2px 0!important;padding:5px 10px!important;
}
/* SECTION III · Spacious but disciplined card grid; real data unchanged */
html[data-bs-theme="light"] body.dashboard .app-content-header{padding-top:26px!important;}
html[data-bs-theme="light"] body.dashboard .page-heading h1{
 color:#101e36!important;font-size:clamp(22px,2vw,30px)!important;font-weight:800!important;
 letter-spacing:-.7px!important;
}
html[data-bs-theme="light"] body.dashboard .eyebrow{color:#155fa8!important;letter-spacing:1.5px!important}
html[data-bs-theme="light"] body.dashboard .page-chip{
 background:#fff!important;color:#507092!important;border-color:#e1e7ee!important;
}
html[data-bs-theme="light"] body.dashboard .d365-commandbar{
 background:#fff!important;border:1px solid #e1e8f1!important;border-radius:12px!important;
 box-shadow:0 3px 10px #09234c0b!important;min-height:47px!important;
}
html[data-bs-theme="light"] body.dashboard .panel,
html[data-bs-theme="light"] body.dashboard .stat-card,
html[data-bs-theme="light"] body.dashboard .prod-dash-card,
html[data-bs-theme="light"] body.dashboard .prod-kpi,
html[data-bs-theme="light"] body.dashboard .prod-registry-bulkbar{
 background:#fff!important;border-color:#e3e8ef!important;
 box-shadow:0 4px 18px #091b390b!important;border-radius:12px!important;
}
html[data-bs-theme="light"] body.dashboard .prod-dashboard{gap:18px!important}
html[data-bs-theme="light"] body.dashboard .prod-dash-head{
 border:0!important;padding:0 1px 3px!important;
}
html[data-bs-theme="light"] body.dashboard .prod-dash-head h2{
 font-size:18px!important;color:#10315c!important;margin:0 0 4px!important;
}
html[data-bs-theme="light"] body.dashboard .prod-dash-head .prod-dash-eyebrow{color:#175fa7!important}
html[data-bs-theme="light"] body.dashboard .prod-dash-kpis{gap:16px!important}
html[data-bs-theme="light"] body.dashboard .prod-kpi{
 position:relative!important;min-height:145px!important;padding:21px 18px 17px 91px!important;
 display:flex!important;justify-content:center!important;gap:2px!important;
 border-bottom:4px solid #1b63b6!important;border-top:1px solid #e3e8ef!important;
 color:#1c3858!important;overflow:hidden!important;
}
html[data-bs-theme="light"] body.dashboard .prod-kpi span{
 font-size:11.5px!important;font-weight:650!important;color:#47586d!important;
}
html[data-bs-theme="light"] body.dashboard .prod-kpi strong{
 font-size:29px!important;line-height:1.22!important;color:#14263e!important;
}
html[data-bs-theme="light"] body.dashboard .prod-kpi small{
 font-size:10.5px!important;color:#7b8ba0!important;
}
html[data-bs-theme="light"] body.dashboard .prod-kpi::before{
 content:"";position:absolute;left:18px;top:22px;width:57px;height:57px;
 border-radius:12px;background:#e7effc;
}
html[data-bs-theme="light"] body.dashboard .prod-kpi::after{
 content:"";position:absolute;left:33px;top:37px;width:27px;height:27px;
 background:#1b63b6;-webkit-mask-size:contain;mask-size:contain;
 -webkit-mask-position:center;mask-position:center;
 -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
}
html[data-bs-theme="light"] body.dashboard .prod-kpi:nth-child(2){border-bottom-color:#13a994!important}
html[data-bs-theme="light"] body.dashboard .prod-kpi:nth-child(2)::before{background:#e1f6f1}
html[data-bs-theme="light"] body.dashboard .prod-kpi:nth-child(2)::after{background:#0baa91}
html[data-bs-theme="light"] body.dashboard .prod-kpi:nth-child(3){border-bottom-color:#18a141!important}
html[data-bs-theme="light"] body.dashboard .prod-kpi:nth-child(3)::before{background:#e5f7eb}
html[data-bs-theme="light"] body.dashboard .prod-kpi:nth-child(3)::after{background:#11943c}
html[data-bs-theme="light"] body.dashboard .prod-kpi:nth-child(4){border-bottom-color:#dc3545!important}
html[data-bs-theme="light"] body.dashboard .prod-kpi:nth-child(4)::before{background:#fde9ed}
html[data-bs-theme="light"] body.dashboard .prod-kpi:nth-child(4)::after{background:#db3244}
html[data-bs-theme="light"] body.dashboard .prod-kpi:hover{
 transform:none!important;box-shadow:0 8px 23px #0c315820!important;
 border-color:#a8c4e7!important;
}
html[data-bs-theme="light"] body.dashboard .prod-dash-grid{grid-template-columns:minmax(0,1.32fr) minmax(0,1fr)!important;gap:17px!important}
html[data-bs-theme="light"] body.dashboard .prod-dash-card{padding:20px!important;min-width:0!important}
html[data-bs-theme="light"] body.dashboard .prod-dash-card-title{margin-bottom:20px!important;min-height:28px!important}
html[data-bs-theme="light"] body.dashboard .prod-dash-card-title h3{
 border-left:4px solid #165cb4;padding-left:10px;color:#0d2548!important;
 font-size:14px!important;font-weight:750!important;
}
html[data-bs-theme="light"] body.dashboard .prod-dash-grid>.prod-dash-card:nth-child(2) .prod-dash-card-title h3{border-left-color:#18a140!important}
html[data-bs-theme="light"] body.dashboard .prod-dash-card-title>span{color:#8190a4!important}
html[data-bs-theme="light"] body.dashboard .prod-dash-empty{
 border:1px dashed #d6e1ef!important;background:repeating-linear-gradient(180deg,#f9fbff 0px,#f9fbff 29px,#e6edf5 30px,#f9fbff 31px)!important;
 border-radius:10px!important;min-height:192px!important;
}
html[data-bs-theme="light"] body.dashboard .prod-dash-empty::before{color:#1c6ac2!important;background:#edf5ff!important;}
html[data-bs-theme="light"] body.dashboard .prod-bar-track{background:#e9f0fc!important}
html[data-bs-theme="light"] body.dashboard .prod-bar-fill{background:linear-gradient(180deg,#2479da,#0c4b9c)!important}
html[data-bs-theme="light"] body.dashboard .prod-donut{background-color:#e4e8ed}
html[data-bs-theme="light"] body.dashboard .prod-dash-quick{gap:12px!important}
html[data-bs-theme="light"] body.dashboard .prod-dash-quick a{
 position:relative!important;padding:15px 14px 15px 65px!important;
 min-height:68px!important;display:flex!important;align-items:center!important;
 border-radius:9px!important;font-size:11.5px!important;
 background:#f8faff!important;color:#14335e!important;border:1px solid #d8e3f0!important;
}
html[data-bs-theme="light"] body.dashboard .prod-dash-quick a:nth-child(2){background:#f4fcfa!important;border-color:#d5eee8!important}
html[data-bs-theme="light"] body.dashboard .prod-dash-quick a:nth-child(3){background:#fff7f8!important;border-color:#f6d4d9!important}
html[data-bs-theme="light"] body.dashboard .prod-dash-quick a:nth-child(4){background:#f5f6ff!important;border-color:#dce1f4!important}
html[data-bs-theme="light"] body.dashboard .prod-dash-quick a::before,
html[data-bs-theme="light"] body.dashboard .prod-dash-quick a::after{
 content:"";position:absolute;left:12px;top:15px;width:38px;height:38px;
 border-radius:9px;background:#e2edff;
}
html[data-bs-theme="light"] body.dashboard .prod-dash-quick a::after{
 width:21px;height:21px;left:21px;top:24px;border-radius:0;
 background:#1859ad;-webkit-mask-size:contain;mask-size:contain;
 -webkit-mask-position:center;mask-position:center;
 -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
}
html[data-bs-theme="light"] body.dashboard .prod-dash-quick a:nth-child(2)::before{background:#dff7f1}
html[data-bs-theme="light"] body.dashboard .prod-dash-quick a:nth-child(2)::after{background:#029d80}
html[data-bs-theme="light"] body.dashboard .prod-dash-quick a:nth-child(3)::before{background:#fde8ec}
html[data-bs-theme="light"] body.dashboard .prod-dash-quick a:nth-child(3)::after{background:#df2a43}
html[data-bs-theme="light"] body.dashboard .prod-dash-quick a:nth-child(4)::before{background:#e7eafb}
html[data-bs-theme="light"] body.dashboard .prod-dash-quick a:nth-child(4)::after{background:#1f62bf}
html[data-bs-theme="light"] body.dashboard .prod-dash-quick a:hover{filter:none!important;background:#eef5ff!important;border-color:#a4c4e8!important}
/* Preserve accessible forms, warnings, tables and operational controls */
html[data-bs-theme="light"] body.dashboard .table-wrap{
 overflow-x:auto!important;max-width:100%!important;-webkit-overflow-scrolling:touch;
}
html[data-bs-theme="light"] body.dashboard .btn.primary{background:#1258af!important;border-color:#1258af!important}
html[data-bs-theme="light"] body.dashboard .btn.primary:hover:not(:disabled){background:#0c448a!important}
html[data-bs-theme="light"] body.dashboard .panel{border-left:3px solid #cfdef0!important}
/* Login/setup have a restrained navy identity but retain original forms. */
html[data-bs-theme="light"] body.auth-bg{background:linear-gradient(125deg,#e6effd,#f9fbff 55%,#e7f5f6)!important}
html[data-bs-theme="light"] body.auth-bg .login-card,
html[data-bs-theme="light"] body.auth-bg .install-card{border-top:4px solid #0a356e!important}
/* Keep widths predictable: collapse to one chart column by laptop width. */
@media(max-width:1360px){
 html[data-bs-theme="light"] body.dashboard .prod-dash-grid{grid-template-columns:1fr!important}
 html[data-bs-theme="light"] body.dashboard .prod-dash-quick{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 html[data-bs-theme="light"] body.dashboard .prod-kpi{padding:17px 12px 14px 71px!important}
 html[data-bs-theme="light"] body.dashboard .prod-kpi::before{left:11px;width:49px;height:49px}
 html[data-bs-theme="light"] body.dashboard .prod-kpi::after{left:24px;top:35px;width:23px;height:23px}
}
@media(max-width:880px){
 html[data-bs-theme="light"] body.dashboard .app-header .mobile-menu{color:#fff!important;background:#12375f!important;border:1px solid #315b84!important}
 html[data-bs-theme="light"] body.dashboard .prod-dash-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 html[data-bs-theme="light"] body.dashboard .prod-dash-card-title{flex-wrap:wrap!important}
 html[data-bs-theme="light"] body.dashboard .app-content-header{padding-top:18px!important}
}
@media(max-width:520px){
 html[data-bs-theme="light"] body.dashboard .prod-kpi{padding:70px 11px 13px!important;min-height:165px!important;justify-content:flex-start!important}
 html[data-bs-theme="light"] body.dashboard .prod-kpi::before{left:12px;top:12px;width:49px;height:49px}
 html[data-bs-theme="light"] body.dashboard .prod-kpi::after{left:25px;top:25px;width:23px;height:23px}
 html[data-bs-theme="light"] body.dashboard .prod-kpi span{font-size:10px!important;line-height:1.2}
 html[data-bs-theme="light"] body.dashboard .prod-kpi strong{font-size:24px!important}
 html[data-bs-theme="light"] body.dashboard .prod-dash-quick{grid-template-columns:1fr!important}
 html[data-bs-theme="light"] body.dashboard .page-heading h1{font-size:22px!important}
}
@media(max-width:349px){
 html[data-bs-theme="light"] body.dashboard .app-header .workspace-menu-trigger{font-size:9px!important}
 html[data-bs-theme="light"] body.dashboard .prod-kpi{min-height:174px!important}
}
html[data-bs-theme="light"] body.dashboard .prod-kpi:nth-child(1)::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%209%2012%204l9%205M4%2010h16M6%2010v9m4-9v9m4-9v9m4-9v9M3%2020h18%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%209%2012%204l9%205M4%2010h16M6%2010v9m4-9v9m4-9v9m4-9v9M3%2020h18%22%2F%3E%3C%2Fsvg%3E")}
html[data-bs-theme="light"] body.dashboard .prod-kpi:nth-child(2)::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%229%22%20cy%3D%228%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M3%2020v-2a6%206%200%200%201%2012%200v2M16%205a3%203%200%200%201%200%206M18%2014a5%205%200%200%201%203%205v1%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%229%22%20cy%3D%228%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M3%2020v-2a6%206%200%200%201%2012%200v2M16%205a3%203%200%200%201%200%206M18%2014a5%205%200%200%201%203%205v1%22%2F%3E%3C%2Fsvg%3E")}
html[data-bs-theme="light"] body.dashboard .prod-kpi:nth-child(3)::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%225%22%20y%3D%224%22%20width%3D%2214%22%20height%3D%2218%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M9%204V2h6v2M8%2013l2.5%202.5L16%2010%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%225%22%20y%3D%224%22%20width%3D%2214%22%20height%3D%2218%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M9%204V2h6v2M8%2013l2.5%202.5L16%2010%22%2F%3E%3C%2Fsvg%3E")}
html[data-bs-theme="light"] body.dashboard .prod-kpi:nth-child(4)::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m8%208-4%204%204%204m8-8%204%204-4%204M14%205l-4%2014%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m8%208-4%204%204%204m8-8%204%204-4%204M14%205l-4%2014%22%2F%3E%3C%2Fsvg%3E")}
html[data-bs-theme="light"] body.dashboard .prod-dash-quick a:nth-child(1)::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%227%22%20y%3D%222%22%20width%3D%2210%22%20height%3D%2220%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M11%2019h2%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%227%22%20y%3D%222%22%20width%3D%2210%22%20height%3D%2220%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M11%2019h2%22%2F%3E%3C%2Fsvg%3E")}
html[data-bs-theme="light"] body.dashboard .prod-dash-quick a:nth-child(2)::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m22%202-7%2020-4-9-9-4zM22%202%2011%2013%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m22%202-7%2020-4-9-9-4zM22%202%2011%2013%22%2F%3E%3C%2Fsvg%3E")}
html[data-bs-theme="light"] body.dashboard .prod-dash-quick a:nth-child(3)::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M10.5%203.8a2%202%200%200%201%203%200L22%2019a2%202%200%200%201-1.7%203H3.7A2%202%200%200%201%202%2019zM12%209v5m0%204h.01%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M10.5%203.8a2%202%200%200%201%203%200L22%2019a2%202%200%200%201-1.7%203H3.7A2%202%200%200%201%202%2019zM12%209v5m0%204h.01%22%2F%3E%3C%2Fsvg%3E")}
html[data-bs-theme="light"] body.dashboard .prod-dash-quick a:nth-child(4)::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M12%202v3m0%2014v3M2%2012h3m14%200h3M5%205l2%202m10%2010%202%202M19%205l-2%202M7%2017l-2%202%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M12%202v3m0%2014v3M2%2012h3m14%200h3M5%205l2%202m10%2010%202%202M19%205l-2%202M7%2017l-2%202%22%2F%3E%3C%2Fsvg%3E")}
/* Last-mile icon legibility and consistent financial status tones. */
html[data-bs-theme="light"] body.dashboard .d365-appgrid svg.mgo-icon{
 width:22px!important;height:22px!important;stroke:#eaf3ff!important;fill:none!important;
 stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important;
}
html[data-bs-theme="light"] body.dashboard .prod-kpi:nth-child(3) strong{color:#117a39!important}
html[data-bs-theme="light"] body.dashboard .prod-kpi:nth-child(4) strong{color:#b6273b!important}
html[data-bs-theme="light"] body.dashboard .prod-dash-empty::before{
 content:"▤"!important;display:grid!important;place-items:center!important;
 color:#2a6fbc!important;font-size:24px!important;line-height:1!important;
 background:#edf5ff!important;border:1px solid #bcd5f2!important;
}


/* V2.8.4: Enrollment cancellation — navy/light theme, compact and responsive. */
.mgo-cancel-panel{min-width:0}
.mgo-cancel-summary{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:14px 0}
.mgo-cancel-summary span{display:inline-flex;gap:7px;align-items:center;background:#edf4fc;border:1px solid #d5e3f3;border-radius:8px;padding:8px 12px;color:#274566;font-size:.85rem}
.mgo-cancel-summary strong{font-size:1.08rem;color:#154b8d}
.mgo-cancel-search{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:12px 0 20px}
.mgo-cancel-search label{flex:1 1 230px;min-width:0}
.mgo-cancel-search label small{display:block;color:#71859b;font-weight:400;font-size:.76rem}
.mgo-cancel-search button,.mgo-cancel-search a{margin-bottom:2px;white-space:nowrap}
.mgo-cancel-result-list{margin-top:22px}
.mgo-cancel-result-list h3{font-size:1rem;margin-bottom:12px}
.mgo-cancel-result-list h3 small{font-weight:400;color:#71859b}
.mgo-cancel-result-list .table-wrap{max-width:100%;overflow-x:auto}
.mgo-cancel-pages{display:flex;gap:12px;align-items:center;justify-content:flex-end;margin:12px 0}
@media(max-width:620px){.mgo-cancel-search{display:grid;grid-template-columns:minmax(0,1fr)}.mgo-cancel-search label{width:100%}.mgo-cancel-summary span{width:100%;justify-content:space-between}}