/* Static merged css: shared-screen-workspace-524c46390835. Source order is preserved. */
/* source: cssjs/Shared/usability/system-usability.css; sha256: b3ea73b4e82e0f28cbfa9ba43a80960d6ae4dcf5d58d3e4ea4434d9ed0fd51d6 */
:root {
  --alfares-focus-ring: #0b63ce;
  --alfares-focus-ring-offset: #fff;
  --alfares-safe-area-top: env(safe-area-inset-top, 0px);
  --alfares-safe-area-right: env(safe-area-inset-right, 0px);
  --alfares-safe-area-bottom: env(safe-area-inset-bottom, 0px);
  --alfares-safe-area-left: env(safe-area-inset-left, 0px);
  --alfares-layout-viewport-height: 100vh;
  --alfares-visual-viewport-height: 100vh;
  --alfares-visual-viewport-extent-height: 100vh;
  --alfares-visual-viewport-width: 100vw;
  --alfares-visual-viewport-offset-top: 0px;
  --alfares-visual-viewport-offset-left: 0px;
  --alfares-visual-viewport-offset-right: 0px;
  --alfares-visual-viewport-offset-bottom: 0px;
  --alfares-keyboard-inset: 0px;
}

@supports (height: 100dvh) {
  :root {
    --alfares-layout-viewport-height: 100dvh;
    --alfares-visual-viewport-height: 100dvh;
    --alfares-visual-viewport-extent-height: 100dvh;
  }
}

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

@layer alfares-search-hints {
  input[data-search-hint-kind]::placeholder {
    color: var(--alfares-search-hint-ink, #6b7280) !important;
    -webkit-text-fill-color: var(--alfares-search-hint-ink, #6b7280) !important;
    opacity: 1 !important;
    text-shadow: none !important;
  }

  /* Gray hints remain readable on the sidebar's dark surface as well as the
   * light document and lookup fields. Entered text retains the native color. */
  .my-slider-sidebar input[data-search-hint-kind] {
    --alfares-search-hint-ink: #cbd5e1;
  }

  @media (forced-colors: active) {
    input[data-search-hint-kind]::placeholder {
      color: CanvasText !important;
      -webkit-text-fill-color: CanvasText !important;
    }
  }
}

/* Screen table headings keep their palette and column dividers without
 * decorative accent strips. The shared layer also covers later legacy skins.
 * Designer header cells retain their own selection and drag indicators. */
@layer alfares-table-header-lines {
  @media screen {
    table > thead,
    table > thead > tr,
    table > thead > tr > td,
    table th:not(:where(.MngRebortDesignerScope .preview-table-col-head-cell)),
    [role="columnheader"]:not(:where(.MngRebortDesignerScope .preview-table-col-head-cell)) {
      box-shadow: none !important;
    }
  }
}

/* Full pages own browser scrolling; legacy editor skins must not lock the
 * document to 100% height. Embedded quick-entry frames are not opted in. */
@media screen {
  html[data-page-scroll="document"] {
    height: auto !important;
    min-height: 100%;
    scrollbar-gutter: stable;
    scrollbar-width: auto;
  }

  html[data-page-scroll="document"]:not(.is-slider-scroll-locked):not(.alfares-quick-entry-open):not(.is-dashboard-switcher-open):not(:has(body.modal-open, body.is-license-invoice-open)) {
    overflow-y: scroll !important;
  }

  html[data-page-scroll="document"] > body:not(.is-slider-scroll-locked):not(.alfares-quick-entry-open):not(.is-dashboard-switcher-open):not(.modal-open):not(.is-license-invoice-open) {
    height: auto !important;
    min-height: 100dvh;
    overflow-x: clip;
    overflow-y: visible !important;
  }
}

.alfares-skip-link {
  position: fixed;
  inset-block-start: 8px;
  inset-inline-start: 8px;
  z-index: 2147483000;
  max-inline-size: calc(100vw - 16px);
  padding: 9px 12px;
  border: 2px solid #fff;
  border-radius: 6px;
  background: #0b3f91;
  color: #fff;
  box-shadow: 0 3px 12px rgba(0, 0, 0, .08);
  font: 700 13px/1.4 "Segoe UI", Tahoma, Arial, sans-serif;
  text-decoration: none;
  transform: translateY(calc(-100% - 16px));
  transition: transform 120ms ease;
}

.alfares-skip-link:focus-visible {
  transform: translateY(0) !important;
  transition-duration: 0s !important;
}

:where(
  button,
  a[href],
  input:not([type="hidden"]),
  select,
  textarea,
  summary,
  [role="button"],
  [role="tab"],
  [role="menuitem"],
  [role="menuitemradio"],
  [role="menuitemcheckbox"],
  [tabindex]:not([tabindex="-1"])
):focus-visible {
  /* Keep a reliable fallback even when legacy screen CSS clears outline
   * without supplying a replacement. Explicit owners below opt out. */
  outline: 3px solid var(--alfares-focus-ring) !important;
  outline-offset: 2px !important;
}

/*
 * Fields inside a bordered composite control use that component's
 * :focus-within treatment as their single visible focus owner. The shared
 * outline remains enabled for standalone fields, while this explicit matrix
 * removes the second inner rectangle (and any broad document-field shadow)
 * from every current system family.
 */
:where(
  .auth-control,
  .auth-access-input,
  .register-control,
  .section-dashboard-filter__date-field,
  .my-report-date-field,
  .invoice-head-panel .my-document-inline-control,
  .invoice-head-panel .invoice-party-field-shell,
  .my-document-item-search-card .my-document-search-input-shell,
  .my-document-money-control,
  .invoice-party-search-input-shell,
  .erp-document-search-premium-input,
  .my-document-date-shell,
  .af-date-field-shell,
  .opr2-payment-party-field-shell,
  .opr2-payment-input-shell,
  .opr2-payment-due-date-card,
  .my-nav-global-search,
  .delivery-amount-field,
  .accounts-tree-search,
  .branch-account-transfer-field,
  .locations-control,
  .locations-search,
  .year-closing-input-wrap,
  .categories-control,
  .categories-search,
  .items-tree-search,
  .options-header-search,
  .sellers-control,
  .sellers-search,
  .sources-control,
  .sources-search,
  .activities-control,
  .activities-search,
  .permissions-search,
  .units-control,
  .units-search,
  .account-lookup-search,
  .voucher-account-menu-search,
  .report-item-search-input-shell,
  .invoice-item-alternatives-search
):focus-within :where(
  input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="image"]),
  select,
  textarea
):focus-visible {
  outline: 0 !important;
  outline-offset: 0 !important;
  box-shadow: none !important;
}

/* An action embedded in the same bordered control must not add a second ring
 * over the component's :focus-within owner. Its local icon/background state
 * remains available to identify the active action. */
:where(
  .auth-control,
  .auth-access-input,
  .register-control,
  .section-dashboard-filter__date-field,
  .my-report-date-field,
  .invoice-head-panel .my-document-inline-control,
  .invoice-head-panel .invoice-party-field-shell,
  .my-document-item-search-card .my-document-search-input-shell,
  .my-document-money-control,
  .invoice-party-search-input-shell,
  .erp-document-search-premium-input,
  .my-document-date-shell,
  .af-date-field-shell,
  .opr2-payment-party-field-shell,
  .opr2-payment-input-shell,
  .opr2-payment-due-date-card,
  .my-nav-global-search,
  .delivery-amount-field,
  .accounts-tree-search,
  .branch-account-transfer-field,
  .locations-control,
  .locations-search,
  .year-closing-input-wrap,
  .categories-control,
  .categories-search,
  .items-tree-search,
  .options-header-search,
  .sellers-control,
  .sellers-search,
  .sources-control,
  .sources-search,
  .activities-control,
  .activities-search,
  .permissions-search,
  .units-control,
  .units-search,
  .account-lookup-search,
  .voucher-account-menu-search,
  .report-item-search-input-shell,
  .invoice-item-alternatives-search
):focus-within :where(button, [role="button"]):focus-visible {
  outline: 0 !important;
  outline-offset: 0 !important;
  box-shadow: none !important;
}

/* Invoice, voucher, and POS screens load document-shared.css after this
 * fallback. That established local shadow is their single focus mechanism;
 * do not compose the system outline over it. */
:where(.erp-opr-invoice-shell, .erp-opr-sndat-shell) :where(
  button,
  input:not([type="hidden"]),
  select,
  textarea,
  [tabindex]:not([tabindex="-1"])
):focus-visible {
  outline: 0 !important;
  outline-offset: 0 !important;
}

/* A locally styled standalone field keeps its own border/shadow and drops only
 * the shared outline. The runtime sets this opt-in after confirming that the
 * focused field already exposes a component-owned box-shadow. */
:where(
  input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="image"]),
  select,
  textarea
)[data-alfares-focus-managed="field"]:focus-visible {
  outline: 0 !important;
  outline-offset: 0 !important;
}

:where(input, select, textarea)[aria-invalid="true"] {
  border-color: #b42318 !important;
  box-shadow: 0 0 0 3px rgb(180 35 24 / .15) !important;
}

/* A focused invalid field keeps one stronger red halo. Do not compose the
 * blue fallback outline over the validation state. */
:where(input, select, textarea)[aria-invalid="true"]:focus-visible {
  outline: 0 !important;
  outline-offset: 0 !important;
  box-shadow: 0 0 0 4px rgb(180 35 24 / .26) !important;
}

:where(button, input, select, textarea):disabled,
[aria-disabled="true"] {
  cursor: not-allowed;
}

.alfares-system-confirm {
  inline-size: min(460px, calc(100vw - 32px));
  max-inline-size: 100%;
  max-block-size: calc(
    var(--alfares-visual-viewport-height)
    - var(--alfares-safe-area-top)
    - var(--alfares-safe-area-bottom)
    - 24px
  );
  margin: auto;
  padding: 0;
  border: 1px solid rgb(148 163 184 / .48);
  border-radius: 20px;
  background:
    linear-gradient(180deg, rgb(255 255 255 / .99), rgb(248 250 252 / .99));
  color: #172033;
  box-shadow:
    0 3px 12px rgba(0, 0, 0, .08);
  font-family: "Segoe UI", Tahoma, Arial, sans-serif;
  text-align: center;
  overflow: auto;
  overscroll-behavior: contain;
}

.alfares-system-confirm::backdrop {
  background: transparent;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.alfares-system-confirm form {
  display: grid;
  justify-items: center;
  gap: 12px;
  padding: 28px 28px 24px;
}

.alfares-system-confirm__icon {
  display: grid;
  place-items: center;
  inline-size: 52px;
  block-size: 52px;
  margin-block-end: 2px;
  border: 1px solid #99c0ec;
  border-radius: 50%;
  background: linear-gradient(145deg, #edf6ff, #dbeafe);
  color: #1859a9;
  box-shadow: 0 3px 12px rgba(0, 0, 0, .08);
  font: 900 25px/1 "Segoe UI", Tahoma, Arial, sans-serif;
}

.alfares-system-confirm[data-tone="danger"] .alfares-system-confirm__icon {
  border-color: #f3aaa4;
  background: linear-gradient(145deg, #fff5f4, #fee4e2);
  color: #b42318;
  box-shadow: 0 3px 12px rgba(0, 0, 0, .08);
}

.alfares-system-confirm h2 {
  margin: 0;
  color: #172033;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.4;
  text-align: center;
}

.alfares-system-confirm p {
  margin: 0;
  max-inline-size: 38ch;
  color: #475569;
  font-size: 15px;
  line-height: 1.8;
  text-align: center;
  overflow-wrap: anywhere;
}

.alfares-system-confirm__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  inline-size: 100%;
  padding-block-start: 8px;
}

.alfares-system-confirm__actions button {
  min-inline-size: 112px;
  min-block-size: 44px;
  padding: 10px 20px;
  border: 1px solid #94a3b8;
  border-radius: 11px;
  background: #fff;
  color: #263244;
  font: 700 14px/1.3 inherit;
  box-shadow: 0 3px 12px rgba(0, 0, 0, .08);
  transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
}

/* A crisp frame identifies the keyboard choice in every document host. */
.alfares-system-confirm__actions button:focus-visible {
  outline: 2px solid var(--my-shell-primary, #235b78) !important;
  outline-offset: 3px !important;
}

.alfares-system-confirm__confirm {
  border-color: #1859a9 !important;
  background: #1859a9 !important;
  color: #fff !important;
  box-shadow: 0 3px 12px rgba(0, 0, 0, .08);
}

.alfares-system-confirm__confirm.is-danger {
  border-color: #b42318 !important;
  background: #b42318 !important;
  box-shadow: 0 3px 12px rgba(0, 0, 0, .08);
}

@media (max-width: 480px) {
  .alfares-system-confirm form {
    padding: 24px 18px 20px;
  }

  .alfares-system-confirm__actions button {
    flex: 1 1 120px;
  }
}

@media (pointer: coarse) {
  :where(
    button,
    [role="button"],
    [role="tab"],
    [role="menuitem"],
    [role="menuitemradio"],
    [role="menuitemcheckbox"]
  ) {
    min-inline-size: 36px !important;
    min-block-size: 36px !important;
    touch-action: manipulation;
  }

  :where(
    input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
    select,
    textarea
  ) {
    min-block-size: 36px !important;
  }

  :where(
    [data-alfares-mobile-close],
    [data-nav-menu-close],
    [data-bs-dismiss="modal"],
    [data-bs-dismiss="offcanvas"],
    .my-nav-menu [role="menuitem"],
    .my-slider-nav .my-nav-row
  ) {
    min-inline-size: 44px !important;
    min-block-size: 44px !important;
  }

  .alfares-system-confirm__actions button {
    min-inline-size: 112px !important;
    min-block-size: 44px !important;
  }
}

/*
 * The runtime adds these semantic hooks to Bootstrap and custom dialogs. They
 * deliberately avoid changing a component's display/layout model: only the
 * visible bounds, scroll ownership and close-control reachability are shared.
 */
[data-alfares-mobile-overlay] {
  box-sizing: border-box;
  max-inline-size: calc(
    var(--alfares-visual-viewport-width)
    - var(--alfares-safe-area-right)
    - var(--alfares-safe-area-left)
  );
  max-block-size: calc(
    var(--alfares-visual-viewport-height)
    - var(--alfares-safe-area-top)
    - var(--alfares-safe-area-bottom)
  );
  overscroll-behavior: contain;
}

[data-alfares-overlay-scroll] {
  min-block-size: 0;
  max-block-size: 100%;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 1199px) {
  [data-alfares-mobile-overlay]:is(dialog, [role="dialog"], [aria-modal="true"], .offcanvas) {
    max-block-size: calc(
      var(--alfares-visual-viewport-height)
      - var(--alfares-safe-area-top)
      - var(--alfares-safe-area-bottom)
      - 12px
    );
  }

  .modal[data-alfares-mobile-overlay] {
    position: fixed;
    top: var(--alfares-visual-viewport-offset-top, 0px);
    right: auto;
    bottom: auto;
    left: var(--alfares-visual-viewport-offset-left, 0px);
    inline-size: 100%;
    width: var(--alfares-visual-viewport-width, 100vw);
    block-size: var(--alfares-visual-viewport-height);
    max-inline-size: none;
    max-block-size: none;
    padding-block-start: var(--alfares-safe-area-top);
    padding-block-end: var(--alfares-safe-area-bottom);
  }

  .modal[data-alfares-mobile-overlay] .modal-dialog {
    max-block-size: calc(
      var(--alfares-visual-viewport-height)
      - var(--alfares-safe-area-top)
      - var(--alfares-safe-area-bottom)
      - 16px
    );
    margin-block: 8px;
  }

  .modal[data-alfares-mobile-overlay] .modal-content {
    max-block-size: inherit;
    overflow: hidden;
  }

  [data-alfares-mobile-overlay] [data-alfares-overlay-header] {
    position: sticky;
    inset-block-start: 0;
    z-index: 6;
  }

  [data-alfares-mobile-overlay] [data-alfares-overlay-footer] {
    position: sticky;
    inset-block-end: 0;
    z-index: 5;
    padding-block-end: max(8px, var(--alfares-safe-area-bottom));
  }

  [data-alfares-mobile-overlay] [data-alfares-mobile-close] {
    position: relative;
    z-index: 8;
    flex: 0 0 auto;
    min-inline-size: 44px !important;
    min-block-size: 44px !important;
    touch-action: manipulation;
  }

  html.alfares-keyboard-open,
  body.alfares-keyboard-open {
    overscroll-behavior-y: none;
  }

  .alfares-keyboard-open :where(
    [data-alfares-overlay-scroll],
    .my-slider-screen,
    .my-slider-content
  ) {
    scroll-padding-block-start: calc(var(--alfares-safe-area-top) + 12px);
    scroll-padding-block-end: calc(var(--alfares-safe-area-bottom) + 20px);
  }
}

/* iOS zooms the document when a focused text control renders below 16px.
 * Restrict the correction to touch-first compact viewports so dense desktop
 * screens keep their established typography. */
@media (max-width: 1199px) and (pointer: coarse) {
  :where(
    input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="button"]):not([type="submit"]):not([type="reset"]),
    select,
    textarea,
    [contenteditable="true"]
  ) {
    font-size: max(16px, 1em) !important;
  }
}

@media (forced-colors: active) {
  :where(
    button,
    a[href],
    input:not([type="hidden"]),
    select,
    textarea,
    summary,
    [role="button"],
    [role="tab"],
    [role="menuitem"],
    [tabindex]:not([tabindex="-1"])
  ):focus-visible {
    outline-color: CanvasText !important;
  }

  :where(input, select, textarea)[aria-invalid="true"]:focus-visible {
    outline: 3px solid CanvasText !important;
    outline-offset: 2px !important;
    box-shadow: none !important;
  }
}

/* Keep operational feedback on the physical left in both Arabic and English. */
html body .alfares-notification-host,
html body .alfares-notification--floating {
  position: fixed !important;
  inset: auto !important;
  top: max(86px, env(safe-area-inset-top)) !important;
  left: max(12px, env(safe-area-inset-left)) !important;
  right: auto !important;
  bottom: auto !important;
  margin: 0 !important;
  transform: none !important;
  width: min(380px, calc(100vw - 24px - env(safe-area-inset-left) - env(safe-area-inset-right))) !important;
  max-width: calc(100vw - 24px - env(safe-area-inset-left) - env(safe-area-inset-right)) !important;
  max-height: min(55vh, 360px) !important;
  z-index: 10030 !important;
}

html body .alfares-notification-host {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  align-content: start !important;
  gap: 8px !important;
  height: auto !important;
  overflow: visible !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  pointer-events: none !important;
}

html body .alfares-notification-host::backdrop,
html body .alfares-notification--floating::backdrop {
  background: transparent !important;
  pointer-events: none !important;
}

html body .alfares-notification {
  --notification-text: #17634d;
  --notification-soft: #edf9f2;
  --notification-line: #bfdccc;
  --toast-tone: var(--notification-text);
  --toast-soft: var(--notification-soft);
  --toast-line: var(--notification-line);
  box-sizing: border-box !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: min(35vh, 240px) !important;
  padding: 11px 14px !important;
  border: 1px solid var(--notification-line) !important;
  border-radius: 12px !important;
  background: var(--notification-soft) !important;
  color: var(--notification-text) !important;
  box-shadow: 0 3px 12px rgba(15, 23, 42, .08) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.55 !important;
  text-align: start !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  overflow: auto !important;
  pointer-events: auto !important;
}

html body .alfares-notification-host > .alfares-notification {
  position: relative !important;
  inset: auto !important;
  align-self: stretch !important;
  width: 100% !important;
  transform: none !important;
}

html body .alfares-notification[data-alfares-notification-tone="error"] {
  --notification-text: #9f3a3a;
  --notification-soft: #fff2f1;
  --notification-line: #e8c4c1;
}

html body .alfares-notification[data-alfares-notification-tone="warning"] {
  --notification-text: #805322;
  --notification-soft: #fff8ec;
  --notification-line: #e8d5b6;
}

html body .alfares-notification[data-alfares-notification-tone="info"] {
  --notification-text: #234f70;
  --notification-soft: #f1f7fb;
  --notification-line: #c5d9e7;
}

html body .alfares-notification p,
html body .alfares-notification .my-document-toast-text {
  color: inherit !important;
}

html body .alfares-notification-host[hidden],
html body .alfares-notification-host:empty,
html body .alfares-notification[hidden] {
  display: none !important;
}

@media print {
  .alfares-notification-host,
  .alfares-notification { display: none !important; }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
  }
}


/* One swipeable action row on phones. The explicit HTML contract keeps row
   menus, field tools and navigation outside this layout. Important rules live
   in this early shared layer so later screen skins cannot split the row. */
@layer alfares-mobile-actionbars {
  /* Screen skins may set display on buttons. Explicitly retain the hidden
     state instead of relying on the browser's lower-priority [hidden] rule. */
  @media screen {
    [data-screen-actionbar][hidden],
    [data-screen-actionbar].d-none,
    [data-screen-actionbar] [hidden],
    [data-screen-actionbar] .d-none { display: none !important; }
  }

  @media screen and (max-width: 767px), screen and (max-width: 1100px) and (pointer: coarse) {
    /* A three-dot or row menu keeps its own vertical item list: only screen and dialog bars become a swipe row.
       Report toolbars keep the report band's own phone grid, which shows every action and the report menu. */
    [data-screen-actionbar]:not([hidden]):not(.d-none):not([aria-hidden="true"]):not([style*="display:none"]):not([style*="display: none"]):not(:where([role="menu"] *, [data-three-dot-menu] *, [data-report-owned-menu] *, .report-owned-menu *)):not(:where(.my-report-actions-band > .my-report-action-group)) {
      display: flex !important;
      flex-flow: row nowrap !important;
      align-items: center !important;
      justify-content: flex-start !important;
      justify-content: safe center !important;
      box-sizing: border-box !important;
      min-inline-size: 0 !important;
      max-inline-size: 100% !important;
      inline-size: 100% !important;
      block-size: auto !important;
      gap: 6px !important;
      overflow-x: auto !important;
      overflow-y: hidden !important;
      overscroll-behavior-inline: contain;
      scrollbar-width: thin;
      scrollbar-color: var(--alfares-focus-ring, #0b63ce) transparent;
      scroll-padding-inline: 8px;
      -webkit-overflow-scrolling: touch;
      touch-action: pan-x pan-y;
    }

    [data-screen-actionbar]:is([data-screen-actionbar="primary"], [data-screen-actionbar="dialog"]):not(:where([role="menu"] *, [data-three-dot-menu] *, [data-report-owned-menu] *, .report-owned-menu *)) {
      flex-shrink: 0 !important;
      padding: 6px 8px !important;
    }

    /* Groups retain their visibility and handlers; only their row geometry
       changes. The outside strip owns scrolling, including the New buttons. */
    [data-screen-actionbar] :is(.items-command-actions, .items-create-actions, [data-screen-actionbar-group]):not([hidden]):not(.d-none):not([aria-hidden="true"]):not([style*="display:none"]):not([style*="display: none"]):not(:where([role="menu"] *, [data-three-dot-menu] *, [data-report-owned-menu] *, .report-owned-menu *)) {
      display: flex !important;
      flex-flow: row nowrap !important;
      align-items: center !important;
      justify-content: center !important;
      flex: 0 0 auto !important;
      inline-size: auto !important;
      min-inline-size: 0 !important;
      max-inline-size: none !important;
      margin: 0 !important;
      gap: 6px !important;
      overflow: visible !important;
    }

    [data-screen-actionbar] :is(button, a, input[type="submit"], input[type="button"], [role="button"]):not(:where([data-report-owned-menu] *, .report-owned-menu *, [role="menu"] *, .my-report-actions-band > .my-report-action-group *)) {
      flex: 0 0 auto !important;
      inline-size: auto !important;
      width: auto !important;
      min-inline-size: 44px !important;
      max-inline-size: none !important;
      max-width: none !important;
      block-size: 44px !important;
      min-block-size: 44px !important;
      height: 44px !important;
      min-height: 44px !important;
      margin-block: 0 !important;
      padding-inline: 12px !important;
      align-self: center !important;
      justify-content: center !important;
      white-space: nowrap !important;
      font-size: 12px !important;
      line-height: 1.2 !important;
      text-align: center !important;
      scroll-margin-inline: 8px;
    }

    [data-screen-actionbar] :is(button, a, [role="button"]):not(:where([data-report-owned-menu] *, .report-owned-menu *, [role="menu"] *, .my-report-actions-band > .my-report-action-group *)) :is(span, b) {
      white-space: nowrap !important;
      text-overflow: clip !important;
      overflow: visible !important;
    }

    [data-screen-actionbar] kbd:not(:where([data-report-owned-menu] *, .report-owned-menu *, [role="menu"] *)) { display: none !important; }
    [data-screen-actionbar] :focus-visible:not(:where([data-report-owned-menu] *, .report-owned-menu *, [role="menu"] *)) { outline-offset: -3px !important; }
    [data-screen-actionbar]::-webkit-scrollbar { height: 4px; }
    [data-screen-actionbar]::-webkit-scrollbar-thumb { background: var(--alfares-focus-ring, #0b63ce); border-radius: 4px; }

    [data-screen-actionbar-host] {
      min-inline-size: 0 !important;
      block-size: auto !important;
      min-block-size: 56px !important;
      flex-shrink: 0 !important;
      overflow: visible !important;
    }
  }
}


/* source: cssjs/Shared/pricing/price-level-repair.css; sha256: 01443477bfc3d7cc5a50006491df653a398e9640090fe35781a329cee06f7803 */
.price-level-repair { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 8px 0; }
.price-level-repair-scope { display: flex; align-items: center; gap: 7px; margin: 0; font-size: 12px; font-weight: 700; }
.price-level-repair-scope select { min-height: 34px; max-width: 220px; border: 1px solid #cbd5e1; border-radius: 9px; padding: 4px 8px; background: #fff; color: #334155; font: inherit; }
.price-level-repair-button { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 34px; border: 1px solid #e2bba0; border-radius: 9px; padding: 6px 10px; background: #fff8f0; color: #92400e; font: inherit; font-size: 12px; font-weight: 700; cursor: pointer; }
.price-level-repair-button svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.price-level-repair-button:focus-visible, .price-level-repair-scope select:focus-visible { outline: 2px solid #b45309; outline-offset: 2px; }
.price-level-repair-button:disabled { opacity: .55; cursor: wait; }
.price-level-repair-status { flex-basis: 100%; padding: 7px 10px; border-radius: 8px; background: #eff6ff; color: #1e40af; font-size: 12px; }
.price-level-repair-status[data-tone="error"] { background: #fff1f2; color: #9f1239; }
.price-level-repair-status[hidden] { display: none; }
.invoice-price-menu-body > .price-level-repair { padding-inline: 8px; }


/* source: cssjs/Shared/party-details/party-details.css; sha256: 061283c3a9455e356589684dff2b4f3a3ae5e39fb909f21a1782d316167e72b3 */
.tax-identity-field-hint { display: block; color: #60758a; font-size: 10px; font-weight: 500; line-height: 1.45; white-space: normal; }
html body .erp-opr-invoice-shell .invoice-party-detail-menu.invoice-party-details-editor { width: min(var(--party-menu-width, 700px), calc(100vw - 20px)) !important; max-height: var(--party-menu-max-height, calc(100vh - 20px)) !important; max-height: var(--party-menu-max-height, calc(100dvh - 20px)) !important; }
html body .erp-opr-invoice-shell .invoice-party-details-editor[data-floating-party-menu="true"] { z-index: 300940 !important; }
html body .erp-opr-invoice-shell .invoice-party-details-editor:not([hidden]) { display: flex !important; flex-direction: column; overflow: hidden !important; }
html body .erp-opr-invoice-shell .invoice-party-details-editor > :not(.invoice-party-detail-panel) { flex-shrink: 0; }
html body .erp-opr-invoice-shell .invoice-party-details-editor .invoice-party-detail-panel { flex: 1 1 auto; min-height: 0; max-height: none; overflow-y: auto !important; overscroll-behavior: contain; }
html body .erp-opr-invoice-shell .invoice-party-details-editor .invoice-party-detail-grid,
html body .erp-opr-invoice-shell .invoice-party-details-editor .invoice-party-national-grid { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 9px 10px !important; }
html body .erp-opr-invoice-shell .invoice-party-details-editor label.invoice-party-detail-field { display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; grid-template-columns: none !important; gap: 4px !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; }
html body .erp-opr-invoice-shell .invoice-party-details-editor .invoice-party-detail-field--email { grid-column: auto !important; }
html body .erp-opr-invoice-shell .invoice-party-details-editor .invoice-party-detail-field > span:first-child { display: block !important; width: 100% !important; min-width: 0 !important; font-size: 11px !important; min-height: 14px !important; text-align: start !important; line-height: 1.4 !important; white-space: normal !important; }
html body .erp-opr-invoice-shell .invoice-party-details-editor .invoice-party-detail-field input,
html body .erp-opr-invoice-shell .invoice-party-details-editor .invoice-party-detail-field select { box-sizing: border-box !important; width: 100% !important; min-width: 0 !important; max-width: none !important; flex: none !important; height: 32px !important; min-height: 32px !important; font-size: 12px !important; }
html body .erp-opr-invoice-shell .invoice-party-details-editor .invoice-party-detail-field--balance > .input-group { width: 100% !important; min-width: 0 !important; }
html body .erp-opr-invoice-shell .invoice-party-details-editor .invoice-party-detail-field--balance > .input-group > input { width: 0 !important; flex: 1 1 0 !important; }
html body .erp-opr-invoice-shell .invoice-party-details-editor .tax-identity-field-hint,
html body .erp-opr-invoice-shell .invoice-party-details-editor .invoice-party-field-error { align-self: stretch !important; width: 100% !important; min-width: 0 !important; max-width: none !important; font-size: 10px !important; font-weight: 500 !important; line-height: 1.5 !important; white-space: normal !important; text-align: start !important; }
html body .erp-opr-invoice-shell .invoice-party-details-editor .invoice-party-detail-field input[readonly] { background: #f4f7fa !important; color: #65778a !important; }
.invoice-party-national-address { min-width: 0; grid-column: 1 / -1; border: 0; border-top: 1px solid #dce7ee; padding: 8px 0 0; margin: 2px 0; }
.invoice-party-national-address legend { float: none; width: auto; padding: 0 5px; color: #276475; font-size: 11px; font-weight: 800; }
.invoice-party-save-status { margin: 5px 8px 0; padding: 5px 7px; border-radius: 7px; background: #eff7fb; color: #366178; font-size: 10px; line-height: 1.4; }
.invoice-party-save-status[data-tone="error"] { color: #9b263a; background: #fff0f1; }
.invoice-party-save-status[data-tone="success"] { color: #176b52; background: #edf9f2; }
.invoice-party-save-retry { margin: 4px 8px; border: 1px solid #b9d2df; border-radius: 7px; padding: 4px 9px; background: #fff; color: #285e75; font: inherit; font-size: 11px; }
.invoice-party-save-retry[hidden] { display: none; }
.invoice-party-field-error { display: block; color: #a52f44; font-size: 10px; line-height: 1.4; }
.invoice-party-field-error[hidden] { display: none; }
html body .erp-opr-invoice-shell .invoice-party-details-editor [data-party-account-field].is-invalid { border-color: #cf6677 !important; box-shadow: 0 0 0 2px #cf66771a !important; }
html body .erp-opr-invoice-shell .invoice-party-details-editor .invoice-party-detail-field.is-required > span:first-child::after { content: " *"; color: #b63f54; }
@media (min-width: 481px) and (max-width: 760px) {
  html body .erp-opr-invoice-shell .invoice-party-details-editor .invoice-party-detail-grid,
  html body .erp-opr-invoice-shell .invoice-party-details-editor .invoice-party-national-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 480px) {
  html body .erp-opr-invoice-shell .invoice-party-details-editor .invoice-party-detail-grid,
  html body .erp-opr-invoice-shell .invoice-party-details-editor .invoice-party-national-grid { grid-template-columns: minmax(0, 1fr) !important; gap: 10px !important; }
}


/* source: cssjs/Shared/currency/saudi-riyal-symbol.css; sha256: 02e5d2b54ee9784538974a0e0d9588fcfff7b58519d71a795cddf601052e81fa */
/*
 * Shared Saudi riyal mark.
 *
 * Keep the artwork in one authoritative asset and inherit the surrounding
 * text colour so the mark works in totals, cards, tables, and dark surfaces.
 */
:where(.alfares-saudi-riyal-symbol, .opr2-saudi-riyal-symbol) {
  display: inline-block;
  inline-size: .82em;
  block-size: 1em;
  flex: 0 0 auto;
  vertical-align: -.12em;
  background-color: currentColor;
  -webkit-mask: url("../../Dashboards/SectionDashboards/Shared/assets/saudi-riyal-symbol.svg") center / contain no-repeat;
  mask: url("../../Dashboards/SectionDashboards/Shared/assets/saudi-riyal-symbol.svg") center / contain no-repeat;
}

/*
 * The surrounding amount component owns layout and visibility. Keeping this
 * layer glyph-only prevents the global currency asset from overriding compact
 * invoice, voucher, payment, or POS layouts.
 */


/* source: cssjs/Shared/usability/mobile-field-icons.css; sha256: 50b63b17eac40526f489adb984326f035ca347c90bc997ce9c16e0a90632c321 */
/* 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;
  }
}


/* source: cssjs/Shared/names/auto-foreign-name.css; sha256: b7874e8d09ea965020450a8f1b78d93aecef4b7e9843e332ff2fe3de1aae371c */
.auto-foreign-name-header,
.auto-foreign-name-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px 12px;
  min-width: 0;
}

[data-auto-translate-scope] .auto-foreign-name-header {
  justify-content: space-between;
}

.auto-foreign-name-header > label[for] {
  margin: 0;
  font: inherit;
  color: inherit;
}

label.auto-foreign-name-toggle,
.auto-foreign-name-header label.auto-foreign-name-toggle {
  position: relative;
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  gap: 6px;
  margin: 0;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.4;
  color: inherit;
  cursor: pointer;
  white-space: nowrap;
}

.auto-foreign-name-field {
  display: grid;
  min-width: 0;
  gap: 4px;
}

.auto-foreign-name-toggle > input[data-auto-translate-toggle] {
  position: absolute;
  clip-path: inset(50%);
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}

.auto-foreign-name-toggle > .auto-foreign-name-track {
  display: inline-block;
  flex: 0 0 32px;
  box-sizing: border-box;
  width: 32px;
  height: 18px;
  padding: 2px;
  border-radius: 999px;
  background: #cbd5e1;
}

.auto-foreign-name-track::after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #fff;
}

.auto-foreign-name-toggle > input:checked + .auto-foreign-name-track {
  background: #176aab;
}

.auto-foreign-name-toggle > input:checked + .auto-foreign-name-track::after {
  margin-inline-start: 14px;
}

.auto-foreign-name-toggle > input:focus-visible + .auto-foreign-name-track {
  outline: 2px solid #176aab;
  outline-offset: 3px;
}

.auto-foreign-name-toggle:has(> input:disabled) {
  cursor: default;
  opacity: .55;
}


/* source: cssjs/Shared/menus/item-search-controls.css; sha256: 5d8d5ce64dc995d44c5cfc970c4b4440a9a9a7a52ee96b950302aa33755ca837 */
/* One component contract for item lookup controls and its live result footer. */
html body #BigModal_Search_items#BigModal_Search_items[data-search-controls="quiet"] .erp-item-search-premium-box {
  display: grid !important;
  grid-template-rows: minmax(0, 1fr) !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

html body #OprItems_RawMaterialSearchModal#OprItems_RawMaterialSearchModal[data-search-controls="quiet"] .items-raw-material-box {
  grid-template-rows: minmax(0, 1fr) auto !important;
}

html body :is(#BigModal_Search_items#BigModal_Search_items, #OprItems_RawMaterialSearchModal#OprItems_RawMaterialSearchModal)[data-search-controls="quiet"] {
  --item-search-control-size: 44px;
  --item-search-icon-size: 20px;
  --item-search-control-glow: 0 3px 12px rgba(0, 0, 0, .08);
}

html body :is(#BigModal_Search_items#BigModal_Search_items, #OprItems_RawMaterialSearchModal#OprItems_RawMaterialSearchModal)[data-search-controls="quiet"] .erp-item-search-results-wrap {
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) auto !important;
  gap: 0 !important;
  min-height: 0 !important;
}

html body :is(#BigModal_Search_items#BigModal_Search_items, #OprItems_RawMaterialSearchModal#OprItems_RawMaterialSearchModal)[data-search-controls="quiet"] .erp-item-search-toolbar {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 6px 12px !important;
  min-height: var(--item-search-control-size) !important;
  padding: 6px 8px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body :is(#BigModal_Search_items#BigModal_Search_items, #OprItems_RawMaterialSearchModal#OprItems_RawMaterialSearchModal)[data-search-controls="quiet"] .erp-item-search-view-switch {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body :is(#BigModal_Search_items#BigModal_Search_items, #OprItems_RawMaterialSearchModal#OprItems_RawMaterialSearchModal)[data-search-controls="quiet"] :is(button, .erp-lookup-empty-add) {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  translate: none !important;
  scale: none !important;
  animation: none !important;
  transition: box-shadow 120ms ease !important;
}

html body :is(#BigModal_Search_items#BigModal_Search_items, #OprItems_RawMaterialSearchModal#OprItems_RawMaterialSearchModal)[data-search-controls="quiet"] .erp-item-search-popover-head {
  position: relative !important;
  inset: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  width: auto !important;
  height: auto !important;
  min-height: 56px !important;
  padding: 6px 10px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  pointer-events: auto !important;
}
html body :is(#BigModal_Search_items#BigModal_Search_items, #OprItems_RawMaterialSearchModal#OprItems_RawMaterialSearchModal)[data-search-controls="quiet"] .erp-item-search-popover-title {
  display: block !important;
  flex: 1 !important;
  min-width: 0 !important;
}
html body :is(#BigModal_Search_items#BigModal_Search_items, #OprItems_RawMaterialSearchModal#OprItems_RawMaterialSearchModal)[data-search-controls="quiet"] .erp-item-search-popover-title h2 {
  display: block !important;
  margin: 0 !important;
  font-size: 15px !important;
  color: #245c92 !important;
}
html body :is(#BigModal_Search_items#BigModal_Search_items, #OprItems_RawMaterialSearchModal#OprItems_RawMaterialSearchModal)[data-search-controls="quiet"] .erp-item-search-popover-head button {
  position: static !important;
  inset: auto !important;
  margin: 0 !important;
}

html body :is(#BigModal_Search_items#BigModal_Search_items, #OprItems_RawMaterialSearchModal#OprItems_RawMaterialSearchModal)[data-search-controls="quiet"] button:is(:hover, :focus-visible, :active) {
  border: 0 !important;
  transform: none !important;
  translate: none !important;
  scale: none !important;
  box-shadow: var(--item-search-control-glow) !important;
}

html body :is(#BigModal_Search_items#BigModal_Search_items, #OprItems_RawMaterialSearchModal#OprItems_RawMaterialSearchModal)[data-search-controls="quiet"] button:not([role="option"]) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  height: var(--item-search-control-size) !important;
  min-height: var(--item-search-control-size) !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: #245c92 !important;
}

html body :is(#BigModal_Search_items#BigModal_Search_items, #OprItems_RawMaterialSearchModal#OprItems_RawMaterialSearchModal)[data-search-controls="quiet"] :is(.erp-item-search-view-button, .erp-item-search-density-toggle, .erp-lookup-toolbar-close) {
  width: var(--item-search-control-size) !important;
  min-width: var(--item-search-control-size) !important;
  max-width: var(--item-search-control-size) !important;
  padding: 0 !important;
  flex: 0 0 var(--item-search-control-size) !important;
}

html body :is(#BigModal_Search_items#BigModal_Search_items, #OprItems_RawMaterialSearchModal#OprItems_RawMaterialSearchModal)[data-search-controls="quiet"] .erp-lookup-toolbar-close {
  margin: 0 !important;
  color: #a94739 !important;
}

html body :is(#BigModal_Search_items#BigModal_Search_items, #OprItems_RawMaterialSearchModal#OprItems_RawMaterialSearchModal)[data-search-controls="quiet"] .erp-item-search-toolbar button[aria-pressed="true"] {
  background: rgba(39, 115, 190, .09) !important;
  color: #166db4 !important;
}

html body :is(#BigModal_Search_items#BigModal_Search_items, #OprItems_RawMaterialSearchModal#OprItems_RawMaterialSearchModal)[data-search-controls="quiet"] button:disabled {
  opacity: .5 !important;
  box-shadow: none !important;
  cursor: default !important;
}

html body :is(#BigModal_Search_items#BigModal_Search_items, #OprItems_RawMaterialSearchModal#OprItems_RawMaterialSearchModal)[data-search-controls="quiet"] svg {
  width: var(--item-search-icon-size) !important;
  height: var(--item-search-icon-size) !important;
  flex: 0 0 var(--item-search-icon-size) !important;
  transform: none !important;
  animation: none !important;
  filter: none !important;
}
html body :is(#BigModal_Search_items#BigModal_Search_items, #OprItems_RawMaterialSearchModal#OprItems_RawMaterialSearchModal)[data-search-controls="quiet"] .erp-lookup-empty-add svg {
  width: 20px !important;
  min-width: 20px !important;
  height: 20px !important;
  min-height: 20px !important;
  flex: 0 0 20px !important;
}

html body :is(#BigModal_Search_items#BigModal_Search_items, #OprItems_RawMaterialSearchModal#OprItems_RawMaterialSearchModal)[data-search-controls="quiet"] :is(.erp-item-search-icon, .erp-item-search-popover-icon) {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body :is(#BigModal_Search_items#BigModal_Search_items, #OprItems_RawMaterialSearchModal#OprItems_RawMaterialSearchModal)[data-search-controls="quiet"] .erp-item-search-filter {
  flex: 1 1 180px !important;
  min-width: 0 !important;
  min-height: var(--item-search-control-size) !important;
  border: 0 !important;
  background: transparent !important;
}

html body :is(#BigModal_Search_items#BigModal_Search_items, #OprItems_RawMaterialSearchModal#OprItems_RawMaterialSearchModal)[data-search-controls="quiet"] .erp-item-search-filter :is(select, input, .my-report-select-button) {
  min-height: var(--item-search-control-size) !important;
  height: var(--item-search-control-size) !important;
  max-width: 100% !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  background: rgba(237, 245, 254, .65) !important;
  transform: none !important;
  transition: box-shadow 120ms ease !important;
}

html body :is(#BigModal_Search_items#BigModal_Search_items, #OprItems_RawMaterialSearchModal#OprItems_RawMaterialSearchModal)[data-search-controls="quiet"] .erp-item-search-footer {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 6px 16px !important;
  min-height: 34px !important;
  padding: 7px 10px !important;
  background: transparent !important;
}

html body :is(#BigModal_Search_items#BigModal_Search_items, #OprItems_RawMaterialSearchModal#OprItems_RawMaterialSearchModal)[data-search-controls="quiet"] .erp-item-search-total {
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 6px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #58718b !important;
  font-size: 12px !important;
}

html body :is(#BigModal_Search_items#BigModal_Search_items, #OprItems_RawMaterialSearchModal#OprItems_RawMaterialSearchModal)[data-search-controls="quiet"] .erp-item-search-total strong {
  display: inline !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #245c92 !important;
  font-size: 14px !important;
  font-variant-numeric: tabular-nums;
}

html body :is(#BigModal_Search_items#BigModal_Search_items, #OprItems_RawMaterialSearchModal#OprItems_RawMaterialSearchModal)[data-search-controls="quiet"] .erp-item-search-footer-hint {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 11px !important;
  color: #7a8fa5 !important;
}

@media (max-width: 760px) {
  html body :is(#BigModal_Search_items#BigModal_Search_items, #OprItems_RawMaterialSearchModal#OprItems_RawMaterialSearchModal)[data-search-controls="quiet"] .erp-item-search-filter {
    flex-basis: 100% !important;
  }
  html body :is(#BigModal_Search_items#BigModal_Search_items, #OprItems_RawMaterialSearchModal#OprItems_RawMaterialSearchModal)[data-search-controls="quiet"] .erp-item-search-filter :is(select, input) {
    font-size: 16px !important;
  }
}

html body #BigModal_Search_items#BigModal_Search_items[data-search-controls="quiet"] .erp-item-search-toolbar {
  flex-wrap: nowrap !important;
  gap: 6px !important;
}
html body #BigModal_Search_items#BigModal_Search_items[data-search-controls="quiet"] .erp-item-search-filter {
  flex: 1 1 0 !important;
}
@media (max-width: 760px) {
  html body #BigModal_Search_items#BigModal_Search_items[data-search-controls="quiet"] .erp-item-search-filter > :is(svg, span) {
    display: none !important;
  }
}

/* Reports use the same item lookup contract in their existing lazy selector. */
html body .my-shared-item-search-panel[data-floating-select-panel="true"] {
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
}
html body .my-shared-item-search-panel :is(.my-shared-item-search-heading, .my-report-select-search, .my-shared-item-search-clear, .my-shared-item-search-footer) {
  flex-shrink: 0 !important;
}
html body .my-shared-item-search-panel .my-report-select-options {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-y: auto !important;
}
html body .my-shared-item-search-panel .my-shared-item-search-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 6px 12px;
  padding: 8px;
  color: #58718b;
  font-size: 12px;
}
html body .my-shared-item-search-panel button {
  min-height: 44px !important;
  border: 0 !important;
  outline: 0 !important;
  transform: none !important;
  translate: none !important;
  scale: none !important;
  box-shadow: none !important;
  animation: none !important;
  transition: box-shadow 120ms ease !important;
}
html body .my-shared-item-search-panel button:is(:hover, :focus-visible) {
  box-shadow: 0 3px 12px rgba(0, 0, 0, .08) !important;
}
html body .my-shared-item-search-panel svg { width: 20px !important; height: 20px !important; }

/* Share intrinsic column sizing across the header and every rendered result. */
html body #BigModal_Search_items#BigModal_Search_items[data-search-controls="quiet"] .erp-item-search-results-wrap.is-table-view .erp-item-search-list {
  grid-template-columns: max-content minmax(190px, 1.4fr) 76px 86px 112px 90px !important;
}

html body #BigModal_Search_items#BigModal_Search_items[data-search-controls="quiet"] .erp-item-search-results-wrap.is-table-view.is-dense-density .erp-item-search-list {
  grid-template-columns: max-content minmax(180px, 1.45fr) 68px 78px 100px 84px !important;
}

html body #OprItems_RawMaterialSearchModal#OprItems_RawMaterialSearchModal[data-search-controls="quiet"] .erp-item-search-results-wrap.is-table-view .erp-item-search-list {
  grid-template-columns: 32px max-content minmax(200px, 1fr) 120px 140px !important;
}

html body #BigModal_Search_items#BigModal_Search_items[data-search-controls="quiet"] .erp-item-search-results-wrap.is-table-view .erp-item-search-table-head > :first-child {
  min-width: 86px !important;
}

html body #BigModal_Search_items#BigModal_Search_items[data-search-controls="quiet"] .erp-item-search-results-wrap.is-table-view.is-dense-density .erp-item-search-table-head > :first-child {
  min-width: 78px !important;
}

html body #OprItems_RawMaterialSearchModal#OprItems_RawMaterialSearchModal[data-search-controls="quiet"] .erp-item-search-results-wrap.is-table-view .erp-item-search-table-head > :nth-child(2) {
  min-width: 120px !important;
}

html body :is(#BigModal_Search_items#BigModal_Search_items, #OprItems_RawMaterialSearchModal#OprItems_RawMaterialSearchModal)[data-search-controls="quiet"] .erp-item-search-results-wrap.is-table-view .erp-item-search-list > :is(.erp-item-search-table-head, [data-item-search-results-list], [data-opritems-raw-results-list]),
html body :is(#BigModal_Search_items#BigModal_Search_items, #OprItems_RawMaterialSearchModal#OprItems_RawMaterialSearchModal)[data-search-controls="quiet"] .erp-item-search-results-wrap.is-table-view .erp-item-search-list .erp-item-search-result-list {
  display: grid !important;
  grid-column: 1 / -1 !important;
  grid-template-columns: subgrid !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

html body :is(#BigModal_Search_items#BigModal_Search_items, #OprItems_RawMaterialSearchModal#OprItems_RawMaterialSearchModal)[data-search-controls="quiet"] .erp-item-search-results-wrap.is-table-view .erp-item-search-list > :is([data-item-search-results-list], [data-opritems-raw-results-list]) {
  align-content: start;
}

html body :is(#BigModal_Search_items#BigModal_Search_items, #OprItems_RawMaterialSearchModal#OprItems_RawMaterialSearchModal)[data-search-controls="quiet"] .erp-item-search-results-wrap.is-table-view .erp-item-search-list .erp-item-search-result-list {
  padding-inline: 0 !important;
}

html body :is(#BigModal_Search_items#BigModal_Search_items, #OprItems_RawMaterialSearchModal#OprItems_RawMaterialSearchModal)[data-search-controls="quiet"] .erp-item-search-results-wrap.is-table-view .erp-item-search-result-list > .erp-item-search-code-pill {
  min-width: max-content !important;
  max-width: none !important;
  margin-inline: 0 !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
  direction: ltr;
  unicode-bidi: isolate;
}

@media (max-width: 760px) {
  html body #BigModal_Search_items#BigModal_Search_items[data-search-controls="quiet"] .erp-item-search-results-wrap.is-table-view .erp-item-search-list,
  html body #BigModal_Search_items#BigModal_Search_items[data-search-controls="quiet"] .erp-item-search-results-wrap.is-table-view.is-dense-density .erp-item-search-list {
    grid-template-columns: max-content minmax(210px, 1fr) 70px 82px 90px 84px !important;
  }
  html body #BigModal_Search_items#BigModal_Search_items[data-search-controls="quiet"] .erp-item-search-results-wrap.is-table-view .erp-item-search-table-head > :first-child,
  html body #BigModal_Search_items#BigModal_Search_items[data-search-controls="quiet"] .erp-item-search-results-wrap.is-table-view.is-dense-density .erp-item-search-table-head > :first-child {
    min-width: 90px !important;
  }
}

/* Inline alternatives belong only to the invoice item lookup, including its shared POS/Kiata menu. */
html body #BigModal_Search_items#BigModal_Search_items[data-search-controls="quiet"] .erp-item-search-toolbar {
  flex-wrap: wrap !important;
}
html body #BigModal_Search_items#BigModal_Search_items .erp-item-search-alternatives-switch {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  margin: 0;
  padding: 0 8px;
  color: #245c92;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
  cursor: pointer;
}
html body #BigModal_Search_items#BigModal_Search_items .erp-item-search-alternatives-switch input {
  appearance: none;
  position: relative;
  flex: 0 0 34px;
  width: 34px;
  height: 20px;
  min-height: 20px;
  margin: 0;
  padding: 0;
  border: 1px solid #bfcddb;
  border-radius: 12px;
  background: #e5ecf3;
  cursor: pointer;
}
html body #BigModal_Search_items#BigModal_Search_items .erp-item-search-alternatives-switch input::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #fff;
}
html body #BigModal_Search_items#BigModal_Search_items .erp-item-search-alternatives-switch input:checked {
  background: #147b59;
  border-color: #147b59;
}
html body #BigModal_Search_items#BigModal_Search_items .erp-item-search-alternatives-switch input:checked::before {
  left: 16px;
}
html body #BigModal_Search_items#BigModal_Search_items .erp-item-search-alternatives-switch input:focus-visible {
  outline: 2px solid #2468d8;
  outline-offset: 3px;
}
html body #BigModal_Search_items#BigModal_Search_items .erp-item-search-alternatives-switch:has(input:disabled) {
  opacity: .55;
  cursor: default;
}
html body #BigModal_Search_items#BigModal_Search_items .erp-item-search-results-wrap .erp-item-search-result[data-item-search-result][data-row-index][hidden][aria-hidden],
html body #BigModal_Search_items#BigModal_Search_items [data-item-search-alternatives-count][hidden] {
  display: none !important;
}
html body #BigModal_Search_items#BigModal_Search_items .erp-item-search-result-list.erp-item-search-alternative,
html body #BigModal_Search_items#BigModal_Search_items .erp-item-search-result-card.erp-item-search-alternative {
  border-inline-start: 3px solid #92cfb7 !important;
}
html body #BigModal_Search_items#BigModal_Search_items .erp-item-search-result-list > .erp-item-search-col-name {
  display: flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
}
html body #BigModal_Search_items#BigModal_Search_items .erp-item-search-alternative .erp-item-search-col-name {
  padding-inline-start: 18px;
}
html body #BigModal_Search_items#BigModal_Search_items .erp-item-search-alternative-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  margin-inline-end: 5px;
  padding: 3px 7px;
  border: 1px solid #b9ecd6;
  border-radius: 6px;
  background: #e8fbf2;
  color: #08794f;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.2;
  white-space: nowrap;
}
html body #BigModal_Search_items#BigModal_Search_items .erp-item-search-col-name .erp-item-search-name-text {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
html body #BigModal_Search_items#BigModal_Search_items .erp-item-search-photo {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  overflow: hidden;
  border: 1px solid #dce6ef;
  border-radius: 7px;
  background: #f4f8fb;
  color: #7390a7;
}
html body #BigModal_Search_items#BigModal_Search_items .erp-item-search-photo img {
  position: absolute;
  inset: 0;
  display: block;
  visibility: hidden;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
html body #BigModal_Search_items#BigModal_Search_items .erp-item-search-photo img[data-image-loaded="true"] {
  visibility: visible;
}
html body #BigModal_Search_items#BigModal_Search_items .erp-item-search-photo img[data-image-loaded="true"] + .erp-item-search-photo-fallback {
  display: none;
}
html body #BigModal_Search_items#BigModal_Search_items .erp-item-search-photo-fallback {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
html body #BigModal_Search_items#BigModal_Search_items .erp-item-search-photo-fallback svg {
  width: 20px;
  height: 20px;
}
html body #BigModal_Search_items#BigModal_Search_items .erp-item-search-card-media .erp-item-search-photo {
  width: 100%;
  height: 100%;
  min-height: 64px;
  border: 0;
  border-radius: inherit;
}
html body #BigModal_Search_items#BigModal_Search_items .has-inline-alternatives .erp-item-search-grid {
  grid-template-columns: minmax(0, 1fr) !important;
}
html body #BigModal_Search_items#BigModal_Search_items .has-inline-alternatives .erp-item-search-result-card.erp-item-search-alternative {
  margin-inline-start: 14px;
}
html body #BigModal_Search_items#BigModal_Search_items .erp-item-search-alternatives-count {
  color: #08794f;
  font-size: 11px;
  white-space: nowrap;
}
@media (max-width: 760px) {
  html body #BigModal_Search_items#BigModal_Search_items[data-search-controls="quiet"] .erp-item-search-filter {
    flex: 1 1 100% !important;
  }
}

/* Card photographs share a square column with text; table results never mount photographs. */
html body #BigModal_Search_items#BigModal_Search_items .erp-item-search-result-card[data-item-search-result] {
  display: grid !important;
  grid-template-columns: 64px minmax(0, 1fr) !important;
  grid-template-rows: minmax(24px, auto) auto auto !important;
  gap: 5px 10px !important;
  align-items: start !important;
  min-height: 88px !important;
  padding: 10px !important;
  text-align: start !important;
}
html body #BigModal_Search_items#BigModal_Search_items .erp-item-search-result-card[data-item-search-result] > .erp-item-search-card-media {
  display: grid !important;
  grid-column: 1 !important;
  grid-row: 1 / 4 !important;
  align-self: start !important;
  width: 64px !important;
  min-width: 64px !important;
  height: 64px !important;
  min-height: 64px !important;
  margin: 0 !important;
  overflow: hidden !important;
  border-radius: 9px !important;
}
html body #BigModal_Search_items#BigModal_Search_items .erp-item-search-result-card[data-item-search-result] > .erp-item-search-card-main {
  grid-column: 2 !important;
  grid-row: 1 !important;
  min-width: 0 !important;
  align-content: start !important;
}
html body #BigModal_Search_items#BigModal_Search_items .erp-item-search-result-card[data-item-search-result] .erp-item-search-card-title {
  display: block !important;
  max-height: none !important;
  margin: 0 !important;
  overflow: visible !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  text-align: start !important;
  overflow-wrap: anywhere;
}
html body #BigModal_Search_items#BigModal_Search_items .erp-item-search-result-card[data-item-search-result] .erp-item-search-alternative-label {
  margin-inline-start: 6px;
  margin-inline-end: 0;
  vertical-align: middle;
}
html body #BigModal_Search_items#BigModal_Search_items .erp-item-search-result-card[data-item-search-result] > .erp-item-search-card-side {
  display: flex !important;
  grid-column: 2 !important;
  grid-row: 2 !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
  gap: 4px 8px !important;
  min-width: 0 !important;
}
html body #BigModal_Search_items#BigModal_Search_items .erp-item-search-result-card[data-item-search-result] > .erp-item-search-col-balance {
  grid-column: 2 !important;
  grid-row: 3 !important;
  min-width: 0 !important;
  text-align: start !important;
}
html body #BigModal_Search_items#BigModal_Search_items .erp-item-search-card-media .erp-item-search-photo {
  width: 64px;
  height: 64px;
  min-height: 64px;
}
html body #BigModal_Search_items#BigModal_Search_items .erp-item-search-results-wrap:not(.has-inline-alternatives) .erp-item-search-grid {
  grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)) !important;
}
html body #BigModal_Search_items#BigModal_Search_items .erp-item-search-col-name > .erp-item-search-alternative-label {
  margin-inline-start: 0;
  margin-inline-end: 0;
}

/* Current card preference: six compact choices on every device, with local horizontal scrolling on phones. */
html body #BigModal_Search_items#BigModal_Search_items .erp-item-search-results-wrap[data-view="cards"] .erp-item-search-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 6px !important;
}
html body #BigModal_Search_items#BigModal_Search_items .erp-item-search-result-card[data-item-search-result] {
  grid-template-columns: 28px minmax(0, 1fr) !important;
  grid-template-rows: 28px auto auto auto !important;
  gap: 4px !important;
  min-height: 124px !important;
  padding: 8px !important;
}
html body #BigModal_Search_items#BigModal_Search_items .erp-item-search-result-card[data-item-search-result] > .erp-item-search-card-media {
  grid-row: 1 !important;
  width: 28px !important;
  min-width: 28px !important;
  height: 28px !important;
  min-height: 28px !important;
  border-radius: 6px !important;
}
html body #BigModal_Search_items#BigModal_Search_items .erp-item-search-card-media .erp-item-search-photo {
  width: 28px;
  height: 28px;
  min-height: 28px;
}
html body #BigModal_Search_items#BigModal_Search_items .erp-item-search-result-card[data-item-search-result] > .erp-item-search-card-main {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
}
html body #BigModal_Search_items#BigModal_Search_items .erp-item-search-result-card[data-item-search-result] .erp-item-search-card-title {
  font-size: 12px !important;
  line-height: 1.35 !important;
}
html body #BigModal_Search_items#BigModal_Search_items .erp-item-search-result-card[data-item-search-result] .erp-item-search-alternative-label {
  padding: 2px 4px;
  font-size: 10px;
}
html body #BigModal_Search_items#BigModal_Search_items .erp-item-search-result-card[data-item-search-result] > .erp-item-search-card-side {
  grid-column: 1 / -1 !important;
  grid-row: 3 !important;
  gap: 3px 5px !important;
}
html body #BigModal_Search_items#BigModal_Search_items .erp-item-search-result-card[data-item-search-result] > .erp-item-search-col-balance {
  grid-column: 1 / -1 !important;
  grid-row: 4 !important;
  text-align: center !important;
}
html body #BigModal_Search_items#BigModal_Search_items .has-inline-alternatives .erp-item-search-result-card.erp-item-search-alternative {
  margin-inline-start: 0;
}
@media (max-width: 600px) {
  html body #BigModal_Search_items#BigModal_Search_items .erp-item-search-results-wrap[data-view="cards"] .erp-item-search-grid {
    grid-template-columns: repeat(6, minmax(90px, 1fr)) !important;
    overflow-x: auto !important;
  }
}

/* The clear control shares the input cell; camera and menu tracks stay intact. */
html body [data-item-search-host] .item-search-clear {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
  padding: 4px;
  flex: 0 0 32px;
  color: var(--af-screen-accent, #2563eb);
  cursor: pointer;
}
html body [data-item-search-host] .item-search-clear[hidden] { display: none !important; }
html body [data-item-search-host] .my-document-search-input-shell > input { grid-column: 2; grid-row: 1; }
html body [data-item-search-host] .my-document-search-input-shell > .item-search-clear { grid-column: 2; grid-row: 1; justify-self: start; align-self: center; z-index: 1; }
html body [data-item-search-host] .my-document-search-input-shell:has(> .item-search-clear:not([hidden])) > input { padding-inline-start: 38px !important; }
html body [data-item-search-host] .item-search-clear svg { width: 18px; height: 18px; }
@media (max-width: 767px), (pointer: coarse) {
  html body [data-item-search-host] .item-search-clear { width: 44px; min-width: 44px; height: 44px; min-height: 44px; flex-basis: 44px; }
  html body [data-item-search-host] .my-document-search-input-shell:has(> .item-search-clear:not([hidden])) > input { padding-inline-start: 48px !important; }
}

/* Phone lookup tools share two compact rows; the remaining height belongs to results. */
@media screen and (max-width: 767px), screen and (max-width: 1100px) and (pointer: coarse) {
  html body #BigModal_Search_items#BigModal_Search_items[data-search-controls="quiet"] {
    --item-search-control-size: 36px;
    --item-search-icon-size: 18px;
  }

  html body #BigModal_Search_items#BigModal_Search_items[data-search-controls="quiet"] .erp-item-search-toolbar {
    display: grid !important;
    grid-template-areas: "alternatives views close" "filter filter filter" !important;
    grid-template-columns: minmax(0, 1fr) 76px 36px !important;
    grid-template-rows: 36px auto !important;
    align-items: center !important;
    gap: 3px 6px !important;
    min-height: 0 !important;
    padding: 4px 6px !important;
  }

  html body #BigModal_Search_items#BigModal_Search_items[data-search-controls="quiet"] .erp-item-search-view-switch {
    grid-area: views;
    justify-content: center !important;
    width: 76px !important;
  }

  html body #BigModal_Search_items#BigModal_Search_items[data-search-controls="quiet"] .erp-item-search-alternatives-switch {
    grid-area: alternatives;
    min-width: 0;
    min-height: 36px;
    gap: 6px;
    padding: 0 2px;
    font-size: 11px;
  }

  html body #BigModal_Search_items#BigModal_Search_items[data-search-controls="quiet"] .erp-lookup-toolbar-close {
    grid-area: close;
  }

  html body #BigModal_Search_items#BigModal_Search_items[data-search-controls="quiet"] .erp-item-search-filter {
    grid-area: filter;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 40px !important;
    margin: 0 !important;
  }

  html body #BigModal_Search_items#BigModal_Search_items[data-search-controls="quiet"] .erp-item-search-filter :is(select, input, .my-report-select-button) {
    min-height: 40px !important;
    height: 40px !important;
    font-size: 16px !important;
  }

  html body #BigModal_Search_items#BigModal_Search_items[data-search-controls="quiet"] .erp-item-search-filter[hidden] {
    display: none !important;
  }

  html body #BigModal_Search_items#BigModal_Search_items[data-search-controls="quiet"] .erp-item-search-toolbar:has(> .erp-item-search-filter[hidden]) {
    grid-template-areas: "alternatives views close" !important;
    grid-template-rows: 36px !important;
  }

  html body #BigModal_Search_items#BigModal_Search_items[data-search-controls="quiet"] .is-table-view .erp-item-search-table-head {
    min-height: 32px !important;
  }

  html body #BigModal_Search_items#BigModal_Search_items[data-search-controls="quiet"] .is-table-view .erp-item-search-result-list {
    min-height: 40px !important;
  }

  html body #BigModal_Search_items#BigModal_Search_items[data-search-controls="quiet"] .is-table-view :is(.erp-item-search-table-head > span, .erp-item-search-result-list > *) {
    padding-block: 6px !important;
  }
}

@media screen and (min-width: 480px) and (max-width: 767px), screen and (min-width: 480px) and (max-width: 1100px) and (pointer: coarse) {
  html body #BigModal_Search_items#BigModal_Search_items[data-search-controls="quiet"] .erp-item-search-toolbar:has(> .erp-item-search-filter:not([hidden])) {
    grid-template-areas: "alternatives filter views close" !important;
    grid-template-columns: max-content minmax(0, 1fr) 76px 36px !important;
    grid-template-rows: 40px !important;
  }
}


/* source: cssjs/Shared/menus/three-dot-action-menu.css; sha256: c2016ece5234d416297e17883eb018b0b29aa76ffd5b7ee372619fea18b7ab49 */
/*
 * System three-dot action-menu contract (Task 183).
 *
 * An ellipsis already communicates "more actions". Its transient menu opens
 * beside that owner and closes on outside click or Escape, so a second title
 * strip and an X inside the menu duplicate the same affordance.  Keep dialog,
 * search and selection-sheet headers out of this list: this contract is only
 * for compact action menus opened by a three-dot control.
 */

/* Keep enough specificity to beat legacy screen rules that also use
   !important (notably the invoice shell header rule). The asset still loads
   last, while :is() makes that ordering effective inside real screen roots. */
html body :is(
  [data-three-dot-menu],
  .alfares-quick-entry-field-menu,
  .invoice-party-action-menu[data-party-menu],
  .erp-search-action-menu[data-search-options-menu],
  .my-document-context-menu[role="menu"],
  .accounts-reference-actions-menu[role="menu"],
  .opr-reference-actions-menu[role="menu"],
  .cost-centers-reference-menu[role="menu"],
  .report-owned-menu--row[data-report-owned-menu],
  .report-owned-menu--report[data-report-owned-menu],
  [data-report-owned-menu][data-report-menu-mode="row"],
  [data-report-owned-menu][data-report-menu-mode="report"]
) > :is(
  [data-three-dot-menu-header],
  .alfares-quick-entry-field-menu__header,
  .invoice-party-menu-header,
  .my-document-menu-header,
  .invoice-three-dot-menu-header,
  .accounts-reference-actions-head,
  .opr-unit-actions-head,
  .report-owned-menu__header,
  header
) {
  display: none !important;
  min-block-size: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* A hidden first grid row must not reserve any space in report action menus. */
:where(
  .report-owned-menu--row[data-report-owned-menu],
  .report-owned-menu--report[data-report-owned-menu],
  [data-report-owned-menu][data-report-menu-mode="row"],
  [data-report-owned-menu][data-report-menu-mode="report"]
) {
  grid-template-rows: minmax(0, 1fr) !important;
}

:where(
  .report-owned-menu--row[data-report-owned-menu],
  .report-owned-menu--report[data-report-owned-menu],
  [data-report-owned-menu][data-report-menu-mode="row"],
  [data-report-owned-menu][data-report-menu-mode="report"]
) > .report-owned-menu__items {
  padding-block-start: 0 !important;
}