/*
 * TAIF V5 — Mobile Compact App Pass for all sections.
 * Goal: keep the desktop idea, but shrink it into phone-sized horizontal rows.
 * Loaded after the first mobile pass and after the Sales/Purchase compact pass.
 * Desktop remains untouched.
 */

@media (max-width: 860px){
  body.taif-mobile-mode{
    --taif-mobile-compact-gap:5px;
    --taif-mobile-compact-radius:10px;
    --taif-mobile-compact-field:34px;
    --taif-mobile-compact-button:34px;
    --taif-mobile-compact-font:11px;
    --taif-mobile-compact-font-sm:9.5px;
    --taif-mobile-compact-shadow:0 7px 18px rgba(15,23,42,.08);
  }

  body.taif-mobile-mode *,
  body.taif-mobile-mode *::before,
  body.taif-mobile-mode *::after{
    box-sizing:border-box;
  }

  body.taif-mobile-mode .panel{
    overflow:auto !important;
    overflow-x:hidden !important;
    -webkit-overflow-scrolling:touch !important;
  }

  body.taif-mobile-mode :where(
    .currency-management-shell,
    .price-screen,
    .chart-accounts,
    .chart-accounts-shell,
    .cash-boxes-surface,
    .entries-workbench,
    .customer-card-view,
    .general-ledger-shell
  ){
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    padding:6px !important;
    gap:6px !important;
    overflow:hidden !important;
  }

  body.taif-mobile-mode :where(
    input:not([type="checkbox"]):not([type="radio"]),
    textarea,
    select,
    .entries-voucher-field__control,
    .sales-purchase-top-field__control,
    .general-ledger-field__control,
    .customer-card-field__control,
    .cash-boxes-field__control,
    .coa-form__input,
    .currency-management-input,
    .currency-management-search-input,
    .chart-accounts__search-input,
    .entries-search__input,
    .customer-card-field__control--picker,
    .coa-choice-picker__trigger,
    .entries-voucher-choice-picker__trigger,
    .entries-voucher-date__trigger,
    .general-ledger-date__trigger
  ){
    min-height:var(--taif-mobile-compact-field) !important;
    height:var(--taif-mobile-compact-field) !important;
    border-radius:var(--taif-mobile-compact-radius) !important;
    font-size:16px !important; /* prevents browser auto zoom, while content is visually compressed through layout */
    line-height:1 !important;
    padding-block:0 !important;
  }

  body.taif-mobile-mode :where(textarea, textarea.entries-voucher-field__control, textarea.customer-card-field__control, textarea.coa-form__input){
    height:auto !important;
    min-height:40px !important;
    max-height:74px !important;
    padding-block:8px !important;
    resize:vertical;
  }

  body.taif-mobile-mode :where(
    button,
    [role="button"],
    .coa-btn,
    .entries-toolbar-btn,
    .entries-action-btn,
    .currency-management-btn,
    .customer-card-toolbar-btn,
    .customer-card-action-btn,
    .general-ledger-sidebar__action
  ){
    min-height:var(--taif-mobile-compact-button) !important;
    height:var(--taif-mobile-compact-button) !important;
    border-radius:var(--taif-mobile-compact-radius) !important;
    font-size:11px !important;
    line-height:1 !important;
    padding:0 6px !important;
  }

  /* Shared toolbar principle: search on top, controls as one compact horizontal row. */
  body.taif-mobile-mode :where(
    .entries-toolbar,
    .currency-management-topbar,
    .chart-accounts__toolbar--top,
    .customer-card-records__footer,
    .general-ledger-toolbar
  ){
    position:sticky !important;
    top:0 !important;
    z-index:60 !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:var(--taif-mobile-compact-shadow) !important;
    overflow:visible !important;
  }

  body.taif-mobile-mode :where(
    .entries-toolbar__search,
    .currency-management-topbar-search,
    .chart-accounts__toolbar-search,
    .customer-card-records__search,
    .general-ledger-field--search
  ){
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    padding:0 !important;
  }

  body.taif-mobile-mode :where(.entries-search, .currency-management-search-wrap, .chart-accounts__search-wrap){
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
  }

  body.taif-mobile-mode :where(.entries-search__input, .currency-management-search-input, .chart-accounts__search-input){
    width:100% !important;
    padding-inline-start:32px !important;
    padding-inline-end:9px !important;
    font-weight:800 !important;
    text-align:center !important;
  }

  body.taif-mobile-mode :where(.entries-search__clear, .currency-management-search-clear, .chart-accounts__search-clear){
    width:25px !important;
    height:25px !important;
    min-width:25px !important;
    min-height:25px !important;
    border-radius:9px !important;
    padding:0 !important;
  }

  /* ===== Entries / Vouchers main screen ===== */
  body.taif-mobile-mode .panel[data-view="entries-vouchers"] .entries-workbench{
    height:auto !important;
    min-height:100% !important;
    display:grid !important;
    grid-template-rows:auto minmax(0,1fr) !important;
    gap:6px !important;
    overflow:hidden !important;
  }

  body.taif-mobile-mode .panel[data-view="entries-vouchers"] .entries-toolbar{
    grid-template-columns:minmax(0,1fr) !important;
  }

  body.taif-mobile-mode .panel[data-view="entries-vouchers"] .entries-toolbar__group{
    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="entries-vouchers"] .entries-toolbar__actions{
    display:grid !important;
    grid-template-columns:repeat(6, minmax(0,1fr)) !important;
    gap:3px !important;
    width:100% !important;
    min-width:0 !important;
    overflow:visible !important;
  }

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

  body.taif-mobile-mode .panel[data-view="entries-vouchers"] .entries-toolbar-btn{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    height:32px !important;
    min-height:32px !important;
    padding:0 2px !important;
    gap:2px !important;
    justify-content:center !important;
    overflow:hidden !important;
  }

  body.taif-mobile-mode .panel[data-view="entries-vouchers"] .entries-toolbar-btn__icon,
  body.taif-mobile-mode .panel[data-view="entries-vouchers"] .entries-toolbar-btn__icon svg{
    width:11px !important;
    height:11px !important;
    flex:0 0 auto !important;
  }

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

  body.taif-mobile-mode .panel[data-view="entries-vouchers"] .entries-toolbar-btn__text::after{
    display:inline-block !important;
    font-size:8.8px !important;
    font-weight:900 !important;
    line-height:1 !important;
    white-space:nowrap !important;
  }

  body.taif-mobile-mode .panel[data-view="entries-vouchers"] button[data-entry-type="settlement"] .entries-toolbar-btn__text::after{content:"تسوية";}
  body.taif-mobile-mode .panel[data-view="entries-vouchers"] button[data-entry-type="receipt"] .entries-toolbar-btn__text::after{content:"قبض";}
  body.taif-mobile-mode .panel[data-view="entries-vouchers"] button[data-entry-type="payment"] .entries-toolbar-btn__text::after{content:"دفع";}
  body.taif-mobile-mode .panel[data-view="entries-vouchers"] button[data-entry-type="journal"] .entries-toolbar-btn__text::after{content:"يومي";}
  body.taif-mobile-mode .panel[data-view="entries-vouchers"] button[data-entry-type="opening"] .entries-toolbar-btn__text::after{content:"افتتاحي";}
  body.taif-mobile-mode .panel[data-view="entries-vouchers"] button[data-entry-command="delete-selected-record"] .entries-toolbar-btn__text::after,
  body.taif-mobile-mode .panel[data-view="entries-vouchers"] button[data-entry-action="delete-selected-record"] .entries-toolbar-btn__text::after{content:"حذف";}

  body.taif-mobile-mode .panel[data-view="entries-vouchers"] .entries-chip,
  body.taif-mobile-mode .panel[data-view="entries-vouchers"] .entries-toolbar-chip{
    height:27px !important;
    min-height:27px !important;
    min-width:0 !important;
    padding:0 5px !important;
    border-radius:9px !important;
    gap:4px !important;
    font-size:9.5px !important;
  }

  body.taif-mobile-mode .panel[data-view="entries-vouchers"] .entries-log,
  body.taif-mobile-mode .panel[data-view="entries-vouchers"] .entries-log__records,
  body.taif-mobile-mode .panel[data-view="entries-vouchers"] .entries-log__records--split-scroll{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    overflow:hidden !important;
    padding:0 !important;
    margin:0 !important;
  }

  body.taif-mobile-mode .panel[data-view="entries-vouchers"] .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;
  }

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

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

  body.taif-mobile-mode .panel[data-view="entries-vouchers"] .entries-record-row{
    display:block !important;
    margin:0 !important;
    border-radius:0 !important;
    background:#fff !important;
    box-shadow:none !important;
    border-bottom:1px solid rgba(148,163,184,.22) !important;
    overflow:visible !important;
  }

  body.taif-mobile-mode .panel[data-view="entries-vouchers"] .entries-record-row__grid,
  body.taif-mobile-mode .panel[data-view="entries-vouchers"] .entries-records__grid{
    display:grid !important;
    grid-template-columns:74px 68px 78px 104px 92px 78px 104px 126px 80px !important;
    gap:0 !important;
    padding:0 !important;
    min-height:36px !important;
  }

  body.taif-mobile-mode .panel[data-view="entries-vouchers"] .entries-records__head-cell,
  body.taif-mobile-mode .panel[data-view="entries-vouchers"] .entries-record-cell{
    min-width:0 !important;
    min-height:34px !important;
    height:auto !important;
    padding:4px 5px !important;
    border-radius:0 !important;
    background:transparent !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    font-size:10px !important;
    line-height:1.2 !important;
    overflow:hidden !important;
  }

  body.taif-mobile-mode .panel[data-view="entries-vouchers"] .entries-record-cell::before{display:none !important;}
  body.taif-mobile-mode .panel[data-view="entries-vouchers"] :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="entries-vouchers"] :where(.entries-record-cell__value,.entries-record-cell__meta,.entries-record-cell__stack,.entries-record-cell__badges){font-size:10px !important;line-height:1.2 !important;max-width:100% !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;}
  body.taif-mobile-mode .panel[data-view="entries-vouchers"] .entries-badge{font-size:9px !important;min-height:20px !important;padding:0 5px !important;border-radius:8px !important;}

  /* Entries/Vouchers windows: compact form, controls stay near content rather than stuck to screen bottom. */
  body.taif-mobile-mode .entries-modal-window .entries-sheet__body{
    padding:5px 5px calc(12px + env(safe-area-inset-bottom, 0px)) !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
  }

  body.taif-mobile-mode .entries-sheet__topdock{
    position:sticky !important;
    top:0 !important;
    z-index:18 !important;
    margin:0 0 5px !important;
    padding:4px !important;
    border-radius:12px !important;
    background:rgba(255,255,255,.96) !important;
    box-shadow:0 6px 18px rgba(15,23,42,.08) !important;
  }

  body.taif-mobile-mode :where(.entries-voucher-topdock-layout--streamlined,.entries-voucher-topdock-layout--opening-inline){
    display:grid !important;
    grid-template-columns:24px minmax(46px,.55fr) minmax(0,1fr) minmax(54px,.75fr) 24px !important;
    gap:4px !important;
    align-items:end !important;
    width:100% !important;
    min-width:0 !important;
  }

  body.taif-mobile-mode .entries-voucher-rail__card,
  body.taif-mobile-mode .entries-voucher-navstack{
    min-width:0 !important;
    padding:0 !important;
    gap:2px !important;
  }

  body.taif-mobile-mode :where(.entries-voucher-rail__title,.entries-voucher-field__label,.entries-voucher-navstack__title){
    font-size:9px !important;
    line-height:1 !important;
    margin:0 0 2px !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  body.taif-mobile-mode .entries-voucher-navcluster{gap:2px !important;}
  body.taif-mobile-mode .entries-voucher-navicon{width:22px !important;height:32px !important;min-width:22px !important;min-height:32px !important;padding:0 !important;}
  body.taif-mobile-mode .entries-voucher-navbox__count{height:32px !important;min-height:32px !important;font-size:9px !important;padding:0 2px !important;}
  body.taif-mobile-mode .entries-voucher-navbox__input{height:32px !important;min-height:32px !important;font-size:16px !important;text-align:center !important;padding:0 2px !important;}

  body.taif-mobile-mode .entries-voucher-panel{
    border-radius:12px !important;
    padding:4px !important;
    box-shadow:0 6px 20px rgba(15,23,42,.08) !important;
    overflow:visible !important;
  }

  body.taif-mobile-mode .entries-sheet__stagebar{display:none !important;}
  body.taif-mobile-mode .entries-voucher__inner{gap:5px !important;}
  body.taif-mobile-mode .entries-voucher-card{
    margin:0 0 5px !important;
    padding:4px !important;
    border-radius:12px !important;
    box-shadow:0 5px 16px rgba(15,23,42,.07) !important;
  }

  body.taif-mobile-mode .entries-voucher-grid--movement{
    display:grid !important;
    grid-template-columns:26px repeat(3, minmax(0,1fr)) 26px !important;
    gap:4px !important;
    align-items:end !important;
  }

  body.taif-mobile-mode .entries-voucher-sequence{width:24px !important;min-width:24px !important;}
  body.taif-mobile-mode .entries-voucher-sequence__badge{width:22px !important;height:32px !important;min-width:22px !important;min-height:32px !important;}
  body.taif-mobile-mode .entries-voucher-card-action__btn{width:24px !important;min-width:24px !important;height:32px !important;min-height:32px !important;padding:0 !important;}
  body.taif-mobile-mode .entries-voucher-field{min-width:0 !important;gap:2px !important;}
  body.taif-mobile-mode .entries-voucher-field__control{width:100% !important;min-width:0 !important;text-align:center !important;font-weight:800 !important;padding-inline:5px !important;}

  body.taif-mobile-mode .entries-actions,
  body.taif-mobile-mode .entries-actions__group,
  body.taif-mobile-mode .entries-actions__group--primary-actions{
    position:static !important;
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0,1fr)) !important;
    gap:6px !important;
    width:100% !important;
    margin:8px 0 0 !important;
    padding:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  body.taif-mobile-mode .entries-action-btn{height:36px !important;min-height:36px !important;font-size:11px !important;font-weight:900 !important;}

  /* Settlement sheet: two sides side-by-side when possible, rows remain tight. */
  body.taif-mobile-mode .entries-settlement-shell{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:5px !important;
  }
  body.taif-mobile-mode .entries-settlement-panel{padding:5px !important;border-radius:12px !important;}
  body.taif-mobile-mode .entries-settlement-panel__row{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:4px !important;}
  body.taif-mobile-mode .entries-settlement-field--wide{grid-column:1 / -1 !important;}

  /* ===== Currency Management ===== */
  body.taif-mobile-mode .panel[data-view="currency-management"] .currency-management-layout{gap:6px !important;overflow:hidden !important;}
  body.taif-mobile-mode .panel[data-view="currency-management"] .currency-management-topbar{gap:5px !important;}
  body.taif-mobile-mode .panel[data-view="currency-management"] .currency-management-topbar-tools{
    display:grid !important;
    grid-template-columns:repeat(5, minmax(0,1fr)) !important;
    gap:3px !important;
    width:100% !important;
    min-width:0 !important;
    padding:0 !important;
    overflow:visible !important;
  }

  body.taif-mobile-mode .panel[data-view="currency-management"] .currency-management-counterpart-toolbar{display:none !important;}
  body.taif-mobile-mode .panel[data-view="currency-management"] .currency-management-btn{
    width:100% !important;
    min-width:0 !important;
    height:32px !important;
    min-height:32px !important;
    padding:0 2px !important;
    gap:2px !important;
    justify-content:center !important;
    overflow:hidden !important;
  }
  body.taif-mobile-mode .panel[data-view="currency-management"] .currency-management-btn svg{width:11px !important;height:11px !important;}
  body.taif-mobile-mode .panel[data-view="currency-management"] .currency-management-btn .taif-control-text{font-size:0 !important;}
  body.taif-mobile-mode .panel[data-view="currency-management"] .currency-management-btn .taif-control-text::after{font-size:8.6px !important;font-weight:900 !important;line-height:1 !important;white-space:nowrap !important;}
  body.taif-mobile-mode .panel[data-view="currency-management"] .currency-management-btn[data-currency-management-action="add"] .taif-control-text::after{content:"إضافة";}
  body.taif-mobile-mode .panel[data-view="currency-management"] .currency-management-btn[data-currency-management-action="delete-currency"] .taif-control-text::after{content:"حذف";}
  body.taif-mobile-mode .panel[data-view="currency-management"] .currency-management-btn[data-currency-management-action="usd"] .taif-control-text::after{content:"دولار";}
  body.taif-mobile-mode .panel[data-view="currency-management"] .currency-management-btn[data-currency-management-action="edit-single"] .taif-control-text::after{content:"تعديل";}
  body.taif-mobile-mode .panel[data-view="currency-management"] .currency-management-btn[data-currency-management-action="bulk"] .taif-control-text::after{content:"جماعي";}

  body.taif-mobile-mode .panel[data-view="currency-management"] .currency-management-table{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    overflow:hidden !important;
  }
  body.taif-mobile-mode .panel[data-view="currency-management"] .currency-management-scroll{
    width:100% !important;
    max-width:100% !important;
    overflow-x:auto !important;
    overflow-y:visible !important;
    -webkit-overflow-scrolling:touch !important;
  }
  body.taif-mobile-mode .panel[data-view="currency-management"] .currency-management-headrow,
  body.taif-mobile-mode .panel[data-view="currency-management"] .currency-management-scroll-inner,
  body.taif-mobile-mode .panel[data-view="currency-management"] .currency-management-row{
    width:816px !important;
    min-width:816px !important;
    max-width:none !important;
  }
  body.taif-mobile-mode .panel[data-view="currency-management"] .currency-management-headrow{
    display:grid !important;
    grid-template-columns:22px 38px 52px 118px 86px 76px 76px 76px 76px 76px 120px !important;
    height:30px !important;
    min-height:30px !important;
    padding:0 !important;
    border-radius:10px 10px 0 0 !important;
  }
  body.taif-mobile-mode .panel[data-view="currency-management"] .currency-management-headrow > div{font-size:9.2px !important;padding:0 3px !important;display:flex !important;align-items:center !important;justify-content:center !important;}
  body.taif-mobile-mode .panel[data-view="currency-management"] .currency-management-row{
    display:grid !important;
    grid-template-columns:22px 38px 52px 118px 86px 76px 76px 76px 76px 76px 120px !important;
    gap:0 !important;
    min-height:38px !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    border-bottom:1px solid rgba(148,163,184,.22) !important;
    background:#fff !important;
    overflow:visible !important;
  }
  body.taif-mobile-mode .panel[data-view="currency-management"] .currency-management-row > *{
    min-width:0 !important;
    width:auto !important;
    grid-column:auto !important;
    min-height:38px !important;
    height:auto !important;
    padding:3px !important;
    border-radius:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    font-size:10px !important;
    line-height:1.15 !important;
  }
  body.taif-mobile-mode .panel[data-view="currency-management"] .currency-management-row > *::before{display:none !important;}
  body.taif-mobile-mode .panel[data-view="currency-management"] .currency-management-flag-image{width:24px !important;height:24px !important;}
  body.taif-mobile-mode .panel[data-view="currency-management"] .currency-management-name{font-size:10px !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}
  body.taif-mobile-mode .panel[data-view="currency-management"] .currency-management-num-pill{font-size:10px !important;font-weight:900 !important;}
  body.taif-mobile-mode .panel[data-view="currency-management"] .currency-management-actions{display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:3px !important;padding:3px !important;}
  body.taif-mobile-mode .panel[data-view="currency-management"] .currency-management-iconbtn{width:24px !important;height:26px !important;min-width:24px !important;min-height:26px !important;padding:0 !important;border-radius:8px !important;}

  body.taif-mobile-mode .taif-currency-management-modal__body{padding:6px !important;padding-bottom:12px !important;}
  body.taif-mobile-mode :where(.currency-management-form-grid,.currency-management-form-grid--two){display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:5px !important;}
  body.taif-mobile-mode .currency-management-field--full{grid-column:1 / -1 !important;}
  body.taif-mobile-mode .currency-management-modal-actions,
  body.taif-mobile-mode .currency-management-modal-actions--dock{
    position:static !important;
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:6px !important;
    margin:8px 0 0 !important;
    padding:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  /* ===== Chart of accounts ===== */
  body.taif-mobile-mode .panel[data-view="chart-of-accounts"] .chart-accounts{display:grid !important;grid-template-rows:auto minmax(0,1fr) auto !important;gap:6px !important;overflow:hidden !important;}
  body.taif-mobile-mode .panel[data-view="chart-of-accounts"] .chart-accounts__toolbar--top{gap:5px !important;}
  body.taif-mobile-mode .panel[data-view="chart-of-accounts"] .chart-accounts__toolbar-group--full{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) repeat(2, minmax(62px,.35fr)) minmax(70px,.42fr) !important;
    gap:4px !important;
    width:100% !important;
    min-width:0 !important;
  }
  body.taif-mobile-mode .panel[data-view="chart-of-accounts"] .chart-accounts__toolbar-search{grid-column:1 / -1 !important;}
  body.taif-mobile-mode .panel[data-view="chart-of-accounts"] .chart-accounts__toolbar-btn{height:32px !important;min-height:32px !important;width:100% !important;min-width:0 !important;padding:0 4px !important;gap:2px !important;}
  body.taif-mobile-mode .panel[data-view="chart-of-accounts"] .chart-accounts__toolbar-btn svg{width:11px !important;height:11px !important;}
  body.taif-mobile-mode .panel[data-view="chart-of-accounts"] .chart-accounts__toolbar-btn .taif-control-text{font-size:9px !important;font-weight:900 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:clip !important;}
  body.taif-mobile-mode .panel[data-view="chart-of-accounts"] .chart-accounts__chip{height:32px !important;min-height:32px !important;min-width:0 !important;padding:0 5px !important;font-size:9px !important;border-radius:10px !important;overflow:hidden !important;}
  body.taif-mobile-mode .panel[data-view="chart-of-accounts"] .chart-accounts__toolbar-group--pager{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:4px !important;width:100% !important;}
  body.taif-mobile-mode .panel[data-view="chart-of-accounts"] .chart-accounts__pager-btn,
  body.taif-mobile-mode .panel[data-view="chart-of-accounts"] .chart-accounts__pager-status{height:28px !important;min-height:28px !important;font-size:9px !important;border-radius:9px !important;padding:0 4px !important;}

  body.taif-mobile-mode .panel[data-view="chart-of-accounts"] .chart-accounts__table-head-shell{display:block !important;}
  body.taif-mobile-mode .panel[data-view="chart-of-accounts"] .chart-accounts__table-shell,
  body.taif-mobile-mode .panel[data-view="chart-of-accounts"] .chart-accounts__table-scroll{
    width:100% !important;
    max-width:100% !important;
    overflow-x:auto !important;
    overflow-y:visible !important;
    -webkit-overflow-scrolling:touch !important;
  }
  body.taif-mobile-mode .panel[data-view="chart-of-accounts"] .chart-accounts__table{
    display:table !important;
    width:820px !important;
    min-width:820px !important;
    max-width:none !important;
    border-collapse:collapse !important;
    table-layout:fixed !important;
  }
  body.taif-mobile-mode .panel[data-view="chart-of-accounts"] .chart-accounts__table colgroup{display:table-column-group !important;}
  body.taif-mobile-mode .panel[data-view="chart-of-accounts"] .chart-accounts__table thead{display:table-header-group !important;}
  body.taif-mobile-mode .panel[data-view="chart-of-accounts"] .chart-accounts__table tbody{display:table-row-group !important;}
  body.taif-mobile-mode .panel[data-view="chart-of-accounts"] .chart-accounts__table tr,
  body.taif-mobile-mode .panel[data-view="chart-of-accounts"] .chart-accounts__table tr[data-center-id]{
    display:table-row !important;
    width:auto !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    background:#fff !important;
  }
  body.taif-mobile-mode .panel[data-view="chart-of-accounts"] .chart-accounts__table td,
  body.taif-mobile-mode .panel[data-view="chart-of-accounts"] .chart-accounts__table th{
    display:table-cell !important;
    min-height:0 !important;
    height:36px !important;
    padding:4px !important;
    vertical-align:middle !important;
    font-size:10px !important;
    line-height:1.15 !important;
    text-align:center !important;
    border-bottom:1px solid rgba(148,163,184,.22) !important;
  }
  body.taif-mobile-mode .panel[data-view="chart-of-accounts"] .chart-accounts__table td::before{display:none !important;}
  body.taif-mobile-mode .panel[data-view="chart-of-accounts"] .chart-accounts__actions{display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:3px !important;}
  body.taif-mobile-mode .panel[data-view="chart-of-accounts"] .chart-accounts__action-btn{width:24px !important;height:24px !important;min-width:24px !important;min-height:24px !important;padding:0 !important;border-radius:8px !important;}

  body.taif-mobile-mode .coa-modal__body{padding:6px !important;padding-bottom:12px !important;}
  body.taif-mobile-mode .coa-form__grid,
  body.taif-mobile-mode .coa-form__grid--editor,
  body.taif-mobile-mode .coa-form__grid--editor-with-media{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:5px !important;}
  body.taif-mobile-mode .coa-form__field--full,
  body.taif-mobile-mode .coa-form__media-field,
  body.taif-mobile-mode .coa-form__field--address{grid-column:1 / -1 !important;}
  body.taif-mobile-mode .coa-form__actions,
  body.taif-mobile-mode .coa-form__actions-group{position:static !important;display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:6px !important;margin:8px 0 0 !important;padding:0 !important;background:transparent !important;box-shadow:none !important;}

  /* ===== Price Screen ===== */
  body.taif-mobile-mode .panel[data-view="price-screen"] .price-screen{display:grid !important;grid-template-rows:minmax(0,1fr) !important;overflow:hidden !important;}
  body.taif-mobile-mode .panel[data-view="price-screen"] .price-screen__board-body,
  body.taif-mobile-mode .panel[data-view="price-screen"] .price-screen__list{
    width:100% !important;
    max-width:100% !important;
    overflow-x:auto !important;
    overflow-y:visible !important;
    -webkit-overflow-scrolling:touch !important;
    display:block !important;
  }
  body.taif-mobile-mode .panel[data-view="price-screen"] .price-screen__row{
    display:grid !important;
    grid-template-columns:54px 116px 88px 72px 36px 72px 72px 36px 72px !important;
    width:618px !important;
    min-width:618px !important;
    max-width:none !important;
    min-height:38px !important;
    height:auto !important;
    gap:0 !important;
    margin:0 !important;
    padding:0 !important;
    border-radius:0 !important;
    border-bottom:1px solid rgba(148,163,184,.22) !important;
    box-shadow:none !important;
    background:#fff !important;
  }
  body.taif-mobile-mode .panel[data-view="price-screen"] .price-screen__row > *{
    min-height:38px !important;
    height:auto !important;
    padding:3px !important;
    border-radius:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    font-size:10px !important;
    line-height:1.15 !important;
    overflow:hidden !important;
  }
  body.taif-mobile-mode .panel[data-view="price-screen"] .price-screen__row > *::before{display:none !important;}
  body.taif-mobile-mode .panel[data-view="price-screen"] .price-screen__flag-image,
  body.taif-mobile-mode .panel[data-view="price-screen"] .price-screen__usd-flag .price-screen__flag-image{width:24px !important;height:24px !important;}
  body.taif-mobile-mode .panel[data-view="price-screen"] .price-screen__name-main,
  body.taif-mobile-mode .panel[data-view="price-screen"] .price-screen__pair-badge{font-size:10px !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}
  body.taif-mobile-mode .panel[data-view="price-screen"] .price-screen__num{font-size:10px !important;font-weight:900 !important;}

  /* ===== Cash Boxes ===== */
  body.taif-mobile-mode .panel[data-view="cash-boxes"] .cash-boxes-surface{height:100% !important;min-height:100% !important;overflow:hidden !important;}
  body.taif-mobile-mode .panel[data-view="cash-boxes"] .cash-boxes-layout{
    display:grid !important;
    grid-template-columns:minmax(118px,.46fr) minmax(0,1fr) !important;
    gap:6px !important;
    height:100% !important;
    min-height:0 !important;
    overflow:hidden !important;
  }
  body.taif-mobile-mode .panel[data-view="cash-boxes"] .cash-boxes-panel{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    min-height:0 !important;
    height:100% !important;
    padding:6px !important;
    border-radius:12px !important;
    overflow:auto !important;
    -webkit-overflow-scrolling:touch !important;
  }
  body.taif-mobile-mode .panel[data-view="cash-boxes"] .cash-boxes-centers,
  body.taif-mobile-mode .panel[data-view="cash-boxes"] .cash-boxes-centers__list{gap:4px !important;}
  body.taif-mobile-mode .panel[data-view="cash-boxes"] .cash-boxes-center-option{
    min-height:34px !important;
    height:auto !important;
    padding:4px !important;
    border-radius:10px !important;
    gap:4px !important;
  }
  body.taif-mobile-mode .panel[data-view="cash-boxes"] .cash-boxes-center-option__copy{display:none !important;}
  body.taif-mobile-mode .panel[data-view="cash-boxes"] .cash-boxes-center-option__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 .panel[data-view="cash-boxes"] .cash-boxes-center-option__account{font-size:9px !important;}
  body.taif-mobile-mode .panel[data-view="cash-boxes"] .cash-boxes-fields__grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:5px !important;
    width:100% !important;
  }
  body.taif-mobile-mode .panel[data-view="cash-boxes"] .cash-boxes-field-slot--primary{grid-column:1 / -1 !important;}
  body.taif-mobile-mode .panel[data-view="cash-boxes"] .cash-boxes-field-spacer{display:none !important;}
  body.taif-mobile-mode .panel[data-view="cash-boxes"] .cash-boxes-field-card,
  body.taif-mobile-mode .panel[data-view="cash-boxes"] .cash-boxes-balance-card{
    min-height:0 !important;
    padding:6px !important;
    border-radius:12px !important;
    box-shadow:0 5px 16px rgba(15,23,42,.07) !important;
  }
  body.taif-mobile-mode .panel[data-view="cash-boxes"] .cash-boxes-field-card{display:grid !important;grid-template-columns:34px minmax(0,1fr) auto !important;gap:5px !important;align-items:center !important;}
  body.taif-mobile-mode .panel[data-view="cash-boxes"] .cash-boxes-field-card__avatar{width:32px !important;height:32px !important;}
  body.taif-mobile-mode .panel[data-view="cash-boxes"] .cash-boxes-field-card__name{font-size:10.5px !important;}
  body.taif-mobile-mode .panel[data-view="cash-boxes"] .cash-boxes-field-card__account,
  body.taif-mobile-mode .panel[data-view="cash-boxes"] .cash-boxes-field-card__date-label,
  body.taif-mobile-mode .panel[data-view="cash-boxes"] .cash-boxes-field-card__date-value{font-size:9px !important;}
  body.taif-mobile-mode .panel[data-view="cash-boxes"] .cash-boxes-balance-card__header{gap:3px !important;}
  body.taif-mobile-mode .panel[data-view="cash-boxes"] .cash-boxes-balance-card__flag img{width:22px !important;height:22px !important;}
  body.taif-mobile-mode .panel[data-view="cash-boxes"] .cash-boxes-balance-card__name{font-size:9.5px !important;}
  body.taif-mobile-mode .panel[data-view="cash-boxes"] .cash-boxes-balance-card__side{font-size:9px !important;}
  body.taif-mobile-mode .panel[data-view="cash-boxes"] .cash-boxes-balance-card__amount{font-size:13px !important;line-height:1.1 !important;}
  body.taif-mobile-mode .panel[data-view="cash-boxes"] .cash-boxes-balance-card__code{font-size:9px !important;}

  /* ===== Customer Card ===== */
  body.taif-mobile-mode .panel[data-view="customer-card"] .customer-card-view{height:100% !important;min-height:100% !important;overflow:hidden !important;}
  body.taif-mobile-mode .panel[data-view="customer-card"] .customer-card-workspace{
    display:grid !important;
    grid-template-rows:auto minmax(0,1fr) !important;
    gap:6px !important;
    height:100% !important;
    min-height:0 !important;
    overflow:hidden !important;
  }
  body.taif-mobile-mode .panel[data-view="customer-card"] .customer-card-workspace__form-pane,
  body.taif-mobile-mode .panel[data-view="customer-card"] .customer-card-workspace__records-pane{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    border-radius:12px !important;
    overflow:hidden !important;
  }
  body.taif-mobile-mode .panel[data-view="customer-card"] .customer-card-workspace__form-scroll{
    max-height:42svh !important;
    overflow:auto !important;
    -webkit-overflow-scrolling:touch !important;
    padding:6px !important;
  }
  body.taif-mobile-mode .panel[data-view="customer-card"] .customer-card-group{padding:6px !important;border-radius:12px !important;margin:0 0 5px !important;}
  body.taif-mobile-mode .panel[data-view="customer-card"] .customer-card-group__grid{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:5px !important;}
  body.taif-mobile-mode .panel[data-view="customer-card"] .customer-card-field--full,
  body.taif-mobile-mode .panel[data-view="customer-card"] .customer-card-field--address,
  body.taif-mobile-mode .panel[data-view="customer-card"] .customer-card-field--notes{grid-column:1 / -1 !important;}
  body.taif-mobile-mode .panel[data-view="customer-card"] .customer-card-field__label{font-size:9.5px !important;margin-bottom:2px !important;}
  body.taif-mobile-mode .panel[data-view="customer-card"] .customer-card-segmented{height:34px !important;min-height:34px !important;gap:3px !important;}
  body.taif-mobile-mode .panel[data-view="customer-card"] .customer-card-segmented__option{height:30px !important;min-height:30px !important;font-size:10px !important;padding:0 3px !important;}
  body.taif-mobile-mode .panel[data-view="customer-card"] .customer-card-actions,
  body.taif-mobile-mode .panel[data-view="customer-card"] .customer-card-actions__group{position:static !important;display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:6px !important;width:100% !important;margin:0 !important;padding:6px !important;background:#fff !important;box-shadow:0 -6px 18px rgba(15,23,42,.06) !important;}

  body.taif-mobile-mode .panel[data-view="customer-card"] .customer-card-records{height:100% !important;display:grid !important;grid-template-rows:auto minmax(0,1fr) !important;overflow:hidden !important;}
  body.taif-mobile-mode .panel[data-view="customer-card"] .customer-card-records__footer{position:sticky !important;top:0 !important;z-index:10 !important;display:grid !important;grid-template-columns:minmax(0,1fr) auto !important;gap:4px !important;padding:6px !important;}
  body.taif-mobile-mode .panel[data-view="customer-card"] .customer-card-records__footer-group--controls{display:grid !important;grid-template-columns:minmax(0,1fr) 54px 54px !important;gap:4px !important;min-width:0 !important;}
  body.taif-mobile-mode .panel[data-view="customer-card"] .customer-card-records__footer-group--meta{min-width:54px !important;}
  body.taif-mobile-mode .panel[data-view="customer-card"] .customer-card-toolbar-btn{height:32px !important;min-height:32px !important;font-size:10px !important;padding:0 3px !important;}
  body.taif-mobile-mode .panel[data-view="customer-card"] .customer-card-records__count{height:32px !important;min-height:32px !important;font-size:10px !important;border-radius:10px !important;padding:0 5px !important;}
  body.taif-mobile-mode .panel[data-view="customer-card"] .customer-card-records__scroll{
    overflow-x:auto !important;
    overflow-y:auto !important;
    -webkit-overflow-scrolling:touch !important;
    padding:0 0 5px !important;
  }
  body.taif-mobile-mode .panel[data-view="customer-card"] .customer-card-row,
  body.taif-mobile-mode .panel[data-view="customer-card"] .customer-card-row__grid{
    width:760px !important;
    min-width:760px !important;
    max-width:none !important;
  }
  body.taif-mobile-mode .panel[data-view="customer-card"] .customer-card-row{
    display:block !important;
    margin:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    border-bottom:1px solid rgba(148,163,184,.22) !important;
    background:#fff !important;
  }
  body.taif-mobile-mode .panel[data-view="customer-card"] .customer-card-row__grid{
    display:grid !important;
    grid-template-columns:46px 126px 112px 150px 160px 166px !important;
    gap:0 !important;
    padding:0 !important;
  }
  body.taif-mobile-mode .panel[data-view="customer-card"] .customer-card-row__cell{
    min-height:38px !important;
    padding:4px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    overflow:hidden !important;
  }
  body.taif-mobile-mode .panel[data-view="customer-card"] .customer-card-row__stack{gap:1px !important;max-width:100% !important;overflow:hidden !important;}
  body.taif-mobile-mode .panel[data-view="customer-card"] .customer-card-row__primary{font-size:10px !important;line-height:1.15 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}
  body.taif-mobile-mode .panel[data-view="customer-card"] .customer-card-row__secondary,
  body.taif-mobile-mode .panel[data-view="customer-card"] .customer-card-row__meta{font-size:8.8px !important;line-height:1.12 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}
  body.taif-mobile-mode .panel[data-view="customer-card"] .customer-card-row__selector{width:24px !important;height:24px !important;min-width:24px !important;min-height:24px !important;padding:0 !important;}

  /* ===== General Ledger ===== */
  body.taif-mobile-mode .panel[data-view="general-ledger"] .general-ledger-shell{height:100% !important;min-height:100% !important;overflow:hidden !important;}
  body.taif-mobile-mode .panel[data-view="general-ledger"] .general-ledger-workspace{
    display:grid !important;
    grid-template-rows:auto minmax(0,1fr) !important;
    gap:6px !important;
    height:100% !important;
    min-height:0 !important;
    overflow:hidden !important;
  }
  body.taif-mobile-mode .panel[data-view="general-ledger"] .general-ledger-sidebar,
  body.taif-mobile-mode .panel[data-view="general-ledger"] .general-ledger-board{width:100% !important;min-width:0 !important;max-width:100% !important;border-radius:12px !important;overflow:hidden !important;}
  body.taif-mobile-mode .panel[data-view="general-ledger"] .general-ledger-sidebar__content{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:5px !important;max-height:38svh !important;overflow:auto !important;padding:6px !important;}
  body.taif-mobile-mode .panel[data-view="general-ledger"] .general-ledger-sidebar__card{padding:6px !important;border-radius:12px !important;}
  body.taif-mobile-mode .panel[data-view="general-ledger"] .general-ledger-field{min-width:0 !important;}
  body.taif-mobile-mode .panel[data-view="general-ledger"] .general-ledger-field__label{font-size:9.5px !important;margin-bottom:2px !important;}
  body.taif-mobile-mode .panel[data-view="general-ledger"] .general-ledger-sidebar__actions{grid-column:1 / -1 !important;display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:6px !important;}
  body.taif-mobile-mode .panel[data-view="general-ledger"] .general-ledger-sidebar__action{height:34px !important;min-height:34px !important;}
  body.taif-mobile-mode .panel[data-view="general-ledger"] .general-ledger-board{display:grid !important;grid-template-rows:auto minmax(0,1fr) auto !important;min-height:0 !important;}
  body.taif-mobile-mode .panel[data-view="general-ledger"] .general-ledger-board__body,
  body.taif-mobile-mode .panel[data-view="general-ledger"] .general-ledger-detail-table,
  body.taif-mobile-mode .panel[data-view="general-ledger"] .general-ledger-detail-table__body{width:100% !important;max-width:100% !important;overflow-x:auto !important;overflow-y:auto !important;-webkit-overflow-scrolling:touch !important;}
  body.taif-mobile-mode .panel[data-view="general-ledger"] .general-ledger-table__row,
  body.taif-mobile-mode .panel[data-view="general-ledger"] .general-ledger-table__row:not(.general-ledger-table__row--head){
    display:grid !important;
    grid-template-columns:86px 86px 92px 78px 152px 82px 92px 132px !important;
    width:800px !important;
    min-width:800px !important;
    max-width:none !important;
    gap:0 !important;
    margin:0 !important;
    padding:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    border-bottom:1px solid rgba(148,163,184,.22) !important;
    background:#fff !important;
  }
  body.taif-mobile-mode .panel[data-view="general-ledger"] .general-ledger-table__row--head{display:grid !important;position:sticky !important;top:0 !important;z-index:5 !important;height:30px !important;min-height:30px !important;background:#eaf2ff !important;}
  body.taif-mobile-mode .panel[data-view="general-ledger"] .general-ledger-table__head,
  body.taif-mobile-mode .panel[data-view="general-ledger"] .general-ledger-table__cell{
    min-height:34px !important;
    height:auto !important;
    padding:4px !important;
    border-radius:0 !important;
    background:transparent !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    font-size:10px !important;
    line-height:1.15 !important;
    overflow:hidden !important;
  }
  body.taif-mobile-mode .panel[data-view="general-ledger"] .general-ledger-table__cell::before{display:none !important;}
  body.taif-mobile-mode .panel[data-view="general-ledger"] :where(.general-ledger-table__statement,.general-ledger-table__subtext,.general-ledger-balance-inline){font-size:10px !important;line-height:1.15 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}
  body.taif-mobile-mode .panel[data-view="general-ledger"] .general-ledger-footer__strip,
  body.taif-mobile-mode .panel[data-view="general-ledger"] .general-ledger-pricing__strip,
  body.taif-mobile-mode .panel[data-view="general-ledger"] .general-ledger-currency-row{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:4px !important;}

  /* Dropdowns/popovers: appear directly under their triggering field instead of a large bottom sheet. */
  body.taif-mobile-mode :where(
    .entries-voucher-choice-picker,
    .entries-voucher-date,
    .coa-choice-picker,
    .currency-management-field,
    .currency-management-flag-picker,
    .currency-management-method-picker,
    .customer-card-field__control-wrap,
    .customer-card-phone-country,
    .general-ledger-field,
    .general-ledger-date,
    .sales-purchase-currency-picker
  ){
    position:relative !important;
  }

  body.taif-mobile-mode :where(
    .entries-voucher-choice-picker .entries-voucher-choice-popover,
    .entries-voucher-date .entries-voucher-date__popover,
    .coa-choice-picker .coa-choice-popover,
    .currency-management-field .currency-management-method-popover,
    .currency-management-field .currency-management-flag-popover,
    .customer-card-field__control-wrap .entries-voucher-choice-popover,
    .customer-card-field__control-wrap .entries-voucher-date__popover,
    .customer-card-phone-country__popover,
    .general-ledger-field .coa-choice-popover,
    .general-ledger-field .general-ledger-date__popover
  ){
    position:absolute !important;
    top:calc(100% + 4px) !important;
    bottom:auto !important;
    right:0 !important;
    left:0 !important;
    width:auto !important;
    max-width:none !important;
    max-height:min(46svh, 310px) !important;
    overflow:auto !important;
    -webkit-overflow-scrolling:touch !important;
    border-radius:12px !important;
    z-index:7200 !important;
    box-shadow:0 18px 42px rgba(15,23,42,.22) !important;
  }

  body.taif-mobile-mode :where(
    .entries-account-search__popover,
    .general-ledger-account-search__popover,
    .currency-management-name-autocomplete__popover
  ){
    position:absolute !important;
    top:calc(100% + 4px) !important;
    bottom:auto !important;
    right:0 !important;
    left:0 !important;
    max-height:min(42svh,280px) !important;
    border-radius:12px !important;
    z-index:7200 !important;
  }

  body.taif-mobile-mode :where([data-taif-dropdown-item="true"], .entries-voucher-choice-popover__option, .coa-choice-popover__option, .currency-management-flag-option){
    min-height:34px !important;
    font-size:11px !important;
    padding:5px 8px !important;
  }

  @media (max-width: 390px){
    body.taif-mobile-mode .panel[data-view="entries-vouchers"] .entries-toolbar__actions{grid-template-columns:repeat(6,minmax(0,1fr)) !important;}
    body.taif-mobile-mode .panel[data-view="currency-management"] .currency-management-topbar-tools{grid-template-columns:repeat(5,minmax(0,1fr)) !important;}
    body.taif-mobile-mode .panel[data-view="chart-of-accounts"] .chart-accounts__toolbar-group--full{grid-template-columns:minmax(0,1fr) repeat(2, minmax(54px,.35fr)) minmax(62px,.42fr) !important;}
    body.taif-mobile-mode .panel[data-view="cash-boxes"] .cash-boxes-layout{grid-template-columns:minmax(104px,.44fr) minmax(0,1fr) !important;}
    body.taif-mobile-mode .panel[data-view="general-ledger"] .general-ledger-sidebar__content{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  }
}