/* Hamyara 0.15.19 — controlled hover sidebar, fixed Tehran clock/date and transaction item geometry */
:root{--v168-sidebar-width:258px;--v168-rail-width:82px;--v168-control:50px}

/* Sidebar: collapsed rail temporarily expands on hover as an overlay; clicking hamburger pins it open. */
@media(min-width:901px){
  .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .sidebar{
    width:var(--v168-sidebar-width)!important;min-width:var(--v168-sidebar-width)!important;max-width:var(--v168-sidebar-width)!important;
    padding:14px 12px 16px!important;box-shadow:-16px 0 34px rgba(7,28,49,.18)!important;overflow-x:hidden!important;
  }
  .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(--v168-rail-width)!important;width:calc(100% - var(--v168-rail-width))!important;
  }
  .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .brand-v154{
    display:block!important;min-height:84px!important;height:84px!important;padding:0 2px 8px!important;margin:0!important;
  }
  .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;gap:9px!important;
    width:100%!important;height:76px!important;padding:0!important;margin:0!important;
  }
  .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:72px!important;min-width:72px!important;max-width:72px!important;height:72px!important;min-height:72px!important;max-height:72px!important;object-fit:contain!important;margin:0!important;
  }
  .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .brand-copy{display:block!important;min-width:0!important}
  .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .business-switcher-v151{
    display:grid!important;grid-template-columns:34px minmax(0,1fr) 34px!important;gap:6px!important;height:62px!important;min-height:62px!important;margin:0 0 10px!important;padding:0!important;
  }
  .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .business-switcher-v151 .store-cycle-arrow{display:grid!important;width:34px!important;height:56px!important}
  .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .business-card-link-v150{
    display:grid!important;grid-template-columns:52px minmax(0,1fr)!important;gap:7px!important;width:100%!important;height:56px!important;min-height:56px!important;max-height:56px!important;padding:2px 6px!important;margin:0!important;
  }
  .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}
  .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;overflow:hidden!important;border-radius:12px!important;
  }
  .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .business-switcher-v151 .business-avatar img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important}
  .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .nav-item,
  .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .logout-btn{justify-content:flex-start!important;padding-inline:12px!important;gap:12px!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 .nav-caption,
  .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .logout-btn span{display:initial!important}
}

/* Top-left date and Tehran time. */
.date-chip-v168{height:52px!important;min-width:385px!important;display:flex!important;align-items:center!important;gap:10px!important;padding:0 11px!important}
.date-copy-v168{min-width:0!important;display:block!important}
.date-copy-v168 b{display:flex!important;align-items:center!important;gap:7px!important;white-space:nowrap!important;font-size:11.5px!important}
.date-copy-v168 b em{font-style:normal!important;color:#2d7193!important;background:#edf7fb!important;border-radius:999px!important;padding:2px 7px!important;font-size:9px!important}
.date-copy-v168 b small{display:inline!important;font-size:10.5px!important;color:#61788d!important;font-weight:500!important;margin:0!important}
.tehran-live-time-v168{margin-inline-start:auto!important;border-right:1px solid #e2e9ef!important;padding-right:10px!important;direction:rtl!important;font-size:11px!important;white-space:nowrap!important}
@media(max-width:1180px){.date-chip-v168{min-width:295px!important}.tehran-live-time-v168{display:none!important}}

/* Readability button contains only its actual label and produces an unmistakable second scale. */
.readability-button-v168{min-width:92px!important;justify-content:center!important;padding:0 12px!important;font-weight:750!important}
body.extra-readable{--v10-body:20px!important;--v10-control:18.5px!important;--v10-small:15px!important;--v10-label:17px!important;--v10-title:30px!important;--v10-panel-title:23px!important}
body.extra-readable .nav-item{font-size:17.5px!important}
body.extra-readable .data-table th,body.extra-readable .data-table td{font-size:16.5px!important}
body.extra-readable .btn{font-size:17px!important}
body.extra-readable .field-label,body.extra-readable .mini-field>span{font-size:16.5px!important}
body.extra-readable input,body.extra-readable select,body.extra-readable textarea{font-size:17px!important}

/* Professional common chevron for native selects and staged custom combo controls. */
body.readable-ui select.select,body.readable-ui select.filter-select,body.readable-ui select:not([multiple]){
  appearance:none!important;-webkit-appearance:none!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235b7890' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;background-position:left 12px center!important;background-size:16px 16px!important;padding-left:38px!important;
}
.variant-control-v154 i{font-size:0!important;width:18px!important;height:18px!important;display:grid!important;place-items:center!important;position:relative!important}
.variant-control-v154 i::before{content:"";width:8px;height:8px;border-left:2px solid #5b7890;border-bottom:2px solid #5b7890;transform:rotate(-45deg) translateY(-1px);border-radius:1px}
.step-control-v153::after{content:""!important;width:8px!important;height:8px!important;border-left:2px solid #5b7890!important;border-bottom:2px solid #5b7890!important;transform:rotate(-45deg)!important}

/* Transaction date: weekday/date/calendar stay one intact selectable control. */
body.transaction-page .focus-date-v168{grid-column:span 3!important;min-width:280px!important}
.date-composite-v168{direction:rtl!important;width:100%!important;min-width:280px!important;height:52px!important;display:grid!important;grid-template-columns:88px minmax(135px,1fr) 50px!important;align-items:stretch!important;overflow:hidden!important;border:1px solid #cfdce6!important;border-radius:11px!important;background:#fff!important}
.date-composite-v168 .date-weekday-inline-v167{grid-column:1!important;display:flex!important;align-items:center!important;justify-content:center!important;height:50px!important;padding:0 8px!important;border:0!important;border-left:1px solid #e2e9ef!important;white-space:nowrap!important;overflow:visible!important}
.date-composite-v168 input{grid-column:2!important;width:100%!important;min-width:0!important;height:50px!important;min-height:50px!important;padding:0 8px!important;border:0!important;border-radius:0!important;text-align:center!important;direction:ltr!important;box-shadow:none!important}
.date-composite-v168 .field-action{grid-column:3!important;width:50px!important;min-width:50px!important;height:50px!important;min-height:50px!important;border:0!important;border-right:1px solid #e2e9ef!important;border-radius:0!important;display:grid!important;place-items:center!important;background:#fff!important}
.date-composite-v168 .field-action:hover{background:#f1f7fb!important}
.date-picker-modal{z-index:5000!important}
@media(max-width:900px){body.transaction-page .focus-date-v168{grid-column:auto!important}.date-composite-v168{min-width:0!important}}

/* Product row final geometry: equal gaps, larger price/line amount, no line-total outer box. */
body.transaction-page .transaction-workbench .retail-line-total{border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important}
body.transaction-page .transaction-workbench .retail-line-value-v165{height:var(--v168-control)!important;min-height:var(--v168-control)!important;border:1px solid #cfdae4!important;border-radius:11px!important;background:#fff!important;box-shadow:none!important;padding:0 12px!important;display:flex!important;align-items:center!important;justify-content:space-between!important}
@media(min-width:901px){
  body.transaction-page .transaction-workbench .retail-item-main{
    grid-template-columns:176px minmax(0,1.05fr) minmax(0,1.38fr) minmax(0,1.38fr) 34px!important;
    grid-template-areas:'image product product product remove' '. qty price total remove'!important;
    column-gap:10px!important;row-gap:7px!important;
  }
}
.invoice-discount-field-v168{justify-self:start!important;margin-inline-end:auto!important;min-width:280px!important;max-width:340px!important;width:100%!important}
.retail-items-footer-v29{grid-template-columns:minmax(280px,340px) minmax(0,1fr)!important;align-items:end!important}
.retail-items-footer-v29 .retail-items-metrics-v29{justify-self:end!important}
@media(max-width:980px){.retail-items-footer-v29{grid-template-columns:1fr!important}.invoice-discount-field-v168{justify-self:stretch!important;max-width:none!important}}

/* Keep item 2..10 custom picker panels above neighboring rows. */
body.transaction-page .retail-item{position:relative!important;overflow:visible!important}
body.transaction-page .retail-item:focus-within{z-index:40!important}
body.transaction-page .variant-picker-v154{position:relative!important;z-index:3!important}
body.transaction-page .variant-panel-v154{z-index:6000!important}

@media(min-width:901px){
.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 .logout-btn span{display:inline!important}
.app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .nav-item kbd{display:inline-flex!important}
}

/* Enhanced searchable comboboxes use the same polished chevron. */
.combo-toggle{position:relative!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;border-radius:9px!important;background:#f3f7fa!important;display:grid!important;place-items:center!important}
.combo-toggle::before{content:""!important;position:static!important;width:8px!important;height:8px!important;border:0!important;border-left:2px solid #5b7890!important;border-bottom:2px solid #5b7890!important;transform:rotate(-45deg) translateY(-1px)!important;margin:0!important}
.combo-toggle:hover{background:#eaf2f7!important}

/* In RTL footer, inline-end is the visual left: keep the invoice discount there. */
.invoice-discount-field-v168{justify-self:end!important;margin-inline-start:auto!important;margin-inline-end:0!important}