/* Hamyara 0.15.12 — pre-v1 detail pass */
:root{
  --v162-sidebar:276px;
  --v162-rail:76px;
  --v162-sidebar-bg:#0a2138;
}

/* Final transparent icon: no colored tile around it; the sidebar itself is the background. */
.hamyara-brand-mark{background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important;padding:0!important}
.hamyara-brand-mark img{width:100%!important;height:100%!important;object-fit:contain!important;display:block!important;filter:drop-shadow(0 5px 12px rgba(0,0,0,.12))}
.brand-v154 .brand-link{overflow:visible!important}

/* Sidebar width is content-driven through JS, never viewport-driven. */
@media(min-width:901px){
  body .sidebar,body.transaction-page .sidebar{width:var(--v162-sidebar)!important;max-width:310px!important;min-width:252px!important}
  .main-area,body.transaction-page .main-area{margin-right:var(--v162-sidebar)!important;width:calc(100% - var(--v162-sidebar))!important}
  .app-shell.sidebar-collapsed-v17 .sidebar{width:var(--v162-rail)!important;min-width:var(--v162-rail)!important}
  .app-shell.sidebar-collapsed-v17 .main-area,body.transaction-page .app-shell.sidebar-collapsed-v17 .main-area{margin-right:var(--v162-rail)!important;width:calc(100% - var(--v162-rail))!important}
  .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .sidebar{width:var(--v162-sidebar)!important}
  .nav-item .nav-svg,.logout-btn .nav-svg{width:22px!important;height:22px!important;flex:0 0 22px!important}
  .business-card-link-v150 strong{line-height:1.55!important}
}

/* One-line textareas that grow naturally when needed. */
textarea.auto-grow-v162{resize:none!important;overflow:hidden!important;min-height:48px!important;height:48px;padding-block:11px!important;line-height:1.75!important;transition:height .12s ease!important}
textarea.auto-grow-v162:focus{overflow:hidden!important}

/* Party grouping: create first, full-width tree below it. */
.party-groups-page-v155{display:grid!important;grid-template-columns:1fr!important;gap:18px!important;align-items:start!important}
.party-group-create-v155{grid-row:1!important;width:100%!important}
.party-group-tree-card-v155{grid-row:2!important;width:100%!important}
@media(min-width:1201px){.party-group-role-grid-v159{grid-template-columns:repeat(3,minmax(0,1fr))!important}}

/* More polished hierarchy disclosure control: compact plus/minus instead of angular arrows. */
.tree-toggle-v159{width:30px!important;height:30px!important;border-radius:50%!important;background:#fff!important;border:1px solid #b8cfdd!important;box-shadow:0 2px 7px rgba(24,61,87,.07)!important;position:relative!important;transition:background .18s ease,border-color .18s ease,transform .18s ease!important}
.tree-toggle-v159:hover{background:#edf7fb!important;border-color:#83abc0!important;transform:scale(1.04)!important}
.tree-toggle-v159 span{width:12px!important;height:12px!important;margin:0!important;transform:none!important;border:0!important;position:relative!important;display:block!important}
.tree-toggle-v159 span::before,.tree-toggle-v159 span::after{content:""!important;position:absolute!important;background:#386c86!important;border-radius:999px!important;left:1px!important;right:1px!important;top:5px!important;height:2px!important;transition:transform .22s ease,opacity .18s ease!important}
.tree-toggle-v159 span::after{top:1px!important;bottom:1px!important;left:5px!important;right:auto!important;width:2px!important;height:auto!important}
.tree-toggle-v159[aria-expanded="true"] span::after{transform:scaleY(0)!important;opacity:0!important}
[data-tree-node-v158]{transition:background-color .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease!important}
[data-tree-node-v158]:hover{box-shadow:0 7px 18px rgba(24,65,91,.07)!important}

/* Transaction item: first row is image + variant, second row is quantity / unit price / line total. */
body.transaction-page .transaction-workbench .retail-item{padding:14px 14px 12px!important;border-radius:14px!important}
body.transaction-page .transaction-workbench .retail-item-main{align-items:start!important}
body.transaction-page .transaction-workbench .product-field-v159>span:first-child{display:flex!important;height:24px!important;align-items:center!important;margin:0 0 5px!important;font-weight:750!important;color:#304d65!important}
body.transaction-page .transaction-workbench .item-image-v13{width:54px!important;height:74px!important;border-radius:10px!important;align-self:start!important;margin-inline-end:0!important}
body.transaction-page .transaction-workbench .item-image-v13 img{object-fit:contain!important}
.variant-control-v154{height:52px!important;padding:5px 13px!important;grid-template-columns:minmax(0,1fr) 20px!important}
.variant-control-v154 span{display:block!important;min-width:0!important}
.variant-control-v154 small{display:none!important}
.variant-control-v154 b{font-size:13px!important;line-height:1.55!important}
.variant-chevron-v162{width:9px!important;height:9px!important;border-inline-end:2px solid #557991!important;border-bottom:2px solid #557991!important;transform:rotate(45deg)!important;transition:transform .18s ease!important;justify-self:center!important;margin-top:-4px!important}
.variant-control-v154[aria-expanded="true"] .variant-chevron-v162{transform:rotate(225deg)!important;margin-top:4px!important}

body.transaction-page .number-field{display:grid!important;grid-template-columns:42px minmax(48px,1fr) 42px!important;height:52px!important;overflow:hidden!important;border-radius:11px!important}
body.transaction-page .number-field>button{width:42px!important;min-width:42px!important;height:52px!important;padding:0!important;margin:0!important;display:grid!important;place-items:center!important;line-height:1!important;font-size:22px!important;font-family:Arial,sans-serif!important}
body.transaction-page .number-field>input{height:52px!important;min-height:52px!important;line-height:52px!important;text-align:center!important;padding:0!important}

@media(min-width:901px){
  body.transaction-page .transaction-workbench .retail-item-main{
    display:grid!important;
    grid-template-columns:54px minmax(260px,1fr) 130px 155px 150px 34px!important;
    grid-template-areas:
      'image product product product product remove'
      '. qty price total total remove'!important;
    gap:8px 12px!important;
  }
  body.transaction-page .transaction-workbench .item-image-v13{grid-area:image!important;margin-top:27px!important}
  body.transaction-page .transaction-workbench .product-field{grid-area:product!important}
  body.transaction-page .transaction-workbench .quantity-field{grid-area:qty!important}
  body.transaction-page .transaction-workbench .price-field{grid-area:price!important}
  body.transaction-page .transaction-workbench .retail-line-total{grid-area:total!important;min-height:100px!important}
  body.transaction-page .transaction-workbench .row-action{grid-area:remove!important;align-self:center!important;justify-self:center!important;margin:27px 0 0!important}
}
@media(max-width:900px){
  body.transaction-page .transaction-workbench .retail-item-main{
    display:grid!important;
    grid-template-columns:54px minmax(0,1fr) 34px!important;
    grid-template-areas:'image product remove' 'qty qty qty' 'price price price' 'total total total'!important;
    gap:9px 10px!important;
  }
  body.transaction-page .transaction-workbench .item-image-v13{grid-area:image!important;margin-top:27px!important}
  body.transaction-page .transaction-workbench .product-field{grid-area:product!important}
  body.transaction-page .transaction-workbench .quantity-field{grid-area:qty!important;max-width:none!important}
  body.transaction-page .transaction-workbench .price-field{grid-area:price!important}
  body.transaction-page .transaction-workbench .retail-line-total{grid-area:total!important;min-height:auto!important}
  body.transaction-page .transaction-workbench .row-action{grid-area:remove!important;margin-top:28px!important}
}

/* Summary panel: controls and figures visually centered within the card. */
body.transaction-page .summary-panel-v5{text-align:center!important}
body.transaction-page .summary-panel-v5 header{justify-content:center!important;text-align:right!important}
body.transaction-page .summary-panel-v5 .money-hero,body.transaction-page .summary-panel-v5 .money-grid,body.transaction-page .summary-panel-v5 .summary-party-v5{margin-inline:auto!important;width:100%!important}
body.transaction-page .summary-panel-v5 .final-submit{width:100%!important;margin-inline:auto!important}

/* Payment rows cloned by “split payment” keep the same grid and alignment. */
body.transaction-page .retail-payment{align-items:start!important;border-radius:13px!important}
body.transaction-page .retail-payment>.mini-field{min-width:0!important}
body.transaction-page .retail-payment .step-picker-host-v153,body.transaction-page .retail-payment .step-control-v153{width:100%!important;min-width:0!important}

/* Invoice discount remains a single total discount at the end of item rows. */
.retail-items-footer-v29{margin-top:12px!important;border-top:1px dashed #cfdae5!important;padding-top:14px!important}
.invoice-discount-field-v29{justify-self:end!important}

/* Login is the product showcase: watermark icon + denser feature grid. */
.hamyara-login-visual::before{content:"";position:absolute;inset:auto -90px -70px auto;width:min(58vw,720px);aspect-ratio:1;background:url('../brand/hamyara-mark-final.png') center/contain no-repeat;opacity:.075;filter:saturate(.9);pointer-events:none;z-index:0}
.hamyara-login-visual>*{position:relative;z-index:2}
.visual-cards-v162{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
.visual-cards-v162>div{min-height:94px!important;backdrop-filter:blur(2px)!important}
.visual-cards-v162 b{font-size:13px!important;color:#fff!important}
.visual-cards-v162 span{font-size:10.5px!important;line-height:1.75!important;color:#c5d8e7!important}
.visual-copy{margin:46px 0 28px!important}
.visual-copy h1{font-size:38px!important;line-height:1.45!important;margin:13px 0!important}
@media(max-width:1150px){.visual-cards-v162{grid-template-columns:repeat(2,minmax(0,1fr))!important}.visual-copy h1{font-size:32px!important}}
/* Readability layer used to impose 94px textareas; auto-grow fields intentionally start at one line. */
body.readable-ui textarea.auto-grow-v162,
body.readable-ui .textarea.auto-grow-v162,
body.readable-ui textarea.input.auto-grow-v162{
  min-height:48px!important;
  padding:10px 13px!important;
  line-height:1.75!important;
}