/* Hamyara 0.15.20 — final combo-empty, topbar-height, hover-sidebar and dynamic-row hardening */
:root{--v170-sidebar-width:258px;--v170-rail-width:82px;--v170-top-control:50px;--v170-sidebar-bg:#0a2138}

/* Empty comboboxes do not show a decorative arrow before the user has selected anything. */
body.readable-ui select.select-empty-v170{
  background-image:none!important;
  padding-left:14px!important;
}
body.readable-ui .step-picker-host-v153.combo-empty-v170 .step-control-v153::after{display:none!important;content:none!important}
body.readable-ui .variant-picker-v154.combo-empty-v170 .variant-control-v154>i{display:none!important}
body.readable-ui .enhanced-select.combo-empty-v170 .combo-toggle{display:none!important}

/* Header date+clock and customer/product search have exactly the same visible height. */
body.readable-ui .topbar-search,
body.readable-ui .date-chip-v168{
  height:var(--v170-top-control)!important;
  min-height:var(--v170-top-control)!important;
  max-height:var(--v170-top-control)!important;
  box-sizing:border-box!important;
}
body.readable-ui .date-chip-v168{padding-block:0!important}
body.readable-ui .date-chip-v168 .date-icon{height:34px!important;min-height:34px!important}

/* Stable Keep-like collapsed rail + hover preview. The preview is a true overlay: main content never reflows. */
@media(min-width:901px){
  body .app-shell.sidebar-collapsed-v17:not(.sidebar-hover-expanded-v153) .sidebar{
    width:var(--v170-rail-width)!important;min-width:var(--v170-rail-width)!important;max-width:var(--v170-rail-width)!important;
    padding:12px 8px 14px!important;background:var(--v170-sidebar-bg)!important;overflow-x:hidden!important;
  }
  body .app-shell.sidebar-collapsed-v17 .main-area,
  body.transaction-page .app-shell.sidebar-collapsed-v17 .main-area{
    margin-right:var(--v170-rail-width)!important;width:calc(100% - var(--v170-rail-width))!important;
  }
  body .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .sidebar{
    width:var(--v170-sidebar-width)!important;min-width:var(--v170-sidebar-width)!important;max-width:var(--v170-sidebar-width)!important;
    padding:14px 12px 16px!important;background:var(--v170-sidebar-bg)!important;
    overflow-x:hidden!important;overflow-y:auto!important;box-shadow:-16px 0 34px rgba(7,28,49,.2)!important;z-index:180!important;
  }
  body .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(--v170-rail-width)!important;width:calc(100% - var(--v170-rail-width))!important;
  }

  /* Hover-expanded brand is identical to permanently expanded brand. */
  body .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .brand-v154{
    display:block!important;width:100%!important;height:84px!important;min-height:84px!important;padding:0 2px 8px!important;margin:0!important;overflow:visible!important;
  }
  body .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .brand-v154 .brand-link{
    display:grid!important;grid-template-columns:72px minmax(0,1fr)!important;align-items:center!important;place-items:initial!important;
    gap:9px!important;width:100%!important;min-width:0!important;max-width:none!important;height:76px!important;min-height:76px!important;padding:0!important;margin:0!important;
  }
  body .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .brand-v154 .hamyara-brand-mark,
  body .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .brand-v154 .hamyara-brand-mark img{
    display:block!important;width:72px!important;min-width:72px!important;max-width:72px!important;height:72px!important;min-height:72px!important;max-height:72px!important;
    margin:0!important;object-fit:contain!important;object-position:center!important;transform:none!important;
  }
  body .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .brand-copy{display:block!important;min-width:0!important;overflow:hidden!important}
  body .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .brand-title-row{display:flex!important;align-items:center!important;gap:6px!important}
  body .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .brand-copy>small{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

  /* Hover-expanded store switcher is reconstructed as the normal 3-column layout. */
  body .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;justify-content:stretch!important;
    gap:6px!important;width:100%!important;height:62px!important;min-height:62px!important;padding:0!important;margin:0 0 10px!important;overflow:hidden!important;
  }
  body .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .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;
  }
  body .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .business-card-link-v150{
    display:grid!important;grid-template-columns:52px minmax(0,1fr)!important;place-items:initial!important;align-items:center!important;
    gap:7px!important;width:100%!important;min-width:0!important;max-width:none!important;height:56px!important;min-height:56px!important;max-height:56px!important;
    padding:2px 6px!important;margin:0!important;overflow:hidden!important;border-radius:14px!important;
  }
  body .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .business-switcher-v151 .business-avatar{
    display:block!important;width:52px!important;min-width:52px!important;max-width:52px!important;height:52px!important;min-height:52px!important;max-height:52px!important;
    aspect-ratio:1/1!important;margin:0!important;padding:0!important;border-radius:12px!important;overflow:hidden!important;
  }
  body .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .business-switcher-v151 .business-avatar img{
    width:100%!important;height:100%!important;display:block!important;object-fit:contain!important;object-position:center!important;background:var(--v170-sidebar-bg)!important;
  }
  body .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .business-card-link-v150>div:nth-child(2){
    display:flex!important;align-items:center!important;justify-content:center!important;height:52px!important;min-width:0!important;overflow:hidden!important;
  }
  body .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .business-card-link-v150 strong{
    display:block!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-align:center!important;
  }

  /* All navigation text returns in hover preview; icons keep normal expanded alignment. */
  body .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .nav-item,
  body .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .logout-btn{
    justify-content:flex-start!important;padding-inline:12px!important;gap:12px!important;
  }
  body .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .nav-item span,
  body .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .logout-btn span{display:inline!important}
  body .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .nav-item kbd{display:inline-flex!important}
  body .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .nav-caption{display:block!important}
  body .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .nav-item .nav-svg{margin:0!important;flex:0 0 22px!important}
}

/* Dynamic item deletion button stays clickable above all row controls/pickers. */
body.transaction-page [data-item-row]{position:relative!important}
body.transaction-page [data-item-row] [data-remove-row]{position:relative!important;z-index:80!important;pointer-events:auto!important;cursor:pointer!important}

/* Collapsed rail centering is explicit to prevent legacy 54px brand rules from shifting the logo. */
@media(min-width:901px){
  body .app-shell.sidebar-collapsed-v17:not(.sidebar-hover-expanded-v153) .brand-v154{
    display:grid!important;place-items:center!important;width:100%!important;height:72px!important;min-height:72px!important;padding:0!important;margin:0 0 8px!important;
  }
  body .app-shell.sidebar-collapsed-v17:not(.sidebar-hover-expanded-v153) .brand-v154 .brand-link{
    display:grid!important;place-items:center!important;grid-template-columns:64px!important;width:64px!important;min-width:64px!important;max-width:64px!important;height:64px!important;min-height:64px!important;max-height:64px!important;padding:0!important;margin:0 auto!important;
  }
  body .app-shell.sidebar-collapsed-v17:not(.sidebar-hover-expanded-v153) .brand-v154 .hamyara-brand-mark,
  body .app-shell.sidebar-collapsed-v17:not(.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;object-fit:contain!important;object-position:center!important;transform:none!important;
  }
}

/* Mid-size desktop topbar must fit inside the content width next to the sidebar. */
@media(min-width:1121px) and (max-width:1400px){
  body.readable-ui .date-chip-v168{min-width:300px!important;width:300px!important;max-width:300px!important}
  body.readable-ui .topbar-search{min-width:180px!important}
  body.readable-ui .topbar{gap:16px!important;padding-inline:20px!important}
}