/* AQUILA_ADMIN_NAVIGATION_V3 */


.ubuzima-workspace-dock-v5__module[data-aquila-nav-v3-source] {
  display: none !important;
}


.ubuzima-workspace-dock-v5__recent-open,
.ubuzima-workspace-dock-v5__recent-card,
[data-aquila-recent-retired="true"] {
  display: none !important;
}


/* ==========================================================
 * MAIN RAIL PARENTS
 * ========================================================== */

.ubuzima-workspace-dock-v5__module.aquila-nav-v3-parent {
  position: relative !important;

  width: auto !important;
  min-width: max-content !important;

  padding-right: 13px !important;

  cursor: pointer;
}


.ubuzima-workspace-dock-v5__module.aquila-nav-v3-parent::before {
  content: "";

  order: 2;

  width: 5px;
  height: 5px;

  margin-left: 8px;

  border-right: 1.5px solid #71817c;
  border-bottom: 1.5px solid #71817c;

  transform:
    rotate(45deg)
    translateY(-1px);

  transition:
    transform 140ms ease,
    border-color 140ms ease;
}


.ubuzima-workspace-dock-v5__module.aquila-nav-v3-parent.is-open::before {
  border-color: #0f766e;

  transform:
    rotate(225deg)
    translate(-1px, -1px);
}


.ubuzima-workspace-dock-v5__module.aquila-nav-v3-parent.is-open {
  background:
    rgba(
      255,
      255,
      255,
      0.97
    ) !important;

  border-color:
    rgba(
      15,
      118,
      110,
      0.25
    ) !important;

  box-shadow:
    0 9px 26px
    rgba(
      15,
      23,
      42,
      0.10
    ) !important;
}


/* ==========================================================
 * SIGNATURE WORKSPACE CARD
 * ========================================================== */

.aquila-nav-v3-menu {
  position: fixed;

  z-index: 2147483000;

  overflow: hidden;

  width: 340px;

  max-height: min(
    74vh,
    660px
  );

  border:
    1px solid
    rgba(
      105,
      128,
      121,
      0.22
    );

  border-radius: 22px;

  background:
    rgba(
      250,
      252,
      251,
      0.97
    );

  box-shadow:
    0 30px 78px
    rgba(
      15,
      23,
      42,
      0.17
    ),
    0 5px 18px
    rgba(
      15,
      23,
      42,
      0.05
    );

  backdrop-filter:
    blur(26px)
    saturate(1.04);

  -webkit-backdrop-filter:
    blur(26px)
    saturate(1.04);

  animation:
    aquila-v3-enter
    150ms
    cubic-bezier(
      .2,
      .78,
      .25,
      1
    );
}


.aquila-nav-v3-menu::before {
  content: "";

  position: absolute;

  top: 0;
  left: 24px;

  width: 58px;
  height: 3px;

  border-radius:
    0
    0
    999px
    999px;

  background: #0f766e;

  z-index: 2;
}


@keyframes aquila-v3-enter {

  from {
    opacity: 0;

    transform:
      translateY(-7px)
      scale(0.985);
  }

  to {
    opacity: 1;

    transform:
      translateY(0)
      scale(1);
  }
}


/* ==========================================================
 * CARD HEADER
 * ========================================================== */

.aquila-nav-v3-menu__header {
  position: relative;

  display: flex;

  align-items: flex-start;
  justify-content: space-between;

  gap: 18px;

  padding:
    19px
    19px
    16px;

  border-bottom:
    1px solid
    rgba(
      121,
      142,
      136,
      0.13
    );

  background:
    rgba(
      247,
      250,
      249,
      0.92
    );
}


.aquila-nav-v3-menu__header > div {
  display: flex;
  flex-direction: column;

  min-width: 0;
}


.aquila-nav-v3-menu__eyebrow {
  margin-bottom: 5px;

  color: #0f766e;

  font-size: 7.5px;
  font-weight: 880;

  letter-spacing: 0.14em;

  text-transform: uppercase;
}


.aquila-nav-v3-menu__header strong {
  color: #183630;

  font-size: 15px;
  font-weight: 860;

  letter-spacing: -0.02em;
}


.aquila-nav-v3-menu__header small {
  max-width: 270px;

  margin-top: 5px;

  color: #7c8c87;

  font-size: 9px;
  font-weight: 560;

  line-height: 1.45;
}


.aquila-nav-v3-menu__count {
  display: grid;

  place-items: center;

  min-width: 29px;
  height: 29px;

  padding:
    0
    7px;

  border:
    1px solid
    rgba(
      15,
      118,
      110,
      0.14
    );

  border-radius: 10px;

  background: #edf6f3;

  color: #0d675f;

  font-size: 10px;
  font-weight: 860;
}


/* ==========================================================
 * MENU BODY
 * ========================================================== */

.aquila-nav-v3-menu__body {
  display: flex;
  flex-direction: column;

  gap: 5px;

  max-height: 545px;

  overflow-y: auto;

  padding:
    9px;

  scrollbar-width: thin;
}


.aquila-nav-v3-menu__item {
  appearance: none;

  display: flex;

  align-items: center;
  justify-content: space-between;

  gap: 14px;

  width: 100%;
  min-height: 50px;

  padding:
    9px
    10px
    9px
    12px;

  border:
    1px solid
    transparent;

  border-radius: 13px;

  background: transparent;

  color: #344942;

  font: inherit;

  text-align: left;

  cursor: pointer;

  transition:
    background-color 120ms ease,
    border-color 120ms ease,
    box-shadow 120ms ease,
    transform 120ms ease;
}


.aquila-nav-v3-menu__item > span:first-child {
  display: flex;
  flex-direction: column;

  min-width: 0;
}


.aquila-nav-v3-menu__item strong {
  overflow: hidden;

  color: #2d453d;

  font-size: 10.5px;
  font-weight: 770;

  line-height: 1.2;

  text-overflow: ellipsis;
  white-space: nowrap;
}


.aquila-nav-v3-menu__item small {
  overflow: hidden;

  margin-top: 3px;

  color: #899792;

  font-size: 8.5px;
  font-weight: 540;

  line-height: 1.25;

  text-overflow: ellipsis;
  white-space: nowrap;
}


.aquila-nav-v3-menu__item:hover,
.aquila-nav-v3-menu__item:focus-visible {
  outline: none;

  background: #eff7f4;

  border-color:
    rgba(
      15,
      118,
      110,
      0.13
    );

  box-shadow:
    0 5px 16px
    rgba(
      15,
      23,
      42,
      0.04
    );

  transform:
    translateX(3px);
}


.aquila-nav-v3-menu__item.is-active {
  background: #e9f4f1;

  border-color:
    rgba(
      15,
      118,
      110,
      0.17
    );
}


.aquila-nav-v3-menu__item.is-danger strong {
  color: #a43b3b;
}


.aquila-nav-v3-menu__item.is-danger:hover {
  background: #fff4f4;

  border-color:
    rgba(
      164,
      59,
      59,
      0.14
    );
}


.aquila-nav-v3-menu__right {
  display: flex;

  align-items: center;

  gap: 8px;

  flex:
    0 0 auto;
}


.aquila-nav-v3-menu__right i {
  color: #9aa6a2;

  font-size: 12px;
  font-style: normal;
}


.aquila-nav-v3-menu__badge {
  display: grid;

  place-items: center;

  min-width: 20px;
  height: 20px;

  padding:
    0
    5px;

  border-radius: 999px;

  background: #0f766e;

  color: white;

  font-size: 8px;
  font-weight: 850;
}


/* ==========================================================
 * PROFILE V3
 * ========================================================== */

.ubuzima-workspace-dock-v5__profile[data-aquila-profile-v3="true"] {
  cursor: pointer !important;

  opacity: 1 !important;

  pointer-events: auto !important;
}


.ubuzima-workspace-dock-v5__profile[data-aquila-profile-v3="true"].is-open {
  background:
    rgba(
      255,
      255,
      255,
      0.97
    ) !important;

  border-color:
    rgba(
      15,
      118,
      110,
      0.29
    ) !important;

  box-shadow:
    0 8px 24px
    rgba(
      15,
      23,
      42,
      0.12
    ),
    0 0 0 2px
    rgba(
      15,
      118,
      110,
      0.07
    ) !important;
}


.aquila-profile-v3-summary {
  padding:
    13px
    15px
    11px;

  border-bottom:
    1px solid
    rgba(
      121,
      142,
      136,
      0.12
    );
}


.aquila-profile-v3-summary__identity {
  display: flex;

  align-items: center;

  gap: 11px;
}


.aquila-profile-v3-summary__identity > span {
  display: grid;

  place-items: center;

  width: 39px;
  height: 39px;

  flex:
    0 0 39px;

  border:
    1px solid
    rgba(
      15,
      118,
      110,
      0.16
    );

  border-radius: 13px;

  background: #edf6f3;

  color: #0f665f;

  font-size: 10px;
  font-weight: 880;

  letter-spacing: 0.04em;
}


.aquila-profile-v3-summary__identity > div {
  display: flex;
  flex-direction: column;

  min-width: 0;
}


.aquila-profile-v3-summary__identity strong {
  overflow: hidden;

  color: #223d36;

  font-size: 11px;
  font-weight: 840;

  text-overflow: ellipsis;
  white-space: nowrap;
}


.aquila-profile-v3-summary__identity small {
  overflow: hidden;

  margin-top: 3px;

  color: #81908b;

  font-size: 8.5px;

  text-overflow: ellipsis;
  white-space: nowrap;
}


.aquila-profile-v3-summary dl {
  display: grid;

  gap: 5px;

  margin:
    11px
    0
    0;
}


.aquila-profile-v3-summary dl > div {
  display: flex;

  justify-content: space-between;

  gap: 15px;
}


.aquila-profile-v3-summary dt {
  color: #8b9894;

  font-size: 8px;
  font-weight: 650;
}


.aquila-profile-v3-summary dd {
  overflow: hidden;

  margin: 0;

  color: #42574f;

  font-size: 8.5px;
  font-weight: 700;

  text-align: right;

  text-overflow: ellipsis;
  white-space: nowrap;
}


/* ==========================================================
 * RESPONSIVE
 * ========================================================== */

@media (max-width: 768px) {

  .aquila-nav-v3-menu {
    width: min(
      360px,
      calc(100vw - 20px)
    );

    border-radius: 18px;
  }


  .aquila-nav-v3-menu__body {
    max-height: 60vh;
  }


  .aquila-nav-v3-menu__item {
    min-height: 52px;
  }
}


@media (max-width: 430px) {

  .aquila-nav-v3-menu {
    width: calc(
      100vw - 16px
    );

    max-width: 370px;

    border-radius: 17px;
  }


  .aquila-nav-v3-menu__header {
    padding:
      16px
      15px
      14px;
  }


  .aquila-nav-v3-menu__body {
    max-height: 58vh;

    padding: 8px;
  }


  .aquila-nav-v3-menu__item {
    min-height: 54px;
  }
}


@media (max-width: 360px) {

  .aquila-nav-v3-menu {
    width: calc(
      100vw - 12px
    );
  }
}


/* ==========================================================
 * AQUILA_DROPDOWN_PRIMARY_NAVIGATION_V3_R2
 *
 * Dropdowns are now the visible business navigation.
 *
 * Existing React controls remain mounted and clickable
 * programmatically by the V3-R2 resolver.
 * ========================================================== */


/* POS duplicate module navigation */
html[data-aquila-dropdown-navigation="v3-r2"]
.pos-sales-overview
>
.pos-overview-modules {
  display: none !important;
}


/* Inventory duplicate menu-card navigation */
html[data-aquila-dropdown-navigation="v3-r2"]
.inventory-home-menu-section {
  display: none !important;
}


/* Procurement duplicate menu-card navigation */
html[data-aquila-dropdown-navigation="v3-r2"]
.procurement-home-menu-section {
  display: none !important;
}


/* Generic duplicate module landing grid */
html[data-aquila-dropdown-navigation="v3-r2"]
.module-landing-card-grid {
  display: none !important;
}


/* Older duplicated module-side navigation rail */
html[data-aquila-dropdown-navigation="v3-r2"]
.module-section-rail {
  display: none !important;
}


/* Reclaim content width after left-side rail retirement */
html[data-aquila-dropdown-navigation="v3-r2"]
.module-workspace-shell {
  grid-template-columns:
    minmax(0, 1fr) !important;
}


html[data-aquila-dropdown-navigation="v3-r2"]
.module-workspace-shell
>
.module-section-stage {
  grid-column:
    1 / -1 !important;

  width: 100% !important;

  min-width: 0 !important;
}


/* Duplicate Finance module-launcher presentation */
html[data-aquila-dropdown-navigation="v3-r2"]
.finance-overview__module-launcher[data-finance-module-launcher="active"] {
  display: none !important;
}


/*
 * General Stock Items has no V3-R2 top-level parent.
 *
 * No CSS fake-removal is needed.
 *
 * The JS composition layer simply never creates that parent.
 */


/* ==========================================================
 * AQUILA_STABLE_TEXT_DECK_V3_R3
 *
 * Final presentation authority for the new text/dropdown Deck.
 *
 * The old V7 runtime remains byte-identical for its established
 * module discovery/click behaviour, but its obsolete Mac recent-
 * task and magnification presentation is neutralized here.
 * ========================================================== */


/* ----------------------------------------------------------
 * 1. RECENT TASKS — ABSENT FROM FIRST PAINT AND FOREVER
 *
 * Do not depend on `hidden`, because V7 legitimately changes
 * that property during fitMacDock().
 * ---------------------------------------------------------- */

.ubuzima-workspace-dock-v5 [data-recent-section],
.ubuzima-workspace-dock-v5 [data-recent-separator],
.ubuzima-workspace-dock-v5 [data-recent-task-key],
.ubuzima-workspace-dock-v5 [data-recent-open-key],
.ubuzima-workspace-dock-v5 [data-recent-close-key],

.ubuzima-workspace-dock-v5__recent,
.ubuzima-workspace-dock-v5__recent-header,
.ubuzima-workspace-dock-v5__recent-count,
.ubuzima-workspace-dock-v5__recent-list,
.ubuzima-workspace-dock-v5__recent-card,
.ubuzima-workspace-dock-v5__recent-open,
.ubuzima-workspace-dock-v5__recent-close,
.ubuzima-workspace-dock-v5__recent-empty,
.ubuzima-workspace-dock-v5__recent-icon,
.ubuzima-workspace-dock-v5__recent-icon-shell,
.ubuzima-workspace-dock-v5__recent-name,

.ubuzima-workspace-dock-v5
.ubuzima-workspace-dock-v7__separator,

[data-aquila-recent-retired="v3-r3"] {
  display: none !important;

  visibility: hidden !important;
  opacity: 0 !important;

  pointer-events: none !important;

  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;

  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;

  overflow: hidden !important;
}


/* ----------------------------------------------------------
 * 2. ROOT CAPSULE — CONTENT-DRIVEN, NOT V7 PIXEL FITTING
 * ---------------------------------------------------------- */

.ubuzima-workspace-dock-v5,
.ubuzima-workspace-dock-v5.has-recent-tasks,
.ubuzima-workspace-dock-v5[data-aquila-stable-deck="v3-r3"] {
  width: max-content !important;

  min-width: 0 !important;

  max-width:
    calc(
      100vw - 20px
    ) !important;

  transform: none !important;
  scale: 1 !important;
  translate: none !important;

  transition:
    background-color 120ms ease,
    border-color 120ms ease,
    box-shadow 120ms ease !important;

  will-change: auto !important;
}


/* ----------------------------------------------------------
 * 3. MODULE RAIL — FIXED TEXT GEOMETRY
 *
 * This !important custom property defeats V7's runtime-written
 * icon-size variable without editing V7 bytes.
 * ---------------------------------------------------------- */

.ubuzima-workspace-dock-v5__modules {
  --ubuzima-dock-module-size:
    42px !important;

  display: flex !important;

  align-items: center !important;
  justify-content: flex-start !important;

  width: auto !important;
  min-width: 0 !important;

  max-width:
    calc(
      100vw - 38px
    ) !important;

  gap: 5px !important;

  overflow-x: auto !important;
  overflow-y: hidden !important;

  scrollbar-width: none !important;

  scroll-behavior: smooth;

  overscroll-behavior-x: contain;
}


.ubuzima-workspace-dock-v5__modules::-webkit-scrollbar {
  display: none !important;
}


/* V7 fit-state classes must not alter geometry. */
.ubuzima-workspace-dock-v5__modules.is-overflowing,
.ubuzima-workspace-dock-v5__modules.is-fully-exposed {
  width: auto !important;

  max-width:
    calc(
      100vw - 38px
    ) !important;

  overflow-x: auto !important;
}


/* ----------------------------------------------------------
 * 4. NO MAC FISH-EYE MOVEMENT
 *
 * V7 pointer movement writes:
 *
 * --mac-dock-scale
 * --mac-dock-lift
 * z-index
 *
 * Those values were designed for pictorial icons, not a
 * professional text navigation rail.
 * ---------------------------------------------------------- */

.ubuzima-workspace-dock-v5__module,
.ubuzima-workspace-dock-v5__module:hover,
.ubuzima-workspace-dock-v5__module:focus-visible,

.ubuzima-workspace-dock-v5__profile,
.ubuzima-workspace-dock-v5__profile:hover,
.ubuzima-workspace-dock-v5__profile:focus-visible {
  --mac-dock-scale:
    1 !important;

  --mac-dock-lift:
    0px !important;

  transform: none !important;
  scale: 1 !important;
  translate: none !important;

  z-index: auto !important;

  will-change: auto !important;

  flex-shrink: 0 !important;

  transition:
    background-color 120ms ease,
    border-color 120ms ease,
    box-shadow 120ms ease,
    color 120ms ease !important;
}


/* ----------------------------------------------------------
 * 5. BUSINESS MODULES ARE TEXT — NOT PICTURE ICONS
 * ---------------------------------------------------------- */

.ubuzima-workspace-dock-v5__module
.ubuzima-workspace-dock-v5__icon,

.ubuzima-workspace-dock-v5__module
.ubuzima-workspace-dock-v5__icon-shell {
  display: none !important;

  width: 0 !important;
  height: 0 !important;

  min-width: 0 !important;
  min-height: 0 !important;

  margin: 0 !important;
  padding: 0 !important;
}


/*
 * Profile is intentionally the ONLY icon control.
 *
 * It is an account control rather than a business module.
 */
.ubuzima-workspace-dock-v5__profile
.ubuzima-workspace-dock-v5__icon,

.ubuzima-workspace-dock-v5__profile
.ubuzima-workspace-dock-v5__icon-shell {
  display: grid !important;
}


/* ----------------------------------------------------------
 * 6. GENERATED TEXT MENU GEOMETRY
 * ---------------------------------------------------------- */

.ubuzima-workspace-dock-v5__module.aquila-nav-v3-parent,
.ubuzima-workspace-dock-v5__module[data-aquila-stable-order] {
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;

  width: auto !important;
  min-width: max-content !important;

  transform: none !important;
  scale: 1 !important;
  translate: none !important;
}


/* Dashboard gets the same stable geometry. */
.ubuzima-workspace-dock-v5__module[data-dock-tooltip="Dashboard"] {
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;

  width: auto !important;
  min-width: max-content !important;
}


/* ----------------------------------------------------------
 * 7. ACTIVE/HOVER STYLE WITHOUT PHYSICAL MOVEMENT
 * ---------------------------------------------------------- */

.ubuzima-workspace-dock-v5__module:hover,
.ubuzima-workspace-dock-v5__module:focus-visible {
  transform: none !important;
  translate: none !important;

  box-shadow:
    0 6px 18px
    rgba(
      15,
      23,
      42,
      0.07
    ) !important;
}


.ubuzima-workspace-dock-v5__module.is-active,
.ubuzima-workspace-dock-v5__module.active,
.ubuzima-workspace-dock-v5__module.is-open {
  transform: none !important;
  translate: none !important;
}


/* ----------------------------------------------------------
 * 8. HIDDEN NATIVE SOURCE CONTROLS STAY INVISIBLE
 *
 * They remain mounted solely because their real click handlers
 * continue to own application navigation.
 * ---------------------------------------------------------- */

.ubuzima-workspace-dock-v5__module[hidden],
.ubuzima-workspace-dock-v5__module[data-aquila-nav-v3-source] {
  display: none !important;
}


/* ----------------------------------------------------------
 * 9. RESPONSIVE
 * ---------------------------------------------------------- */

@media (max-width: 768px) {

  .ubuzima-workspace-dock-v5 {
    max-width:
      calc(
        100vw - 12px
      ) !important;
  }


  .ubuzima-workspace-dock-v5__modules,
  .ubuzima-workspace-dock-v5__modules.is-overflowing,
  .ubuzima-workspace-dock-v5__modules.is-fully-exposed {
    max-width:
      calc(
        100vw - 24px
      ) !important;
  }


  .ubuzima-workspace-dock-v5__module.aquila-nav-v3-parent,
  .ubuzima-workspace-dock-v5__module[data-aquila-stable-order] {
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
  }
}


@media (max-width: 430px) {

  .ubuzima-workspace-dock-v5 {
    max-width:
      calc(
        100vw - 8px
      ) !important;
  }


  .ubuzima-workspace-dock-v5__modules,
  .ubuzima-workspace-dock-v5__modules.is-overflowing,
  .ubuzima-workspace-dock-v5__modules.is-fully-exposed {
    max-width:
      calc(
        100vw - 18px
      ) !important;
  }
}


@media (max-width: 360px) {

  .ubuzima-workspace-dock-v5 {
    max-width:
      calc(
        100vw - 6px
      ) !important;
  }
}