/* 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__figure--words{
    max-inline-size:68% !important;
    font-size:8.2px !important;
    line-height:1.06 !important;
    white-space:normal !important;
    overflow:hidden !important;
    display:-webkit-box !important;
    -webkit-box-orient:vertical !important;
    -webkit-line-clamp:2 !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;
  }
}