/* Hamyara 0.15.9 — pre-v1 usability + responsive hardening */
:root{
  --v159-sidebar:clamp(292px,20vw,348px);
  --v159-rail:76px;
  --v159-tree-step:42px;
  --v159-tree-line:#ccdae6;
  --v159-level1:#edf6fb;
  --v159-level2:#f3f8fc;
  --v159-level3:#f8fbfd;
  --v159-level4:#fcfdfe;
}

/* Flexible desktop sidebar: store names can wrap instead of being cut to «ما…». */
@media(min-width:901px){
  body .sidebar,body.transaction-page .sidebar{width:var(--v159-sidebar)!important}
  .main-area,body.transaction-page .main-area{margin-right:var(--v159-sidebar)!important;width:calc(100% - var(--v159-sidebar))!important}
  .app-shell.sidebar-collapsed-v17 .sidebar{width:var(--v159-rail)!important}
  .app-shell.sidebar-collapsed-v17 .main-area,body.transaction-page .app-shell.sidebar-collapsed-v17 .main-area{margin-right:var(--v159-rail)!important;width:calc(100% - var(--v159-rail))!important}
  .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .sidebar{width:var(--v159-sidebar)!important}
  .business-switcher-v151,.app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .business-switcher-v151{grid-template-columns:38px minmax(0,1fr) 38px!important;gap:6px!important;height:auto!important;min-height:64px!important;align-items:center!important}
  .business-switcher-v151 .store-cycle-arrow,.app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .business-switcher-v151 .store-cycle-arrow{width:38px!important;min-width:38px!important;height:54px!important}
  .business-card-link-v150,.app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .business-card-link-v150{height:auto!important;min-height:56px!important;overflow:visible!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:auto!important;min-height:54px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:visible!important;text-align:center!important}
  .business-card-link-v150 strong,.app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .business-card-link-v150 strong{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important;word-break:normal!important;line-height:1.5!important;text-align:center!important;max-width:100%!important}
  .app-shell.sidebar-collapsed-v17:not(.sidebar-hover-expanded-v153) .business-switcher-v151{height:62px!important;min-height:62px!important;display:flex!important}
  .app-shell.sidebar-collapsed-v17:not(.sidebar-hover-expanded-v153) .business-card-link-v150{height:54px!important;min-height:54px!important;overflow:hidden!important}
}

/* Dashboard KPI rows: equal cards and aligned numbers/footer. */
.dashboard-kpis-v150{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;grid-auto-rows:1fr!important;align-items:stretch!important}
.dashboard-kpis-v150>.metric-card-v13{height:100%!important;min-height:228px!important;display:grid!important;grid-template-rows:minmax(56px,auto) minmax(54px,auto) 20px minmax(58px,auto)!important;align-content:stretch!important}
.dashboard-kpis-v150>.metric-card-v13 .metric-top{min-height:56px!important;align-items:flex-start!important}
.dashboard-kpis-v150>.metric-card-v13>strong{align-self:center!important;margin:0!important;font-size:clamp(21px,1.75vw,30px)!important;line-height:1.25!important;font-variant-numeric:tabular-nums!important;white-space:nowrap!important}
.dashboard-kpis-v150>.metric-card-v13>small{align-self:start!important;margin:0!important}
.dashboard-kpis-v150>.metric-card-v13 .metric-inline-v13{align-self:stretch!important;min-height:58px!important;margin-top:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}
.metric-inline-placeholder-v159{visibility:visible!important}
@media(max-width:1450px){.dashboard-kpis-v150{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:1000px){.dashboard-kpis-v150{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){.dashboard-kpis-v150{grid-template-columns:1fr!important}.dashboard-kpis-v150>.metric-card-v13{min-height:208px!important}}

/* Business profile image and partner photos. */
.business-image-editor{align-items:flex-start!important;gap:16px!important}
.business-image-editor-copy-v159{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:8px!important;padding-top:4px!important;line-height:1.6!important}
.business-image-editor-copy-v159 b,.business-image-editor-copy-v159 small{display:block!important;margin:0!important}
.partner-profile-row .entity-avatar-photo-v154{overflow:hidden!important;flex:0 0 auto!important}
.partner-profile-row .entity-avatar-photo-v154 img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important}

/* Animated tree system: clearer hierarchy, gradual tone from parent to descendants and breathing room. */
.collapsible-tree-v158{display:grid!important;gap:8px!important;overflow-x:auto!important;padding:12px 18px 20px!important}
[data-tree-node-v158]{position:relative!important;margin-inline-start:calc((var(--level,1) - 1) * var(--v159-tree-step))!important;border:1px solid #d3e0e9!important;border-radius:13px!important;box-shadow:0 4px 13px rgba(20,45,67,.035)!important}
[data-tree-node-v158][data-level="1"]{background:var(--v159-level1)!important;border-color:#bdd5e4!important}
[data-tree-node-v158][data-level="2"]{background:var(--v159-level2)!important;border-color:#cadce8!important}
[data-tree-node-v158][data-level="3"]{background:var(--v159-level3)!important;border-color:#d5e3ec!important}
[data-tree-node-v158][data-level="4"],[data-tree-node-v158][data-level="5"]{background:var(--v159-level4)!important;border-color:#dce7ee!important}
[data-tree-node-v158][data-level]:not([data-level="1"])::before{content:""!important;position:absolute!important;inset-inline-start:-22px!important;top:-10px!important;bottom:-10px!important;border-inline-start:1px solid var(--v159-tree-line)!important;pointer-events:none!important}
[data-tree-node-v158][data-level]:not([data-level="1"])::after{content:""!important;position:absolute!important;inset-inline-start:-22px!important;top:50%!important;width:18px!important;border-top:1px solid var(--v159-tree-line)!important;pointer-events:none!important}
.tree-node-primary-v158{min-width:0!important}
.tree-node-primary-clickable-v159{cursor:pointer!important;user-select:none!important}
.tree-toggle-v159{width:31px!important;height:31px!important;min-width:31px!important;border:1px solid #c5d8e5!important;border-radius:9px!important;background:#fff!important;display:grid!important;place-items:center!important;padding:0!important;cursor:pointer!important;box-shadow:0 2px 7px rgba(31,72,100,.05)!important}
.tree-toggle-v159:hover{background:#eaf4fa!important;border-color:#9fc0d5!important}
.tree-toggle-v159 span{width:8px!important;height:8px!important;border-inline-end:2px solid #49718b!important;border-bottom:2px solid #49718b!important;transform:rotate(45deg)!important;transition:transform .18s ease!important;margin-top:-3px!important}
.tree-toggle-v159[aria-expanded="false"] span{transform:rotate(135deg)!important;margin-top:0!important;margin-inline-start:3px!important}
.tree-branch-v159{box-shadow:0 6px 16px rgba(24,65,91,.045)!important}
.tree-branch-v159 strong,.tree-branch-v159 b{font-weight:800!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(--v159-tree-step))!important}
.category-node-main-v154{gap:9px!important;align-items:center!important}
.category-node-main-v154 .tree-toggle-v159{order:-1!important}
.visual-tree-node-v156[data-tree-node-v158]{display:grid!important;grid-template-columns:10px minmax(0,1fr) auto auto!important;gap:10px!important;align-items:center!important;padding:10px 12px!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-v159{order:-1!important}
.party-group-node-v155[data-tree-node-v158]{padding:0!important}
.party-group-node-main-v155{border:0!important;background:transparent!important;min-height:62px!important;grid-template-columns:auto 12px minmax(0,1fr) auto!important;padding:8px 10px!important}
.party-group-node-main-v155 .tree-toggle-v159{grid-column:1!important}
.party-group-role-grid-v159{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;padding:0 14px 16px!important}
.party-group-role-section-v159{border:1px solid #dce6ed!important;border-radius:15px!important;background:#f9fbfd!important;padding:10px!important;min-width:0!important}
.party-group-role-section-v159>header{min-height:44px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding:3px 5px 9px!important}
.party-group-role-section-v159 .collapsible-tree-v158{padding:5px 4px 10px!important}
.party-group-role-section-v159 [data-tree-node-v158]{margin-inline-start:calc((var(--level) - 1) * 28px)!important}
.party-group-role-section-v159 [data-tree-node-v158]:not([data-level="1"])::before{inset-inline-start:-15px!important}.party-group-role-section-v159 [data-tree-node-v158]:not([data-level="1"])::after{inset-inline-start:-15px!important;width:12px!important}
@media(max-width:1200px){.party-group-role-grid-v159{grid-template-columns:1fr!important}}

/* Inline edit forms: never float under the next row. */
.visual-tree-node-v156 details,.party-group-node-v155>.tree-inline-edit-v159{position:static!important;min-width:0!important}
.visual-tree-node-v156 details{grid-column:4!important}
.tree-edit-v156,.party-group-edit-form-v155{position:static!important;inset:auto!important;top:auto!important;width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;margin:10px 0 2px!important;padding:12px!important;box-shadow:none!important;border:1px solid #cbdde8!important;background:#fff!important;border-radius:12px!important;overflow:visible!important;z-index:auto!important}
.visual-tree-node-v156 details[open]{grid-column:2/-1!important;width:100%!important}
.visual-tree-node-v156 details[open] summary{margin-inline-start:auto!important;width:max-content!important}
.visual-tree-node-v156 details[open] .tree-edit-v156{display:grid!important;grid-template-columns:minmax(140px,1fr) minmax(180px,1.4fr) 100px auto auto!important;gap:9px!important;align-items:end!important}
.party-group-node-v155>.tree-inline-edit-v159{padding:0 10px 9px!important}
.party-group-node-v155>.tree-inline-edit-v159>summary{margin-inline-start:auto!important;width:max-content!important}
.party-group-edit-form-v155{display:grid!important;grid-template-columns:1fr 1.35fr auto auto!important;align-items:end!important}
@media(max-width:900px){.visual-tree-node-v156 details[open] .tree-edit-v156,.party-group-edit-form-v155{grid-template-columns:1fr!important}}

/* Accounts tree. */
.account-tree-card-v159{overflow:hidden!important}.account-tree-v159{padding:12px 18px 20px!important}
.account-tree-node-v159{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important;padding:10px 12px!important}
.account-tree-main-v159{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important}.account-tree-main-v159>div{display:grid!important;gap:3px!important;min-width:0!important}.account-tree-main-v159 small{color:#71869a!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.account-tree-icon-v159{width:38px!important;height:38px!important;border-radius:10px!important;display:grid!important;place-items:center!important;background:#fff!important;border:1px solid #d6e3eb!important;flex:0 0 38px!important}.account-tree-icon-v159 svg{width:18px!important;height:18px!important}
.account-tree-meta-v159{display:flex!important;align-items:center!important;gap:12px!important;white-space:nowrap!important}.account-tree-meta-v159>strong{font-variant-numeric:tabular-nums!important}.account-type-label-v159{font-size:11px!important;color:#697f93!important}

/* Party directory: category-tree-like rows with role roots and group branches. */
.party-directory-card-v159{overflow:hidden!important}.party-directory-tree-v159{padding:12px 18px 20px!important}
.party-directory-node-v159{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important;padding:10px 12px!important}
.party-directory-main-v159{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important}.party-directory-main-v159>div{display:grid!important;gap:3px!important;min-width:0!important}.party-directory-main-v159 small{color:#71869a!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.party-directory-meta-v159{display:flex!important;align-items:center!important;gap:14px!important;white-space:nowrap!important}.party-directory-meta-v159>b{font-variant-numeric:tabular-nums!important}.party-directory-kind-v159{font-size:11px!important;color:#6c8296!important}.party-role-icon-v159{width:38px;height:38px;border-radius:10px;background:#fff;border:1px solid #d5e3ec;display:grid;place-items:center;flex:0 0 auto}.party-role-icon-v159 svg{width:19px;height:19px}.party-group-dot-v159{width:10px;height:10px;border-radius:50%;background:#3994ae;flex:0 0 10px}.party-directory-node-v159.party-leaf{background:#fff!important}
.party-directory-node-v159.role-customer[data-level="1"]{border-inline-start:4px solid #4ba77d!important}.party-directory-node-v159.role-supplier[data-level="1"]{border-inline-start:4px solid #d69842!important}.party-directory-node-v159.role-partner[data-level="1"]{border-inline-start:4px solid #8a6fd1!important}

/* General tree responsiveness; no horizontal document overflow. */
@media(max-width:900px){:root{--v159-tree-step:28px}.collapsible-tree-v158{padding-inline:12px!important}.account-tree-node-v159,.party-directory-node-v159{grid-template-columns:1fr!important}.account-tree-meta-v159,.party-directory-meta-v159{padding-inline-start:41px!important;flex-wrap:wrap!important;white-space:normal!important}}
@media(max-width:620px){:root{--v159-tree-step:18px}.collapsible-tree-v158{padding-inline:8px!important}.category-node-v154[data-tree-node-v158],.visual-tree-node-v156[data-tree-node-v158],.party-group-node-v155[data-tree-node-v158],[data-tree-node-v158]{margin-inline-start:calc((var(--level,1) - 1) * var(--v159-tree-step))!important}.category-node-meta-v154{padding-inline-start:0!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}.party-directory-meta-v159,.account-tree-meta-v159{padding-inline-start:0!important}.tree-toggle-v159{width:28px!important;height:28px!important;min-width:28px!important}}

/* Sale/purchase party control: status + selection stay on one readable line. */
body.transaction-page .focus-party .step-control-copy-v153{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;white-space:nowrap!important}
body.transaction-page .focus-party .step-control-copy-v153 small{flex:0 0 auto!important;margin:0!important}
body.transaction-page .focus-party .step-control-copy-v153 b{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}

/* Item row: remove duplicate visible product label while preserving alignment and establish deterministic responsive grids. */
body.transaction-page .product-field-v159{padding-top:24px!important;min-width:0!important}
body.transaction-page .product-field-v159>.variant-picker-v154,body.transaction-page .product-field-v159>.step-picker-host-v153{margin-top:0!important}
@media(min-width:1441px){
 body.transaction-page .transaction-workbench .retail-item-main{display:grid!important;grid-template-columns:70px minmax(240px,1fr) 140px 138px 128px 120px 38px!important;grid-template-areas:'image product qty price discount total remove'!important;gap:13px!important;align-items:start!important}
}
@media(min-width:1181px) and (max-width:1440px){
 body.transaction-page .transaction-workbench .retail-item-main{display:grid!important;grid-template-columns:70px minmax(250px,1fr) 148px 38px!important;grid-template-areas:'image product qty remove' 'price price discount total'!important;gap:12px!important;align-items:start!important}
 body.transaction-page .retail-item-main>.price-field{grid-area:price!important;max-width:260px!important}.retail-item-main>.discount-field{grid-area:discount!important}.retail-item-main>.retail-line-total{grid-area:total!important}.retail-item-main>.row-action{grid-area:remove!important}
}
@media(min-width:901px) and (max-width:1180px){
 body.transaction-page .transaction-workbench .retail-item-main{display:grid!important;grid-template-columns:70px minmax(0,1fr) 38px!important;grid-template-areas:'image product remove' 'qty qty qty' 'price discount total'!important;gap:12px!important;align-items:start!important}
}
@media(max-width:900px) and (min-width:621px){
 body.transaction-page .transaction-workbench .retail-item-main{display:grid!important;grid-template-columns:70px minmax(0,1fr) 38px!important;grid-template-areas:'image product remove' 'qty qty qty' 'price discount total'!important;gap:10px!important;align-items:start!important}
}
body.transaction-page .retail-item-main>.item-image-v13{grid-area:image!important}body.transaction-page .retail-item-main>.product-field{grid-area:product!important}body.transaction-page .retail-item-main>.quantity-field{grid-area:qty!important}body.transaction-page .retail-item-main>.price-field{grid-area:price!important}body.transaction-page .retail-item-main>.discount-field{grid-area:discount!important}body.transaction-page .retail-item-main>.retail-line-total{grid-area:total!important}body.transaction-page .retail-item-main>.row-action{grid-area:remove!important;grid-column:auto!important;grid-row:auto!important}
@media(max-width:620px){body.transaction-page .product-field-v159{padding-top:0!important}body.transaction-page .transaction-workbench .retail-item-main{display:flex!important;flex-direction:column!important}body.transaction-page .transaction-workbench .retail-item-main>*{width:100%!important}body.transaction-page .transaction-workbench .retail-item-main>.row-action{width:38px!important;align-self:flex-end!important}}

/* Purchase invoice attachment and large viewer. */
.purchase-invoice-upload-v159{margin-top:14px!important;padding:14px!important;border:1px dashed #c7d9e6!important;border-radius:14px!important;background:#f8fbfd!important;display:grid!important;grid-template-columns:minmax(220px,1fr) auto minmax(170px,.7fr)!important;gap:12px!important;align-items:center!important}
.purchase-invoice-copy-v159{display:grid!important;gap:4px!important}.purchase-invoice-copy-v159 small{color:#6e8397!important;line-height:1.7!important}.purchase-invoice-picker-v159 input{position:absolute!important;opacity:0!important;pointer-events:none!important}.purchase-invoice-picker-v159>span{min-height:44px!important;border:1px solid #bfd5e4!important;border-radius:11px!important;background:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;padding:8px 12px!important;cursor:pointer!important;color:#225b7c!important;font-weight:700!important}.purchase-invoice-picker-v159>span:hover{background:#eff7fb!important}
.purchase-invoice-preview-v159{min-width:0!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;flex-wrap:wrap!important}.purchase-invoice-thumb-v159{border:1px solid #cfdee8!important;border-radius:11px!important;background:#fff!important;padding:5px!important;display:flex!important;align-items:center!important;gap:7px!important;cursor:pointer!important}.purchase-invoice-thumb-v159 img{width:58px!important;height:44px!important;object-fit:cover!important;border-radius:7px!important}.purchase-invoice-thumb-v159 span{font-size:11px!important}.purchase-invoice-empty-v159{font-size:11px!important;color:#7a8fa2!important}.purchase-invoice-remove-v159{font-size:11px!important}
.purchase-invoice-dialog-v159{width:min(1080px,94vw)!important;max-height:92vh!important;border:0!important;border-radius:16px!important;padding:44px 14px 14px!important;background:#102234!important;box-shadow:0 25px 70px rgba(0,0,0,.35)!important}.purchase-invoice-dialog-v159::backdrop{background:rgba(5,15,25,.72)!important}.purchase-invoice-dialog-v159 img{display:block!important;max-width:100%!important;max-height:calc(92vh - 58px)!important;margin:auto!important;object-fit:contain!important}.purchase-invoice-dialog-close-v159{position:absolute!important;top:8px!important;inset-inline-end:10px!important;width:32px!important;height:32px!important;border:0!important;border-radius:9px!important;background:#fff!important;color:#18334a!important;font-size:22px!important;cursor:pointer!important}
@media(max-width:900px){.purchase-invoice-upload-v159{grid-template-columns:1fr!important}.purchase-invoice-preview-v159{justify-content:flex-start!important}}

/* Separate settings pages: buttons and cards keep consistent spacing. */
.settings-section-v17 .page-actions,.settings-save-v17{gap:10px!important}.settings-save-v17{margin-top:20px!important}.unit-row-v156{margin-bottom:8px!important}
/* JS finishes collapse animation by setting hidden; this must beat per-node display rules. */
[data-tree-node-v158][hidden]{display:none!important}
