@import url("https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700&family=Inter:wght@400;500;700&family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap");
:root {
  --am-green-900: #1b392c;
  --am-green-800: #1b3a2d;
  --am-gold-500: #ae884c;
  --am-gold-700: #8e6b34;
  --am-gold-800: #7a5a28;
  --am-cream-50: #fffffe;
  --am-cream-100: #faf6f0;
  --am-cream-200: #f8f4ee;
  --am-cream-300: #f5f1ea;

  --am-text: #1b392c;
  --am-text-muted: #61645d;
  --am-text-inverse: #fffffe;
  --am-text-link: #8e6b34;
  --am-bg: #f8f4ee;
  --am-surface: #fffffe;
  --am-surface-soft: #faf6f0;
  --am-border: #d8d5cf;
  --am-border-strong: #dfd1bd;
  --am-border-gold: #d9c5a7;

  --am-success: #3d7a58;
  --am-success-soft: #eef7f1;
  --am-warning: #9a5a28;
  --am-warning-soft: #fbf6ee;
  --am-danger: #b42318;
  --am-danger-soft: #fff0ee;
  --am-info: #496c8a;
  --am-info-soft: #eef4fa;

  --am-font-family: "Tajawal", "IBM Plex Sans Arabic", Tahoma, Arial, sans-serif;
  --am-weight-regular: 400;
  --am-weight-medium: 500;
  --am-weight-bold: 700;

  --am-text-h1: 32px;
  --am-text-h2: 24px;
  --am-text-h3: 20px;
  --am-text-body: 16px;
  --am-text-small: 14px;
  --am-line-heading: 1.35;
  --am-line-body: 1.7;

  --am-btn-h-sm: 36px;
  --am-btn-h-md: 44px;
  --am-btn-h-lg: 52px;
  --am-btn-px-sm: 12px;
  --am-btn-px-md: 18px;
  --am-btn-px-lg: 24px;
  --am-btn-text-sm: 14px;
  --am-btn-text-md: 16px;
  --am-btn-text-lg: 16px;

  --am-radius-sm: 8px;
  --am-radius-md: 12px;
  --am-radius-lg: 20px;
  --am-radius-full: 999px;

  --am-space-1: 4px;
  --am-space-2: 8px;
  --am-space-3: 12px;
  --am-space-4: 16px;
  --am-space-5: 24px;
  --am-space-6: 32px;
  --am-space-7: 48px;
  --am-space-8: 64px;

  --am-shadow-1: 0 1px 2px rgba(70, 51, 25, 0.06);
  --am-shadow-2: 0 8px 24px rgba(70, 51, 25, 0.08);
  --am-shadow-3: 0 24px 64px rgba(32, 31, 28, 0.2);

  --am-gold-soft: #f3eadc;
  --am-purple: #65518a;
  --am-purple-soft: #eee8f8;
  --am-pulse-green: #3ddc84;
  --am-nav-link: #4e473f;
  --am-text-on-dark-muted: #c9d5e1;
  --am-overlay: rgba(32, 31, 28, 0.58);
  --am-shadow-hover: 0 16px 34px rgba(70, 51, 25, 0.1);
  --am-container: 1360px;
  --am-gutter: 24px;
  --am-transition: 0.15s ease;
  --am-gradient-soft: linear-gradient(135deg, var(--am-cream-50), var(--am-cream-300));
}
:root[lang="en"],
:root[dir="ltr"] {
  --am-font-family: "Inter", "Tajawal", Arial, sans-serif;
}
@media (max-width: 900px) {
  :root {
  --am-text-h1: 28px;
  --am-text-h2: 22px;
  --am-text-h3: 18px;
  }
}
@media (max-width: 640px) {
  :root {
  --am-gutter: 16px;
  --am-text-h1: 26px;
  --am-text-h2: 20px;
  }
}

:root {
  --font: var(--am-font-family);
  --fs-2xs: var(--am-text-small);
  --fs-xs: var(--am-text-small);
  --fs-sm: var(--am-text-small);
  --fs-md: var(--am-text-small);
  --fs-lg: var(--am-text-body);
  --fs-xl: var(--am-text-h3);
  --fs-2xl: var(--am-text-h2);
  --fs-3xl: var(--am-text-h1);
  --gold: var(--am-gold-500);
  --gold-dk: var(--am-gold-700);
  --p: var(--am-gold-500);
  --p2: var(--am-gold-700);
  --bg: var(--am-bg);
  --surface: var(--am-surface);
  --surface-soft: var(--am-surface-soft);
  --line: var(--am-border);
  --line-strong: var(--am-border-strong);
  --border-gold-soft: var(--am-border-gold);
  --cream: var(--am-cream-300);
  --badge-bg: var(--am-warning-soft);
  --hero-bg: var(--am-green-800);
  --ink: var(--am-text);
  --muted: var(--am-text-muted);
  --muted-on-dark: var(--am-text-on-dark-muted);
  --nav-link: var(--am-nav-link);
  --live: var(--am-danger);
  --warning: var(--am-warning);
  --success: var(--am-success);
  --success-soft: var(--am-success-soft);
  --danger-soft: var(--am-danger-soft);
  --info: var(--am-info);
  --info-soft: var(--am-info-soft);
  --purple: var(--am-purple);
  --purple-soft: var(--am-purple-soft);
  --pulse-green: var(--am-pulse-green);
  --cancel-bg: var(--am-cream-300);
  --cancel-bg-hover: var(--am-border-strong);
  --cancel-text: var(--am-text);
  --cancel-border: var(--am-border-strong);
  --shadow-xs: var(--am-shadow-1);
  --shadow: var(--am-shadow-1);
  --shadow-lg: var(--am-shadow-2);
  --shadow-hover: var(--am-shadow-hover);
  --shadow-dropdown: var(--am-shadow-2);
  --shadow-modal: var(--am-shadow-3);
  --radius-btn: var(--am-radius-sm);
  --radius-input: var(--am-radius-sm);
  --radius-card: var(--am-radius-md);
  --radius-modal: var(--am-radius-lg);
  --radius-pill: var(--am-radius-full);
  --space-2xs: var(--am-space-2);
  --space-xs: var(--am-space-3);
  --space-sm: var(--am-space-4);
  --space-md: var(--am-space-5);
  --space-lg: var(--am-space-6);
  --space-section: var(--am-space-8);
  --ui-ink: var(--am-text);
  --ui-muted: var(--am-text-muted);
  --ui-bg: var(--am-bg);
  --ui-surface: var(--am-surface);
  --ui-surface-strong: var(--am-surface);
  --ui-line: var(--am-border);
  --ui-gold: var(--am-gold-500);
  --ui-gold-dark: var(--am-gold-700);
  --ui-gold-soft: var(--am-gold-soft);
  --ui-danger: var(--am-danger);
  --ui-success: var(--am-success);
  --ui-radius-sm: var(--am-radius-sm);
  --ui-radius-md: var(--am-radius-md);
  --ui-radius-lg: var(--am-radius-lg);
  --ui-shadow: var(--am-shadow-1);
  --ui-shadow-hover: var(--am-shadow-2);
  --brand-gold: var(--am-gold-500);
  --brand-gold-dark: var(--am-gold-700);
  --brand-ink: var(--am-text);
  --brand-muted: var(--am-text-muted);
  --brand-line: var(--am-border);
  --brand-live: var(--am-danger);
  --brand-soon: var(--am-warning);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
  scrollbar-gutter: stable;
  -webkit-text-size-adjust: 100%;
  background: var(--am-bg);
}
body {
  margin: 0;
  min-width: 320px;
  background: var(--am-bg);
  color: var(--am-text);
  font-family: var(--am-font-family);
  font-size: var(--am-text-body);
  font-weight: var(--am-weight-regular);
  line-height: var(--am-line-body);
  text-align: start;
}
[hidden] {
  display: none !important;
}
a {
  color: inherit;
  text-decoration: none;
}
h1,
h2,
h3,
h4 {
  margin-block: 0 var(--am-space-2);
  color: var(--am-text);
  font-weight: var(--am-weight-bold);
  line-height: var(--am-line-heading);
}
h1 {
  font-size: var(--am-text-h1);
}
h2 {
  font-size: var(--am-text-h2);
}
h3 {
  font-size: var(--am-text-h3);
}
h4 {
  font-size: var(--am-text-body);
}
p {
  color: var(--am-text-muted);
}
img {
  max-width: 100%;
}
.muted,
.sub,
.note {
  color: var(--am-text-muted);
  font-size: var(--am-text-small);
  line-height: var(--am-line-body);
}
.note {
  margin-block-start: var(--am-space-3);
}

.wrap,
main {
  box-sizing: border-box;
  width: 100%;
  max-width: var(--am-container);
  margin-inline: auto;
}
.wrap {
  padding-block: var(--am-space-4);
}
.card,
.panel,
.box,
.shell,
.filters {
  background: var(--am-surface);
  border: 1px solid var(--am-border);
  border-radius: var(--am-radius-md);
  box-shadow: var(--am-shadow-1);
  min-width: 0;
}
.card,
.panel,
.box,
.shell {
  padding: var(--am-space-4);
}
.card {
  margin-block-end: var(--am-space-3);
}
.card h3 {
  font-size: var(--am-text-body);
  margin-block: var(--am-space-2);
}
.card p {
  font-size: var(--am-text-small);
}
.filters {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--am-space-2);
  padding: var(--am-space-3);
}
.cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--am-space-4);
}
.notice {
  padding: var(--am-space-3);
  background: var(--am-warning-soft);
  border: 1px solid var(--am-border-strong);
  border-radius: var(--am-radius-sm);
  color: var(--am-gold-700);
  font-size: var(--am-text-small);
  line-height: var(--am-line-body);
}
.grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--am-space-3);
}
.row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--am-space-3);
  padding-block: var(--am-space-3);
  border-bottom: 1px solid var(--am-border);
  font-size: var(--am-text-small);
}
.row:last-child {
  border-bottom: 0;
}
.sectionHead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--am-space-4);
}
.sectionHead {
  margin-block-end: var(--am-space-3);
}
.sectionHead h2 {
  margin: 0;
  font-size: var(--am-text-h3);
}

:where(button, input[type="submit"], input[type="button"]) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--am-space-2);
  min-height: var(--am-btn-h-md);
  padding-block: 0;
  padding-inline: var(--am-btn-px-md);
  border: 1px solid var(--am-gold-700);
  border-radius: var(--am-radius-sm);
  background: var(--am-gold-700);
  color: var(--am-text-inverse);
  font-family: inherit;
  font-size: var(--am-btn-text-md);
  font-weight: var(--am-weight-medium);
  line-height: 1;
  cursor: pointer;
  touch-action: manipulation;
  transition:
    background-color var(--am-transition),
    border-color var(--am-transition),
    color var(--am-transition);
}
:where(button, input[type="submit"], input[type="button"]):hover {
  background: var(--am-gold-800);
  border-color: var(--am-gold-800);
}
:where(button, input[type="submit"], input[type="button"]):disabled {
  opacity: 0.55;
  cursor: not-allowed;
}
:where(button, a, input, select, textarea):focus-visible {
  outline: 2px solid var(--am-gold-700);
  outline-offset: 2px;
}

label,
.amFieldLabel {
  color: var(--am-text);
  font-size: var(--am-text-small);
  font-weight: var(--am-weight-medium);
  line-height: var(--am-line-heading);
}
input:not([type="checkbox"], [type="radio"], [type="submit"], [type="button"], [type="file"], [type="range"], [type="color"]),
select,
textarea {
  width: 100%;
  min-height: var(--am-btn-h-md);
  padding-block: var(--am-space-2);
  padding-inline: var(--am-space-3);
  border: 1px solid var(--am-border-strong);
  border-radius: var(--am-radius-sm);
  background: var(--am-surface);
  color: var(--am-text);
  font-family: inherit;
  font-size: var(--am-text-body);
  line-height: var(--am-line-heading);
}
textarea {
  min-height: calc(var(--am-btn-h-md) * 2);
  resize: vertical;
}
input:not([type="checkbox"], [type="radio"])::placeholder,
textarea::placeholder {
  color: var(--am-text-muted);
  opacity: 1;
}
input:not([type="checkbox"], [type="radio"], [type="submit"], [type="button"]):focus,
select:focus,
textarea:focus {
  outline: 2px solid var(--am-gold-700);
  outline-offset: 1px;
  border-color: var(--am-gold-700);
}
input:disabled,
select:disabled,
textarea:disabled {
  background: var(--am-surface-soft);
  color: var(--am-text-muted);
  cursor: not-allowed;
}
input[type="checkbox"],
input[type="radio"] {
  accent-color: var(--am-gold-700);
}
.field {
  display: grid;
  gap: var(--am-space-2);
  min-width: 0;
  margin-block: var(--am-space-3);
}
:where(.fields, .formGrid, .amForm, .grid) > .field {
  margin-block: 0;
}
.fields,
.formGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--am-space-4);
}
.fields > .amColFull,
.formGrid > .amColFull {
  grid-column: 1 / -1;
}

.pill,
.badge {
  display: inline-flex;
  align-items: center;
  gap: var(--am-space-1);
  padding-block: var(--am-space-1);
  padding-inline: var(--am-space-3);
  border-radius: var(--am-radius-full);
  background: var(--am-cream-300);
  color: var(--am-gold-700);
  font-size: var(--am-text-small);
  font-weight: var(--am-weight-medium);
  line-height: var(--am-line-heading);
  white-space: nowrap;
}
.pill.live,
.status-live {
  background: var(--am-danger-soft);
  color: var(--am-danger);
}
.pill.soon,
.status-soon,
.badge.red {
  background: var(--am-warning-soft);
  color: var(--am-warning);
}
.pill.ended,
.status-ended {
  background: var(--am-cream-300);
  color: var(--am-text-muted);
}
.pill.ok,
.badge.green {
  background: var(--am-success-soft);
  color: var(--am-success);
}
.status-upcoming {
  background: var(--am-cream-300);
  color: var(--am-gold-700);
}

.tabs,
.subtabs,
.tabList {
  display: flex;
  flex-wrap: nowrap;
  gap: var(--am-space-1);
  max-width: 100%;
  margin-block-end: var(--am-space-4);
  padding: var(--am-space-1);
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scrollbar-width: thin;
  background: var(--am-cream-300);
  border: 1px solid var(--am-border);
  border-radius: var(--am-radius-md);
}
.tabs > :is(.tab, button),
.subtabs > :is(.subtab, button),
.tabList > :is(.tab, button) {
  flex: 1 1 auto;
  min-height: var(--am-btn-h-sm);
  padding-block: 0;
  padding-inline: var(--am-space-4);
  border: 1px solid transparent;
  border-radius: var(--am-radius-sm);
  background: transparent;
  color: var(--am-text-muted);
  font-size: var(--am-text-small);
  font-weight: var(--am-weight-medium);
  white-space: nowrap;
  cursor: pointer;
}
.tabs > :is(.tab, button):hover,
.subtabs > :is(.subtab, button):hover,
.tabList > :is(.tab, button):hover {
  background: var(--am-surface-soft);
  color: var(--am-text);
}
.tabs > :is(.on, .active),
.subtabs > :is(.on, .active),
.tabList > :is(.on, .active) {
  background: var(--am-surface);
  border-color: var(--am-border);
  color: var(--am-gold-700);
  box-shadow: var(--am-shadow-1);
}

table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: var(--am-surface);
  font-size: var(--am-text-small);
}
th,
td {
  padding-block: var(--am-space-3);
  padding-inline: var(--am-space-3);
  border-bottom: 1px solid var(--am-border);
  text-align: start;
  vertical-align: middle;
}
th {
  background: var(--am-surface-soft);
  color: var(--am-gold-700);
  font-weight: var(--am-weight-bold);
  white-space: nowrap;
}
tr:last-child > td {
  border-bottom: 0;
}
.tableWrap,
.table-wrap,
.table-scroll,
.table-responsive {
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  -webkit-overflow-scrolling: touch;
  border: 1px solid var(--am-border);
  border-radius: var(--am-radius-md);
}

.modal,
.amModal,
.fbOverlay {
  position: fixed;
  inset: 0;
  z-index: var(--z-modal);
  display: none;
  align-items: flex-start;
  justify-content: center;
  padding: var(--am-space-4);
  overflow-y: auto;
  overscroll-behavior: contain;
  background: var(--am-overlay);
  backdrop-filter: blur(4px);
}
:is(.modal, .amModal, .fbOverlay).open {
  display: flex;
}
.modalbox,
.amModalCard,
.fbCard {
  position: relative;
  width: min(600px, 100%);
  max-width: 100%;
  margin: auto;
  padding: var(--am-space-5);
  background: var(--am-surface);
  border: 1px solid var(--am-border-strong);
  border-radius: var(--am-radius-lg);
  box-shadow: var(--am-shadow-3);
}
.amModalCard {
  width: min(680px, 100%);
}
.fbCard {
  width: min(440px, 100%);
}
.amModalHead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--am-space-3);
}
.amModalHead h2 {
  margin: 0;
  font-size: var(--am-text-h3);
}
.x,
.amClose,
.fbClose {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--am-btn-h-sm);
  min-height: var(--am-btn-h-sm);
  height: var(--am-btn-h-sm);
  padding: 0;
  border: 0;
  border-radius: var(--am-radius-sm);
  background: var(--am-cream-300);
  color: var(--am-text);
  font-size: var(--am-text-h3);
  cursor: pointer;
}
.x:hover,
.amClose:hover,
.fbClose:hover {
  background: var(--am-border-strong);
}
.modalbox > .x {
  position: absolute;
  inset-block-start: var(--am-space-4);
  inset-inline-end: var(--am-space-4);
  z-index: 6;
}
.amForm {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--am-space-3);
  margin-block-start: var(--am-space-4);
}
.amFull {
  grid-column: 1 / -1;
}
.amModalActions,
.actions,
.formActions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--am-space-3);
  margin-block-start: var(--am-space-4);
}
.fbCard h3 {
  margin: 0 0 var(--am-space-1);
  font-size: var(--am-text-body);
}
.fbCard .fbSub,
.fbCard small.fbHint {
  color: var(--am-text-muted);
  font-size: var(--am-text-small);
}
.fbCard label {
  display: grid;
  gap: var(--am-space-2);
  margin-block-start: var(--am-space-3);
}
.fbActions {
  display: flex;
  gap: var(--am-space-3);
  margin-block-start: var(--am-space-4);
}
.fbSend {
  flex: 1;
}
.fbMsg {
  min-height: var(--am-space-4);
  margin-block-start: var(--am-space-3);
  font-size: var(--am-text-small);
  font-weight: var(--am-weight-medium);
}
.fbMsg.ok {
  color: var(--am-success);
}
.fbMsg.err {
  color: var(--am-danger);
}
.fbTab {
  position: fixed;
  inset-block-end: 86px;
  inset-inline-start: 0;
  z-index: var(--z-header);
  min-height: 0;
  padding-block: var(--am-space-3);
  padding-inline: var(--am-space-2);
  writing-mode: vertical-rl;
  border: 0;
  border-start-end-radius: var(--am-radius-md);
  border-end-end-radius: var(--am-radius-md);
  border-start-start-radius: 0;
  border-end-start-radius: 0;
  background: var(--am-green-900);
  color: var(--am-cream-200);
  font-size: var(--am-text-small);
  box-shadow: var(--am-shadow-2);
}
:root[dir="rtl"] .fbTab {
  transform: rotate(180deg);
}

.auctionToast {
  position: fixed;
  inset-block-end: var(--am-space-5);
  inset-inline-start: var(--am-space-5);
  z-index: var(--z-toast);
  display: none;
  max-width: 320px;
  padding-block: var(--am-space-3);
  padding-inline: var(--am-space-4);
  border-radius: var(--am-radius-md);
  background: var(--am-green-900);
  color: var(--am-text-inverse);
  font-size: var(--am-text-small);
  font-weight: var(--am-weight-medium);
  line-height: var(--am-line-body);
  box-shadow: var(--am-shadow-3);
}
.auctionToast.show {
  display: block;
}
.auctionToast.ok {
  background: var(--am-success);
}
.auctionToast.err {
  background: var(--am-danger);
}
.auctionToast.warn {
  background: var(--am-warning);
}

.amLangSwitch {
  display: inline-flex;
  align-items: center;
  gap: var(--am-space-1);
  padding: var(--am-space-1);
  border: 1px solid var(--am-border-strong);
  border-radius: var(--am-radius-sm);
  background: var(--am-cream-300);
  white-space: nowrap;
  direction: ltr;
}
.amLangSwitch button {
  width: auto;
  min-height: var(--am-btn-h-sm);
  margin: 0;
  padding-block: 0;
  padding-inline: var(--am-space-2);
  border: 0;
  border-radius: var(--am-radius-sm);
  background: transparent;
  color: var(--am-text-muted);
  font-family: var(--am-font-family);
  font-size: var(--am-text-small);
  font-weight: var(--am-weight-bold);
}
.amLangSwitch button.active {
  background: var(--am-surface);
  color: var(--am-text);
  box-shadow: var(--am-shadow-1);
}
.amLangSwitch.amFloating {
  position: fixed;
  inset-block-start: var(--am-space-3);
  inset-inline-start: var(--am-space-3);
  z-index: var(--z-header);
}

.countdown {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--am-space-1);
  direction: ltr;
}
.countdown .unit {
  padding-block: var(--am-space-2);
  padding-inline: var(--am-space-1);
  border-radius: var(--am-radius-sm);
  background: var(--am-text);
  color: var(--am-text-inverse);
  text-align: center;
}
.countdown .unit b {
  display: block;
  font-size: var(--am-text-body);
  line-height: 1.1;
}
.countdown .unit small {
  display: block;
  margin-block-start: var(--am-space-1);
  color: var(--am-text-on-dark-muted);
  font-size: var(--am-text-small);
}
.countdown.ended .unit {
  background: var(--am-cream-300);
  color: var(--am-text-muted);
}

@keyframes livePulse {
  0%,
  100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.45;
    transform: scale(0.82);
  }
}
@keyframes auctionMapPulse {
  0% {
    transform: scale(0.7);
    opacity: 0.9;
  }
  100% {
    transform: scale(1.55);
    opacity: 0;
  }
}

@media (max-width: 900px) {
  .cards,
  .grid,
  .fields,
  .formGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .filters {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 640px) {
  .cards,
  .grid,
  .fields,
  .formGrid,
  .filters,
  .amForm {
    grid-template-columns: 1fr;
  }
  .amFull {
    grid-column: auto;
  }
  .modal,
  .amModal,
  .fbOverlay {
    padding: var(--am-space-2);
  }
  .sectionHead {
    flex-wrap: wrap;
    align-items: flex-start;
  }
  :where(.actions, .formActions, .amModalActions) > :is(button, .btn) {
    flex: 1 1 140px;
  }
  .auctionToast {
    inset-inline: var(--am-space-4);
    max-width: none;
    text-align: center;
  }
  .tableWrap table,
  .table-wrap table,
  .table-scroll table,
  .table-responsive table {
    min-width: 620px;
  }
  .x,
  .amClose,
  .fbClose,
  :is(button, a, input).mini,
  :is(button, a, input).btn-sm,
  .amLangSwitch button,
  .tabs > :is(.tab, button),
  .subtabs > :is(.subtab, button),
  .tabList > :is(.tab, button) {
    min-height: var(--am-btn-h-md);
  }
  .x,
  .amClose,
  .fbClose {
    width: var(--am-btn-h-md);
    height: var(--am-btn-h-md);
  }
}
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto;
    transition-duration: 0.01ms;
    animation-duration: 0.01ms;
    animation-iteration-count: 1;
  }
}

.amContainer {
  box-sizing: border-box;
  width: 100%;
  max-width: var(--am-container);
  margin-inline: auto;
  padding-inline: var(--am-gutter);
}

.btn,
:is(button, a, input):is(.btn-primary, .btn-secondary, .btn-outline, .btn-text, .btn-ghost, .btn-danger, .primary, .gold, .dark, .green, .red, .mini, .btn-cancel) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--am-space-2);
  box-sizing: border-box;
  min-height: var(--am-btn-h-md);
  padding-block: 0;
  padding-inline: var(--am-btn-px-md);
  border: 1px solid transparent;
  border-radius: var(--am-radius-sm);
  font-family: var(--am-font-family);
  font-size: var(--am-btn-text-md);
  font-weight: var(--am-weight-medium);
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition:
    background-color var(--am-transition),
    border-color var(--am-transition),
    color var(--am-transition);
}
.btn,
:is(button, a, input):is(.btn-outline, .mini) {
  background: var(--am-surface);
  color: var(--am-text-link);
  border-color: var(--am-border-gold);
}
.btn:hover,
:is(button, a, input):is(.btn-outline, .mini):hover {
  background: var(--am-cream-100);
  border-color: var(--am-gold-700);
}
:is(button, a, input):is(.btn-secondary, .btn-cancel) {
  background: var(--am-cream-300);
  color: var(--am-text);
  border-color: var(--am-cream-300);
}
:is(button, a, input):is(.btn-secondary, .btn-cancel):hover {
  background: var(--am-border-strong);
  border-color: var(--am-border-strong);
}
:is(button, a, input):is(.btn-text, .btn-ghost) {
  background: transparent;
  color: var(--am-text-link);
  border-color: transparent;
}
:is(button, a, input):is(.btn-text, .btn-ghost):hover {
  background: var(--am-cream-100);
}
:is(button, a, input):is(.btn-primary, .primary, .gold, .dark, .green) {
  background: var(--am-gold-700);
  color: var(--am-text-inverse);
  border-color: var(--am-gold-700);
}
:is(button, a, input):is(.btn-primary, .primary, .gold, .dark, .green):hover {
  background: var(--am-gold-800);
  border-color: var(--am-gold-800);
}
:is(button, a, input):is(.btn-danger, .red) {
  background: var(--am-danger);
  color: var(--am-text-inverse);
  border-color: var(--am-danger);
}
:is(button, a, input):is(.btn-danger, .red):hover {
  background: var(--btn-danger-fill-hover);
  border-color: var(--btn-danger-fill-hover);
}
.btn:focus-visible,
:is(button, a, input):is(.btn-primary, .btn-secondary, .btn-outline, .btn-text, .btn-ghost, .btn-danger, .primary, .gold, .dark, .green, .red, .mini, .btn-cancel):focus-visible {
  outline: 2px solid var(--am-gold-700);
  outline-offset: 2px;
  box-shadow: var(--btn-focus-ring);
}
.btn:disabled,
:is(button, input):is(.btn-primary, .btn-secondary, .btn-outline, .btn-text, .btn-ghost, .btn-danger, .primary, .gold, .dark, .green, .red, .mini, .btn-cancel):disabled {
  opacity: 0.55;
  cursor: not-allowed;
  transform: none;
}
.btn-sm,
:is(button, a, input).mini {
  min-height: var(--am-btn-h-sm);
  padding-inline: var(--am-btn-px-sm);
  font-size: var(--am-btn-text-sm);
}
.btn-md {
  min-height: var(--am-btn-h-md);
  padding-inline: var(--am-btn-px-md);
  font-size: var(--am-btn-text-md);
}
.btn-lg {
  min-height: var(--am-btn-h-lg);
  padding-inline: var(--am-btn-px-lg);
  font-size: var(--am-btn-text-lg);
}

:root {
  --font-ar: "Tajawal", "IBM Plex Sans Arabic", Tahoma, Arial, sans-serif;
  --font-en: "Inter", "Tajawal", Arial, sans-serif;
  --font-header: var(--font-ar);
  --font-card: var(--font-ar);
  --container: var(--am-container);
  --gutter: var(--am-gutter);
  --header-h: 76px;
  --header-logo-h: 44px;
  --header-link-size: 16px;
}
:root[lang="en"],
:root[dir="ltr"] {
  --font-header: var(--font-en);
  --font-card: var(--font-en);
}
:root {
  --z-header: 99990;
  --z-dropdown: 99999;
  --z-modal: 100000;
  --z-overlay: 100010;
  --z-drawer: 100020;
  --z-toast: 100030;

  --dir-sign: 1;

  --btn-fill: #8e6b34;
  --btn-fill-hover: #7a5a28;
  --btn-danger-fill: #b42318;
  --btn-danger-fill-hover: #8f1c13;
  --btn-on-fill: #fffffe;
  --btn-secondary-bg: var(--surface, #fffffe);
  --btn-secondary-bg-hover: var(--surface-soft, #faf6f0);
  --btn-secondary-text: var(--ink, #1b392c);
  --btn-secondary-border: var(--line-strong, #dfd1bd);
  --btn-danger-text: #b42318;
  --btn-focus-ring: 0 0 0 3px rgba(142, 107, 52, 0.45);
}
:root[dir="ltr"] {
  --dir-sign: -1;
}


#amSingleHeader {
  position: sticky;
  inset-block-start: 0;
  z-index: var(--z-header);
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: var(--header-h);
  margin: 0;
  padding: 0;
  background: rgba(255, 252, 248, 0.94);
  backdrop-filter: blur(14px);
  border: 0;
  border-block-end: 1px solid var(--line);
  box-shadow: none;
  color: var(--ink);
  font-family: var(--font-header);
  font-size: var(--header-link-size);
  font-weight: 500;
  letter-spacing: 0;
}
#amSingleHeader :is(a, button, b, small, span, div) {
  font-family: var(--font-header);
  font-weight: 500;
  letter-spacing: 0;
}
#amSingleHeader .amSHNav {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 20px;
  width: 100%;
  max-width: var(--container);
  height: 100%;
  margin-inline: auto;
  padding-block: 0;
  padding-inline: var(--gutter);
}
#amSingleHeader .amSHBrand {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
}
#amSingleHeader .amSHBrand img {
  display: block;
  height: var(--header-logo-h);
  width: auto;
  object-fit: contain;
}
#amSingleHeader .amSHLinks {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  flex: 1 1 auto;
  min-width: 0;
  margin-inline-start: 20px;
}
#amSingleHeader .amSHLinks a {
  position: relative;
  color: var(--nav-link);
  font-size: var(--header-link-size);
  line-height: 1.4;
  padding: 8px 12px;
  border-radius: var(--radius-btn);
  white-space: nowrap;
  transition:
    color 0.15s ease,
    background 0.15s ease;
}
#amSingleHeader .amSHLinks a:hover {
  color: var(--brand-gold-dark);
  background: var(--cream);
}
#amSingleHeader .amSHLinks a.active {
  color: var(--brand-gold-dark);
}
#amSingleHeader .amSHLinks a.active::after {
  content: "";
  position: absolute;
  inset-inline: 12px;
  inset-block-end: 2px;
  height: 2px;
  border-radius: var(--radius-pill);
  background: var(--brand-gold);
}
#amSingleHeader .amSHLinks a.amSHNavExtra {
  display: none;
}
#amSingleHeader .amSHActions {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
}
#amSingleHeader .amSHIcon {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
}
#amSingleHeader .amSHMenuBtn {
  display: none;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 1px solid var(--border-gold-soft);
  border-radius: var(--radius-btn);
  background: var(--surface);
  color: var(--brand-gold-dark);
  cursor: pointer;
}
#amSingleHeader .amSHBtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 40px;
  padding-block: 0;
  padding-inline: 12px;
  border: 1px solid var(--border-gold-soft);
  border-radius: var(--radius-btn);
  background: var(--surface);
  color: var(--ink);
  font-size: var(--header-link-size);
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition:
    border-color 0.15s ease,
    background 0.15s ease;
}
#amSingleHeader .amSHBtn:hover {
  background: var(--surface-soft);
  border-color: var(--brand-gold);
}
#amSingleHeader .amSHBtn .amSHIcon {
  color: var(--am-gold-700);
}
#amSingleHeader .amSHBell {
  position: relative;
  width: 40px;
  padding: 0;
}
#amSingleHeader .amSHFav,
#amSingleHeader .amSHCart {
  position: relative;
  width: 40px;
  padding: 0;
}
#amSingleHeader .amSHCount {
  position: absolute;
  inset-block-start: -6px;
  inset-inline-end: -6px;
  box-sizing: border-box;
  min-width: 18px;
  height: 18px;
  padding-inline: 4px;
  border-radius: var(--radius-pill);
  background: var(--hero-bg);
  color: var(--btn-on-fill);
  font-size: 13px;
  font-weight: var(--am-weight-medium);
  line-height: 18px;
  text-align: center;
}
#amSingleHeader .amSHCount[hidden] {
  display: none;
}
#amSingleHeader .amSHDallalBtn {
  background: var(--btn-fill);
  border-color: var(--btn-fill);
  color: var(--btn-on-fill);
}
#amSingleHeader .amSHDallalBtn .amSHIcon {
  display: none;
  color: currentColor;
}
#amSingleHeader .amSHDallalBtn:hover {
  background: var(--btn-fill-hover);
  border-color: var(--btn-fill-hover);
}
#amSingleHeader .amLangSwitch {
  padding: 3px;
  border-color: var(--border-gold-soft);
}
#amSingleHeader .amLangSwitch button {
  font-family: var(--font-header) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
}
#amSingleMenu {
  position: absolute;
  inset-block-start: 50px;
  inset-inline-end: 0;
  display: none;
  box-sizing: border-box;
  width: 340px;
  max-height: 72vh;
  overflow: auto;
  padding: 8px;
  border: 1px solid var(--brand-line);
  border-radius: var(--radius-modal);
  background: var(--surface);
  box-shadow: var(--shadow-dropdown);
  z-index: var(--z-dropdown);
  text-align: start;
}
#amSingleMenu.open {
  display: block;
}
#amSingleMenu .head {
  margin-bottom: 6px;
  padding: 10px 12px;
  border-block-end: 1px solid var(--line);
}
#amSingleMenu .head b {
  display: block;
  font-size: var(--header-link-size);
}
#amSingleMenu .head small {
  font-size: 13px;
  color: var(--brand-muted);
}
#amSingleMenu .item {
  display: grid;
  grid-template-columns: 32px 1fr auto;
  gap: 10px;
  align-items: center;
  padding: 10px;
  border-radius: var(--radius-btn);
  color: var(--ink);
  text-decoration: none;
}
#amSingleMenu .item:hover {
  background: var(--badge-bg);
}
#amSingleMenu .item b {
  display: block;
  font-size: var(--header-link-size);
}
#amSingleMenu .item small {
  display: block;
  margin-top: 2px;
  font-size: 13px;
  color: var(--brand-muted);
}
#amSingleMenu .ico {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: var(--am-radius-sm);
  background: var(--am-cream-300);
  color: var(--am-gold-700);
}
#amSingleMenu .ico .amSHIcon {
  width: 18px;
  height: 18px;
}
#amSingleMenu .divider {
  height: 1px;
  margin-block: 6px;
  background: var(--line);
}
#amSingleMenu .mode {
  margin: 6px;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: var(--radius-btn);
  background: var(--surface-soft);
}
#amSingleMenu .mode b,
#amSingleMenu .mode small {
  font-size: 13px;
}
#amSingleMenu .mode small {
  color: var(--brand-muted);
}
@media (max-width: 900px) {
  #amSingleHeader .amSHNav {
    gap: 12px;
    padding-inline: 14px;
  }
  #amSingleHeader .amSHBrand img {
    height: 36px;
  }
  #amSingleHeader .amSHLinks {
    position: absolute;
    inset-block-start: 100%;
    inset-inline: 0;
    display: none;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    margin: 0;
    padding: 10px 16px 16px;
    background: var(--surface);
    border-block-end: 1px solid var(--brand-line);
    box-shadow: var(--shadow);
  }
  #amSingleHeader .amSHLinks.open {
    display: flex;
  }
  #amSingleHeader .amSHLinks a {
    padding: 12px 14px;
  }
  #amSingleHeader .amSHLinks a.active::after {
    display: none;
  }
  #amSingleHeader .amSHActions {
    margin-inline-start: auto;
    gap: 6px;
  }
  #amSingleHeader .amSHBrand img {
    max-width: 120px;
  }
  #amSingleHeader .amSHMenuBtn {
    display: inline-flex;
  }
  #amSingleHeader .amSHDallalBtn {
    width: 40px;
    padding: 0;
  }
  #amSingleHeader .amSHDallalBtn span {
    display: none;
  }
  #amSingleHeader .amSHDallalBtn .amSHIcon {
    display: block;
  }
  #amSingleMenu {
    width: min(330px, 90vw);
  }
}
@media (max-width: 640px) {
  #amSingleHeader .amSHLinks a.amSHNavExtra {
    display: block;
  }
  #amSingleHeader .amSHFav,
  #amSingleHeader .amSHDallalBtn {
    display: none;
  }
  #amSingleHeader .amSHNav {
    padding-inline: var(--am-gutter);
    gap: 8px;
  }
  #amSingleHeader .amSHActions {
    gap: 4px;
  }
  #amSingleAccountText {
    display: none;
  }
  #amSingleHeader .amSHAccount {
    width: 40px;
    padding: 0;
  }
  #amSingleHeader .amLangSwitch button {
    padding: 5px 6px !important;
    font-size: 12px !important;
  }
}

:is(button, .btn, .primary, .go, .out, .mini, input[type="submit"], input[type="button"]) {
  --p: var(--btn-fill);
  --gold: var(--btn-fill);
  --brand-gold: var(--btn-fill);
  --ui-gold: var(--btn-fill);
  --p2: var(--btn-fill-hover);
  --gold-dk: var(--btn-fill-hover);
  --brand-gold-dark: var(--btn-fill-hover);
  --ui-gold-dark: var(--btn-fill-hover);
  --live: var(--btn-danger-fill);
  --brand-live: var(--btn-danger-fill);
}

.mini,
.dallalModalActions button:not(.primary):not(.gold),
.umModalActions button:not(.primary):not(.gold),
.liveControlActions button:not(.primary):not(.gold):not(.danger):not(.act-cancel):not(.act-close),
.drawerHead button,
.favBtn {
  color: var(--btn-secondary-text);
}
.mini.warn {
  color: var(--btn-fill-hover);
}
.mini.danger {
  color: var(--btn-danger-text);
}
.mini:disabled {
  color: var(--muted, #61645d);
}

.amOverlay {
  position: fixed;
  inset: 0;
  z-index: var(--z-overlay);
  background: rgba(32, 26, 16, 0.45);
}
.amOverlay[hidden] {
  display: none;
}
html.amScrollLocked,
html.amScrollLocked body {
  overflow: hidden;
}

.amModeBanner {
  position: fixed;
  top: 78px;
  inset-inline-end: 18px;
  z-index: 999;
  background: var(--ink);
  color: var(--surface);
  border-radius: var(--radius-btn);
  padding: 8px 10px;
  font: 900 9px Tahoma;
}

.amConnectionBanner {
  position: fixed;
  top: 0;
  inset-inline: 0;
  z-index: var(--z-toast);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
  padding: 10px 14px;
  background: #7a2f2f;
  color: #fff;
  text-align: center;
  font: 600 13px var(--font, system-ui);
}
.amConnectionBanner button {
  border: 1px solid #fff;
  background: transparent;
  color: #fff;
  border-radius: 8px;
  padding: 4px 14px;
  cursor: pointer;
  font: inherit;
}

.negRow {
  align-items: start;
}
.negMain {
  min-width: 0;
}
.negContext {
  margin: 8px 0 6px;
}
.negStatusLine {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}
.negId {
  color: var(--muted);
  font-size: var(--fs-2xs);
}
.subjectCard {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.subjectThumb {
  flex: 0 0 72px;
  width: 72px;
  height: 72px;
  border-radius: var(--radius-btn);
  border: 1px solid var(--line);
  background: var(--cream);
  object-fit: cover;
}
.subjectThumbEmpty {
  display: grid;
  place-items: center;
  font-size: var(--fs-2xl);
}
.subjectBody {
  min-width: 0;
  flex: 1;
}
.subjectCard .subjectTitle {
  display: block;
  font-size: var(--fs-lg);
  font-weight: 900;
  color: var(--ink);
  line-height: 1.5;
  overflow-wrap: anywhere;
}
.subjectMeta {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 12px;
  margin-top: 4px;
  font-size: var(--fs-xs);
  color: var(--muted);
}
.subjectUnavailable {
  margin: 6px 0 0;
  padding: 8px 10px;
  border: 1px dashed var(--border-gold-soft);
  border-radius: var(--radius-btn);
  background: var(--badge-bg);
  font-size: var(--fs-xs);
  color: var(--warning);
}
.subjectCard .subjectDetailsBtn {
  margin-top: 8px;
  padding: 6px 12px;
  min-height: 0;
  font-size: var(--fs-xs);
}
.subjectSummary {
  margin-bottom: 12px;
}
.sellerMessage {
  margin-bottom: 12px;
}
.subjectOverlay {
  display: grid;
  place-items: center;
  padding: 16px;
  overflow-y: auto;
}
.subjectDialog {
  width: min(640px, 100%);
  max-height: calc(100dvh - 32px);
  overflow-y: auto;
  padding: 20px;
  border: 1px solid var(--line);
  border-radius: var(--radius-modal);
  background: var(--surface);
  box-shadow: var(--shadow-modal);
}
.subjectDialogHead {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}
.subjectDialogHead h2 {
  margin: 0;
  font-size: var(--fs-xl);
  line-height: 1.5;
  overflow-wrap: anywhere;
}
.subjectGallery {
  margin-bottom: 14px;
}
.subjectMainImage {
  display: block;
  width: 100%;
  max-height: 300px;
  object-fit: contain;
  border: 1px solid var(--line);
  border-radius: var(--radius-card);
  background: var(--cream);
}
.subjectThumbs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
}
.subjectThumbBtn {
  width: 56px;
  height: 56px;
  min-height: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius-btn);
  background: var(--cream);
}
.subjectThumbBtn img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.subjectGrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 10px;
}
.subjectCell {
  padding: 10px;
  border-radius: var(--radius-btn);
  background: var(--cream);
}
.subjectCell small {
  display: block;
  margin-bottom: 4px;
  font-size: var(--fs-2xs);
  color: var(--muted);
}
.subjectCell b {
  display: block;
  font-size: var(--fs-sm);
  color: var(--ink);
  overflow-wrap: anywhere;
}
.subjectDescription {
  margin: 14px 0 0;
  font-size: var(--fs-sm);
  line-height: 1.9;
  white-space: pre-line;
  overflow-wrap: anywhere;
}
.badge.wait {
  color: var(--btn-fill-hover);
}

.ackCard {
  display: grid;
  gap: 16px;
  box-sizing: border-box;
  margin-block: 16px;
  padding: 20px;
  border: 1px solid var(--border-gold-soft);
  border-radius: var(--radius-card);
  background: var(--badge-bg);
  color: var(--ink);
  font-family: var(--font-card);
  font-weight: 400;
  letter-spacing: 0;
  transition:
    border-color 0.15s ease,
    background 0.15s ease;
}
.ackCard :is(h3, p, label, span, strong) {
  font-family: inherit;
}
.ackTitle {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  color: var(--ink);
}
.ackRow {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  box-sizing: border-box;
  margin: 0;
  padding: 16px;
  border: 1px solid var(--border-gold-soft);
  border-radius: var(--radius-btn);
  background: var(--surface);
  cursor: pointer;
  transition: border-color 0.15s ease;
}
.ackRow:hover {
  border-color: var(--brand-gold);
}
.ackCard input.ackBox {
  appearance: none;
  -webkit-appearance: none;
  flex: 0 0 auto;
  box-sizing: border-box;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  margin: 2px 0 0;
  padding: 0;
  border: 2px solid var(--btn-fill);
  border-radius: 6px;
  background: var(--surface);
  cursor: pointer;
  transition:
    background 0.15s ease,
    border-color 0.15s ease;
}
.ackCard input.ackBox:checked {
  background: var(--btn-fill)
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fffffe' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")
    center / 16px 16px no-repeat;
}
.ackCard input.ackBox:focus-visible {
  outline: 0;
  box-shadow: var(--btn-focus-ring);
}
.ackCard input.ackBox:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.ackText {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.9;
  color: var(--ink);
}
.ackText strong {
  font-weight: 700;
}
.ackHint {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.7;
  color: var(--muted);
}
.ackError {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 0;
  padding: 10px 12px;
  border-radius: var(--radius-btn);
  background: var(--danger-soft);
  color: var(--btn-danger-text);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
}
.ackError[hidden] {
  display: none;
}
.ackErrorIcon {
  flex: 0 0 auto;
  margin-block-start: 2px;
}
.ackCard[data-invalid] {
  border-color: var(--btn-danger-text);
}
.ackCard[data-invalid] .ackRow {
  border-color: var(--btn-danger-text);
}
.ackCard[data-invalid] input.ackBox {
  border-color: var(--btn-danger-text);
}
.ackCard:has(.ackBox:disabled) {
  opacity: 0.7;
}
.ackCard:has(.ackBox:disabled) .ackRow {
  cursor: not-allowed;
}
@media (max-width: 640px) {
  .ackCard {
    padding: 16px;
  }
  .ackRow {
    gap: 12px;
    padding: 14px;
  }
  .ackText {
    font-size: 15px;
  }
}

.siteFooter {
  margin-block-start: var(--am-space-7);
  padding-block: var(--am-space-7) var(--am-space-5);
  color: var(--am-text-muted);
  text-align: start;
}
.footerGrid {
  display: grid;
  grid-template-columns: 1.3fr 0.8fr 0.8fr 1.1fr;
  gap: var(--am-space-6);
  padding-block-end: var(--am-space-6);
  border-block-end: 1px solid var(--am-border);
}
.footerBrand img {
  display: block;
  width: auto;
  height: var(--header-logo-h);
  margin-block-end: var(--am-space-3);
}
.footerBrand p {
  max-width: 280px;
  margin: 0;
  font-size: var(--am-text-small);
  line-height: var(--am-line-body);
}
.siteFooter h4 {
  margin: 0 0 var(--am-space-3);
  font-size: var(--am-text-small);
  font-weight: var(--am-weight-bold);
  color: var(--am-text);
}
.siteFooter a {
  display: block;
  padding-block: var(--am-space-1);
  font-size: var(--am-text-small);
  font-weight: var(--am-weight-regular);
  color: var(--am-text-muted);
}
.siteFooter a:hover {
  color: var(--am-text-link);
}
.newsletter {
  display: flex;
  gap: var(--am-space-2);
  margin-block-start: var(--am-space-3);
}
.newsletter input {
  flex: 1;
  min-width: 0;
  height: var(--am-btn-h-md);
  padding-inline: var(--am-space-3);
  border: 1px solid var(--am-border);
  border-radius: var(--am-radius-sm);
  background: var(--am-surface);
}
.newsletter button {
  height: var(--am-btn-h-md);
  padding-inline: var(--am-space-4);
  border: 0;
  border-radius: var(--am-radius-sm);
  background: var(--am-gold-700);
  color: var(--am-text-inverse);
  font-weight: var(--am-weight-medium);
}
.footerBottom {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--am-space-4);
  padding-block-start: var(--am-space-4);
  font-size: var(--am-text-small);
}
.footerLegal {
  display: flex;
  flex-wrap: wrap;
  gap: var(--am-space-3);
}
.footerLegal a {
  display: inline;
  padding: 0;
}
@media (max-width: 1100px) {
  .footerGrid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 640px) {
  .siteFooter {
    padding-block: var(--am-space-6) var(--am-space-5);
  }
  .footerGrid {
    grid-template-columns: 1fr;
  }
}
.amFooter {
  margin-block-start: var(--am-space-7);
  border-block-start: 1px solid var(--am-border);
  color: var(--am-text-muted);
  font-family: var(--am-font-family);
}
.amFooterInner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--am-space-3) var(--am-space-5);
  padding-block: var(--am-space-5);
}
.amFooterLinks {
  display: flex;
  flex-wrap: wrap;
  gap: var(--am-space-2) var(--am-space-5);
}
.amFooterLinks a {
  font-size: var(--am-text-small);
  font-weight: var(--am-weight-medium);
  color: var(--am-text-muted);
  text-decoration: none;
}
.amFooterLinks a:hover {
  color: var(--am-text-link);
}
.amFooterCopy {
  font-size: var(--am-text-small);
  font-weight: var(--am-weight-regular);
}

.amCrumbs {
  min-height: var(--am-space-5);
  margin-block: var(--am-space-4) var(--am-space-3);
  font-size: var(--am-text-small);
  color: var(--am-text-muted);
}
.amCrumbs ol {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--am-space-1) var(--am-space-2);
  margin: 0;
  padding: 0;
  list-style: none;
}
.amCrumbs {
  --am-crumb-sep: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 6 6 6-6 6'/%3E%3C/svg%3E");
}
.amCrumbs li + li::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-inline-end: var(--am-space-2);
  vertical-align: -0.2em;
  background-color: currentColor;
  -webkit-mask: var(--am-crumb-sep) center / contain no-repeat;
  mask: var(--am-crumb-sep) center / contain no-repeat;
}
:root[dir="rtl"] .amCrumbs li + li::before {
  transform: scaleX(-1);
}
.amCrumbs a {
  color: var(--am-text-muted);
  font-weight: var(--am-weight-medium);
  text-decoration: none;
}
.amCrumbs a:hover {
  color: var(--am-text-link);
}
.amCrumbs [aria-current="page"] {
  color: var(--am-text);
  font-weight: var(--am-weight-medium);
}
.amPageHead {
  margin-block: 0 var(--am-space-5);
}
.amPageHeadMain {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--am-space-3) var(--am-space-5);
}
.amPageHeadText {
  flex: 1 1 320px;
  min-width: 0;
}
.amPageHead h1.amPageTitle,
h1.amPageTitle {
  margin: 0;
  font-family: var(--am-font-family);
  font-size: var(--am-text-h1);
  font-weight: var(--am-weight-bold);
  line-height: var(--am-line-heading);
  color: var(--am-text);
}
.amPageHead .amPageDesc,
.amPageDesc {
  margin: var(--am-space-2) 0 0;
  max-width: 72ch;
  font-size: var(--am-text-body);
  font-weight: var(--am-weight-regular);
  line-height: var(--am-line-body);
  color: var(--am-text-muted);
}
.amPageActions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--am-space-2);
}

.amPageKicker {
  display: block;
  margin-block-end: var(--am-space-2);
  font-size: var(--am-text-small);
  font-weight: var(--am-weight-medium);
  color: var(--am-text-link);
}
.amPageMeta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--am-space-1) var(--am-space-4);
  margin-block-start: var(--am-space-3);
  font-size: var(--am-text-small);
  color: var(--am-text-muted);
}

.amIcon {
  display: inline-block;
  flex: none;
  width: 1.15em;
  height: 1.15em;
  vertical-align: -0.2em;
  background-color: currentColor;
  -webkit-mask: var(--am-icon) center / contain no-repeat;
  mask: var(--am-icon) center / contain no-repeat;
}
.amIcon[data-icon="dot"] {
  width: 0.7em;
  height: 0.7em;
  vertical-align: 0;
}
:root[dir="rtl"] .amIcon:is([data-icon="arrow-next"], [data-icon="arrow-prev"], [data-icon="external"], [data-icon="logout"], [data-icon="play"]) {
  transform: scaleX(-1);
}
.amIcon[data-icon="bell"] {
  --am-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 8a6 6 0 0 1 12 0c0 7 3 8 3 8H3s3-1 3-8'/%3E%3Cpath d='M10.3 21a1.9 1.9 0 0 0 3.4 0'/%3E%3C/svg%3E");
}
.amIcon[data-icon="lock"] {
  --am-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='11' width='14' height='9' rx='2'/%3E%3Cpath d='M8 11V8a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E");
}
.amIcon[data-icon="gavel"] {
  --am-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m14 13-8.4 8.4a1.5 1.5 0 0 1-2.1-2.1L11.9 11'/%3E%3Cpath d='m16 16 6-6'/%3E%3Cpath d='m8 8 6-6'/%3E%3Cpath d='m9 7 8 8'/%3E%3Cpath d='m21 11-8-8'/%3E%3C/svg%3E");
}
.amIcon[data-icon="shield"] {
  --am-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 4 6v6c0 4.5 3.3 7.8 8 9 4.7-1.2 8-4.5 8-9V6z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E");
}
.amIcon[data-icon="user"] {
  --am-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4 3.6-7 8-7s8 3 8 7'/%3E%3C/svg%3E");
}
.amIcon[data-icon="users"] {
  --am-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.5'/%3E%3Cpath d='M2.5 20c0-3.6 2.9-6 6.5-6s6.5 2.4 6.5 6'/%3E%3Cpath d='M16 4.6a3.5 3.5 0 0 1 0 6.8'/%3E%3Cpath d='M18 14.3c2 .7 3.5 2.6 3.5 5.7'/%3E%3C/svg%3E");
}
.amIcon[data-icon="coins"] {
  --am-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M14.5 9.2c-.5-.8-1.4-1.2-2.5-1.2-1.4 0-2.5.7-2.5 1.9 0 2.7 5.2 1.3 5.2 4 0 1.2-1.1 2-2.7 2-1.2 0-2.2-.5-2.7-1.4'/%3E%3Cpath d='M12 6.5V8m0 8v1.5'/%3E%3C/svg%3E");
}
.amIcon[data-icon="clipboard"] {
  --am-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='4' width='14' height='17' rx='2'/%3E%3Cpath d='M9 4h6v3H9z'/%3E%3Cpath d='M9 12h6M9 16h6'/%3E%3C/svg%3E");
}
.amIcon[data-icon="pin"] {
  --am-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6.2-7-11a7 7 0 0 1 14 0c0 4.8-7 11-7 11z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E");
}
.amIcon[data-icon="package"] {
  --am-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 8 12 3 3 8v8l9 5 9-5z'/%3E%3Cpath d='m3 8 9 5 9-5M12 13v8'/%3E%3C/svg%3E");
}
.amIcon[data-icon="image"] {
  --am-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Ccircle cx='9' cy='10' r='1.8'/%3E%3Cpath d='m21 16-5-5-9 9'/%3E%3C/svg%3E");
}
.amIcon[data-icon="car"] {
  --am-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 16v2m14-2v2M3 16h18v-4l-2-5H5l-2 5z'/%3E%3Ccircle cx='7.5' cy='13.5' r='.6'/%3E%3Ccircle cx='16.5' cy='13.5' r='.6'/%3E%3C/svg%3E");
}
.amIcon[data-icon="tractor"] {
  --am-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='7' cy='17' r='3'/%3E%3Ccircle cx='18' cy='18' r='2'/%3E%3Cpath d='M10 17h6M4 14V7h6l2 4h5v5'/%3E%3C/svg%3E");
}
.amIcon[data-icon="bag"] {
  --am-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8h14l-1 12H6z'/%3E%3Cpath d='M9 8V6a3 3 0 0 1 6 0v2'/%3E%3C/svg%3E");
}
.amIcon[data-icon="building"] {
  --am-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='3' width='14' height='18' rx='1.5'/%3E%3Cpath d='M9 7h2M13 7h2M9 11h2M13 11h2M10 21v-4h4v4'/%3E%3C/svg%3E");
}
.amIcon[data-icon="home"] {
  --am-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 11 9-8 9 8'/%3E%3Cpath d='M5 10v10h14V10'/%3E%3Cpath d='M10 20v-6h4v6'/%3E%3C/svg%3E");
}
.amIcon[data-icon="blocks"] {
  --am-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='7' height='7' rx='1.5'/%3E%3Crect x='13' y='4' width='7' height='7' rx='1.5'/%3E%3Crect x='4' y='13' width='7' height='7' rx='1.5'/%3E%3Cpath d='M16.5 13v7M13 16.5h7'/%3E%3C/svg%3E");
}
.amIcon[data-icon="search"] {
  --am-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E");
}
.amIcon[data-icon="cart"] {
  --am-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1.5'/%3E%3Ccircle cx='18' cy='20' r='1.5'/%3E%3Cpath d='M2.5 3.5h3l2.4 11.6a1.5 1.5 0 0 0 1.5 1.2h8.4a1.5 1.5 0 0 0 1.5-1.1L21 8H6.2'/%3E%3C/svg%3E");
}
.amIcon[data-icon="camera"] {
  --am-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8h3l2-3h6l2 3h3v11H4z'/%3E%3Ccircle cx='12' cy='13' r='3.5'/%3E%3C/svg%3E");
}
.amIcon[data-icon="flame"] {
  --am-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3s5 4 5 9a5 5 0 0 1-10 0c0-2 1-3 2-4 0 2 1 3 2 3 0-3-1-5 1-8z'/%3E%3C/svg%3E");
}
.amIcon[data-icon="sparkles"] {
  --am-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 3l1.8 5.2L18 10l-5.2 1.8L11 17l-1.8-5.2L4 10l5.2-1.8z'/%3E%3Cpath d='M19 16v4M17 18h4'/%3E%3C/svg%3E");
}
.amIcon[data-icon="pushpin"] {
  --am-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 4h6l-1 6 3 3H7l3-3z'/%3E%3Cpath d='M12 13v8'/%3E%3C/svg%3E");
}
.amIcon[data-icon="tag"] {
  --am-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12V4h8l10 10-8 8z'/%3E%3Ccircle cx='7.5' cy='8.5' r='1.2'/%3E%3C/svg%3E");
}
.amIcon[data-icon="briefcase"] {
  --am-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='7' width='18' height='13' rx='2'/%3E%3Cpath d='M9 7V5a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2M3 13h18'/%3E%3C/svg%3E");
}
.amIcon[data-icon="edit"] {
  --am-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h4L19 9l-4-4L4 16z'/%3E%3Cpath d='m13.5 6.5 4 4'/%3E%3C/svg%3E");
}
.amIcon[data-icon="chart"] {
  --am-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h16'/%3E%3Crect x='5' y='11' width='3.5' height='9'/%3E%3Crect x='10.3' y='6' width='3.5' height='14'/%3E%3Crect x='15.5' y='14' width='3.5' height='6'/%3E%3C/svg%3E");
}
.amIcon[data-icon="alert"] {
  --am-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 2.5 20h19z'/%3E%3Cpath d='M12 10v4.5'/%3E%3Cpath d='M12 17.5v.01'/%3E%3C/svg%3E");
}
.amIcon[data-icon="chat"] {
  --am-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a8 8 0 0 1-11.6 7.1L4 20l1-4.6A8 8 0 1 1 21 12z'/%3E%3C/svg%3E");
}
.amIcon[data-icon="handshake"] {
  --am-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12l4-4 4 2 4-2 6 5-5 5-3-2-3 2-3-2z'/%3E%3C/svg%3E");
}
.amIcon[data-icon="inbox"] {
  --am-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 13v6a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-6'/%3E%3Cpath d='M12 4v10'/%3E%3Cpath d='m8 10 4 4 4-4'/%3E%3C/svg%3E");
}
.amIcon[data-icon="target"] {
  --am-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='12' cy='12' r='4.5'/%3E%3Ccircle cx='12' cy='12' r='1'/%3E%3C/svg%3E");
}
.amIcon[data-icon="clock"] {
  --am-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E");
}
.amIcon[data-icon="calendar"] {
  --am-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='5' width='16' height='15' rx='2'/%3E%3Cpath d='M4 10h16M9 3v4M15 3v4'/%3E%3C/svg%3E");
}
.amIcon[data-icon="refresh"] {
  --am-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 11a8 8 0 0 0-14.5-3.5L4 9'/%3E%3Cpath d='M4 4v5h5'/%3E%3Cpath d='M4 13a8 8 0 0 0 14.5 3.5L20 15'/%3E%3Cpath d='M20 20v-5h-5'/%3E%3C/svg%3E");
}
.amIcon[data-icon="plug"] {
  --am-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 3v5M15 3v5'/%3E%3Cpath d='M6 8h12v4a6 6 0 0 1-12 0z'/%3E%3Cpath d='M12 18v3'/%3E%3C/svg%3E");
}
.amIcon[data-icon="film"] {
  --am-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M8 5v14M16 5v14M3 10h5M3 14h5M16 10h5M16 14h5'/%3E%3C/svg%3E");
}
.amIcon[data-icon="paw"] {
  --am-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='11' r='1.8'/%3E%3Ccircle cx='10' cy='6.5' r='1.8'/%3E%3Ccircle cx='14' cy='6.5' r='1.8'/%3E%3Ccircle cx='18' cy='11' r='1.8'/%3E%3Cpath d='M12 12c-3 0-5 3-5 5.2 0 1.5 1.3 2.3 3 1.8 1.2-.4 1.6-.4 4 0 1.7.3 3-.3 3-1.8C17 15 15 12 12 12z'/%3E%3C/svg%3E");
}
.amIcon[data-icon="laptop"] {
  --am-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='5' width='14' height='10' rx='1.5'/%3E%3Cpath d='M3 19h18'/%3E%3C/svg%3E");
}
.amIcon[data-icon="sofa"] {
  --am-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 11V8a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v3'/%3E%3Cpath d='M3 13a2 2 0 0 1 4 0v2h10v-2a2 2 0 0 1 4 0v5H3z'/%3E%3C/svg%3E");
}
.amIcon[data-icon="wrench"] {
  --am-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 6.5a4 4 0 0 0 5 5L11 20a2.1 2.1 0 0 1-3-3z'/%3E%3Cpath d='M15 3.5l5.5 5.5'/%3E%3C/svg%3E");
}
.amIcon[data-icon="phone"] {
  --am-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h4l2 5-2.5 1.5a11 11 0 0 0 5 5L16 12l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 4 6a2 2 0 0 1 2-3z'/%3E%3C/svg%3E");
}
.amIcon[data-icon="mobile"] {
  --am-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='3' width='10' height='18' rx='2'/%3E%3Cpath d='M11 18h2'/%3E%3C/svg%3E");
}
.amIcon[data-icon="globe"] {
  --am-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3c3 3 3 15 0 18M12 3c-3 3-3 15 0 18'/%3E%3C/svg%3E");
}
.amIcon[data-icon="palette"] {
  --am-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3a9 9 0 0 0 0 18c1.5 0 2-1 1.5-2s.5-2 2-2H18a3 3 0 0 0 3-3c0-5-4-11-9-11z'/%3E%3Ccircle cx='8' cy='11' r='1'/%3E%3Ccircle cx='12' cy='7.5' r='1'/%3E%3Ccircle cx='16' cy='11' r='1'/%3E%3C/svg%3E");
}
.amIcon[data-icon="file"] {
  --am-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h8l4 4v14H6z'/%3E%3Cpath d='M14 3v4h4M9 13h6M9 17h6'/%3E%3C/svg%3E");
}
.amIcon[data-icon="gear"] {
  --am-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M12 2v3M12 19v3M2 12h3M19 12h3M4.9 4.9 7 7M17 17l2.1 2.1M4.9 19.1 7 17M17 7l2.1-2.1'/%3E%3C/svg%3E");
}
.amIcon[data-icon="bolt"] {
  --am-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2 4 14h7l-1 8 9-12h-7z'/%3E%3C/svg%3E");
}
.amIcon[data-icon="star"] {
  --am-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3 2.7 5.6 6.1.9-4.4 4.3 1 6.1L12 17l-5.4 2.9 1-6.1L3.2 9.5l6.1-.9z'/%3E%3C/svg%3E");
}
.amIcon[data-icon="star-fill"] {
  --am-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath fill='black' d='m12 3 2.7 5.6 6.1.9-4.4 4.3 1 6.1L12 17l-5.4 2.9 1-6.1L3.2 9.5l6.1-.9z'/%3E%3C/svg%3E");
}
.amIcon[data-icon="eye"] {
  --am-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
}
.amIcon[data-icon="printer"] {
  --am-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 9V3h10v6'/%3E%3Crect x='4' y='9' width='16' height='8' rx='2'/%3E%3Cpath d='M7 14h10v7H7z'/%3E%3C/svg%3E");
}
.amIcon[data-icon="sort"] {
  --am-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m8 9 4-5 4 5M8 15l4 5 4-5'/%3E%3C/svg%3E");
}
.amIcon[data-icon="download"] {
  --am-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v11'/%3E%3Cpath d='m7 11 5 5 5-5'/%3E%3Cpath d='M5 20h14'/%3E%3C/svg%3E");
}
.amIcon[data-icon="map"] {
  --am-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 6 6-2 6 2 6-2v14l-6 2-6-2-6 2z'/%3E%3Cpath d='M9 4v14M15 6v14'/%3E%3C/svg%3E");
}
.amIcon[data-icon="heart"] {
  --am-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20.5s-7.5-4.6-9.4-9.4A5.2 5.2 0 0 1 12 6.4a5.2 5.2 0 0 1 9.4 4.7c-1.9 4.8-9.4 9.4-9.4 9.4z'/%3E%3C/svg%3E");
}
.amIcon[data-icon="heart-fill"] {
  --am-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath fill='black' d='M12 20.5s-7.5-4.6-9.4-9.4A5.2 5.2 0 0 1 12 6.4a5.2 5.2 0 0 1 9.4 4.7c-1.9 4.8-9.4 9.4-9.4 9.4z'/%3E%3C/svg%3E");
}
.amIcon[data-icon="check"] {
  --am-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E");
}
.amIcon[data-icon="check-circle"] {
  --am-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m8 12.5 3 3 5-6'/%3E%3C/svg%3E");
}
.amIcon[data-icon="x"] {
  --am-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 6l12 12M18 6 6 18'/%3E%3C/svg%3E");
}
.amIcon[data-icon="signal"] {
  --am-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3Cpath d='M8 8a5.7 5.7 0 0 0 0 8M16 8a5.7 5.7 0 0 1 0 8M5 5a10 10 0 0 0 0 14M19 5a10 10 0 0 1 0 14'/%3E%3C/svg%3E");
}
.amIcon[data-icon="hash"] {
  --am-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 9h14M5 15h14M10 4 8 20M16 4l-2 16'/%3E%3C/svg%3E");
}
.amIcon[data-icon="swap"] {
  --am-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8h16m-4-4 4 4-4 4'/%3E%3Cpath d='M20 16H4m4-4-4 4 4 4'/%3E%3C/svg%3E");
}
.amIcon[data-icon="dot"] {
  --am-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='5' fill='black'/%3E%3C/svg%3E");
}
.amIcon[data-icon="play"] {
  --am-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 5v14l11-7z' fill='black'/%3E%3C/svg%3E");
}
.amIcon[data-icon="external"] {
  --am-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7'/%3E%3Cpath d='M8 7h9v9'/%3E%3C/svg%3E");
}
.amIcon[data-icon="logout"] {
  --am-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 4H5a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h4'/%3E%3Cpath d='M16 8l4 4-4 4'/%3E%3Cpath d='M20 12H9'/%3E%3C/svg%3E");
}
.amIcon[data-icon="hourglass"] {
  --am-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h12M6 21h12'/%3E%3Cpath d='M7 3c0 5 5 6 5 9s-5 4-5 9M17 3c0 5-5 6-5 9s5 4 5 9'/%3E%3C/svg%3E");
}
.amIcon[data-icon="arrow-next"] {
  --am-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h16'/%3E%3Cpath d='m14 6 6 6-6 6'/%3E%3C/svg%3E");
}
.amIcon[data-icon="arrow-prev"] {
  --am-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 12H4'/%3E%3Cpath d='m10 6-6 6 6 6'/%3E%3C/svg%3E");
}
.amIcon[data-icon="arrow-up"] {
  --am-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20V4'/%3E%3Cpath d='m6 10 6-6 6 6'/%3E%3C/svg%3E");
}
.amIcon[data-icon="arrow-down"] {
  --am-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v16'/%3E%3Cpath d='m6 14 6 6 6-6'/%3E%3C/svg%3E");
}
.amIcon[data-icon="flag"] {
  --am-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 21V4'/%3E%3Cpath d='M5 5h11l-2 4 2 4H5'/%3E%3C/svg%3E");
}
.amIcon[data-icon="pickaxe"] {
  --am-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m14 13-8.4 8.4a1.5 1.5 0 0 1-2.1-2.1L11.9 11'/%3E%3Cpath d='m16 16 6-6'/%3E%3Cpath d='m8 8 6-6'/%3E%3Cpath d='m9 7 8 8'/%3E%3Cpath d='m21 11-8-8'/%3E%3C/svg%3E");
}
.amIcon[data-icon="menu"] {
  --am-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16M4 12h16M4 17h16'/%3E%3C/svg%3E");
}
.amEmpty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--am-space-2);
  box-sizing: border-box;
  padding: var(--am-space-6) var(--am-space-4);
  border: 1px solid var(--am-border);
  border-radius: var(--am-radius-md);
  background: var(--am-surface);
  color: var(--am-text-muted);
  text-align: center;
}
:is(.card, .panel, .box) .amEmpty {
  border: 0;
  background: transparent;
}
.amEmpty[hidden] {
  display: none;
}
.amEmptyIcon {
  display: grid;
  place-items: center;
  width: calc(var(--am-space-7) + var(--am-space-2));
  height: calc(var(--am-space-7) + var(--am-space-2));
  border-radius: var(--am-radius-full);
  background: var(--am-cream-300);
  color: var(--am-gold-700);
  font-size: var(--am-text-h3);
}
.amEmptyTitle {
  margin: 0;
  font-size: var(--am-text-body);
  font-weight: var(--am-weight-bold);
  line-height: var(--am-line-heading);
  color: var(--am-text);
}
.amEmptyText {
  max-width: 48ch;
  margin: 0;
  font-size: var(--am-text-small);
  font-weight: var(--am-weight-regular);
  line-height: var(--am-line-body);
}
.amEmptyAction {
  margin-block-start: var(--am-space-2);
}
.amHidden {
  display: none;
}
.amMt-0 {
  margin-block-start: 0;
}
.amMt-2 {
  margin-block-start: var(--am-space-2);
}
.amMt-3 {
  margin-block-start: var(--am-space-3);
}
.amMb-2 {
  margin-block-end: var(--am-space-2);
}
.amMb-3 {
  margin-block-end: var(--am-space-3);
}
.amM0 {
  margin: 0;
}
.amTextEnd {
  text-align: end;
}
.amTextSuccess {
  color: var(--am-success);
}
.amColFull {
  grid-column: 1 / -1;
}
.amBlock {
  width: 100%;
}
.amStack {
  display: flex;
  flex-direction: column;
  gap: var(--am-space-2);
}
.amItemsCenter {
  align-items: center;
}
.amFieldLabel {
  display: block;
  margin-block-end: var(--am-space-2);
  font-weight: var(--am-weight-bold);
}
.amInput {
  box-sizing: border-box;
  padding: var(--am-space-3);
  border: 1px solid var(--am-border-gold);
  border-radius: var(--am-radius-sm);
  background: var(--am-surface);
  color: var(--am-text);
  font: inherit;
}
.amSectionTitle {
  margin: 0 0 var(--am-space-2);
  font-size: var(--am-text-body);
  font-weight: var(--am-weight-bold);
}
.amNote {
  margin-block-end: var(--am-space-3);
  font-size: var(--am-text-small);
  color: var(--am-text-muted);
}
.amRow {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--am-space-2);
}
.amDisplayBlock {
  display: block;
}
.amMe-2 {
  margin-inline-end: var(--am-space-2);
}