.sales-purchase-workbench,
.sales-purchase-window-layer{
  --entries-radius-panel:10px;
  --entries-scrollbar-size:10px;
  --entries-scrollbar-thumb:rgba(15,23,42,.16);
  --entries-scrollbar-thumb-border:2px;
  --sales-purchase-dropdown-host-z-index:960;
  --sales-purchase-dropdown-popup-z-index:980;
  --sales-purchase-dropdown-active-host-z-index:1280;
  --sales-purchase-dropdown-active-popup-z-index:1300;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]){
  overflow:hidden;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-workbench{
  --sales-purchase-workspace-edge-x:7px;
  --sales-purchase-workspace-edge-y:5px;
  --sales-purchase-records-gap-y:6px;
  gap:0;
  padding:0;
}
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .entries-toolbar__search{
  box-sizing:border-box;
  padding-inline-start:var(--entries-toolbar-gap);
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .entries-toolbar__search .entries-search__clear{
  --sales-main-search-clear-rest-border:rgba(220,38,38,.22);
  --sales-main-search-clear-rest-background:linear-gradient(135deg, #dc2626 0%, #b91c1c 100%);
  --sales-main-search-clear-rest-shadow:0 10px 16px rgba(185,28,28,.16), inset 0 1px 0 rgba(255,255,255,.16);
  background:var(--sales-main-search-clear-rest-background) !important;
  border-color:var(--sales-main-search-clear-rest-border) !important;
  box-shadow:var(--sales-main-search-clear-rest-shadow) !important;
  color:#fff !important;
  filter:none !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .entries-toolbar__search .entries-search__clear:is(:hover, :active, :focus, :focus-visible){
  background:var(--sales-main-search-clear-rest-background) !important;
  border-color:var(--sales-main-search-clear-rest-border) !important;
  box-shadow:var(--sales-main-search-clear-rest-shadow) !important;
  color:#fff !important;
  filter:none !important;
  outline:none !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .entries-toolbar__search .entries-search__clear:hover{
  transform:translateY(calc(-50% - 1px));
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .entries-toolbar__search .entries-search__clear:active{
  transform:translateY(-50%) scale(.96);
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .entries-toolbar__search .entries-search__clear:is(:focus, :focus-visible){
  transform:translateY(-50%);
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .entries-toolbar__search .entries-search__clear[hidden]{
  display:grid !important;
  visibility:visible !important;
  opacity:1 !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .entries-records__viewport--split-scroll{
  min-height:0;
  flex:1;
  display:flex;
  flex-direction:column;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .entries-records__head--split-scroll{
  position:relative;
  top:auto;
  padding-inline-end:var(--entries-scrollbar-size);
  box-sizing:border-box;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .entries-records__scroller--split-scroll{
  min-height:0;
  flex:1;
  overflow-y:auto;
  overflow-x:hidden;
  padding-inline-end:var(--entries-scrollbar-size);
  box-sizing:border-box;
  scrollbar-gutter:stable;
  scrollbar-width:thin;
  scrollbar-color:rgba(15,23,42,.18) transparent;
}
.sales-purchase-window-layer{
  --entries-radius-window:10px;
  --entries-radius-window-action:8px;
  position:absolute;
  inset:0;
  z-index:2390;
  pointer-events:none;
  overflow:hidden;
}

.sales-purchase-modal-backdrop{
  position:absolute;
  inset:0;
  z-index:2400;
  display:block;
  padding:0;
  background:transparent;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  pointer-events:none;
  overflow:hidden;
}

.sales-purchase-modal-backdrop--attached-blocker{
  pointer-events:none;
}

.sales-purchase-attached-owner-blocker{
  position:absolute;
  left:0;
  top:0;
  width:0;
  height:0;
  z-index:0;
  display:block;
  pointer-events:none;
  background:transparent;
}

.sales-purchase-modal-backdrop--attached-blocker .sales-purchase-attached-owner-blocker{
  pointer-events:auto;
}

.sales-purchase-modal-window.is-attached-locked .sales-purchase-sheet__body{
  pointer-events:none !important;
}

.sales-purchase-modal-window.is-attached-locked .sales-purchase-sheet__head,
.sales-purchase-modal-window.is-attached-locked .sales-purchase-sheet__window-actions,
.sales-purchase-modal-window.is-attached-locked .sales-purchase-sheet__heading,
.sales-purchase-modal-window.is-attached-locked .sales-purchase-sheet__title,
.sales-purchase-modal-window.is-attached-locked .sales-purchase-sheet__close,
.sales-purchase-modal-window.is-attached-locked .sales-purchase-sheet__expand,
.sales-purchase-modal-window.is-attached-locked .sales-purchase-sheet__chrome-btn{
  pointer-events:auto;
}

.sales-purchase-modal-window{
  position:absolute;
  z-index:1;
  left:0;
  top:0;
  margin:0;
  display:flex;
  flex-direction:column;
  width:min(760px, calc(100% - 24px));
  max-width:calc(100% - 24px);
  height:min(659px, calc(100% - 24px));
  max-height:calc(100% - 24px);
  min-height:360px;
  overflow:hidden;
  border-radius:var(--entries-radius-window);
  border:1px solid rgba(47,103,243,.94);
  background:#2f67f3;
  background-clip:padding-box;
  box-shadow:0 34px 88px rgba(15,23,42,.28), 0 0 0 1px rgba(96,165,250,.18);
  isolation:isolate;
  pointer-events:auto;
  will-change:left, top, width, height;
  contain:layout paint style;
  transition:box-shadow .12s ease;
}

.sales-purchase-modal-window:not(.is-positioned){
  visibility:hidden;
}

.sales-purchase-modal-window--settlement-shell{
  width:min(760px, 78vw);
  max-width:min(760px, 78vw);
  height:min(74vh, 659px);
  max-height:min(74vh, 659px);
}

.sales-purchase-modal-window--party-shell{
  width:min(700px, 72vw);
  max-width:min(700px, 72vw);
  height:min(520px, 62vh);
  max-height:min(520px, 62vh);
  min-height:320px;
}


.sales-purchase-modal-backdrop.is-dragging .sales-purchase-modal-window{
  transition:none !important;
}

body.sales-purchase--dragging-window,
body.sales-purchase--dragging-window *{
  user-select:none !important;
  cursor:auto !important;
}

.sales-purchase-sheet{
  min-width:0;
  min-height:0;
  display:flex;
  flex-direction:column;
  flex:1;
}

.sales-purchase-sheet__head{
  min-height:32px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 10px;
  position:relative;
  z-index:2;
  border-radius:var(--entries-radius-window) var(--entries-radius-window) 0 0;
  border-bottom:1px solid rgba(255,255,255,.14);
  background:var(--window-head-chrome);
  cursor:auto;
  user-select:none;
  touch-action:none;
}

.sales-purchase-sheet__head.is-grabbing,
.sales-purchase-modal-backdrop.is-dragging .sales-purchase-sheet__head{
  cursor:auto;
}

.sales-purchase-sheet__heading{
  position:relative;
  z-index:1;
  width:100%;
  max-width:calc(100% - 90px);
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:100%;
  text-align:center;
}

.sales-purchase-sheet__title{
  margin:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:100%;
  font-size:19px;
  line-height:1;
  font-weight:700;
  color:#fff;
}

.sales-purchase-sheet__title-text{
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.sales-purchase-sheet__title-icon{
  width:18px;
  height:18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  align-self:center;
  flex:0 0 auto;
  color:inherit;
}

.sales-purchase-sheet__title-icon svg{
  width:100%;
  height:100%;
  display:block;
}

.sales-purchase-sheet__window-actions{
  position:absolute;
  top:50%;
  left:10px;
  z-index:2;
  display:flex;
  align-items:center;
  gap:4px;
  transform:translateY(-50%);
}

.sales-purchase-sheet__chrome-btn,
.sales-purchase-sheet__close{
  position:relative;
  font-size:0;
  line-height:0;
  width:25px;
  height:25px;
  display:grid;
  place-items:center;
  border-radius:var(--entries-radius-window-action);
  cursor:auto;
  padding:0;
  transition:transform .18s ease, background .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.sales-purchase-sheet__close{
  border:1px solid rgba(220,38,38,.34);
  background:linear-gradient(135deg, #dc2626 0%, #b91c1c 100%);
  color:#fff;
  box-shadow:0 10px 20px rgba(185,28,28,.20);
}

.sales-purchase-sheet__chrome-btn:focus,
.sales-purchase-sheet__chrome-btn:focus-visible,
.sales-purchase-sheet__close:focus,
.sales-purchase-sheet__close:focus-visible{
  outline:none;
  box-shadow:none;
}

.sales-purchase-sheet__chrome-btn svg,
.sales-purchase-sheet__close svg{
  display:block;
  width:13px;
  height:13px;
  overflow:visible;
  pointer-events:none;
}

.sales-purchase-sheet__body{
  position:relative;
  z-index:1;
  flex:1;
  overflow:hidden;
  padding:0;
  background:linear-gradient(180deg, rgba(244,248,255,.99), rgba(248,251,255,.98));
}


.sales-purchase-sheet__shell-space{
  flex:1 1 auto;
  min-height:0;
}

.sales-purchase-sheet__shell-space--settlement{
  flex:1 1 auto;
  min-height:0;
  padding:0;
  box-sizing:border-box;
}


.sales-purchase-modal-backdrop[data-sales-purchase-window-id] :is(
  .entries-voucher-navbox__input,
  .entries-voucher-rail__control,
  .entries-voucher-field__control,
  .entries-voucher-choice-picker__trigger,
  .entries-voucher-date__trigger
):is(:focus, :focus-visible),
.sales-purchase-modal-backdrop[data-sales-purchase-window-id] .entries-voucher-field:focus-within :is(
  .entries-voucher-rail__control,
  .entries-voucher-field__control,
  .entries-voucher-choice-picker__trigger,
  .entries-voucher-date__trigger
),
.sales-purchase-modal-backdrop[data-sales-purchase-window-id] .entries-voucher-choice-picker.is-open .entries-voucher-choice-picker__trigger,
.sales-purchase-modal-backdrop[data-sales-purchase-window-id] .entries-voucher-date.is-open .entries-voucher-date__trigger,
.sales-purchase-modal-backdrop[data-sales-purchase-window-id] .entries-account-search.is-open .entries-voucher-field__control--account-search{
  outline:none !important;
  border-color:rgba(15,23,42,.78) !important;
  box-shadow:
    0 0 0 1px rgba(15,23,42,.20),
    0 12px 26px rgba(15,23,42,.09),
    inset 0 1px 0 rgba(255,255,255,.92) !important;
  background:linear-gradient(180deg, rgba(255,255,255,.995), rgba(249,250,251,.985)) !important;
}

.sales-purchase-modal-window--party-shell .entries-actions{
  min-height:35px;
  gap:8px;
  padding:4px 8px 5px 10px;
}

.sales-purchase-modal-window--party-shell .entries-actions__group,
.sales-purchase-modal-window--party-shell .entries-actions__group--primary-actions{
  align-items:center;
  gap:6px;
}

.sales-purchase-modal-window--party-shell .entries-actions__group--primary-actions .entries-action-btn{
  min-width:96px;
  min-height:31px;
  height:31px;
  padding-inline:10px;
  border-radius:12px;
}


@media (max-width:760px){
.sales-purchase-modal-window--party-shell{
    width:min(94vw, 680px);
    max-width:min(94vw, 680px);
    height:min(72vh, 520px);
    max-height:min(72vh, 520px);
    min-height:300px;
  }
}
@media (max-width:760px){
.sales-purchase-modal-window--settlement-shell{
    width:min(100%, 95vw);
    max-width:min(100%, 95vw);
    height:min(90vh, 860px);
    max-height:min(90vh, 860px);
  }

}

@media (max-width:760px){
.sales-purchase-workbench{padding:6px;gap:6px;--entries-workbench-bleed:6px}

}

@media (max-width:980px){
.sales-purchase-modal-window{
    width:min(100%, calc(100% - 16px));
    max-width:calc(100% - 16px);
    height:min(624px, calc(100% - 16px));
    max-height:calc(100% - 16px);
  }
}

@media (max-width:640px){
.sales-purchase-modal-window{
    width:calc(100% - 12px);
    max-width:calc(100% - 12px);
    height:calc(100% - 12px);
    max-height:calc(100% - 12px);
    min-height:calc(100% - 12px);
  }
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-workspace-panel{
  grid-row:1;
  overflow:hidden;
}

.sales-purchase-stage{
  flex:1 1 0;
  min-width:0;
  min-height:0;
  display:flex;
  padding:0;
  box-sizing:border-box;
  border:none;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

.sales-purchase-sheet__body{
  display:flex;
  flex-direction:column;
  min-height:0;
}

.sales-purchase-empty-canvas{
  min-height:100%;
  border-radius:var(--entries-radius-panel);
  border:1px solid rgba(148,163,184,.14);
  background:linear-gradient(180deg, rgba(255,255,255,.992), rgba(245,248,255,.982));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92);
}

.sales-purchase-sheet__footer-spacer.entries-actions{
  min-height:43px;
}

.sales-purchase-empty-shell{
  min-height:100%;
}


.sales-purchase-empty-shell--party{
  min-height:100%;
  min-width:0;
  display:flex;
  flex-direction:column;
  padding:6px 6px 8px;
  box-sizing:border-box;
}

.sales-purchase-party-form{
  flex:1 1 auto;
  min-height:0;
  display:grid;
  grid-template-columns:minmax(0, 1fr);
  gap:4px;
  align-items:start;
  direction:rtl;
}

.sales-purchase-party-group{
  display:grid;
  gap:5px;
  padding:0;
  border:none;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

.sales-purchase-party-group .customer-card-group__head{
  margin:0;
}

.sales-purchase-party-group .customer-card-group__title{
  padding:0 12px 3px;
  font-size:11.25px;
}

.sales-purchase-party-group .customer-card-group__title::after{
  width:34px;
}

.sales-purchase-party-group--headless .customer-card-group__head{
  display:none;
}


.sales-purchase-party-group--address{
  margin-top:2px;
}

.sales-purchase-party-group .customer-card-group__row{
  gap:5px;
}

.sales-purchase-party-group .customer-card-group__grid{
  gap:5px;
}

.sales-purchase-party-group .customer-card-field{
  gap:2px;
}

.sales-purchase-party-group .customer-card-field__label{
  font-size:10.6px;
}

.sales-purchase-party-group .customer-card-field__control,
.sales-purchase-party-group .customer-card-field__control--picker{
  min-height:29px;
  height:29px;
  padding-inline:9px;
  border-radius:8px;
  font-size:10.9px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92), 0 4px 12px rgba(15,23,42,.035);
}

.sales-purchase-party-group .customer-card-field__control:not(.customer-card-field__control--picker):not([type="date"]){
  text-align:center;
}

.sales-purchase-party-group .customer-card-field__control-wrap--picker .entries-voucher-choice-picker__value,
.sales-purchase-party-group .customer-card-field__control-wrap--picker .entries-voucher-choice-popover__label,
.sales-purchase-party-group .customer-card-field__control-wrap--picker .entries-voucher-choice-picker__text,
.sales-purchase-party-group .customer-card-field__control-wrap--picker .entries-voucher-date__trigger-value{
  font-size:10.6px;
}

.sales-purchase-party-group .customer-card-field__control-wrap--picker .entries-voucher-choice-picker__icon{
  width:12px;
  height:12px;
}

.sales-purchase-party-group .customer-card-field__control-wrap--picker .entries-voucher-date__trigger-icon{
  flex:0 0 13px;
  width:13px;
  height:13px;
}

.sales-purchase-party-group .customer-card-field__control-wrap--picker .entries-voucher-choice-popover{
  top:calc(100% + 4px);
  max-height:184px;
}

.sales-purchase-party-group .customer-card-field__control-wrap--picker .entries-voucher-date__popover{
  top:calc(100% + 4px);
  width:min(192px, calc(100vw - 56px));
}

.sales-purchase-party-group .customer-card-segmented{
  min-height:29px;
  padding:2px;
  border-radius:8px;
}

.sales-purchase-party-group .customer-card-segmented__option{
  min-height:23px;
  font-size:10.5px;
}

.sales-purchase-party-group .customer-card-phone-field{
  gap:5px;
}

.sales-purchase-party-group .customer-card-phone-field__picker{
  flex:0 0 84px;
  min-width:84px;
}

.sales-purchase-party-group .customer-card-phone-country__trigger{
  padding-inline:7px;
}

.sales-purchase-party-group .customer-card-phone-country__flag{
  width:16px;
  height:16px;
}

.sales-purchase-party-group .customer-card-phone-country__trigger-code{
  font-size:11px;
}

.sales-purchase-party-group .customer-card-phone-country__popover{
  top:calc(100% + 4px);
  width:min(142px, calc(100vw - 56px));
  height:202px;
  max-height:202px;
  padding:5px;
  gap:5px;
}

.sales-purchase-party-group .customer-card-phone-country__search{
  min-height:31px;
  font-size:10.3px;
  border-radius:9px;
}

.sales-purchase-party-group .customer-card-phone-country__search-clear{
  width:20px;
  height:20px;
  left:10px !important;
}

.sales-purchase-party-group .customer-card-phone-country__option{
  min-height:24px;
  gap:8px;
  padding-inline:6px;
}

.sales-purchase-party-group .customer-card-phone-country__option-code{
  font-size:11px;
}

@media (max-width:760px){
  .sales-purchase-party-group .customer-card-group__row{
    flex-wrap:wrap;
  }
  .sales-purchase-party-group .customer-card-group__row > .customer-card-field{
    min-width:calc(50% - 3px);
    flex:1 1 calc(50% - 3px);
  }
}

.sales-purchase-empty-shell--split{
  min-height:100%;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:0;
  padding:5px 10px 9px;
  box-sizing:border-box;
}

.sales-purchase-empty-shell--split > .sales-purchase-stage-section{
  min-height:0;
}

.sales-purchase-stage-section{
  min-width:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

.sales-purchase-stage-section--top{
  flex:0 0 auto;
  min-width:0;
  padding:8px 6px 4px;
  display:flex;
  align-items:flex-start;
}

.sales-purchase-stage-section--top-fields .sales-purchase-deal__top-grid{
  width:100%;
}

.sales-purchase-stage-section--reserved{
  flex:0 0 auto;
  min-width:0;
  padding:0 0 6px;
}

.sales-purchase-stage-reserved-slot{
  width:100%;
  min-height:44px;
  height:44px;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  justify-content:center;
  padding:5px 0;
  box-sizing:border-box;
  border-top:1px solid rgba(148,163,184,.48);
  border-bottom:1px solid rgba(148,163,184,.48);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.86), inset 0 -1px 0 rgba(255,255,255,.86);
}


.sales-purchase-stage-reserved-slot__label{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:16px;
  color:#94a3b8;
  font-size:12px;
  font-weight:800;
  line-height:1;
  text-align:center;
}


.sales-purchase-stage-reserved-slot--notice{
  width:calc(100% - 20px);
  box-sizing:border-box;
  padding:6px 10px;
  border-radius:10px;
  margin:6px 10px;
  border:1px solid rgba(34,197,94,.28);
  background:rgba(34,197,94,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
  height:auto;
  min-height:0;
}

.sales-purchase-stage-reserved-slot--notice-danger{
  border-color:rgba(239,68,68,.28);
  background:rgba(239,68,68,.08);
}

.sales-purchase-stage-reserved-slot--notice-info{
  border-color:rgba(59,130,246,.28);
  background:rgba(59,130,246,.08);
}

.sales-purchase-stage-reserved-slot__label--notice{
  color:#0f172a;
  font-size:13px;
  font-weight:800;
  letter-spacing:0;
}

.sales-purchase-stage-section--bottom{
  flex:1 1 auto;
  min-width:0;
  min-height:0;
  padding:0;
  display:flex;
  flex-direction:column;
}

.sales-purchase-stage-section--bottom .sales-purchase-deal{
  flex:1 1 auto;
  min-height:0;
}

.sales-purchase-deal{
  min-height:100%;
  display:flex;
  flex-direction:column;
  gap:8px;
}

.sales-purchase-deal__top-grid{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(0, 1.45fr) minmax(210px, .72fr);
  align-items:start;
  gap:8px;
}

.sales-purchase-top-field{
  min-width:0;
  position:relative;
  overflow:visible;
}

.sales-purchase-top-field--date{
  z-index:5;
}

.sales-purchase-top-field--cash{
  z-index:4;
}

.sales-purchase-top-field__trigger.entries-voucher-choice-picker__trigger,
.sales-purchase-top-field__date-trigger.entries-voucher-date__trigger{
  min-height:38px;
}

.sales-purchase-top-field__trigger .entries-voucher-choice-picker__value,
.sales-purchase-top-field__trigger .entries-voucher-choice-popover__label{
  font-size:13px;
}

.sales-purchase-top-field__trigger .entries-voucher-choice-picker__text,
.sales-purchase-top-field__trigger .entries-voucher-choice-picker__meta{
  font-size:12.9px;
}

.sales-purchase-top-field__popover,
.sales-purchase-top-field .entries-voucher-date__popover{
  z-index:var(--sales-purchase-dropdown-popup-z-index);
}

.sales-purchase-top-field:has(> .entries-voucher-choice-picker.is-open),
.sales-purchase-top-field:has(> .entries-voucher-date.is-open){
  z-index:var(--sales-purchase-dropdown-host-z-index);
}

.sales-purchase-side-panel{
  width:100%;
  display:flex;
  flex-direction:column;
  gap:6px;
}

.sales-purchase-topdock{
  width:100%;
  padding:0;
}

.sales-purchase-topdock-layout{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:4px;
  direction:rtl;
  flex-wrap:nowrap;
}

.sales-purchase-topdock-navgroup{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:3px;
  direction:rtl;
  margin-right:24px;
}

.sales-purchase-topdock-layout--inline-fields .sales-purchase-top-field{
  flex:1 1 0;
  padding:0;
  gap:0;
  min-width:0;
}

.sales-purchase-top-field__inline-label{
  flex:0 0 auto;
  margin:0;
  white-space:nowrap;
  font-size:11.8px;
  line-height:1;
}

.sales-purchase-topdock-layout > *{
  min-width:0;
}

.sales-purchase-topdock .entries-voucher-navstack{
  flex:0 0 auto;
  padding:0;
  gap:0;
}

.sales-purchase-topdock .sales-purchase-navstack--prev,
.sales-purchase-topdock .sales-purchase-navstack--next{
  min-width:24px;
}
.sales-purchase-topdock .sales-purchase-navstack--next{
  margin-inline-start:10px;
}

.sales-purchase-topdock .sales-purchase-navstack--count{
  min-width:60px;
}

.sales-purchase-topdock .sales-purchase-navstack--lookup{
  flex:0 0 44px;
}

.sales-purchase-topdock .entries-voucher-navbox__count{
  flex:0 0 auto;
  min-height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding-inline:0;
}

.sales-purchase-topdock .entries-voucher-navbox__field{
  flex:none;
  width:100%;
}

.sales-purchase-topdock .entries-voucher-navbox__field .entries-voucher-navbox__input{
  min-height:30px;
  height:30px;
}

.sales-purchase-topdock .entries-voucher-rail__title,
.sales-purchase-topdock .entries-voucher-navstack__title{
  font-size:11.6px;
  line-height:1.05;
}


.sales-purchase-topdock .sales-purchase-navstack--prev .entries-voucher-navstack__title,
.sales-purchase-topdock .sales-purchase-navstack--next .entries-voucher-navstack__title{
  display:none;
}

.sales-purchase-side-panel__extras{
  width:100%;
  min-width:0;
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:8px 6px;
  align-content:start;
}

.sales-purchase-side-panel__extras--name-notes{
  grid-template-columns:minmax(0, .82fr) minmax(0, 1.38fr);
  align-items:start;
}

.sales-purchase-side-field--notes-top,
.sales-purchase-side-field--summary-top{
  min-width:0;
}

.sales-purchase-side-field--notes-top .sales-purchase-side-field__control.entries-voucher-field__control,
.sales-purchase-side-field--summary-top .sales-purchase-side-field__control.entries-voucher-field__control{
  min-height:42px;
  height:42px;
  text-align:right;
}

.sales-purchase-party-avatar{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  user-select:none;
  -webkit-user-drag:none;
  pointer-events:none;
}

.sales-purchase-name-field{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:5px;
  padding:0 1px;
}

.sales-purchase-name-field__label{
  color:#64748b;
  font-size:12px;
  font-weight:900;
  line-height:1.2;
  text-align:center;
}

.sales-purchase-name-field__control-row{
  position:relative;
  min-width:0;
  display:block;
}

.sales-purchase-name-field__input.entries-voucher-field__control{
  width:100%;
  min-width:0;
  min-height:42px;
  height:42px;
  padding-right:12px;
  padding-left:48px;
  font-size:15px;
  font-weight:800;
  text-align:right;
}

.sales-purchase-name-field__input.entries-voucher-field__control::placeholder{
  color:#94a3b8;
  font-size:12px;
  font-weight:700;
  opacity:1;
}

.sales-purchase-name-field__icon-button{
  position:absolute;
  left:4px;
  top:50%;
  transform:translateY(-50%) scale(1);
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  padding:0;
  border:none;
  border-radius:10px;
  background:transparent;
  box-shadow:none;
  cursor:pointer;
  transition:transform .16s ease, filter .16s ease, opacity .16s ease, background-color .16s ease, box-shadow .16s ease;
  z-index:1;
}

.sales-purchase-name-field__icon-button:hover{
  background:rgba(59,130,246,.06);
  border-color:transparent;
  box-shadow:0 0 0 1px rgba(59,130,246,.10);
  filter:brightness(1.03);
  transform:translateY(-50%) scale(1.035) !important;
}

.sales-purchase-name-field__icon-button:focus-visible{
  outline:none;
  background:rgba(15,23,42,.045);
  border-color:transparent;
  box-shadow:0 0 0 1px rgba(15,23,42,.20);
  transform:translateY(-50%) scale(1.035) !important;
}

.sales-purchase-name-field__icon-button:active{
  background:rgba(59,130,246,.09);
  box-shadow:0 0 0 1px rgba(59,130,246,.12);
  transform:translateY(-50%) scale(.975) !important;
}

.sales-purchase-name-field__icon-button:is(:hover, :focus, :focus-visible){
  box-shadow:0 0 0 1px rgba(15,23,42,.18);
}

.sales-purchase-name-field__avatar{
  width:94%;
  height:94%;
  display:block;
  margin:auto;
}

.sales-purchase-side-field{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:4px;
  padding:0 1px;
}

.sales-purchase-side-field__label{
  color:#64748b;
  font-size:12px;
  font-weight:900;
  line-height:1.2;
  text-align:center;
}

.sales-purchase-side-field__control.entries-voucher-field__control{
  min-height:40px;
  padding-inline:12px;
  font-size:14px;
  font-weight:800;
  text-align:right;
}

.sales-purchase-side-field__control.entries-voucher-field__control::placeholder{
  color:#94a3b8;
}

.sales-purchase-deal__rate-track{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) 78px minmax(0,1fr);
  align-items:center;
  gap:8px;
}

.sales-purchase-rate-track__arrow{
  min-width:0;
  display:grid;
  place-items:center;
}

.sales-purchase-rate-track__arrow--left,
.sales-purchase-rate-track__arrow--right,
.sales-purchase-rate-track__arrow--success,
.sales-purchase-rate-track__arrow--danger{
  color:inherit;
}

.sales-purchase-rate-track__exchange-arrows{
  min-width:0;
  display:grid;
  place-items:center;
}

.sales-purchase-rate-track__exchange-arrows-svg{
  width:116px;
  height:64px;
  display:block;
  overflow:visible;
  filter:drop-shadow(0 12px 20px rgba(15,23,42,.12));
}

.sales-purchase-rate-track__exchange-arrow,
.sales-purchase-rate-track__exchange-arrow-head{
  fill:none;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.sales-purchase-rate-track__exchange-arrow{
  stroke-width:8.75;
}

.sales-purchase-rate-track__exchange-arrow-head{
  stroke-width:8.75;
}

.sales-purchase-rate-track__exchange-arrow--upper,
.sales-purchase-rate-track__exchange-arrow-head--upper{
  stroke:#17a34a;
}

.sales-purchase-rate-track__exchange-arrow--lower,
.sales-purchase-rate-track__exchange-arrow-head--lower{
  stroke:#c63c27;
}

.sales-purchase-rate-card{
  min-width:0;
  display:flex;
  flex-direction:column;
  border-radius:0;
  border:1px solid rgba(148,163,184,.18);
  background:linear-gradient(180deg, rgba(255,255,255,.995), rgba(247,249,252,.99));
  box-shadow:0 18px 32px rgba(15,23,42,.055), inset 0 1px 0 rgba(255,255,255,.9);
  overflow:visible;
}

.sales-purchase-rate-card__head{
  min-height:44px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:0 18px;
  color:#fff;
  font-weight:900;
  text-shadow:0 1px 1px rgba(0,0,0,.12);
}

.sales-purchase-rate-card--buy .sales-purchase-rate-card__head{
  background:linear-gradient(180deg, #1faa59, #15803d);
}

.sales-purchase-rate-card--sell .sales-purchase-rate-card__head{
  background:linear-gradient(180deg, #c53d28, #b7301d);
}

.sales-purchase-rate-card__figure{
  min-width:0;
  font-size:18px;
  font-weight:900;
  line-height:1;
}

.sales-purchase-rate-card__title{
  flex:0 0 auto;
  font-size:15px;
  font-weight:900;
}

.sales-purchase-rate-card__body{
  min-width:0;
  padding:0;
}

.sales-purchase-currency-picker{
  width:100%;
  position:relative;
  z-index:0;
}

.sales-purchase-currency-picker.is-open{
  z-index:var(--sales-purchase-dropdown-host-z-index);
}

.sales-purchase-rate-card__currency-trigger{
  width:100%;
  border:0;
  background:transparent;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  padding:12px 16px 11px;
  cursor:pointer;
  text-align:right;
  border-bottom:1px solid rgba(148,163,184,.44);
  border-radius:0;
  transition:border-color .16s ease, border-bottom-color .16s ease, box-shadow .16s ease, background .16s ease;
}

.sales-purchase-rate-card__currency-trigger:focus,
.sales-purchase-rate-card__currency-trigger:focus-visible{
  outline:none;
  border-bottom-color:rgba(15,23,42,.72);
  box-shadow:0 12px 20px rgba(15,23,42,.08);
}

.sales-purchase-rate-card__currency-icon{
  width:18px;
  height:18px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  color:#7c8596;
  transform:translateY(-6px);
}

.sales-purchase-rate-card__currency-icon svg{
  width:100%;
  height:100%;
  display:block;
}

.sales-purchase-rate-card__currency-stack{
  flex:1 1 auto;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:6px;
}

.sales-purchase-rate-card__currency-caption{
  color:#8a94a7;
  font-size:13px;
  font-weight:800;
  line-height:1.2;
}

.sales-purchase-rate-card__currency-line{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
}

.sales-purchase-rate-card__currency-flag{
  width:26px;
  height:26px;
  flex:0 0 26px;
}

.sales-purchase-rate-card__currency-name{
  flex:1 1 auto;
  min-width:0;
  color:#0f172a;
  font-size:17px;
  font-weight:900;
  line-height:1.32;
  text-align:right;
}

.sales-purchase-currency-popover{
  top:calc(100% + 8px);
  max-height:240px;
  z-index:var(--sales-purchase-dropdown-popup-z-index);
}

.sales-purchase-currency-popover .entries-voucher-choice-popover__option{
  min-height:54px;
  gap:10px;
  padding:9px 12px;
  border-radius:13px;
}

.sales-purchase-currency-popover .entries-voucher-choice-picker__value-layout.entries-voucher-choice-picker__value-layout--with-flag{
  align-items:center;
  justify-content:flex-start;
  gap:12px;
}

.sales-purchase-currency-popover .entries-voucher-choice-picker__meta-group{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
}

.sales-purchase-currency-popover .entries-voucher-choice-picker__flag{
  width:30px;
  height:30px;
  flex:0 0 30px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.sales-purchase-currency-popover .entries-voucher-choice-picker__flag-image{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
}

.sales-purchase-currency-popover .entries-voucher-choice-popover__label{
  flex:1 1 auto;
  min-width:0;
  font-size:17px;
  line-height:1.32;
  font-weight:800;
  text-align:right;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) :is(
  .sales-purchase-currency-popover,
  .sales-purchase-top-field__popover,
  .sales-purchase-form-field__picker-popover
){
  display:grid;
  align-content:start;
  z-index:var(--sales-purchase-dropdown-popup-z-index);
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:auto;
  scrollbar-width:thin;
  scrollbar-color:var(--taif-scrollbar-thumb) var(--taif-scrollbar-track);
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) :is(
  .sales-purchase-currency-popover,
  .sales-purchase-top-field__popover,
  .sales-purchase-form-field__picker-popover
)::-webkit-scrollbar{
  width:8px;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) :is(
  .sales-purchase-currency-popover,
  .sales-purchase-top-field__popover,
  .sales-purchase-form-field__picker-popover
)::-webkit-scrollbar-track{
  background:var(--taif-scrollbar-track);
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) :is(
  .sales-purchase-currency-popover,
  .sales-purchase-top-field__popover,
  .sales-purchase-form-field__picker-popover
)::-webkit-scrollbar-thumb{
  border-radius:10px;
  background:var(--taif-scrollbar-thumb);
}

.sales-purchase-deal__fields-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:8px;
  margin-top:10px;
  align-items:end;
}
.sales-purchase-form-field{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:5px;
}

.sales-purchase-form-field__label{
  color:#64748b;
  font-size:12px;
  font-weight:900;
  line-height:1.2;
  text-align:center;
}


.sales-purchase-form-field--rate-shell{
  position:relative;
}

.sales-purchase-form-field__label--rate{
  min-height:0;
}

.sales-purchase-form-field__label .sales-purchase-form-field__label-currency-code{
  color:#0f172a !important;
  font-weight:950;
  letter-spacing:.02em;
}

.sales-purchase-rate-inline-control{
  width:100%;
  min-width:0;
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(112px, 132px);
  align-items:end;
  gap:6px;
  direction:ltr;
}

.sales-purchase-rate-number-stack{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:5px;
  direction:rtl;
}

.sales-purchase-rate-number-stack > .sales-purchase-form-field__label--rate{
  width:100%;
  min-height:0;
  text-align:center;
}

.sales-purchase-rate-inline-control > .sales-purchase-rate-number-stack > .sales-purchase-form-field__control.entries-voucher-field__control{
  width:100%;
  min-width:0;
}


.sales-purchase-rate-mode-stack{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:5px;
  direction:rtl;
}

.sales-purchase-rate-inline-control > .sales-purchase-rate-mode-stack > .sales-purchase-rate-mode-toggle{
  width:100%;
  min-width:0;
}

.sales-purchase-rate-mode-toggle{
  width:100%;
  min-width:0;
  min-height:42px;
  height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:0 10px;
  border:1px solid rgba(20,184,166,.34);
  border-radius:10px;
  background:linear-gradient(180deg, rgba(240,253,250,.98), rgba(224,242,254,.92));
  color:#0f766e;
  font:900 11.5px/1.08 var(--taif-font-family);
  letter-spacing:0;
  text-align:center;
  white-space:nowrap;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92), 0 6px 12px rgba(15,118,110,.08);
  cursor:pointer;
  user-select:none;
  -webkit-user-select:none;
  -webkit-tap-highlight-color:transparent;
  outline:none;
  direction:rtl;
}

.sales-purchase-rate-mode-toggle--manual{
  border-color:rgba(245,158,11,.34);
  background:linear-gradient(180deg, rgba(255,251,235,.98), rgba(254,243,199,.90));
  color:#92400e;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92), 0 6px 12px rgba(146,64,14,.08);
}

.sales-purchase-rate-mode-toggle:is(:hover, :focus-visible){
  filter:brightness(1.015);
  transform:translateY(-1px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.94), 0 8px 16px rgba(15,118,110,.10);
}

.sales-purchase-rate-mode-toggle--manual:is(:hover, :focus-visible){
  box-shadow:inset 0 1px 0 rgba(255,255,255,.94), 0 8px 16px rgba(146,64,14,.10);
}

.sales-purchase-rate-mode-toggle:active{
  transform:translateY(0);
  filter:brightness(.995);
}


.sales-purchase-rate-mode-toggle__label{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.sales-purchase-form-field__control.entries-voucher-field__control{
  min-height:42px;
  padding-inline:12px;
  font-size:15px;
  font-weight:800;
  text-align:center;
}

.sales-purchase-form-field__control--derived.entries-voucher-field__control{
  background:linear-gradient(180deg, rgba(250,252,255,.99), rgba(242,246,253,.99));
  color:#0f172a;
  pointer-events:none;
  user-select:none;
  -webkit-user-select:none;
  caret-color:transparent;
}
.sales-purchase-form-field__picker{
  position:relative;
  width:100%;
}

.sales-purchase-form-field__picker.is-open{
  z-index:var(--sales-purchase-dropdown-host-z-index);
}

.sales-purchase-form-field__picker-trigger.entries-voucher-choice-picker__trigger{
  min-height:42px;
  padding-inline:12px;
}

.sales-purchase-form-field__picker-value,
.sales-purchase-form-field__picker-option-label{
  text-align:center;
}

.sales-purchase-form-field__picker-value .entries-voucher-choice-picker__value-layout,
.sales-purchase-form-field__picker-option-label .entries-voucher-choice-picker__value-layout{
  justify-content:center;
  gap:10px;
}

.sales-purchase-form-field__picker-value .entries-voucher-choice-picker__text,
.sales-purchase-form-field__picker-option-label .entries-voucher-choice-picker__text{
  flex:0 1 auto;
  text-align:center;
}

.sales-purchase-form-field__picker-value .entries-voucher-choice-picker__meta,
.sales-purchase-form-field__picker-option-label .entries-voucher-choice-picker__meta{
  min-width:1ch;
  text-align:center;
  color:#475569;
}

.sales-purchase-form-field__picker-popover .entries-voucher-choice-popover__option{
  justify-content:center;
  padding-inline:10px;
}

.sales-purchase-form-field__picker-popover .entries-voucher-choice-popover__label{
  text-align:center;
}


.sales-purchase-form-field--calc-method{
  justify-content:flex-end;
}


.sales-purchase-modal-backdrop[data-sales-purchase-window-id] :is(
  .entries-voucher-rail__control,
  .entries-voucher-field__control,
  .entries-voucher-choice-picker__trigger,
  .entries-voucher-date__trigger,
  .sales-purchase-rate-card__currency-trigger
):is(:focus, :focus-visible),
.sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-top-field:focus-within :is(
  .entries-voucher-rail__control,
  .entries-voucher-choice-picker__trigger,
  .entries-voucher-date__trigger
),
.sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-form-field:focus-within .entries-voucher-field__control,
.sales-purchase-modal-backdrop[data-sales-purchase-window-id] .entries-voucher-choice-picker.is-open :is(
  .entries-voucher-choice-picker__trigger,
  .sales-purchase-rate-card__currency-trigger
),
.sales-purchase-modal-backdrop[data-sales-purchase-window-id] .entries-voucher-date.is-open .entries-voucher-date__trigger{
  outline:none !important;
  border-color:rgba(15,23,42,.78) !important;
  border-bottom-color:rgba(15,23,42,.78) !important;
  box-shadow:
    0 0 0 1px rgba(15,23,42,.20),
    0 12px 26px rgba(15,23,42,.09),
    inset 0 1px 0 rgba(255,255,255,.92) !important;
  background:linear-gradient(180deg, rgba(255,255,255,.995), rgba(249,250,251,.985)) !important;
}

@media (max-width: 1280px){
  .sales-purchase-rate-card__currency-name{
    font-size:16px;
  }

  .sales-purchase-deal__top-grid{
    grid-template-columns:minmax(0, 1fr) minmax(220px, .78fr);
  }

  .sales-purchase-deal__fields-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

}

@media (max-width: 1100px){
  .sales-purchase-side-panel__extras{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}


@media (max-width: 900px){
  .sales-purchase-rate-inline-control{
    grid-template-columns:minmax(0, 1fr);
  }
}

@media (max-width: 840px){
  .sales-purchase-deal__top-grid,
  .sales-purchase-deal__rate-track{
    grid-template-columns:minmax(0,1fr);
  }

  .sales-purchase-rate-track__arrow{
    min-height:52px;
  }

  .sales-purchase-deal__fields-grid{
    grid-template-columns:minmax(0, 1fr);
  }


  .sales-purchase-stage-section--top-fields .sales-purchase-top-field{
    padding:0;
  }

  .sales-purchase-side-panel__extras{
    grid-template-columns:minmax(0, 1fr);
  }

  .sales-purchase-empty-shell--split{
    padding-inline:8px;
  }

  .sales-purchase-stage-section--reserved{
    padding-bottom:5px;
  }

  .sales-purchase-stage-reserved-slot{
    min-height:40px;
    height:40px;
    padding-block:4px;
  }

  .sales-purchase-stage-reserved-slot__label{
    font-size:11px;
  }
}

.sales-purchase-log{
  --entries-record-col-serial:minmax(34px, 42px);
  --entries-record-col-notice:minmax(0, .84fr);
  --entries-record-col-date:minmax(0, .82fr);
  --entries-record-col-counterparty:minmax(0, 1fr);
  --entries-record-col-incoming:minmax(0, .86fr);
  --entries-record-col-from:minmax(0, .94fr);
  --entries-record-col-beneficiary:minmax(0, .86fr);
  --entries-record-col-outgoing:minmax(0, .86fr);
  --entries-record-col-to:minmax(0, 1fr);
  --entries-record-col-notes:minmax(0, 1.12fr);
  --entries-record-col-exchange-rate:minmax(0, .76fr);
  --entries-record-col-type-status:minmax(0, .52fr);
  --entries-record-col-actions:minmax(42px, .38fr);
  --entries-records-grid-template:
    var(--entries-record-col-serial)
    var(--entries-record-col-notice)
    var(--entries-record-col-date)
    var(--entries-record-col-counterparty)
    var(--entries-record-col-from)
    var(--entries-record-col-incoming)
    var(--entries-record-col-beneficiary)
    var(--entries-record-col-outgoing)
    var(--entries-record-col-exchange-rate)
    var(--entries-record-col-to)
    var(--entries-record-col-notes)
    var(--entries-record-col-type-status)
    var(--entries-record-col-actions);
}

.sales-purchase-log .entries-log__records{
  padding-bottom:0;
}

.sales-purchase-record-row{
  cursor:pointer;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-records-box :is(.entries-records__col--serial, .sales-purchase-records__col--serial){
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:6px 4px 6px 16px;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-records-box .entries-records__head-cell.entries-records__col--serial{
  font-size:13px;
  color:#334155;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-records-box .entries-record-cell.entries-records__col--serial{
  min-height:72px;
  color:#334155;
  background:rgba(248,250,252,.56);
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-records-box .entries-record-cell.entries-records__col--serial .entries-record-cell__value{
  width:26px;
  min-width:26px;
  min-height:26px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:0;
  background:transparent;
  color:#334155;
  font-size:12px;
  line-height:1;
  transform:translateX(-12px);
}


.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-records-box .entries-record-cell__inline-pair{
  min-width:0;
  width:100%;
  max-width:100%;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:6px;
  white-space:nowrap;
  overflow:hidden;
  color:#0f172a;
  font:800 13px/1.2 var(--taif-font-family);
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-records-box .entries-record-cell__inline-pair--center{
  justify-content:center;
  text-align:center;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-records-box .entries-record-cell__inline-primary{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-records-box .entries-record-cell__inline-code{
  flex:0 0 auto;
  max-width:42%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#64748b;
  font:800 11.6px/1 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
  letter-spacing:.015em;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-records-box :is(.entries-record-cell__value--mono, .sales-purchase-record-cell__value--mono, .entries-record-cell__value--amount, .entries-record-cell__meta--mono, .entries-record-cell__inline-code){
  font-family:var(--taif-font-family) !important;
  font-variant-numeric:lining-nums tabular-nums;
  font-feature-settings:"lnum" 1, "tnum" 1, "zero" 0;
  letter-spacing:0;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-records-box .entries-record-cell.entries-records__col--date .entries-record-cell__value{
  max-width:100%;
  white-space:nowrap;
  font-size:12.1px;
  line-height:1.12;
  letter-spacing:.005em;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-records-box :is(.entries-records__col--counterparty, .sales-purchase-records__col--counterparty){
  justify-content:center;
  text-align:center;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-records-box .entries-record-cell.entries-records__col--counterparty .entries-record-cell__value{
  max-width:100%;
  font-size:12.7px;
  line-height:1.22;
}


.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-records-box .sales-purchase-record-row .entries-record-row__state-slot{
  right:0;
  width:14px;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-records-box .sales-purchase-record-row .entries-record-row__state-dot{
  width:12px;
  height:12px;
  border-radius:8px;
}

.sales-purchase-form-alert{
  margin-top:2px;
}

.entries-badge--updated{
  background:rgba(59,130,246,.10);
  color:#1d4ed8;
  border-color:rgba(59,130,246,.22);
}

.entries-badge:is(.entries-type--purchase, .entries-type--sale){
  width:auto;
  min-height:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  display:inline-block;
  font:900 12.3px/1.1 var(--taif-font-family);
}

.entries-type--purchase{
  color:#166534;
}

.entries-type--sale{
  color:#b91c1c;
}

@media (max-width: 1280px){
  .sales-purchase-log{
    --entries-record-col-serial:minmax(32px, 38px);
    --entries-record-col-notice:minmax(0, .78fr);
    --entries-record-col-date:minmax(0, .78fr);
    --entries-record-col-counterparty:minmax(0, .92fr);
    --entries-record-col-incoming:minmax(0, .82fr);
    --entries-record-col-from:minmax(0, .84fr);
    --entries-record-col-beneficiary:minmax(0, .82fr);
    --entries-record-col-outgoing:minmax(0, .82fr);
    --entries-record-col-to:minmax(0, .9fr);
    --entries-record-col-notes:minmax(0, .95fr);
    --entries-record-col-exchange-rate:minmax(0, .72fr);
    --entries-record-col-type-status:minmax(0, .52fr);
    --entries-record-col-actions:minmax(42px, .38fr);
  }
}

@media (max-width: 840px){
  .sales-purchase-stage{
    padding:8px;
  }

  .panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-workspace-panels{
    flex-basis:clamp(220px, 50%, 390px);
    min-height:200px;
    gap:6px;
    padding:6px 8px 4px;
  }
}

@media (max-width: 640px){
  .panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-workspace-panels{
    flex:0 0 auto;
    max-height:none;
    grid-template-columns:1fr;
    grid-auto-rows:minmax(92px, 1fr);
    padding-inline:8px;
  }

  .panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-workspace-panel--main{
    grid-column:1;
  }
}
.sales-purchase-workbench{
  --entries-workbench-bleed:0;
  padding-inline:0;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .entries-toolbar{
  padding-inline:0;
  padding-block-start:calc(var(--entries-toolbar-padding-block) + 1px);
  padding-block-end:calc(var(--entries-toolbar-padding-block) - 1px);
  border:none;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  overflow:visible;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .entries-log__records--split-scroll{
  display:flex;
  flex-direction:column;
  overflow:hidden;
  width:100%;
  max-width:none;
  margin-inline:0;
  padding:0;
  padding-top:2px;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .entries-records__head--split-scroll::before{
  right:-4px;
  left:-4px;
}
.sales-purchase-modal-window--party-shell .sales-purchase-empty-shell--party .customer-card-group__row,
.sales-purchase-modal-window--party-shell .sales-purchase-empty-shell--party .customer-card-group__grid{
  gap:4px;
}

.sales-purchase-modal-window--party-shell .sales-purchase-empty-shell--party .customer-card-field__control,
.sales-purchase-modal-window--party-shell .sales-purchase-empty-shell--party .customer-card-field__control--picker{
  padding-inline:7px;
}
.sales-purchase-topdock-layout--inline-fields .sales-purchase-top-field--cash,
.sales-purchase-topdock-layout--inline-fields .sales-purchase-top-field--date{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  direction:rtl;
  gap:8px !important;
}

.sales-purchase-topdock-layout--inline-fields .sales-purchase-top-field--cash{
  flex:0 1 292px !important;
  min-width:292px !important;
}

.sales-purchase-topdock-layout--inline-fields .sales-purchase-top-field--date{
  flex:0 1 205px !important;
  min-width:205px !important;
}

.sales-purchase-topdock-layout--inline-fields .sales-purchase-top-field__inline-label{
  width:auto !important;
  flex:0 0 auto !important;
  margin:0 !important;
  white-space:nowrap;
  text-align:right !important;
}

.sales-purchase-topdock-layout--inline-fields .sales-purchase-top-field--cash > .entries-voucher-choice-picker,
.sales-purchase-topdock-layout--inline-fields .sales-purchase-top-field--date > .entries-voucher-date{
  flex:1 1 auto !important;
  min-width:0 !important;
}

.sales-purchase-topdock-layout--inline-fields :is(
  .sales-purchase-top-field__trigger.entries-voucher-choice-picker__trigger,
  .sales-purchase-top-field__date-trigger.entries-voucher-date__trigger
){
  min-height:36px;
  height:36px;
}
.sales-purchase-topdock .sales-purchase-navstack .entries-voucher-navstack__title,
.sales-purchase-topdock .sales-purchase-navstack .entries-voucher-navstack__title--ghost{
  display:none !important;
  min-height:0 !important;
  height:0 !important;
  margin:0 !important;
}

.sales-purchase-topdock .sales-purchase-navstack{
  justify-content:center !important;
}
.sales-purchase-side-panel__extras--name-notes{
  border-top:1px solid rgba(143,163,197,.45);
  padding-top:8px;
  margin-top:2px;
}


.sales-purchase-top-field__stack-label{
  display:block;
  color:#64748b;
  font-size:12px;
  font-weight:900;
  line-height:1.15;
  text-align:center;
  margin:0;
  padding-inline:0;
  white-space:nowrap;
}

.sales-purchase-top-field__text-input.entries-voucher-field__control{
  min-height:36px;
  height:36px;
  padding-inline:12px;
  font-size:14px;
  font-weight:800;
  text-align:right;
}

.sales-purchase-top-field__name-row{
  position:relative;
  min-width:0;
  display:block;
}

.sales-purchase-top-field__text-input--with-launcher.entries-voucher-field__control{
  padding-left:42px;
}

.sales-purchase-top-field__text-input--with-launcher.entries-voucher-field__control::placeholder{
  color:#94a3b8;
  font-size:12px;
  font-weight:700;
  opacity:1;
}

.sales-purchase-top-field__icon-button{
  position:absolute;
  left:3px;
  top:50%;
  transform:translateY(-50%) scale(1);
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  padding:0;
  border:none;
  border-radius:9px;
  background:transparent;
  box-shadow:none;
  cursor:pointer;
  transition:transform .16s ease, filter .16s ease, opacity .16s ease, background-color .16s ease, box-shadow .16s ease;
  z-index:1;
}

.sales-purchase-top-field__icon-button:hover{
  background:rgba(59,130,246,.06);
  border-color:transparent;
  box-shadow:0 0 0 1px rgba(59,130,246,.10);
  filter:brightness(1.03);
  transform:translateY(-50%) scale(1.035) !important;
}

.sales-purchase-top-field__icon-button:focus-visible{
  outline:none;
  background:rgba(15,23,42,.045);
  border-color:transparent;
  box-shadow:0 0 0 1px rgba(15,23,42,.20);
  transform:translateY(-50%) scale(1.035) !important;
}

.sales-purchase-top-field__icon-button:active{
  background:rgba(59,130,246,.09);
  box-shadow:0 0 0 1px rgba(59,130,246,.12);
  transform:translateY(-50%) scale(.975) !important;
}

.sales-purchase-top-field__icon-button:is(:hover, :focus, :focus-visible){
  box-shadow:0 0 0 1px rgba(15,23,42,.18);
}

.sales-purchase-top-field__avatar{
  width:94%;
  height:94%;
  display:block;
  margin:auto;
}

.sales-purchase-topdock-layout--inline-fields .sales-purchase-navstack--prev{
  position:relative;
  left:6px;
}


.sales-purchase-toast.entries-toast{
  position:fixed;
  top:16px;
  left:50vw;
  z-index:2605;
  display:inline-flex;
  align-items:center;
  gap:10px;
  width:max-content;
  max-width:min(calc(100vw - 28px), var(--sales-purchase-toast-max-width, 360px));
  min-height:44px;
  padding:10px 16px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.62);
  background:linear-gradient(180deg, rgba(34,197,94,.98), rgba(22,163,74,.98));
  box-shadow:0 16px 36px rgba(15,23,42,.18), 0 10px 24px rgba(34,197,94,.14);
  color:#fff;
  font-size:14px;
  font-weight:800;
  line-height:1.45;
  text-align:center;
  opacity:0;
  pointer-events:none;
  transform:translate(-50%, -12px) scale(.985);
  transition:opacity .18s ease, transform .18s ease;
}

.sales-purchase-toast.entries-toast.is-visible{
  opacity:1;
  transform:translate(-50%, 0) scale(1);
}

.sales-purchase-toast__icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 28px;
  width:28px;
  height:28px;
  border-radius:999px;
  background:rgba(255,255,255,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18);
}

.sales-purchase-toast__icon svg{
  width:16px;
  height:16px;
}

.sales-purchase-toast__message{
  display:block;
  min-width:0;
  white-space:normal;
  overflow-wrap:anywhere;
}

.sales-purchase-toast__content{
  display:grid;
  gap:3px;
  min-width:0;
  text-align:right;
}

.sales-purchase-toast__message--title{
  font-weight:900;
}

.sales-purchase-toast__detail{
  display:block;
  min-width:0;
  color:rgba(255,255,255,.94);
  font-size:12.8px;
  font-weight:700;
  line-height:1.35;
  overflow-wrap:anywhere;
}

.sales-purchase-toast__list{
  display:grid;
  gap:2px;
  margin:0;
  padding:0 18px 0 0;
  color:rgba(255,255,255,.94);
  font-size:12.8px;
  font-weight:700;
  line-height:1.35;
  text-align:right;
}

.sales-purchase-toast--warning.entries-toast{
  border-color:rgba(254,202,202,.76);
  background:linear-gradient(180deg, rgba(239,68,68,.98), rgba(220,38,38,.98));
  box-shadow:0 16px 36px rgba(15,23,42,.18), 0 10px 24px rgba(239,68,68,.16);
}

.sales-purchase-toast--warning .sales-purchase-toast__icon{
  background:rgba(255,255,255,.20);
}

.sales-purchase-toast--warning .sales-purchase-toast__icon svg{
  width:18px;
  height:18px;
}

@media (max-width: 900px){
  .sales-purchase-toast.entries-toast{
    max-width:min(calc(100vw - 22px), var(--sales-purchase-toast-max-width, 320px));
    padding:10px 14px;
    font-size:13px;
  }
}
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-workspace-panels{
  flex:0 0 clamp(340px, 48vh, 470px);
  min-height:340px;
  max-height:470px;
  min-width:0;
  display:grid;
  grid-template-rows:minmax(0, 1fr);
  box-sizing:border-box;
  direction:ltr;
  overflow:visible;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-workspace-panel{
  min-width:0;
  min-height:0;
  height:100%;
  border:1px solid rgba(15,23,42,.10);
  border-radius:10px;
  background:linear-gradient(180deg, rgba(255,255,255,.99), rgba(248,250,252,.97));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.88);
  box-sizing:border-box;
  direction:rtl;
}


.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-workspace-panel--main{
  grid-column:2;
  grid-row:1;
  padding:0;
  overflow:hidden;
  position:relative;
  z-index:10;
}
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase{
  height:100%;
  min-height:0;
  min-width:0;
  display:flex;
  flex-direction:column;
  border-radius:inherit;
  background:
    radial-gradient(circle at 100% 0, rgba(34,197,94,.065), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.995), rgba(248,250,252,.975));
  color:#0f172a;
  overflow:hidden;
  direction:rtl;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase__body{
  flex:1 1 0;
  min-height:0;
  min-width:0;
  overflow:hidden auto;
  scrollbar-width:thin;
  scrollbar-color:rgba(15,23,42,.18) transparent;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-empty-shell--inline-purchase{
  height:100%;
  min-height:0;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:0;
  padding:8px 10px 7px;
  box-sizing:border-box;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-window-fieldset{
  flex:1 1 auto;
  height:100%;
  min-height:0;
  min-width:0;
  display:flex;
  flex-direction:column;
}
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-stage-section--top-fields{
  display:none !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-stage-section--reserved:empty{
  display:none !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-stage-section--reserved:not(:has(.sales-purchase-stage-reserved-slot--notice)){
  display:none !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-stage-section--bottom{
  flex:1 1 auto;
  min-height:0;
  min-width:0;
  display:flex;
  flex-direction:column;
  padding:0;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal{
  flex:0 1 auto;
  min-height:0;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__rate-track{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(0, 1fr) clamp(88px, 7.2vw, 108px) minmax(0, 1fr);
  align-items:center;
  gap:16px;
  margin:0;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-rate-card{
  min-width:0;
  overflow:visible;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-rate-card__head{
  min-height:44px;
  height:44px;
  padding-inline:18px;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-rate-card__figure{
  font-size:20px;
  line-height:1;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-rate-card__title{
  font-size:15px;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-rate-card__currency-trigger{
  min-height:76px;
  padding:12px 15px 11px;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-rate-card__currency-caption{
  font-size:13px;
  line-height:1.15;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-rate-card__currency-name{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:18px;
  line-height:1.25;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-rate-card__currency-flag{
  width:30px;
  height:30px;
  flex-basis:30px;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-rate-track__exchange-arrows-svg{
  width:122px;
  height:66px;
}
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid,
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid--inline-purchase{
  width:100%;
  min-width:0;
  display:grid !important;
  grid-auto-flow:column;
  grid-auto-columns:minmax(0, 1fr);
  align-items:end;
  gap:10px;
  margin:6px 0 0;
  direction:rtl;
  overflow:visible;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid > .sales-purchase-form-field{
  min-width:0 !important;
  width:100%;
  overflow:visible;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-form-field{
  gap:6px;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-form-field__label{
  min-width:0;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#52637a;
  font-size:12.4px;
  font-weight:900;
  line-height:1.15;
  text-align:center;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase :is(
  .sales-purchase-form-field__control.entries-voucher-field__control,
  .sales-purchase-form-field__picker-trigger.entries-voucher-choice-picker__trigger
){
  width:100%;
  min-width:0;
  min-height:43px;
  height:43px;
  border-radius:12px;
  padding-inline:12px;
  font-size:15.5px;
  font-weight:850;
  text-align:center;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-form-field--purchase-calc{
  min-width:0 !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-form-field__picker-value,
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-form-field__picker-option-label{
  min-width:0;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:14.5px;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-form-field__picker-value .entries-voucher-choice-picker__value-layout{
  justify-content:center;
  gap:5px;
  min-width:0;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-form-field--rate-shell{
  min-width:0;
  gap:3px;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-rate-inline-control{
  grid-template-columns:minmax(0, 1fr) minmax(112px, 126px);
  gap:5px;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-rate-mode-toggle{
  min-height:42px;
  height:42px;
  padding-inline:8px;
  font-size:11px;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase-meta-fields{
  width:100%;
  min-width:0;
  display:grid !important;
  grid-template-columns:minmax(0, .92fr) minmax(0, .82fr) minmax(0, .98fr) minmax(0, .92fr) !important;
  align-items:end;
  gap:10px;
  margin:9px 0 0;
  padding:0;
  direction:rtl;
  overflow:visible;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase-meta-fields > *{
  min-width:0 !important;
  width:100%;
}


.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase-meta-fields .sales-purchase-form-field--purchase-calc{
  grid-column:1;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase-meta-fields .sales-purchase-top-field--beneficiary{
  grid-column:2;
}


.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase-meta-fields .sales-purchase-side-field--notes-top{
  grid-column:4;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase-meta-fields .sales-purchase-form-field--purchase-calc,
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase-meta-fields .sales-purchase-top-field--beneficiary,
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase-meta-fields .sales-purchase-side-field--notes-top,
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase-meta-fields .sales-purchase-side-field--summary-top{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:6px;
  padding:0;
  margin:0;
  background:transparent;
  border:0;
  box-shadow:none;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase-meta-fields :is(
  .sales-purchase-form-field__label,
  .sales-purchase-top-field__stack-label,
  .sales-purchase-side-field__label
){
  display:block;
  min-width:0;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#52637a;
  font-size:12.4px;
  font-weight:900;
  line-height:1.15;
  text-align:center;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase-meta-fields .sales-purchase-name-field__control-row,
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase-meta-fields .sales-purchase-top-field__name-row{
  width:100%;
  min-width:0;
  position:relative;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase-meta-fields :is(
  .sales-purchase-top-field__text-input.entries-voucher-field__control,
  .sales-purchase-side-field__control.entries-voucher-field__control
){
  width:100%;
  min-width:0;
  min-height:43px;
  height:43px;
  border-radius:12px;
  font-size:14.5px;
  font-weight:800;
  text-align:center;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase-meta-fields .sales-purchase-top-field__text-input.entries-voucher-field__control{
  padding-right:8px;
  padding-left:42px;
  text-align:right;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase-meta-fields .sales-purchase-side-field__control.entries-voucher-field__control{
  padding-inline:10px;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase-meta-fields :is(
  .sales-purchase-top-field__text-input.entries-voucher-field__control,
  .sales-purchase-side-field__control.entries-voucher-field__control
)::placeholder{
  font-size:12.2px;
  font-weight:700;
  color:#94a3b8;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase-meta-fields .sales-purchase-top-field__icon-button{
  width:36px;
  height:36px;
  left:3px;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .entries-actions.sales-purchase-inline-actions{
  flex:0 0 auto;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-sidebox{
  width:100%;
  height:100%;
  min-width:0;
  min-height:0;
  display:flex;
  flex-direction:column;
  gap:9px;
  direction:rtl;
  color:#0f172a;
  box-sizing:border-box;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-sidebox__section{
  min-width:0;
  width:100%;
  border:1px solid rgba(148,163,184,.20);
  border-radius:12px;
  background:rgba(255,255,255,.76);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.88);
  box-sizing:border-box;
}


.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-sidebox .sales-purchase-top-field{
  width:100%;
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:5px;
  padding:0;
  margin:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-sidebox .sales-purchase-top-field__inline-label{
  flex:0 0 auto;
  margin:0;
  color:#64748b;
  font-size:11.1px;
  font-weight:900;
  line-height:1.1;
  text-align:center;
  white-space:nowrap;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-sidebox .sales-purchase-top-field > .entries-voucher-choice-picker,
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-sidebox .sales-purchase-top-field > .entries-voucher-date{
  width:100%;
  min-width:0;
  position:relative;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-sidebox :is(
  .sales-purchase-top-field__trigger.entries-voucher-choice-picker__trigger,
  .sales-purchase-top-field__date-trigger.entries-voucher-date__trigger
){
  width:100%;
  min-width:0;
  min-height:36px;
  height:36px;
  border-radius:10px;
  padding-inline:9px;
  font-size:12.2px;
  font-weight:850;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-sidebox :is(
  .entries-voucher-choice-picker__value,
  .entries-voucher-date__trigger-value
){
  min-width:0;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  text-align:center;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-sidebox :is(
  .sales-purchase-top-field__popover,
  .entries-voucher-date__popover,
  .entries-voucher-choice-popover
){
  z-index:var(--sales-purchase-dropdown-popup-z-index);
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-sidebox .sales-purchase-topdock{
  width:100%;
  min-width:0;
  padding:0;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-sidebox .sales-purchase-topdock-layout{
  width:100%;
  min-width:0;
  display:block;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-sidebox .sales-purchase-topdock-navgroup{
  width:100%;
  min-width:0;
  margin:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:6px;
  direction:rtl;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-sidebox .entries-voucher-navstack{
  min-width:0;
  padding:0;
  gap:0;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-sidebox .sales-purchase-navstack--prev,
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-sidebox .sales-purchase-navstack--next{
  flex:0 0 34px;
  width:34px;
  min-width:34px;
  margin:0;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-sidebox .sales-purchase-navstack--count{
  flex:1 1 70px;
  min-width:58px;
  margin:0;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-sidebox .sales-purchase-navstack--lookup{
  flex:0 0 48px;
  width:48px;
  min-width:48px;
  margin:0;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-sidebox :is(
  .entries-voucher-navcluster,
  .entries-voucher-navicon,
  .entries-voucher-navbox__field,
  .entries-voucher-navbox__input,
  .entries-voucher-navbox__count
){
  width:100%;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-sidebox :is(
  .entries-voucher-navicon,
  .entries-voucher-navbox__count,
  .entries-voucher-navbox__input
){
  min-height:33px;
  height:33px;
  border-radius:10px;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-sidebox .entries-voucher-navbox__count{
  padding-inline:4px;
  border:1px solid rgba(148,163,184,.22);
  background:rgba(248,250,252,.94);
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-sidebox .entries-voucher-navbox__count strong{
  display:block;
  width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  text-align:center;
  font-size:11px;
  font-weight:950;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-sidebox .entries-voucher-navbox__input{
  text-align:center;
  font-size:12px;
  font-weight:900;
}
@media (max-width:700px){
  .panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-workspace-panels{
    flex:0 0 auto;
    max-height:none;
    grid-template-columns:minmax(0, 1fr);
    grid-auto-rows:auto;
    padding-inline:8px;
  }

  .panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__rate-track{
    grid-template-columns:minmax(0, 1fr);
  }

  .panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid,
  .panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid--inline-purchase{
    grid-template-columns:minmax(0, 1fr) !important;
    grid-auto-flow:row;
  }

  .panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase-meta-fields{
    grid-template-columns:minmax(0, 1fr) !important;
  }

  .panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid--inline-purchase > .sales-purchase-form-field,
  .panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase-meta-fields > *{
    grid-column:auto;
  }
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-stage{
  flex:1 1 0;
  min-height:0;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-inline-actions{
  flex:0 0 auto !important;
  width:100% !important;
  min-width:0 !important;
  min-height:52px !important;
  height:auto !important;
  padding:7px 10px 8px !important;
  margin:0 !important;
  border:0 !important;
  border-top:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
  z-index:12;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-actions .entries-actions__group--primary-actions{
  flex-direction:row !important;
  overflow:visible !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-workspace-panels{
  padding:var(--sales-purchase-workspace-edge-y) var(--sales-purchase-workspace-edge-x) !important;
  margin:0 !important;
}
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-records-box{
  flex:1 1 0;
  min-width:0;
  min-height:0;
  display:flex;
  flex-direction:column;
  margin:var(--sales-purchase-records-gap-y) var(--sales-purchase-workspace-edge-x) 0;
  padding:0;
  border:1px solid rgba(15,23,42,.10);
  border-radius:var(--entries-radius-panel);
  background:linear-gradient(180deg, rgba(255,255,255,.99) 0%, rgba(248,250,252,.96) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.86), 0 10px 24px rgba(15,23,42,.045);
  overflow:hidden;
  box-sizing:border-box;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-records-box > .sales-purchase-stage{
  flex:1 1 0;
  min-height:0;
  width:100%;
  padding:0;
  background:transparent;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-records-box .sales-purchase-log{
  flex:1 1 0;
  min-height:0;
  width:100%;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-records-box .entries-log__records--split-scroll{
  padding:0 !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-records-box .entries-records__viewport--split-scroll{
  border-radius:0;
  overflow:hidden;
  position:relative;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-records-box{
  --sales-purchase-record-filter-height:42px;
  --sales-purchase-record-head-height:36px;
  --sales-purchase-record-row-height:46px;
  --sales-purchase-record-row-alt-bg:linear-gradient(180deg, rgba(247,249,255,.98) 0%, rgba(241,245,255,.98) 100%);
  --sales-purchase-record-row-selected-bg:linear-gradient(180deg, rgba(255,255,255,.99) 0%, rgba(235,241,255,.99) 100%);
}


.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-records-box .sales-purchase-records-date-filter{
  position:absolute;
  inset:0 0 auto 0;
  min-height:var(--sales-purchase-record-filter-height);
  height:var(--sales-purchase-record-filter-height);
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  padding:5px 12px 5px 16px;
  direction:rtl;
  box-sizing:border-box;
  background:linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(249,251,255,.94) 100%);
  border-bottom:1px solid rgba(148,163,184,.14);
  z-index:3;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-records-date-filter__field{
  min-width:0;
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin:0;
  color:#334155;
  font:800 12.5px/1.15 var(--taif-font-family);
  white-space:nowrap;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-records-date-filter__label{
  display:inline-flex;
  align-items:center;
  min-height:28px;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-records-date-filter__input{
  width:138px;
  height:28px;
  min-width:0;
  padding:0 9px;
  border:1px solid rgba(100,116,139,.24);
  border-radius:8px;
  background:#fff;
  color:#0f172a;
  font:800 12px/1 var(--taif-font-family);
  direction:ltr;
  text-align:center;
  outline:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.86);
  box-sizing:border-box;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-records-date-filter__input:focus{
  border-color:rgba(15,23,42,.78);
  box-shadow:0 0 0 1px rgba(15,23,42,.20), inset 0 1px 0 rgba(255,255,255,.86);
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-records-box .entries-records__head--split-scroll{
  margin-top:var(--sales-purchase-record-filter-height) !important;
  min-height:var(--sales-purchase-record-head-height);
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-records-box .entries-records__head--split-scroll::before{
  right:0;
  left:0;
  border-inline:0;
  border-color:var(--content-trail-border);
  background:var(--content-trail-chrome);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55);
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-records-box .entries-records__head-cell{
  padding-block:7px;
  color:#475569;
  border-inline-start-color:rgba(47,103,243,.13);
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-records-box :is(.entries-records__head-cell, .entries-record-cell):is(.entries-records__col--incoming, .entries-records__col--outgoing){
  border-inline-start:0 !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-records-box .entries-records__scroller--split-scroll{
  padding-inline-end:0 !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-records-box .entries-records__body{
  gap:0 !important;
  padding:0 !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-records-box .entries-record-row{
  min-height:var(--sales-purchase-record-row-height) !important;
  border-radius:0 !important;
  margin:0 !important;
  background:#fff !important;
  box-shadow:none !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-records-box .entries-record-row:nth-child(odd){
  background:#fff !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-records-box .entries-record-row:nth-child(even){
  background:var(--sales-purchase-record-row-alt-bg) !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-records-box .entries-record-row__grid{
  min-height:var(--sales-purchase-record-row-height);
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-records-box .entries-record-cell{
  min-height:var(--sales-purchase-record-row-height) !important;
  height:var(--sales-purchase-record-row-height);
  padding-block:7px;
  background:transparent !important;
  overflow:hidden;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-records-box .entries-record-cell.entries-records__col--serial{
  min-height:var(--sales-purchase-record-row-height) !important;
  background:transparent !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-records-box .entries-record-cell__stack{
  max-height:100%;
  overflow:hidden;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-records-box .entries-record-row:hover,
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-records-box .entries-record-row--selected,
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-records-box .entries-record-row--selected:hover{
  box-shadow:none !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-records-box .entries-record-row--selected{
  background:var(--sales-purchase-record-row-selected-bg) !important;
}

/* Scoped sales/purchase selected record ring: keeps touching rows merged while showing all four edges. */
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-records-box .entries-record-row--selected{
  position:relative;
  z-index:2;
  isolation:isolate;
  border-color:rgba(15,23,42,.84) !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-records-box .entries-record-row--selected::after{
  content:"";
  position:absolute;
  inset:0;
  box-sizing:border-box;
  border:1px solid rgba(15,23,42,.9);
  box-shadow:inset 0 0 0 1px rgba(15,23,42,.08);
  pointer-events:none;
  z-index:3;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-records-box .entries-record-row--selected .entries-record-row__grid{
  position:relative;
  z-index:1;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-records-box .entries-record-row + .entries-record-row{
  margin-top:-1px !important;
}


/* Scoped sales/purchase records fit trim: keeps row/card sizing and # column unchanged. */
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-records-box .entries-records__head-cell:not(.entries-records__col--serial){
  padding-inline:7px;
  font-size:11.7px;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-records-box .entries-record-cell:not(.entries-records__col--serial){
  padding-inline:7px;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-records-box .entries-record-cell:not(.entries-records__col--serial) .entries-record-cell__value{
  font-size:12px;
  line-height:1.32;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-records-box .entries-record-cell:not(.entries-records__col--serial) .entries-record-cell__value--amount{
  font-size:12.9px;
  line-height:1.16;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-records-box .entries-record-cell:not(.entries-records__col--serial) .entries-record-cell__inline-pair{
  font:800 12px/1.16 var(--taif-font-family);
  gap:4px;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-records-box .entries-record-cell:not(.entries-records__col--serial) .entries-record-cell__inline-code{
  font-size:10.8px;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-records-box .entries-record-cell:not(.entries-records__col--serial) .entries-record-cell__meta{
  font-size:10.8px;
  line-height:1.26;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-records-box .entries-record-cell:not(.entries-records__col--serial) .entries-badge:is(.entries-type--purchase, .entries-type--sale){
  font-size:11.3px;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-records-box .entries-empty{
  min-height:100%;
  padding:14px;
}
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-workspace-panel--main-direct{
  grid-column:2;
  grid-row:1;
  min-width:0;
  min-height:0;
  height:100%;
  display:flex;
  flex-direction:column;
  direction:rtl;
  position:relative;
  z-index:10;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-workspace-panel--main{
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-workspace-panel--main-direct > .sales-purchase-inline-purchase,
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase{
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  outline:0 !important;
  overflow:visible !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase__body{
  background:transparent !important;
  box-shadow:none !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-empty-shell--inline-purchase{
  background:transparent !important;
  box-shadow:none !important;
  border:0 !important;
}

@media (max-width:700px){
  .panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-workspace-panel--main-direct{
    grid-column:1;
  }
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .entries-records__col--actions{
  display:grid;
  place-items:center;
  text-align:center;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .entries-records__head-cell.entries-records__col--actions{
  color:#475569;
  padding-inline:4px;
  font-size:11.2px;
  letter-spacing:-.12px;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-record-actions-dots{
  width:18px;
  min-width:18px;
  min-height:26px;
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
  pointer-events:none;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-record-actions-dots__dot{
  width:4px;
  height:4px;
  border-radius:50%;
  background:rgba(71,85,105,.72);
  display:block;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-workspace-direct-cards{
  grid-column:1 !important;
  grid-row:1 !important;
  min-width:0 !important;
  min-height:0 !important;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  outline:0 !important;
  overflow:visible !important;
  box-sizing:border-box !important;
  position:relative !important;
  z-index:8 !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-workspace-direct-cards.sales-purchase-inline-sidebox{
  display:flex !important;
  flex-direction:column !important;
  direction:rtl !important;
  color:#0f172a !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-workspace-direct-cards > .sales-purchase-inline-sidebox__section{
  flex:0 0 auto !important;
  width:100% !important;
  margin:0 !important;
}

@media (max-width:700px){
  .panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-workspace-direct-cards{
    grid-column:1 !important;
    grid-row:auto !important;
    height:auto !important;
    padding:8px !important;
  }
}
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid--inline-purchase{
  grid-template-rows:auto auto !important;
  grid-auto-flow:row !important;
  row-gap:16px !important;
  column-gap:10px !important;
}


.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid--inline-purchase > .sales-purchase-top-field--cash{
  min-width:0 !important;
  width:100% !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  justify-content:flex-start !important;
  gap:6px !important;
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}


.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid--inline-purchase > .sales-purchase-top-field--cash .sales-purchase-top-field__inline-label{
  display:block !important;
  min-width:0 !important;
  max-width:100% !important;
  margin:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  color:#52637a !important;
  font-size:12.4px !important;
  font-weight:900 !important;
  line-height:1.15 !important;
  text-align:center !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid--inline-purchase > .sales-purchase-top-field--cash > .entries-voucher-choice-picker{
  width:100% !important;
  min-width:0 !important;
  flex:0 0 auto !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid--inline-purchase > .sales-purchase-top-field--cash .sales-purchase-top-field__trigger.entries-voucher-choice-picker__trigger{
  width:100% !important;
  min-width:0 !important;
  min-height:43px !important;
  height:43px !important;
  border-radius:12px !important;
  padding-inline:12px !important;
  font-size:15.5px !important;
  font-weight:850 !important;
  text-align:center !important;
  justify-content:space-between !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid--inline-purchase > .sales-purchase-top-field--cash .entries-voucher-choice-picker__value,
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid--inline-purchase > .sales-purchase-top-field--cash .entries-voucher-choice-popover__label{
  min-width:0 !important;
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  font-size:14.5px !important;
  text-align:center !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid--inline-purchase > .sales-purchase-top-field--cash .entries-voucher-choice-picker__value-layout{
  justify-content:center !important;
  gap:5px !important;
  min-width:0 !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid--inline-purchase > .sales-purchase-top-field--cash .sales-purchase-top-field__popover{
  inset-inline-start:auto !important;
  inset-inline-end:0 !important;
  min-width:100% !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-actions__layout{
  width:100% !important;
  min-width:0 !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  flex-wrap:nowrap !important;
  overflow:visible !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-actions .entries-actions__group--primary-actions{
  width:auto !important;
  min-width:0 !important;
  margin:0 !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid--inline-purchase > .sales-purchase-inline-purchase-meta-fields > *{
  min-width:0 !important;
  width:100% !important;
}
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-workspace-direct-cards{
  padding:0 !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-workspace-direct-cards.sales-purchase-inline-sidebox{
  gap:0 !important;
  justify-content:stretch !important;
  align-items:stretch !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-workspace-direct-cards > .sales-purchase-inline-sidebox__section--empty-box{
  order:-10 !important;
  flex:1 1 auto !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  display:block !important;
  border-width:1px !important;
  border-radius:10px !important;
  box-sizing:border-box !important;
}
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-workspace-direct-cards > .sales-purchase-inline-sidebox__section--prices-board{
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  justify-content:flex-start !important;
  overflow:hidden !important;
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,250,252,.94)) !important;
  border-color:rgba(148,163,184,.24) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92) !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-side-prices{
  width:100%;
  height:100%;
  min-width:0;
  min-height:0;
  display:flex;
  flex-direction:column;
  color:#0f172a;
  direction:rtl;
  overflow:hidden;
  box-sizing:border-box;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-side-prices__top{
  flex:0 0 auto;
  width:100%;
  min-width:0;
  display:flex;
  align-items:center;
  box-sizing:border-box;
  background:transparent;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-side-prices__nav-btn,
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-side-prices__top-placeholder{
  min-height:34px;
  height:34px;
  border-radius:9px;
  box-sizing:border-box;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-side-prices__nav-btn{
  flex:0 0 62px;
  min-width:62px;
  border:1px solid rgba(100,116,139,.22);
  background:linear-gradient(180deg, #ffffff, #f1f5f9);
  color:#1e293b;
  font:900 12.2px/1 var(--taif-font-family);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95), 0 1px 2px rgba(15,23,42,.06);
  user-select:none;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-side-prices__top-placeholder{
  flex:1 1 auto;
  min-width:0;
  border:1px solid rgba(148,163,184,.20);
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.96));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95);
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-side-prices__head,
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-side-prices__row{
  display:grid;
  align-items:center;
  gap:5px;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-side-prices__head{
  flex:0 0 auto;
  width:100%;
  margin:0;
  box-sizing:border-box;
  background:var(--content-trail-chrome);
  color:#334155;
  border-block:1px solid var(--content-trail-border);
  font:900 10.6px/1.15 var(--taif-font-family);
  overflow-x:hidden;
  overflow-y:hidden;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-side-prices__head > *{
  min-width:0;
  text-align:center;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-side-prices__body{
  flex:1 1 auto;
  min-height:0;
  width:100%;
  box-sizing:border-box;
  background:transparent;
  scrollbar-color:var(--taif-scrollbar-thumb) var(--taif-scrollbar-track);
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-side-prices__body::-webkit-scrollbar-track{
  background:var(--taif-scrollbar-track);
  border-radius:10px;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-side-prices__body::-webkit-scrollbar-thumb{
  border-radius:10px;
  background:var(--taif-scrollbar-thumb);
  border:1px solid transparent;
  background-clip:padding-box;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-side-prices__row{
  box-sizing:border-box;
  border:1px solid rgba(15,23,42,.075);
  background:#ffffff;
  box-shadow:0 1px 0 rgba(255,255,255,.96) inset;
  transition:transform .12s ease, border-color .12s ease, box-shadow .12s ease, background-color .12s ease;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-side-prices__row:hover{
  transform:translateY(-1px);
  border-color:rgba(37,99,235,.18);
  box-shadow:0 8px 18px rgba(37,99,235,.06);
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-side-prices__row--usd{
  background:linear-gradient(90deg, #f5f9ff 0%, #ffffff 100%);
  border-color:rgba(37,99,235,.16);
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-side-prices__row > *{
  min-width:0;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-side-prices__num{
  width:100%;
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  font:900 11.4px/1 var(--taif-font-family);
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-side-prices__name{
  width:100%;
  color:#0f172a;
  font:850 11.8px/1.22 var(--taif-font-family);
  text-align:right;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-side-prices__num{
  min-height:0;
  height:auto;
  padding:0 2px;
  border:none;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  text-shadow:none;
  letter-spacing:0;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-side-prices__num--buy{
  color:#16a34a;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-side-prices__num--sell{
  color:#dc2626;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-side-prices__flag{
  justify-self:center;
  align-self:center;
  display:grid;
  place-items:center;
  overflow:hidden;
  border-radius:50%;
  background:#fff;
  box-shadow:0 0 0 1px rgba(15,23,42,.06), 0 3px 8px rgba(15,23,42,.07);
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-side-prices__flag-image{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  border-radius:inherit;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-side-prices__empty{
  min-height:160px;
  display:grid;
  place-items:center;
  text-align:center;
  padding:18px;
  color:rgba(15,23,42,.62);
  font:800 12.4px/1.8 var(--taif-font-family);
}
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-workspace-panel--main-direct{
  border:0 !important;
  border-radius:11px !important;
  padding:0 !important;
  margin:0 !important;
  background:
    radial-gradient(circle at 100% 0, rgba(37,99,235,.055), transparent 35%),
    linear-gradient(180deg, rgba(255,255,255,.985), rgba(248,250,252,.955)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(15,23,42,.105),
    inset 0 1px 0 rgba(255,255,255,.9),
    0 10px 22px rgba(15,23,42,.045) !important;
  outline:0 !important;
  overflow:visible !important;
  box-sizing:border-box !important;
}

.panel[data-view="sales-purchase-invoice"] .sales-purchase-workspace-panel--main-direct{
  background:
    radial-gradient(circle at 100% 0, rgba(34,197,94,.078), transparent 35%),
    linear-gradient(180deg, rgba(255,255,255,.99), rgba(248,250,252,.958)) !important;
}

.panel[data-view="sales-purchase-sale"] .sales-purchase-workspace-panel--main-direct{
  background:
    radial-gradient(circle at 100% 0, rgba(239,68,68,.076), transparent 35%),
    linear-gradient(180deg, rgba(255,255,255,.99), rgba(248,250,252,.958)) !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-workspace-panel--main-direct > .sales-purchase-inline-purchase{
  height:100% !important;
  border:0 !important;
  border-radius:inherit !important;
  background:transparent !important;
  box-shadow:none !important;
  outline:0 !important;
  overflow:visible !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-workspace-panel--main-direct .sales-purchase-inline-purchase__body,
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-workspace-panel--main-direct .sales-purchase-empty-shell--inline-purchase{
  background:transparent !important;
  box-shadow:none !important;
  border:0 !important;
}
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) :is(
  .sales-purchase-workspace-panels,
  .sales-purchase-workspace-panel--main,
  .sales-purchase-workspace-panel--main-direct,
  .sales-purchase-workspace-direct-cards,
  .sales-purchase-inline-purchase,
  .sales-purchase-inline-purchase__body,
  .sales-purchase-empty-shell--inline-purchase,
  .sales-purchase-window-fieldset,
  .sales-purchase-deal,
  .sales-purchase-deal__rate-track,
  .sales-purchase-deal__fields-grid,
  .sales-purchase-inline-purchase-meta-fields,
  .sales-purchase-inline-sidebox,
  .sales-purchase-inline-sidebox__section,
  .sales-purchase-rate-card,
  .sales-purchase-amount-date-card,
  .sales-purchase-amount-date-card__cash,
  .sales-purchase-amount-date-card__date-row,
  .sales-purchase-top-field,
  .sales-purchase-form-field
):has(:is([data-taif-inline-picker-host].is-open, .entries-voucher-date.is-open, .sales-purchase-beneficiary-autocomplete.is-open)){
  overflow:visible !important;
  position:relative !important;
  z-index:var(--sales-purchase-dropdown-host-z-index) !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) :is(
  [data-taif-inline-picker-host].is-open,
  .entries-voucher-date.is-open,
  .sales-purchase-beneficiary-autocomplete.is-open
){
  position:relative !important;
  z-index:var(--sales-purchase-dropdown-host-z-index) !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) :is(
  [data-taif-dropdown-popup="true"],
  .entries-voucher-choice-popover,
  .entries-voucher-date__popover
):not([hidden]){
  z-index:var(--sales-purchase-dropdown-popup-z-index) !important;
}

.sales-purchase-window-layer:has(:is([data-taif-inline-picker-host].is-open, .entries-voucher-date.is-open, .sales-purchase-beneficiary-autocomplete.is-open)),
.sales-purchase-modal-backdrop:has(:is([data-taif-inline-picker-host].is-open, .entries-voucher-date.is-open, .sales-purchase-beneficiary-autocomplete.is-open)),
.sales-purchase-modal-window:has(:is([data-taif-inline-picker-host].is-open, .entries-voucher-date.is-open, .sales-purchase-beneficiary-autocomplete.is-open)),
.sales-purchase-modal-window:has(:is([data-taif-inline-picker-host].is-open, .entries-voucher-date.is-open, .sales-purchase-beneficiary-autocomplete.is-open)) .sales-purchase-sheet,
.sales-purchase-modal-window:has(:is([data-taif-inline-picker-host].is-open, .entries-voucher-date.is-open, .sales-purchase-beneficiary-autocomplete.is-open)) .sales-purchase-sheet__body{
  overflow:visible !important;
}

.sales-purchase-modal-window:has(:is([data-taif-inline-picker-host].is-open, .entries-voucher-date.is-open, .sales-purchase-beneficiary-autocomplete.is-open)){
  contain:layout style !important;
}

.sales-purchase-modal-window:has(:is([data-taif-inline-picker-host].is-open, .entries-voucher-date.is-open, .sales-purchase-beneficiary-autocomplete.is-open)) .sales-purchase-sheet__body{
  position:relative !important;
  z-index:var(--sales-purchase-dropdown-host-z-index) !important;
}
.panel[data-view="sales-purchase-invoice"] .sales-purchase-workspace-panel--main-direct,
.panel[data-view="sales-purchase-invoice"] .sales-purchase-workspace-panel--main-direct > .sales-purchase-inline-purchase,
.panel[data-view="sales-purchase-invoice"] .sales-purchase-inline-purchase,
.panel[data-view="sales-purchase-invoice"] .sales-purchase-empty-shell--inline-purchase{
  background:
    linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,0) 24%),
    linear-gradient(180deg, rgba(240,253,244,.96), rgba(220,252,231,.94)) !important;
}

.panel[data-view="sales-purchase-sale"] .sales-purchase-workspace-panel--main-direct,
.panel[data-view="sales-purchase-sale"] .sales-purchase-workspace-panel--main-direct > .sales-purchase-inline-purchase,
.panel[data-view="sales-purchase-sale"] .sales-purchase-inline-purchase,
.panel[data-view="sales-purchase-sale"] .sales-purchase-empty-shell--inline-purchase{
  background:
    linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,0) 24%),
    linear-gradient(180deg, rgba(254,242,242,.96), rgba(254,226,226,.94)) !important;
}
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .entries-actions.sales-purchase-inline-actions{
  min-height:50px !important;
  padding:10px 10px 7px !important;
  border:0 !important;
  border-top:0 !important;
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-actions .entries-actions__group--primary-actions{
  direction:ltr !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  flex-wrap:nowrap !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-workspace-panels{
  grid-template-columns:minmax(280px, 25%) minmax(0, 1fr) !important;
  gap:6px !important;
}
.panel[data-view="sales-purchase-invoice"] .sales-purchase-workspace-direct-cards > .sales-purchase-inline-sidebox__section--prices-board,
.panel[data-view="sales-purchase-invoice"] .sales-purchase-workspace-direct-cards > .sales-purchase-inline-sidebox__section--prices-board > .sales-purchase-side-prices{
  background:
    linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,0) 24%),
    linear-gradient(180deg, rgba(240,253,244,.96), rgba(220,252,231,.94)) !important;
}

.panel[data-view="sales-purchase-sale"] .sales-purchase-workspace-direct-cards > .sales-purchase-inline-sidebox__section--prices-board,
.panel[data-view="sales-purchase-sale"] .sales-purchase-workspace-direct-cards > .sales-purchase-inline-sidebox__section--prices-board > .sales-purchase-side-prices{
  background:
    linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,0) 24%),
    linear-gradient(180deg, rgba(254,242,242,.96), rgba(254,226,226,.94)) !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-side-prices__top{
  gap:8px !important;
  padding:6px 7px 5px !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-side-prices__nav-btn{
  cursor:pointer !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-side-prices__nav-btn:disabled,
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-side-prices__nav-btn[aria-disabled="true"]{
  cursor:not-allowed !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-side-prices__top{
  position:relative !important;
  z-index:4 !important;
  overflow:visible !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-side-prices__basis{
  flex:1 1 auto !important;
  min-width:0 !important;
  position:relative !important;
  z-index:1 !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-side-prices__basis.is-open{
  z-index:1500 !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-side-prices__basis-trigger{
  width:100% !important;
  min-height:34px !important;
  height:34px !important;
  border:1px solid rgba(148,163,184,.20) !important;
  border-radius:9px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.96)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95) !important;
  color:#0f172a !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:6px !important;
  padding:4px 8px 4px 7px !important;
  box-sizing:border-box !important;
  direction:rtl !important;
  cursor:pointer !important;
  font-family:var(--taif-font-family) !important;
  text-align:center !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-side-prices__basis-text{
  flex:1 1 auto !important;
  min-width:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  white-space:nowrap !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-side-prices__basis-title{
  max-width:100% !important;
  color:#0f172a !important;
  font:900 12.1px/1.1 var(--taif-font-family) !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  text-align:center !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-side-prices__basis-meta{
  display:none !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-side-prices__basis-chevron{
  flex:0 0 14px !important;
  width:14px !important;
  height:14px !important;
  display:grid !important;
  place-items:center !important;
  color:#64748b !important;
  transition:transform .16s ease !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-side-prices__basis-chevron svg{
  width:100% !important;
  height:100% !important;
  display:block !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-side-prices__basis.is-open .sales-purchase-side-prices__basis-chevron{
  transform:rotate(180deg) !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-side-prices__basis-popover{
  position:absolute !important;
  inset-inline:0 !important;
  top:calc(100% + 6px) !important;
  z-index:1510 !important;
  display:grid !important;
  gap:5px !important;
  padding:5px !important;
  border:1px solid rgba(148,163,184,.30) !important;
  border-radius:11px !important;
  background:rgba(255,255,255,.99) !important;
  box-shadow:0 16px 28px rgba(15,23,42,.16), inset 0 1px 0 rgba(255,255,255,.96) !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-side-prices__basis-popover[hidden]{
  display:none !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-side-prices__basis-option{
  width:100% !important;
  min-height:35px !important;
  border:1px solid rgba(203,213,225,.82) !important;
  border-radius:9px !important;
  background:#ffffff !important;
  color:#0f172a !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:6px !important;
  padding:6px 8px !important;
  box-sizing:border-box !important;
  cursor:pointer !important;
  font:850 11.4px/1.2 var(--taif-font-family) !important;
  text-align:right !important;
  transition:background .16s ease, color .16s ease, border-color .16s ease, box-shadow .16s ease !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-side-prices__basis-option:hover,
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-side-prices__basis-option:focus,
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-side-prices__basis-option:focus-visible{
  outline:none !important;
  background:linear-gradient(180deg, rgba(246,249,255,.99), rgba(238,245,255,.98)) !important;
  border-color:rgba(59,130,246,.30) !important;
  color:#1d4ed8 !important;
  box-shadow:0 5px 12px rgba(37,99,235,.07) !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-side-prices__basis-option.is-active,
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-side-prices__basis-option[aria-selected="true"]{
  background:linear-gradient(180deg, rgba(236,243,255,.99), rgba(226,237,255,.98)) !important;
  border-color:rgba(59,130,246,.34) !important;
  color:#1d4ed8 !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-side-prices__basis-option-check{
  width:16px !important;
  min-width:16px !important;
  height:16px !important;
  display:grid !important;
  place-items:center !important;
  color:currentColor !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-side-prices__basis-option-check svg{
  width:14px !important;
  height:14px !important;
  display:block !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-side-prices__basis-option-label{
  flex:1 1 auto !important;
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-side-prices__head,
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-side-prices__body{
  position:relative !important;
  z-index:1 !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-side-prices__body{
  overflow:hidden !important;
  padding:7px 7px 8px !important;
  scrollbar-width:none !important;
  scrollbar-gutter:auto !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-side-prices__body::-webkit-scrollbar{
  width:0 !important;
  height:0 !important;
  display:none !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-side-prices__list{
  display:grid !important;
  gap:8px !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  height:100% !important;
  min-height:0 !important;
  box-sizing:border-box !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-side-prices__head,
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-side-prices__row{
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  grid-template-columns:minmax(30px, .36fr) minmax(120px, 1.58fr) minmax(70px, .94fr) minmax(70px, .94fr) !important;
  column-gap:6px !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-side-prices__head{
  padding:6px 7px !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-side-prices__row{
  min-height:0 !important;
  height:100% !important;
  padding:6px 7px !important;
  border-radius:9px !important;
  overflow:hidden !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-side-prices__flag{
  width:27px !important;
  height:27px !important;
}
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-side-prices__list{
  grid-template-rows:repeat(5, minmax(0, 1fr)) !important;
  align-content:stretch !important;
}
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-workspace-panel--main-direct{
  border:1px solid rgba(148,163,184,.62) !important;
  border-radius:12px !important;
  background:linear-gradient(180deg, rgba(247,248,250,.99) 0%, rgba(237,241,245,.97) 100%) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92), 0 0 0 1px rgba(255,255,255,.52) !important;
  overflow:hidden !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-workspace-panel--main-direct > .sales-purchase-inline-purchase,
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase,
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-empty-shell--inline-purchase{
  background:linear-gradient(180deg, rgba(247,248,250,.99) 0%, rgba(237,241,245,.97) 100%) !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-workspace-direct-cards > .sales-purchase-inline-sidebox__section--prices-board,
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-workspace-direct-cards > .sales-purchase-inline-sidebox__section--prices-board > .sales-purchase-side-prices{
  border-radius:12px !important;
}
.panel[data-view="sales-purchase-invoice"] .sales-purchase-workspace-panel--main-direct > .sales-purchase-inline-purchase,
.panel[data-view="sales-purchase-invoice"] .sales-purchase-inline-purchase,
.panel[data-view="sales-purchase-invoice"] .sales-purchase-empty-shell--inline-purchase{
  background:
    linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,0) 24%),
    linear-gradient(180deg, rgba(240,253,244,.96), rgba(220,252,231,.94)) !important;
}

.panel[data-view="sales-purchase-sale"] .sales-purchase-workspace-panel--main-direct > .sales-purchase-inline-purchase,
.panel[data-view="sales-purchase-sale"] .sales-purchase-inline-purchase,
.panel[data-view="sales-purchase-sale"] .sales-purchase-empty-shell--inline-purchase{
  background:
    linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,0) 24%),
    linear-gradient(180deg, rgba(254,242,242,.96), rgba(254,226,226,.94)) !important;
}
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid,
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid--inline-purchase{
  grid-template-columns:minmax(0, .92fr) minmax(0, .87fr) minmax(0, .98fr) minmax(0, .87fr) !important;
}


.sales-purchase-form-field--rate-field{
  --sales-purchase-rate-input-width:102px;
  --sales-purchase-rate-mode-width:78px;
}

.sales-purchase-rate-inline-control--merged{
  width:min(100%, calc(var(--sales-purchase-rate-input-width) + var(--sales-purchase-rate-mode-width)));
  max-width:100%;
  margin-inline:auto;
  grid-template-columns:minmax(0, var(--sales-purchase-rate-input-width)) minmax(var(--sales-purchase-rate-mode-width), var(--sales-purchase-rate-mode-width));
  gap:0;
  align-items:stretch;
}

.sales-purchase-rate-inline-control--merged > .sales-purchase-rate-number-stack,
.sales-purchase-rate-inline-control--merged > .sales-purchase-rate-mode-stack{
  gap:0;
  min-height:0;
}

.sales-purchase-rate-inline-control--merged .sales-purchase-form-field__control.entries-voucher-field__control{
  border-radius:10px 0 0 10px;
}

.sales-purchase-rate-inline-control--merged .sales-purchase-rate-mode-toggle{
  width:100%;
  min-width:0;
  border-left:0;
  border-radius:0 10px 10px 0;
  padding-inline:6px;
  gap:4px;
  font-size:12px;
}

.sales-purchase-rate-inline-control--merged .sales-purchase-rate-mode-toggle__icon{
  width:14px;
  height:14px;
  flex:0 0 14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.sales-purchase-rate-inline-control--merged .sales-purchase-rate-mode-toggle__icon svg{
  width:100%;
  height:100%;
  display:block;
}

.sales-purchase-rate-inline-control--merged .sales-purchase-rate-mode-toggle__label{
  width:auto;
  flex:0 1 auto;
  text-align:center;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-form-field--rate-field{
  --sales-purchase-rate-input-width:98px;
  --sales-purchase-rate-mode-width:76px;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-rate-inline-control--merged{
  width:min(100%, calc(var(--sales-purchase-rate-input-width) + var(--sales-purchase-rate-mode-width))) !important;
  max-width:100% !important;
  margin-inline:auto !important;
  grid-template-columns:minmax(0, var(--sales-purchase-rate-input-width)) minmax(var(--sales-purchase-rate-mode-width), var(--sales-purchase-rate-mode-width)) !important;
  gap:0 !important;
  align-items:stretch !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-rate-inline-control--merged .sales-purchase-form-field__control.entries-voucher-field__control{
  border-radius:12px 0 0 12px !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-rate-inline-control--merged .sales-purchase-rate-mode-toggle{
  min-height:43px !important;
  height:43px !important;
  border-left:0 !important;
  border-radius:0 12px 12px 0 !important;
  padding-inline:5px !important;
  gap:4px !important;
  font-size:11.5px !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid--inline-purchase{
  grid-template-columns:
    minmax(156px, 1.26fr)
    minmax(136px, 1.10fr)
    minmax(64px, .50fr)
    176px
    minmax(136px, 1.10fr) !important;
  grid-template-rows:auto auto !important;
  grid-auto-flow:row !important;
  column-gap:7px !important;
  row-gap:14px !important;
  align-items:end !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid--inline-purchase > .sales-purchase-inline-purchase-meta-fields{
  display:contents !important;
}


.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid--inline-purchase > .sales-purchase-form-field--primary-amount{
  grid-column:2 !important;
  grid-row:1 !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid--inline-purchase > .sales-purchase-form-field--purchase-calc{
  min-width:0 !important;
  width:100% !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid--inline-purchase > .sales-purchase-form-field--rate-field{
  min-width:176px !important;
  width:176px !important;
  justify-self:center !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid--inline-purchase > .sales-purchase-form-field--rate-field > .sales-purchase-form-field__label--rate{
  font-size:12.9px !important;
  transform:translateY(-3px) !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid--inline-purchase > .sales-purchase-form-field--purchase-calc .sales-purchase-form-field__label{
  font-size:11.6px !important;
  letter-spacing:-.12px !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid--inline-purchase > .sales-purchase-form-field--purchase-calc .sales-purchase-form-field__picker-trigger.entries-voucher-choice-picker__trigger{
  padding-inline:5px !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid--inline-purchase > .sales-purchase-form-field--purchase-calc .entries-voucher-choice-picker__value-layout{
  gap:3px !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid--inline-purchase > .sales-purchase-form-field--purchase-calc .sales-purchase-form-field__picker-value,
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid--inline-purchase > .sales-purchase-form-field--purchase-calc .sales-purchase-form-field__picker-option-label{
  font-size:14.4px !important;
  font-weight:900 !important;
  line-height:1.08 !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid--inline-purchase > .sales-purchase-form-field--purchase-calc .entries-voucher-choice-picker__text{
  font-size:14.4px !important;
  font-weight:900 !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid--inline-purchase > .sales-purchase-form-field--purchase-calc .entries-voucher-choice-picker__meta{
  min-width:1.05ch !important;
  font-size:17px !important;
  font-weight:950 !important;
  line-height:1 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  transform:translateY(-.35px) !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid--inline-purchase > .sales-purchase-form-field--purchase-calc .entries-voucher-choice-picker__meta > .taif-control-text{
  font-size:inherit !important;
  font-weight:inherit !important;
  line-height:1 !important;
  transform:none !important;
}

@media (max-width:700px){
  .panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid--inline-purchase{
    grid-template-columns:minmax(0, 1fr) !important;
  }

  .panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid--inline-purchase > .sales-purchase-form-field--purchase-calc,
  .panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid--inline-purchase > .sales-purchase-form-field--primary-amount,
  .panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid--inline-purchase > .sales-purchase-form-field--rate-field,
  .panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid--inline-purchase > .sales-purchase-form-field--counterpart-amount,
  .panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid--inline-purchase > .sales-purchase-top-field--cash,
  .panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid--inline-purchase > .sales-purchase-inline-purchase-meta-fields > *{
    grid-column:1 !important;
    grid-row:auto !important;
  }
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid--inline-purchase > .sales-purchase-inline-purchase-meta-fields .sales-purchase-side-field--notes-top{
  grid-column:2 !important;
  grid-row:2 !important;
  width:100% !important;
  max-width:100% !important;
  justify-self:stretch !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-actions__layout{
  direction:ltr !important;
  justify-content:flex-start !important;
  gap:10px !important;
}


@media (max-width:700px){
  .panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid--inline-purchase > .sales-purchase-inline-purchase-meta-fields .sales-purchase-side-field--notes-top{
    grid-column:1 !important;
    grid-row:auto !important;
  }
}


.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid--inline-purchase > .sales-purchase-form-field--primary-amount{
  grid-column:5 !important;
  grid-row:1 !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid--inline-purchase > .sales-purchase-form-field--counterpart-amount{
  grid-column:2 !important;
  grid-row:1 !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid--inline-purchase > .sales-purchase-form-field--purchase-calc{
  grid-column:3 !important;
  grid-row:1 !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid--inline-purchase > .sales-purchase-form-field--rate-field{
  grid-column:4 !important;
  grid-row:1 !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid--inline-purchase > .sales-purchase-form-field--primary-amount,
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid--inline-purchase > .sales-purchase-form-field--counterpart-amount,
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid--inline-purchase > .sales-purchase-form-field--purchase-calc,
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid--inline-purchase > .sales-purchase-form-field--rate-field{
  position:relative !important;
  left:var(--sales-purchase-inline-primary-row-shift, 0px) !important;
  transform:translateY(8px) !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid--inline-purchase > .sales-purchase-inline-purchase-meta-fields .sales-purchase-top-field--beneficiary{
  grid-column:1 !important;
  grid-row:2 !important;
  transform:translateY(-16px) !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid--inline-purchase > .sales-purchase-top-field--cash{
  grid-column:1 !important;
  grid-row:2 !important;
  transform:translateY(8px) !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid--inline-purchase > .sales-purchase-inline-purchase-meta-fields .sales-purchase-side-field--notes-top{
  grid-column:2 !important;
  grid-row:2 !important;
  width:calc(100% + 4px) !important;
  max-width:calc(100% + 4px) !important;
  justify-self:start !important;
  transform:translateY(-16px) !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid--inline-purchase > .sales-purchase-inline-purchase-meta-fields .sales-purchase-side-field--summary-top{
  grid-column:3 / span 2 !important;
  grid-row:2 !important;
  min-width:0 !important;
  width:calc(100% - 34px) !important;
  max-width:calc(100% - 34px) !important;
  justify-self:start !important;
  transform:translate(-4px, -16px) !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid--inline-purchase > .sales-purchase-inline-purchase-meta-fields .sales-purchase-side-field--summary-top,
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid--inline-purchase > .sales-purchase-inline-purchase-meta-fields .sales-purchase-side-field--summary-top .sales-purchase-side-field__control{
  min-width:0 !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid--inline-purchase > .sales-purchase-amount-date-card{
  grid-column:5 !important;
  grid-row:2 !important;
  min-width:0 !important;
  box-sizing:border-box !important;
  border-radius:15px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
}


.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-amount-date-card__field{
  min-width:0 !important;
  position:relative !important;
  z-index:var(--sales-purchase-dropdown-host-z-index) !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-amount-date-card .sales-purchase-top-field--date{
  width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  display:block !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-amount-date-card .sales-purchase-top-field__inline-label{
  display:none !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-amount-date-card .entries-voucher-date{
  width:100% !important;
  min-width:0 !important;
  position:relative !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-amount-date-card .sales-purchase-top-field__date-trigger.entries-voucher-date__trigger{
  width:100% !important;
  min-width:0 !important;
  padding-inline:8px !important;
  justify-content:center !important;
  font-size:12.4px !important;
  font-weight:950 !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-amount-date-card .entries-voucher-date__trigger-icon{
  display:none !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-amount-date-card .entries-voucher-date__trigger-value{
  width:100% !important;
  text-align:center !important;
  font-size:12.4px !important;
  line-height:1 !important;
  font-weight:950 !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-amount-date-card .entries-voucher-date__popover{
  top:calc(100% + 6px) !important;
  bottom:auto !important;
  inset-inline-start:0 !important;
  z-index:var(--sales-purchase-dropdown-popup-z-index) !important;
}


@media (max-width:700px){
  .panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid--inline-purchase > .sales-purchase-amount-date-card{
    grid-column:1 !important;
    grid-row:auto !important;
    width:100% !important;
    max-width:100% !important;
  }
}


.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-actions .entries-actions__group--primary-actions{
  order:2 !important;
  flex:0 0 auto !important;
  margin-left:277px !important;
  margin-right:0 !important;
  justify-content:flex-start !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid--inline-purchase > .sales-purchase-amount-date-card{
  width:calc(100% + 34px) !important;
  max-width:calc(100% + 34px) !important;
  min-height:86px !important;
  height:86px !important;
  transform:translate(13px, -10px) !important;
  padding:14px 10px 10px !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  justify-self:center !important;
  align-self:start !important;
  justify-content:flex-start !important;
  gap:10px !important;
  overflow:visible !important;
  position:relative !important;
  z-index:60 !important;
  isolation:isolate !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid--inline-purchase > .sales-purchase-amount-date-card::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  top:-76px !important;
  bottom:auto !important;
  height:222px !important;
  border:1px solid rgba(148,163,184,.34) !important;
  border-radius:15px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.95), rgba(248,250,252,.88)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92), 0 10px 18px rgba(15,23,42,.055) !important;
  pointer-events:none !important;
  z-index:0 !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid--inline-purchase > .sales-purchase-amount-date-card > *{
  position:relative !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase--purchase .sales-purchase-deal__fields-grid--inline-purchase > .sales-purchase-amount-date-card::before{
  border-color:rgba(22,163,74,.24) !important;
  background:linear-gradient(180deg, rgba(236,253,245,.98), rgba(220,252,231,.9)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92), 0 10px 18px rgba(22,101,52,.07) !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase--sale .sales-purchase-deal__fields-grid--inline-purchase > .sales-purchase-amount-date-card::before{
  border-color:rgba(185,28,28,.24) !important;
  background:linear-gradient(180deg, rgba(254,242,242,.98), rgba(254,226,226,.9)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92), 0 10px 18px rgba(127,29,29,.07) !important;
}


.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-workspace-panel--main-direct > .sales-purchase-inline-purchase{
  position:relative !important;
  overflow:visible !important;
  isolation:isolate !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-workspace-panel--main-direct .sales-purchase-inline-purchase__body,
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-workspace-panel--main-direct .sales-purchase-empty-shell--inline-purchase,
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-workspace-panel--main-direct .sales-purchase-deal,
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-workspace-panel--main-direct .sales-purchase-deal__fields-grid{
  position:relative !important;
  overflow:visible !important;
  z-index:30 !important;
}


.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid--inline-purchase > .sales-purchase-amount-date-card > *{
  z-index:1 !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .entries-actions.sales-purchase-inline-actions{
  position:relative !important;
  z-index:10 !important;
  overflow:visible !important;
}


.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-amount-date-card{
  justify-content:flex-start !important;
  gap:6px !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-amount-date-card__cash{
  width:calc(100% - 1px) !important;
  max-width:calc(100% - 1px) !important;
  min-width:0 !important;
  position:relative !important;
  z-index:var(--sales-purchase-dropdown-host-z-index) !important;
  transform:translateY(-70px) !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-amount-date-card .sales-purchase-top-field--cash{
  width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-amount-date-card .sales-purchase-top-field--cash .sales-purchase-top-field__inline-label{
  display:block !important;
  width:100% !important;
  color:#334155 !important;
  font-weight:900 !important;
  text-align:center !important;
  white-space:nowrap !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-amount-date-card .sales-purchase-top-field--cash > .entries-voucher-choice-picker{
  width:100% !important;
  min-width:0 !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-amount-date-card .sales-purchase-top-field--cash .sales-purchase-top-field__trigger.entries-voucher-choice-picker__trigger{
  width:100% !important;
  min-width:0 !important;
  padding-inline:10px !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-amount-date-card .sales-purchase-top-field--cash .entries-voucher-choice-picker__value,
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-amount-date-card .sales-purchase-top-field--cash .entries-voucher-choice-popover__label{
  font-size:12.6px !important;
  font-weight:900 !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-amount-date-card .sales-purchase-top-field--cash .entries-voucher-choice-picker__value-layout{
  min-width:0 !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-amount-date-card .sales-purchase-top-field--cash .sales-purchase-top-field__popover{
  top:calc(100% + 6px) !important;
  bottom:auto !important;
  inset-inline-start:0 !important;
  z-index:var(--sales-purchase-dropdown-popup-z-index) !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-amount-date-card{
  justify-content:flex-start !important;
  align-items:center !important;
  gap:8px !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-amount-date-card__date-row{
  width:calc(100% - 1px) !important;
  max-width:calc(100% - 1px) !important;
  min-width:0 !important;
  grid-template-columns:minmax(0, 1fr) auto !important;
  position:relative !important;
  z-index:var(--sales-purchase-dropdown-host-z-index) !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-amount-date-card__date-side-label{
  color:#334155 !important;
  font-weight:900 !important;
  white-space:nowrap !important;
  text-align:right !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-amount-date-card__field{
  width:100% !important;
  max-width:100% !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-amount-date-card__ghost{
  width:calc(100% - 1px) !important;
  max-width:calc(100% - 1px) !important;
  min-width:0 !important;
  position:relative !important;
  transform:translateY(-50px) !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-amount-date-card__navigator-label{
  position:absolute !important;
  inset-inline:0 !important;
  top:-10px !important;
  display:block !important;
  width:100% !important;
  margin:0 !important;
  color:#334155 !important;
  font-size:11.8px !important;
  font-weight:900 !important;
  line-height:1 !important;
  text-align:center !important;
  white-space:nowrap !important;
  pointer-events:none !important;
  user-select:none !important;
  z-index:3 !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-amount-date-card{
  padding:7px 10px 7px !important;
  gap:5px !important;
  justify-content:flex-start !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-amount-date-card .sales-purchase-top-field--cash{
  gap:3px !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-amount-date-card .sales-purchase-top-field--cash .sales-purchase-top-field__inline-label{
  min-height:11px !important;
  font-size:11.2px !important;
  line-height:1 !important;
  transform:translateY(-4px) !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-amount-date-card .sales-purchase-top-field--cash .sales-purchase-top-field__trigger.entries-voucher-choice-picker__trigger{
  min-height:43px !important;
  height:43px !important;
  border-radius:12px !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-amount-date-card__date-row{
  display:flex !important;
  flex-direction:column-reverse !important;
  align-items:stretch !important;
  direction:rtl !important;
  row-gap:4px !important;
  column-gap:0 !important;
  transform:translateY(-62px) !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-amount-date-card__date-side-label{
  direction:rtl !important;
  width:100% !important;
  font-size:11.8px !important;
  line-height:1 !important;
  align-self:center !important;
  text-align:center !important;
  margin:0 !important;
  transform:translateY(-4px) !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-amount-date-card .sales-purchase-top-field__date-trigger.entries-voucher-date__trigger{
  min-height:43px !important;
  height:43px !important;
  border-radius:12px !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-amount-date-card__navigator{
  width:100% !important;
  min-width:0 !important;
  min-height:43px !important;
  height:43px !important;
  max-height:43px !important;
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 4px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-amount-date-card__navigator--bare{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-amount-date-card__navigator .sales-purchase-topdock-navgroup{
  width:auto !important;
  min-width:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:4px !important;
  margin:0 !important;
  direction:rtl !important;
  flex-wrap:nowrap !important;
  transform:translateY(5px) !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-amount-date-card__navigator .entries-voucher-navstack{
  min-width:0 !important;
  height:43px !important;
  max-height:43px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:0 !important;
  margin:0 !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-amount-date-card__navigator .entries-voucher-navstack__title,
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-amount-date-card__navigator .entries-voucher-navstack__title--ghost{
  display:none !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-amount-date-card__navigator .sales-purchase-navstack--prev,
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-amount-date-card__navigator .sales-purchase-navstack--next{
  flex:0 0 32px !important;
  width:32px !important;
  min-width:32px !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-amount-date-card__navigator .sales-purchase-navstack--count{
  flex:0 0 62px !important;
  width:62px !important;
  min-width:56px !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-amount-date-card__navigator .sales-purchase-navstack--lookup{
  flex:0 0 58px !important;
  width:58px !important;
  min-width:58px !important;
  position:relative !important;
  left:-9px !important;
  overflow:visible !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-amount-date-card__navigator .entries-voucher-navcluster{
  width:32px !important;
  min-height:43px !important;
  height:43px !important;
  max-height:43px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-amount-date-card__navigator :is(.entries-voucher-navicon, .entries-voucher-navbox__count, .entries-voucher-navbox__input){
  margin:0 !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-amount-date-card__navigator .sales-purchase-navstack--prev .entries-voucher-navicon,
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-amount-date-card__navigator .sales-purchase-navstack--next .entries-voucher-navicon{
  width:30px !important;
  min-width:30px !important;
  height:34px !important;
  min-height:34px !important;
  padding:0 !important;
  border:1px solid rgba(148,163,184,.42) !important;
  border-radius:10px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(241,245,249,.96)) !important;
  color:#334155 !important;
  box-shadow:0 1px 2px rgba(15,23,42,.07), inset 0 1px 0 rgba(255,255,255,.86) !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-amount-date-card__navigator .entries-voucher-navicon__glyph{
  width:18px !important;
  height:18px !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-amount-date-card__navigator .entries-voucher-navbox__count{
  width:100% !important;
  min-width:0 !important;
  min-height:39px !important;
  height:39px !important;
  padding-inline:4px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:11px !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-amount-date-card__navigator .entries-voucher-navbox__count strong{
  font-size:11px !important;
  font-weight:950 !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-amount-date-card__navigator .sales-purchase-navstack--lookup .entries-voucher-navbox__field{
  width:100% !important;
  height:43px !important;
  max-height:43px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-amount-date-card__navigator .sales-purchase-navstack--lookup .entries-voucher-navbox__input{
  width:58px !important;
  min-width:58px !important;
  height:30px !important;
  min-height:30px !important;
  max-height:30px !important;
  padding-inline:8px !important;
  border-radius:9px !important;
  font-size:12px !important;
  line-height:1 !important;
  text-align:center !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-amount-date-card__navigator .sales-purchase-navstack--count{
  position:relative !important;
  left:-7px !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-amount-date-card__navigator .sales-purchase-navstack--lookup .sales-purchase-navstack__lookup-divider{
  position:absolute !important;
  top:50% !important;
  right:auto !important;
  left:-11px !important;
  transform:translateY(-50%) !important;
  display:block !important;
  z-index:20 !important;
  font-size:18px !important;
  font-weight:900 !important;
  line-height:1 !important;
  color:#334155 !important;
  pointer-events:none !important;
  user-select:none !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid--inline-purchase > .sales-purchase-amount-date-card:has(.sales-purchase-amount-date-card__cash [data-taif-inline-picker-host].is-open) > .sales-purchase-amount-date-card__cash,
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid--inline-purchase > .sales-purchase-amount-date-card:has(.sales-purchase-amount-date-card__field .entries-voucher-date.is-open) > .sales-purchase-amount-date-card__date-row{
  overflow:visible !important;
  position:relative !important;
  z-index:var(--sales-purchase-dropdown-active-host-z-index, 1280) !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid--inline-purchase > .sales-purchase-amount-date-card:has(.sales-purchase-amount-date-card__cash [data-taif-inline-picker-host].is-open) > .sales-purchase-amount-date-card__date-row,
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid--inline-purchase > .sales-purchase-amount-date-card:has(.sales-purchase-amount-date-card__cash [data-taif-inline-picker-host].is-open) > .sales-purchase-amount-date-card__ghost,
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid--inline-purchase > .sales-purchase-amount-date-card:has(.sales-purchase-amount-date-card__field .entries-voucher-date.is-open) > .sales-purchase-amount-date-card__ghost{
  z-index:1 !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-amount-date-card :is([data-taif-inline-picker-host].is-open, .entries-voucher-date.is-open){
  overflow:visible !important;
  position:relative !important;
  z-index:var(--sales-purchase-dropdown-active-host-z-index, 1280) !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-amount-date-card :is(.entries-voucher-choice-popover, .entries-voucher-date__popover):not([hidden]){
  z-index:var(--sales-purchase-dropdown-active-popup-z-index, 1300) !important;
}


/* Sales/Purchase inline edit/reverse notice — compact dock below currency cards and before fields. */
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid--inline-purchase.sales-purchase-deal__fields-grid--has-notice{
  grid-template-rows:minmax(22px, auto) auto auto !important;
  row-gap:4px !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid--inline-purchase > .sales-purchase-deal__inline-notice{
  grid-column:1 / 5 !important;
  grid-row:1 !important;
  min-width:0 !important;
  width:clamp(420px, 58%, 720px) !important;
  max-width:calc(100% - 20px) !important;
  box-sizing:border-box !important;
  justify-self:center !important;
  align-self:end !important;
  direction:rtl !important;
  position:relative !important;
  z-index:70 !important;
  transform:translateY(0) !important;
  overflow:visible !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__inline-notice .sales-purchase-stage-reserved-slot--notice{
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  min-height:22px !important;
  height:22px !important;
  margin:0 !important;
  padding:2px 8px !important;
  border-radius:9px !important;
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__inline-notice .sales-purchase-stage-reserved-slot__label--notice{
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  font-size:12.4px !important;
  line-height:1 !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid--inline-purchase.sales-purchase-deal__fields-grid--has-notice > .sales-purchase-form-field--primary-amount,
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid--inline-purchase.sales-purchase-deal__fields-grid--has-notice > .sales-purchase-form-field--counterpart-amount,
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid--inline-purchase.sales-purchase-deal__fields-grid--has-notice > .sales-purchase-form-field--purchase-calc,
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid--inline-purchase.sales-purchase-deal__fields-grid--has-notice > .sales-purchase-form-field--rate-field{
  grid-row:2 !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid--inline-purchase.sales-purchase-deal__fields-grid--has-notice > .sales-purchase-inline-purchase-meta-fields .sales-purchase-top-field--beneficiary,
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid--inline-purchase.sales-purchase-deal__fields-grid--has-notice > .sales-purchase-inline-purchase-meta-fields .sales-purchase-side-field--notes-top,
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid--inline-purchase.sales-purchase-deal__fields-grid--has-notice > .sales-purchase-inline-purchase-meta-fields .sales-purchase-side-field--summary-top,
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid--inline-purchase.sales-purchase-deal__fields-grid--has-notice > .sales-purchase-amount-date-card{
  grid-row:3 !important;
}

@media (max-width:700px){
  .panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid--inline-purchase > .sales-purchase-deal__inline-notice{
    grid-column:1 !important;
    grid-row:1 !important;
  }
}

@media (min-width:701px){
  .panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid--inline-purchase.sales-purchase-deal__fields-grid--has-notice > .sales-purchase-amount-date-card{
    transform:translate(13px, -26px) !important;
  }
}

/* Sales/Purchase isolated button system — independent clone of the currency-management button language. */
:where(.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]), .sales-purchase-modal-backdrop[data-sales-purchase-window-id]){
  --sales-purchase-btn-height:36px;
  --sales-purchase-btn-inline-padding:13px;
  --sales-purchase-btn-radius:8px;
  --sales-purchase-btn-font-size:12.5px;
  --sales-purchase-btn-icon-size:14px;
  --sales-purchase-btn-border:rgba(148,163,184,.22);
  --sales-purchase-btn-shadow:none;
  --sales-purchase-btn-hover-border:rgba(15,23,42,.20);
  --sales-purchase-btn-hover-shadow:0 14px 26px rgba(15,23,42,.14);
  --sales-purchase-btn-active-shadow:0 12px 22px rgba(15,23,42,.16);
  --sales-purchase-btn-focus-ring:0 0 0 2px rgba(15,23,42,.10);
  --sales-purchase-btn-cue-color:#05070b;
  --sales-purchase-btn-hover-filter:none;
  --sales-purchase-btn-active-filter:none;
  --sales-purchase-btn-lift-y:-2px;
  --sales-purchase-btn-lift-scale:1.045;
  --sales-purchase-btn-press-scale:1.065;
  --sales-purchase-btn-rest-transform:translateY(0);
  --sales-purchase-btn-transition:transform .18s cubic-bezier(.22,1,.36,1), box-shadow .18s ease, border-color .18s ease, background .18s ease, color .18s ease, filter .18s ease;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) :is(.sales-purchase-inline-actions, .sales-purchase-inline-actions__layout, .sales-purchase-inline-actions .entries-actions__group--primary-actions),
.sales-purchase-modal-backdrop[data-sales-purchase-window-id] :is(.entries-actions, .entries-actions__group, .entries-actions__group--primary-actions){
  overflow:visible !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-button,
.sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-button{
  appearance:none !important;
  -webkit-appearance:none !important;
  position:relative !important;
  isolation:isolate !important;
  overflow:hidden !important;
  min-width:0 !important;
  max-width:100% !important;
  min-height:var(--sales-purchase-btn-height) !important;
  height:var(--sales-purchase-btn-height) !important;
  padding:0 var(--sales-purchase-btn-inline-padding) !important;
  border-radius:var(--sales-purchase-btn-radius) !important;
  border:1px solid var(--sales-purchase-btn-border) !important;
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.78)) !important;
  color:#0b1220 !important;
  font:700 var(--sales-purchase-btn-font-size)/1 var(--taif-font-family) !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  white-space:nowrap !important;
  cursor:pointer !important;
  transform:var(--sales-purchase-btn-rest-transform) !important;
  transform-origin:center center !important;
  backface-visibility:hidden !important;
  will-change:transform, box-shadow, filter !important;
  text-shadow:none !important;
  box-shadow:var(--sales-purchase-btn-shadow) !important;
  outline:none !important;
  transition:var(--sales-purchase-btn-transition) !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-button::before,
.sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-button::before{
  content:none !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-button > *,
.sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-button > *{
  position:relative !important;
  z-index:1 !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-button :is(.taif-control-text, .sales-purchase-inline-action-btn__icon),
.sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-button .taif-control-text{
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  color:currentColor !important;
  font:inherit !important;
  line-height:1 !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-action-btn__icon{
  width:var(--sales-purchase-btn-icon-size) !important;
  height:var(--sales-purchase-btn-icon-size) !important;
  flex:0 0 var(--sales-purchase-btn-icon-size) !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:currentColor !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-action-btn__icon svg{
  width:100% !important;
  height:100% !important;
  display:block !important;
  color:currentColor !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-button:is(:hover, :focus-visible):not(:disabled):not([aria-disabled="true"]),
.sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-button:is(:hover, :focus-visible):not(:disabled):not([aria-disabled="true"]){
  transform:var(--sales-purchase-btn-rest-transform) translateY(var(--sales-purchase-btn-lift-y)) scale(var(--sales-purchase-btn-lift-scale)) !important;
  border-color:var(--sales-purchase-btn-hover-border) !important;
  box-shadow:var(--sales-purchase-btn-focus-ring), var(--sales-purchase-btn-hover-shadow) !important;
  color:var(--sales-purchase-btn-cue-color) !important;
  filter:var(--sales-purchase-btn-hover-filter) !important;
  outline:none !important;
  z-index:3 !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-button:active:not(:disabled):not([aria-disabled="true"]),
.sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-button:active:not(:disabled):not([aria-disabled="true"]){
  transform:var(--sales-purchase-btn-rest-transform) translateY(var(--sales-purchase-btn-lift-y)) scale(var(--sales-purchase-btn-press-scale)) !important;
  border-color:var(--sales-purchase-btn-hover-border) !important;
  box-shadow:var(--sales-purchase-btn-focus-ring), var(--sales-purchase-btn-active-shadow) !important;
  color:var(--sales-purchase-btn-cue-color) !important;
  filter:var(--sales-purchase-btn-active-filter) !important;
  outline:none !important;
  z-index:4 !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-button--primary,
.sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-button--primary{
  --sales-purchase-btn-hover-border:rgba(147,197,253,.46);
  --sales-purchase-btn-hover-shadow:0 16px 30px rgba(37,99,235,.24);
  --sales-purchase-btn-active-shadow:0 18px 34px rgba(37,99,235,.28);
  --sales-purchase-btn-focus-ring:0 0 0 2px rgba(59,130,246,.16);
  --sales-purchase-btn-cue-color:#ffffff;
  --sales-purchase-btn-hover-filter:brightness(1.06) saturate(1.04);
  --sales-purchase-btn-active-filter:brightness(1.10) saturate(1.05);
  background:linear-gradient(135deg, #2563eb, #1d4ed8) !important;
  color:#fff !important;
  border-color:rgba(37,99,235,.35) !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-button--success,
.sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-button--success{
  --sales-purchase-btn-hover-border:rgba(34,197,94,.44);
  --sales-purchase-btn-hover-shadow:0 16px 30px rgba(21,128,61,.24);
  --sales-purchase-btn-active-shadow:0 18px 34px rgba(21,128,61,.28);
  --sales-purchase-btn-focus-ring:0 0 0 2px rgba(34,197,94,.16);
  --sales-purchase-btn-cue-color:#ffffff;
  --sales-purchase-btn-hover-filter:brightness(1.06) saturate(1.03);
  --sales-purchase-btn-active-filter:brightness(1.10) saturate(1.04);
  background:linear-gradient(135deg, #16a34a, #15803d) !important;
  color:#fff !important;
  border-color:rgba(22,163,74,.35) !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-button--danger,
.sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-button--danger{
  --sales-purchase-btn-hover-border:rgba(239,68,68,.44);
  --sales-purchase-btn-hover-shadow:0 16px 30px rgba(185,28,28,.26);
  --sales-purchase-btn-active-shadow:0 18px 34px rgba(185,28,28,.30);
  --sales-purchase-btn-focus-ring:0 0 0 2px rgba(239,68,68,.15);
  --sales-purchase-btn-cue-color:#ffffff;
  --sales-purchase-btn-hover-filter:brightness(1.06) saturate(1.03);
  --sales-purchase-btn-active-filter:brightness(1.10) saturate(1.04);
  background:linear-gradient(135deg, #ef4444, #b91c1c) !important;
  color:#fff !important;
  border-color:rgba(239,68,68,.34) !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-button--dark,
.sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-button--dark{
  --sales-purchase-btn-hover-border:rgba(71,85,105,.46);
  --sales-purchase-btn-hover-shadow:0 16px 30px rgba(15,23,42,.24);
  --sales-purchase-btn-active-shadow:0 18px 34px rgba(15,23,42,.28);
  --sales-purchase-btn-focus-ring:0 0 0 2px rgba(71,85,105,.16);
  --sales-purchase-btn-cue-color:#ffffff;
  --sales-purchase-btn-hover-filter:brightness(1.06) saturate(1.02);
  --sales-purchase-btn-active-filter:brightness(1.10) saturate(1.03);
  background:linear-gradient(135deg, #0f172a, #1e293b) !important;
  color:#fff !important;
  border-color:rgba(15,23,42,.34) !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-button:is(:disabled, [aria-disabled="true"]),
.sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-button:is(:disabled, [aria-disabled="true"]){
  opacity:.55 !important;
  cursor:not-allowed !important;
  filter:grayscale(.18) !important;
  transform:var(--sales-purchase-btn-rest-transform) !important;
  box-shadow:none !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-actions .sales-purchase-inline-action-btn{
  --sales-purchase-btn-height:40px;
  --sales-purchase-btn-font-size:13px;
  --sales-purchase-btn-icon-size:16px;
  width:116px !important;
  min-width:116px !important;
  max-width:116px !important;
  flex:0 0 116px !important;
  padding-inline:12px !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-action-btn--execute{order:1 !important;}
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-action-btn--new{order:2 !important;}
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-action-btn--reverse{order:3 !important;}
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-inline-action-btn--delete{order:4 !important;}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-records-date-filter__button{
  --sales-purchase-btn-height:29px;
  --sales-purchase-btn-inline-padding:16px;
  --sales-purchase-btn-font-size:12.5px;
  min-width:70px !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-records-date-filter__button.is-active{
  border-color:rgba(37,99,235,.46) !important;
  box-shadow:0 12px 22px rgba(37,99,235,.14) !important;
}


/* Sales/Purchase party name-card manual date fields */
.sales-purchase-party-group .customer-card-field__control-wrap--picker .sales-purchase-party-date-shell{
  direction:rtl;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:6px;
  min-height:29px;
  padding:0 5px;
}

.sales-purchase-party-group .sales-purchase-party-date-manual{
  flex:0 1 auto;
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:3px;
}

.sales-purchase-party-group .sales-purchase-party-date-part{
  flex:0 0 auto;
  min-width:0;
  height:23px;
  padding:0 1px;
  border:none;
  border-radius:6px;
  background:transparent;
  color:#0f172a;
  font:800 10.6px/1 var(--taif-font-family);
  text-align:center;
  outline:none;
  box-shadow:none;
}

.sales-purchase-party-group .sales-purchase-party-date-part.entries-voucher-date__manual-input--day,
.sales-purchase-party-group .sales-purchase-party-date-part.entries-voucher-date__manual-input--month{
  width:31px;
  max-width:31px;
}

.sales-purchase-party-group .sales-purchase-party-date-part.entries-voucher-date__manual-input--year{
  width:44px;
  max-width:44px;
}

.sales-purchase-party-group .sales-purchase-party-date-part::placeholder{
  color:#94a3b8;
  opacity:1;
}

.sales-purchase-party-group .sales-purchase-party-date-part:focus,
.sales-purchase-party-group .sales-purchase-party-date-part:focus-visible{
  background:transparent;
  outline:none;
  box-shadow:none;
}

.sales-purchase-party-group .sales-purchase-party-date-shell .entries-voucher-date__manual-sep{
  flex:0 0 auto;
  color:#94a3b8;
  font-size:12px;
  font-weight:900;
  line-height:1;
}

.sales-purchase-party-group .sales-purchase-party-date-icon-btn{
  flex:0 0 28px;
  width:28px;
  height:27px;
  border:none;
  border-radius:8px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(37,99,235,.06);
  color:#2563eb;
  cursor:pointer;
}

.sales-purchase-party-group .sales-purchase-party-date-icon-btn:hover,
.sales-purchase-party-group .sales-purchase-party-date-icon-btn:focus-visible{
  background:rgba(37,99,235,.12);
  outline:none;
}

.sales-purchase-party-group .entries-voucher-date.is-open .sales-purchase-party-date-shell{
  border-color:rgba(15,23,42,.78);
  background:linear-gradient(180deg, rgba(255,255,255,.996), rgba(249,250,251,.988));
  box-shadow:0 0 0 1px rgba(15,23,42,.20), inset 0 1px 0 rgba(255,255,255,.92);
}

/* Sales/Purchase main voucher date: manual day/month/year + icon-only calendar trigger */
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-main-date-shell.entries-voucher-date__trigger{
  direction:rtl;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:6px !important;
  padding:0 5px !important;
  min-height:34px !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-main-date-manual{
  flex:0 1 auto;
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:3px;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-main-date-part{
  flex:0 0 auto;
  min-width:0;
  height:23px;
  padding:0 1px;
  border:0;
  border-radius:6px;
  background:transparent;
  color:#0f172a;
  font:900 10.8px/1 var(--taif-font-family);
  text-align:center;
  outline:none;
  box-shadow:none;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-main-date-part.entries-voucher-date__manual-input--day,
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-main-date-part.entries-voucher-date__manual-input--month{
  width:31px;
  max-width:31px;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-main-date-part.entries-voucher-date__manual-input--year{
  width:44px;
  max-width:44px;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-main-date-part::placeholder{
  color:#94a3b8;
  opacity:1;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-main-date-part:focus,
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-main-date-part:focus-visible{
  background:transparent !important;
  outline:none !important;
  box-shadow:none !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-main-date-shell .entries-voucher-date__manual-sep{
  flex:0 0 auto;
  color:#94a3b8;
  font-size:12px;
  font-weight:900;
  line-height:1;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-main-date-icon-btn{
  flex:0 0 28px;
  width:28px;
  height:27px;
  border:0;
  border-radius:8px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(37,99,235,.06);
  color:#2563eb;
  cursor:pointer;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-main-date-icon-btn:hover,
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-main-date-icon-btn:focus-visible{
  background:rgba(37,99,235,.12);
  outline:none;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-main-date-icon-btn .entries-voucher-date__trigger-icon{
  display:inline-flex !important;
  width:14px;
  height:14px;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .entries-voucher-date.is-open .sales-purchase-main-date-shell{
  border-color:rgba(15,23,42,.78);
  background:linear-gradient(180deg, rgba(255,255,255,.996), rgba(249,250,251,.988));
  box-shadow:0 0 0 1px rgba(15,23,42,.20), inset 0 1px 0 rgba(255,255,255,.92);
}

/* Records from/to date filters: same manual date behavior with calendar popover */
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-records-date-filter__field--manual{
  position:relative;
  overflow:visible;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-record-filter-date{
  position:relative;
  width:154px;
  min-width:154px;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-record-filter-date__shell.entries-voucher-date__trigger{
  direction:rtl;
  width:100%;
  height:28px;
  min-height:28px;
  padding:0 4px;
  border:1px solid rgba(100,116,139,.24);
  border-radius:8px;
  background:#fff;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:4px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.86);
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-record-filter-date__manual{
  flex:0 1 auto;
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:3px;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-record-filter-date__part{
  flex:0 0 auto;
  min-width:0;
  height:22px;
  padding:0 1px;
  border:0;
  border-radius:6px;
  background:transparent;
  color:#0f172a;
  font:900 10.5px/1 var(--taif-font-family);
  text-align:center;
  outline:none;
  box-shadow:none;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-record-filter-date__part.entries-voucher-date__manual-input--day,
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-record-filter-date__part.entries-voucher-date__manual-input--month{
  width:30px;
  max-width:30px;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-record-filter-date__part.entries-voucher-date__manual-input--year{
  width:43px;
  max-width:43px;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-record-filter-date__part::placeholder{
  color:#94a3b8;
  opacity:1;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-record-filter-date__part:focus,
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-record-filter-date__part:focus-visible{
  background:transparent !important;
  outline:none !important;
  box-shadow:none !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-record-filter-date__shell .entries-voucher-date__manual-sep{
  color:#94a3b8;
  font-size:12px;
  font-weight:900;
  line-height:1;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-record-filter-date__icon-btn{
  flex:0 0 24px;
  width:24px;
  height:23px;
  border:0;
  border-radius:7px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(37,99,235,.06);
  color:#2563eb;
  cursor:pointer;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-record-filter-date__icon-btn:hover,
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-record-filter-date__icon-btn:focus-visible{
  background:rgba(37,99,235,.12);
  outline:none;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-record-filter-date__icon-btn .entries-voucher-date__trigger-icon{
  display:inline-flex;
  width:13px;
  height:13px;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-record-filter-date.is-open .sales-purchase-record-filter-date__shell{
  border-color:rgba(15,23,42,.78);
  box-shadow:0 0 0 1px rgba(15,23,42,.20), inset 0 1px 0 rgba(255,255,255,.86);
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-record-filter-date__popover{
  top:calc(100% + 6px);
  inset-inline-start:0;
  z-index:var(--sales-purchase-dropdown-popup-z-index);
}

/* Surgical fix: keep sales/purchase record date filter calendars above the records header. */
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-records-box:has(.sales-purchase-record-filter-date.is-open){
  overflow:visible !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-records-box .sales-purchase-records-date-filter:has(.sales-purchase-record-filter-date.is-open){
  z-index:1500 !important;
  overflow:visible !important;
  isolation:isolate !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-records-date-filter__field--manual:has(.sales-purchase-record-filter-date.is-open),
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-record-filter-date.is-open{
  z-index:1510 !important;
  overflow:visible !important;
  position:relative !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-record-filter-date.is-open .sales-purchase-record-filter-date__popover{
  z-index:1520 !important;
  position:absolute !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-records-box:has(.sales-purchase-record-filter-date.is-open) .entries-records__head--split-scroll{
  z-index:2 !important;
}

/* Surgical fix: make the small-box main date more readable and pin its calendar icon to the far left. */
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-amount-date-card .sales-purchase-main-date-shell.entries-voucher-date__trigger,
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-main-date-shell.entries-voucher-date__trigger{
  position:relative !important;
  justify-content:center !important;
  padding-right:8px !important;
  padding-left:42px !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-amount-date-card .sales-purchase-main-date-manual,
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-main-date-manual{
  width:100% !important;
  flex:1 1 auto !important;
  justify-content:center !important;
  gap:5px !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-amount-date-card .sales-purchase-main-date-part,
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-main-date-part{
  height:25px !important;
  font-size:13px !important;
  line-height:1 !important;
  font-weight:950 !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-amount-date-card .sales-purchase-main-date-part.entries-voucher-date__manual-input--day,
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-amount-date-card .sales-purchase-main-date-part.entries-voucher-date__manual-input--month,
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-main-date-part.entries-voucher-date__manual-input--day,
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-main-date-part.entries-voucher-date__manual-input--month{
  width:38px !important;
  max-width:38px !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-amount-date-card .sales-purchase-main-date-part.entries-voucher-date__manual-input--year,
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-main-date-part.entries-voucher-date__manual-input--year{
  width:54px !important;
  max-width:54px !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-main-date-shell .entries-voucher-date__manual-sep{
  font-size:14px !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-amount-date-card .sales-purchase-main-date-icon-btn,
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-main-date-icon-btn{
  position:absolute !important;
  left:6px !important;
  right:auto !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  margin:0 !important;
  flex:0 0 30px !important;
  width:30px !important;
  height:29px !important;
}

/* Purchase workspace only: keep the paid amount and total amount slots swapped without touching sale. */
.panel[data-view="sales-purchase-invoice"] .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid--inline-purchase > .sales-purchase-form-field--primary-amount{
  grid-column:2 !important;
  grid-row:1 !important;
}

.panel[data-view="sales-purchase-invoice"] .sales-purchase-inline-purchase .sales-purchase-deal__fields-grid--inline-purchase > .sales-purchase-form-field--counterpart-amount{
  grid-column:5 !important;
  grid-row:1 !important;
}



/* Sales purchase different-date question dialog refinements */
.taif-question-dialog--sales-purchase{
  width:min(612px, 90vw);
  max-height:min(372px, 68vh);
}

.taif-question-dialog__body--sales-purchase{
  padding:12px 16px 12px;
}

.taif-question-dialog__body--sales-purchase .taif-question-dialog__box{
  gap:10px;
}

.taif-question-dialog__body--sales-purchase .taif-question-dialog__card--sales-purchase-date{
  padding:12px 14px;
  gap:10px;
  border-radius:12px;
  border-color:rgba(147,197,253,.88);
  background:linear-gradient(180deg, rgba(255,255,255,.99), rgba(244,248,255,.98));
}

.taif-question-dialog__sales-purchase-date-head{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  flex-wrap:wrap;
}

.taif-question-dialog__sales-purchase-date-badge,
.taif-question-dialog__sales-purchase-date-chip{
  min-height:28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 11px;
  border-radius:999px;
  font-size:11.8px;
  font-weight:900;
  line-height:1;
  white-space:nowrap;
}

.taif-question-dialog__sales-purchase-date-badge{
  border:1px solid rgba(96,165,250,.34);
  background:rgba(219,234,254,.94);
  color:#1d4ed8;
}

.taif-question-dialog__sales-purchase-date-chip{
  border:1px solid rgba(191,219,254,.94);
  background:rgba(255,255,255,.96);
  color:#475569;
}

.taif-question-dialog__sales-purchase-date-grid{
  width:100%;
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px;
}

.taif-question-dialog__sales-purchase-date-box{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:10px 10px 9px;
  border-radius:10px;
  border:1px solid rgba(191,219,254,.92);
  background:linear-gradient(180deg, rgba(255,255,255,.99), rgba(241,245,249,.98));
}

.taif-question-dialog__sales-purchase-date-box--today{
  border-color:rgba(167,243,208,.94);
  background:linear-gradient(180deg, rgba(255,255,255,.99), rgba(236,253,245,.98));
}

.taif-question-dialog__sales-purchase-date-label{
  color:#64748b;
  font-size:11.1px;
  font-weight:900;
  line-height:1.15;
  text-align:center;
}

.taif-question-dialog__sales-purchase-date-value{
  color:#0f172a;
  font-size:15.4px;
  font-weight:900;
  line-height:1.1;
  letter-spacing:.01em;
}

.taif-question-dialog__body--sales-purchase .taif-question-dialog__message,
.taif-question-dialog__body--sales-purchase .taif-question-dialog__warning{
  padding:9px 12px;
  line-height:1.45;
}

.taif-question-dialog__body--sales-purchase .taif-question-dialog__actions{
  margin-top:-3px;
}

.taif-question-dialog__body--sales-purchase .taif-question-dialog__action-btn{
  min-height:42px;
}

@media (max-width: 640px){
  .taif-question-dialog--sales-purchase{
    width:min(calc(100vw - 12px), 100%);
    max-height:min(86vh, 420px);
  }

  .taif-question-dialog__sales-purchase-date-grid{
    grid-template-columns:minmax(0, 1fr);
  }
}

/* Sales/Purchase records pagination footer */
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-records-pagination{
  flex:0 0 40px;
  min-height:40px;
  width:100%;
  min-width:0;
  display:grid;
  grid-template-columns:auto minmax(0, 1fr) auto;
  align-items:center;
  gap:12px;
  padding:5px 14px 5px 16px;
  box-sizing:border-box;
  direction:rtl;
  border-top:1px solid rgba(148,163,184,.16);
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.98));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.74);
  color:#64748b;
  font-family:var(--taif-font-family, inherit);
  position:relative;
  z-index:2;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-records-pagination__page-size{
  min-width:0;
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  margin:0;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-records-pagination__select{
  height:29px;
  min-width:106px;
  max-width:136px;
  padding:0 11px 0 28px;
  border:1px solid rgba(148,163,184,.26);
  border-radius:8px;
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.96));
  color:#334155;
  font:800 11.8px/1 var(--taif-font-family, inherit);
  text-align:center;
  outline:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82);
  cursor:auto;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-records-pagination__select:focus{
  border-color:rgba(15,23,42,.78);
  box-shadow:0 0 0 1px rgba(15,23,42,.20), inset 0 1px 0 rgba(255,255,255,.82);
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-records-pagination__summary{
  min-width:0;
  justify-self:center;
  color:#64748b;
  font:800 11.6px/1.2 var(--taif-font-family, inherit);
  white-space:nowrap;
  text-align:center;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-records-pagination__summary span{
  color:#475569;
  font-weight:900;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-records-pagination__nav{
  min-width:0;
  display:inline-flex;
  align-items:center;
  justify-content:flex-end;
  gap:5px;
  direction:ltr;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-records-pagination__nav-btn,
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-records-pagination__page{
  width:29px;
  height:28px;
  min-width:29px;
  display:inline-grid;
  place-items:center;
  border-radius:8px;
  font:900 13px/1 var(--taif-font-family, inherit);
  box-sizing:border-box;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-records-pagination__nav-btn{
  border:1px solid transparent;
  background:transparent;
  color:#64748b;
  padding:0;
  outline:none;
  cursor:auto;
  font-size:18px;
  font-weight:900;
  line-height:1;
  transition:background .16s ease, border-color .16s ease, color .16s ease, transform .16s ease;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-records-pagination__nav-btn span{
  display:block;
  transform:translateY(-1px);
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-records-pagination__nav-btn:not(:disabled):hover,
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-records-pagination__nav-btn:not(:disabled):focus-visible{
  border-color:rgba(147,197,253,.55);
  background:rgba(239,246,255,.94);
  color:#2563eb;
  transform:translateY(-1px);
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-records-pagination__nav-btn:disabled{
  opacity:.42;
  cursor:not-allowed;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-records-pagination__page{
  border:1px solid rgba(191,219,254,.84);
  background:linear-gradient(180deg, rgba(239,246,255,.98), rgba(219,234,254,.82));
  color:#2563eb;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.88);
}

@media (max-width: 780px){
  .panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-records-pagination{
    grid-template-columns:1fr;
    justify-items:center;
    gap:5px;
    min-height:74px;
    flex-basis:74px;
  }
}

/* Beneficiary name autocomplete and add-customer flow */
.sales-purchase-beneficiary-autocomplete{
  position:relative;
  z-index:5;
}

.sales-purchase-beneficiary-autocomplete.is-open{
  z-index:var(--sales-purchase-dropdown-active-host-z-index);
}

.sales-purchase-beneficiary-autocomplete__popover{
  position:absolute;
  top:calc(100% + 6px);
  inset-inline:0;
  z-index:96;
  display:flex;
  flex-direction:column;
  gap:4px;
  max-height:238px;
  padding:5px;
  overflow-x:hidden;
  overflow-y:auto;
  box-sizing:border-box;
  scrollbar-gutter:stable;
  border-radius:12px;
  border:1px solid rgba(59,130,246,.30);
  background:linear-gradient(180deg, rgba(255,255,255,.99), rgba(241,248,255,.98));
  box-shadow:0 18px 38px rgba(15,23,42,.18), inset 0 1px 0 rgba(255,255,255,.94);
  direction:rtl;
}

.sales-purchase-beneficiary-autocomplete__popover[hidden]{
  display:none !important;
}

.sales-purchase-beneficiary-autocomplete__option.entries-voucher-choice-popover__option{
  width:100%;
  min-height:46px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:9px;
  padding:7px 9px;
  text-align:right;
  direction:rtl;
  border-radius:10px;
  border:1px solid rgba(148,163,184,.18);
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.96));
  color:#0f172a;
  cursor:pointer;
  transition:border-color .16s ease, background .16s ease, box-shadow .16s ease, transform .16s ease;
}

.sales-purchase-beneficiary-autocomplete__option.entries-voucher-choice-popover__option:hover,
.sales-purchase-beneficiary-autocomplete__option.entries-voucher-choice-popover__option.is-active{
  border-color:rgba(59,130,246,.40);
  background:linear-gradient(180deg, rgba(239,246,255,.99), rgba(219,234,254,.95));
  box-shadow:0 8px 18px rgba(59,130,246,.12);
}

.sales-purchase-beneficiary-autocomplete__avatar{
  width:30px;
  height:30px;
  flex:0 0 30px;
  display:grid;
  place-items:center;
  border-radius:999px;
  overflow:hidden;
  background:rgba(219,234,254,.78);
  box-shadow:0 0 0 1px rgba(96,165,250,.18);
}

.sales-purchase-beneficiary-autocomplete__avatar .sales-purchase-party-avatar{
  width:100%;
  height:100%;
}

.sales-purchase-beneficiary-autocomplete__text{
  min-width:0;
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:3px;
}

.sales-purchase-beneficiary-autocomplete__name{
  min-width:0;
  color:#0f172a;
  font-size:12.8px;
  font-weight:900;
  line-height:1.18;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.sales-purchase-beneficiary-autocomplete__meta{
  min-width:0;
  color:#64748b;
  font-size:10.8px;
  font-weight:800;
  line-height:1.2;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.sales-purchase-beneficiary-autocomplete__check{
  flex:0 0 auto;
  opacity:0;
}

.sales-purchase-beneficiary-autocomplete__option.is-active .sales-purchase-beneficiary-autocomplete__check{
  opacity:1;
}


/* Beneficiary suggestions must float above the records/filter area while staying scoped to sales-purchase. */
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) :is(
  .sales-purchase-workspace-panels,
  .sales-purchase-workspace-panel--main,
  .sales-purchase-workspace-panel--main-direct,
  .sales-purchase-workspace-direct-cards,
  .sales-purchase-inline-purchase,
  .sales-purchase-inline-purchase__body,
  .sales-purchase-empty-shell--inline-purchase,
  .sales-purchase-window-fieldset,
  .sales-purchase-deal,
  .sales-purchase-deal__rate-track,
  .sales-purchase-deal__fields-grid,
  .sales-purchase-inline-purchase-meta-fields,
  .sales-purchase-top-field
):has(.sales-purchase-beneficiary-autocomplete.is-open){
  overflow:visible !important;
  position:relative !important;
  z-index:var(--sales-purchase-dropdown-active-host-z-index) !important;
}

.sales-purchase-beneficiary-autocomplete.is-open .sales-purchase-beneficiary-autocomplete__popover:not([hidden]){
  z-index:var(--sales-purchase-dropdown-active-popup-z-index) !important;
}

/* Sales/Purchase local focus normalization: keep active field feedback black, not the shared blue glow. */
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) :is(
  .entries-voucher-navbox__input,
  .entries-voucher-rail__control,
  .entries-voucher-field__control,
  .entries-voucher-choice-picker__trigger,
  .entries-voucher-date__trigger,
  .sales-purchase-rate-card__currency-trigger,
  .sales-purchase-records-date-filter__input,
  .sales-purchase-records-pagination__select
):is(:focus, :focus-visible),
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) :is(
  .sales-purchase-form-field,
  .sales-purchase-top-field,
  .sales-purchase-name-field,
  .sales-purchase-side-field
):focus-within :is(
  .entries-voucher-field__control,
  .entries-voucher-choice-picker__trigger,
  .entries-voucher-date__trigger,
  .sales-purchase-rate-card__currency-trigger
),
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .entries-voucher-choice-picker.is-open :is(
  .entries-voucher-choice-picker__trigger,
  .sales-purchase-rate-card__currency-trigger
),
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .entries-voucher-date.is-open :is(
  .entries-voucher-date__trigger,
  .sales-purchase-main-date-shell,
  .sales-purchase-party-date-shell
),
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-record-filter-date.is-open .sales-purchase-record-filter-date__shell{
  outline:none !important;
  border-color:rgba(15,23,42,.78) !important;
  border-bottom-color:rgba(15,23,42,.78) !important;
  box-shadow:0 0 0 1px rgba(15,23,42,.20), inset 0 1px 0 rgba(255,255,255,.92) !important;
  background:linear-gradient(180deg, rgba(255,255,255,.995), rgba(249,250,251,.985)) !important;
}

/* TAIF online hotfix: واضح وسريع أثناء تنفيذ فاتورة الشراء/المبيع */
.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-button[data-sales-purchase-busy="true"],
.sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-button[data-sales-purchase-busy="true"]{
  opacity:.96 !important;
  filter:none !important;
  cursor:progress !important;
  pointer-events:none !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-button[data-sales-purchase-busy="true"] .sales-purchase-inline-action-btn__icon svg,
.sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-button[data-sales-purchase-busy="true"] .sales-purchase-inline-action-btn__icon svg{
  display:none !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-button[data-sales-purchase-busy="true"] .sales-purchase-inline-action-btn__icon,
.sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-button[data-sales-purchase-busy="true"] .sales-purchase-inline-action-btn__icon{
  position:relative !important;
}

.panel:is([data-view="sales-purchase-invoice"], [data-view="sales-purchase-sale"]) .sales-purchase-button[data-sales-purchase-busy="true"] .sales-purchase-inline-action-btn__icon::before,
.sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-button[data-sales-purchase-busy="true"] .sales-purchase-inline-action-btn__icon::before{
  content:"" !important;
  width:16px !important;
  height:16px !important;
  border:2px solid currentColor !important;
  border-inline-start-color:transparent !important;
  border-radius:999px !important;
  display:block !important;
  animation:taif-sales-purchase-execute-spin .72s linear infinite !important;
}

@keyframes taif-sales-purchase-execute-spin{
  to{ transform:rotate(360deg); }
}
