/*
 * TAIF V5 — Sales/Purchase focused mobile compact pass.
 * This file is intentionally scoped to the Sales/Purchase section only.
 * Desktop stays untouched; other mobile sections keep their current behavior.
 */

@media (max-width: 860px){
  body.taif-mobile-mode .panel[data-view="sales-purchase-invoice"]{
    overflow:hidden !important;
  }

  body.taif-mobile-mode .panel[data-view="sales-purchase-invoice"] .sales-purchase-workbench{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    height:auto !important;
    min-height:100% !important;
    padding:6px !important;
    gap:6px !important;
    overflow:hidden !important;
  }

  /* ===== Main Sales/Purchase toolbar: search + one horizontal action row + one horizontal stats row ===== */
  body.taif-mobile-mode .panel[data-view="sales-purchase-invoice"] .sales-purchase-toolbar{
    position:sticky !important;
    top:0 !important;
    z-index:80 !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:5px !important;
    padding:6px !important;
    border-radius:12px !important;
    border:1px solid rgba(37,99,235,.10) !important;
    background:rgba(255,255,255,.96) !important;
    box-shadow:0 8px 20px rgba(15,23,42,.08) !important;
    backdrop-filter:blur(12px) !important;
    -webkit-backdrop-filter:blur(12px) !important;
    overflow:visible !important;
  }

  body.taif-mobile-mode .panel[data-view="sales-purchase-invoice"] .sales-purchase-toolbar__search,
  body.taif-mobile-mode .panel[data-view="sales-purchase-invoice"] .entries-toolbar__search{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    padding:0 !important;
    justify-self:stretch !important;
  }

  body.taif-mobile-mode .panel[data-view="sales-purchase-invoice"] .entries-search{
    width:100% !important;
    min-width:0 !important;
    overflow:hidden !important;
  }

  body.taif-mobile-mode .panel[data-view="sales-purchase-invoice"] .entries-search__input{
    height:34px !important;
    min-height:34px !important;
    padding-inline-start:34px !important;
    padding-inline-end:10px !important;
    border-radius:11px !important;
    font-size:12px !important;
    font-weight:800 !important;
    line-height:1 !important;
  }

  body.taif-mobile-mode .panel[data-view="sales-purchase-invoice"] .entries-search__clear{
    width:26px !important;
    height:26px !important;
    min-width:26px !important;
    min-height:26px !important;
    inset-inline-start:6px !important;
    inset-inline-end:auto !important;
    left:6px !important;
    right:auto !important;
    border-radius:9px !important;
    padding:0 !important;
    transform:translateY(-50%) !important;
  }

  body.taif-mobile-mode .panel[data-view="sales-purchase-invoice"] .entries-search__clear svg{
    width:10px !important;
    height:10px !important;
  }

  body.taif-mobile-mode .panel[data-view="sales-purchase-invoice"] .sales-purchase-toolbar__group,
  body.taif-mobile-mode .panel[data-view="sales-purchase-invoice"] .entries-toolbar__group{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:5px !important;
    padding:0 !important;
    overflow:visible !important;
  }

  body.taif-mobile-mode .panel[data-view="sales-purchase-invoice"] .sales-purchase-toolbar__actions,
  body.taif-mobile-mode .panel[data-view="sales-purchase-invoice"] .entries-toolbar__actions{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    display:grid !important;
    grid-template-columns:repeat(4, minmax(0,1fr)) !important;
    gap:4px !important;
    overflow:visible !important;
  }

  body.taif-mobile-mode .panel[data-view="sales-purchase-invoice"] .sales-purchase-toolbar__stats,
  body.taif-mobile-mode .panel[data-view="sales-purchase-invoice"] .entries-toolbar__stats{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0,1fr)) !important;
    gap:4px !important;
  }

  body.taif-mobile-mode .panel[data-view="sales-purchase-invoice"] .entries-toolbar-btn{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    height:34px !important;
    min-height:34px !important;
    padding:0 3px !important;
    border-radius:10px !important;
    gap:2px !important;
    justify-content:center !important;
    white-space:nowrap !important;
    font-size:0 !important;
  }

  body.taif-mobile-mode .panel[data-view="sales-purchase-invoice"] .entries-toolbar-btn__icon{
    flex:0 0 auto !important;
    width:12px !important;
    height:12px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  body.taif-mobile-mode .panel[data-view="sales-purchase-invoice"] .entries-toolbar-btn__icon svg{
    width:12px !important;
    height:12px !important;
  }

  body.taif-mobile-mode .panel[data-view="sales-purchase-invoice"] .entries-toolbar-btn__text{
    min-width:0 !important;
    overflow:hidden !important;
    text-overflow:clip !important;
    white-space:nowrap !important;
    font-size:0 !important;
    line-height:1 !important;
  }

  body.taif-mobile-mode .panel[data-view="sales-purchase-invoice"] .entries-toolbar-btn__text::after{
    display:inline-block !important;
    max-width:100% !important;
    overflow:hidden !important;
    text-overflow:clip !important;
    white-space:nowrap !important;
    font-size:10px !important;
    font-weight:900 !important;
    line-height:1 !important;
  }

  body.taif-mobile-mode .panel[data-view="sales-purchase-invoice"] button[data-sales-purchase-window="purchase"] .entries-toolbar-btn__text::after{content:"شراء";}
  body.taif-mobile-mode .panel[data-view="sales-purchase-invoice"] button[data-sales-purchase-window="sale"] .entries-toolbar-btn__text::after{content:"مبيع";}
  body.taif-mobile-mode .panel[data-view="sales-purchase-invoice"] button[data-sales-purchase-window="hybrid"] .entries-toolbar-btn__text::after{content:"شراء/مبيع";}
  body.taif-mobile-mode .panel[data-view="sales-purchase-invoice"] button[data-sales-purchase-action="delete-selected-record"] .entries-toolbar-btn__text::after{content:"حذف";}

  body.taif-mobile-mode .panel[data-view="sales-purchase-invoice"] .entries-chip{
    min-width:0 !important;
    width:100% !important;
    height:28px !important;
    min-height:28px !important;
    padding:0 5px !important;
    border-radius:10px !important;
    gap:4px !important;
    font-size:10px !important;
    line-height:1 !important;
  }

  body.taif-mobile-mode .panel[data-view="sales-purchase-invoice"] .entries-chip__label{
    font-size:10px !important;
    font-weight:900 !important;
    line-height:1 !important;
    white-space:nowrap !important;
  }

  body.taif-mobile-mode .panel[data-view="sales-purchase-invoice"] .entries-chip__count{
    min-width:18px !important;
    height:18px !important;
    padding:0 5px !important;
    font-size:10px !important;
  }

  /* ===== Main records: desktop-like compact table, not large stacked cards ===== */
  body.taif-mobile-mode .panel[data-view="sales-purchase-invoice"] .sales-purchase-stage,
  body.taif-mobile-mode .panel[data-view="sales-purchase-invoice"] .sales-purchase-log,
  body.taif-mobile-mode .panel[data-view="sales-purchase-invoice"] .entries-log__records,
  body.taif-mobile-mode .panel[data-view="sales-purchase-invoice"] .entries-log__records--split-scroll{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    display:flex !important;
    flex-direction:column !important;
    overflow:hidden !important;
    padding:0 !important;
    margin:0 !important;
  }

  body.taif-mobile-mode .panel[data-view="sales-purchase-invoice"] .sales-purchase-log{
    --entries-records-grid-template:76px 64px 86px 62px 62px 86px 86px 108px 68px;
  }

  body.taif-mobile-mode .panel[data-view="sales-purchase-invoice"] .entries-records__viewport{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    overflow-x:auto !important;
    overflow-y:visible !important;
    -webkit-overflow-scrolling:touch !important;
    padding-bottom:5px !important;
    scrollbar-width:thin !important;
  }

  body.taif-mobile-mode .panel[data-view="sales-purchase-invoice"] .entries-records__head,
  body.taif-mobile-mode .panel[data-view="sales-purchase-invoice"] .entries-records__scroller,
  body.taif-mobile-mode .panel[data-view="sales-purchase-invoice"] .entries-records__body,
  body.taif-mobile-mode .panel[data-view="sales-purchase-invoice"] .entries-record-row,
  body.taif-mobile-mode .panel[data-view="sales-purchase-invoice"] .entries-records__grid,
  body.taif-mobile-mode .panel[data-view="sales-purchase-invoice"] .entries-record-row__grid{
    width:698px !important;
    min-width:698px !important;
    max-width:none !important;
  }

  body.taif-mobile-mode .panel[data-view="sales-purchase-invoice"] .entries-records__head{
    display:grid !important;
    position:sticky !important;
    top:0 !important;
    z-index:6 !important;
    min-height:30px !important;
    height:30px !important;
    padding:0 !important;
  }

  body.taif-mobile-mode .panel[data-view="sales-purchase-invoice"] .entries-records__head::before{
    right:0 !important;
    left:0 !important;
    border-radius:8px 8px 0 0 !important;
  }

  body.taif-mobile-mode .panel[data-view="sales-purchase-invoice"] .entries-records__head-cell{
    min-height:30px !important;
    padding:4px 5px !important;
    font-size:9.5px !important;
    font-weight:900 !important;
    line-height:1.05 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  body.taif-mobile-mode .panel[data-view="sales-purchase-invoice"] .entries-records__scroller{
    height:auto !important;
    max-height:none !important;
    overflow:visible !important;
    padding:0 !important;
  }

  body.taif-mobile-mode .panel[data-view="sales-purchase-invoice"] .entries-records__body{
    display:flex !important;
    flex-direction:column !important;
    gap:4px !important;
    padding-top:4px !important;
  }

  body.taif-mobile-mode .panel[data-view="sales-purchase-invoice"] .entries-record-row{
    display:block !important;
    margin:0 !important;
    padding:0 !important;
    border-radius:8px !important;
    border:1px solid rgba(37,99,235,.10) !important;
    background:#fff !important;
    box-shadow:0 4px 12px rgba(15,23,42,.06) !important;
    overflow:hidden !important;
  }

  body.taif-mobile-mode .panel[data-view="sales-purchase-invoice"] .entries-record-row__grid,
  body.taif-mobile-mode .panel[data-view="sales-purchase-invoice"] .entries-records__grid{
    display:grid !important;
    grid-template-columns:var(--entries-records-grid-template) !important;
    gap:0 !important;
    padding:0 !important;
  }

  body.taif-mobile-mode .panel[data-view="sales-purchase-invoice"] .entries-record-row__state-slot{
    top:0 !important;
    right:3px !important;
    bottom:0 !important;
    width:8px !important;
  }

  body.taif-mobile-mode .panel[data-view="sales-purchase-invoice"] .entries-record-row__state-dot{
    width:6px !important;
    height:6px !important;
  }

  body.taif-mobile-mode .panel[data-view="sales-purchase-invoice"] .entries-record-cell{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:38px !important;
    height:38px !important;
    padding:3px 5px !important;
    border-radius:0 !important;
    background:transparent !important;
    border:0 !important;
    border-inline-start:1px solid rgba(148,163,184,.16) !important;
    overflow:hidden !important;
    text-align:center !important;
  }

  body.taif-mobile-mode .panel[data-view="sales-purchase-invoice"] .entries-record-cell:first-of-type{
    border-inline-start:0 !important;
  }

  body.taif-mobile-mode .panel[data-view="sales-purchase-invoice"] .entries-record-cell::before{
    display:none !important;
    content:none !important;
  }

  body.taif-mobile-mode .panel[data-view="sales-purchase-invoice"] :where(.entries-records__col--notes, .entries-records__col--type-status, .entries-records__col--from, .entries-records__col--to){
    grid-column:auto !important;
  }

  body.taif-mobile-mode .panel[data-view="sales-purchase-invoice"] :where(.entries-record-cell__value, .entries-record-cell__meta){
    font-size:10px !important;
    line-height:1.15 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    overflow-wrap:normal !important;
  }

  body.taif-mobile-mode .panel[data-view="sales-purchase-invoice"] .entries-record-cell__value--amount{
    font-size:10px !important;
    font-weight:900 !important;
  }

  body.taif-mobile-mode .panel[data-view="sales-purchase-invoice"] .entries-record-cell__meta{
    font-size:8.5px !important;
  }

  body.taif-mobile-mode .panel[data-view="sales-purchase-invoice"] .entries-record-cell__stack{
    gap:1px !important;
    justify-content:center !important;
    align-items:center !important;
    text-align:center !important;
    overflow:hidden !important;
  }

  body.taif-mobile-mode .panel[data-view="sales-purchase-invoice"] .entries-record-cell__badges{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:center !important;
    gap:2px !important;
    overflow:hidden !important;
  }

  body.taif-mobile-mode .panel[data-view="sales-purchase-invoice"] .entries-badge{
    min-height:17px !important;
    padding:0 4px !important;
    border-radius:999px !important;
    font-size:8.5px !important;
    line-height:1 !important;
    white-space:nowrap !important;
  }

  body.taif-mobile-mode .panel[data-view="sales-purchase-invoice"] .entries-empty{
    min-height:220px !important;
  }

  /* ===== Purchase/Sale windows: compact desktop idea inside mobile full screen ===== */
  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-sheet__body{
    padding:6px !important;
    padding-bottom:calc(52px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-sheet__shell-space,
  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-sheet__shell-space--settlement{
    padding:0 !important;
    gap:6px !important;
    overflow:visible !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-empty-shell--split,
  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-window-fieldset,
  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-deal{
    display:flex !important;
    flex-direction:column !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    gap:6px !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-stage-section{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    padding:0 !important;
    margin:0 !important;
    border-radius:10px !important;
    overflow:visible !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-side-panel,
  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-topdock{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    gap:4px !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-topdock-layout--inline-fields{
    display:grid !important;
    grid-template-columns:minmax(0,1.08fr) minmax(0,.82fr) 102px !important;
    align-items:center !important;
    gap:4px !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-topdock-layout--inline-fields .sales-purchase-top-field{
    min-width:0 !important;
    width:100% !important;
    display:flex !important;
    align-items:center !important;
    gap:3px !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-top-field__inline-label{
    display:none !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-top-field__trigger.entries-voucher-choice-picker__trigger,
  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-top-field__date-trigger.entries-voucher-date__trigger{
    height:30px !important;
    min-height:30px !important;
    padding-inline:6px !important;
    border-radius:9px !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-top-field__trigger :where(.entries-voucher-choice-picker__value, .entries-voucher-choice-picker__text, .entries-voucher-choice-picker__meta, .entries-voucher-choice-popover__label),
  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-top-field__date-trigger .entries-voucher-date__trigger-value{
    font-size:9.5px !important;
    line-height:1 !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-topdock-navgroup{
    margin:0 !important;
    display:grid !important;
    grid-template-columns:22px 34px 30px 22px !important;
    align-items:center !important;
    gap:2px !important;
    width:102px !important;
    min-width:102px !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-topdock .entries-voucher-navstack,
  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-topdock .sales-purchase-navstack--count,
  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-topdock .sales-purchase-navstack--lookup,
  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-topdock .sales-purchase-navstack--prev,
  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-topdock .sales-purchase-navstack--next{
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-topdock .entries-voucher-navicon{
    width:22px !important;
    height:28px !important;
    min-height:28px !important;
    border-radius:8px !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-topdock .entries-voucher-navbox__count{
    height:28px !important;
    min-height:28px !important;
    padding:0 2px !important;
    border-radius:8px !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-topdock .entries-voucher-navbox__count strong{
    font-size:8.5px !important;
    white-space:nowrap !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-topdock .entries-voucher-navbox__field .entries-voucher-navbox__input{
    height:28px !important;
    min-height:28px !important;
    padding-inline:4px !important;
    border-radius:8px !important;
    font-size:10px !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-side-panel__extras,
  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-side-panel__extras--name-notes{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:4px !important;
    margin-top:4px !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-name-field,
  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-side-field{
    gap:2px !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] :where(.sales-purchase-name-field__label, .sales-purchase-side-field__label){
    font-size:9px !important;
    line-height:1 !important;
    min-height:0 !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] :where(.sales-purchase-name-field__input, .sales-purchase-side-field__control).entries-voucher-field__control{
    height:30px !important;
    min-height:30px !important;
    padding-inline:6px !important;
    border-radius:9px !important;
    font-size:10.5px !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-name-field__icon-button{
    width:30px !important;
    min-width:30px !important;
    height:30px !important;
    min-height:30px !important;
    border-radius:9px !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-name-field__avatar{
    width:24px !important;
    height:24px !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-deal[data-sales-purchase-form-layout="purchase"] .sales-purchase-deal__rate-track,
  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-deal[data-sales-purchase-form-layout="sale"] .sales-purchase-deal__rate-track{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr) !important;
    align-items:stretch !important;
    gap:4px !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-rate-track__arrow{
    min-width:20px !important;
    min-height:0 !important;
    height:auto !important;
    align-self:stretch !important;
    display:grid !important;
    place-items:center !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-rate-track__arrow svg{
    width:18px !important;
    height:18px !important;
    filter:none !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-rate-card{
    border-radius:10px !important;
    overflow:hidden !important;
    min-width:0 !important;
    box-shadow:0 5px 14px rgba(15,23,42,.07) !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-rate-card__head{
    min-height:28px !important;
    height:28px !important;
    padding:0 7px !important;
    gap:4px !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-rate-card__title,
  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-rate-card__figure{
    font-size:10.5px !important;
    line-height:1 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-rate-card__currency-trigger{
    min-height:50px !important;
    height:50px !important;
    padding:5px 7px !important;
    gap:4px !important;
    align-items:center !important;
    border-bottom:0 !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-rate-card__currency-stack{
    gap:2px !important;
    min-width:0 !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-rate-card__currency-caption{
    font-size:8.5px !important;
    line-height:1 !important;
    white-space:nowrap !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-rate-card__currency-line{
    gap:4px !important;
    min-width:0 !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-rate-card__currency-name{
    font-size:10px !important;
    line-height:1.15 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-rate-card__currency-flag{
    width:18px !important;
    height:18px !important;
    flex:0 0 18px !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-rate-card__currency-icon{
    width:12px !important;
    height:12px !important;
    flex:0 0 12px !important;
    transform:none !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-deal__fields-grid{
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0,1fr)) !important;
    align-items:end !important;
    gap:4px !important;
    margin-top:2px !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-form-field{
    min-width:0 !important;
    gap:2px !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-form-field__label{
    min-height:0 !important;
    font-size:9px !important;
    line-height:1 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-form-field__control.entries-voucher-field__control{
    height:34px !important;
    min-height:34px !important;
    padding-inline:5px !important;
    border-radius:9px !important;
    font-size:12px !important;
    line-height:1 !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-rate-mode{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:2px !important;
    margin:0 0 2px !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-rate-mode__option{
    height:17px !important;
    min-height:17px !important;
    padding:0 !important;
    gap:2px !important;
    border-radius:7px !important;
    font-size:0 !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-rate-mode__label{
    font-size:0 !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-rate-mode__label::after{
    font-size:8.5px !important;
    font-weight:900 !important;
    line-height:1 !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-rate-mode__option--auto .sales-purchase-rate-mode__label::after{content:"تلقائي";}
  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-rate-mode__option--manual .sales-purchase-rate-mode__label::after{content:"يدوي";}

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-rate-mode__option .currency-management-state-dot{
    width:10px !important;
    height:10px !important;
    flex:0 0 10px !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .entries-actions{
    position:sticky !important;
    bottom:0 !important;
    z-index:45 !important;
    display:block !important;
    width:calc(100% + 12px) !important;
    margin:6px -6px -6px !important;
    padding:5px 6px calc(5px + env(safe-area-inset-bottom,0px)) !important;
    border-radius:12px 12px 0 0 !important;
    background:rgba(255,255,255,.97) !important;
    box-shadow:0 -8px 22px rgba(15,23,42,.12) !important;
    backdrop-filter:blur(12px) !important;
    -webkit-backdrop-filter:blur(12px) !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .entries-actions__group--primary-actions{
    display:grid !important;
    grid-template-columns:repeat(5, minmax(0,1fr)) !important;
    gap:4px !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .entries-action-btn{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    height:32px !important;
    min-height:32px !important;
    padding:0 2px !important;
    border-radius:9px !important;
    font-size:0 !important;
    justify-content:center !important;
    white-space:nowrap !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .entries-action-btn .taif-control-text{
    font-size:0 !important;
    line-height:1 !important;
    overflow:hidden !important;
    white-space:nowrap !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .entries-action-btn .taif-control-text::after{
    display:inline-block !important;
    max-width:100% !important;
    overflow:hidden !important;
    text-overflow:clip !important;
    white-space:nowrap !important;
    font-size:9.5px !important;
    font-weight:900 !important;
    line-height:1 !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .entries-action-btn[data-sales-purchase-action="close-window"] .taif-control-text::after{content:"إغلاق";}
  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .entries-action-btn[data-sales-purchase-action="delete-window-record"] .taif-control-text::after{content:"حذف";}
  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .entries-action-btn[data-sales-purchase-action="reverse-window-record"] .taif-control-text::after{content:"عكس";}
  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .entries-action-btn[data-sales-purchase-action="open-new-window"] .taif-control-text::after{content:"جديد";}
  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .entries-action-btn[data-sales-purchase-action="execute-window"] .taif-control-text::after{content:"تنفيذ";}
}

@media (max-width: 390px){
  body.taif-mobile-mode .panel[data-view="sales-purchase-invoice"] .sales-purchase-toolbar__actions,
  body.taif-mobile-mode .panel[data-view="sales-purchase-invoice"] .entries-toolbar__actions{
    grid-template-columns:repeat(4, minmax(0,1fr)) !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .entries-actions__group--primary-actions{
    grid-template-columns:repeat(5, minmax(0,1fr)) !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-topdock-layout--inline-fields{
    grid-template-columns:minmax(0,1fr) minmax(0,.78fr) 96px !important;
    gap:3px !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-topdock-navgroup{
    width:96px !important;
    min-width:96px !important;
    grid-template-columns:20px 33px 26px 20px !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .entries-action-btn .taif-control-text::after{
    font-size:8.7px !important;
  }
}

/* TAIF V5 — Sales/Purchase mobile window density + anchored currency dropdown fix V2
   Scope: purchase/sale invoice windows only. Desktop and other sections stay untouched. */
@media (max-width: 860px){
  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-sheet__body{
    padding:3px !important;
    padding-bottom:calc(46px + env(safe-area-inset-bottom, 0px)) !important;
    overflow-x:hidden !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-sheet__shell-space,
  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-sheet__shell-space--settlement{
    padding:0 !important;
    gap:3px !important;
    width:100% !important;
    max-width:100% !important;
    overflow:visible !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-empty-shell--split{
    padding:2px 3px 6px !important;
    gap:3px !important;
    width:100% !important;
    max-width:100% !important;
    overflow:visible !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-stage-section,
  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-stage-section--top,
  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-stage-section--bottom,
  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-stage-section--reserved{
    padding:0 !important;
    margin:0 !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    background:transparent !important;
    overflow:visible !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-deal,
  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-window-fieldset{
    gap:4px !important;
    width:100% !important;
    max-width:100% !important;
    overflow:visible !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-side-panel,
  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-topdock{
    width:100% !important;
    max-width:100% !important;
    padding:0 !important;
    margin:0 !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-topdock-layout--inline-fields{
    grid-template-columns:minmax(0,1.02fr) minmax(0,.82fr) 92px !important;
    gap:3px !important;
    padding:0 !important;
    margin:0 !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-topdock-navgroup{
    width:92px !important;
    min-width:92px !important;
    grid-template-columns:18px 32px 24px 18px !important;
    gap:1px !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-topdock .entries-voucher-navicon{
    width:18px !important;
    height:28px !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-topdock .entries-voucher-navbox__count,
  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-topdock .entries-voucher-navbox__field .entries-voucher-navbox__input{
    height:28px !important;
    min-height:28px !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-side-panel__extras,
  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-side-panel__extras--name-notes{
    gap:3px !important;
    margin-top:2px !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] :where(.sales-purchase-name-field__input, .sales-purchase-side-field__control).entries-voucher-field__control{
    height:29px !important;
    min-height:29px !important;
    padding-inline:5px !important;
    border-radius:8px !important;
    font-size:10px !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-name-field__icon-button{
    width:27px !important;
    min-width:27px !important;
    height:27px !important;
    min-height:27px !important;
    left:2px !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-name-field__avatar{
    width:22px !important;
    height:22px !important;
  }

  /* Give the two currency cards the full width. The middle arrow is decorative on phone and wastes space. */
  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-deal[data-sales-purchase-form-layout="purchase"] .sales-purchase-deal__rate-track,
  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-deal[data-sales-purchase-form-layout="sale"] .sales-purchase-deal__rate-track{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:4px !important;
    width:100% !important;
    max-width:100% !important;
    overflow:visible !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-deal[data-sales-purchase-form-layout="purchase"] .sales-purchase-rate-track__arrow,
  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-deal[data-sales-purchase-form-layout="sale"] .sales-purchase-rate-track__arrow{
    display:none !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-rate-card,
  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-rate-card__body,
  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-currency-picker{
    min-width:0 !important;
    max-width:100% !important;
    overflow:visible !important;
    position:relative !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-rate-card{
    border-radius:9px !important;
    box-shadow:0 4px 10px rgba(15,23,42,.06) !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-rate-card__head{
    min-height:25px !important;
    height:25px !important;
    padding:0 6px !important;
    gap:3px !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-rate-card__title,
  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-rate-card__figure{
    font-size:10px !important;
    line-height:1 !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-rate-card__currency-trigger{
    min-height:43px !important;
    height:43px !important;
    padding:4px 6px !important;
    gap:3px !important;
    border-bottom:0 !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-rate-card__currency-caption{
    font-size:7.8px !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-rate-card__currency-name{
    font-size:9.2px !important;
    line-height:1.1 !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-rate-card__currency-flag{
    width:17px !important;
    height:17px !important;
    flex:0 0 17px !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-rate-card__currency-icon{
    width:10px !important;
    height:10px !important;
    flex:0 0 10px !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-deal__fields-grid{
    grid-template-columns:repeat(3, minmax(0,1fr)) !important;
    gap:3px !important;
    margin-top:0 !important;
    padding:0 !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-form-field{
    gap:1px !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-form-field__label{
    font-size:8px !important;
    line-height:1 !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-form-field__control.entries-voucher-field__control{
    height:31px !important;
    min-height:31px !important;
    padding-inline:4px !important;
    border-radius:8px !important;
    font-size:11.2px !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-rate-mode{
    gap:1px !important;
    margin:0 !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-rate-mode__option{
    height:15px !important;
    min-height:15px !important;
  }

  /* Currency dropdown: anchor it to the currency field instead of the large bottom sheet. */
  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-currency-picker.is-open{
    z-index:260 !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-currency-picker .sales-purchase-currency-popover{
    position:absolute !important;
    top:calc(100% + 3px) !important;
    bottom:auto !important;
    right:0 !important;
    left:0 !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    max-height:min(38svh, 220px) !important;
    padding:3px !important;
    border-radius:11px !important;
    overflow:auto !important;
    -webkit-overflow-scrolling:touch !important;
    z-index:7200 !important;
    box-shadow:0 16px 34px rgba(15,23,42,.22), 0 0 0 1px rgba(37,99,235,.12) !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-currency-popover .entries-voucher-choice-popover__option{
    min-height:30px !important;
    padding:4px 5px !important;
    border-radius:8px !important;
    gap:4px !important;
    font-size:9.5px !important;
    line-height:1.1 !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-currency-popover .entries-voucher-choice-popover__check{
    width:14px !important;
    min-width:14px !important;
    height:14px !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-currency-popover .entries-voucher-choice-picker__flag{
    width:17px !important;
    height:17px !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-currency-popover .entries-voucher-choice-popover__label{
    font-size:9.5px !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .entries-actions{
    position:fixed !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    width:100vw !important;
    max-width:100vw !important;
    margin:0 !important;
    padding:5px 6px calc(5px + env(safe-area-inset-bottom,0px)) !important;
    border-radius:12px 12px 0 0 !important;
    z-index:7300 !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .entries-actions__group--primary-actions{
    gap:4px !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .entries-action-btn{
    height:31px !important;
    min-height:31px !important;
    border-radius:9px !important;
  }
}

@media (max-width: 390px){
  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-sheet__body{
    padding:2px !important;
    padding-bottom:calc(44px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-empty-shell--split{
    padding:1px 2px 5px !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-topdock-layout--inline-fields{
    grid-template-columns:minmax(0,1fr) minmax(0,.78fr) 86px !important;
    gap:2px !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-topdock-navgroup{
    width:86px !important;
    min-width:86px !important;
    grid-template-columns:17px 30px 22px 17px !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-rate-card__currency-name,
  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-currency-popover .entries-voucher-choice-popover__label{
    font-size:8.8px !important;
  }
}

/* V3 — place Sales/Purchase mobile action buttons directly under amount/rate fields instead of screen bottom. */
@media (max-width: 860px){
  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-sheet__body{
    padding-bottom:6px !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-sheet__shell-space,
  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-sheet__shell-space--settlement{
    flex:0 0 auto !important;
    height:auto !important;
    min-height:0 !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-empty-shell,
  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-empty-shell--split,
  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-window-fieldset,
  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-deal{
    flex:0 0 auto !important;
    height:auto !important;
    min-height:0 !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .entries-actions{
    position:relative !important;
    inset:auto !important;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;
    transform:none !important;
    z-index:60 !important;
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    margin:12px 0 0 !important;
    padding:5px 0 0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .entries-actions__group--primary-actions{
    display:grid !important;
    grid-template-columns:repeat(5, minmax(0,1fr)) !important;
    gap:4px !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .entries-action-btn{
    height:31px !important;
    min-height:31px !important;
    border-radius:9px !important;
  }
}

@media (max-width: 390px){
  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .sales-purchase-sheet__body{
    padding-bottom:5px !important;
  }

  body.taif-mobile-mode .sales-purchase-modal-backdrop[data-sales-purchase-window-id] .entries-actions{
    margin-top:10px !important;
  }
}