/* BIMAS workspace: loaded before first paint. Module content keeps its own design. */
@media screen {
  html[data-auth-ready="app"]:root {
    --sidebar-w:264px!important;
    --shell-gap:16px;
    --shell-start:296px;
    --topbar-h:72px!important;
    --shell-canvas:#f2f6f7;
    --shell-surface:rgba(255,255,255,.94);
    --shell-border:#dce7e9;
  }
  html[data-auth-ready="app"]:root body {
    background:radial-gradient(ellipse at 95% 0%,#dcefed 0,transparent 42rem),radial-gradient(ellipse at 42% 85%,#e8eefa 0,transparent 40rem),var(--shell-canvas)!important;
    background-attachment:fixed!important;
  }
  html[data-auth-ready="app"]:root body::before,
  html[data-auth-ready="app"]:root body::after,
  html[data-auth-ready="app"]:root #app-content#app-content::before,
  html[data-auth-ready="app"]:root #app-content#app-content::after,
  html[data-auth-ready="app"]:root #app-sidebar#app-sidebar::before,
  html[data-auth-ready="app"]:root #app-sidebar#app-sidebar::after,
  html[data-auth-ready="app"]:root #app-topbar#app-topbar::after {content:none!important;display:none!important}

  html[data-auth-ready="app"]:root #app-sidebar#app-sidebar {
    position:fixed!important;inset:16px auto 16px 16px!important;
    display:flex!important;flex-direction:column!important;
    width:var(--sidebar-w)!important;height:calc(100dvh - 32px)!important;
    max-height:calc(100dvh - 32px)!important;min-height:0!important;
    padding:0!important;overflow:hidden!important;
    border:1px solid #25474d!important;border-radius:22px!important;
    background:radial-gradient(ellipse at 0 0,rgba(39,140,133,.22),transparent 26rem),linear-gradient(170deg,#102f36,#0b2029 78%)!important;
    box-shadow:0 20px 50px -20px rgba(13,42,50,.4),inset 0 1px 0 rgba(255,255,255,.06)!important;
    color:#e7f1f2!important;transform:none!important;z-index:1000!important;
  }
  html[data-auth-ready="app"]:root #app-sidebar#app-sidebar .sidebar-brand {
    flex:none!important;min-height:94px!important;padding:20px 18px 16px!important;
    border:0!important;border-bottom:1px solid rgba(212,244,239,.1)!important;
    background:transparent!important;
  }
  html[data-auth-ready="app"]:root #app-sidebar#app-sidebar .sidebar-brand-row {
    display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;width:100%!important;
  }
  html[data-auth-ready="app"]:root #app-sidebar#app-sidebar .sidebar-brand-logo {
    display:flex!important;align-items:center!important;justify-content:center!important;
    flex:0 0 64px!important;width:64px!important;height:52px!important;min-width:0!important;
    padding:0!important;margin:0!important;overflow:visible!important;border:0!important;background:transparent!important;
  }
  html[data-auth-ready="app"]:root #app-sidebar#app-sidebar #sidebar-logo {
    display:block;width:64px!important;height:52px!important;max-width:100%!important;max-height:100%!important;
    margin:0!important;padding:0!important;object-fit:contain!important;filter:drop-shadow(0 2px 4px rgba(0,0,0,.12))!important;
  }
  html[data-auth-ready="app"]:root #app-sidebar#app-sidebar .sidebar-brand-text {
    display:block!important;flex:1!important;min-width:0!important;text-align:left!important;
  }
  html[data-auth-ready="app"]:root #app-sidebar#app-sidebar #company-title {
    display:block!important;margin:0!important;color:#f5fffe!important;font-size:19px!important;font-weight:800!important;line-height:1.25!important;letter-spacing:.045em!important;
  }
  html[data-auth-ready="app"]:root #app-sidebar#app-sidebar #company-division {
    display:block!important;margin:5px 0 0!important;color:#adccce!important;font-size:10px!important;font-weight:600!important;line-height:1.45!important;letter-spacing:.06em!important;white-space:normal!important;
  }
  html[data-auth-ready="app"]:root #app-sidebar#app-sidebar .sidebar-close-btn {display:none!important}
  html[data-auth-ready="app"]:root #app-sidebar#app-sidebar .sidebar-search {
    display:flex!important;align-items:center!important;flex:none!important;gap:8px!important;
    height:46px!important;min-height:46px!important;margin:16px 14px 10px!important;padding:0 4px 0 12px!important;
    border:1px solid #36565d!important;border-radius:12px!important;background:rgba(255,255,255,.045)!important;box-shadow:none!important;
  }
  html[data-auth-ready="app"]:root #app-sidebar#app-sidebar .sidebar-search:focus-within {border-color:#74dec9!important;box-shadow:0 0 0 3px rgba(116,222,201,.14)!important}
  html[data-auth-ready="app"]:root #app-sidebar#app-sidebar .sidebar-search-icon {position:static!important;font-size:20px!important;color:#b2d3d4!important;transform:none!important;flex:none!important}
  html[data-auth-ready="app"]:root #app-sidebar#app-sidebar #sidebar-search-input {
    width:100%!important;min-width:0!important;height:44px!important;min-height:44px!important;padding:0!important;
    border:0!important;background:transparent!important;box-shadow:none!important;color:#f0fffc!important;font-size:13px!important;line-height:1.4!important;outline:none!important;
  }
  html[data-auth-ready="app"]:root #app-sidebar#app-sidebar #sidebar-search-input::placeholder {color:#b6cdcf!important;opacity:1!important}
  html[data-auth-ready="app"]:root #app-sidebar#app-sidebar .sidebar-add-btn {
    display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 44px!important;
    width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;border:0!important;border-radius:10px!important;
    background:transparent!important;color:#bce5df!important;
  }
  html[data-auth-ready="app"]:root #app-sidebar#app-sidebar .sidebar-add-btn:hover {background:rgba(255,255,255,.08)!important;color:#fff!important}
  html[data-auth-ready="app"]:root #app-sidebar#app-sidebar .sidebar-nav {
    flex:1 1 0!important;min-height:0!important;max-height:none!important;padding:0 10px 16px!important;margin:0!important;
    overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;touch-action:pan-y!important;
    scrollbar-width:thin;scrollbar-color:#47666a transparent;scroll-padding-block:12px;
  }
  html[data-auth-ready="app"]:root #app-sidebar#app-sidebar .nav-group {margin:16px 0 0!important;padding:0!important;border:0!important;background:none!important}
  html[data-auth-ready="app"]:root #app-sidebar#app-sidebar .nav-group-header {
    display:flex!important;align-items:center!important;gap:8px!important;width:100%!important;min-height:44px!important;
    margin:0 0 5px!important;padding:7px 9px!important;border:0!important;border-radius:10px!important;
    background:transparent!important;color:#a9c5c9!important;font-size:10px!important;font-weight:750!important;line-height:1.5!important;letter-spacing:.065em!important;text-transform:uppercase!important;cursor:pointer;
  }
  html[data-auth-ready="app"]:root #app-sidebar#app-sidebar .nav-group-header:hover {background:rgba(216,251,242,.06)!important;color:#f4fffd!important}
  html[data-auth-ready="app"]:root #app-sidebar#app-sidebar .nav-group-label {display:block!important;flex:1!important;min-width:0!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;text-align:left!important;font-size:inherit!important;line-height:inherit!important}
  html[data-auth-ready="app"]:root #app-sidebar#app-sidebar .nav-group-icon {display:none!important}
  html[data-auth-ready="app"]:root #app-sidebar#app-sidebar .nav-group-count {display:inline-grid!important;place-items:center!important;min-width:22px!important;height:22px!important;padding:0 5px!important;border:1px solid #38535b!important;background:rgba(255,255,255,.04)!important;color:#b8d1d3!important;font-size:10px!important;font-weight:650!important;border-radius:7px!important}
  html[data-auth-ready="app"]:root #app-sidebar#app-sidebar .nav-group-chevron {display:block!important;flex:none!important;font-size:17px!important;color:#9fbbbf!important}
  html[data-auth-ready="app"]:root #app-sidebar#app-sidebar .nav-group-body {margin:0!important;padding:0!important;border:0!important}
  html[data-auth-ready="app"]:root #app-sidebar#app-sidebar .nav-item {
    display:flex!important;align-items:center!important;gap:11px!important;min-height:46px!important;height:auto!important;
    margin:3px 0!important;padding:6px 10px!important;border:1px solid transparent!important;border-radius:12px!important;
    background:transparent!important;color:#d3e4e7!important;font-size:13px!important;font-weight:550!important;line-height:1.45!important;text-decoration:none!important;transform:none!important;box-shadow:none!important;
    transition:background-color .15s ease,border-color .15s ease!important;
  }
  html[data-auth-ready="app"]:root #app-sidebar#app-sidebar .nav-label {display:block!important;flex:1 1 0!important;min-width:0!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important;font-size:inherit!important;line-height:inherit!important;letter-spacing:0!important}
  html[data-auth-ready="app"]:root #app-sidebar#app-sidebar :is(.nav-icon,.nav-icon-chip) {
    display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 30px!important;
    width:30px!important;height:30px!important;border:1px solid rgba(214,242,244,.08)!important;border-radius:9px!important;
    background:rgba(180,224,230,.06)!important;color:#a9d9d7!important;box-shadow:none!important;
  }
  html[data-auth-ready="app"]:root #app-sidebar#app-sidebar :is(.nav-icon,.nav-icon-chip) .material-symbols-outlined {font-size:19px!important;color:inherit!important}
  html[data-auth-ready="app"]:root #app-sidebar#app-sidebar .nav-item:hover {border-color:#34535b!important;background:rgba(213,247,241,.065)!important;color:#fff!important;transform:none!important}
  html[data-auth-ready="app"]:root #app-sidebar#app-sidebar :is(.nav-item.active,.nav-item[aria-current="page"]) {border-color:#8de3d2!important;background:#b6f1df!important;color:#123c39!important;font-weight:750!important;box-shadow:0 5px 16px rgba(0,0,0,.12)!important}
  html[data-auth-ready="app"]:root #app-sidebar#app-sidebar :is(.nav-item.active,.nav-item[aria-current="page"]) :is(.nav-icon,.nav-icon-chip) {background:rgba(16,83,70,.09)!important;border-color:rgba(16,83,70,.08)!important;color:#17594e!important}
  html[data-auth-ready="app"]:root #app-sidebar#app-sidebar .nav-item::before {display:none!important}
  html[data-auth-ready="app"]:root #app-sidebar#app-sidebar .nav-item-hidden {display:none!important}
  /* Preserve permission, branch and filter visibility from the application. */
  html[data-auth-ready="app"]:root #app-sidebar#app-sidebar :is(.nav-item,.nav-group)[style*="display: none"],
  html[data-auth-ready="app"]:root #app-sidebar#app-sidebar :is(.nav-item,.nav-group)[style*="display:none"],
  html[data-auth-ready="app"]:root #app-sidebar#app-sidebar [hidden],
  html[data-auth-ready="app"]:root:not([data-company="rehoboth"]) #app-sidebar#app-sidebar .rehoboth-stock-nav {display:none!important}
  html[data-auth-ready="app"]:root #app-sidebar#app-sidebar .nav-group-header[aria-expanded="false"] + .nav-group-body {display:none!important}
  html[data-auth-ready="app"]:root #app-sidebar#app-sidebar :is(a,button,input):focus-visible {outline:2px solid #8df0dc!important;outline-offset:2px!important}
  html[data-auth-ready="app"]:root #app-sidebar#app-sidebar .sidebar-footer {display:block!important;flex:none!important;padding:12px!important;margin:0!important;background:#102b33!important;border-top:1px solid #2a454d!important}
  html[data-auth-ready="app"]:root #app-sidebar#app-sidebar .sidebar-user-card {display:flex!important;align-items:center!important;gap:10px!important;min-height:52px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important}
  html[data-auth-ready="app"]:root #app-sidebar#app-sidebar .sidebar-user-avatar {flex:0 0 36px!important;width:36px!important;height:36px!important;border:1px solid #4f7878!important;border-radius:12px!important;background:#244951!important;color:#d5f7ec!important;font-size:12px!important;box-shadow:none!important}
  html[data-auth-ready="app"]:root #app-sidebar#app-sidebar .sidebar-user-meta {flex:1!important;min-width:0!important}
  html[data-auth-ready="app"]:root #app-sidebar#app-sidebar .sidebar-user-name {margin:0!important;color:#f1fafb!important;font-size:12px!important;font-weight:700!important;line-height:1.45!important;white-space:normal!important;overflow-wrap:anywhere!important}
  html[data-auth-ready="app"]:root #app-sidebar#app-sidebar .sidebar-user-role {margin:3px 0 0!important;color:#a9c6ca!important;font-size:10px!important;line-height:1.4!important;white-space:normal!important}
  html[data-auth-ready="app"]:root #app-sidebar#app-sidebar .sidebar-signout-btn {display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 44px!important;width:44px!important;height:44px!important;border:1px solid #38565d!important;border-radius:12px!important;background:rgba(255,255,255,.035)!important;color:#c4dfe0!important}
  html[data-auth-ready="app"]:root #app-sidebar#app-sidebar .sidebar-footer-actions {display:flex!important;margin:8px 0 0!important;padding:0!important;border:0!important}
  html[data-auth-ready="app"]:root #app-sidebar#app-sidebar .sidebar-theme-btn {display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:44px!important;width:100%!important;padding:8px!important;border:1px solid #38565d!important;border-radius:10px!important;background:transparent!important;color:#bbd7d9!important;font-size:12px!important;font-weight:600!important;cursor:pointer}
  html[data-auth-ready="app"]:root #app-sidebar#app-sidebar .sidebar-theme-btn .material-symbols-outlined {font-size:18px!important}
  html[data-auth-ready="app"]:root #app-sidebar#app-sidebar :is(.sidebar-theme-btn,.sidebar-signout-btn,.sidebar-close-btn):hover {background:rgba(210,250,240,.09)!important;color:#fff!important}

  html[data-auth-ready="app"]:root #app-topbar#app-topbar {
    left:var(--shell-start)!important;right:16px!important;top:16px!important;width:auto!important;height:64px!important;min-height:64px!important;
    padding:0 18px!important;border:1px solid var(--shell-border)!important;border-radius:18px!important;
    background:var(--shell-surface)!important;box-shadow:0 4px 20px rgba(26,64,73,.035)!important;backdrop-filter:blur(16px);
  }
  html[data-auth-ready="app"]:root #app-content#app-content {
    position:relative!important;inset:auto!important;height:auto!important;min-height:100dvh!important;overflow-y:visible!important;
    width:auto!important;min-width:0!important;max-width:none!important;margin:0 0 0 var(--shell-start)!important;
    padding:104px 16px 64px 0!important;background:transparent!important;background-image:none!important;
  }
  html[data-auth-ready="app"]:root #app-topbar button[aria-label="Open navigation menu"] {display:none!important}
  html[data-auth-ready="app"]:root #app-bottomnav#app-bottomnav {background:var(--shell-surface)!important;border:1px solid var(--shell-border)!important;box-shadow:0 -4px 24px rgba(25,62,70,.07)!important}
  html[data-auth-ready="app"]:root #app-bottomnav .bottomnav-item.active {color:#096b60!important;background:#e0f4ed!important}
  html[data-auth-ready="app"]:root[data-theme="dark"] {--shell-canvas:#0c1821;--shell-surface:rgba(20,37,47,.96);--shell-border:#2b444e}
  html[data-auth-ready="app"]:root[data-theme="dark"] body {background:radial-gradient(ellipse at 95% 0%,#183a3c 0,transparent 45rem),var(--shell-canvas)!important}
  @media(max-width:1200px) and (min-width:1025px) {
    html[data-auth-ready="app"]:root {--sidebar-w:248px!important;--shell-start:280px}
    html[data-auth-ready="app"]:root #app-topbar#app-topbar {padding-inline:12px!important}
  }
  @media(max-width:1024.98px) {
    html[data-auth-ready="app"]:root {--shell-start:0px;--topbar-h:76px!important}
    html[data-auth-ready="app"]:root #app-sidebar#app-sidebar {
      inset:12px auto 12px 12px!important;width:min(320px,calc(100vw - 24px))!important;
      height:calc(100dvh - 24px)!important;max-height:calc(100dvh - 24px)!important;border-radius:20px!important;
      transform:translateX(calc(-100% - 24px))!important;visibility:hidden!important;pointer-events:none!important;
      transition:transform .2s ease,visibility .2s!important;z-index:10020!important;
    }
    html[data-auth-ready="app"]:root #app-sidebar#app-sidebar:is(.open,.mobile-open) {transform:translateX(0)!important;visibility:visible!important;pointer-events:auto!important}
    html[data-auth-ready="app"]:root #app-sidebar#app-sidebar .sidebar-close-btn {display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 44px!important;width:44px!important;height:44px!important;padding:0!important;border:1px solid #3c5d64!important;border-radius:12px!important;background:rgba(255,255,255,.04)!important;color:#e0f7f1!important;cursor:pointer}
    html[data-auth-ready="app"]:root #app-sidebar#app-sidebar .sidebar-brand {padding:16px!important;min-height:86px!important}
    html[data-auth-ready="app"]:root #app-sidebar#app-sidebar .sidebar-brand-row {gap:10px!important}
    html[data-auth-ready="app"]:root .sidebar-overlay {position:fixed!important;inset:0!important;background:rgba(6,22,30,.56)!important;backdrop-filter:blur(5px)!important;z-index:10010!important;transition:opacity .2s!important}
    html[data-auth-ready="app"]:root .sidebar-overlay.open {display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
    html[data-auth-ready="app"]:root #app-topbar#app-topbar {left:12px!important;right:12px!important;top:12px!important;height:60px!important;min-height:60px!important;border-radius:16px!important;padding:0 12px!important}
    html[data-auth-ready="app"]:root #app-topbar button[aria-label="Open navigation menu"] {display:inline-flex!important;min-width:44px!important;min-height:44px!important}
    html[data-auth-ready="app"]:root #app-topbar #company-logo-img {display:block!important;width:32px!important;height:32px!important;object-fit:contain!important}
    html[data-auth-ready="app"]:root #app-topbar #company-name {display:block!important;font-size:13px!important;line-height:1.2!important}
    html[data-auth-ready="app"]:root #app-topbar .bimas-brand-lockup {display:flex!important;min-width:0!important}
    html[data-auth-ready="app"]:root #app-topbar .bimas-brand-division {display:none!important}
    html[data-auth-ready="app"]:root #app-topbar > div:first-child {gap:6px!important;min-width:0!important}
    html[data-auth-ready="app"]:root #app-content#app-content {margin:0!important;padding:92px 16px calc(96px + env(safe-area-inset-bottom,0px))!important}
    html[data-auth-ready="app"]:root #app-bottomnav#app-bottomnav {left:12px!important;right:12px!important;bottom:calc(10px + env(safe-area-inset-bottom,0px))!important;width:auto!important;border-radius:18px!important;padding-bottom:0!important;min-height:62px!important;z-index:980!important}
  }
  @media(max-width:480px) {
    html[data-auth-ready="app"]:root #app-topbar#app-topbar {left:8px!important;right:8px!important;top:8px!important;padding-inline:8px!important}
    html[data-auth-ready="app"]:root #app-content#app-content {padding:84px 12px calc(96px + env(safe-area-inset-bottom,0px))!important}
    html[data-auth-ready="app"]:root #app-bottomnav#app-bottomnav {left:8px!important;right:8px!important}
  }
  @media(prefers-reduced-motion:reduce) {
    html[data-auth-ready="app"]:root #app-sidebar#app-sidebar,
    html[data-auth-ready="app"]:root #app-sidebar#app-sidebar .nav-item,
    html[data-auth-ready="app"]:root .sidebar-overlay {transition:none!important}
  }
}