/*
 * AMNKO Unified Search & Quick Filters System
 * R16.9.10.46.24.3 — RTL inputs and live consistency hotfix
 * Odoo-inspired compact filter surfaces with AMNKO identity.
 * This file is the final visual owner for operational search/filter controls.
 */

body.amnko-unified-search-r169104624-v1 {
  --amnko-filter-height: 42px;
  --amnko-filter-radius: 10px;
  --amnko-filter-gap: 10px;
  --amnko-filter-border: #d7e2ea;
  --amnko-filter-border-focus: #00a8c8;
  --amnko-filter-surface: #fff;
  --amnko-filter-muted: #64748b;
  --amnko-filter-active-bg: #e7f8fb;
  --amnko-filter-active-border: #64d4e6;
  --amnko-filter-active-text: #087e96;
}

body.amnko-unified-search-r169104624-v1 .amnko-filter-form,
body.amnko-unified-search-r169104624-v1 .amnko-report-period-form {
  width: 100%;
  margin: 0;
}

body.amnko-unified-search-r169104624-v1 .amnko-filter-bar {
  display: grid;
  gap: var(--amnko-filter-gap);
}

body.amnko-unified-search-r169104624-v1 .amnko-filter-form .form-label,
body.amnko-unified-search-r169104624-v1 .amnko-report-period-form .form-label {
  margin-bottom: 6px !important;
  color: #526477 !important;
  font-size: .79rem !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}

body.amnko-unified-search-r169104624-v1 .amnko-search-input,
body.amnko-unified-search-r169104624-v1 .amnko-filter-control,
body.amnko-unified-search-r169104624-v1 .amnko-filter-form .form-control,
body.amnko-unified-search-r169104624-v1 .amnko-filter-form .form-select,
body.amnko-unified-search-r169104624-v1 .amnko-report-period-form .form-control,
body.amnko-unified-search-r169104624-v1 .amnko-report-period-form .form-select {
  min-height: var(--amnko-filter-height) !important;
  height: var(--amnko-filter-height);
  border: 1px solid var(--amnko-filter-border) !important;
  border-radius: var(--amnko-filter-radius) !important;
  background-color: var(--amnko-filter-surface) !important;
  box-shadow: 0 1px 2px rgb(15 23 42 / 3%) !important;
  color: #172033 !important;
  font-size: .9rem !important;
  font-weight: 650 !important;
  line-height: 1.35 !important;
  transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease;
}

body.amnko-unified-search-r169104624-v1 .amnko-search-input {
  appearance: none;
  -webkit-appearance: none;
  width: 100%;
  padding-right: 14px !important;
  padding-left: 44px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 16 16' fill='none' stroke='%235b7085' stroke-width='1.35'%3E%3Ccircle cx='7' cy='7' r='4.5'/%3E%3Cpath d='m10.4 10.4 3.1 3.1' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left 14px center;
  background-size: 18px 18px;
}

body.amnko-unified-search-r169104624-v1 .amnko-search-input::placeholder {
  color: #718096 !important;
  opacity: 1;
  font-weight: 600;
}

body.amnko-unified-search-r169104624-v1 .amnko-search-input::-webkit-search-cancel-button {
  cursor: pointer;
  opacity: .65;
}

body.amnko-unified-search-r169104624-v1 .amnko-search-input:hover,
body.amnko-unified-search-r169104624-v1 .amnko-filter-control:hover,
body.amnko-unified-search-r169104624-v1 .amnko-filter-form .form-control:hover,
body.amnko-unified-search-r169104624-v1 .amnko-filter-form .form-select:hover,
body.amnko-unified-search-r169104624-v1 .amnko-report-period-form .form-control:hover,
body.amnko-unified-search-r169104624-v1 .amnko-report-period-form .form-select:hover {
  border-color: #b9cad6 !important;
}

body.amnko-unified-search-r169104624-v1 .amnko-search-input:focus,
body.amnko-unified-search-r169104624-v1 .amnko-filter-control:focus,
body.amnko-unified-search-r169104624-v1 .amnko-filter-form .form-control:focus,
body.amnko-unified-search-r169104624-v1 .amnko-filter-form .form-select:focus,
body.amnko-unified-search-r169104624-v1 .amnko-report-period-form .form-control:focus,
body.amnko-unified-search-r169104624-v1 .amnko-report-period-form .form-select:focus {
  outline: 0 !important;
  border-color: var(--amnko-filter-border-focus) !important;
  box-shadow: 0 0 0 3px rgb(0 168 200 / 13%) !important;
  background-color: #fff !important;
}

body.amnko-unified-search-r169104624-v1 .input-group:has(.amnko-search-input),
body.amnko-unified-search-r169104624-v1 .input-group:has(.amnko-filter-control) {
  align-items: stretch;
  border: 0 !important;
  border-radius: var(--amnko-filter-radius) !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.amnko-unified-search-r169104624-v1 .input-group:has(.amnko-search-input) > .input-group-text {
  display: none !important;
}

body.amnko-unified-search-r169104624-v1 .input-group:has(.amnko-search-input) > .amnko-search-input,
body.amnko-unified-search-r169104624-v1 .input-group:has(.amnko-filter-control) > .amnko-filter-control {
  border-radius: var(--amnko-filter-radius) !important;
}


body.amnko-unified-search-r169104624-v1 .amnko-search-suggestions {
  z-index: 2000;
  max-height: 240px;
  overflow: auto;
  border: 1px solid var(--amnko-filter-border);
  border-radius: var(--amnko-filter-radius);
  background: #fff;
  box-shadow: 0 14px 30px rgb(15 23 42 / 12%);
}

body.amnko-unified-search-r169104624-v1 .amnko-auto-submit-control {
  display: none !important;
}

body.amnko-unified-search-r169104624-v1 .amnko-filter-reset {
  min-height: var(--amnko-filter-height) !important;
  border-color: #c8d5df !important;
  background: #fff !important;
  color: #3e5368 !important;
  white-space: nowrap;
}

body.amnko-unified-search-r169104624-v1 .amnko-filter-reset:hover,
body.amnko-unified-search-r169104624-v1 .amnko-filter-reset:focus-visible {
  border-color: #8da5b7 !important;
  background: #f8fafc !important;
  color: #172033 !important;
}
body.amnko-unified-search-r169104624-v1 .amnko-report-period-card,
body.amnko-unified-search-r169104624-v1 .amnko-filter-card{
  border: 1px solid #dce7ee !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: 0 8px 22px rgb(15 23 42 / 5%) !important;
}

body.amnko-unified-search-r169104624-v1 .amnko-report-period-row,
body.amnko-unified-search-r169104624-v1 .amnko-filter-form > .row {
  row-gap: 12px !important;
}

body.amnko-unified-search-r169104624-v1 .amnko-quick-range-row {
  min-width: 0;
  border-top: 1px dashed #dbe6ed;
  padding-top: 14px;
}

body.amnko-unified-search-r169104624-v1 .amnko-quick-range {
  display: flex;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 1px 1px 7px;
  scrollbar-width: thin;
  scrollbar-color: #b8dce5 transparent;
  scroll-snap-type: x proximity;
  -webkit-overflow-scrolling: touch;
}

body.amnko-unified-search-r169104624-v1 .amnko-quick-range::-webkit-scrollbar {
  height: 4px;
}

body.amnko-unified-search-r169104624-v1 .amnko-quick-range::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: #b8dce5;
}

body.amnko-unified-search-r169104624-v1 .amnko-quick-range__item {
  flex: 0 0 auto;
  min-height: 38px !important;
  padding: 7px 14px !important;
  border: 1px solid #d3dee7 !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #2d4054 !important;
  box-shadow: 0 1px 2px rgb(15 23 42 / 3%) !important;
  font-size: .86rem !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  white-space: nowrap;
  scroll-snap-align: start;
  transition: border-color .16s ease, background-color .16s ease, color .16s ease, box-shadow .16s ease;
}

body.amnko-unified-search-r169104624-v1 .amnko-quick-range__item:hover,
body.amnko-unified-search-r169104624-v1 .amnko-quick-range__item:focus-visible {
  border-color: #7acfe0 !important;
  background: #f0fbfd !important;
  color: var(--amnko-filter-active-text) !important;
  box-shadow: 0 0 0 3px rgb(0 168 200 / 10%) !important;
}

body.amnko-unified-search-r169104624-v1 .amnko-quick-range__item.active,
body.amnko-unified-search-r169104624-v1 .amnko-quick-range__item[aria-pressed="true"] {
  border-color: var(--amnko-filter-active-border) !important;
  background: var(--amnko-filter-active-bg) !important;
  color: var(--amnko-filter-active-text) !important;
  box-shadow: inset 0 -2px 0 #00a8c8 !important;
}

body.amnko-unified-search-r169104624-v1 .amnko-filter-form[data-amnko-filter-busy="1"] {
  cursor: progress;
}

body.amnko-unified-search-r169104624-v1 .amnko-filter-form[data-amnko-filter-busy="1"] .amnko-search-input,
body.amnko-unified-search-r169104624-v1 .amnko-filter-form[data-amnko-filter-busy="1"] .amnko-filter-control {
  background-color: #f8fafc !important;
}

@media (max-width: 767.98px) {
  body.amnko-unified-search-r169104624-v1 {
    --amnko-filter-height: 44px;
    --amnko-filter-gap: 8px;
  }

  body.amnko-unified-search-r169104624-v1 .amnko-search-input,
  body.amnko-unified-search-r169104624-v1 .amnko-filter-control,
  body.amnko-unified-search-r169104624-v1 .amnko-filter-form .form-control,
  body.amnko-unified-search-r169104624-v1 .amnko-filter-form .form-select,
  body.amnko-unified-search-r169104624-v1 .amnko-report-period-form .form-control,
  body.amnko-unified-search-r169104624-v1 .amnko-report-period-form .form-select {
    font-size: 16px !important;
  }
body.amnko-unified-search-r169104624-v1 .amnko-report-period-card .card-body,
body.amnko-unified-search-r169104624-v1 .amnko-filter-card .card-body{
    padding: 14px !important;
  }

  body.amnko-unified-search-r169104624-v1 .amnko-quick-range {
    margin-inline: -2px;
    padding-inline: 2px;
  }

  body.amnko-unified-search-r169104624-v1 .amnko-quick-range__item {
    min-height: 42px !important;
    padding-inline: 15px !important;
  }
}

@media print {
  .amnko-filter-form,
  .amnko-report-period-card,
  .amnko-filter-card,
  .amnko-quick-range-row {
    display: none !important;
  }
}

/* =============================================================
   R16.9.10.46.24B — final search/filter/date consistency layer
   ============================================================= */
body.amnko-search-consistency-r1691046241-v1 .amnko-filter-bar {
  align-items: end;
}

body.amnko-search-consistency-r1691046241-v1 .amnko-filter-bar--compact {
  gap: 8px;
}

body.amnko-search-consistency-r1691046241-v1 .amnko-filter-bar--standard {
  gap: 10px 12px;
}

body.amnko-search-consistency-r1691046241-v1 .amnko-filter-bar--report {
  gap: 12px 14px;
}

body.amnko-search-consistency-r1691046241-v1 .amnko-search-shell {
  position: relative;
  min-width: 0;
}

body.amnko-search-consistency-r1691046241-v1 .amnko-search-input {
  padding-inline-start: 44px !important;
  padding-inline-end: 42px !important;
  background-position: right 14px center !important;
  text-align: right;
}

body.amnko-search-consistency-r1691046241-v1 .amnko-search-input::-webkit-search-cancel-button {
  width: 18px;
  height: 18px;
  margin-inline-start: 8px;
  cursor: pointer;
  opacity: .72;
}

body.amnko-search-consistency-r1691046241-v1 .amnko-search-clear {
  position: absolute;
  z-index: 4;
  inset-inline-end: 8px;
  top: 50%;
  translate: 0 -50%;
  display: inline-grid;
  place-items: center;
  width: 30px;
  height: 30px;
  padding: 0;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: #708398;
}

body.amnko-search-consistency-r1691046241-v1 .amnko-search-clear:hover,
body.amnko-search-consistency-r1691046241-v1 .amnko-search-clear:focus-visible {
  outline: 0;
  background: #edf7fa;
  color: #087e96;
  box-shadow: 0 0 0 2px rgb(0 168 200 / 14%);
}

body.amnko-search-consistency-r1691046241-v1 .amnko-search-clear:not(.is-active) {
  visibility: hidden;
  pointer-events: none;
}

body.amnko-search-consistency-r1691046241-v1 .amnko-date-control {
  direction: ltr;
  text-align: center;
  font-variant-numeric: tabular-nums;
}

body.amnko-search-consistency-r1691046241-v1 .amnko-auto-submit-control,
body.amnko-search-consistency-r1691046241-v1 [data-amnko-legacy-filter-submit="1"],
body.amnko-search-consistency-r1691046241-v1 [hidden].amnko-auto-submit-control {
  display: none !important;
}

body.amnko-search-consistency-r1691046241-v1 .amnko-filter-card:focus-within,
body.amnko-search-consistency-r1691046241-v1 .amnko-report-period-card:focus-within,
body.amnko-search-consistency-r1691046241-v1 .amnko-products-control-card:focus-within,
body.amnko-search-consistency-r1691046241-v1 .amnko-supplier-control-card:focus-within,
body.amnko-search-consistency-r1691046241-v1 .amnko-customer-control-card:focus-within {
  border-color: #dce7ee !important;
  box-shadow: 0 8px 22px rgb(15 23 42 / 5%) !important;
}

body.amnko-search-consistency-r1691046241-v1 .amnko-quick-range-row[data-amnko-auto-quick-ranges="1"] {
  grid-column: 1 / -1;
  margin-top: 2px;
}

body.amnko-search-consistency-r1691046241-v1 .amnko-quick-range {
  justify-content: flex-start;
}

body.amnko-search-consistency-r1691046241-v1 .amnko-filter-form > :last-child.amnko-quick-range-row {
  margin-bottom: 0;
}

body.amnko-search-consistency-r1691046241-v1 .amnko-products-toolbar__actions:empty,
body.amnko-search-consistency-r1691046241-v1 .amnko-filter-form > :empty {
  display: none !important;
}

@media (max-width: 767.98px) {
  body.amnko-search-consistency-r1691046241-v1 .amnko-filter-bar--standard,
  body.amnko-search-consistency-r1691046241-v1 .amnko-filter-bar--report {
    gap: 9px;
  }

  body.amnko-search-consistency-r1691046241-v1 .amnko-search-clear {
    width: 34px;
    height: 34px;
  }
}
body.amnko-search-consistency-r1691046241-v1 .amnko-search-shell:has(.amnko-search-clear) .amnko-search-input::-webkit-search-cancel-button {
  display: none;
}


/* =============================================================
   R16.9.10.46.24.3 — RTL inputs, date display and live consistency
   ============================================================= */
body.amnko-r9 .amnko-input--rtl,
body.amnko-r9 input.form-control[type="search"]:not(.amnko-input--ltr),
body.amnko-r9 input.form-control[type="text"]:not(.amnko-input--ltr):not([dir="ltr"]),
body.amnko-r9 textarea.form-control:not(.amnko-input--ltr):not([dir="ltr"]) {
  direction: rtl !important;
  text-align: right !important;
  unicode-bidi: isolate;
}

body.amnko-r9 .amnko-input--rtl::placeholder,
body.amnko-r9 input.form-control[type="search"]:not(.amnko-input--ltr)::placeholder,
body.amnko-r9 input.form-control[type="text"]:not(.amnko-input--ltr):not([dir="ltr"])::placeholder,
body.amnko-r9 textarea.form-control:not(.amnko-input--ltr):not([dir="ltr"])::placeholder {
  direction: rtl;
  text-align: right;
}

body.amnko-r9 .amnko-input--ltr,
body.amnko-r9 input.form-control[type="number"],
body.amnko-r9 input.form-control[type="tel"],
body.amnko-r9 input.form-control[type="email"],
body.amnko-r9 input.form-control[type="url"],
body.amnko-r9 input.form-control[inputmode="numeric"] {
  direction: ltr !important;
  text-align: left !important;
  unicode-bidi: isolate;
  font-variant-numeric: tabular-nums;
}

body.amnko-rtl-inputs-r1691046243-v1 .amnko-search-input {
  direction: rtl !important;
  text-align: right !important;
  padding-inline-start: 44px !important;
  padding-inline-end: 42px !important;
  background-position: right 14px center !important;
}

body.amnko-rtl-inputs-r1691046243-v1 .amnko-search-shell:has(.amnko-search-clear) .amnko-search-input {
  padding-inline-end: 44px !important;
}

body.amnko-rtl-inputs-r1691046243-v1 .amnko-search-clear {
  inset-inline-end: auto;
  inset-inline-start: 8px;
}

body.amnko-r9 .amnko-date-shell {
  position: relative;
  display: block;
  width: 100%;
  min-width: 0;
}

body.amnko-r9 .amnko-date-display {
  width: 100%;
  padding-inline-start: 42px !important;
  text-align: center !important;
  direction: ltr !important;
  font-variant-numeric: tabular-nums;
}

body.amnko-r9 .amnko-date-picker-trigger {
  position: absolute;
  z-index: 3;
  inset-inline-start: 8px;
  top: 50%;
  translate: 0 -50%;
  display: inline-grid;
  place-items: center;
  width: 30px;
  height: 30px;
  padding: 0;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: #526477;
}

body.amnko-r9 .amnko-date-picker-trigger:hover,
body.amnko-r9 .amnko-date-picker-trigger:focus-visible {
  outline: 0;
  background: #edf7fa;
  color: #087e96;
  box-shadow: 0 0 0 2px rgb(0 168 200 / 14%);
}

body.amnko-r9 .amnko-date-native {
  position: absolute !important;
  inset: auto 0 0 auto !important;
  width: 1px !important;
  height: 1px !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

@media (min-width: 768px) {
  body.amnko-r9[data-amnko-route="delivery"] .amnko-delivery-filter-grid {
    display: grid !important;
    grid-template-columns: minmax(280px, 2fr) repeat(3, minmax(150px, 1fr));
    gap: 10px 12px !important;
    align-items: end !important;
  }
  body.amnko-r9[data-amnko-route="delivery"] .amnko-delivery-filter-grid > [class*="col-"] {
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
  }
}

@media (max-width: 767.98px) {
  body.amnko-r9 .amnko-date-picker-trigger {
    width: 34px;
    height: 34px;
  }
}
