/*
 * PosManagerERP Bootstrap Enterprise Theme
 * v1.0.84 / Part 10A7 FIXED R1
 * Built on the bundled Bootstrap 5.3.6 runtime.
 */
:root,
[data-bs-theme="light"] {
  --pm-sidebar-width: 292px;
  --pm-sidebar-collapsed: 84px;
  --pm-topbar-height: 72px;
  --pm-radius-sm: .55rem;
  --pm-radius: .8rem;
  --pm-radius-lg: 1.05rem;
  --pm-shadow-xs: 0 1px 2px rgba(15, 23, 42, .05);
  --pm-shadow-sm: 0 4px 18px rgba(15, 23, 42, .07);
  --pm-shadow: 0 14px 36px rgba(15, 23, 42, .09);
  --pm-sidebar-bg: #ffffff;
  --pm-sidebar-text: #334155;
  --pm-sidebar-muted: #64748b;
  --pm-sidebar-hover: #f1f5f9;
  --pm-sidebar-active-bg: #eaf2ff;
  --pm-sidebar-active: #0b5ed7;
  --pm-sidebar-border: #e2e8f0;
  --pm-content-bg: #f6f8fb;
  --pm-panel-bg: #ffffff;
  --pm-panel-muted: #f8fafc;
  --pm-border: #dfe5ec;
  --pm-border-strong: #cbd5e1;
  --pm-text: #172033;
  --pm-text-soft: #334155;
  --pm-muted: #667085;
  --pm-primary: #0d6efd;
  --pm-primary-soft: #eaf2ff;
  --pm-focus: rgba(13, 110, 253, .22);
  --pm-danger-soft: #fff1f2;
  --pm-success-soft: #ecfdf3;
  --pm-warning-soft: #fff8e6;
  --bs-body-font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --bs-body-font-size: 1rem;
  --bs-body-line-height: 1.55;
  --bs-body-color: var(--pm-text);
  --bs-body-bg: var(--pm-content-bg);
  --bs-border-color: var(--pm-border);
  --bs-secondary-color: var(--pm-muted);
  --bs-tertiary-bg: var(--pm-panel-muted);
}

[data-bs-theme="dark"] {
  color-scheme: dark;
  --pm-sidebar-bg: #0f172a;
  --pm-sidebar-text: #dce6f3;
  --pm-sidebar-muted: #94a3b8;
  --pm-sidebar-hover: #17233a;
  --pm-sidebar-active-bg: #18365f;
  --pm-sidebar-active: #8dc1ff;
  --pm-sidebar-border: #25324a;
  --pm-content-bg: #0b1120;
  --pm-panel-bg: #111a2c;
  --pm-panel-muted: #162036;
  --pm-border: #293650;
  --pm-border-strong: #3a4964;
  --pm-text: #edf3fa;
  --pm-text-soft: #d7e0ec;
  --pm-muted: #a1afc1;
  --pm-primary: #6ea8fe;
  --pm-primary-soft: #19365d;
  --pm-focus: rgba(110, 168, 254, .28);
  --pm-danger-soft: #361923;
  --pm-success-soft: #123428;
  --pm-warning-soft: #3c2e12;
  --pm-shadow-xs: 0 1px 2px rgba(0, 0, 0, .28);
  --pm-shadow-sm: 0 6px 20px rgba(0, 0, 0, .28);
  --pm-shadow: 0 18px 42px rgba(0, 0, 0, .34);
  --bs-body-color: var(--pm-text);
  --bs-body-bg: var(--pm-content-bg);
  --bs-border-color: var(--pm-border);
  --bs-secondary-color: var(--pm-muted);
  --bs-tertiary-bg: var(--pm-panel-muted);
  --bs-emphasis-color: #ffffff;
  --bs-link-color: #8dc1ff;
  --bs-link-hover-color: #b7d7ff;
}

html { min-height: 100%; font-size: 16px; }
body.pm-bootstrap-enterprise {
  min-height: 100vh;
  margin: 0;
  color: var(--pm-text);
  background: var(--pm-content-bg);
  font-family: var(--bs-body-font-family);
  font-size: 1rem;
  line-height: 1.55;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
body.pm-bootstrap-enterprise * { box-sizing: border-box; }
body.pm-bootstrap-enterprise a { text-underline-offset: .16em; }
body.pm-bootstrap-enterprise h1,
body.pm-bootstrap-enterprise h2,
body.pm-bootstrap-enterprise h3,
body.pm-bootstrap-enterprise h4,
body.pm-bootstrap-enterprise h5,
body.pm-bootstrap-enterprise h6 {
  color: var(--pm-text);
  font-weight: 700;
  letter-spacing: -.018em;
}
body.pm-bootstrap-enterprise p { color: var(--pm-text-soft); }
body.pm-bootstrap-enterprise small,
body.pm-bootstrap-enterprise .text-muted { color: var(--pm-muted) !important; }
body.pm-bootstrap-enterprise :focus-visible {
  outline: 3px solid var(--pm-focus) !important;
  outline-offset: 2px;
}

/* Application shell */
body.pm-bootstrap-enterprise .app-shell { min-height: 100vh; background: var(--pm-content-bg); }
body.pm-bootstrap-enterprise .sidebar {
  position: fixed;
  inset: 0 auto 0 0;
  z-index: 1045;
  width: var(--pm-sidebar-width);
  display: flex;
  flex-direction: column;
  padding: 0;
  overflow: hidden;
  color: var(--pm-sidebar-text) !important;
  background: var(--pm-sidebar-bg) !important;
  border-right: 1px solid var(--pm-sidebar-border) !important;
  box-shadow: none !important;
  transition: width .22s ease, transform .22s ease;
}
body.pm-bootstrap-enterprise .main {
  min-height: 100vh;
  width: calc(100% - var(--pm-sidebar-width));
  margin-left: var(--pm-sidebar-width);
  display: flex;
  flex-direction: column;
  transition: width .22s ease, margin-left .22s ease;
}
body.pm-bootstrap-enterprise .content {
  width: 100%;
  max-width: 1720px;
  margin: 0 auto;
  padding: 1.6rem clamp(1rem, 2.3vw, 2.25rem) 2.5rem !important;
  flex: 1 0 auto;
}
body.pm-bootstrap-enterprise .app-footer {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem clamp(1rem, 2.3vw, 2.25rem) !important;
  color: var(--pm-muted) !important;
  background: var(--pm-panel-bg) !important;
  border-top: 1px solid var(--pm-border) !important;
  font-size: .875rem;
}

/* Sidebar brand */
body.pm-bootstrap-enterprise .side-brand {
  min-height: var(--pm-topbar-height);
  padding: .75rem .85rem .75rem 1rem !important;
  display: flex;
  align-items: center;
  gap: .75rem;
  border-bottom: 1px solid var(--pm-sidebar-border) !important;
  background: var(--pm-sidebar-bg) !important;
}
body.pm-bootstrap-enterprise .side-brand > img,
body.pm-bootstrap-enterprise .side-brand > span {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px;
  border-radius: .8rem !important;
  object-fit: cover;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, #0d6efd, #5b8def) !important;
  color: #fff !important;
  font-size: 1rem !important;
  font-weight: 800;
  box-shadow: var(--pm-shadow-xs);
}
body.pm-bootstrap-enterprise .side-brand > div:not(.side-brand-actions) { min-width: 0; flex: 1; }
body.pm-bootstrap-enterprise .side-brand strong {
  display: block;
  color: var(--pm-sidebar-text) !important;
  font-size: .98rem !important;
  line-height: 1.25;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.pm-bootstrap-enterprise .side-brand small {
  display: block;
  margin-top: .16rem;
  color: var(--pm-sidebar-muted) !important;
  font-size: .78rem !important;
}
body.pm-bootstrap-enterprise .side-brand-actions { display: flex; align-items: center; gap: .3rem; }
body.pm-bootstrap-enterprise .side-brand-actions button {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid var(--pm-sidebar-border) !important;
  border-radius: .65rem !important;
  background: transparent !important;
  color: var(--pm-sidebar-muted) !important;
  font-size: 1.1rem;
}
body.pm-bootstrap-enterprise .side-brand-actions button:hover {
  background: var(--pm-sidebar-hover) !important;
  color: var(--pm-sidebar-text) !important;
}
body.pm-bootstrap-enterprise [data-sidebar-close] { display: none; }

/* Sidebar search and navigation */
body.pm-bootstrap-enterprise .sidebar-search {
  position: relative;
  margin: .8rem .85rem .5rem;
  display: flex;
  align-items: center;
  gap: .4rem;
  padding: .58rem .7rem;
  border: 1px solid var(--pm-sidebar-border) !important;
  border-radius: .75rem !important;
  background: var(--pm-sidebar-hover) !important;
  color: var(--pm-sidebar-muted) !important;
}
body.pm-bootstrap-enterprise .sidebar-search input {
  min-width: 0;
  width: 100%;
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  color: var(--pm-sidebar-text) !important;
  font-size: .9rem !important;
}
body.pm-bootstrap-enterprise .sidebar-search input::placeholder { color: var(--pm-sidebar-muted); }
body.pm-bootstrap-enterprise .sidebar-search button {
  width: 26px;
  height: 26px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--pm-sidebar-muted);
}
body.pm-bootstrap-enterprise .sidebar nav {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding: .35rem .7rem 1rem !important;
  scrollbar-width: thin;
  scrollbar-color: var(--pm-sidebar-border) transparent;
}
body.pm-bootstrap-enterprise .sidebar nav > label,
body.pm-bootstrap-enterprise .sidebar-section-label {
  display: block;
  margin: .95rem .55rem .38rem !important;
  color: var(--pm-sidebar-muted) !important;
  font-size: .72rem !important;
  font-weight: 800 !important;
  letter-spacing: .09em !important;
  line-height: 1.2;
}
body.pm-bootstrap-enterprise .sidebar nav > a,
body.pm-bootstrap-enterprise .sidebar-primary-link,
body.pm-bootstrap-enterprise .sidebar-menu-group > summary {
  min-height: 44px;
  margin: .12rem 0;
  padding: .62rem .68rem !important;
  display: flex;
  align-items: center;
  gap: .72rem;
  border: 1px solid transparent !important;
  border-radius: .72rem !important;
  color: var(--pm-sidebar-text) !important;
  background: transparent !important;
  text-decoration: none !important;
  font-size: .92rem !important;
  font-weight: 600 !important;
  line-height: 1.25;
  cursor: pointer;
  transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}
body.pm-bootstrap-enterprise .sidebar nav > a:hover,
body.pm-bootstrap-enterprise .sidebar-primary-link:hover,
body.pm-bootstrap-enterprise .sidebar-menu-group > summary:hover {
  color: var(--pm-sidebar-text) !important;
  background: var(--pm-sidebar-hover) !important;
  border-color: var(--pm-sidebar-border) !important;
}
body.pm-bootstrap-enterprise .sidebar nav > a.active,
body.pm-bootstrap-enterprise .sidebar-primary-link.active,
body.pm-bootstrap-enterprise .sidebar-menu-group > summary.active,
body.pm-bootstrap-enterprise .sidebar-menu-group:has(.sidebar-submenu a.active) > summary {
  color: var(--pm-sidebar-active) !important;
  background: var(--pm-sidebar-active-bg) !important;
  border-color: color-mix(in srgb, var(--pm-sidebar-active) 24%, transparent) !important;
  font-weight: 700 !important;
}
body.pm-bootstrap-enterprise .sidebar nav > a > span:first-of-type,
body.pm-bootstrap-enterprise .sidebar-menu-icon {
  width: 25px;
  min-width: 25px;
  height: 25px;
  display: inline-grid;
  place-items: center;
  color: currentColor !important;
  font-size: 1rem !important;
  line-height: 1;
}
body.pm-bootstrap-enterprise .sidebar-link-copy,
body.pm-bootstrap-enterprise .sidebar-summary-copy { min-width: 0; flex: 1; }
body.pm-bootstrap-enterprise .sidebar-summary-copy strong {
  display: block;
  color: inherit !important;
  font-size: .92rem !important;
  font-weight: inherit;
  line-height: 1.25;
}
body.pm-bootstrap-enterprise .sidebar-summary-copy small {
  display: block;
  margin-top: .12rem;
  color: var(--pm-sidebar-muted) !important;
  font-size: .74rem !important;
  font-weight: 500;
  line-height: 1.25;
}
body.pm-bootstrap-enterprise .sidebar-menu-group {
  margin: .12rem 0;
  padding: 0 !important;
  border: 0 !important;
  border-radius: .75rem !important;
  background: transparent !important;
}
body.pm-bootstrap-enterprise .sidebar-menu-group > summary { list-style: none; }
body.pm-bootstrap-enterprise .sidebar-menu-group > summary::-webkit-details-marker { display: none; }
body.pm-bootstrap-enterprise .sidebar-menu-arrow {
  margin-left: auto;
  color: var(--pm-sidebar-muted) !important;
  font-size: .9rem;
  transition: transform .15s ease;
}
body.pm-bootstrap-enterprise .sidebar-menu-group[open] > summary .sidebar-menu-arrow { transform: rotate(180deg); }
body.pm-bootstrap-enterprise .sidebar-submenu {
  margin: .2rem 0 .42rem 1.15rem !important;
  padding: .12rem 0 .12rem .78rem !important;
  border-left: 1px solid var(--pm-sidebar-border) !important;
}
body.pm-bootstrap-enterprise .sidebar-submenu a,
body.pm-bootstrap-enterprise .sidebar-submenu button {
  width: 100%;
  min-height: 38px;
  margin: .08rem 0;
  padding: .48rem .65rem !important;
  display: flex;
  align-items: center;
  gap: .55rem;
  border: 0 !important;
  border-radius: .58rem !important;
  background: transparent !important;
  color: var(--pm-sidebar-muted) !important;
  text-decoration: none !important;
  text-align: left;
  font-size: .86rem !important;
  font-weight: 550 !important;
  line-height: 1.3;
}
body.pm-bootstrap-enterprise .sidebar-submenu a:hover,
body.pm-bootstrap-enterprise .sidebar-submenu button:hover {
  color: var(--pm-sidebar-text) !important;
  background: var(--pm-sidebar-hover) !important;
}
body.pm-bootstrap-enterprise .sidebar-submenu a.active,
body.pm-bootstrap-enterprise .sidebar-submenu button.active {
  color: var(--pm-sidebar-active) !important;
  background: var(--pm-sidebar-active-bg) !important;
  font-weight: 700 !important;
}
body.pm-bootstrap-enterprise .sidebar-submenu b {
  margin-left: auto;
  padding: .08rem .38rem;
  border-radius: 999px;
  color: #fff;
  background: var(--bs-danger);
  font-size: .68rem;
}
body.pm-bootstrap-enterprise .sidebar-menu-empty {
  margin: .75rem .35rem;
  padding: .8rem;
  color: var(--pm-sidebar-muted);
  border: 1px dashed var(--pm-sidebar-border);
  border-radius: .65rem;
  font-size: .84rem;
  text-align: center;
}
body.pm-bootstrap-enterprise .branch-access-menu-note {
  margin: .45rem .35rem;
  padding: .55rem .65rem;
  color: var(--pm-sidebar-muted) !important;
  background: var(--pm-sidebar-hover) !important;
  border-radius: .6rem;
  font-size: .8rem !important;
}

/* Appearance controls inside menu */
body.pm-bootstrap-enterprise .pm-theme-menu { display: grid; gap: .16rem; }
body.pm-bootstrap-enterprise .pm-theme-menu button { justify-content: flex-start; }
body.pm-bootstrap-enterprise .pm-theme-menu button .pm-theme-check {
  margin-left: auto;
  opacity: 0;
  color: var(--pm-sidebar-active);
  font-weight: 900;
}
body.pm-bootstrap-enterprise .pm-theme-menu button.active .pm-theme-check { opacity: 1; }
body.pm-bootstrap-enterprise .pm-theme-menu .pm-theme-choice-icon { width: 20px; text-align: center; font-size: .98rem; }

/* Sidebar footer */
body.pm-bootstrap-enterprise .side-user {
  margin: .2rem .75rem .55rem;
  padding: .72rem;
  display: flex;
  align-items: center;
  gap: .65rem;
  border: 1px solid var(--pm-sidebar-border) !important;
  border-radius: .75rem !important;
  background: var(--pm-sidebar-hover) !important;
}
body.pm-bootstrap-enterprise .avatar {
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  color: #fff !important;
  background: linear-gradient(135deg, #0d6efd, #6f42c1) !important;
  font-size: .78rem;
  font-style: normal;
  font-weight: 800;
}
body.pm-bootstrap-enterprise .side-user > div:last-child { min-width: 0; }
body.pm-bootstrap-enterprise .side-user strong,
body.pm-bootstrap-enterprise .side-user small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.pm-bootstrap-enterprise .side-user strong { color: var(--pm-sidebar-text) !important; font-size: .86rem !important; }
body.pm-bootstrap-enterprise .side-user small { color: var(--pm-sidebar-muted) !important; font-size: .72rem !important; }
body.pm-bootstrap-enterprise .logout {
  width: calc(100% - 1.5rem);
  min-height: 40px;
  margin: 0 .75rem .8rem;
  padding: .55rem .72rem;
  border: 1px solid var(--pm-sidebar-border) !important;
  border-radius: .65rem !important;
  color: var(--pm-sidebar-text) !important;
  background: transparent !important;
  font-size: .86rem !important;
  font-weight: 650;
}
body.pm-bootstrap-enterprise .logout:hover { color: var(--bs-danger) !important; background: var(--pm-danger-soft) !important; }

/* Top bar */
body.pm-bootstrap-enterprise .topbar {
  position: sticky;
  top: 0;
  z-index: 1030;
  min-height: var(--pm-topbar-height);
  padding: .65rem clamp(1rem, 2.3vw, 2.25rem) !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  color: var(--pm-text) !important;
  background: color-mix(in srgb, var(--pm-panel-bg) 94%, transparent) !important;
  border-bottom: 1px solid var(--pm-border) !important;
  box-shadow: none !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
body.pm-bootstrap-enterprise .topbar.pm-scrolled { box-shadow: var(--pm-shadow-sm) !important; }
body.pm-bootstrap-enterprise .topbar > div:first-child { display: flex; align-items: center; gap: .75rem; min-width: 0; }
body.pm-bootstrap-enterprise .topbar > div:first-child > span { min-width: 0; }
body.pm-bootstrap-enterprise .topbar > div:first-child small {
  display: block;
  margin-bottom: .08rem;
  color: var(--pm-muted) !important;
  font-size: .72rem !important;
  font-weight: 800;
  letter-spacing: .08em;
}
body.pm-bootstrap-enterprise .topbar > div:first-child strong {
  display: block;
  max-width: min(48vw, 760px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--pm-text) !important;
  font-size: 1.08rem !important;
  font-weight: 700;
}
body.pm-bootstrap-enterprise .top-actions { display: flex; align-items: center; gap: .55rem; }
body.pm-bootstrap-enterprise .menu-btn,
body.pm-bootstrap-enterprise .bell,
body.pm-bootstrap-enterprise .pm-theme-dropdown > button {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px;
  display: inline-grid !important;
  place-items: center;
  padding: 0 !important;
  border: 1px solid var(--pm-border) !important;
  border-radius: .7rem !important;
  color: var(--pm-text-soft) !important;
  background: var(--pm-panel-bg) !important;
  box-shadow: var(--pm-shadow-xs) !important;
  text-decoration: none !important;
  font-size: 1rem !important;
}
body.pm-bootstrap-enterprise .menu-btn:hover,
body.pm-bootstrap-enterprise .bell:hover,
body.pm-bootstrap-enterprise .pm-theme-dropdown > button:hover {
  color: var(--pm-primary) !important;
  border-color: var(--pm-border-strong) !important;
  background: var(--pm-panel-muted) !important;
}
body.pm-bootstrap-enterprise .menu-btn { display: none !important; }
body.pm-bootstrap-enterprise .profile-chip {
  min-height: 44px;
  padding: .25rem .55rem .25rem .25rem !important;
  display: flex;
  align-items: center;
  gap: .5rem;
  border: 1px solid transparent !important;
  border-radius: .75rem !important;
  color: var(--pm-text) !important;
  text-decoration: none !important;
}
body.pm-bootstrap-enterprise .profile-chip:hover { border-color: var(--pm-border) !important; background: var(--pm-panel-muted) !important; }
body.pm-bootstrap-enterprise .profile-chip em { min-width: 0; font-style: normal; }
body.pm-bootstrap-enterprise .profile-chip strong,
body.pm-bootstrap-enterprise .profile-chip small { display: block; max-width: 190px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.pm-bootstrap-enterprise .profile-chip strong { color: var(--pm-text) !important; font-size: .85rem !important; }
body.pm-bootstrap-enterprise .profile-chip small { color: var(--pm-muted) !important; font-size: .72rem !important; }
body.pm-bootstrap-enterprise .topbar-branch-control { display: flex; align-items: center; gap: .45rem; }
body.pm-bootstrap-enterprise .topbar-branch-chip,
body.pm-bootstrap-enterprise .topbar-branch-select {
  min-height: 40px;
  border: 1px solid var(--pm-border) !important;
  border-radius: .7rem !important;
  color: var(--pm-text) !important;
  background: var(--pm-panel-bg) !important;
}
body.pm-bootstrap-enterprise .topbar-branch-chip { padding: .3rem .6rem !important; text-decoration: none !important; }
body.pm-bootstrap-enterprise .topbar-branch-chip span small,
body.pm-bootstrap-enterprise .topbar-branch-chip span strong { display: block; }
body.pm-bootstrap-enterprise .topbar-branch-chip span small { font-size: .66rem !important; color: var(--pm-muted) !important; }
body.pm-bootstrap-enterprise .topbar-branch-chip span strong { font-size: .78rem !important; color: var(--pm-text) !important; }
body.pm-bootstrap-enterprise .topbar-branch-select { padding: .4rem 2rem .4rem .65rem !important; font-size: .82rem !important; }
body.pm-bootstrap-enterprise .dropdown-menu {
  --bs-dropdown-bg: var(--pm-panel-bg);
  --bs-dropdown-color: var(--pm-text);
  --bs-dropdown-border-color: var(--pm-border);
  --bs-dropdown-link-color: var(--pm-text-soft);
  --bs-dropdown-link-hover-color: var(--pm-text);
  --bs-dropdown-link-hover-bg: var(--pm-panel-muted);
  --bs-dropdown-link-active-color: var(--pm-primary);
  --bs-dropdown-link-active-bg: var(--pm-primary-soft);
  padding: .45rem;
  border-radius: .8rem;
  box-shadow: var(--pm-shadow);
}
body.pm-bootstrap-enterprise .dropdown-item { border-radius: .55rem; font-size: .9rem; }

/* Bootstrap-friendly page components */
body.pm-bootstrap-enterprise .page-head,
body.pm-bootstrap-enterprise .inventory-page-head,
body.pm-bootstrap-enterprise .company-detail-head,
body.pm-bootstrap-enterprise .section-title,
body.pm-bootstrap-enterprise .tab-section-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.25rem !important;
}
body.pm-bootstrap-enterprise .page-head h1,
body.pm-bootstrap-enterprise .inventory-page-head h1,
body.pm-bootstrap-enterprise .company-detail-head h1,
body.pm-bootstrap-enterprise .hero h1 {
  margin: 0 0 .3rem !important;
  font-size: clamp(1.65rem, 2vw, 2.15rem) !important;
  line-height: 1.2 !important;
}
body.pm-bootstrap-enterprise .page-head p,
body.pm-bootstrap-enterprise .inventory-page-head p,
body.pm-bootstrap-enterprise .company-detail-head p { margin: 0; color: var(--pm-muted) !important; font-size: .95rem !important; }
body.pm-bootstrap-enterprise .panel,
body.pm-bootstrap-enterprise .card,
body.pm-bootstrap-enterprise .stat-card,
body.pm-bootstrap-enterprise .metric-card,
body.pm-bootstrap-enterprise .dashboard-card,
body.pm-bootstrap-enterprise .filter-panel,
body.pm-bootstrap-enterprise .form-card,
body.pm-bootstrap-enterprise .company-card,
body.pm-bootstrap-enterprise .inventory-card,
body.pm-bootstrap-enterprise .summary-card,
body.pm-bootstrap-enterprise .customer-card,
body.pm-bootstrap-enterprise .report-card {
  color: var(--pm-text) !important;
  background: var(--pm-panel-bg) !important;
  border: 1px solid var(--pm-border) !important;
  border-radius: var(--pm-radius) !important;
  box-shadow: var(--pm-shadow-xs) !important;
}
body.pm-bootstrap-enterprise .panel,
body.pm-bootstrap-enterprise .form-card,
body.pm-bootstrap-enterprise .filter-panel { padding: 1.2rem !important; }
body.pm-bootstrap-enterprise .card:hover,
body.pm-bootstrap-enterprise .stat-card:hover,
body.pm-bootstrap-enterprise .metric-card:hover { border-color: var(--pm-border-strong) !important; }
body.pm-bootstrap-enterprise .hero,
body.pm-bootstrap-enterprise .page-hero {
  border-radius: var(--pm-radius-lg) !important;
  box-shadow: var(--pm-shadow-sm) !important;
}
body.pm-bootstrap-enterprise .stats,
body.pm-bootstrap-enterprise .metrics,
body.pm-bootstrap-enterprise .dashboard-grid,
body.pm-bootstrap-enterprise .stat-grid { gap: 1rem !important; }

/* Forms */
body.pm-bootstrap-enterprise label,
body.pm-bootstrap-enterprise .form-label,
body.pm-bootstrap-enterprise .pm-field {
  color: var(--pm-text-soft) !important;
  font-size: .9rem !important;
  font-weight: 650 !important;
}
body.pm-bootstrap-enterprise input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="hidden"]),
body.pm-bootstrap-enterprise select,
body.pm-bootstrap-enterprise textarea,
body.pm-bootstrap-enterprise .form-control,
body.pm-bootstrap-enterprise .form-select,
body.pm-bootstrap-enterprise .input-group-text {
  min-height: 43px;
  color: var(--pm-text) !important;
  background-color: var(--pm-panel-bg) !important;
  border-color: var(--pm-border-strong) !important;
  border-radius: .65rem !important;
  font-size: .94rem !important;
  box-shadow: none !important;
}
body.pm-bootstrap-enterprise textarea { min-height: 96px; }
body.pm-bootstrap-enterprise input::placeholder,
body.pm-bootstrap-enterprise textarea::placeholder { color: color-mix(in srgb, var(--pm-muted) 78%, transparent) !important; }
body.pm-bootstrap-enterprise input:focus,
body.pm-bootstrap-enterprise select:focus,
body.pm-bootstrap-enterprise textarea:focus,
body.pm-bootstrap-enterprise .form-control:focus,
body.pm-bootstrap-enterprise .form-select:focus {
  border-color: var(--pm-primary) !important;
  box-shadow: 0 0 0 .22rem var(--pm-focus) !important;
}
body.pm-bootstrap-enterprise .form-text,
body.pm-bootstrap-enterprise .field-hint,
body.pm-bootstrap-enterprise .field-help { color: var(--pm-muted) !important; font-size: .8rem !important; }
body.pm-bootstrap-enterprise .form-check-input { border-color: var(--pm-border-strong); }
body.pm-bootstrap-enterprise .form-check-input:checked { background-color: var(--bs-primary); border-color: var(--bs-primary); }

/* Buttons */
body.pm-bootstrap-enterprise button,
body.pm-bootstrap-enterprise .btn,
body.pm-bootstrap-enterprise a.primary,
body.pm-bootstrap-enterprise a.secondary,
body.pm-bootstrap-enterprise .primary,
body.pm-bootstrap-enterprise .secondary,
body.pm-bootstrap-enterprise .danger-btn,
body.pm-bootstrap-enterprise .light-btn,
body.pm-bootstrap-enterprise .ghost-btn {
  min-height: 40px;
  border-radius: .65rem !important;
  font-size: .9rem !important;
  font-weight: 650 !important;
}
body.pm-bootstrap-enterprise .btn-sm { min-height: 34px; font-size: .82rem !important; }
body.pm-bootstrap-enterprise .btn-lg { min-height: 48px; font-size: 1rem !important; }
body.pm-bootstrap-enterprise .primary,
body.pm-bootstrap-enterprise a.primary { color: #fff !important; background: var(--bs-primary) !important; border-color: var(--bs-primary) !important; }
body.pm-bootstrap-enterprise .secondary,
body.pm-bootstrap-enterprise a.secondary { color: var(--pm-text-soft) !important; background: var(--pm-panel-bg) !important; border: 1px solid var(--pm-border-strong) !important; }
body.pm-bootstrap-enterprise .secondary:hover,
body.pm-bootstrap-enterprise a.secondary:hover { color: var(--pm-primary) !important; background: var(--pm-primary-soft) !important; border-color: var(--pm-primary) !important; }

/* Tables */
body.pm-bootstrap-enterprise .table-wrap,
body.pm-bootstrap-enterprise .company-table-wrap,
body.pm-bootstrap-enterprise .pm-table-scroll,
body.pm-bootstrap-enterprise .table-responsive {
  overflow: auto;
  border: 1px solid var(--pm-border) !important;
  border-radius: var(--pm-radius) !important;
  background: var(--pm-panel-bg) !important;
  box-shadow: var(--pm-shadow-xs);
}
body.pm-bootstrap-enterprise table,
body.pm-bootstrap-enterprise .table {
  width: 100%;
  margin-bottom: 0 !important;
  color: var(--pm-text) !important;
  background: transparent !important;
  border-color: var(--pm-border) !important;
  font-size: .9rem !important;
}
body.pm-bootstrap-enterprise table th,
body.pm-bootstrap-enterprise .table th {
  padding: .78rem .85rem !important;
  color: var(--pm-muted) !important;
  background: var(--pm-panel-muted) !important;
  border-color: var(--pm-border) !important;
  font-size: .75rem !important;
  font-weight: 800 !important;
  letter-spacing: .035em;
  text-transform: uppercase;
  white-space: nowrap;
}
body.pm-bootstrap-enterprise table td,
body.pm-bootstrap-enterprise .table td {
  padding: .78rem .85rem !important;
  color: var(--pm-text-soft) !important;
  background: transparent !important;
  border-color: var(--pm-border) !important;
  vertical-align: middle;
}
body.pm-bootstrap-enterprise table tbody tr:hover td,
body.pm-bootstrap-enterprise .table-hover > tbody > tr:hover > * { background: var(--pm-panel-muted) !important; }
body.pm-bootstrap-enterprise table td strong { color: var(--pm-text) !important; }

/* Alerts, badges, tabs, pagination and modal */
body.pm-bootstrap-enterprise .alert,
body.pm-bootstrap-enterprise .notice,
body.pm-bootstrap-enterprise .flash {
  border-radius: .75rem !important;
  font-size: .9rem !important;
}
body.pm-bootstrap-enterprise .badge,
body.pm-bootstrap-enterprise .pill,
body.pm-bootstrap-enterprise .status {
  border-radius: 999px !important;
  font-size: .72rem !important;
  font-weight: 750 !important;
  letter-spacing: .02em;
}
body.pm-bootstrap-enterprise .tabs,
body.pm-bootstrap-enterprise .tab-nav {
  gap: .35rem !important;
  padding: .35rem !important;
  background: var(--pm-panel-muted) !important;
  border: 1px solid var(--pm-border) !important;
  border-radius: .75rem !important;
}
body.pm-bootstrap-enterprise .tabs button,
body.pm-bootstrap-enterprise .tabs a,
body.pm-bootstrap-enterprise .tab-nav button,
body.pm-bootstrap-enterprise .tab-nav a {
  border-radius: .55rem !important;
  color: var(--pm-muted) !important;
  background: transparent !important;
}
body.pm-bootstrap-enterprise .tabs .active,
body.pm-bootstrap-enterprise .tab-nav .active {
  color: var(--pm-primary) !important;
  background: var(--pm-panel-bg) !important;
  box-shadow: var(--pm-shadow-xs) !important;
}
body.pm-bootstrap-enterprise .pagination { gap: .25rem; }
body.pm-bootstrap-enterprise .page-link {
  min-width: 38px;
  min-height: 38px;
  display: grid;
  place-items: center;
  color: var(--pm-text-soft);
  background: var(--pm-panel-bg);
  border-color: var(--pm-border);
  border-radius: .55rem !important;
}
body.pm-bootstrap-enterprise .modal-content {
  color: var(--pm-text);
  background: var(--pm-panel-bg);
  border-color: var(--pm-border);
  border-radius: 1rem;
  box-shadow: var(--pm-shadow);
}
body.pm-bootstrap-enterprise .modal-header,
body.pm-bootstrap-enterprise .modal-footer { border-color: var(--pm-border); }

/* Dark mode repairs for legacy hard-coded surfaces */
[data-bs-theme="dark"] body.pm-bootstrap-enterprise .panel,
[data-bs-theme="dark"] body.pm-bootstrap-enterprise .card,
[data-bs-theme="dark"] body.pm-bootstrap-enterprise .stat,
[data-bs-theme="dark"] body.pm-bootstrap-enterprise .target,
[data-bs-theme="dark"] body.pm-bootstrap-enterprise .epf-box,
[data-bs-theme="dark"] body.pm-bootstrap-enterprise .noncash-card,
[data-bs-theme="dark"] body.pm-bootstrap-enterprise .denom,
[data-bs-theme="dark"] body.pm-bootstrap-enterprise .auth-card,
[data-bs-theme="dark"] body.pm-bootstrap-enterprise .repair-card,
[data-bs-theme="dark"] body.pm-bootstrap-enterprise .product-card,
[data-bs-theme="dark"] body.pm-bootstrap-enterprise .filter-bar,
[data-bs-theme="dark"] body.pm-bootstrap-enterprise .summary-box {
  color: var(--pm-text) !important;
  background: var(--pm-panel-bg) !important;
  border-color: var(--pm-border) !important;
}
[data-bs-theme="dark"] body.pm-bootstrap-enterprise .stat,
[data-bs-theme="dark"] body.pm-bootstrap-enterprise .target,
[data-bs-theme="dark"] body.pm-bootstrap-enterprise .epf-box,
[data-bs-theme="dark"] body.pm-bootstrap-enterprise .noncash-card,
[data-bs-theme="dark"] body.pm-bootstrap-enterprise .denom { background: var(--pm-panel-muted) !important; }
[data-bs-theme="dark"] body.pm-bootstrap-enterprise input,
[data-bs-theme="dark"] body.pm-bootstrap-enterprise select,
[data-bs-theme="dark"] body.pm-bootstrap-enterprise textarea { color-scheme: dark; }
[data-bs-theme="dark"] body.pm-bootstrap-enterprise .bg-white { background-color: var(--pm-panel-bg) !important; }
[data-bs-theme="dark"] body.pm-bootstrap-enterprise .text-dark { color: var(--pm-text) !important; }
[data-bs-theme="dark"] body.pm-bootstrap-enterprise .border { border-color: var(--pm-border) !important; }

/* Guest authentication */
body.pm-bootstrap-enterprise.guest-body {
  background: var(--pm-content-bg) !important;
}
body.pm-bootstrap-enterprise .auth-shell { min-height: 100vh; }
body.pm-bootstrap-enterprise .auth-showcase {
  color: #fff !important;
  background: linear-gradient(145deg, #0b2f62 0%, #0d6efd 58%, #4f46e5 100%) !important;
}
body.pm-bootstrap-enterprise .auth-showcase h1,
body.pm-bootstrap-enterprise .auth-showcase p,
body.pm-bootstrap-enterprise .auth-showcase strong,
body.pm-bootstrap-enterprise .auth-showcase small { color: inherit !important; }
body.pm-bootstrap-enterprise .auth-panel { background: var(--pm-content-bg) !important; }
body.pm-bootstrap-enterprise .auth-card {
  color: var(--pm-text) !important;
  background: var(--pm-panel-bg) !important;
  border: 1px solid var(--pm-border) !important;
  border-radius: 1.1rem !important;
  box-shadow: var(--pm-shadow) !important;
}
body.pm-bootstrap-enterprise .pm-guest-theme { position: fixed; top: 1rem; right: 1rem; z-index: 1060; }

/* POS workspace */
body.pm-bootstrap-enterprise.pos-body { background: var(--pm-content-bg) !important; color: var(--pm-text) !important; }
body.pm-bootstrap-enterprise .pos-topbar {
  color: var(--pm-text) !important;
  background: var(--pm-panel-bg) !important;
  border-bottom: 1px solid var(--pm-border) !important;
  box-shadow: var(--pm-shadow-xs) !important;
}
body.pm-bootstrap-enterprise .pos-brand strong,
body.pm-bootstrap-enterprise .pos-identity strong { color: var(--pm-text) !important; }
body.pm-bootstrap-enterprise .pos-brand small,
body.pm-bootstrap-enterprise .pos-identity small { color: var(--pm-muted) !important; }
body.pm-bootstrap-enterprise .pos-icon-rail {
  color: var(--pm-sidebar-text) !important;
  background: var(--pm-sidebar-bg) !important;
  border-right: 1px solid var(--pm-sidebar-border) !important;
}
body.pm-bootstrap-enterprise .pos-icon-rail a,
body.pm-bootstrap-enterprise .pos-icon-rail button { color: var(--pm-sidebar-muted) !important; border-radius: .7rem !important; }
body.pm-bootstrap-enterprise .pos-icon-rail a:hover,
body.pm-bootstrap-enterprise .pos-icon-rail button:hover { color: var(--pm-sidebar-text) !important; background: var(--pm-sidebar-hover) !important; }
body.pm-bootstrap-enterprise .pos-icon-rail a.active { color: var(--pm-sidebar-active) !important; background: var(--pm-sidebar-active-bg) !important; }
body.pm-bootstrap-enterprise .pos-main { color: var(--pm-text); background: var(--pm-content-bg) !important; }
body.pm-bootstrap-enterprise .pm-pos-theme { margin-left: auto; }

/* Standalone employee/float pages */
body.pm-bootstrap-enterprise.pm-standalone { background: var(--pm-content-bg) !important; color: var(--pm-text) !important; }
body.pm-bootstrap-enterprise.pm-standalone .wrap { width: min(1180px, calc(100% - 2rem)); margin: 1.5rem auto; }
body.pm-bootstrap-enterprise.pm-standalone .pm-standalone-theme { position: fixed; top: 1rem; right: 1rem; z-index: 1060; }
body.pm-bootstrap-enterprise.pm-standalone .hero {
  color: #fff !important;
  background: linear-gradient(135deg, #0b2f62, #0d6efd 62%, #4f46e5) !important;
}
body.pm-bootstrap-enterprise.pm-standalone .hero h1,
body.pm-bootstrap-enterprise.pm-standalone .hero p,
body.pm-bootstrap-enterprise.pm-standalone .hero small { color: inherit !important; }
body.pm-bootstrap-enterprise.pm-standalone .table th,
body.pm-bootstrap-enterprise.pm-standalone .table td { font-size: .86rem !important; }
body.pm-bootstrap-enterprise.pm-standalone .stat strong { font-size: 1.22rem !important; }

/* Impersonation and overlays */
body.pm-bootstrap-enterprise .impersonation-banner { font-size: .88rem; }
body.pm-bootstrap-enterprise .backdrop { background: rgba(2, 6, 23, .58) !important; backdrop-filter: blur(2px); }

/* Desktop collapsed sidebar */
@media (min-width: 921px) {
  body.pm-bootstrap-enterprise.pm-sidebar-collapsed .sidebar { width: var(--pm-sidebar-collapsed); }
  body.pm-bootstrap-enterprise.pm-sidebar-collapsed .main { width: calc(100% - var(--pm-sidebar-collapsed)); margin-left: var(--pm-sidebar-collapsed); }
  body.pm-bootstrap-enterprise.pm-sidebar-collapsed .side-brand { justify-content: center; padding-inline: .5rem !important; }
  body.pm-bootstrap-enterprise.pm-sidebar-collapsed .side-brand > div:not(.side-brand-actions),
  body.pm-bootstrap-enterprise.pm-sidebar-collapsed .sidebar-search,
  body.pm-bootstrap-enterprise.pm-sidebar-collapsed .sidebar nav > label,
  body.pm-bootstrap-enterprise.pm-sidebar-collapsed .sidebar-section-label,
  body.pm-bootstrap-enterprise.pm-sidebar-collapsed .sidebar-link-copy,
  body.pm-bootstrap-enterprise.pm-sidebar-collapsed .sidebar-summary-copy,
  body.pm-bootstrap-enterprise.pm-sidebar-collapsed .sidebar-menu-arrow,
  body.pm-bootstrap-enterprise.pm-sidebar-collapsed .sidebar-submenu,
  body.pm-bootstrap-enterprise.pm-sidebar-collapsed .branch-access-menu-note,
  body.pm-bootstrap-enterprise.pm-sidebar-collapsed .side-user > div:last-child { display: none !important; }
  body.pm-bootstrap-enterprise.pm-sidebar-collapsed .side-brand-actions { margin: 0; }
  body.pm-bootstrap-enterprise.pm-sidebar-collapsed .sidebar nav > a,
  body.pm-bootstrap-enterprise.pm-sidebar-collapsed .sidebar-primary-link,
  body.pm-bootstrap-enterprise.pm-sidebar-collapsed .sidebar-menu-group > summary { justify-content: center; padding-inline: .45rem !important; }
  body.pm-bootstrap-enterprise.pm-sidebar-collapsed .sidebar-menu-group:has(.sidebar-submenu a.active) > summary { color: var(--pm-sidebar-active) !important; background: var(--pm-sidebar-active-bg) !important; }
  body.pm-bootstrap-enterprise.pm-sidebar-collapsed .side-user { justify-content: center; padding-inline: .35rem; }
  body.pm-bootstrap-enterprise.pm-sidebar-collapsed .logout { font-size: 0 !important; }
  body.pm-bootstrap-enterprise.pm-sidebar-collapsed .logout::before { content: "↪"; font-size: 1rem; }
}

/* Responsive */
@media (max-width: 1100px) {
  body.pm-bootstrap-enterprise .profile-chip em,
  body.pm-bootstrap-enterprise .topbar-branch-chip span { display: none; }
  body.pm-bootstrap-enterprise .topbar-branch-chip { width: 40px; display: grid; place-items: center; padding: 0 !important; }
}
@media (max-width: 920px) {
  :root { --pm-topbar-height: 64px; }
  body.pm-bootstrap-enterprise .sidebar {
    width: min(88vw, 320px);
    transform: translateX(-105%);
    box-shadow: var(--pm-shadow) !important;
  }
  body.pm-bootstrap-enterprise .sidebar.open { transform: translateX(0); }
  body.pm-bootstrap-enterprise .main { width: 100%; margin-left: 0; }
  body.pm-bootstrap-enterprise .menu-btn { display: inline-grid !important; }
  body.pm-bootstrap-enterprise [data-sidebar-collapse] { display: none !important; }
  body.pm-bootstrap-enterprise [data-sidebar-close] { display: grid !important; }
  body.pm-bootstrap-enterprise .backdrop { display: none; position: fixed; inset: 0; z-index: 1040; }
  body.pm-bootstrap-enterprise.pm-sidebar-open .backdrop,
  body.pm-bootstrap-enterprise .sidebar.open + .backdrop { display: block; }
  body.pm-bootstrap-enterprise .content { padding: 1.15rem .85rem 2rem !important; }
  body.pm-bootstrap-enterprise .topbar { padding-inline: .85rem !important; }
  body.pm-bootstrap-enterprise .page-head,
  body.pm-bootstrap-enterprise .inventory-page-head,
  body.pm-bootstrap-enterprise .company-detail-head { flex-direction: column; }
  body.pm-bootstrap-enterprise .app-footer { flex-direction: column; }
}
@media (max-width: 640px) {
  html { font-size: 15.5px; }
  body.pm-bootstrap-enterprise .topbar > div:first-child strong { max-width: 54vw; font-size: 1rem !important; }
  body.pm-bootstrap-enterprise .bell,
  body.pm-bootstrap-enterprise .profile-chip { display: none !important; }
  body.pm-bootstrap-enterprise .page-head h1,
  body.pm-bootstrap-enterprise .inventory-page-head h1 { font-size: 1.55rem !important; }
  body.pm-bootstrap-enterprise table,
  body.pm-bootstrap-enterprise .table { font-size: .86rem !important; }
  body.pm-bootstrap-enterprise table th,
  body.pm-bootstrap-enterprise table td { padding: .68rem .72rem !important; }
  body.pm-bootstrap-enterprise .panel,
  body.pm-bootstrap-enterprise .form-card,
  body.pm-bootstrap-enterprise .filter-panel { padding: 1rem !important; }
  body.pm-bootstrap-enterprise.pm-standalone .wrap { width: min(100% - 1rem, 1180px); margin: .75rem auto; }
}

@media (prefers-reduced-motion: reduce) {
  body.pm-bootstrap-enterprise *,
  body.pm-bootstrap-enterprise *::before,
  body.pm-bootstrap-enterprise *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

@media print {
  html, body.pm-bootstrap-enterprise { color: #000 !important; background: #fff !important; }
  body.pm-bootstrap-enterprise .sidebar,
  body.pm-bootstrap-enterprise .topbar,
  body.pm-bootstrap-enterprise .app-footer,
  body.pm-bootstrap-enterprise .pm-theme-dropdown,
  body.pm-bootstrap-enterprise .pm-guest-theme,
  body.pm-bootstrap-enterprise .pm-standalone-theme { display: none !important; }
  body.pm-bootstrap-enterprise .main { width: 100% !important; margin: 0 !important; }
  body.pm-bootstrap-enterprise .content { max-width: none !important; padding: 0 !important; }
  body.pm-bootstrap-enterprise .panel,
  body.pm-bootstrap-enterprise .card,
  body.pm-bootstrap-enterprise .table-wrap { box-shadow: none !important; }
}
body.pm-bootstrap-enterprise .pm-theme-dropdown .dropdown-item > .ms-auto,
body.pm-bootstrap-enterprise .pm-guest-theme .dropdown-item > .ms-auto,
body.pm-bootstrap-enterprise .pm-standalone-theme .dropdown-item > .ms-auto { opacity: 0; color: var(--pm-primary); font-weight: 900; }
body.pm-bootstrap-enterprise .pm-theme-dropdown .dropdown-item.active > .ms-auto,
body.pm-bootstrap-enterprise .pm-guest-theme .dropdown-item.active > .ms-auto,
body.pm-bootstrap-enterprise .pm-standalone-theme .dropdown-item.active > .ms-auto { opacity: 1; }

/* --------------------------------------------------------------------------
 * v1.0.85 / Part 10A8 — Menu & Dashboard Visual Refinement
 * Uniform main/submenu rhythm, fixed-size full-colour icons, no menu search,
 * and explicit readable dashboard hero text in Light and Dark modes.
 * -------------------------------------------------------------------------- */
body.pm-bootstrap-enterprise .sidebar-search,
body.pm-bootstrap-enterprise [data-sidebar-search-wrap] {
  display: none !important;
}
body.pm-bootstrap-enterprise .sidebar nav {
  padding-top: .78rem !important;
}
body.pm-bootstrap-enterprise .sidebar nav > a,
body.pm-bootstrap-enterprise .sidebar-primary-link,
body.pm-bootstrap-enterprise .sidebar-menu-group > summary {
  min-height: 46px !important;
  margin: .12rem 0 !important;
  padding: .48rem .62rem !important;
  gap: .68rem !important;
  border-radius: .72rem !important;
  font-size: .94rem !important;
  line-height: 1.25 !important;
}
body.pm-bootstrap-enterprise .sidebar-link-copy strong,
body.pm-bootstrap-enterprise .sidebar-summary-copy strong,
body.pm-bootstrap-enterprise .sidebar nav > a > span:not(.sidebar-link-icon) {
  color: inherit !important;
  font-size: .94rem !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
}
body.pm-bootstrap-enterprise .sidebar-link-copy small,
body.pm-bootstrap-enterprise .sidebar-summary-copy small {
  display: none !important;
}
body.pm-bootstrap-enterprise .sidebar-link-icon,
body.pm-bootstrap-enterprise .sidebar-menu-icon {
  display: none !important;
}
body.pm-bootstrap-enterprise #sidebar nav > a::before,
body.pm-bootstrap-enterprise #sidebar .sidebar-menu-group > summary::before {
  content: var(--pm-menu-icon-glyph, "📌");
  width: 30px;
  min-width: 30px;
  height: 30px;
  display: inline-grid;
  place-items: center;
  align-self: center;
  border-radius: 9px;
  background: var(--pm-menu-icon-bg, linear-gradient(135deg,#e2e8f0,#cbd5e1));
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.36), 0 3px 9px rgba(15,23,42,.10);
  font-family: "Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  flex: 0 0 30px;
}
body.pm-bootstrap-enterprise #sidebar [data-pm-icon="dashboard"] { --pm-menu-icon-glyph:"📊"; --pm-menu-icon-bg:linear-gradient(135deg,#dbeafe,#bfdbfe); }
body.pm-bootstrap-enterprise #sidebar [data-pm-icon="operations"] { --pm-menu-icon-glyph:"⚡"; --pm-menu-icon-bg:linear-gradient(135deg,#fef3c7,#fde68a); }
body.pm-bootstrap-enterprise #sidebar [data-pm-icon="pos"] { --pm-menu-icon-glyph:"🧾"; --pm-menu-icon-bg:linear-gradient(135deg,#dcfce7,#bbf7d0); }
body.pm-bootstrap-enterprise #sidebar [data-pm-icon="inventory"] { --pm-menu-icon-glyph:"📦"; --pm-menu-icon-bg:linear-gradient(135deg,#ede9fe,#ddd6fe); }
body.pm-bootstrap-enterprise #sidebar [data-pm-icon="team"] { --pm-menu-icon-glyph:"👥"; --pm-menu-icon-bg:linear-gradient(135deg,#cffafe,#a5f3fc); }
body.pm-bootstrap-enterprise #sidebar [data-pm-icon="reports"] { --pm-menu-icon-glyph:"📈"; --pm-menu-icon-bg:linear-gradient(135deg,#dbeafe,#bfdbfe); }
body.pm-bootstrap-enterprise #sidebar [data-pm-icon="customers"] { --pm-menu-icon-glyph:"🤝"; --pm-menu-icon-bg:linear-gradient(135deg,#fce7f3,#fbcfe8); }
body.pm-bootstrap-enterprise #sidebar [data-pm-icon="branches"] { --pm-menu-icon-glyph:"🏢"; --pm-menu-icon-bg:linear-gradient(135deg,#e0f2fe,#bae6fd); }
body.pm-bootstrap-enterprise #sidebar [data-pm-icon="cash"] { --pm-menu-icon-glyph:"💵"; --pm-menu-icon-bg:linear-gradient(135deg,#dcfce7,#bbf7d0); }
body.pm-bootstrap-enterprise #sidebar [data-pm-icon="repair"] { --pm-menu-icon-glyph:"🛠️"; --pm-menu-icon-bg:linear-gradient(135deg,#ffedd5,#fed7aa); }
body.pm-bootstrap-enterprise #sidebar [data-pm-icon="communication"] { --pm-menu-icon-glyph:"💬"; --pm-menu-icon-bg:linear-gradient(135deg,#e0e7ff,#c7d2fe); }
body.pm-bootstrap-enterprise #sidebar [data-pm-icon="orders"] { --pm-menu-icon-glyph:"🚚"; --pm-menu-icon-bg:linear-gradient(135deg,#fef3c7,#fde68a); }
body.pm-bootstrap-enterprise #sidebar [data-pm-icon="returns"] { --pm-menu-icon-glyph:"↩️"; --pm-menu-icon-bg:linear-gradient(135deg,#fee2e2,#fecaca); }
body.pm-bootstrap-enterprise #sidebar [data-pm-icon="settings"] { --pm-menu-icon-glyph:"⚙️"; --pm-menu-icon-bg:linear-gradient(135deg,#e2e8f0,#cbd5e1); }
body.pm-bootstrap-enterprise #sidebar [data-pm-icon="tools"] { --pm-menu-icon-glyph:"🧰"; --pm-menu-icon-bg:linear-gradient(135deg,#ffedd5,#fed7aa); }
body.pm-bootstrap-enterprise #sidebar [data-pm-icon="appearance"] { --pm-menu-icon-glyph:"🎨"; --pm-menu-icon-bg:linear-gradient(135deg,#fae8ff,#f5d0fe); }
body.pm-bootstrap-enterprise #sidebar [data-pm-icon="account"] { --pm-menu-icon-glyph:"👤"; --pm-menu-icon-bg:linear-gradient(135deg,#e0f2fe,#bae6fd); }
body.pm-bootstrap-enterprise #sidebar [data-pm-icon="security"] { --pm-menu-icon-glyph:"🛡️"; --pm-menu-icon-bg:linear-gradient(135deg,#d1fae5,#a7f3d0); }
body.pm-bootstrap-enterprise .sidebar-submenu {
  margin: .18rem 0 .4rem 1.12rem !important;
  padding: .12rem 0 .12rem .72rem !important;
}
body.pm-bootstrap-enterprise .sidebar-submenu a,
body.pm-bootstrap-enterprise .sidebar-submenu button {
  min-height: 40px !important;
  padding: .5rem .62rem .5rem 1.55rem !important;
  border-radius: .62rem !important;
  font-size: .9rem !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  position: relative;
}
body.pm-bootstrap-enterprise .sidebar-submenu a::before,
body.pm-bootstrap-enterprise .sidebar-submenu button::before {
  content:"";
  position:absolute;
  left:.62rem;
  top:50%;
  width:6px;
  height:6px;
  margin-top:-3px;
  border-radius:50%;
  background:color-mix(in srgb,var(--pm-primary) 62%,var(--pm-sidebar-muted));
  box-shadow:0 0 0 3px color-mix(in srgb,var(--pm-primary) 10%,transparent);
}
body.pm-bootstrap-enterprise #sidebar nav > a.active::before,
body.pm-bootstrap-enterprise #sidebar .sidebar-menu-group > summary.active::before,
body.pm-bootstrap-enterprise #sidebar .sidebar-menu-group:has(.sidebar-submenu a.active) > summary::before {
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.58), 0 0 0 3px color-mix(in srgb,var(--pm-primary) 18%,transparent), 0 4px 12px rgba(15,23,42,.14);
}
body.pm-bootstrap-enterprise.pm-sidebar-collapsed #sidebar nav > a,
body.pm-bootstrap-enterprise.pm-sidebar-collapsed #sidebar .sidebar-menu-group > summary {
  justify-content:center !important;
}
body.pm-bootstrap-enterprise.pm-sidebar-collapsed #sidebar nav > a::before,
body.pm-bootstrap-enterprise.pm-sidebar-collapsed #sidebar .sidebar-menu-group > summary::before {
  margin:0 !important;
}

/* The global Bootstrap theme loads after the dashboard stylesheet. Keep the
   dark-gradient dashboard hero readable in Light mode as well as Dark mode. */
body.pm-bootstrap-enterprise .td-hero,
body.pm-bootstrap-enterprise .td-hero h1,
body.pm-bootstrap-enterprise .td-hero h2,
body.pm-bootstrap-enterprise .td-hero h3,
body.pm-bootstrap-enterprise .td-hero p,
body.pm-bootstrap-enterprise .td-hero .td-hero-copy,
body.pm-bootstrap-enterprise .td-hero .td-hero-meta,
body.pm-bootstrap-enterprise .td-hero .td-hero-meta span,
body.pm-bootstrap-enterprise .td-hero .td-hero-meta strong,
body.pm-bootstrap-enterprise .td-hero .td-hero-actions,
body.pm-bootstrap-enterprise .td-hero .td-branch-switch > span,
body.pm-bootstrap-enterprise .td-hero .td-branch-switch label,
body.pm-bootstrap-enterprise .td-hero .td-branch-switch label small {
  color:#fff !important;
}
body.pm-bootstrap-enterprise .td-hero .td-kicker {
  color:#d1fae5 !important;
}
body.pm-bootstrap-enterprise .td-hero p {
  opacity:.96;
}
body.pm-bootstrap-enterprise .td-hero .td-hero-meta span {
  background:rgba(255,255,255,.09) !important;
  border-color:rgba(255,255,255,.22) !important;
}
body.pm-bootstrap-enterprise .td-hero .td-branch-switch select {
  color:#0f172a !important;
  background:#fff !important;
}

@media (max-width:920px) {
  body.pm-bootstrap-enterprise #sidebar nav > a::before,
  body.pm-bootstrap-enterprise #sidebar .sidebar-menu-group > summary::before {
    width:31px;
    min-width:31px;
    height:31px;
  }
}

/* --------------------------------------------------------------------------
 * v1.0.85 / Part 10A8 FIXED R2 — Company Dashboard Hero White Text Hotfix
 * Every visible textual element inside the company dashboard hero stays white
 * in Light, Dark and System modes. Form options retain dark readable text.
 * -------------------------------------------------------------------------- */
html[data-bs-theme="light"] body.pm-bootstrap-enterprise .td-hero,
html[data-bs-theme="dark"] body.pm-bootstrap-enterprise .td-hero,
html[data-theme="light"] body.pm-bootstrap-enterprise .td-hero,
html[data-theme="dark"] body.pm-bootstrap-enterprise .td-hero,
body.pm-bootstrap-enterprise .td-hero {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
body.pm-bootstrap-enterprise .td-hero *:not(select):not(option) {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  opacity: 1 !important;
}
body.pm-bootstrap-enterprise .td-hero .td-kicker,
body.pm-bootstrap-enterprise .td-hero .td-kicker *,
body.pm-bootstrap-enterprise .td-hero .td-hero-meta,
body.pm-bootstrap-enterprise .td-hero .td-hero-meta *,
body.pm-bootstrap-enterprise .td-hero .td-branch-switch label,
body.pm-bootstrap-enterprise .td-hero .td-branch-switch label *,
body.pm-bootstrap-enterprise .td-hero .td-branch-switch > span,
body.pm-bootstrap-enterprise .td-hero .td-hero-actions a {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  opacity: 1 !important;
}
body.pm-bootstrap-enterprise .td-hero h1,
body.pm-bootstrap-enterprise .td-hero p,
body.pm-bootstrap-enterprise .td-hero .td-hero-meta span,
body.pm-bootstrap-enterprise .td-hero .td-branch-switch small,
body.pm-bootstrap-enterprise .td-hero .td-branch-switch strong {
  text-shadow: 0 1px 2px rgba(0,0,0,.22) !important;
}
body.pm-bootstrap-enterprise .td-hero .td-hero-meta span,
body.pm-bootstrap-enterprise .td-hero .td-branch-ready,
body.pm-bootstrap-enterprise .td-hero .td-branch-switch {
  background: rgba(255,255,255,.09) !important;
  border-color: rgba(255,255,255,.24) !important;
}
body.pm-bootstrap-enterprise .td-hero .td-action.primary,
body.pm-bootstrap-enterprise .td-hero .td-action.secondary {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background: rgba(255,255,255,.10) !important;
  border: 1px solid rgba(255,255,255,.28) !important;
}
body.pm-bootstrap-enterprise .td-hero .td-action:hover,
body.pm-bootstrap-enterprise .td-hero .td-action:focus-visible {
  background: rgba(255,255,255,.18) !important;
  border-color: rgba(255,255,255,.46) !important;
}
body.pm-bootstrap-enterprise .td-hero select,
body.pm-bootstrap-enterprise .td-hero select option {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  background: #fff !important;
  opacity: 1 !important;
}



/* ==========================================================================
   v1.0.90 Light-mode readability and hero-text hardening
   ========================================================================== */
html[data-bs-theme="light"] body.pm-bootstrap-enterprise {
  --pm-text: #172033;
  --pm-text-soft: #334155;
  --pm-muted: #64748b;
  --bs-body-color: #172033;
  --bs-heading-color: #0f172a;
}

html[data-bs-theme="light"] body.pm-bootstrap-enterprise :is(
  .panel,.card,.stat,.target,.epf-box,.noncash-card,.denom,.auth-card,.repair-card,
  .product-card,.filter-bar,.summary-box,.modal-content,.dropdown-menu,.table-wrap,
  .bh-card,.assessment-card,.report-card,.customer-card,.content-card
) {
  color: var(--pm-text) !important;
}

html[data-bs-theme="light"] body.pm-bootstrap-enterprise :is(
  .panel,.card,.stat,.target,.epf-box,.noncash-card,.denom,.auth-card,.repair-card,
  .product-card,.filter-bar,.summary-box,.modal-content,.dropdown-menu,.table-wrap,
  .bh-card,.assessment-card,.report-card,.customer-card,.content-card
) :is(h1,h2,h3,h4,h5,h6,strong,label,th) {
  color: var(--pm-text) !important;
  -webkit-text-fill-color: var(--pm-text) !important;
}

html[data-bs-theme="light"] body.pm-bootstrap-enterprise :is(
  .hero,.td-hero,.bh-hero,.assessment-hero,.earn-hero,.communication-hero,
  .branch-access-hero,.distribution-hero,.distribution-hero-friendly,
  .repair-admin-hero,.account-list-hero,.payroll-hero,.pd-hero,.help-hero,
  .company-hero,.ref-dashboard-hero,.catalog-hero,.stab-hero,.account-hero,
  .business-settings-hero,.warranty-hero-card,.payroll-detail-hero,.far-hero,
  .fb-hero,.sales-register-hero,.profit-audit-hero,.report-detail-hero,
  .report-center-hero,.assessment-pos-hero,.branch-hero,.technician-hero
) {
  color: #fff !important;
  --bs-body-color: #fff;
  --bs-heading-color: #fff;
  -webkit-text-fill-color: #fff !important;
}

html[data-bs-theme="light"] body.pm-bootstrap-enterprise :is(
  .hero,.td-hero,.bh-hero,.assessment-hero,.earn-hero,.communication-hero,
  .branch-access-hero,.distribution-hero,.distribution-hero-friendly,
  .repair-admin-hero,.account-list-hero,.payroll-hero,.pd-hero,.help-hero,
  .company-hero,.ref-dashboard-hero,.catalog-hero,.stab-hero,.account-hero,
  .business-settings-hero,.warranty-hero-card,.payroll-detail-hero,.far-hero,
  .fb-hero,.sales-register-hero,.profit-audit-hero,.report-detail-hero,
  .report-center-hero,.assessment-pos-hero,.branch-hero,.technician-hero
) :is(h1,h2,h3,h4,h5,h6,p,small,b,strong,span,label,a,em,i) {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

html[data-bs-theme="light"] body.pm-bootstrap-enterprise :is(
  .hero,.td-hero,.bh-hero,.assessment-hero,.earn-hero,.communication-hero,
  .branch-access-hero,.distribution-hero,.distribution-hero-friendly,
  .repair-admin-hero,.account-list-hero,.payroll-hero,.pd-hero,.help-hero,
  .company-hero,.ref-dashboard-hero,.catalog-hero,.stab-hero,.account-hero,
  .business-settings-hero,.warranty-hero-card,.payroll-detail-hero,.far-hero,
  .fb-hero,.sales-register-hero,.profit-audit-hero,.report-detail-hero,
  .report-center-hero,.assessment-pos-hero,.branch-hero,.technician-hero
) :is(input,select,textarea,option) {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

/* The Open POS workspace follows the saved system appearance but does not show
   an appearance switch. This also hides a stale cached dropdown safely. */
body.pm-bootstrap-enterprise.pos-body .pm-pos-theme { display: none !important; }

/* ========================================================================== 
   v1.0.92 / Part 10A15B FIXED R3 — Dashboard hero colour consistency
   Visual-only override: every application page hero uses the same dashboard
   navy/blue/teal palette in Light and Dark modes. Layout, spacing and logic
   remain owned by each page-specific stylesheet.
   ========================================================================== */
body.pm-bootstrap-enterprise {
  --pm-dashboard-hero-background: linear-gradient(135deg, #0b1730 0%, #142c57 60%, #103f59 100%);
  --pm-dashboard-hero-border: rgba(148, 163, 184, .20);
  --pm-dashboard-hero-shadow: 0 24px 55px rgba(15, 35, 75, .22);
  --pm-dashboard-hero-title: #ffffff;
  --pm-dashboard-hero-copy: #cbd5e1;
  --pm-dashboard-hero-accent: #a7f3d0;
  --pm-dashboard-hero-panel: rgba(255, 255, 255, .07);
  --pm-dashboard-hero-panel-border: rgba(255, 255, 255, .15);
}

html[data-bs-theme="light"] body.pm-bootstrap-enterprise :is(
  .hero,
  .hero-section,
  .td-hero,
  .business-settings-hero,
  .bh-hero,
  .assessment-hero,
  .earn-hero,
  .communication-hero,
  .branch-access-hero,
  .distribution-hero,
  .distribution-hero-friendly,
  .repair-admin-hero,
  .account-list-hero,
  .payroll-hero,
  .pd-hero,
  .help-hero,
  .company-hero,
  .ref-dashboard-hero,
  .catalog-hero,
  .stab-hero,
  .account-hero,
  .business-settings-hero,
  .warranty-hero-card,
  .payroll-detail-hero,
  .far-hero,
  .fb-hero,
  .sales-register-hero,
  .profit-audit-hero,
  .report-detail-hero,
  .report-center-hero,
  .assessment-pos-hero,
  .branch-hero,
  .technician-hero
),
html[data-bs-theme="dark"] body.pm-bootstrap-enterprise :is(
  .hero,
  .hero-section,
  .td-hero,
  .business-settings-hero,
  .bh-hero,
  .assessment-hero,
  .earn-hero,
  .communication-hero,
  .branch-access-hero,
  .distribution-hero,
  .distribution-hero-friendly,
  .repair-admin-hero,
  .account-list-hero,
  .payroll-hero,
  .pd-hero,
  .help-hero,
  .company-hero,
  .ref-dashboard-hero,
  .catalog-hero,
  .stab-hero,
  .account-hero,
  .business-settings-hero,
  .warranty-hero-card,
  .payroll-detail-hero,
  .far-hero,
  .fb-hero,
  .sales-register-hero,
  .profit-audit-hero,
  .report-detail-hero,
  .report-center-hero,
  .assessment-pos-hero,
  .branch-hero,
  .technician-hero
),
html[data-theme="light"] body.pm-bootstrap-enterprise :is(
  .hero,.hero-section,.td-hero,.business-settings-hero,.bh-hero,.assessment-hero,
  .earn-hero,.communication-hero,.branch-access-hero,.distribution-hero,
  .distribution-hero-friendly,.repair-admin-hero,.account-list-hero,.payroll-hero,
  .pd-hero,.help-hero,.company-hero,.ref-dashboard-hero,.catalog-hero,.stab-hero,
  .account-hero,.warranty-hero-card,.payroll-detail-hero,.far-hero,.fb-hero,
  .sales-register-hero,.profit-audit-hero,.report-detail-hero,.report-center-hero,
  .assessment-pos-hero,.branch-hero,.technician-hero
),
html[data-theme="dark"] body.pm-bootstrap-enterprise :is(
  .hero,.hero-section,.td-hero,.business-settings-hero,.bh-hero,.assessment-hero,
  .earn-hero,.communication-hero,.branch-access-hero,.distribution-hero,
  .distribution-hero-friendly,.repair-admin-hero,.account-list-hero,.payroll-hero,
  .pd-hero,.help-hero,.company-hero,.ref-dashboard-hero,.catalog-hero,.stab-hero,
  .account-hero,.warranty-hero-card,.payroll-detail-hero,.far-hero,.fb-hero,
  .sales-register-hero,.profit-audit-hero,.report-detail-hero,.report-center-hero,
  .assessment-pos-hero,.branch-hero,.technician-hero
) {
  background: var(--pm-dashboard-hero-background) !important;
  background-color: #0b1730 !important;
  border-color: var(--pm-dashboard-hero-border) !important;
  box-shadow: var(--pm-dashboard-hero-shadow) !important;
  color: var(--pm-dashboard-hero-title) !important;
  --bs-body-color: var(--pm-dashboard-hero-title);
  --bs-heading-color: var(--pm-dashboard-hero-title);
}

body.pm-bootstrap-enterprise :is(
  .hero,.hero-section,.td-hero,.business-settings-hero,.bh-hero,.assessment-hero,
  .earn-hero,.communication-hero,.branch-access-hero,.distribution-hero,
  .distribution-hero-friendly,.repair-admin-hero,.account-list-hero,.payroll-hero,
  .pd-hero,.help-hero,.company-hero,.ref-dashboard-hero,.catalog-hero,.stab-hero,
  .account-hero,.warranty-hero-card,.payroll-detail-hero,.far-hero,.fb-hero,
  .sales-register-hero,.profit-audit-hero,.report-detail-hero,.report-center-hero,
  .assessment-pos-hero,.branch-hero,.technician-hero
) :is(h1,h2,h3,h4,h5,h6,strong,label,a,button) {
  color: var(--pm-dashboard-hero-title) !important;
  -webkit-text-fill-color: var(--pm-dashboard-hero-title) !important;
}

body.pm-bootstrap-enterprise :is(
  .hero,.hero-section,.td-hero,.business-settings-hero,.bh-hero,.assessment-hero,
  .earn-hero,.communication-hero,.branch-access-hero,.distribution-hero,
  .distribution-hero-friendly,.repair-admin-hero,.account-list-hero,.payroll-hero,
  .pd-hero,.help-hero,.company-hero,.ref-dashboard-hero,.catalog-hero,.stab-hero,
  .account-hero,.warranty-hero-card,.payroll-detail-hero,.far-hero,.fb-hero,
  .sales-register-hero,.profit-audit-hero,.report-detail-hero,.report-center-hero,
  .assessment-pos-hero,.branch-hero,.technician-hero
) :is(p,small,em) {
  color: var(--pm-dashboard-hero-copy) !important;
  -webkit-text-fill-color: var(--pm-dashboard-hero-copy) !important;
}

body.pm-bootstrap-enterprise :is(
  .hero,.hero-section,.td-hero,.business-settings-hero,.bh-hero,.assessment-hero,
  .earn-hero,.communication-hero,.branch-access-hero,.distribution-hero,
  .distribution-hero-friendly,.repair-admin-hero,.account-list-hero,.payroll-hero,
  .pd-hero,.help-hero,.company-hero,.ref-dashboard-hero,.catalog-hero,.stab-hero,
  .account-hero,.warranty-hero-card,.payroll-detail-hero,.far-hero,.fb-hero,
  .sales-register-hero,.profit-audit-hero,.report-detail-hero,.report-center-hero,
  .assessment-pos-hero,.branch-hero,.technician-hero
) > :is(b,small:first-child),
body.pm-bootstrap-enterprise :is(
  .hero,.hero-section,.td-hero,.business-settings-hero,.bh-hero,.assessment-hero,
  .earn-hero,.communication-hero,.branch-access-hero,.distribution-hero,
  .distribution-hero-friendly,.repair-admin-hero,.account-list-hero,.payroll-hero,
  .pd-hero,.help-hero,.company-hero,.ref-dashboard-hero,.catalog-hero,.stab-hero,
  .account-hero,.warranty-hero-card,.payroll-detail-hero,.far-hero,.fb-hero,
  .sales-register-hero,.profit-audit-hero,.report-detail-hero,.report-center-hero,
  .assessment-pos-hero,.branch-hero,.technician-hero
) :is(.td-kicker,.eyebrow,.kicker) {
  color: var(--pm-dashboard-hero-accent) !important;
  -webkit-text-fill-color: var(--pm-dashboard-hero-accent) !important;
}

/* Dashboard-style translucent identity/meta cards inside hero sections. */
body.pm-bootstrap-enterprise :is(
  .hero,.hero-section,.td-hero,.business-settings-hero,.bh-hero,.assessment-hero,
  .earn-hero,.communication-hero,.branch-access-hero,.distribution-hero,
  .distribution-hero-friendly,.repair-admin-hero,.account-list-hero,.payroll-hero,
  .pd-hero,.help-hero,.company-hero,.ref-dashboard-hero,.catalog-hero,.stab-hero,
  .account-hero,.warranty-hero-card,.payroll-detail-hero,.far-hero,.fb-hero,
  .sales-register-hero,.profit-audit-hero,.report-detail-hero,.report-center-hero,
  .assessment-pos-hero,.branch-hero,.technician-hero
) :is(
  .business-settings-preview-mini,.td-branch-ready,.td-hero-meta span,
  .communication-hero-status,.report-center-hero-meta,.fb-hero-total
) {
  background: var(--pm-dashboard-hero-panel) !important;
  border-color: var(--pm-dashboard-hero-panel-border) !important;
  color: var(--pm-dashboard-hero-title) !important;
}

body.pm-bootstrap-enterprise :is(
  .hero,.hero-section,.td-hero,.business-settings-hero,.bh-hero,.assessment-hero,
  .earn-hero,.communication-hero,.branch-access-hero,.distribution-hero,
  .distribution-hero-friendly,.repair-admin-hero,.account-list-hero,.payroll-hero,
  .pd-hero,.help-hero,.company-hero,.ref-dashboard-hero,.catalog-hero,.stab-hero,
  .account-hero,.warranty-hero-card,.payroll-detail-hero,.far-hero,.fb-hero,
  .sales-register-hero,.profit-audit-hero,.report-detail-hero,.report-center-hero,
  .assessment-pos-hero,.branch-hero,.technician-hero
) :is(input,select,textarea,option) {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  background-color: #ffffff !important;
}

/* ========================================================================== 
   v1.0.92 / Part 10A15C FIXED R4 — Hero action button colour consistency
   Visual-only override: every semantic action inside every supported hero
   uses the Company Dashboard Drill-down button palette in Light and Dark modes.
   Existing page layout, labels, routes and behaviour remain unchanged.
   ========================================================================== */
body.pm-bootstrap-enterprise {
  --pm-dashboard-hero-button-bg: rgba(255, 255, 255, .08);
  --pm-dashboard-hero-button-bg-hover: rgba(255, 255, 255, .16);
  --pm-dashboard-hero-button-bg-active: rgba(255, 255, 255, .22);
  --pm-dashboard-hero-button-border: rgba(255, 255, 255, .18);
  --pm-dashboard-hero-button-border-hover: rgba(255, 255, 255, .34);
  --pm-dashboard-hero-button-text: #ffffff;
  --pm-dashboard-hero-button-shadow: 0 8px 22px rgba(2, 8, 23, .14);
  --pm-dashboard-hero-button-focus: 0 0 0 3px rgba(147, 197, 253, .34);
}

body.pm-bootstrap-enterprise :is(
  .hero,.hero-section,.td-hero,.business-settings-hero,.bh-hero,.assessment-hero,
  .earn-hero,.communication-hero,.branch-access-hero,.distribution-hero,
  .distribution-hero-friendly,.repair-admin-hero,.account-list-hero,.payroll-hero,
  .pd-hero,.help-hero,.company-hero,.ref-dashboard-hero,.catalog-hero,.stab-hero,
  .account-hero,.warranty-hero-card,.payroll-detail-hero,.far-hero,.fb-hero,
  .sales-register-hero,.profit-audit-hero,.report-detail-hero,.report-center-hero,
  .assessment-pos-hero,.branch-hero,.technician-hero
) :is(
  a[href],button,[role="button"],input[type="button"],input[type="submit"],input[type="reset"],
  .btn,.button,.action,.action-button,.hero-button,.hero-btn,.hero-action,
  .td-action,.pm-button,.bh-button,.light-btn,.ghost-btn
) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .42rem !important;
  min-height: 40px !important;
  padding: 9px 13px !important;
  border: 1px solid var(--pm-dashboard-hero-button-border) !important;
  border-radius: 10px !important;
  background: var(--pm-dashboard-hero-button-bg) !important;
  background-color: transparent !important;
  color: var(--pm-dashboard-hero-button-text) !important;
  -webkit-text-fill-color: var(--pm-dashboard-hero-button-text) !important;
  box-shadow: var(--pm-dashboard-hero-button-shadow) !important;
  text-decoration: none !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  opacity: 1 !important;
  transition: background-color .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease !important;
}

body.pm-bootstrap-enterprise :is(
  .hero,.hero-section,.td-hero,.business-settings-hero,.bh-hero,.assessment-hero,
  .earn-hero,.communication-hero,.branch-access-hero,.distribution-hero,
  .distribution-hero-friendly,.repair-admin-hero,.account-list-hero,.payroll-hero,
  .pd-hero,.help-hero,.company-hero,.ref-dashboard-hero,.catalog-hero,.stab-hero,
  .account-hero,.warranty-hero-card,.payroll-detail-hero,.far-hero,.fb-hero,
  .sales-register-hero,.profit-audit-hero,.report-detail-hero,.report-center-hero,
  .assessment-pos-hero,.branch-hero,.technician-hero
) :is(
  a[href],button,[role="button"],input[type="button"],input[type="submit"],input[type="reset"],
  .btn,.button,.action,.action-button,.hero-button,.hero-btn,.hero-action,
  .td-action,.pm-button,.bh-button,.light-btn,.ghost-btn
) :is(span,strong,small,i,svg) {
  color: var(--pm-dashboard-hero-button-text) !important;
  -webkit-text-fill-color: var(--pm-dashboard-hero-button-text) !important;
  fill: currentColor !important;
}

body.pm-bootstrap-enterprise :is(
  .hero,.hero-section,.td-hero,.business-settings-hero,.bh-hero,.assessment-hero,
  .earn-hero,.communication-hero,.branch-access-hero,.distribution-hero,
  .distribution-hero-friendly,.repair-admin-hero,.account-list-hero,.payroll-hero,
  .pd-hero,.help-hero,.company-hero,.ref-dashboard-hero,.catalog-hero,.stab-hero,
  .account-hero,.warranty-hero-card,.payroll-detail-hero,.far-hero,.fb-hero,
  .sales-register-hero,.profit-audit-hero,.report-detail-hero,.report-center-hero,
  .assessment-pos-hero,.branch-hero,.technician-hero
) :is(
  a[href],button,[role="button"],input[type="button"],input[type="submit"],input[type="reset"],
  .btn,.button,.action,.action-button,.hero-button,.hero-btn,.hero-action,
  .td-action,.pm-button,.bh-button,.light-btn,.ghost-btn
):is(:hover,:focus-visible) {
  background: var(--pm-dashboard-hero-button-bg-hover) !important;
  border-color: var(--pm-dashboard-hero-button-border-hover) !important;
  color: var(--pm-dashboard-hero-button-text) !important;
  -webkit-text-fill-color: var(--pm-dashboard-hero-button-text) !important;
  box-shadow: var(--pm-dashboard-hero-button-shadow), var(--pm-dashboard-hero-button-focus) !important;
  transform: translateY(-1px) !important;
}

body.pm-bootstrap-enterprise :is(
  .hero,.hero-section,.td-hero,.business-settings-hero,.bh-hero,.assessment-hero,
  .earn-hero,.communication-hero,.branch-access-hero,.distribution-hero,
  .distribution-hero-friendly,.repair-admin-hero,.account-list-hero,.payroll-hero,
  .pd-hero,.help-hero,.company-hero,.ref-dashboard-hero,.catalog-hero,.stab-hero,
  .account-hero,.warranty-hero-card,.payroll-detail-hero,.far-hero,.fb-hero,
  .sales-register-hero,.profit-audit-hero,.report-detail-hero,.report-center-hero,
  .assessment-pos-hero,.branch-hero,.technician-hero
) :is(
  a[href],button,[role="button"],input[type="button"],input[type="submit"],input[type="reset"],
  .btn,.button,.action,.action-button,.hero-button,.hero-btn,.hero-action,
  .td-action,.pm-button,.bh-button,.light-btn,.ghost-btn
):active {
  background: var(--pm-dashboard-hero-button-bg-active) !important;
  transform: translateY(0) !important;
}

body.pm-bootstrap-enterprise :is(
  .hero,.hero-section,.td-hero,.business-settings-hero,.bh-hero,.assessment-hero,
  .earn-hero,.communication-hero,.branch-access-hero,.distribution-hero,
  .distribution-hero-friendly,.repair-admin-hero,.account-list-hero,.payroll-hero,
  .pd-hero,.help-hero,.company-hero,.ref-dashboard-hero,.catalog-hero,.stab-hero,
  .account-hero,.warranty-hero-card,.payroll-detail-hero,.far-hero,.fb-hero,
  .sales-register-hero,.profit-audit-hero,.report-detail-hero,.report-center-hero,
  .assessment-pos-hero,.branch-hero,.technician-hero
) :is(button,input[type="button"],input[type="submit"],input[type="reset"]):disabled,
body.pm-bootstrap-enterprise :is(
  .hero,.hero-section,.td-hero,.business-settings-hero,.bh-hero,.assessment-hero,
  .earn-hero,.communication-hero,.branch-access-hero,.distribution-hero,
  .distribution-hero-friendly,.repair-admin-hero,.account-list-hero,.payroll-hero,
  .pd-hero,.help-hero,.company-hero,.ref-dashboard-hero,.catalog-hero,.stab-hero,
  .account-hero,.warranty-hero-card,.payroll-detail-hero,.far-hero,.fb-hero,
  .sales-register-hero,.profit-audit-hero,.report-detail-hero,.report-center-hero,
  .assessment-pos-hero,.branch-hero,.technician-hero
) :is(a,[role="button"])[aria-disabled="true"] {
  opacity: .55 !important;
  cursor: not-allowed !important;
  transform: none !important;
}



/* Part 10A17 v1.0.94 — mobile/tablet navigation overlay recovery. */
.app-shell > .backdrop[data-sidebar-close] {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  touch-action: auto !important;
}
@media (max-width: 920px) {
  body.pm-bootstrap-enterprise:not(.pm-sidebar-open):not(.modal-open):not(.offcanvas-open) {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    touch-action: pan-y pinch-zoom !important;
  }
  body.pm-bootstrap-enterprise .app-shell > .backdrop[data-sidebar-close] {
    display: block !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: 1040 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: opacity .18s ease, visibility 0s linear .18s !important;
  }
  body.pm-bootstrap-enterprise.pm-sidebar-open .sidebar.open ~ .backdrop[data-sidebar-close] {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    touch-action: none !important;
    transition: opacity .18s ease !important;
  }
  body.pm-bootstrap-enterprise.pm-sidebar-open {
    overflow: hidden !important;
    touch-action: none !important;
  }
  body.pm-bootstrap-enterprise:not(.pm-sidebar-open) .sidebar {
    transform: translateX(-105%) !important;
  }
  body.pm-bootstrap-enterprise.pm-sidebar-open .sidebar.open {
    transform: translateX(0) !important;
  }
}
@media (min-width: 921px) {
  .app-shell > .backdrop[data-sidebar-close] { display: none !important; }
}
body:not(.modal-open):not(.offcanvas-open) > .modal-backdrop,
body:not(.modal-open):not(.offcanvas-open) > .offcanvas-backdrop {
  pointer-events: none !important;
}

/* --------------------------------------------------------------------------
 * v1.0.102 — Light-mode Context / Meta Information Polish
 * Makes read-only context information visually match each page's action
 * language without making the information look interactive or changing dark
 * mode. Print/receipt metadata is intentionally excluded.
 * -------------------------------------------------------------------------- */
html[data-theme="light"] body.pm-bootstrap-enterprise {
  --pm-context-surface:#ffffff;
  --pm-context-border:#d6dee9;
  --pm-context-text:#26364d;
  --pm-context-muted:#64748b;
  --pm-context-accent:#315fdb;
  --pm-context-accent-soft:#eef4ff;
  --pm-context-shadow:0 5px 14px rgba(15,23,42,.055);
}

/* Profit Drill-down / Source Snapshot: same sizing and surface language as
   the nearby pd-actions secondary buttons, but remains clearly read-only. */
html[data-theme="light"] body.pm-bootstrap-enterprise .pd-meta {
  gap:6px !important;
  align-items:stretch;
}
html[data-theme="light"] body.pm-bootstrap-enterprise .pd-meta > span {
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:7px 11px !important;
  border:1px solid var(--pm-context-border) !important;
  border-radius:9px !important;
  background:var(--pm-context-surface) !important;
  color:var(--pm-context-text) !important;
  box-shadow:var(--pm-context-shadow);
  font-size:9px !important;
  font-weight:800;
  line-height:1.25;
  text-align:center;
}
html[data-theme="light"] body.pm-bootstrap-enterprise .pd-meta > span:first-child {
  background:var(--pm-context-accent-soft) !important;
  border-color:#bfd0ef !important;
  color:#2448a5 !important;
}
html[data-theme="light"] body.pm-bootstrap-enterprise .pd-meta b {
  color:inherit !important;
  font-weight:900;
}

/* Read-only result counters in Profit panels use the same soft action shell. */
html[data-theme="light"] body.pm-bootstrap-enterprise .pd-panel > header > strong {
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:6px 10px;
  border:1px solid var(--pm-context-border);
  border-radius:9px;
  background:var(--pm-context-surface);
  color:var(--pm-context-text) !important;
  box-shadow:var(--pm-context-shadow);
}

/* Advanced Report pages: scope values and header result/page summaries. */
html[data-theme="light"] body.pm-bootstrap-enterprise .report-scope-strip > strong,
html[data-theme="light"] body.pm-bootstrap-enterprise .report-filter-panel > header > span,
html[data-theme="light"] body.pm-bootstrap-enterprise .report-table-panel > header > span {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:7px 11px !important;
  border:1px solid var(--pm-context-border) !important;
  border-radius:10px !important;
  background:var(--pm-context-surface) !important;
  color:var(--pm-context-text) !important;
  box-shadow:var(--pm-context-shadow);
  font-weight:800;
  line-height:1.2;
}
html[data-theme="light"] body.pm-bootstrap-enterprise .report-scope-strip > strong {
  color:#2448a5 !important;
  background:var(--pm-context-accent-soft) !important;
  border-color:#bfd0ef !important;
}

/* Report Center workspace/period/currency block: keep its existing structure,
   strengthen it to the same bordered soft-button visual language. */
html[data-theme="light"] body.pm-bootstrap-enterprise .report-center-hero-meta {
  background:rgba(255,255,255,.94) !important;
  border-color:var(--pm-context-border) !important;
  box-shadow:var(--pm-context-shadow);
}
html[data-theme="light"] body.pm-bootstrap-enterprise .report-center-hero-meta > span {
  min-height:34px;
  padding:7px 10px;
  border:1px solid #e1e7f0;
  border-radius:10px;
  background:#fff;
  color:var(--pm-context-text);
}
html[data-theme="light"] body.pm-bootstrap-enterprise .report-center-hero-meta > span strong {
  color:#2448a5;
}

/* Company dashboard hero stays dark by design even in Light mode. Match the
   nearby td-action secondary controls with a stronger translucent border. */
html[data-theme="light"] body.pm-bootstrap-enterprise .td-hero .td-hero-meta > span {
  display:inline-flex !important;
  align-items:center;
  min-height:36px;
  padding:8px 12px !important;
  border:1px solid rgba(255,255,255,.34) !important;
  border-radius:10px !important;
  background:rgba(255,255,255,.12) !important;
  color:#fff !important;
  box-shadow:0 5px 14px rgba(15,23,42,.13);
  font-weight:800;
}

@media (max-width:620px) {
  html[data-theme="light"] body.pm-bootstrap-enterprise .pd-meta > span {
    flex:1 1 auto;
  }
  html[data-theme="light"] body.pm-bootstrap-enterprise .report-filter-panel > header > span,
  html[data-theme="light"] body.pm-bootstrap-enterprise .report-table-panel > header > span {
    min-height:32px;
    padding:6px 9px !important;
  }
}
/* v1.0.102-context-info-polish-end */