/* Hamyara 0.15.8 — hierarchy tree, selector alignment and Keep-like sidebar */
:root{--v158-tree-step:48px;--v158-tree-line:#d6e3ec;--v158-tree-accent:#2d8fac}

/* Multi-level displays: real tree geometry, twice the previous desktop indentation. */
.collapsible-tree-v158{overflow-x:auto!important;padding-inline-end:4px!important;padding-bottom:18px!important}
.category-node-v154[data-tree-node-v158],
.visual-tree-node-v156[data-tree-node-v158],
.party-group-node-v155[data-tree-node-v158]{
  margin-inline-start:calc((var(--level) - 1) * var(--v158-tree-step))!important;
  position:relative!important;
  transition:opacity .14s ease,transform .14s ease,box-shadow .14s ease!important;
}
.category-node-v154[data-tree-node-v158]::before,
.visual-tree-node-v156[data-tree-node-v158]::before,
.party-group-node-v155[data-tree-node-v158]::before{
  content:""!important;position:absolute!important;inset-inline-start:-24px!important;top:-8px!important;bottom:-8px!important;
  border-inline-start:1px solid var(--v158-tree-line)!important;pointer-events:none!important
}
.category-node-v154[data-tree-node-v158]::after,
.visual-tree-node-v156[data-tree-node-v158]::after,
.party-group-node-v155[data-tree-node-v158]::after{
  content:"";position:absolute;inset-inline-start:-24px;top:50%;width:20px;border-top:1px solid var(--v158-tree-line);pointer-events:none
}
.category-node-v154[data-level="1"]::before,.category-node-v154[data-level="1"]::after,
.visual-tree-node-v156[data-level="1"]::before,.visual-tree-node-v156[data-level="1"]::after,
.party-group-node-v155[data-level="1"]::before,.party-group-node-v155[data-level="1"]::after{display:none!important}
[data-tree-node-v158][hidden]{display:none!important}
.tree-node-primary-v158{min-width:0!important}
.tree-node-primary-clickable-v158{cursor:pointer!important}
.tree-toggle-v158{
  width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;display:grid!important;place-items:center!important;
  border:1px solid #d5e2eb!important;background:#f8fbfd!important;border-radius:9px!important;padding:0!important;cursor:pointer!important;flex:0 0 30px!important
}
.tree-toggle-v158:hover{background:#eef6fb!important;border-color:#bcd2e1!important}
.tree-toggle-v158 span{width:8px;height:8px;border-inline-end:2px solid #52738d;border-bottom:2px solid #52738d;transform:rotate(45deg);transition:transform .14s ease;margin-top:-3px}
.tree-toggle-v158[aria-expanded="false"] span{transform:rotate(135deg);margin-top:0;margin-inline-start:3px}
.tree-branch-v158{border-color:#cbdce8!important}
.tree-branch-v158>.tree-node-primary-v158 strong,.tree-branch-v158>.tree-node-primary-v158 b{font-weight:800!important}
.tree-leaf-v158 .branch-dot-v154,.tree-leaf-v158>i:first-child{opacity:.78!important}
.category-node-main-v154{gap:9px!important}
.party-group-node-main-v155{align-items:center!important}
.party-group-node-main-v155 .tree-toggle-v158{margin-inline-end:2px!important}
.visual-tree-node-v156[data-tree-node-v158]{grid-template-columns:10px minmax(0,1fr) auto auto!important}
.visual-tree-node-v156 .tree-node-primary-v158{display:flex!important;align-items:center!important;gap:9px!important}
.visual-tree-node-v156 .tree-node-primary-v158 .tree-toggle-v158{order:-1!important}

/* Staged hierarchical selectors: predictable alignment and no cramped actions. */
.step-control-v153{min-height:54px!important;height:auto!important;padding:7px 12px!important;align-items:center!important}
.step-control-copy-v153{min-width:0!important;line-height:1.55!important}
.step-control-copy-v153 b{font-size:12.5px!important;line-height:1.65!important}
.step-control-copy-v153 small{font-size:10px!important;line-height:1.55!important}
.step-browse-head-v153{min-height:58px!important;align-items:center!important}
.step-option-v153{grid-template-columns:minmax(0,1fr) auto!important;align-items:stretch!important}
.step-option-main-v153{min-height:58px!important;height:100%!important;align-items:center!important}
.step-select-here-v153{min-height:42px!important;align-self:center!important;display:flex!important;align-items:center!important;justify-content:center!important}
.step-stage-copy-v153,.step-option-copy-v153{text-align:start!important}
.step-crumbs-v153{min-height:28px!important;align-items:center!important}
@media(min-width:681px){.step-panel-v153{min-width:min(520px,calc(100vw - 24px))!important}}

/* Keep-like hamburger and sidebar geometry. The compact rail and hover-expanded state use the same 54px slots. */
@media(min-width:901px){
  .brand-v154 .sidebar-collapse,
  .app-shell.sidebar-collapsed-v17 .brand-v154 .sidebar-collapse,
  .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .brand-v154 .sidebar-collapse{
    width:54px!important;height:54px!important;min-width:54px!important;min-height:54px!important;margin:0!important;
    border:0!important;border-radius:12px!important;background:transparent!important;box-shadow:none!important;display:grid!important;place-items:center!important
  }
  .brand-v154 .sidebar-collapse:hover{background:rgba(255,255,255,.075)!important}
  .hamburger-lines-v157{width:24px!important;height:22px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:3.5px!important}
  .hamburger-lines-v157 i{width:22px!important;height:2px!important;min-height:2px!important;border-radius:2px!important;background:#e7f1fb!important;margin:0!important;transform:none!important}
  .sidebar-control-row-v154,
  .app-shell.sidebar-collapsed-v17:not(.sidebar-hover-expanded-v153) .sidebar-control-row-v154,
  .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .sidebar-control-row-v154{height:54px!important;min-height:54px!important;align-items:center!important}

  .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){
    height:54px!important;min-height:54px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;margin:0!important;padding:0!important
  }
  .business-card-link-v150 strong{line-height:1.25!important;margin:0!important}

  .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .brand-copy{display:block!important}
  .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .business-card>div:not(.business-avatar){display:flex!important}
  .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .nav-caption{display:block!important}
  .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 .logout-btn span{display:flex!important;align-items:center!important}
  .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .nav-item,
  .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .logout-btn{
    width:100%!important;height:46px!important;min-height:46px!important;margin:2px 0!important;padding:0 12px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important
  }
  .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .nav-item span,
  .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .logout-btn span{height:46px!important;min-height:46px!important;line-height:1.35!important;white-space:nowrap!important}
  .app-shell.sidebar-collapsed-v17:not(.sidebar-hover-expanded-v153) .nav-item span,
  .app-shell.sidebar-collapsed-v17:not(.sidebar-hover-expanded-v153) .nav-item kbd,
  .app-shell.sidebar-collapsed-v17:not(.sidebar-hover-expanded-v153) .nav-caption,
  .app-shell.sidebar-collapsed-v17:not(.sidebar-hover-expanded-v153) .logout-btn span,
  .app-shell.sidebar-collapsed-v17:not(.sidebar-hover-expanded-v153) .brand-copy,
  .app-shell.sidebar-collapsed-v17:not(.sidebar-hover-expanded-v153) .business-card>div:not(.business-avatar){display:none!important}
}

/* Responsive hierarchy keeps the tree readable without forcing horizontal document overflow. */
@media(max-width:900px){
  :root{--v158-tree-step:30px}
  .category-node-v154[data-tree-node-v158],.visual-tree-node-v156[data-tree-node-v158],.party-group-node-v155[data-tree-node-v158]{min-width:0!important}
}
@media(max-width:620px){
  :root{--v158-tree-step:22px}
  .category-node-v154[data-tree-node-v158],.party-group-node-v155[data-tree-node-v158]{align-items:flex-start!important}
  .category-node-main-v154{min-width:0!important;width:100%!important}
  .category-node-meta-v154{width:100%!important;padding-inline-start:39px!important}
  .visual-tree-node-v156[data-tree-node-v158]{grid-template-columns:8px minmax(0,1fr) auto!important}
  .visual-tree-node-v156 details{grid-column:2/-1!important;justify-self:start!important}
  .tree-toggle-v158{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important}
}

/* Tablet picker: center the floating panel in the viewport so RTL inset calculations cannot push it off-screen. */
@media(min-width:681px) and (max-width:900px){
  .step-panel-v153{left:50%!important;right:auto!important;inset-inline-start:auto!important;transform:translateX(-50%)!important;width:min(560px,calc(100vw - 24px))!important}
}
