/* Compact field actions on phones without shrinking full-size commands. */
@media (max-width: 767px) {
  :root {
    --alfares-mobile-field-action: 32px;
    --alfares-mobile-field-glyph: 14px;
  }

  html body :is(
    .erp-opr-invoice-shell .invoice-head-panel .my-document-inline-control > .my-document-icon-button,
    .erp-opr-invoice-shell .invoice-head-panel .invoice-party-field-shell > .my-document-icon-button,
    .erp-opr-invoice-shell .my-document-item-search-card .my-document-search-input-shell > .my-document-icon-button,
    .erp-opr-invoice-shell .my-document-date-shell > .my-document-date-trigger,
    .erp-opr-invoice-shell .invoice-extra-reference-control > .my-document-icon-button,
    .erp-opr-sndat-shell .voucher-account-search .my-document-search-input-shell > .my-document-icon-button,
    .my-report-date-field .my-report-date-input-shell > button,
    .af-date-input-shell > [data-date-trigger]
  ) {
    box-sizing: border-box !important;
    inline-size: var(--alfares-mobile-field-action) !important;
    min-inline-size: var(--alfares-mobile-field-action) !important;
    block-size: var(--alfares-mobile-field-action) !important;
    min-block-size: var(--alfares-mobile-field-action) !important;
    padding: 0 !important;
  }

  html body :is(
    .erp-opr-invoice-shell .invoice-head-panel .my-document-inline-control > .my-document-icon-button,
    .erp-opr-invoice-shell .invoice-head-panel .invoice-party-field-shell > .my-document-icon-button,
    .erp-opr-invoice-shell .my-document-item-search-card .my-document-search-input-shell > .my-document-icon-button,
    .erp-opr-invoice-shell .my-document-date-shell > .my-document-date-trigger,
    .erp-opr-invoice-shell .invoice-extra-reference-control > .my-document-icon-button,
    .erp-opr-sndat-shell .voucher-account-search .my-document-search-input-shell > .my-document-icon-button,
    .my-report-date-field .my-report-date-input-shell > button,
    .af-date-input-shell > [data-date-trigger],
    .section-dashboard-filter__date-trigger,
    .my-report-filter-button,
    .report-filter-popover button
  ) > svg {
    inline-size: var(--alfares-mobile-field-glyph) !important;
    block-size: var(--alfares-mobile-field-glyph) !important;
    flex: 0 0 var(--alfares-mobile-field-glyph);
  }

  html body :is(
    .erp-opr-invoice-shell .invoice-party-search-input-shell > svg,
    .erp-document-search-modal--premium .erp-document-search-premium-input > svg,
    .erp-opr-invoice-shell .erp-item-search-filter > svg,
    .my-report-search > svg,
    .section-dashboard-filter__input-shell > svg,
    .accounts-tree-search > svg,
    .items-tree-search > svg,
    .locations-search > svg,
    .categories-search > svg,
    .options-header-search > svg,
    .sellers-search > svg,
    .sources-search > svg,
    .activities-search > svg,
    .permissions-search > svg,
    .units-search > svg
  ) {
    max-inline-size: var(--alfares-mobile-field-glyph) !important;
    max-block-size: var(--alfares-mobile-field-glyph) !important;
  }

  html body :is(
    .accounts-tree-search,
    .items-tree-search,
    .locations-control,
    .locations-search,
    .categories-control,
    .categories-search,
    .options-header-search,
    .sellers-control,
    .sellers-search,
    .sources-control,
    .sources-search,
    .activities-control,
    .activities-search,
    .permissions-search,
    .units-control,
    .units-search,
    .my-nav-global-search,
    .report-filter-popover
  ) button svg {
    max-inline-size: var(--alfares-mobile-field-glyph) !important;
    max-block-size: var(--alfares-mobile-field-glyph) !important;
  }
}