/* Hamyara 0.15.16 — sidebar state normalization before v1 */
:root{
  --v166-sidebar-width:258px;
  --v166-rail-width:82px;
  --v166-sidebar-bg:#0a2138;
}

/* Desktop sidebar has exactly two states: expanded or collapsed. No hover-overlay geometry. */
@media (min-width:901px){
  body .sidebar, body.transaction-page .sidebar{
    width:var(--v166-sidebar-width)!important;
    min-width:var(--v166-sidebar-width)!important;
    max-width:var(--v166-sidebar-width)!important;
    padding:14px 12px 16px!important;
    background:var(--v166-sidebar-bg)!important;
    overflow-x:hidden!important;
  }
  body .main-area, body.transaction-page .main-area{
    margin-right:var(--v166-sidebar-width)!important;
    width:calc(100% - var(--v166-sidebar-width))!important;
  }
  .app-shell.sidebar-collapsed-v17 .sidebar,
  .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .sidebar{
    width:var(--v166-rail-width)!important;
    min-width:var(--v166-rail-width)!important;
    max-width:var(--v166-rail-width)!important;
    padding:12px 8px 14px!important;
  }
  .app-shell.sidebar-collapsed-v17 .main-area,
  body.transaction-page .app-shell.sidebar-collapsed-v17 .main-area,
  .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .main-area,
  body.transaction-page .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .main-area{
    margin-right:var(--v166-rail-width)!important;
    width:calc(100% - var(--v166-rail-width))!important;
  }
  .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .topbar-right{transform:none!important}

  /* Expanded brand block: deterministic dimensions. */
  .brand-v154{
    display:block!important;
    min-height:84px!important;
    height:84px!important;
    padding:0 2px 8px!important;
    margin:0!important;
    overflow:visible!important;
  }
  .brand-v154 .brand-link{
    display:grid!important;
    grid-template-columns:72px minmax(0,1fr)!important;
    align-items:center!important;
    justify-content:stretch!important;
    gap:9px!important;
    width:100%!important;
    height:76px!important;
    padding:0!important;
    margin:0!important;
  }
  .brand-v154 .hamyara-brand-mark,
  .brand-v154 .hamyara-brand-mark img{
    width:72px!important;
    height:72px!important;
    min-width:72px!important;
    min-height:72px!important;
    max-width:72px!important;
    max-height:72px!important;
    transform:none!important;
    margin:0!important;
    object-fit:contain!important;
    object-position:center!important;
  }
  .brand-v154 .brand-copy{display:block!important;min-width:0!important;overflow:hidden!important}
  .brand-v154 .brand-title-row{display:flex!important;align-items:center!important;gap:6px!important;min-width:0!important}
  .brand-v154 .brand-title-row strong{font-size:21px!important;white-space:nowrap!important}
  .brand-v154 .brand-copy>small{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

  /* Expanded store switcher. */
  .business-switcher-v151,
  .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .business-switcher-v151{
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr) 34px!important;
    align-items:center!important;
    gap:6px!important;
    width:100%!important;
    min-height:62px!important;
    height:62px!important;
    padding:0!important;
    margin:0 0 10px!important;
    overflow:hidden!important;
  }
  .business-switcher-v151 .store-cycle-arrow{
    display:grid!important;
    place-items:center!important;
    width:34px!important;
    min-width:34px!important;
    height:56px!important;
    min-height:56px!important;
    margin:0!important;
  }
  .business-card-link-v150,
  .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .business-card-link-v150{
    display:grid!important;
    grid-template-columns:52px minmax(0,1fr)!important;
    align-items:center!important;
    gap:7px!important;
    width:100%!important;
    min-width:0!important;
    height:56px!important;
    min-height:56px!important;
    max-height:56px!important;
    padding:2px 6px!important;
    margin:0!important;
    overflow:hidden!important;
  }
  .business-switcher-v151 .business-avatar,
  .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .business-avatar{
    width:52px!important;
    min-width:52px!important;
    height:52px!important;
    min-height:52px!important;
    max-width:52px!important;
    max-height:52px!important;
    aspect-ratio:1/1!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    border-radius:12px!important;
  }
  .business-switcher-v151 .business-avatar img{
    width:100%!important;
    height:100%!important;
    min-width:100%!important;
    min-height:100%!important;
    display:block!important;
    object-fit:cover!important;
    object-position:center!important;
    transform:none!important;
  }
  .business-card-link-v150>div:nth-child(2){
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:0!important;
    height:52px!important;
    overflow:hidden!important;
  }
  .business-card-link-v150 strong{
    max-width:100%!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    text-align:center!important;
  }

  /* Collapsed brand: the icon is truly centered in the 82px rail. */
  .app-shell.sidebar-collapsed-v17 .brand-v154,
  .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .brand-v154{
    display:grid!important;
    place-items:center!important;
    width:100%!important;
    min-height:72px!important;
    height:72px!important;
    padding:0!important;
    margin:0 0 8px!important;
  }
  .app-shell.sidebar-collapsed-v17 .brand-v154 .brand-link,
  .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .brand-v154 .brand-link{
    display:grid!important;
    place-items:center!important;
    grid-template-columns:64px!important;
    width:64px!important;
    height:64px!important;
    min-width:64px!important;
    max-width:64px!important;
    padding:0!important;
    margin:0 auto!important;
  }
  .app-shell.sidebar-collapsed-v17 .brand-v154 .hamyara-brand-mark,
  .app-shell.sidebar-collapsed-v17 .brand-v154 .hamyara-brand-mark img,
  .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .brand-v154 .hamyara-brand-mark,
  .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .brand-v154 .hamyara-brand-mark img{
    width:64px!important;
    min-width:64px!important;
    max-width:64px!important;
    height:64px!important;
    min-height:64px!important;
    max-height:64px!important;
    margin:0 auto!important;
    transform:none!important;
    object-fit:contain!important;
  }
  .app-shell.sidebar-collapsed-v17 .brand-copy,
  .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .brand-copy{display:none!important}

  /* Collapsed store: no arrows, no stretched image, no hidden grid residue. */
  .app-shell.sidebar-collapsed-v17 .business-switcher-v151,
  .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .business-switcher-v151{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:62px!important;
    min-height:62px!important;
    padding:0!important;
    margin:0 0 10px!important;
    overflow:visible!important;
  }
  .app-shell.sidebar-collapsed-v17 .business-switcher-v151 .store-cycle-arrow,
  .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .business-switcher-v151 .store-cycle-arrow{display:none!important}
  .app-shell.sidebar-collapsed-v17 .business-card-link-v150,
  .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .business-card-link-v150{
    display:grid!important;
    place-items:center!important;
    grid-template-columns:56px!important;
    width:60px!important;
    min-width:60px!important;
    max-width:60px!important;
    height:60px!important;
    min-height:60px!important;
    max-height:60px!important;
    padding:2px!important;
    margin:0 auto!important;
    overflow:hidden!important;
    border-radius:14px!important;
  }
  .app-shell.sidebar-collapsed-v17 .business-card-link-v150>div:nth-child(2),
  .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .business-card-link-v150>div:nth-child(2){display:none!important}
  .app-shell.sidebar-collapsed-v17 .business-switcher-v151 .business-avatar,
  .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .business-switcher-v151 .business-avatar{
    display:block!important;
    width:56px!important;
    min-width:56px!important;
    max-width:56px!important;
    height:56px!important;
    min-height:56px!important;
    max-height:56px!important;
    aspect-ratio:1/1!important;
    margin:0!important;
    border-radius:12px!important;
    overflow:hidden!important;
  }

  /* Collapsed navigation is centered and immune to old hover-expanded rules. */
  .app-shell.sidebar-collapsed-v17 .nav-item,
  .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .nav-item,
  .app-shell.sidebar-collapsed-v17 .logout-btn,
  .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .logout-btn{
    justify-content:center!important;
    padding-inline:0!important;
    gap:0!important;
  }
  .app-shell.sidebar-collapsed-v17 .nav-item span,
  .app-shell.sidebar-collapsed-v17 .nav-item kbd,
  .app-shell.sidebar-collapsed-v17 .nav-caption,
  .app-shell.sidebar-collapsed-v17 .logout-btn span,
  .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .nav-item span,
  .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .nav-item kbd,
  .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .nav-caption,
  .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .logout-btn span{display:none!important}
  .app-shell.sidebar-collapsed-v17 .nav-item .nav-svg,
  .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .nav-item .nav-svg{
    margin:0!important;
    flex:0 0 22px!important;
  }
}

/* The desktop hamburger is one exact geometry in every state. */
.topbar-sidebar-collapse-v160{
  width:44px!important;
  min-width:44px!important;
  height:44px!important;
  min-height:44px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
}
.topbar-sidebar-collapse-v160 .hamburger-lines-v157{
  position:relative!important;
  display:block!important;
  width:24px!important;
  min-width:24px!important;
  height:18px!important;
  min-height:18px!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
}
.topbar-sidebar-collapse-v160 .hamburger-lines-v157 i{
  position:absolute!important;
  left:0!important;
  width:24px!important;
  min-width:24px!important;
  max-width:24px!important;
  height:2px!important;
  min-height:2px!important;
  max-height:2px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:2px!important;
  background:#16354e!important;
  opacity:1!important;
  transform:none!important;
  box-shadow:none!important;
}
.topbar-sidebar-collapse-v160 .hamburger-lines-v157 i:nth-child(1){top:1px!important}
.topbar-sidebar-collapse-v160 .hamburger-lines-v157 i:nth-child(2){top:8px!important}
.topbar-sidebar-collapse-v160 .hamburger-lines-v157 i:nth-child(3){top:15px!important}

/* On desktop only the dedicated three-line control is used; mobile keeps the drawer button. */
@media(min-width:901px){.topbar-right>.menu-toggle{display:none!important}}
@media(max-width:900px){.topbar-sidebar-collapse-v160{display:none!important}}

/* Stacking order correction: the fixed sidebar always owns its rail area. */
@media(min-width:901px){
  body .sidebar,body.transaction-page .sidebar{z-index:160!important}
  body .topbar,body.transaction-page .topbar{z-index:120!important}
  .app-shell.sidebar-collapsed-v17 .business-switcher-v151 .business-avatar img,
  .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .business-switcher-v151 .business-avatar img{
    object-fit:contain!important;
    object-position:center!important;
    background:var(--v166-sidebar-bg)!important;
  }
}