/* Auto-generated by scripts/build-route-css-bundles.mjs */
/* Do not edit this file directly. Update source files under src/styles. */
/* Compatibility mode: avoid @layer wrappers to support legacy mobile browsers. */

/* src/styles/base.css [layer:tokens] */
  :root {
    --font-inter: "Segoe UI";
    --font-poppins: "Segoe UI";
    --font-family-base: var(--font-inter), "Segoe UI", sans-serif;
    --font-family-heading: var(--font-poppins), var(--font-inter), sans-serif;
    --bg: #fff7f0;
    --surface: #ffffff;
    --surface-soft: #fff3e8;
    --surface-alt: #fff8f1;
    --text: #3a2a20;
    --muted: #7b6657;
    --primary: #c56a2d;
    --primary-strong: #aa5722;
    --secondary: #e9a46b;
    --border: #efdccd;
    --success: #1f7a49;
    --warning: #9a5a1f;
    --error: #b93d36;
    --brand-surface-base: #fff;
    --brand-surface-elevated: #fffdfb;
    --brand-surface-soft: #fff9f3;
    --brand-surface-warm: #fff7ef;
    --brand-surface-danger: #fff5f4;
    --brand-border-soft: #f0dfd2;
    --brand-border-base: #ead8ca;
    --brand-border-accent: #d8b18d;
    --brand-text-strong: #3f2d22;
    --brand-text-base: #4e392d;
    --brand-text-muted: #6f594a;
    --brand-accent-strong: #8d4f27;
    --brand-accent-deep: #6f3517;
    --brand-shadow-soft: 0 8px 16px rgba(79, 47, 27, 0.08);
    --brand-shadow-card: 0 10px 18px rgba(84, 53, 34, 0.08);
    --brand-gradient-card: linear-gradient(180deg, #fffdfa 0%, #fff9f4 100%);
    --brand-gradient-soft: linear-gradient(180deg, #fff 0%, #fff9f3 100%);
    --brand-gradient-accent: linear-gradient(180deg, #8f4c23 0%, #6f3517 100%);
    --brand-gradient-danger: linear-gradient(180deg, #fff7f6 0%, #ffeceb 100%);
    --brand-gradient-cta-warm: linear-gradient(145deg, #efbb70 0%, #d9863d 46%, #b85f24 100%);
    --brand-gradient-cta-warm-strong: linear-gradient(145deg, #f0bf76 0%, #de8f45 45%, #b55f23 100%);
    --space-0: 4px;
    --space-0-5: 6px;
    --space-1: 8px;
    --space-1-5: 12px;
    --space-2: 16px;
    --space-2-5: 20px;
    --space-3: 24px;
    --space-3-5: 28px;
    --space-4: 32px;
    --space-4-5: 40px;
    --space-5: 48px;
    --radius-xs: 10px;
    --radius-control: 12px;
    --radius-sm: 12px;
    --radius-md: 16px;
    --radius-lg: 20px;
    --radius-pill: 999px;
    --control-height-xs: 30px;
    --control-height-sm: 34px;
    --control-height-md: 40px;
    --control-height-lg: 44px;
    --control-height-xl: 48px;
    --font-size-xs: 0.75rem;
    --font-size-sm: 0.84rem;
    --font-size-md: 0.94rem;
    --font-size-lg: 1.08rem;
    --shadow-sm: 0 6px 14px rgba(78, 47, 29, 0.08);
    --shadow-md: 0 14px 28px rgba(78, 47, 29, 0.13);
    --motion-fast: 160ms;
    --motion-base: 220ms;
    --motion-slow: 260ms;
    --motion-feedback: 280ms;
    --focus-ring: rgba(205, 126, 62, 0.34);
    --interactive-shadow-soft: 0 8px 14px rgba(93, 55, 31, 0.12);
    --interactive-shadow-strong: 0 12px 20px rgba(93, 55, 31, 0.2);
    --safe-top: env(safe-area-inset-top, 0px);
    --safe-right: env(safe-area-inset-right, 0px);
    --safe-bottom: env(safe-area-inset-bottom, 0px);
    --safe-left: env(safe-area-inset-left, 0px);
    --touch-target-min: 44px;
    --touch-target-compact: 40px;
    --sc-viewport-height: 100dvh;
    --sc-viewport-width: 100vw;
    --sc-keyboard-inset: 0px;
    --sc-connection-mode: full;
  }

  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }

  html,
  body,
  #root {
    min-height: 100%;
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  html {
    font-size: 16px;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    overflow-x: hidden;
    min-height: 100%;
  }

  body {
    margin: 0;
    min-width: 320px;
    min-height: 100vh;
    min-height: 100dvh;
    font-family: var(--font-family-base);
    color: var(--text);
    background-color: #fff8f2;
    background-image:
      linear-gradient(180deg, rgba(255, 252, 248, 0.96) 0%, rgba(255, 246, 238, 0.96) 100%),
      url("/logos/background.webp");
    background-size:
      100% 100%,
      210px auto;
    background-position:
      center,
      0 0;
    background-repeat: no-repeat, repeat;
    background-attachment: scroll, scroll;
    overflow-x: hidden;
    overscroll-behavior-x: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
  }

  html[data-sc-connection-mode="degraded"] {
    --sc-connection-mode: degraded;
    --motion-fast: 0ms;
    --motion-base: 0ms;
    --motion-slow: 0ms;
    --motion-feedback: 0ms;
  }

  html[data-sc-connection-mode="degraded"] body {
    background-image: linear-gradient(
      180deg,
      rgba(255, 252, 248, 0.97) 0%,
      rgba(255, 246, 238, 0.97) 100%
    );
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }

  #root {
    position: relative;
    isolation: isolate;
    overflow-x: clip;
  }

  img {
    max-width: 100%;
    display: block;
  }

  button,
  input,
  select,
  textarea {
    font: inherit;
    font-size: 16px;
  }

  button,
  [role="button"],
  a,
  input,
  select,
  textarea {
    touch-action: manipulation;
  }

  label {
    display: grid;
    gap: 4px;
    font-size: 0.9rem;
    color: var(--muted);
    font-weight: 700;
  }

  input {
    width: 100%;
    border-radius: 12px;
    border: 1px solid #dfcebf;
    padding: 12px;
    background: #fff;
    color: var(--text);
  }

  input:focus {
    outline: none;
    border-color: #d18755;
    box-shadow: 0 0 0 3px rgba(209, 135, 85, 0.18);
  }

  @media (max-width: 480px) {
    :root {
      --space-2: 13px;
      --space-3: 18px;
      --space-1-5: 11px;
      --radius-control: 11px;
      --radius-md: 14px;
      --radius-lg: 18px;
      --control-height-md: 38px;
      --control-height-lg: 40px;
      --touch-target-compact: 38px;
    }

    body {
      background-size:
        100% 100%,
        170px auto;
    }
  }

  @media (max-width: 360px) {
    :root {
      --space-2: 12px;
      --space-3: 16px;
      --touch-target-min: 40px;
    }
  }

/* src/styles/motion.css [layer:tokens] */
  @media (hover: hover) and (pointer: fine) {
    .product-card:hover {
      transform: translateY(-3px);
      box-shadow:
        0 16px 28px rgba(104, 60, 33, 0.16),
        inset 0 1px 0 rgba(255, 255, 255, 0.64);
    }

    .quantity-control__button:hover {
      background: #f3dfcd;
    }

    .quantity-control__button--plus:hover {
      background: linear-gradient(180deg, #eba760 0%, #d77c39 100%);
      color: #5d2f13;
    }

    .cart-summary__button:hover {
      filter: brightness(1.04);
    }

    .app-topbar__action:hover {
      background: #fdf2e9;
      box-shadow: 0 5px 10px rgba(139, 85, 55, 0.1);
    }

    .order-sheet__close:hover {
      background: #ecd9c7;
    }

    .order-form__submit:hover:not(:disabled) {
      filter: brightness(1.03);
    }
  }

  @keyframes shimmer {
    0% {
      background-position: 100% 0;
    }

    100% {
      background-position: -100% 0;
    }
  }

  @keyframes slide-down {
    from {
      opacity: 0;
      transform: translateY(-6px);
    }

    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  @keyframes pop {
    0% {
      transform: translateX(-50%) scale(0.97);
    }

    100% {
      transform: translateX(-50%) scale(1);
    }
  }

  @keyframes card-bounce {
    0% {
      transform: translateY(0) scale(1);
    }

    40% {
      transform: translateY(-2px) scale(1.016);
    }

    100% {
      transform: translateY(-2px) scale(1.003);
    }
  }

  @keyframes cookie-pop {
    0% {
      transform: scale(1);
    }

    45% {
      transform: scale(1.035);
    }

    100% {
      transform: scale(1);
    }
  }

  @keyframes number-pop {
    0% {
      transform: scale(1);
    }

    45% {
      transform: scale(1.12);
    }

    100% {
      transform: scale(1);
    }
  }

  @keyframes float-up {
    from {
      opacity: 0;
      transform: translate(-50%, 0);
    }

    to {
      opacity: 1;
      transform: translate(-50%, -6px);
    }
  }

  @keyframes sheet-up {
    from {
      opacity: 0;
      transform: translateY(18px);
    }

    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

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

/* src/styles/ui.css [layer:primitives] */
  .ui-button {
    border: 1px solid transparent;
    border-radius: var(--radius-sm);
    min-height: var(--control-height-md);
    padding: var(--space-1) var(--space-2);
    line-height: 1.15;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-1);
    cursor: pointer;
    transition:
      transform var(--motion-fast) ease,
      filter var(--motion-fast) ease,
      background-color var(--motion-fast) ease,
      border-color var(--motion-fast) ease,
      color var(--motion-fast) ease,
      box-shadow var(--motion-fast) ease;
  }

  .ui-button--size-sm {
    min-height: var(--control-height-sm);
    padding: var(--space-0-5) var(--space-1-5);
    font-size: 0.84rem;
  }

  .ui-button--size-md {
    min-height: var(--control-height-lg);
    padding: var(--space-1) var(--space-2);
    font-size: 0.9rem;
  }

  .ui-button--size-lg {
    min-height: var(--control-height-xl);
    padding: var(--space-1-5) var(--space-2-5);
    font-size: 0.96rem;
  }

  .ui-button:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
    filter: none;
    box-shadow: none;
  }

  .ui-button:focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px var(--focus-ring);
  }

  .ui-button:active:not(:disabled) {
    transform: scale(0.97);
  }

  .ui-button--primary {
    background: linear-gradient(135deg, var(--primary), var(--primary-strong));
    color: #fff;
    box-shadow: 0 10px 18px rgba(139, 76, 37, 0.24);
  }

  .ui-button--primary:hover:not(:disabled) {
    transform: translateY(-1px);
    box-shadow: var(--interactive-shadow-strong);
  }

  .ui-button--ghost {
    background: var(--brand-gradient-soft);
    border-color: var(--brand-border-base);
    color: var(--brand-text-base);
    box-shadow: none;
  }

  .ui-button--ghost:hover:not(:disabled) {
    background: var(--brand-surface-warm);
    border-color: var(--brand-border-accent);
    box-shadow: var(--interactive-shadow-soft);
    transform: translateY(-1px);
  }

  .ui-button--secondary {
    background: var(--brand-gradient-soft);
    border-color: var(--brand-border-accent);
    color: var(--brand-text-base);
    box-shadow: var(--brand-shadow-soft);
  }

  .ui-button--secondary:hover:not(:disabled) {
    background: var(--brand-surface-warm);
    border-color: var(--brand-border-accent);
    box-shadow: var(--interactive-shadow-soft);
    transform: translateY(-1px);
  }

  .ui-button--danger {
    background: var(--brand-gradient-danger);
    border-color: #e2bebb;
    color: #9e3d37;
    box-shadow: 0 5px 10px rgba(138, 62, 56, 0.1);
  }

  .ui-button--danger:hover:not(:disabled) {
    background: #ffe8e6;
    border-color: #e0aaa7;
    box-shadow: 0 8px 14px rgba(138, 62, 56, 0.14);
    transform: translateY(-1px);
  }

  .ui-icon-button {
    border: 0;
    background: transparent;
    border-radius: var(--radius-pill);
    min-width: var(--control-height-lg);
    min-height: var(--control-height-lg);
    cursor: pointer;
    transition:
      transform var(--motion-fast) ease,
      background-color var(--motion-fast) ease;
  }

  .ui-card {
    background: var(--brand-surface-base);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
  }

  .ui-section {
    display: grid;
    gap: var(--space-3);
    padding: var(--space-3);
  }

  .ui-section__header h2 {
    margin: 0;
    font-family: var(--font-family-heading);
    font-size: 1.46rem;
    line-height: 1.15;
  }

  .ui-section__header p {
    margin: 6px 0 0;
    color: var(--muted);
    font-size: 1rem;
    line-height: 1.4;
  }

  .ui-badge {
    display: inline-flex;
    align-items: center;
    border-radius: var(--radius-pill);
    background: #f6e4d4;
    color: var(--brand-accent-strong);
    border: 1px solid #e9ccb4;
    padding: var(--space-0) var(--space-1-5);
    font-size: var(--font-size-xs);
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
  }

  .ui-badge--size-sm {
    min-height: 21px;
    padding-inline: 9px;
    font-size: 0.66rem;
  }

  .ui-badge--size-md {
    min-height: 24px;
    padding-inline: 11px;
    font-size: 0.72rem;
  }

  .ui-badge--neutral {
    background: #f6e4d4;
    border-color: #e9ccb4;
    color: var(--brand-accent-strong);
  }

  .ui-badge--success {
    background: #edf8ef;
    border-color: #cde7d3;
    color: #2f6d42;
  }

  .ui-badge--warning {
    background: #fff4e8;
    border-color: #f1d3b6;
    color: #9a5a1f;
  }

  .ui-badge--danger {
    background: #fff1ef;
    border-color: #edcbc8;
    color: #9e3d37;
  }

  .ui-badge--info {
    background: #edf3ff;
    border-color: #cad8f6;
    color: #3d5899;
  }

  .ui-badge--muted {
    background: #f2ece6;
    border-color: #e0d5c9;
    color: #766558;
  }

  .ui-price {
    font-family: var(--font-family-heading);
    font-weight: 700;
  }

  .ui-price--split {
    display: inline-flex;
    align-items: baseline;
    gap: 2px;
    line-height: 1;
    white-space: nowrap;
  }

  .ui-price__currency {
    font-size: 0.46em;
    letter-spacing: 0.03em;
    opacity: 0.74;
  }

  .ui-price__whole {
    font-size: 1em;
  }

  .ui-price__decimal {
    font-size: 0.55em;
    opacity: 0.92;
  }

  .ui-avatar {
    border-radius: 999px;
    object-fit: cover;
  }

  .ui-product-image {
    display: block;
    width: 100%;
    height: auto;
    min-width: 0;
    object-position: center;
    object-fit: cover;
    background: linear-gradient(180deg, #fbf2e7 0%, #f4e2d1 100%);
  }

  .ui-product-image--fallback {
    object-fit: contain;
    object-position: center;
    padding: 12px;
    background: linear-gradient(180deg, #f7e8dc 0%, #f1ddcc 100%);
  }

  .ui-product-image--presentation-default {
    border-radius: var(--radius-md);
  }

  .ui-product-image--presentation-catalog-card {
    min-height: 176px;
    aspect-ratio: 1 / 1;
    border-radius: 16px;
  }

  .ui-product-image--presentation-catalog-card.ui-product-image--real {
    transform: scale(var(--ui-product-image-zoom, 1.16));
    transform-origin: center;
  }

  .ui-product-image--presentation-catalog-card.ui-product-image--fallback {
    padding: 16px;
    transform: none;
  }

  .ui-product-image--presentation-catalog-modal {
    min-height: 172px;
    max-height: 220px;
    border-radius: 14px;
  }

  @media (min-width: 720px) {
    .ui-product-image--presentation-catalog-modal {
      min-height: 206px;
      max-height: 258px;
    }
  }

  @media (max-width: 520px) {
    .ui-product-image--presentation-catalog-card {
      min-height: 156px;
      border-radius: 13px;
    }

    .ui-product-image--presentation-catalog-card.ui-product-image--fallback {
      padding: 14px;
    }
  }

  .ui-field {
    display: grid;
    gap: var(--space-0);
    font-size: 0.9rem;
    color: var(--muted);
    font-weight: 700;
    min-width: 0;
    max-width: 100%;
  }

  .ui-field__label {
    display: block;
  }

  .ui-field__control {
    position: relative;
    display: block;
  }

  .ui-field__input {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    min-height: var(--control-height-lg);
    border-radius: var(--radius-control);
    border: 1px solid #dfcebf;
    padding: var(--space-1-5);
    background: var(--brand-surface-base);
    color: var(--brand-text-strong);
  }

  .ui-field__input--with-end-adornment {
    padding-right: var(--control-height-lg);
  }

  .ui-field__end-adornment {
    position: absolute;
    right: var(--space-1);
    top: 50%;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .ui-field__adornment-button {
    width: var(--control-height-xs);
    height: var(--control-height-xs);
    border: 0;
    border-radius: var(--radius-pill);
    background: #f3e7dc;
    color: var(--brand-text-base);
    font-size: 0.92rem;
    line-height: 1;
    cursor: pointer;
    transition:
      background-color var(--motion-fast) ease,
      transform var(--motion-fast) ease;
  }

  .ui-field__adornment-button:hover {
    background: #ead8c8;
    transform: translateY(-1px);
  }

  .ui-field__adornment-button:active {
    transform: scale(0.95);
  }

  .ui-field__input[type="date"] {
    min-inline-size: 0;
  }

  .ui-field__input:focus {
    outline: none;
    border-color: #d18755;
    box-shadow: 0 0 0 3px rgba(209, 135, 85, 0.18);
  }

  .ui-field__error {
    color: var(--error);
    font-size: 0.84rem;
    font-weight: 700;
  }

  .inline-feedback {
    border: 1px dashed #e5cdb9;
    border-radius: var(--radius-sm);
    padding: var(--space-2);
    color: var(--muted);
  }

  .inline-feedback--error {
    border-style: solid;
    border-color: #e7b8b4;
    background: #fff4f3;
    color: var(--error);
  }

  .app-error-boundary {
    min-height: max(55vh, 320px);
    display: grid;
    place-items: center;
    padding: clamp(18px, 3vw, 28px);
  }

  .app-error-boundary__card {
    width: min(620px, 100%);
    border: 1px solid var(--brand-border-soft);
    border-radius: var(--radius-lg);
    background: linear-gradient(180deg, #fffdf9 0%, #fff6ec 100%);
    box-shadow: var(--brand-shadow-soft);
    padding: clamp(18px, 3vw, 28px);
    display: grid;
    gap: var(--space-1-5);
  }

  .app-error-boundary__eyebrow {
    margin: 0;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--brand-text-muted);
  }

  .app-error-boundary__title {
    margin: 0;
    font-size: clamp(1.15rem, 2.2vw, 1.48rem);
    font-family: var(--font-family-heading);
    color: var(--brand-text-strong);
  }

  .app-error-boundary__description {
    margin: 0;
    color: var(--brand-text-base);
    line-height: 1.45;
  }

  .app-error-boundary__reference {
    margin: 0;
    font-size: 0.82rem;
    color: var(--brand-text-muted);
    background: #f4eadf;
    border: 1px solid var(--brand-border-soft);
    border-radius: var(--radius-pill);
    padding: 4px 10px;
    justify-self: start;
  }

  .app-error-boundary__actions {
    margin-top: 4px;
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-1);
  }

  .app-error-boundary__actions .ui-button {
    min-height: var(--touch-target-min);
  }

  .support-diagnostic {
    position: fixed;
    right: max(10px, env(safe-area-inset-right));
    bottom: max(10px, env(safe-area-inset-bottom));
    z-index: 80;
    display: grid;
    justify-items: end;
    gap: var(--space-1);
    pointer-events: none;
  }

  .support-diagnostic__trigger,
  .support-diagnostic__panel {
    pointer-events: auto;
  }

  .support-diagnostic__trigger {
    box-shadow: var(--brand-shadow-soft);
  }

  .support-diagnostic__panel {
    width: min(390px, calc(100vw - 18px));
    max-height: min(70vh, 620px);
    overflow: auto;
    border-radius: var(--radius-lg);
    border: 1px solid var(--brand-border-soft);
    background: linear-gradient(180deg, #fffdf9 0%, #fff6ed 100%);
    box-shadow: var(--brand-shadow-strong);
    padding: var(--space-2);
    display: grid;
    gap: var(--space-1-5);
  }

  .support-diagnostic__header h4 {
    margin: 0;
    font-family: var(--font-family-heading);
    font-size: 1.03rem;
  }

  .support-diagnostic__header p {
    margin: 4px 0 0;
    color: var(--brand-text-muted);
    font-size: 0.8rem;
  }

  .support-diagnostic__section {
    display: grid;
    gap: var(--space-0-5);
    border: 1px solid var(--brand-border-soft);
    border-radius: var(--radius-md);
    background: #fffdf9;
    padding: var(--space-1);
  }

  .support-diagnostic__section h5 {
    margin: 0;
    font-size: 0.84rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--brand-text-muted);
  }

  .support-diagnostic__section ul {
    margin: 0;
    padding-left: var(--space-1-5);
    display: grid;
    gap: 2px;
    color: var(--brand-text-base);
    font-size: 0.8rem;
  }

  .support-diagnostic__list {
    list-style: none;
    padding: 0;
  }

  .support-diagnostic__list li {
    display: grid;
    gap: 2px;
    border-bottom: 1px dashed var(--brand-border-soft);
    padding: 0 0 6px;
  }

  .support-diagnostic__list li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
  }

  .support-diagnostic__list strong {
    font-size: 0.77rem;
    color: var(--brand-text-strong);
    word-break: break-word;
  }

  .support-diagnostic__list span {
    font-size: 0.72rem;
    color: var(--brand-text-base);
  }

  .support-diagnostic__list small {
    font-size: 0.69rem;
    color: var(--brand-text-muted);
  }

  .support-diagnostic__empty {
    margin: 0;
    font-size: 0.78rem;
    color: var(--brand-text-muted);
  }

  .support-diagnostic__actions {
    display: flex;
    justify-content: flex-end;
  }

  @media (max-width: 480px) {
    .ui-button {
      min-height: var(--control-height-md);
      padding: var(--space-0-5) var(--space-1-5);
      font-size: 0.9rem;
    }

    .ui-field {
      font-size: 0.86rem;
    }

    .ui-field__input {
      min-height: var(--control-height-md);
      border-radius: var(--radius-control);
      padding: var(--space-1) var(--space-1-5);
    }

    .support-diagnostic__panel {
      width: min(100vw - 12px, 360px);
      max-height: min(74vh, 560px);
      padding: var(--space-1-5);
    }
  }

/* src/styles/layout.css [layer:primitives] */
  .page {
    width: min(1160px, 100%);
    max-width: 1160px;
    margin: 0 auto;
    padding: max(clamp(9px, 2.1vw, 20px), calc(var(--safe-top) + 8px)) clamp(10px, 2.2vw, 20px)
      calc(7.9rem + var(--safe-bottom));
    display: grid;
    gap: clamp(8px, 1.5vw, 13px);
    overflow-x: clip;
  }

  .page > * {
    min-width: 0;
  }

  .storefront-entry {
    display: grid;
    gap: 9px;
  }

  .storefront-entry__hero,
  .storefront-entry__progress {
    min-width: 0;
  }

  .app-topbar {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.97) 0%, rgba(255, 248, 242, 0.97) 100%);
    border: 1px solid var(--border);
    border-radius: 15px;
    padding: 6px 8px;
    box-shadow: 0 7px 14px rgba(99, 60, 34, 0.08);
    display: grid;
    gap: 4px;
  }

  .app-topbar__identity {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    align-items: center;
    gap: 7px;
    min-width: 0;
  }

  .app-topbar__logo {
    width: 46px;
    height: 46px;
    border-radius: 10px;
    object-fit: contain;
    border: 0;
    background: transparent;
    box-shadow: none;
    justify-self: center;
  }

  .app-topbar__brand-copy {
    min-width: 0;
    display: grid;
    gap: 2px;
  }

  .app-topbar__title {
    margin: 0;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-family: var(--font-family-heading);
    font-size: clamp(0.91rem, 1.34vw, 1.02rem);
    line-height: 1.1;
    color: #3d291f;
    font-weight: 800;
  }

  .app-topbar__admin-pill {
    min-height: 16px;
    border-radius: 999px;
    padding: 0 5px;
    border: 1px solid #ead4c2;
    background: #fff8f1;
    color: #997864;
    font-size: 0.58rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
  }

  .app-topbar__phone {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
    font-size: clamp(0.72rem, 1.2vw, 0.8rem);
    color: #6f5343;
    font-weight: 600;
    overflow: hidden;
  }

  .app-topbar__phone strong {
    color: #432f23;
    font-weight: 700;
    overflow-wrap: anywhere;
  }

  .app-topbar__phone span {
    color: #6d5241;
    overflow-wrap: anywhere;
  }

  .app-topbar__actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: center;
    gap: 5px;
  }

  .app-topbar__action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 40px;
    border: 1px solid #deccb9;
    border-radius: 999px;
    background: linear-gradient(180deg, #fff 0%, #fff8f2 100%);
    color: var(--text);
    padding: 0 8px;
    font-size: clamp(0.72rem, 1.04vw, 0.78rem);
    font-weight: 700;
    white-space: normal;
    line-height: 1.15;
    text-align: center;
    transition:
      background-color var(--motion-fast) ease,
      transform var(--motion-fast) ease,
      box-shadow var(--motion-fast) ease;
  }

  .app-topbar__action:active {
    transform: scale(0.97);
  }

  .app-topbar__action--history {
    background: linear-gradient(180deg, #fff 0%, #fff5ec 100%);
    color: #4b3124;
  }

  .app-topbar__action--logout {
    background: #fff;
    color: #7a6254;
    border-color: #e8d8ca;
    box-shadow: none;
  }

  .storefront-hero {
    position: relative;
    border: 1px solid #edd8c8;
    border-radius: 17px;
    background:
      linear-gradient(
        128deg,
        rgba(255, 252, 248, 0.97) 0%,
        rgba(255, 242, 230, 0.96) 54%,
        rgba(245, 219, 197, 0.9) 100%
      ),
      radial-gradient(circle at right top, rgba(227, 159, 106, 0.22), transparent 56%);
    box-shadow: 0 12px 22px rgba(81, 49, 31, 0.12);
    padding: clamp(12px, 2vw, 18px);
    display: grid;
    gap: 9px;
  }

  .storefront-hero__content {
    display: grid;
    gap: 6px;
  }

  .storefront-hero__eyebrow {
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.09em;
    font-size: 0.66rem;
    color: #8c5a38;
    font-weight: 800;
  }

  .storefront-hero__content h1 {
    margin: 0;
    font-family: var(--font-family-heading);
    font-size: clamp(1.16rem, 2.1vw, 1.62rem);
    line-height: 1.13;
    color: #36231a;
  }

  .storefront-hero__content p {
    margin: 0;
    color: #694f3f;
    line-height: 1.35;
    max-width: 54ch;
    font-size: clamp(0.86rem, 1.06vw, 0.94rem);
  }

  .storefront-hero__actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
  }

  .storefront-hero__actions .ui-button {
    min-height: 40px;
  }

  .storefront-hero__cart-hint {
    margin-top: 2px;
    color: #7c5e4b;
    font-size: 0.77rem;
    font-weight: 700;
  }

  .storefront-hero__catalog-link {
    justify-self: start;
    border: 0;
    background: transparent;
    color: #995123;
    font-size: 0.78rem;
    font-weight: 800;
    padding: 0;
    border-bottom: 1px dashed rgba(153, 81, 35, 0.45);
    cursor: pointer;
    transition:
      color var(--motion-fast) ease,
      border-color var(--motion-fast) ease;
  }

  .storefront-hero__catalog-link:hover {
    color: #7f411b;
    border-color: rgba(127, 65, 27, 0.52);
  }

  .storefront-hero__highlights {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
  }

  .storefront-hero__chip {
    border: 1px solid #e7d0be;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.86);
    padding: 9px 10px;
    display: grid;
    gap: 5px;
  }

  .storefront-hero__chip span {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: #7e6252;
    font-weight: 700;
  }

  .storefront-hero__chip strong {
    font-family: var(--font-family-base);
    font-size: 0.85rem;
    line-height: 1.35;
    font-weight: 700;
    color: #3e2a20;
  }

  @media (max-width: 520px) {
    .page {
      padding-bottom: calc(7rem + var(--safe-bottom));
      gap: 9px;
    }

    .app-topbar {
      border-radius: 14px;
      padding: 6px 7px;
      gap: 5px;
    }

    .storefront-hero {
      padding: 12px;
      border-radius: 15px;
    }

    .storefront-hero__highlights {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .storefront-loyalty-collapsible > summary {
      grid-template-columns: minmax(0, 1fr) auto;
      row-gap: 4px;
    }

    .storefront-loyalty-collapsible__summary-kicker {
      font-size: 0.62rem;
    }

    .storefront-loyalty-collapsible__summary-main {
      font-size: 0.82rem;
    }

    .storefront-loyalty-collapsible__summary-metric {
      font-size: 0.68rem;
    }

    .storefront-loyalty-collapsible__summary-sub {
      font-size: 0.68rem;
    }

    .storefront-loyalty-collapsible__summary-action {
      grid-column: 1 / -1;
      justify-self: start;
      font-size: 0.64rem;
    }
  }

  #catalog {
    scroll-margin-top: clamp(8px, 2.5vw, 16px);
  }

  .storefront-loyalty-collapsible {
    margin-top: 10px;
    border: 1px solid #e8d4c3;
    border-radius: 14px;
    background: #fffaf4;
    box-shadow: 0 8px 16px rgba(83, 50, 31, 0.08);
    overflow: hidden;
  }

  .storefront-loyalty-collapsible--reward {
    border-color: #c6dfc4;
    background: linear-gradient(180deg, #fffefb 0%, #f6fcf3 100%);
  }

  .storefront-loyalty-collapsible--near {
    border-color: #e3c1a7;
  }

  .storefront-loyalty-collapsible > summary {
    list-style: none;
    cursor: pointer;
    min-height: var(--touch-target-min);
    padding: 10px 12px;
    color: #5d4434;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    column-gap: 9px;
    row-gap: 5px;
  }

  .storefront-loyalty-collapsible__summary-copy {
    min-width: 0;
    display: grid;
    gap: 2px;
  }

  .storefront-loyalty-collapsible__summary-kicker {
    font-size: 0.63rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #8a6d58;
    font-weight: 800;
  }

  .storefront-loyalty-collapsible__summary-main {
    min-width: 0;
    font-size: 0.94rem;
    line-height: 1.18;
    font-weight: 800;
  }

  .storefront-loyalty-collapsible__summary-metric {
    min-width: 0;
    font-size: 0.72rem;
    line-height: 1.25;
    color: #6f5341;
    font-weight: 800;
  }

  .storefront-loyalty-collapsible__summary-sub {
    min-width: 0;
    font-size: 0.72rem;
    line-height: 1.24;
    color: #7f6554;
    font-weight: 600;
  }

  .storefront-loyalty-collapsible__summary-action {
    justify-self: end;
    min-height: 28px;
    border-radius: 999px;
    border: 1px solid #ddc4b0;
    background: linear-gradient(180deg, #fff8f1 0%, #fff2e7 100%);
    color: #734c34;
    display: inline-flex;
    align-items: center;
    padding: 0 11px;
    font-size: 0.67rem;
    font-weight: 800;
    letter-spacing: 0.01em;
    white-space: nowrap;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.64);
  }

  .storefront-loyalty-collapsible__summary-action--open {
    display: none;
  }

  .storefront-loyalty-collapsible__summary-chevron {
    width: 22px;
    height: 22px;
    border-radius: 999px;
    border: 1px solid #e3cdbd;
    background: #fff5eb;
    color: #7a5b46;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.84rem;
    transition:
      transform var(--motion-fast) ease,
      background-color var(--motion-fast) ease,
      border-color var(--motion-fast) ease;
  }

  .storefront-loyalty-collapsible > summary::-webkit-details-marker {
    display: none;
  }

  .storefront-loyalty-collapsible[open] .storefront-loyalty-collapsible__summary-action--closed {
    display: none;
  }

  .storefront-loyalty-collapsible[open] .storefront-loyalty-collapsible__summary-action--open {
    display: inline;
  }

  .storefront-loyalty-collapsible[open] .storefront-loyalty-collapsible__summary-chevron {
    transform: rotate(180deg);
    background: #fff0e1;
    border-color: #dbbca4;
  }

  .storefront-loyalty-collapsible[open] .storefront-loyalty-collapsible__summary-action {
    background: #ffeddc;
    border-color: #ddc0a9;
  }

  .storefront-loyalty-collapsible--reward .storefront-loyalty-collapsible__summary-action {
    border-color: #c8e0c4;
    background: #edf8ea;
    color: #2f6840;
  }

  .storefront-loyalty-collapsible--reward[open] .storefront-loyalty-collapsible__summary-action {
    border-color: #b9d7b4;
    background: #e5f4e1;
  }

  .storefront-loyalty-collapsible > summary:hover .storefront-loyalty-collapsible__summary-chevron {
    background: #fcebdd;
    border-color: #dcbda6;
  }

  .storefront-loyalty-collapsible__content {
    padding: 1px 10px 10px;
  }

/* src/styles/auth.css [layer:components] */
  .phone-gate {
    min-height: 100vh;
    min-height: 100dvh;
    display: grid;
    place-items: center;
    position: relative;
    padding: max(clamp(14px, 2.8vw, 24px), calc(var(--safe-top) + 12px)) clamp(12px, 3vw, 24px)
      max(clamp(14px, 2.8vw, 24px), calc(var(--safe-bottom) + 12px));
    background:
      radial-gradient(circle at 14% 8%, rgba(247, 217, 177, 0.36) 0%, rgba(247, 217, 177, 0) 42%),
      radial-gradient(circle at 88% 14%, rgba(176, 112, 57, 0.18) 0%, rgba(176, 112, 57, 0) 34%),
      linear-gradient(165deg, #fff7ee 0%, #f4e3d1 48%, #ead2bf 100%);
    overflow: hidden;
  }

  .phone-gate__card {
    width: min(560px, 100%);
    background:
      linear-gradient(
        172deg,
        rgba(255, 254, 251, 0.97) 0%,
        rgba(252, 243, 233, 0.96) 56%,
        rgba(244, 226, 208, 0.95) 100%
      ),
      linear-gradient(40deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 72%);
    border: 1px solid rgba(160, 104, 61, 0.26);
    border-radius: 26px;
    padding: clamp(18px, 3.4vw, 28px);
    box-shadow:
      0 28px 54px rgba(70, 37, 22, 0.18),
      inset 0 1px 0 rgba(255, 255, 255, 0.82);
    display: grid;
    gap: 14px;
    min-width: 0;
    position: relative;
    overflow: hidden;
    isolation: isolate;
  }

  .phone-gate__card::before,
  .phone-gate__card::after {
    content: "";
    position: absolute;
    border-radius: 999px;
    pointer-events: none;
    z-index: 0;
  }

  .phone-gate__card::before {
    width: 320px;
    height: 320px;
    top: -170px;
    right: -130px;
    background: radial-gradient(circle, rgba(235, 184, 122, 0.35) 0%, rgba(235, 184, 122, 0) 68%);
  }

  .phone-gate__card::after {
    width: 280px;
    height: 280px;
    bottom: -150px;
    left: -120px;
    background: radial-gradient(circle, rgba(146, 82, 43, 0.24) 0%, rgba(146, 82, 43, 0) 72%);
  }

  .phone-gate__hero {
    padding: 0 0 6px;
    display: grid;
    gap: 12px;
    justify-items: center;
    text-align: center;
    position: relative;
    z-index: 1;
  }

  .phone-gate__hero-badge {
    margin: 0;
    min-height: 30px;
    padding: 0 15px;
    border-radius: 999px;
    border: 1px solid rgba(182, 123, 74, 0.42);
    background: linear-gradient(135deg, #fbecd8 0%, #f4d8b8 100%);
    color: #8f4f1f;
    display: inline-flex;
    align-items: center;
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  .phone-gate__logo-frame {
    width: min(214px, 100%);
    background: linear-gradient(180deg, #fffdfa 0%, #f7e6d2 100%);
    border-radius: 24px;
    padding: 8px;
    border: 1px solid rgba(175, 118, 76, 0.22);
    box-shadow:
      0 12px 24px rgba(84, 51, 33, 0.18),
      inset 0 1px 0 rgba(255, 255, 255, 0.86);
  }

  .phone-gate__logo {
    width: 100%;
    height: 124px;
    object-fit: contain;
    border-radius: 18px;
  }

  .phone-gate__hero h1 {
    margin: 0;
    font-family: var(--font-family-heading);
    font-size: clamp(1.72rem, 6.4vw, 2.22rem);
    line-height: 1.05;
    letter-spacing: -0.01em;
    color: #382215;
    text-wrap: balance;
  }

  .phone-gate__hero-copy {
    margin: 0;
    max-width: 36ch;
    color: #654a3a;
    font-size: 0.93rem;
    line-height: 1.5;
    text-wrap: balance;
  }

  .phone-gate__form {
    display: grid;
    gap: 10px;
    position: relative;
    z-index: 1;
    border-top: 1px solid rgba(166, 107, 61, 0.16);
    padding: 10px 2px 0;
  }

  .phone-gate__field {
    gap: 6px;
  }

  .phone-gate__field .ui-field__label {
    color: #6a4f3f;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
  }

  .phone-gate__field-input.ui-field__input {
    min-height: 46px;
    border-radius: 14px;
    border-color: #ddc4b0;
    background: linear-gradient(180deg, #fffdf9 0%, #fef7ef 100%);
    padding-inline: 13px;
    font-weight: 600;
  }

  .phone-gate__field-input.ui-field__input:focus {
    border-color: #c77a43;
    box-shadow:
      0 0 0 3px rgba(199, 122, 67, 0.16),
      0 8px 16px rgba(93, 52, 29, 0.08);
  }

  .phone-gate__cta.ui-button {
    min-height: 46px;
    border-radius: 14px;
    margin-top: 2px;
    font-size: 0.98rem;
    font-weight: 800;
    letter-spacing: 0.01em;
    background: linear-gradient(135deg, #c87434 0%, #9f4e1f 100%);
    box-shadow:
      0 14px 24px rgba(123, 63, 29, 0.28),
      inset 0 1px 0 rgba(255, 255, 255, 0.24);
  }

  .phone-gate__cta.ui-button:hover:not(:disabled) {
    transform: translateY(-1px);
    filter: brightness(1.03);
  }

  .phone-gate__lookup {
    margin: 0;
    color: #6e5343;
    font-size: 0.82rem;
    line-height: 1.43;
    border-radius: 12px;
    border: 1px solid #ead5c3;
    background: #fdf5eb;
    padding: 9px 11px;
  }

  .phone-gate__error {
    margin: -4px 2px 0;
    color: #a63a2e;
    font-weight: 700;
    font-size: 0.83rem;
    border-radius: 12px;
    border: 1px solid rgba(182, 85, 74, 0.3);
    background: rgba(255, 244, 242, 0.96);
    padding: 9px 11px;
  }

  @media (max-width: 389px) {
    .phone-gate__card {
      padding: 15px;
    }

    .phone-gate__logo {
      height: 106px;
    }

    .phone-gate__hero h1 {
      font-size: 1.6rem;
    }
  }

  @media (max-width: 520px) {
    .phone-gate {
      padding: max(10px, calc(var(--safe-top) + 10px)) 10px max(10px, calc(var(--safe-bottom) + 10px));
    }

    .phone-gate__card {
      border-radius: 22px;
      padding: 13px;
      gap: 12px;
    }

    .phone-gate__hero {
      gap: 10px;
      padding-bottom: 6px;
    }

    .phone-gate__logo {
      height: 110px;
    }

    .phone-gate__hero-copy {
      font-size: 0.88rem;
      line-height: 1.42;
    }

    .phone-gate__field-input.ui-field__input {
      min-height: 42px;
    }

    .phone-gate__cta.ui-button {
      min-height: 42px;
      font-size: 0.92rem;
    }
  }

  @media (min-width: 720px) {
    .phone-gate__card {
      padding: 26px;
      gap: 18px;
    }

    .phone-gate__form {
      padding-top: 16px;
    }
  }

/* src/styles/feedback.css [layer:utilities] */
  .notice {
    border-radius: var(--radius-sm);
    padding: 0.72rem 0.88rem;
    border: 1px solid transparent;
    font-size: 0.93rem;
    font-weight: 600;
    animation: slide-down var(--motion-fast) ease-out;
  }

  .notice--info {
    background: #fff5eb;
    border-color: #f0d9c4;
    color: #7a4f2d;
  }

  .notice--success {
    background: #e9f7ef;
    border-color: #bfdfcb;
    color: #206a42;
  }

  .notice--warn {
    background: #fff2e6;
    border-color: #efcfb2;
    color: #90521a;
  }

  .notice--error {
    background: #fff0ef;
    border-color: #efc5c2;
    color: #9e3631;
  }

  @media (max-width: 520px) {
    .notice {
      padding: 0.6rem 0.72rem;
      font-size: 0.84rem;
      line-height: 1.35;
    }
  }

/* src/styles/admin.css [layer:screens] */
  .admin-page {
    width: min(1240px, 100%);
    max-width: 1240px;
    margin: 0 auto;
    padding: max(clamp(8px, 1.7vw, 16px), calc(var(--safe-top) + 8px)) clamp(10px, 2vw, 20px)
      calc(var(--space-4) + var(--safe-bottom));
    display: grid;
    gap: 10px;
    position: relative;
  }

  .admin-page::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(255, 251, 247, 0.78), rgba(255, 247, 239, 0.78));
    pointer-events: none;
  }

  .admin-page > * {
    min-width: 0;
  }

  .admin-topbar {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(255, 247, 238, 0.98));
    border: 1px solid var(--border);
    border-radius: var(--radius-control);
    box-shadow: var(--brand-shadow-soft);
    padding: var(--space-1) var(--space-1);
    display: grid;
    gap: var(--space-0-5);
  }

  .admin-topbar__brand {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 7px;
    align-items: center;
  }

  .admin-topbar__logo {
    width: 46px;
    height: 46px;
    border-radius: 11px;
    object-fit: cover;
  }

  .admin-topbar__copy {
    display: grid;
    gap: 3px;
    min-width: 0;
  }

  .admin-topbar__title {
    margin: 0;
    font-family: var(--font-family-heading);
    font-size: 0.94rem;
    font-weight: 800;
    color: #3d291f;
  }

  .admin-topbar__meta {
    margin: 0;
    display: inline-flex;
    gap: var(--space-0-5);
    align-items: center;
    font-size: var(--font-size-xs);
    color: #6d5241;
  }

  .admin-topbar__meta strong {
    color: #432f23;
  }

  .admin-topbar__actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-0-5);
  }

  .admin-topbar__action {
    min-height: var(--control-height-md);
    font-size: var(--font-size-xs);
    border-radius: var(--radius-pill);
  }

  .admin-topbar__action--secondary {
    color: #7b6455;
  }

  .admin-shell {
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    box-shadow: var(--brand-shadow-soft);
    padding: var(--space-1);
    display: grid;
    gap: var(--space-1);
  }

  .admin-tab-panel {
    display: grid;
  }

  .admin-shell__header h2 {
    margin: 0;
    font-family: var(--font-family-heading);
    font-size: var(--font-size-lg);
    line-height: 1.1;
  }

  .admin-shell__header p {
    margin: 4px 0 0;
    color: var(--muted);
    font-size: var(--font-size-sm);
    line-height: 1.3;
  }

  .admin-tabs {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(112px, 1fr);
    overflow-x: auto;
    gap: var(--space-0-5);
    padding-bottom: 2px;
  }

  .admin-tabs::-webkit-scrollbar {
    height: 0;
  }

  .admin-tabs button {
    border: 1px solid var(--brand-border-base);
    background: var(--brand-gradient-soft);
    color: var(--brand-text-muted);
    border-radius: var(--radius-pill);
    min-height: var(--control-height-md);
    padding: 0 var(--space-1-5);
    font-size: var(--font-size-xs);
    font-weight: 800;
    cursor: pointer;
    white-space: nowrap;
    transition:
      background-color var(--motion-fast) ease,
      color var(--motion-fast) ease,
      border-color var(--motion-fast) ease,
      transform var(--motion-fast) ease,
      box-shadow var(--motion-fast) ease;
  }

  .admin-tabs button:hover {
    transform: translateY(-1px);
    border-color: var(--brand-border-accent);
    box-shadow: var(--interactive-shadow-soft);
  }

  .admin-tabs button.is-active {
    background: linear-gradient(135deg, #fff0df, #ffdcbf);
    color: var(--brand-accent-strong);
    border-color: #e2ac7f;
    box-shadow: 0 7px 14px rgba(143, 79, 39, 0.16);
  }

  .admin-tabs button:focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px var(--focus-ring);
  }

  .admin-tab-content {
    display: grid;
    gap: var(--space-1);
  }

  .admin-tab-content--split {
    grid-template-columns: minmax(0, 1fr);
  }

  .admin-module-grid {
    display: grid;
    gap: var(--space-1-5);
  }

  .admin-active-context {
    border: 1px solid var(--brand-border-base);
    border-radius: var(--radius-control);
    background: linear-gradient(180deg, var(--brand-surface-elevated) 0%, #fff8f2 100%);
    padding: var(--space-1) var(--space-1-5);
    display: flex;
    align-items: center;
    gap: var(--space-1);
  }

  .admin-active-context__kicker {
    margin: 0;
    font-size: 0.62rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #8a6246;
    font-weight: 900;
    border: 1px solid #e8cdb8;
    border-radius: var(--radius-pill);
    padding: 2px var(--space-1);
    background: #fff4e9;
  }

  .admin-active-context__title {
    margin: 0;
    font-family: var(--font-family-heading);
    font-size: 0.92rem;
    line-height: 1.2;
    color: #50372a;
  }

  .admin-tab-intro {
    border: 1px solid var(--brand-border-base);
    border-radius: var(--radius-control);
    background: linear-gradient(180deg, #fffdfa 0%, #fff8f3 100%);
    padding: var(--space-1-5);
    display: grid;
    gap: var(--space-1);
  }

  .admin-tab-intro__copy {
    display: grid;
    gap: 4px;
  }

  .admin-tab-intro h3 {
    margin: 0;
    font-family: var(--font-family-heading);
    font-size: 1.08rem;
    line-height: 1.15;
  }

  .admin-tab-intro p {
    margin: 0;
    color: #6f594a;
    font-size: var(--font-size-sm);
  }

  .admin-tab-intro__actions {
    display: grid;
    gap: var(--space-0-5);
  }

  .admin-filters-card {
    border: 1px solid var(--brand-border-base);
    border-radius: var(--radius-control);
    background: var(--brand-surface-base);
    padding: var(--space-1);
    display: grid;
    gap: var(--space-1);
  }

  .admin-filters-card__header {
    display: grid;
    gap: 3px;
  }

  .admin-filters-card__header h4 {
    margin: 0;
    font-size: 0.88rem;
    font-family: var(--font-family-heading);
    color: #432f24;
  }

  .admin-filters-card__header p {
    margin: 0;
    color: #725c4e;
    font-size: 0.78rem;
    line-height: 1.35;
  }

  .admin-filters-card__body {
    min-width: 0;
  }

  .admin-module-card {
    border-radius: var(--radius-md);
    border: 1px solid var(--brand-border-base);
    background: var(--brand-surface-base);
    box-shadow: var(--brand-shadow-card);
    padding: 9px;
    display: grid;
    gap: 8px;
    min-width: 0;
  }

  .admin-module-card--loading {
    border-style: dashed;
  }

  .admin-module-card--danger {
    border-color: #f0c7c4;
    background: var(--brand-gradient-danger);
  }

  .admin-module-card__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
    flex-wrap: wrap;
  }

  .admin-module-card__header > div {
    display: grid;
    gap: 4px;
    min-width: 0;
  }

  .admin-module-card__header h3 {
    margin: 0;
    font-family: var(--font-family-heading);
    font-size: 0.98rem;
    line-height: 1.2;
    overflow-wrap: anywhere;
  }

  .admin-module-card__header p {
    margin: 0;
    color: var(--muted);
    font-size: 0.82rem;
    overflow-wrap: anywhere;
  }

  .admin-module-card__actions {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
  }

  .admin-metric-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .admin-metric-card {
    padding: 10px 11px;
    border-radius: 14px;
    border: 1px solid var(--brand-border-base);
    background: #fffaf4;
    display: grid;
    gap: 4px;
  }

  .admin-metric-card__label {
    color: #7b6150;
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 800;
  }

  .admin-metric-card__value {
    font-family: var(--font-family-heading);
    font-size: 1.24rem;
    color: #412c21;
    line-height: 1;
  }

  .admin-metric-card__hint {
    margin: 0;
    color: #8f7461;
    font-size: 0.72rem;
    line-height: 1.3;
  }

  .admin-quick-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
  }

  .admin-quick-action {
    min-height: 38px;
    font-size: 0.78rem;
    font-weight: 800;
    border-radius: 11px;
  }

  .admin-quick-action--primary {
    box-shadow: 0 8px 14px rgba(140, 75, 37, 0.2);
  }

  .admin-highlight {
    border: 1px solid #ead6c4;
    border-radius: 14px;
    background: #fffbf7;
    padding: 12px;
    display: grid;
    gap: 4px;
  }

  .admin-highlight strong {
    font-family: var(--font-family-heading);
    font-size: 1rem;
  }

  .admin-highlight span {
    color: #6c5546;
    font-size: 0.84rem;
  }

  .admin-segmented {
    border-radius: 999px;
    border: 1px solid #ead6c4;
    padding: 3px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px;
    background: #fff9f3;
  }

  .admin-segmented button {
    border: 0;
    min-height: 40px;
    border-radius: 999px;
    background: transparent;
    color: #745b4c;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    text-align: center;
  }

  .admin-segmented button.is-active {
    background: #fff;
    color: #8d4f27;
    box-shadow: 0 2px 10px rgba(104, 62, 35, 0.1);
  }

  .admin-action {
    min-height: 38px;
    border-radius: 10px;
    font-size: 0.76rem;
    font-weight: 800;
    padding-inline: 0.72rem;
  }

  .admin-action--primary {
    border-color: #dfb18c;
  }

  .admin-action--danger {
    color: #a03732;
    border-color: #e7c0bd;
    background: #fff5f4;
  }

  .admin-action--danger:hover {
    background: #ffeceb;
  }

  .admin-form-row,
  .admin-form-grid {
    display: grid;
    gap: 10px;
  }

  .admin-form-row > * {
    min-width: 0;
    max-width: 100%;
  }

  .admin-form-row .ui-field__input[type="date"] {
    min-width: 0;
    width: 100%;
    max-width: 100%;
    min-inline-size: 0;
  }

  .admin-form-row .ui-button {
    justify-self: stretch;
  }

  .admin-production-form {
    display: grid;
    gap: 10px;
  }

  .admin-production-form .ui-field {
    width: 100%;
  }

  .admin-production-form .ui-field__input[type="date"] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  .admin-production-form__submit {
    width: 100%;
    justify-content: center;
  }

  .admin-production-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.9fr);
    gap: 10px;
    align-items: stretch;
  }

  .admin-production-overview-card {
    border-radius: 14px;
    border: 1px solid #e9d6c6;
    background: linear-gradient(180deg, #fffdfa 0%, #fff7ef 100%);
    padding: 10px 11px;
    display: grid;
    gap: 8px;
  }

  .admin-production-overview-card__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
  }

  .admin-production-overview-card__header span {
    font-size: 0.72rem;
    color: #7c6455;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-weight: 700;
  }

  .admin-production-overview-card__header strong {
    font-size: 0.86rem;
    color: #8d4f27;
  }

  .admin-production-overview-card__date {
    margin: 0;
    font-size: 1.06rem;
    font-family: var(--font-family-heading);
    color: #3f2b21;
  }

  .admin-production-overview-card__stats {
    display: grid;
    gap: 4px;
    margin: 0;
  }

  .admin-production-overview-card__stats span {
    border: 1px solid #eddccc;
    background: #fff;
    border-radius: 10px;
    padding: 6px 8px;
    color: #5f493b;
    font-size: 0.78rem;
    font-weight: 600;
  }

  .admin-production-overview-card__hint {
    margin: 0;
    color: #715847;
    font-size: 0.8rem;
    line-height: 1.35;
  }

  .admin-production-date-presets {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
  }

  .admin-production-date-presets button {
    min-height: 36px;
    border: 1px solid #e7d2c1;
    border-radius: 10px;
    background: #fff;
    color: #6f5748;
    font-size: 0.74rem;
    font-weight: 800;
    cursor: pointer;
  }

  .admin-production-date-presets button.is-active {
    border-color: #d8b18d;
    background: #fff4ea;
    color: #8a4f27;
  }

  .admin-advanced-filters {
    border: 1px solid #ead6c5;
    border-radius: 14px;
    background: #fffaf6;
    padding: 6px 10px;
  }

  .admin-advanced-filters > summary {
    cursor: pointer;
    list-style: none;
    font-weight: 700;
    font-size: 0.86rem;
    color: #6e5849;
    padding: 4px 0;
  }

  .admin-advanced-filters > summary::-webkit-details-marker {
    display: none;
  }

  .admin-advanced-filters > summary::after {
    content: "▾";
    margin-left: 8px;
    color: #9a6b48;
    font-size: 0.74rem;
  }

  .admin-advanced-filters[open] > summary::after {
    content: "▴";
  }

  .admin-form-grid--filters {
    padding: 10px;
    border-radius: 14px;
    border: 1px solid #ebdbcf;
    background: #fffbf8;
  }

  .admin-inline-actions {
    display: flex;
    justify-content: flex-start;
  }

  .admin-inline-message {
    margin: 0;
    padding: 10px 12px;
    border: 1px dashed #e4cdb9;
    border-radius: 12px;
    background: #fffaf6;
    color: #735a4b;
    font-size: 0.86rem;
  }

  .admin-state {
    border: 1px dashed #e6d1c0;
    border-radius: 12px;
    background: #fffaf5;
    padding: 10px;
  }

  .admin-state--loading {
    border-style: solid;
  }

  .admin-inline-message--success {
    border-style: solid;
    border-color: #bddfc9;
    background: #f4fff8;
    color: #27603f;
  }

  .admin-inline-message--error {
    border-style: solid;
    border-color: #e5c1be;
    background: #fff3f2;
    color: #9f3f38;
  }

  .admin-toast-stack {
    position: fixed;
    top: calc(16px + var(--safe-top));
    right: 16px;
    z-index: 60;
    width: min(420px, calc(100vw - 24px));
    display: grid;
    gap: 8px;
  }

  .admin-toast {
    border-radius: 12px;
    border: 1px solid #d9c2af;
    background: #fffaf5;
    box-shadow: 0 10px 20px rgba(66, 38, 21, 0.16);
    padding: 10px 12px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 8px;
  }

  .admin-toast p {
    margin: 0;
    font-size: 0.84rem;
    line-height: 1.34;
    color: #674f40;
  }

  .admin-toast button {
    border: 0;
    background: transparent;
    color: #8e7260;
    font-size: 1.1rem;
    line-height: 1;
    cursor: pointer;
    padding: 0;
  }

  .admin-toast--success {
    border-color: #bfdcc8;
    background: #f2fff7;
  }

  .admin-toast--success p {
    color: #245f3d;
  }

  .admin-toast--error {
    border-color: #e2c2c0;
    background: #fff3f2;
  }

  .admin-toast--error p {
    color: #9d3c36;
  }

  .admin-status-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
  }

  .admin-status-count {
    border-radius: 12px;
    padding: 6px 9px;
    border: 1px solid #e9d7c7;
    background: #fff;
    color: #6c5749;
    font-size: 0.72rem;
    font-weight: 700;
    display: inline-grid;
    gap: 1px;
  }

  .admin-status-count span {
    color: #7d6453;
  }

  .admin-status-count strong {
    color: #4a3428;
    font-size: 0.9rem;
    line-height: 1;
  }

  .admin-orders-layout {
    display: grid;
    gap: 12px;
    min-width: 0;
  }

  .admin-orders-layout__filters,
  .admin-orders-layout__results {
    min-width: 0;
    display: grid;
    gap: 12px;
    align-content: start;
  }

  @media (min-width: 980px) {
    .admin-orders-layout {
      grid-template-columns: minmax(320px, 390px) minmax(0, 1fr);
      gap: 16px;
    }
  }

  .admin-orders-summary-card,
  .admin-orders-backlog-card {
    border: 1px solid #ebd7c8;
    border-radius: 16px;
    background: linear-gradient(180deg, #fffefb 0%, #fff8f1 100%);
    box-shadow: 0 10px 18px rgba(92, 54, 29, 0.08);
    padding: 12px;
    display: grid;
    gap: 10px;
  }

  .admin-orders-summary-card__header {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px;
  }

  .admin-orders-summary-card__header h4 {
    margin: 0;
    color: #4a3325;
    font-family: var(--font-family-heading);
    font-size: 1.06rem;
  }

  .admin-orders-summary-card__header span {
    color: #7e6553;
    font-size: 0.75rem;
    font-weight: 700;
  }

  .admin-orders-summary-card__metrics {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }

  .admin-orders-summary-card__metrics span {
    border-radius: 999px;
    border: 1px solid #e5d2c2;
    background: #fff;
    color: #6e584a;
    min-height: 28px;
    padding: 0 10px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 0.72rem;
    font-weight: 700;
  }

  .admin-orders-summary-card__metrics strong {
    color: #4a3325;
    font-size: 0.82rem;
    font-family: var(--font-family-heading);
  }

  .admin-orders-summary-card .admin-status-grid {
    gap: 6px;
  }

  .admin-orders-summary-card .admin-status-count {
    min-width: 120px;
  }

  .admin-orders-backlog-card h4 {
    margin: 0;
    color: #493225;
    font-family: var(--font-family-heading);
    font-size: 1.02rem;
  }

  .admin-orders-backlog-card p {
    margin: 0;
    color: #775f4f;
    font-size: 0.8rem;
  }

  .admin-orders-backlog-card__status {
    border: 1px solid #e8d7ca;
    border-radius: 12px;
    background: #fff;
    color: #5b4638;
    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1.35;
    padding: 10px;
  }

  .admin-orders-backlog-card__status.is-alert {
    border-color: #e7c5bf;
    background: #fff5f4;
    color: #8b3f37;
  }

  .admin-orders-toolbar,
  .admin-customers-toolbar {
    border: 0;
    border-radius: 0;
    background: transparent;
    padding: 0;
    display: grid;
    gap: 10px;
  }

  .admin-orders-view-mode {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
  }

  .admin-orders-view-mode__button.ui-button {
    min-height: 40px;
    border: 1px solid #e5d1bf;
    border-radius: 12px;
    background: #fff;
    color: #6a4f3e;
    font-size: 0.76rem;
    font-weight: 800;
    cursor: pointer;
    transition:
      border-color var(--motion-fast) ease,
      background-color var(--motion-fast) ease,
      color var(--motion-fast) ease,
      box-shadow var(--motion-fast) ease;
  }

  .admin-orders-view-mode__button.ui-button.is-active {
    border-color: #d8b18d;
    background: #fff4ea;
    color: #894f28;
    box-shadow: 0 8px 14px rgba(131, 80, 42, 0.12);
  }

  .admin-orders-search {
    position: relative;
  }

  .admin-orders-search__icon {
    position: absolute;
    left: 12px;
    bottom: 11px;
    font-size: 0.9rem;
    opacity: 0.72;
    pointer-events: none;
  }

  .admin-orders-search__input {
    min-height: 48px;
    padding-left: 38px;
    padding-right: 42px;
  }

  .admin-orders-search__clear {
    position: absolute;
    right: 9px;
    bottom: 7px;
    width: 32px;
    height: 32px;
    border: 0;
    border-radius: 999px;
    background: #f2e8df;
    color: #7b5f4d;
    cursor: pointer;
    font-size: 1rem;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .admin-orders-search__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    flex-wrap: wrap;
  }

  .admin-orders-search__scope {
    color: #6f5748;
    font-size: 0.75rem;
    font-weight: 800;
  }

  .admin-orders-search__hint {
    color: #8a715f;
    font-size: 0.72rem;
    font-weight: 600;
  }

  .admin-orders-active-filters {
    border: 1px solid #ead8c8;
    border-radius: 12px;
    background: #fffdf9;
    padding: 8px;
    display: grid;
    gap: 7px;
  }

  .admin-orders-active-filters__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
  }

  .admin-orders-active-filters__label {
    color: #694f3f;
    font-size: 0.74rem;
    font-weight: 800;
  }

  .admin-orders-active-filters__reset.ui-button {
    border: 0;
    background: transparent;
    color: #875533;
    font-size: 0.72rem;
    font-weight: 800;
    cursor: pointer;
    text-decoration: underline;
    min-height: 22px;
    padding: 0;
  }

  .admin-orders-active-filters__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
  }

  .admin-orders-active-filters__chip.ui-button {
    min-height: 28px;
    border: 1px solid #e3cdb9;
    border-radius: 999px;
    background: #fff7ef;
    color: #6a4d3a;
    padding: 0 10px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.7rem;
    font-weight: 700;
    cursor: pointer;
    justify-content: flex-start;
  }

  .admin-orders-active-filters__chip span:last-child {
    font-size: 0.82rem;
    line-height: 1;
  }

  .admin-orders-toolbar__period {
    display: grid;
    gap: 7px;
  }

  .admin-orders-toolbar__period-label {
    color: #6e5647;
    font-size: 0.78rem;
    font-weight: 800;
  }

  .admin-orders-date-presets {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
  }

  .admin-orders-date-presets__button.ui-button {
    min-height: 40px;
    border: 1px solid #e7d2c1;
    border-radius: 12px;
    background: #fff;
    color: #6f5748;
    font-size: 0.78rem;
    font-weight: 800;
    cursor: pointer;
    transition:
      background-color var(--motion-fast) ease,
      border-color var(--motion-fast) ease,
      color var(--motion-fast) ease,
      box-shadow var(--motion-fast) ease;
  }

  .admin-orders-date-presets__button.ui-button.is-active {
    border-color: #d8b18d;
    background: #fff4ea;
    color: #8a4f27;
    box-shadow: 0 8px 14px rgba(131, 80, 42, 0.12);
  }

  .admin-orders-filters-collapse {
    border: 1px solid #ead7c6;
    border-radius: 12px;
    background: #fffdf9;
    padding: 9px 10px;
  }

  .admin-orders-filters-collapse > summary {
    cursor: pointer;
    list-style: none;
    color: #5f4739;
    font-size: 0.82rem;
    font-weight: 800;
    display: grid;
    gap: 2px;
    align-items: start;
  }

  .admin-orders-filters-collapse > summary span {
    color: #5d4638;
  }

  .admin-orders-filters-collapse > summary small {
    color: #8a6f5d;
    font-size: 0.7rem;
    font-weight: 700;
    line-height: 1.25;
    display: block;
  }

  .admin-orders-filters-collapse > summary::-webkit-details-marker {
    display: none;
  }

  .admin-orders-toolbar__form {
    margin-top: 9px;
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(0, 1fr);
  }

  .admin-orders-toolbar .ui-field,
  .admin-orders-toolbar .ui-field__input {
    min-width: 0;
    max-width: 100%;
  }

  .admin-orders-toolbar__selects {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .admin-orders-toolbar__actions {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
  }

  .admin-orders-summary {
    display: grid;
    gap: 8px;
  }

  .admin-orders-load-more {
    margin-top: 12px;
    display: flex;
    justify-content: center;
  }

  .admin-order-groups {
    display: grid;
    gap: 13px;
  }

  .admin-order-group {
    border: 1px solid #e8d7c9;
    border-radius: 20px;
    padding: 12px;
    background: linear-gradient(180deg, #fffefc 0%, #fff8f1 100%);
    box-shadow: 0 14px 26px rgba(88, 55, 33, 0.08);
    display: grid;
    gap: 10px;
  }

  .admin-order-group__header {
    display: grid;
    gap: 4px;
    padding: 0 2px;
  }

  .admin-order-group__header h3 {
    margin: 0;
    color: #4d3527;
    font-family: var(--font-family-heading);
    font-size: 1.05rem;
    font-weight: 800;
  }

  .admin-order-group__header p {
    margin: 0;
    color: #785f4e;
    font-size: 0.79rem;
    line-height: 1.25;
  }

  .admin-order-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 11px;
  }

  .admin-order-list--loading {
    gap: 8px;
  }

  .admin-skeleton {
    height: 96px;
    border-radius: 12px;
    border: 1px solid #ecd7c7;
    background: linear-gradient(90deg, #fff9f3 0%, #fff2e8 50%, #fff9f3 100%);
    background-size: 200% 100%;
    animation: admin-loading 1.2s ease-in-out infinite;
  }

  @keyframes admin-loading {
    0% {
      background-position: 100% 0;
    }
    100% {
      background-position: -100% 0;
    }
  }

  .admin-order-card {
    border: 1px solid #ebd8ca;
    border-radius: 16px;
    padding: 16px;
    background: linear-gradient(180deg, #ffffff 0%, #fff9f3 100%);
    display: grid;
    gap: 14px;
    min-width: 0;
    box-shadow: 0 10px 20px rgba(94, 58, 35, 0.08);
  }

  .admin-order-card--today {
    border-color: #e2c2a4;
    box-shadow:
      0 0 0 1px rgba(216, 141, 76, 0.08) inset,
      0 12px 20px rgba(146, 82, 38, 0.12);
  }

  .admin-order-card--backlog {
    border-color: #efc1bd;
    box-shadow:
      0 0 0 1px rgba(182, 70, 56, 0.08) inset,
      0 12px 20px rgba(145, 61, 53, 0.1);
  }

  .admin-order-card__top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    flex-wrap: wrap;
  }

  .admin-order-card__top-main {
    display: grid;
    gap: 8px;
    min-width: min(320px, 100%);
  }

  .admin-order-card__title {
    display: block;
    margin: 0;
    font-family: var(--font-family-heading);
    font-size: 1.26rem;
    line-height: 1.08;
    color: #3f2d22;
  }

  .admin-order-card__total {
    margin: 0;
    color: #8d4f27;
    font-weight: 700;
    font-size: 1.82rem;
    font-family: var(--font-family-heading);
    letter-spacing: -0.01em;
    line-height: 1;
    text-align: right;
  }

  .admin-order-card__top-total {
    display: grid;
    justify-items: end;
    gap: 4px;
  }

  .admin-order-card__total-label {
    color: #8b6f5c;
    font-size: 0.7rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-weight: 800;
  }

  .admin-order-card__content {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
    gap: 12px;
    align-items: start;
  }

  .admin-order-card__main {
    display: grid;
    gap: 10px;
  }

  .admin-order-card__block {
    border: 1px solid #efdfd1;
    border-radius: 14px;
    background: #fffcf9;
    padding: 10px 12px;
    display: grid;
    gap: 5px;
  }

  .admin-order-card__block--delivery {
    border-color: #e7ccb4;
    background: #fff7ef;
  }

  .admin-order-card__label {
    color: #7a6252;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.01em;
  }

  .admin-order-card__value-main {
    color: #3f2d22;
    font-size: 1.08rem;
    font-weight: 800;
    overflow-wrap: anywhere;
  }

  .admin-order-card__value-highlight {
    color: #8a4c26;
    font-size: 1.22rem;
    font-family: var(--font-family-heading);
    font-weight: 800;
  }

  .admin-order-card__meta-panel {
    display: grid;
    gap: 10px;
    align-content: start;
  }

  .admin-order-card__meta-panel article {
    border: 1px solid #f0e2d6;
    border-radius: 14px;
    background: #fff;
    padding: 10px 12px;
    display: grid;
    gap: 4px;
  }

  .admin-order-card__meta-panel strong {
    color: #4c382c;
    font-size: 1.04rem;
  }

  .admin-order-card__phone-link {
    color: #7d4a2c;
    font-size: 1.08rem;
    font-weight: 800;
    text-decoration: none;
  }

  .admin-order-card__phone-link:hover {
    text-decoration: underline;
  }

  .admin-order-card__created-at {
    color: #8a7362;
    font-size: 0.98rem;
    font-weight: 700;
  }

  .admin-order-card__summary {
    margin: 0;
    border: 1px dashed #e5cfbd;
    background: #fff9f3;
    color: #6b5546;
    border-radius: 10px;
    padding: 8px 10px;
    font-size: 0.84rem;
    line-height: 1.32;
  }

  .admin-order-card__actions {
    display: grid;
    gap: 10px;
    border-top: 1px solid #ecddd1;
    padding-top: 12px;
  }

  .admin-order-card__actions-secondary,
  .admin-order-card__actions-primary {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .admin-order-card__actions-secondary--single {
    grid-template-columns: minmax(0, 1fr);
  }

  .admin-order-card__actions-primary--single {
    grid-template-columns: minmax(0, 1fr);
  }

  .admin-order-card__actions .ui-button {
    min-height: 44px;
    padding: 0.45rem 0.72rem;
    font-size: 0.9rem;
    width: 100%;
    min-width: 0;
    justify-content: center;
  }

  .admin-order-card__ghost {
    border-color: #dec9b8;
    background: #fffdfb;
    color: #4f382b;
  }

  .admin-order-card__ghost:hover:not(:disabled),
  .admin-order-card__action-danger:hover:not(:disabled),
  .admin-order-card__action-primary:hover:not(:disabled) {
    transform: scale(1.02);
  }

  .admin-order-card__action-danger {
    color: #a03732;
    border-color: #e9bcb8;
    background: #fff5f4;
  }

  .admin-order-card__action-primary {
    background: linear-gradient(180deg, #d4eedf 0%, #bce0ca 100%);
    color: #16643c;
    border-color: #8cc9a6;
    box-shadow: inset 0 0 0 1px rgba(41, 112, 70, 0.16);
  }

  .admin-order-card__delivered {
    min-height: 46px;
    border-radius: 999px;
    border: 1px solid #c4e6d3;
    background: linear-gradient(180deg, #e8f8ef 0%, #d8efdf 100%);
    color: #1f7247;
    font-size: 1.04rem;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
    width: 100%;
  }

  .admin-status-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border-radius: 999px;
    padding: 7px 14px;
    font-size: 0.9rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    border: 1px solid transparent;
  }

  .admin-status-pill__icon {
    font-size: 0.88rem;
    line-height: 1;
  }

  .admin-status-pill--success {
    color: #1b6941;
    background: #eafaf1;
    border-color: #b7dec8;
  }

  .admin-status-pill--danger {
    color: #a03732;
    background: #fff1f0;
    border-color: #f0c1bd;
  }

  .admin-status-pill--warning {
    color: #8e5a1f;
    background: #fff7e7;
    border-color: #edd7ab;
  }

  .admin-status-pill--info {
    color: #6f4f2a;
    background: #fff8ef;
    border-color: #ecd4b9;
  }

  .admin-status-pill--received {
    border-color: #d8e7f8;
    background: #eff6ff;
    color: #2b587d;
  }

  .admin-status-pill--preparing {
    border-color: #f1dbb6;
    background: #fff8eb;
    color: #87561f;
  }

  .admin-status-pill--completed {
    border-color: #c5e5d3;
    background: #edfbf3;
    color: #216843;
  }

  .admin-status-pill--cancelled {
    border-color: #f1c7c4;
    background: #fff1f0;
    color: #9f3f38;
  }

  .admin-confirm-modal {
    width: min(480px, calc(100% - 20px));
    border-radius: 18px;
    padding: 16px;
    display: grid;
    gap: 14px;
  }

  .admin-confirm-modal__header h3 {
    margin: 0;
    font-family: var(--font-family-heading);
    font-size: 1.16rem;
  }

  .admin-confirm-modal__header p {
    margin: 8px 0 0;
    color: #6d5648;
    font-size: 0.9rem;
  }

  .admin-confirm-modal__header .admin-confirm-modal__danger-note {
    margin-top: 10px;
    color: #8c3f30;
    font-weight: 700;
    font-size: 0.82rem;
  }

  .admin-confirm-modal__actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .admin-customer-delete-zone {
    border: 1px solid #ebcbc4;
    border-radius: 12px;
    background: linear-gradient(
      180deg,
      var(--brand-surface-elevated) 0%,
      var(--brand-surface-danger) 100%
    );
    padding: 10px;
    gap: 10px;
  }

  .admin-customer-delete-zone__copy {
    margin: 0;
    color: #7e554f;
    font-size: 0.82rem;
    line-height: 1.35;
  }

  .admin-customer-delete-zone__actions {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
  }

  .admin-data-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 8px;
  }

  .admin-data-list li {
    border: 1px solid #ebd8ca;
    border-radius: 12px;
    background: #fff;
    padding: 9px 10px;
    display: grid;
    gap: 7px;
    min-width: 0;
  }

  .admin-data-list__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
  }

  .admin-data-list__head strong {
    font-size: 0.92rem;
  }

  .admin-data-list__head span {
    color: #8d4f27;
    font-weight: 800;
    font-size: 0.82rem;
  }

  .admin-data-list__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 12px;
  }

  .admin-data-list__meta span {
    color: #6f5848;
    font-size: 0.75rem;
  }

  .admin-data-list p {
    margin: 0;
    color: #755f51;
    font-size: 0.82rem;
  }

  .admin-orders-empty-state {
    display: grid;
    gap: 8px;
    justify-items: start;
    border: 1px dashed #e7d5c5;
    border-radius: 16px;
    background: linear-gradient(180deg, #fffdfb 0%, #fff7f0 100%);
    padding: 16px;
  }

  .admin-orders-empty-state__title {
    margin: 0;
    font-family: var(--font-family-heading);
    color: #4c3528;
    font-size: 1.14rem;
  }

  .admin-orders-empty-state__hint {
    margin: 0;
    color: #7a6151;
    font-size: 0.9rem;
    line-height: 1.35;
  }

  .admin-customers-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 12px;
  }

  .admin-customers-item {
    position: relative;
    overflow: hidden;
    border: 1px solid #ead9ca;
    border-radius: 22px;
    background: linear-gradient(180deg, #fffefc 0%, #fffaf6 100%);
    padding: 16px 16px 14px;
    display: grid;
    gap: 11px;
    transition:
      box-shadow var(--motion-fast) ease,
      transform var(--motion-fast) ease;
    box-shadow: 0 8px 18px rgba(68, 43, 29, 0.08);
  }

  .admin-customers-item:hover {
    box-shadow: 0 14px 30px rgba(79, 51, 35, 0.14);
    transform: translateY(-2px);
  }

  .admin-customers-item::after {
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 6px;
    height: 52px;
    border-radius: 16px;
    background:
      radial-gradient(ellipse at right bottom, rgba(216, 143, 74, 0.26), transparent 62%),
      radial-gradient(ellipse at left bottom, rgba(193, 120, 55, 0.18), transparent 56%);
    pointer-events: none;
  }

  .admin-customers-item > * {
    position: relative;
    z-index: 1;
  }

  .admin-customers-card__header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding-bottom: 9px;
    border-bottom: 1px solid #eee0d4;
  }

  .admin-customers-card__identity {
    display: grid;
    gap: 5px;
    min-width: 0;
  }

  .admin-customers-card__name-row {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
  }

  .admin-customers-card__name {
    margin: 0;
    font-family: var(--font-family-heading);
    font-size: 1.08rem;
    line-height: 1.12;
    font-weight: 800;
    color: #3f2d22;
  }

  .admin-customers-card__segment {
    min-height: 24px;
    padding-inline: 10px;
    font-size: 0.66rem;
  }

  .admin-customers-item__email {
    margin: 0;
    color: #8a7362;
    font-weight: 500;
    font-size: 0.84rem;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 560px;
  }

  .admin-customers-item__email::after {
    content: "";
    height: 1px;
    flex: 1;
    background: #e8d8ca;
    min-width: 32px;
  }

  .admin-customers-card__quick-actions {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    flex-wrap: nowrap;
    justify-content: flex-end;
  }

  .admin-customers-card__quick-button.ui-button {
    min-height: 38px;
    border: 1px solid var(--brand-border-base);
    border-radius: 999px;
    background: var(--brand-gradient-soft);
    color: var(--brand-text-base);
    font-size: 0.8rem;
    font-weight: 800;
    padding: 0 12px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    cursor: pointer;
    white-space: nowrap;
    transition:
      background-color var(--motion-fast) ease,
      transform var(--motion-fast) ease,
      box-shadow var(--motion-fast) ease;
  }

  .admin-customers-card__quick-button.ui-button:hover {
    background: var(--brand-surface-warm);
    box-shadow: var(--interactive-shadow-soft);
    transform: translateY(-1px);
  }

  .admin-customers-card__quick-button.ui-button:focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px var(--focus-ring);
  }

  .admin-customers-item__notes {
    margin: 0;
    color: #6f594a;
    font-size: 0.74rem;
    line-height: 1.3;
    border-left: 2px solid #edd8c7;
    padding-left: 8px;
  }

  .admin-customers-item__loyalty {
    display: grid;
    gap: 8px;
  }

  .admin-loyalty-card--loading {
    padding: 10px 12px;
  }

  .admin-loyalty-skeleton {
    height: 10px;
    border-radius: 999px;
    background: linear-gradient(90deg, #f6eadf 0%, #efe0d2 50%, #f6eadf 100%);
    background-size: 200% 100%;
    animation: admin-loading 1.2s ease-in-out infinite;
  }

  .admin-loyalty-skeleton--title {
    width: 38%;
  }

  .admin-loyalty-skeleton--bar {
    width: 100%;
    height: 8px;
  }

  .admin-loyalty-skeleton-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
  }

  .admin-loyalty-skeleton-grid--compact {
    align-items: center;
  }

  .admin-loyalty-skeleton--ratio {
    width: 72%;
  }

  .admin-loyalty-skeleton--percent {
    width: 34%;
    justify-self: end;
  }

  .admin-loyalty-card {
    border: 1px solid var(--brand-border-base);
    border-radius: 18px;
    background: var(--brand-gradient-card);
    box-shadow: var(--brand-shadow-card);
    display: grid;
    gap: 9px;
  }

  .admin-loyalty-card--compact {
    padding: 12px 14px;
  }

  .admin-loyalty-card--detailed {
    padding: 12px 14px;
  }

  .admin-loyalty-card__head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px;
  }

  .admin-loyalty-card__head strong {
    color: #4a3427;
    font-family: var(--font-family-heading);
    font-size: 1.25rem;
  }

  .admin-loyalty-card__head span {
    color: #7a5c47;
    font-size: 0.9rem;
    font-weight: 700;
  }

  .admin-loyalty-card__progress {
    width: 100%;
    height: 12px;
    border-radius: 999px;
    background: #ebd9c8;
    overflow: hidden;
  }

  .admin-loyalty-card__progress-bar {
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #d8b18a 0%, #d8863f 55%, #bb6223 100%);
    transition: width 240ms ease;
  }

  .admin-loyalty-card__summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
  }

  .admin-loyalty-card__summary strong {
    color: #4a3326;
    font-family: var(--font-family-heading);
    font-size: 1.1rem;
  }

  .admin-loyalty-card__summary span {
    color: #7a5f4c;
    font-size: 1.05rem;
    font-weight: 700;
  }

  .admin-loyalty-card__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 12px;
    color: #6f5848;
    font-size: 0.74rem;
    font-weight: 600;
  }

  .admin-loyalty-benefits-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .admin-loyalty-benefits-grid article {
    border: 1px solid #edd9c8;
    background: #fff;
    border-radius: 10px;
    padding: 8px 9px;
    display: grid;
    gap: 3px;
  }

  .admin-loyalty-benefits-grid span {
    color: #755c4b;
    font-size: 0.68rem;
    font-weight: 700;
  }

  .admin-loyalty-benefits-grid strong {
    color: #4a3326;
    font-size: 0.9rem;
    font-family: var(--font-family-heading);
  }

  .admin-loyalty-benefits-actions {
    display: flex;
    justify-content: flex-start;
  }

  .admin-loyalty-benefits-actions__button {
    width: auto;
    min-height: 34px;
    padding-inline: 0.75rem;
    font-size: 0.72rem;
  }

  .admin-loyalty-benefits-history {
    border: 1px solid #ead8ca;
    border-radius: 11px;
    background: #fffdf8;
    padding: 8px 9px;
    display: grid;
    gap: 7px;
  }

  .admin-loyalty-benefits-history p {
    margin: 0;
    color: #60493a;
    font-size: 0.74rem;
    font-weight: 800;
  }

  .admin-loyalty-benefits-history ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 6px;
  }

  .admin-loyalty-benefits-history li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    color: #6f5848;
    font-size: 0.73rem;
  }

  .admin-loyalty-benefits-history li strong {
    color: #4a3326;
    font-size: 0.74rem;
  }

  .admin-customers-card__secondary {
    margin: 0;
    color: #786251;
    font-size: 0.9rem;
    line-height: 1.3;
    padding-top: 4px;
    border-top: 1px solid #ecdfd3;
  }

  .admin-customer-missing {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
  }

  .admin-customer-missing__pill {
    border: 1px solid #ebc6a4;
    background: #fff4e8;
    color: #8a5429;
    border-radius: 999px;
    min-height: 24px;
    padding: 0 9px;
    display: inline-flex;
    align-items: center;
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
  }

  .admin-customers-card__actions {
    display: flex;
    justify-content: flex-end;
    border-top: 1px solid #ecdfd3;
    padding-top: 11px;
  }

  .admin-customers-card__actions-main {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex-wrap: nowrap;
  }

  .admin-customers-card__cta-primary {
    min-height: 46px;
    min-width: 170px;
    border-radius: 14px;
    font-size: 0.9rem;
    font-weight: 800;
    padding-inline: 14px;
    color: #fff8f2;
    border-color: #8b4a22;
    background: var(--brand-gradient-accent);
    box-shadow: 0 8px 16px rgba(101, 51, 24, 0.35);
  }

  .admin-customers-card__cta-primary:hover:not(:disabled) {
    transform: translateY(-1px);
    box-shadow: 0 12px 18px rgba(101, 51, 24, 0.42);
  }

  .admin-customers-card__cta-corner {
    min-height: 46px;
    min-width: 144px;
    font-size: 0.84rem;
    font-weight: 700;
    border-radius: 14px;
    padding-inline: 12px;
    border-color: var(--brand-border-base);
    background: var(--brand-gradient-soft);
    color: var(--brand-text-base);
  }

  .admin-customers-card__menu {
    position: relative;
  }

  .admin-customers-card__menu-trigger {
    min-height: 46px;
    min-width: 52px;
    border: 1px solid var(--brand-border-base);
    border-radius: 14px;
    background: var(--brand-gradient-soft);
    color: #5a4335;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.24rem;
    cursor: pointer;
    list-style: none;
  }

  .admin-customers-card__menu-trigger::-webkit-details-marker {
    display: none;
  }

  .admin-customers-card__menu.is-open .admin-customers-card__menu-trigger {
    background: var(--brand-surface-soft);
    box-shadow: var(--interactive-shadow-soft);
  }

  .admin-customers-card__menu-list {
    min-width: 164px;
    max-width: min(220px, calc(100vw - 24px));
    border: 1px solid #ddc8b8;
    border-radius: 12px;
    background: var(--brand-surface-base);
    box-shadow: 0 10px 20px rgba(76, 49, 33, 0.16);
    display: grid;
    padding: 6px;
    z-index: 5;
  }

  .admin-customers-card__menu-list--floating {
    position: fixed !important;
    right: auto !important;
    margin-top: 0 !important;
    box-shadow: 0 10px 20px rgba(76, 49, 33, 0.16) !important;
    z-index: 80 !important;
  }

  .admin-customers-card__menu-list button {
    border: 0;
    background: transparent;
    border-radius: 8px;
    min-height: 36px;
    padding: 0 8px;
    text-align: left;
    color: #4d392c;
    font-size: 0.76rem;
    font-weight: 700;
    cursor: pointer;
  }

  .admin-customers-card__menu-list button:hover {
    background: #fff5ec;
  }

  .admin-customers-virtual-sentinel {
    display: flex;
    justify-content: center;
    padding-top: 2px;
  }

  .admin-customer-segment-row {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
  }

  .admin-customer-segment-picker {
    display: grid;
    gap: 8px;
    justify-items: stretch;
  }

  .admin-customer-segment-picker__label {
    margin: 0;
    color: #735b4c;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
  }

  .admin-customer-segment-picker__options {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
  }

  .admin-customer-segment-option {
    border: 0;
    background: transparent;
    padding: 0;
    margin: 0;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
  }

  .admin-customer-segment-option:disabled {
    cursor: wait;
    opacity: 0.75;
  }

  .admin-customer-segment-option .admin-customer-segment {
    transition:
      transform var(--motion-fast) ease,
      box-shadow var(--motion-fast) ease,
      border-color var(--motion-fast) ease;
  }

  .admin-customer-segment-option:hover .admin-customer-segment {
    transform: translateY(-1px);
    box-shadow: 0 6px 12px rgba(76, 49, 33, 0.12);
  }

  .admin-customer-segment-option.is-active .admin-customer-segment {
    box-shadow: 0 8px 15px rgba(76, 49, 33, 0.16);
    border-width: 2px;
  }

  .admin-customer-segment {
    border-radius: 999px;
    border: 1px solid #d9d9d9;
    min-height: 22px;
    padding: 0 8px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 0.64rem;
    font-weight: 800;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #5a4b3f;
    background: #f7f7f7;
  }

  .admin-customer-segment--compact {
    min-height: 20px;
    padding: 0 7px;
    font-size: 0.6rem;
  }

  .admin-customer-segment--joao {
    border-color: #bfd8f8;
    color: #295e92;
    background: #f2f8ff;
  }

  .admin-customer-segment--jucinara {
    border-color: #f0c9df;
    color: #8e476b;
    background: #fff5fa;
  }

  .admin-customer-segment--miguel {
    border-color: #cfd4de;
    color: #475164;
    background: #f3f5f8;
  }

  .admin-customer-segment--neutral {
    border-color: #d8d8d8;
    color: #5a4b3f;
    background: #f5f5f5;
  }

  .admin-customer-segment-editor {
    display: grid;
    gap: 8px;
    grid-template-columns: minmax(0, 1fr);
    align-items: end;
  }

  .admin-entity-drawer-sheet {
    width: min(860px, calc(100vw - 12px));
    max-height: min(
      calc(
        var(--sc-viewport-height) - max(var(--safe-top), 8px) -
          max(var(--safe-bottom), var(--sc-keyboard-inset)) - 16px
      ),
      980px
    );
    border-radius: 18px;
  }

  .admin-entity-drawer__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    position: sticky;
    top: -1px;
    z-index: 2;
    background: #fff;
    padding-bottom: 12px;
    border-bottom: 1px solid #f0dfd2;
  }

  .admin-entity-drawer__header h2 {
    margin: 0;
    font-family: var(--font-family-heading);
    font-size: 1.25rem;
  }

  .admin-entity-drawer__header p {
    margin: 5px 0 0;
    color: #70594b;
    font-size: 0.88rem;
  }

  .admin-entity-drawer__header--order {
    align-items: center;
  }

  .admin-entity-drawer__header--compact {
    justify-content: flex-end;
    align-items: center;
    position: static;
    padding: 0;
    border: 0;
    background: transparent;
  }

  .admin-order-detail-hero {
    display: grid;
    gap: 10px;
    flex: 1;
  }

  .admin-order-detail-hero__top {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
  }

  .admin-order-detail-hero__total {
    margin: 0;
    color: #8d4f27;
    font-family: var(--font-family-heading);
    font-size: 1.4rem;
    font-weight: 700;
  }

  .admin-order-detail-hero__delivery {
    margin: 0;
    color: #7d492b;
    font-size: 0.95rem;
    font-weight: 700;
  }

  .admin-entity-drawer__loading {
    margin-top: 12px;
  }

  .admin-entity-drawer__body {
    margin-top: 12px;
    display: grid;
    gap: 12px;
  }

  .admin-entity-drawer__section {
    display: grid;
    gap: 8px;
  }

  .admin-entity-drawer__section h3 {
    margin: 0;
    font-size: 1rem;
    font-family: var(--font-family-heading);
    color: #4b382c;
  }

  .admin-entity-drawer__notes {
    margin: 0;
    border: 1px dashed #e5cfbd;
    border-radius: 10px;
    background: #fff9f3;
    color: #6c5547;
    padding: 8px 10px;
    font-size: 0.82rem;
  }

  .admin-order-detail-customer {
    border: 1px solid #efdfd1;
    border-radius: 12px;
    background: #fffcf9;
    padding: 12px;
    display: grid;
    gap: 6px;
  }

  .admin-order-detail-customer strong {
    color: #3f2d22;
    font-size: 1rem;
    font-weight: 800;
  }

  .admin-order-detail-customer a,
  .admin-order-detail-customer span {
    color: #6a5546;
    font-size: 0.86rem;
    text-decoration: none;
  }

  .admin-order-detail-customer a:hover {
    text-decoration: underline;
  }

  .admin-info-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 6px 10px;
  }

  .admin-info-grid span {
    color: #6f594a;
    font-size: 0.82rem;
  }

  .admin-info-grid strong {
    color: #4b372a;
  }

  .admin-customer-detail-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .admin-customer-detail-field {
    border: 1px solid #ebdccf;
    border-radius: 12px;
    background: #fffdfb;
    padding: 9px 10px;
    display: grid;
    gap: 3px;
  }

  .admin-customer-detail-field span {
    color: #7f6758;
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.02em;
  }

  .admin-customer-detail-field strong {
    color: #422f23;
    font-size: 0.95rem;
    font-weight: 800;
    overflow-wrap: anywhere;
  }

  .admin-order-detail-dates {
    display: grid;
    gap: 6px;
    color: #8b7565;
    font-size: 0.78rem;
  }

  .admin-order-detail-dates time {
    color: #7b6657;
  }

  .admin-order-items-compact {
    margin: 0;
    padding: 0;
    list-style: none;
    border: 1px solid #ebd8ca;
    border-radius: 12px;
    background: #fff;
    overflow: hidden;
  }

  .admin-order-items-compact li {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-bottom: 1px solid #f2e5da;
  }

  .admin-order-items-compact li:last-child {
    border-bottom: 0;
  }

  .admin-order-items-compact strong {
    color: #3f2d22;
    font-size: 0.88rem;
  }

  .admin-order-items-compact span {
    color: #6a5546;
    font-size: 0.82rem;
    font-weight: 700;
  }

  .admin-mini-metric-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 8px;
  }

  .admin-mini-metric-card {
    border: 1px solid #ead8ca;
    border-radius: 12px;
    background: #fffaf4;
    padding: 10px;
    display: grid;
    gap: 4px;
  }

  .admin-mini-metric-card span {
    color: #7b6150;
    font-size: 0.76rem;
    font-weight: 700;
  }

  .admin-mini-metric-card strong {
    color: #432f23;
    font-family: var(--font-family-heading);
    font-size: 0.96rem;
  }

  .admin-inline-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 8px;
  }

  .admin-inline-list li {
    border: 1px solid #ead8ca;
    border-radius: 10px;
    padding: 7px 9px;
    display: grid;
    gap: 3px;
    background: #fffdfb;
  }

  .admin-inline-list li strong {
    color: #422f23;
    font-size: 0.86rem;
  }

  .admin-inline-list li span,
  .admin-inline-list li time {
    color: #6f594a;
    font-size: 0.78rem;
  }

  .admin-timeline {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
  }

  .admin-timeline--stepper li {
    position: relative;
    padding-left: 26px;
    border-radius: 999px;
  }

  .admin-timeline--stepper li::before {
    content: "";
    position: absolute;
    left: 9px;
    top: 50%;
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: #c5af9b;
    transform: translateY(-50%);
  }

  .admin-timeline li {
    border: 1px solid #e8d6c8;
    background: #fff;
    border-radius: 999px;
    padding: 4px 10px;
    font-size: 0.76rem;
    color: #6d5849;
    font-weight: 700;
  }

  .admin-timeline li.is-done {
    border-color: #c8dfcf;
    background: #effdf5;
    color: #2d6b46;
  }

  .admin-timeline--stepper li.is-done::before {
    background: #2d6b46;
  }

  .admin-timeline li.is-current {
    border-color: #e3bc97;
    background: #fff3e7;
    color: #8f5128;
  }

  .admin-timeline--stepper li.is-current::before {
    background: #8f5128;
  }

  .admin-entity-drawer__footer {
    margin-top: 12px;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
    position: sticky;
    bottom: -1px;
    background: #fff;
    border-top: 1px solid #f0dfd2;
    padding-top: 12px;
    padding-bottom: max(6px, var(--safe-bottom));
  }

  .admin-order-detail__confirm {
    min-height: 46px;
  }

  .admin-access {
    min-height: 100vh;
    min-height: 100dvh;
    display: grid;
    place-items: center;
    padding: max(var(--space-2), calc(var(--safe-top) + 12px)) var(--space-2)
      max(var(--space-2), calc(var(--safe-bottom) + 12px));
  }

  .admin-access__card {
    width: min(520px, 100%);
    border-radius: var(--radius-lg);
    border: 1px solid #ebd8ca;
    background: rgba(255, 255, 255, 0.97);
    box-shadow: var(--shadow-md);
    padding: var(--space-2);
    display: grid;
    gap: 14px;
  }

  .admin-access__header {
    display: grid;
    grid-template-columns: 56px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
  }

  .admin-access__logo {
    width: 56px;
    height: 56px;
    border-radius: 14px;
    object-fit: cover;
  }

  .admin-access__header h1 {
    margin: 0;
    font-family: var(--font-family-heading);
    font-size: 1.22rem;
  }

  .admin-access__header p {
    margin: 3px 0 0;
    color: #775f50;
    font-size: 0.88rem;
  }

  .admin-access__form {
    display: grid;
    gap: 10px;
  }

  .admin-access__feedback {
    margin: 0;
    border: 1px dashed #e5cdb9;
    border-radius: 12px;
    padding: 10px;
    color: #705747;
    font-size: 0.84rem;
  }

  .admin-access__error {
    margin: 0;
    border: 1px solid #ebb9b6;
    border-radius: 12px;
    padding: 10px;
    color: #a33932;
    font-size: 0.84rem;
    background: #fff4f3;
  }

  .admin-textarea {
    min-height: 120px;
    resize: vertical;
  }

  .admin-products-header {
    border: 1px solid #ecd8c9;
    border-radius: 16px;
    background: linear-gradient(180deg, #fffdfa 0%, #fff8f3 100%);
    box-shadow: 0 8px 18px rgba(96, 59, 34, 0.07);
    padding: 12px;
    display: grid;
    gap: 8px;
  }

  .admin-products-header h3 {
    margin: 0;
    font-family: var(--font-family-heading);
    font-size: 1.12rem;
  }

  .admin-products-header p {
    margin: 4px 0 0;
    color: #6f594a;
    font-size: 0.88rem;
  }

  .admin-products-toolbar {
    border: 0;
    border-radius: 0;
    background: transparent;
    padding: 0;
    display: grid;
    gap: 8px;
  }

  .admin-products-toolbar__actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .admin-products-filters-collapse {
    border: 1px solid #ead7c6;
    border-radius: 12px;
    background: #fffdf9;
    padding: 8px 10px;
  }

  .admin-products-filters-collapse > summary {
    cursor: pointer;
    list-style: none;
    color: #6d5445;
    font-size: 0.78rem;
    font-weight: 800;
  }

  .admin-products-filters-collapse > summary::-webkit-details-marker {
    display: none;
  }

  .admin-products-filters-collapse__content {
    margin-top: 8px;
    display: grid;
    gap: 8px;
  }

  .admin-products-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 7px;
  }

  .admin-products-item {
    border: 1px solid #ead8ca;
    border-radius: 13px;
    background: linear-gradient(180deg, #ffffff 0%, #fffdfa 100%);
    padding: 8px;
    display: flex;
    gap: 7px;
    min-width: 0;
  }

  .admin-products-item__media {
    width: 74px;
    min-width: 74px;
    display: grid;
    align-content: start;
    gap: 3px;
  }

  .admin-products-item__media img,
  .admin-products-item__media-empty {
    width: 74px;
    height: 74px;
    border-radius: 10px;
  }

  .admin-products-item__media img {
    border: 1px solid #e8d4c3;
    object-fit: cover;
  }

  .admin-products-item__media-empty {
    display: grid;
    place-items: center;
    border: 1px dashed #dfc6b3;
    background: radial-gradient(circle at 30% 20%, #fff8ef 0%, #f9e6d6 100%);
    color: #7a6151;
    font-size: 0.74rem;
    font-weight: 700;
    text-align: center;
    padding: 5px;
    line-height: 1.2;
  }

  .admin-products-item__media-empty-icon {
    font-size: 1rem;
    line-height: 1;
  }

  .admin-products-item__media-count {
    font-size: 0.66rem;
    color: #7a6151;
    font-weight: 700;
  }

  .admin-products-item__content {
    display: grid;
    gap: 7px;
    min-width: 0;
    width: 100%;
  }

  .admin-products-item__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
  }

  .admin-products-item__header h4 {
    margin: 0;
    font-family: var(--font-family-heading);
    font-size: 0.94rem;
    line-height: 1.2;
    color: #432f24;
  }

  .admin-products-item__header p {
    margin: 4px 0 0;
    color: #6f594a;
    font-size: 0.74rem;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .admin-products-item__price {
    font-family: var(--font-family-heading);
    color: #8d4f27;
    font-size: 1.08rem;
    line-height: 1;
    letter-spacing: -0.01em;
    white-space: nowrap;
  }

  .admin-products-item__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
  }

  .admin-products-tag-list {
    font-size: 0.64rem;
    font-weight: 800;
    color: #6e594a;
    border: 1px solid #ead8ca;
    border-radius: 999px;
    padding: 4px 7px;
    background: #fffaf6;
    text-transform: uppercase;
    letter-spacing: 0.03em;
  }

  .admin-products-stock-chip {
    font-size: 0.64rem;
    font-weight: 800;
    border-radius: 999px;
    padding: 4px 7px;
    border: 1px solid transparent;
    letter-spacing: 0.04em;
    text-transform: uppercase;
  }

  .admin-products-stock-chip--ok {
    color: #226343;
    background: #ecfff5;
    border-color: #bce5cf;
  }

  .admin-products-stock-chip--empty {
    color: #8f5a1f;
    background: #fff8eb;
    border-color: #ecd7ac;
  }

  .admin-products-item__actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
  }

  .admin-products-item__actions .ui-button {
    min-height: 32px;
    padding: 0.38rem 0.6rem;
    font-size: 0.69rem;
  }

  .admin-products-item__action-main {
    font-weight: 800;
  }

  .admin-products-item__action-secondary {
    background: #fff;
  }

  .admin-products-item__action-enable {
    color: #256345;
    border-color: #bfe1ce;
    background: #f2fff8;
  }

  .admin-products-stock-editor {
    border: 1px solid #e8d5c6;
    border-radius: 12px;
    background: #fffaf5;
    padding: 8px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 8px;
  }

  .admin-products-stock-editor .ui-field {
    margin: 0;
  }

  .admin-products-stock-editor__buttons {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(72px, auto);
    gap: 10px;
  }

  .admin-products-stock-editor__buttons .ui-button {
    min-height: 34px;
  }

  .admin-product-drawer-sheet {
    width: min(760px, calc(100vw - 12px));
    max-height: min(
      calc(
        var(--sc-viewport-height) - max(var(--safe-top), 8px) -
          max(var(--safe-bottom), var(--sc-keyboard-inset)) - 16px
      ),
      980px
    );
    border-radius: 18px;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
  }

  .admin-product-drawer__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
    position: sticky;
    top: -1px;
    z-index: 2;
    background: #fffdfb;
    padding-bottom: 8px;
    border-bottom: 1px solid #f0dfd2;
  }

  .admin-product-drawer__header h2 {
    margin: 0;
    font-family: var(--font-family-heading);
  }

  .admin-product-drawer__header p {
    margin: 5px 0 0;
    color: #70594b;
    font-size: 0.88rem;
  }

  .admin-product-drawer__tabs {
    margin-top: 10px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
    position: sticky;
    top: 56px;
    z-index: 1;
    background: #fffdfb;
    padding-block: 8px 2px;
  }

  .admin-product-drawer__tabs button {
    border: 1px solid #e9d5c5;
    border-radius: 999px;
    min-height: 34px;
    background: #fff;
    color: #6f5849;
    font-weight: 700;
    font-size: 0.8rem;
  }

  .admin-product-drawer__tabs button.is-active {
    border-color: #e0b88f;
    background: #fff4e7;
    color: #8b4d26;
  }

  .admin-product-drawer__form {
    margin-top: 12px;
    display: grid;
    gap: 12px;
  }

  .admin-product-drawer__loading {
    margin-top: 12px;
  }

  .admin-product-drawer__section {
    display: grid;
    gap: 10px;
  }

  .admin-product-drawer__hint {
    margin: 0;
    color: #735d4f;
    font-size: 0.84rem;
    line-height: 1.35;
  }

  .admin-product-drawer__images {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
    gap: 10px;
  }

  .admin-product-thumb {
    border: 1px solid #e9d7c9;
    border-radius: 12px;
    padding: 8px;
    display: grid;
    gap: 8px;
    background: #fffdfb;
  }

  .admin-product-thumb img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 8px;
  }

  .admin-product-thumb--empty {
    place-items: center;
    color: #7a6354;
    font-size: 0.84rem;
    font-weight: 700;
    background: #fff7ef;
  }

  .admin-product-thumb__actions {
    display: grid;
    gap: 6px;
  }

  .admin-product-thumb__actions .ui-button {
    min-height: 32px;
    font-size: 0.78rem;
  }

  .admin-product-drawer__footer {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    position: sticky;
    bottom: -1px;
    background: #fffdfb;
    border-top: 1px solid #f0dfd2;
    padding-top: 10px;
  }

  @media (max-width: 1120px) {
    .admin-orders-layout {
      grid-template-columns: minmax(0, 1fr);
    }

    .admin-production-layout {
      grid-template-columns: minmax(0, 1fr);
    }

    .admin-order-card__content {
      grid-template-columns: minmax(0, 1fr);
    }

    .admin-order-card__meta-panel {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (max-width: 920px) {
    .admin-orders-layout__filters {
      gap: 10px;
    }

    .admin-order-card {
      padding: 16px;
      gap: 12px;
    }

    .admin-order-card__title {
      font-size: 1.14rem;
    }

    .admin-order-card__meta-panel {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .admin-orders-toolbar__selects {
      grid-template-columns: minmax(0, 1fr);
    }
  }

  @media (max-width: 760px) {
    .admin-orders-layout__results,
    .admin-orders-layout__filters {
      gap: 10px;
    }

    .admin-production-overview-card {
      padding: 9px 10px;
      gap: 7px;
    }

    .admin-production-overview-card__date {
      font-size: 0.98rem;
    }

    .admin-order-card__top {
      gap: 10px;
    }

    .admin-order-card__top-main {
      min-width: 0;
    }

    .admin-order-card__title {
      font-size: 1rem;
    }

    .admin-order-card__total {
      font-size: 1.45rem;
    }

    .admin-order-card__meta-panel {
      grid-template-columns: minmax(0, 1fr);
    }

    .admin-order-card__actions .ui-button,
    .admin-order-card__action-primary,
    .admin-order-card__delivered {
      width: 100%;
      min-width: 0;
    }

    .admin-order-card__actions-secondary,
    .admin-order-card__actions-primary {
      width: 100%;
      grid-template-columns: minmax(0, 1fr);
    }

    .admin-customers-item {
      padding: 14px 12px 12px;
      gap: 10px;
    }

    .admin-customers-item::after {
      left: 8px;
      right: 8px;
      height: 38px;
      opacity: 0.75;
    }

    .admin-customers-card__header {
      grid-template-columns: minmax(0, 1fr);
      gap: 8px;
    }

    .admin-customers-card__quick-actions {
      justify-content: flex-start;
      width: 100%;
      flex-wrap: wrap;
    }

    .admin-customers-item__email {
      max-width: 100%;
    }

    .admin-customers-card__actions {
      justify-content: stretch;
    }

    .admin-customers-card__actions-main {
      width: 100%;
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
      gap: 6px;
    }

    .admin-customers-card__cta-primary,
    .admin-customers-card__cta-corner {
      min-width: 0;
      width: 100%;
      min-height: 44px;
      font-size: 0.84rem;
      padding-inline: 10px;
    }

    .admin-customers-card__menu-trigger {
      min-height: 44px;
      min-width: 46px;
    }

    .admin-customers-card__menu-list {
      right: 0;
      left: auto;
    }

    .admin-customer-detail-grid {
      grid-template-columns: minmax(0, 1fr);
    }

    .admin-customer-segment-picker__options {
      gap: 6px;
    }

    .admin-customer-delete-zone__actions .ui-button {
      width: 100%;
      justify-content: center;
    }
  }

  @media (max-width: 520px) {
    .admin-module-card {
      padding: 9px;
      gap: 8px;
    }

    .admin-module-card__header h3 {
      font-size: 0.92rem;
    }

    .admin-filters-card {
      padding: 8px;
      gap: 7px;
    }

    .admin-filters-card__header h4 {
      font-size: 0.84rem;
    }

    .admin-filters-card__header p {
      font-size: 0.74rem;
    }

    .admin-customers-item {
      padding: 12px 10px 11px;
      gap: 9px;
    }

    .admin-customers-card__name {
      font-size: 1.08rem;
    }

    .admin-customers-card__quick-actions {
      gap: 5px;
    }

    .admin-customers-card__quick-button.ui-button {
      min-height: 38px;
      font-size: 0.8rem;
      padding-inline: 11px;
    }

    .admin-customers-card__actions-main {
      grid-template-columns: minmax(0, 1fr);
      gap: 7px;
    }

    .admin-customers-card__menu-trigger {
      width: 100%;
      min-width: 0;
    }

    .admin-customers-card__menu-list {
      position: static;
      margin-top: 6px;
      box-shadow: none;
    }

    .admin-loyalty-card--compact {
      padding: 8px 9px;
    }

    .admin-loyalty-card__summary strong {
      font-size: 0.84rem;
    }

    .admin-loyalty-card__summary span {
      font-size: 0.72rem;
    }

    .admin-loyalty-benefits-actions__button {
      min-height: 32px;
      font-size: 0.7rem;
    }

    .admin-customer-detail-field {
      padding: 8px 9px;
    }

    .admin-customer-detail-field strong {
      font-size: 0.9rem;
    }

    .admin-customers-card__cta-primary,
    .admin-customers-card__cta-corner {
      min-height: 44px;
    }

    .admin-production-date-presets button {
      min-height: 34px;
      font-size: 0.72rem;
    }

    .admin-production-overview-card__stats span {
      padding: 6px 7px;
      font-size: 0.75rem;
    }

    .admin-production-form__submit {
      min-height: 40px;
    }

    .admin-products-item {
      padding: 9px;
      gap: 8px;
    }

    .admin-products-item__media {
      gap: 4px;
    }

    .admin-products-item__media img,
    .admin-products-item__media-empty {
      width: 72px;
      height: 72px;
      border-radius: 10px;
    }

    .admin-products-item__header p {
      font-size: 0.76rem;
    }

    .admin-products-item__chips {
      gap: 4px;
    }

    .admin-products-item__actions .ui-button {
      min-height: 34px;
      font-size: 0.72rem;
      padding-inline: 0.56rem;
    }
  }

  /* Clientes — refresh premium */
  .admin-customers-layout {
    display: grid;
    grid-template-columns: minmax(300px, 0.95fr) minmax(0, 1.6fr);
    gap: 14px;
    align-items: start;
  }

  .admin-customers-layout__filters,
  .admin-customers-layout__results {
    display: grid;
    gap: 10px;
  }

  .admin-customers-filters {
    display: grid;
    gap: 10px;
  }

  .admin-customers-search {
    position: relative;
  }

  .admin-customers-search__icon {
    position: absolute;
    left: 11px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0.92rem;
    opacity: 0.72;
    pointer-events: none;
  }

  .admin-customers-search__input {
    min-height: 46px;
    padding-left: 36px;
    padding-right: 40px;
  }

  .admin-customers-search__clear {
    position: absolute;
    right: 8px;
    top: 7px;
    width: 30px;
    height: 30px;
    border: 0;
    border-radius: 999px;
    background: #f2e8df;
    color: #775d4d;
    cursor: pointer;
    font-size: 1rem;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .admin-customers-filters__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .admin-customers-filters__actions {
    display: flex;
    justify-content: flex-start;
  }

  .admin-customers-summary {
    border: 1px solid #e7d5c5;
    border-radius: 16px;
    background: linear-gradient(180deg, #fffefc 0%, #fff8f1 100%);
    box-shadow: 0 12px 22px rgba(88, 55, 33, 0.08);
    padding: 12px;
    display: grid;
    gap: 9px;
  }

  .admin-customers-summary h4 {
    margin: 0;
    color: #4b3427;
    font-family: var(--font-family-heading);
    font-size: 1.04rem;
  }

  .admin-customers-summary__chips {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
  }

  .admin-customers-empty {
    border: 1px dashed #e7d5c5;
    border-radius: 16px;
    background: linear-gradient(180deg, #fffdfb 0%, #fff7f0 100%);
    padding: 16px;
    display: grid;
    gap: 9px;
    justify-items: start;
  }

  .admin-customers-empty h4 {
    margin: 0;
    color: #4c3528;
    font-family: var(--font-family-heading);
    font-size: 1.1rem;
  }

  .admin-customers-empty p {
    margin: 0;
    color: #765f50;
    font-size: 0.9rem;
    line-height: 1.34;
  }

  .admin-customers-list {
    gap: 14px;
  }

  .admin-customers-item {
    border-radius: 20px;
    border: 1px solid #e7d4c3;
    background:
      radial-gradient(circle at 96% 92%, rgba(214, 150, 85, 0.22), transparent 31%),
      radial-gradient(circle at 4% 94%, rgba(194, 127, 63, 0.12), transparent 26%),
      linear-gradient(180deg, #fffefc 0%, #fffaf5 100%);
    box-shadow: 0 12px 24px rgba(79, 51, 35, 0.08);
    padding: 14px;
    gap: 12px;
  }

  .admin-customers-item::after {
    display: none;
  }

  .admin-customers-card__header {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    align-items: start;
    padding-bottom: 10px;
    border-bottom: 1px solid #efdfd1;
  }

  .admin-customers-card__identity {
    gap: 6px;
  }

  .admin-customers-card__name-row {
    gap: 9px;
  }

  .admin-customers-card__name {
    font-size: 1.42rem;
    line-height: 1;
  }

  .admin-customers-card__segment {
    min-height: 25px;
    padding-inline: 11px;
    font-size: 0.66rem;
  }

  .admin-customers-item__email {
    max-width: 100%;
    color: #7d6655;
    font-size: 0.86rem;
  }

  .admin-customers-item__email::after {
    opacity: 0.8;
  }

  .admin-customers-card__quick-actions {
    gap: 7px;
  }

  .admin-customers-card__quick-button.ui-button {
    min-height: 40px;
    padding: 0 14px;
    border-color: #dcc8b6;
    font-size: 0.85rem;
    font-weight: 800;
    background: linear-gradient(180deg, #fff 0%, #fff8f0 100%);
  }

  .admin-customers-item__loyalty {
    gap: 6px;
  }

  .admin-loyalty-card {
    border-radius: 16px;
    box-shadow:
      inset 0 0 0 1px rgba(227, 209, 193, 0.6),
      0 10px 18px rgba(84, 53, 34, 0.07);
  }

  .admin-loyalty-card--compact {
    padding: 13px 14px;
  }

  .admin-loyalty-card__head strong {
    font-size: 1.8rem;
  }

  .admin-loyalty-card__head span {
    font-size: 1.18rem;
  }

  .admin-loyalty-card__progress {
    height: 10px;
  }

  .admin-loyalty-card__summary strong {
    font-size: 1.62rem;
  }

  .admin-loyalty-card__summary span {
    font-size: 1.5rem;
  }

  .admin-customers-card__secondary {
    margin-top: 0;
    padding-top: 10px;
    color: #7b6251;
    font-size: 0.94rem;
  }

  .admin-customers-card__actions {
    padding-top: 12px;
    position: relative;
    z-index: 3;
  }

  .admin-customers-card__actions-main {
    width: 100%;
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) auto auto;
    gap: 8px;
    align-items: center;
  }

  .admin-customers-card__actions-main > * {
    pointer-events: auto;
  }

  .admin-customers-card__cta-primary {
    min-height: 44px;
    min-width: 0;
    width: 100%;
    border-radius: 14px;
    font-size: 0.92rem;
    font-weight: 800;
  }

  .admin-customers-card__cta-secondary {
    min-height: 44px;
    min-width: 128px;
    border-radius: 14px;
    border-color: #ddc8b7;
    color: #4f3a2d;
    background: linear-gradient(180deg, #fff 0%, #fff9f3 100%);
    font-size: 0.82rem;
    font-weight: 800;
  }

  .admin-customers-card__menu-trigger {
    min-height: 44px;
    min-width: 50px;
    font-size: 1.18rem;
  }

  .admin-customers-card__menu-list {
    min-width: 176px;
  }

  .admin-entity-drawer-sheet {
    width: min(880px, calc(100vw - 18px));
  }

  .admin-customer-detail-header {
    align-items: flex-start;
    position: sticky;
    top: -1px;
    z-index: 2;
    background: #fffdfb;
    border-bottom: 1px solid #f0dfd2;
    padding-bottom: 12px;
  }

  .admin-customer-detail-header__identity {
    display: grid;
    gap: 5px;
  }

  .admin-customer-detail-header__identity h2 {
    margin: 0;
    color: #3f2d22;
    font-family: var(--font-family-heading);
    font-size: 1.52rem;
  }

  .admin-customer-detail-header__identity p {
    margin: 0;
    color: #7a6252;
    font-size: 0.9rem;
  }

  .admin-customer-detail-header__actions {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    flex-wrap: wrap;
    justify-content: flex-end;
  }

  .admin-customer-detail-header__quick-link {
    min-height: 40px;
    border: 1px solid #d8c3b1;
    border-radius: 999px;
    padding: 0 12px;
    background: linear-gradient(180deg, #fff 0%, #fff8f1 100%);
    color: #4f392c;
    font-size: 0.86rem;
    font-weight: 800;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 7px;
  }

  .admin-customer-detail-section__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    flex-wrap: wrap;
  }

  .admin-customer-segment-popover {
    position: relative;
  }

  .admin-customer-segment-popover__trigger {
    width: 100%;
    min-height: 44px;
    border: 1px solid #dfc9b8;
    border-radius: 14px;
    background: linear-gradient(180deg, #fff 0%, #fff9f2 100%);
    color: #4d392d;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 0 14px;
    font-size: 0.9rem;
    font-weight: 800;
    cursor: pointer;
    transition:
      border-color var(--motion-fast) ease,
      box-shadow var(--motion-fast) ease,
      background-color var(--motion-fast) ease;
  }

  .admin-customer-segment-popover__trigger:hover {
    border-color: #d39d72;
  }

  .admin-customer-segment-popover__trigger.is-open {
    border-color: #d39d72;
    box-shadow: 0 10px 18px rgba(109, 69, 40, 0.14);
  }

  .admin-customer-segment-picker__options {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    border: 1px solid #e2cdbb;
    border-radius: 14px;
    background: #fffdfb;
    padding: 10px;
    box-shadow: 0 14px 24px rgba(75, 48, 32, 0.14);
    z-index: 20;
  }

  .admin-customer-segment-chip {
    border: 1px solid #dfc9b8;
    border-radius: 999px;
    min-height: 34px;
    padding: 0 12px;
    background: #fff;
    color: #5e493b;
    font-size: 0.78rem;
    font-weight: 800;
    cursor: pointer;
    transition:
      border-color var(--motion-fast) ease,
      background-color var(--motion-fast) ease,
      transform var(--motion-fast) ease,
      box-shadow var(--motion-fast) ease;
  }

  .admin-customer-segment-chip:hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 14px rgba(76, 49, 33, 0.1);
  }

  .admin-customer-segment-chip.is-active {
    border-color: #d49b6c;
    background: #fff3e7;
    color: #8f5128;
    box-shadow: 0 8px 16px rgba(143, 81, 40, 0.16);
  }

  .admin-customer-orders-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 8px;
  }

  .admin-customer-orders-list li {
    border: 1px solid #ead8ca;
    border-radius: 12px;
    background: #fffdfb;
    padding: 9px 10px;
    display: grid;
    gap: 4px;
  }

  .admin-customer-orders-list li.is-pending {
    border-color: #e6c59f;
    background: #fff7ee;
  }

  .admin-customer-orders-list__top {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 8px;
    align-items: center;
  }

  .admin-customer-orders-list__top strong {
    color: #422f23;
    font-size: 0.9rem;
  }

  .admin-customer-orders-list__top span {
    color: #6f594a;
    font-size: 0.78rem;
    font-weight: 700;
  }

  .admin-customer-orders-list p,
  .admin-customer-orders-list time {
    margin: 0;
    color: #765f4e;
    font-size: 0.79rem;
  }

  .admin-customer-orders-list__actions {
    margin-top: 8px;
  }

  .admin-loyalty-benefits-actions--inline {
    justify-content: flex-start;
  }

  .admin-loyalty-benefits-actions--inline .admin-loyalty-benefits-actions__button {
    min-height: 40px;
    font-size: 0.84rem;
    padding-inline: 1rem;
  }

  .admin-customer-delete-zone--clean {
    background: #fff8f6;
    border-color: #ebcbc4;
  }

  @media (max-width: 1240px) {
    .admin-customers-layout {
      grid-template-columns: minmax(280px, 0.95fr) minmax(0, 1.45fr);
    }

    .admin-customers-card__name {
      font-size: 1.65rem;
    }
  }

  @media (max-width: 1040px) {
    .admin-customers-layout {
      grid-template-columns: minmax(0, 1fr);
    }

    .admin-customers-layout__filters {
      position: static;
    }

    .admin-customers-filters__grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .admin-customers-card__name {
      font-size: 1.46rem;
    }
  }

  @media (max-width: 760px) {
    .admin-customers-summary__chips {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .admin-customers-filters__grid {
      grid-template-columns: minmax(0, 1fr);
    }

    .admin-customers-item {
      padding: 12px;
      border-radius: 18px;
    }

    .admin-customers-card__header {
      grid-template-columns: minmax(0, 1fr);
    }

    .admin-customers-card__quick-actions {
      justify-content: flex-start;
    }

    .admin-customers-card__quick-button.ui-button {
      min-height: 42px;
      font-size: 0.86rem;
    }

    .admin-customers-card__actions-main {
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
    }

    .admin-customers-card__cta-primary,
    .admin-customers-card__cta-secondary,
    .admin-customers-card__menu-trigger {
      min-height: 48px;
    }

    .admin-customer-detail-header {
      position: static;
      padding-bottom: 10px;
    }

    .admin-customer-detail-header__actions {
      width: 100%;
      justify-content: flex-start;
    }

    .admin-customer-detail-header__quick-link {
      min-height: 38px;
      font-size: 0.8rem;
    }

    .admin-customer-orders-list__top {
      grid-template-columns: minmax(0, 1fr);
      gap: 4px;
    }
  }

  @media (max-width: 520px) {
    .admin-customers-list {
      gap: 10px;
    }

    .admin-customers-summary {
      padding: 10px;
    }

    .admin-customers-summary__chips {
      grid-template-columns: minmax(0, 1fr);
    }

    .admin-customers-card__name {
      font-size: 1.34rem;
    }

    .admin-loyalty-card__head strong {
      font-size: 1.56rem;
    }

    .admin-loyalty-card__head span {
      font-size: 1.05rem;
    }

    .admin-loyalty-card__summary strong {
      font-size: 1.38rem;
    }

    .admin-loyalty-card__summary span {
      font-size: 1.28rem;
    }

    .admin-customers-card__actions-main {
      grid-template-columns: minmax(0, 1fr);
    }

    .admin-customers-card__menu-trigger {
      width: 100%;
    }

    .admin-customers-card__menu-list {
      position: static;
      margin-top: 6px;
      box-shadow: none;
    }

    .admin-customer-detail-header__identity h2 {
      font-size: 1.24rem;
    }

    .admin-customer-segment-chip {
      min-height: 32px;
      font-size: 0.74rem;
    }
  }

  /* Customers tuning (scale + interaction fixes) */
  .admin-customers-item {
    overflow: visible;
  }

  .admin-customers-item--compact {
    padding: 11px;
    gap: 9px;
  }

  .admin-customers-item--compact .admin-customers-card__name {
    font-size: 1.16rem;
  }

  .admin-customers-item--compact .admin-customers-card__quick-button.ui-button {
    min-height: 36px;
    font-size: 0.78rem;
    padding: 0 9px;
    gap: 5px;
  }

  .admin-customers-item--compact .admin-loyalty-card--compact {
    padding: 8px 10px;
  }

  .admin-customers-item--compact .admin-loyalty-card__head strong {
    font-size: 1rem;
  }

  .admin-customers-item--compact .admin-loyalty-card__head span {
    font-size: 0.8rem;
  }

  .admin-customers-item--compact .admin-loyalty-card__summary strong {
    font-size: 0.92rem;
  }

  .admin-customers-item--compact .admin-loyalty-card__summary span {
    font-size: 0.84rem;
  }

  .admin-customers-item--compact .admin-customers-card__secondary {
    font-size: 0.78rem;
  }

  .admin-customers-item--compact .admin-customers-card__actions-main {
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 6px;
  }

  .admin-customers-item--compact .admin-customers-card__cta-primary,
  .admin-customers-item--compact .admin-customers-card__cta-secondary,
  .admin-customers-item--compact .admin-customers-card__menu-trigger {
    min-height: 38px;
    border-radius: 10px;
  }

  .admin-customers-item--compact .admin-customers-card__cta-primary {
    font-size: 0.84rem;
    min-width: 0;
  }

  .admin-customers-item--compact .admin-customers-card__cta-secondary {
    min-width: 92px;
    font-size: 0.74rem;
  }

  .admin-customers-item--normal {
    padding: 14px;
    gap: 11px;
  }

  .admin-customers-item--normal .admin-customers-card__name {
    font-size: 1.14rem;
  }

  .admin-customers-item--normal .admin-customers-card__quick-button.ui-button {
    min-height: 36px;
    font-size: 0.78rem;
    padding: 0 11px;
  }

  .admin-customers-item--normal .admin-customers-card__actions-main {
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 8px;
  }

  .admin-customers-item--normal .admin-customers-card__cta-primary,
  .admin-customers-item--normal .admin-customers-card__cta-secondary,
  .admin-customers-item--normal .admin-customers-card__menu-trigger {
    min-height: 40px;
  }

  .admin-customers-card__actions,
  .admin-customers-card__actions-main,
  .admin-customers-card__menu {
    position: relative;
    z-index: 6;
    pointer-events: auto;
  }

  .admin-customers-card__menu-list {
    z-index: 40;
  }

  @media (max-width: 760px) {
    .admin-customers-card__name {
      font-size: 1.16rem;
    }

    .admin-customers-card__actions-main {
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
    }
  }

  @media (max-width: 520px) {
    .admin-customers-card__actions-main {
      grid-template-columns: minmax(0, 1fr) auto auto;
      gap: 6px;
    }

    .admin-customers-card__cta-primary,
    .admin-customers-card__cta-secondary,
    .admin-customers-card__menu-trigger {
      min-height: 36px;
      width: auto;
    }

    .admin-customers-card__cta-secondary {
      min-width: 94px;
      padding-inline: 10px;
      font-size: 0.74rem;
    }

    .admin-customers-card__menu-trigger {
      min-width: 42px;
      padding-inline: 0;
    }

    .admin-customers-card__quick-actions {
      gap: 6px;
    }

    .admin-customers-card__quick-button.ui-button {
      min-height: 34px;
      font-size: 0.72rem;
      padding-inline: 8px;
    }
  }

  /* Admin refinement pack (customers + drawer + orders) */
  .admin-customers-card__name {
    font-size: clamp(1.04rem, 1.9vw, 1.18rem);
  }

  .admin-customers-card__quick-button.ui-button {
    min-height: 34px;
    font-size: 0.74rem;
    padding-inline: 10px;
  }

  .admin-customers-card__actions-main {
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 6px;
  }

  .admin-customers-card__cta-primary,
  .admin-customers-card__cta-secondary,
  .admin-customers-card__menu-trigger {
    min-height: 38px;
    border-radius: 10px;
  }

  .admin-customers-card__cta-primary {
    min-width: 0;
    padding-inline: 0.9rem;
    font-size: 0.84rem;
  }

  .admin-customers-card__cta-secondary {
    min-width: 92px;
    padding-inline: 0.72rem;
    font-size: 0.74rem;
  }

  .admin-customers-card__menu-trigger {
    min-width: 42px;
    font-size: 1.08rem;
  }

  .admin-entity-drawer__section {
    gap: 7px;
  }

  .admin-customer-detail-section__header {
    align-items: center;
  }

  .admin-customer-detail-section__header h3 {
    margin: 0;
  }

  .admin-customer-segment-hint {
    color: #7d6554;
    font-size: 0.72rem;
    font-weight: 600;
  }

  .admin-customer-segment-popover--compact {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
  }

  .admin-customer-segment-popover--compact .admin-customer-segment-popover__trigger {
    width: auto;
    min-height: 32px;
    padding: 0 10px 0 0;
    border: 0;
    border-radius: 999px;
    background: transparent;
    box-shadow: none;
    gap: 6px;
  }

  .admin-customer-segment-popover--compact .admin-customer-segment-popover__trigger:hover {
    border: 0;
    box-shadow: none;
  }

  .admin-customer-segment-popover--compact .admin-customer-segment-popover__trigger.is-open {
    border: 0;
    box-shadow: none;
  }

  .admin-customer-segment-popover--compact .admin-customer-segment-popover__trigger:disabled {
    opacity: 0.74;
  }

  .admin-customer-segment--interactive {
    min-height: 28px;
    padding-inline: 11px;
    font-size: 0.66rem;
  }

  .admin-customer-segment-popover__caret {
    color: #765d4c;
    font-size: 0.76rem;
    font-weight: 800;
  }

  .admin-customer-segment-popover--compact .admin-customer-segment-picker__options {
    min-width: min(380px, calc(100vw - 32px));
    max-width: min(460px, calc(100vw - 32px));
    top: calc(100% + 6px);
  }

  .admin-entity-drawer__notes {
    margin: 0;
    padding: 8px 10px;
    border: 1px dashed #e9d8ca;
    border-radius: 10px;
    background: #fff9f3;
  }

  .admin-loyalty-benefits {
    display: grid;
    gap: 8px;
  }

  .admin-loyalty-benefits-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    align-items: stretch;
  }

  .admin-loyalty-benefits-row__metric {
    border: 1px solid #ead8c9;
    border-radius: 10px;
    background: #fffdf9;
    padding: 8px 9px;
    display: grid;
    gap: 3px;
  }

  .admin-loyalty-benefits-row__metric span {
    color: #745b4a;
    font-size: 0.7rem;
    font-weight: 700;
  }

  .admin-loyalty-benefits-row__metric strong {
    color: #473327;
    font-family: var(--font-family-heading);
    font-size: 1rem;
  }

  .admin-loyalty-benefits-actions__button {
    align-self: center;
    min-height: 36px;
    padding-inline: 0.85rem;
    font-size: 0.78rem;
  }

  .admin-loyalty-benefits-actions {
    display: flex;
    justify-content: flex-start;
  }

  .admin-loyalty-benefits-history {
    padding: 0;
  }

  .admin-loyalty-benefits-history summary {
    list-style: none;
    cursor: pointer;
    padding: 8px 10px;
    color: #5f4839;
    font-size: 0.78rem;
    font-weight: 800;
  }

  .admin-loyalty-benefits-history summary::-webkit-details-marker {
    display: none;
  }

  .admin-loyalty-benefits-history ul {
    padding: 0 10px 10px;
  }

  .admin-customer-orders-list__status {
    border: 1px solid #dfcfbf;
    border-radius: 999px;
    min-height: 24px;
    padding: 0 8px;
    display: inline-flex;
    align-items: center;
    font-size: 0.72rem;
    font-weight: 700;
  }

  .admin-customer-delete-zone {
    border-style: dashed;
    background: linear-gradient(
      180deg,
      var(--brand-surface-elevated) 0%,
      var(--brand-surface-danger) 100%
    );
  }

  .admin-customer-delete-zone__copy {
    font-size: 0.78rem;
  }

  .admin-customer-delete-zone__actions .ui-button {
    min-height: 38px;
    font-size: 0.8rem;
    padding-inline: 0.95rem;
  }

  .admin-order-card__actions-secondary .ui-button {
    min-height: 42px;
    font-size: 0.88rem;
  }

  .admin-order-card__actions-primary .ui-button {
    min-height: 44px;
    font-size: 0.9rem;
  }

  @media (max-width: 760px) {
    .admin-customers-card__name {
      font-size: 1.05rem;
    }

    .admin-customers-card__actions-main {
      grid-template-columns: minmax(0, 1fr) auto auto;
      gap: 5px;
    }

    .admin-customers-card__cta-secondary {
      min-width: 86px;
      font-size: 0.72rem;
    }

    .admin-customers-card__menu-trigger {
      min-width: 38px;
    }

    .admin-loyalty-benefits-row {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .admin-loyalty-benefits-actions {
      justify-content: flex-start;
    }

    .admin-loyalty-benefits-actions__button {
      width: auto;
      max-width: 100%;
    }
  }

/* src/styles/admin-interactions.css [layer:components] */
  /* Admin interaction behavior shared across tabs/actions */
  .admin-tabs button,
  .admin-action,
  .admin-customers-card__quick-button,
  .admin-customers-card__cta-secondary,
  .admin-customers-card__menu-trigger {
    transition:
      transform var(--motion-fast) ease,
      background-color var(--motion-fast) ease,
      border-color var(--motion-fast) ease,
      box-shadow var(--motion-fast) ease,
      color var(--motion-fast) ease;
  }

  .admin-tabs button:focus-visible,
  .admin-action:focus-visible,
  .admin-customers-card__quick-button:focus-visible,
  .admin-customers-card__cta-secondary:focus-visible,
  .admin-customers-card__menu-trigger:focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px var(--focus-ring);
  }

  .admin-tabs button:hover:not(:disabled),
  .admin-action:hover:not(:disabled),
  .admin-customers-card__quick-button:hover:not(:disabled),
  .admin-customers-card__cta-secondary:hover:not(:disabled),
  .admin-customers-card__menu-trigger:hover:not(:disabled) {
    transform: translateY(-1px);
    box-shadow: var(--interactive-shadow-soft);
  }

  .admin-tabs button:disabled,
  .admin-action:disabled,
  .admin-customers-card__quick-button:disabled,
  .admin-customers-card__cta-secondary:disabled,
  .admin-customers-card__menu-trigger:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
  }

  .admin-action {
    border-radius: var(--radius-control);
    min-height: var(--control-height-md);
  }

  .admin-action--danger:hover:not(:disabled) {
    background: #ffe8e7;
    border-color: #e1aca9;
  }

/* src/styles/admin-customers-components.css [layer:components] */
  /* Customers component governance layer
   * Loaded after admin.css to stabilize density and CTA hierarchy.
   */
  .admin-customers-card__name {
    font-size: clamp(1.02rem, 1.5vw, 1.16rem);
    line-height: 1.08;
  }

  .admin-customers-card__quick-actions {
    gap: var(--space-1);
  }

  .admin-customers-card__quick-button.ui-button {
    min-height: var(--control-height-sm);
    padding-inline: var(--space-1);
    font-size: var(--font-size-sm);
    border-radius: var(--radius-pill);
  }

  .admin-customers-card__actions-main {
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: var(--space-1);
  }

  .admin-customers-card__cta-primary.ui-button,
  .admin-customers-card__cta-secondary.ui-button,
  .admin-customers-card__menu-trigger {
    min-height: var(--control-height-md);
    border-radius: var(--radius-control);
  }

  .admin-customers-card__cta-primary.ui-button {
    min-width: 0;
    padding-inline: var(--space-2);
    font-size: 0.84rem;
  }

  .admin-customers-card__cta-secondary.ui-button {
    min-width: 92px;
    padding-inline: var(--space-1-5);
    font-size: 0.74rem;
  }

  .admin-customers-card__menu-trigger {
    min-width: 42px;
  }

  @media (max-width: 760px) {
    .admin-customers-card__header {
      grid-template-columns: minmax(0, 1fr);
      gap: var(--space-1);
    }

    .admin-customers-card__quick-actions {
      justify-content: flex-start;
    }
  }

  @media (max-width: 520px) {
    .admin-customers-card__actions-main {
      grid-template-columns: minmax(0, 1fr) auto auto;
      gap: var(--space-0-5);
    }

    .admin-customers-card__quick-button.ui-button {
      min-height: 34px;
      font-size: 0.72rem;
      padding-inline: 8px;
    }

    .admin-customers-card__cta-primary.ui-button,
    .admin-customers-card__cta-secondary.ui-button,
    .admin-customers-card__menu-trigger {
      min-height: 36px;
    }
  }

/* src/styles/order.css [layer:components] */
  .sheet-backdrop {
    position: fixed;
    inset: 0;
    z-index: 30;
    background: rgba(32, 23, 18, 0.5);
    backdrop-filter: blur(3px);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: max(clamp(8px, 2.4vw, 18px), calc(var(--safe-top) + 8px)) clamp(8px, 2.4vw, 18px)
      max(
        clamp(8px, 2.4vw, 18px),
        calc(var(--safe-bottom) + 8px),
        calc(var(--sc-keyboard-inset) + 8px)
      );
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior-x: none;
    overscroll-behavior-y: contain;
    touch-action: pan-y;
    -webkit-overflow-scrolling: touch;
  }

  .order-sheet {
    width: min(560px, calc(100% - 4px));
    max-height: min(
      calc(
        var(--sc-viewport-height) - max(var(--safe-top), 8px) -
          max(var(--safe-bottom), var(--sc-keyboard-inset)) - 16px
      ),
      740px
    );
    overflow-y: auto;
    overflow-x: hidden;
    background: #fffdfb;
    border-radius: 20px 20px 0 0;
    padding: clamp(12px, 2.5vw, 20px) clamp(11px, 2.4vw, 20px)
      calc(clamp(12px, 2.5vw, 20px) + var(--safe-bottom));
    box-shadow: 0 20px 34px rgba(34, 21, 14, 0.3);
    animation: sheet-up var(--motion-base) ease-out;
    overscroll-behavior-y: contain;
    overscroll-behavior-x: none;
    touch-action: pan-y;
    min-width: 0;
    -webkit-overflow-scrolling: touch;
  }

  .admin-login-sheet .order-form {
    margin-top: 10px;
  }

  .order-sheet__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-2);
  }

  .order-sheet__header h2 {
    margin: 0;
    font-family: var(--font-family-heading);
  }

  .order-sheet__header p {
    margin: 4px 0 0;
    color: var(--muted);
    font-size: 0.92rem;
    line-height: 1.4;
  }

  .order-sheet__close {
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 999px;
    background: #f3e4d6;
    color: var(--text);
    font-size: 1.35rem;
    line-height: 1;
    transition:
      transform var(--motion-fast) ease,
      background-color var(--motion-fast) ease;
  }

  .order-sheet__items {
    margin: 0.9rem 0 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 8px;
    min-width: 0;
  }

  .order-sheet__items li {
    background: var(--surface-alt);
    border: 1px solid var(--border);
    border-radius: 11px;
    padding: 8px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 12px;
    min-width: 0;
  }

  .order-sheet__items li div {
    display: grid;
    gap: 2px;
    min-width: 0;
  }

  .order-sheet__items li span {
    color: var(--muted);
    font-size: 0.82rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .order-sheet__items li strong {
    overflow-wrap: anywhere;
  }

  .order-sheet__empty {
    margin: 12px 0;
    color: #7a5d4d;
    font-size: 0.9rem;
    background: #fff8f1;
    border: 1px dashed #e8d3c3;
    border-radius: 12px;
    padding: 10px 12px;
  }

  .order-sheet__item-actions {
    display: inline-grid;
    grid-auto-flow: row;
    justify-items: end;
    gap: 6px;
    align-content: start;
  }

  .order-sheet__item-actions .quantity-control {
    margin: 0;
    display: inline-flex;
  }

  .order-sheet__item-actions .quantity-control__button {
    width: 23px;
    height: 23px;
  }

  .order-sheet__item-actions .quantity-control__value {
    min-width: 26px;
    height: 23px;
    font-size: 0.8rem;
  }

  .order-sheet__item-actions strong {
    white-space: nowrap;
  }

  .order-sheet__remove {
    border: 0;
    background: transparent;
    color: #8f4f2d;
    font-size: 0.78rem;
    font-weight: 700;
    text-decoration: underline;
    padding: 0;
  }

  .order-sheet__remove:disabled {
    opacity: 0.5;
    text-decoration: none;
  }

  .order-sheet__total {
    margin: 0.85rem 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 700;
  }

  .order-form {
    display: grid;
    gap: var(--space-2);
    min-width: 0;
    overflow-x: clip;
  }

  .order-form .ui-field,
  .order-form .ui-field__input {
    min-width: 0;
    max-width: 100%;
  }

  .profile-completion-modal {
    width: min(520px, calc(100% - 4px));
  }

  .profile-completion-modal__form {
    margin-top: 12px;
  }

  .order-form .ui-field__input[type="date"] {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    min-inline-size: 0;
  }

  .order-form__date-shortcuts {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: -8px;
    min-width: 0;
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
  }

  .order-form__date-chip {
    min-height: 30px;
    border: 1px solid #dfc7b6;
    border-radius: 999px;
    background: #fff;
    color: #70482f;
    padding: 0 12px;
    font-size: 0.78rem;
    font-weight: 700;
    transition:
      background-color var(--motion-fast) ease,
      border-color var(--motion-fast) ease,
      color var(--motion-fast) ease;
  }

  @media (max-width: 520px) {
    .order-sheet {
      border-radius: 16px 16px 0 0;
      padding: 11px 10px calc(11px + var(--safe-bottom));
    }

    .order-sheet__header h2 {
      font-size: 1.2rem;
    }

    .order-sheet__header p {
      font-size: 0.84rem;
    }

    .order-sheet__items {
      gap: 7px;
    }

    .order-sheet__items li {
      gap: 10px;
      padding: 7px 8px;
    }

    .order-form {
      gap: 12px;
    }
  }

  .order-form__date-chip--active {
    border-color: #cc7c47;
    background: #fff1e3;
    color: #8f4f24;
  }

  .order-form__notes {
    min-height: 88px;
    resize: vertical;
    line-height: 1.4;
  }

  .order-form__notes-counter {
    font-size: 0.75rem;
    color: #7a5e4d;
    justify-self: end;
  }

  .order-form__submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 0;
    border-radius: 12px;
    background: linear-gradient(135deg, var(--primary), var(--primary-strong));
    color: #fff;
    min-height: 48px;
    font-weight: 800;
    box-shadow: 0 12px 22px rgba(113, 54, 27, 0.26);
    transition:
      filter var(--motion-fast) ease,
      transform var(--motion-fast) ease;
  }

  .order-form__submit:disabled {
    opacity: 0.7;
  }

  .order-form__submit-icon {
    width: 17px;
    height: 17px;
    object-fit: contain;
  }

  .order-sheet__message {
    margin: 0.75rem 0 0;
    border-radius: 12px;
    padding: 12px;
    font-size: 0.9rem;
    border: 1px solid #e6d3c3;
    background: #fff7ef;
    line-height: 1.4;
  }

  .order-sheet__message p {
    margin: 0;
  }

  .order-sheet__message p + p {
    margin-top: 7px;
  }

  .order-sheet__message a {
    color: var(--primary-strong);
    font-weight: 800;
    text-decoration: none;
  }

  .order-sheet__message--success {
    color: #7a4b2d;
  }

  .order-sheet__message--error {
    color: var(--error);
    font-weight: 700;
    background: #fff3f2;
    border-color: #edc3c1;
  }

  .thank-you-modal {
    border-radius: 20px;
    animation: thank-you-pop var(--motion-slow) ease-out;
  }

  .thank-you-modal__header {
    display: grid;
    gap: 6px;
    margin-bottom: 10px;
  }

  .thank-you-modal__eyebrow {
    margin: 0;
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-weight: 800;
    color: #8e552f;
  }

  .thank-you-modal__header h2 {
    margin: 0;
    font-family: var(--font-family-heading);
    line-height: 1.2;
  }

  .thank-you-modal__celebrate {
    margin: 0;
    color: #b0622d;
    letter-spacing: 0.06em;
    font-size: 1rem;
    animation: thank-you-float 2.2s ease-in-out infinite;
  }

  .thank-you-modal__content {
    display: grid;
    gap: 10px;
    color: #5f4738;
  }

  .thank-you-modal__content p {
    margin: 0;
    line-height: 1.48;
  }

  .thank-you-modal__content a {
    color: var(--primary-strong);
    font-weight: 700;
  }

  .thank-you-modal__meta {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 8px;
  }

  .thank-you-modal__meta li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    background: #fff5eb;
    border: 1px solid #ead5c6;
    border-radius: 12px;
    padding: 9px 10px;
  }

  .thank-you-modal__meta span {
    color: #7a5e4e;
    font-size: 0.86rem;
  }

  .thank-you-modal__meta strong {
    color: #402b21;
    font-size: 0.92rem;
    text-align: right;
  }

  .thank-you-modal__button {
    margin: 16px auto 0;
    width: min(280px, 100%);
    display: flex;
    margin-inline: auto;
    justify-content: center;
    align-items: center;
    min-height: 46px;
    border-radius: 999px;
    box-shadow: 0 14px 24px rgba(152, 84, 42, 0.26);
    animation: thank-you-button-enter var(--motion-base) ease-out;
  }

  .thank-you-modal__button:active {
    transform: scale(0.96);
  }

  .history-modal {
    width: min(640px, 100%);
    max-height: min(
      calc(
        var(--sc-viewport-height) - max(var(--safe-top), 8px) -
          max(var(--safe-bottom), var(--sc-keyboard-inset)) - 20px
      ),
      760px
    );
    overflow: auto;
    border-radius: 20px;
    background: linear-gradient(180deg, #fffefc 0%, #fff8f2 100%);
    border: 1px solid #ebd9ca;
    box-shadow: 0 16px 26px rgba(86, 54, 35, 0.2);
  }

  .history-modal__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
  }

  .history-modal__header h2 {
    margin: 0;
    font-family: var(--font-family-heading);
    font-size: clamp(1.18rem, 2.6vw, 1.5rem);
    line-height: 1.15;
    color: #412d20;
  }

  .history-modal__header p {
    margin: 4px 0 0;
    color: #735b4b;
    font-size: 0.84rem;
    line-height: 1.4;
  }

  .history-modal .order-sheet__close {
    width: var(--control-height-sm);
    height: var(--control-height-sm);
    font-size: 1.16rem;
    background: #f6e9dc;
    border: 1px solid #e5cfbe;
  }

  .history-modal__actions {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 12px;
  }

  .history-modal__actions--bottom {
    margin-top: 14px;
    justify-content: center;
  }

  .history-modal__notice {
    margin: 12px 0;
    border-radius: var(--radius-control);
    border: 1px dashed #e7d3c3;
    background: #fff8f0;
    padding: var(--space-1) var(--space-1-5);
    color: #6f5446;
    font-size: 0.88rem;
  }

  .history-modal__state {
    margin: 12px 0;
    border-radius: var(--radius-control);
    border: 1px solid #e8d7c9;
    background: #fff9f3;
    padding: var(--space-1-5);
    display: grid;
    gap: var(--space-1);
  }

  .history-modal__state h3 {
    margin: 0;
    font-family: var(--font-family-heading);
    font-size: 1.01rem;
    line-height: 1.2;
    color: #4d3426;
  }

  .history-modal__state p {
    margin: 0;
    color: #6f5446;
    font-size: var(--font-size-sm);
    line-height: 1.45;
  }

  .history-modal__state--empty {
    border-color: #e5d6c7;
    background: linear-gradient(180deg, #fffaf4 0%, #fff4ea 100%);
  }

  .history-modal__state--error {
    border-color: #e5c9c6;
    background: linear-gradient(180deg, #fff6f6 0%, #ffeeed 100%);
  }

  .history-modal__state-actions {
    margin-top: 2px;
    display: flex;
    justify-content: flex-start;
  }

  .history-modal__list {
    margin: 12px 0 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 10px;
  }

  .history-modal__item {
    background: linear-gradient(180deg, #fff9f2 0%, #fff5ec 100%);
    border: 1px solid #ecd9ca;
    border-radius: 14px;
    padding: 11px;
    display: grid;
    gap: 7px;
  }

  .history-modal__item-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px;
  }

  .history-modal__item-head strong:first-child {
    font-family: var(--font-family-heading);
    color: #4a3124;
    font-size: 1.03rem;
    line-height: 1.2;
  }

  .history-modal__item-price {
    color: #935126;
    font-size: 1.06rem;
    white-space: nowrap;
  }

  .history-modal__item-status {
    min-height: 24px;
    border-radius: 999px;
    border: 1px solid #ddccbe;
    background: #fff6eb;
    padding: 0 10px;
    display: inline-flex;
    align-items: center;
    width: max-content;
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
  }

  .history-modal__item-status--success {
    border-color: #c8dfc7;
    background: #edf8ed;
    color: #2f6a44;
  }

  .history-modal__item-status--warning {
    border-color: #e8d6bc;
    background: #fff5e8;
    color: #83512e;
  }

  .history-modal__item-status--danger {
    border-color: #e8cbc8;
    background: #faefef;
    color: #8d3d36;
  }

  .history-modal__item-meta {
    margin: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px 10px;
  }

  .history-modal__item-meta div {
    min-width: 0;
    border: 1px solid #ecdccd;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.76);
    padding: 6px 8px;
    display: grid;
    gap: 2px;
  }

  .history-modal__item-meta dt {
    margin: 0;
    color: #886d5a;
    font-size: 0.64rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 800;
  }

  .history-modal__item-meta dd {
    margin: 0;
    color: #50382b;
    font-size: 0.82rem;
    line-height: 1.25;
    font-weight: 700;
    overflow-wrap: anywhere;
  }

  .history-modal__item--success {
    border-color: #cfe3d0;
  }

  .history-modal__item--danger {
    border-color: #e6d0cc;
  }

  @keyframes thank-you-pop {
    0% {
      opacity: 0;
      transform: translateY(10px) scale(0.97);
    }

    100% {
      opacity: 1;
      transform: translateY(0) scale(1);
    }
  }

  @keyframes thank-you-float {
    0%,
    100% {
      transform: translateY(0);
      opacity: 0.95;
    }

    50% {
      transform: translateY(-3px);
      opacity: 1;
    }
  }

  @keyframes thank-you-button-enter {
    0% {
      opacity: 0;
      transform: translateY(6px) scale(0.98);
    }

    100% {
      opacity: 1;
      transform: translateY(0) scale(1);
    }
  }

/* src/styles/responsive.css [layer:screens] */
  @media (min-width: 700px) {
    .storefront-hero {
      grid-template-columns: minmax(0, 1fr);
      align-items: start;
    }

    .catalog-section {
      padding: clamp(16px, 2.1vw, 24px);
    }

    .catalog-toolbar__controls {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      align-items: end;
    }

    .catalog-toolbar__chips {
      flex-wrap: wrap;
      overflow: visible;
    }

    .product-grid {
      gap: 12px;
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .product-card__action-slot {
      grid-template-columns: auto minmax(0, 1fr);
      gap: 12px;
    }

    .product-card__price {
      font-size: clamp(1.5rem, 1.95vw, 1.88rem);
    }

    .product-card__add,
    .product-card__quantity-wrap {
      width: min(178px, 88%);
      justify-self: end;
    }

    .creators-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .admin-page {
      padding: var(--space-3) var(--space-4) var(--space-5);
    }

    .admin-topbar {
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: center;
      gap: 10px;
    }

    .admin-topbar__actions {
      width: 238px;
    }

    .admin-form-row {
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: end;
    }

    .admin-form-row .ui-button {
      justify-self: end;
      min-width: 160px;
    }

    .admin-module-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .admin-tab-intro {
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: center;
    }

    .admin-tab-intro__actions {
      min-width: 220px;
    }

    .admin-products-toolbar {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      align-items: end;
    }

    .admin-products-filters-collapse {
      grid-column: 1 / -1;
    }

    .admin-orders-toolbar__form,
    .admin-customers-toolbar {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      align-items: end;
    }

    .admin-orders-date-presets {
      grid-column: 1 / -1;
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .admin-orders-toolbar__actions {
      grid-column: auto;
      max-width: 220px;
      justify-self: start;
    }

    .admin-products-toolbar__actions {
      grid-column: 1 / -1;
      max-width: 420px;
      justify-self: end;
    }

    .admin-metric-grid {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .admin-production-form {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      align-items: end;
    }

    .admin-production-date-presets {
      grid-column: 1 / -1;
    }

    .admin-production-form .ui-field {
      grid-column: 1 / span 2;
    }

    .admin-production-form__submit {
      grid-column: 3;
      min-width: 168px;
    }
  }

  @media (min-width: 768px) {
    .sheet-backdrop {
      align-items: center;
    }

    .order-sheet {
      border-radius: 20px;
      width: min(560px, calc(100% - 24px));
    }

    .app-topbar {
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: center;
      gap: 7px;
    }

    .app-topbar__identity {
      grid-template-columns: 50px minmax(0, 1fr);
    }

    .app-topbar__actions {
      width: min(310px, 40vw);
    }

    .app-topbar__action {
      min-height: 35px;
    }

    .admin-shell {
      padding: 12px;
    }

    .admin-tabs {
      grid-auto-flow: unset;
      grid-auto-columns: unset;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      overflow: hidden;
    }

    .admin-form-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .admin-form-grid--filters {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .admin-advanced-filters {
      padding: 10px;
    }

    .admin-advanced-filters > summary {
      display: none;
    }

    .admin-tab-content--split {
      grid-template-columns: 1fr 1.2fr;
      align-items: start;
    }

    .admin-active-context {
      grid-template-columns: auto minmax(0, 1fr);
      align-items: center;
      column-gap: 10px;
    }

    .admin-active-context__kicker {
      margin-right: 2px;
    }

    .admin-active-context h3 {
      margin: 0;
    }

    .admin-active-context p {
      grid-column: 2;
    }
  }

  @media (min-width: 980px) {
    .storefront-entry {
      grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
      align-items: start;
      gap: 10px;
    }
  }

  @media (max-width: 960px) {
    .admin-orders-layout {
      grid-template-columns: 1fr;
    }

    .admin-order-card {
      padding: 16px;
      gap: 12px;
    }

    .admin-order-card__top {
      align-items: flex-start;
    }

    .admin-order-card__title {
      font-size: clamp(1.24rem, 4.1vw, 1.46rem);
    }

    .admin-order-card__total {
      font-size: clamp(1.86rem, 6.6vw, 2.3rem);
      line-height: 1;
    }

    .admin-order-card__content {
      grid-template-columns: 1fr;
      gap: 12px;
    }

    .admin-order-card__main,
    .admin-order-card__meta-panel {
      gap: 10px;
    }

    .admin-order-card__label {
      font-size: 0.9rem;
    }

    .admin-order-card__value-main,
    .admin-order-card__value-highlight,
    .admin-order-card__meta-panel strong {
      font-size: 1.14rem;
    }

    .admin-order-card__created-at {
      font-size: 0.92rem;
    }

    .admin-order-card__actions-secondary,
    .admin-order-card__actions-primary {
      grid-template-columns: 1fr;
    }

    .admin-order-card__actions .ui-button {
      min-height: 40px;
      font-size: 0.86rem;
    }
  }

  @media (max-width: 767px) {
    .storefront-hero__actions {
      grid-template-columns: 1fr;
    }

    .storefront-hero__catalog-link {
      justify-self: stretch;
      text-align: left;
    }

    .order-sheet {
      width: min(100%, 560px);
      border-radius: 18px 18px 0 0;
    }

    .order-sheet__items li {
      grid-template-columns: 1fr;
      gap: 8px;
    }

    .order-sheet__item-actions {
      justify-items: stretch;
    }

    .history-modal__item {
      gap: 8px;
    }

    .history-modal__item-meta {
      grid-template-columns: 1fr;
    }

    .cart-summary {
      grid-template-columns: minmax(0, 1fr) auto;
    }

    .admin-tab-intro__actions {
      width: 100%;
    }

    .admin-tab-intro__actions .ui-button {
      width: 100%;
    }

    .admin-products-toolbar,
    .admin-orders-toolbar__form,
    .admin-customers-toolbar {
      grid-template-columns: 1fr;
    }

    .admin-products-toolbar__actions {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .admin-orders-toolbar__actions {
      width: 100%;
    }

    .admin-orders-search__meta {
      align-items: flex-start;
    }

    .admin-segmented button {
      font-size: 0.78rem;
      min-height: 40px;
    }

    .admin-production-form .ui-button {
      justify-self: stretch;
    }

    .admin-production-date-presets {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 6px;
    }

    .admin-production-date-presets button {
      min-height: 34px;
      font-size: 0.72rem;
    }

    .admin-toast-stack {
      top: calc(8px + var(--safe-top));
      right: 8px;
      width: min(420px, calc(100vw - 16px));
    }

    .admin-products-item {
      flex-direction: row;
      align-items: flex-start;
    }

    .admin-products-item__media {
      width: 72px;
      min-width: 72px;
      grid-template-columns: 1fr;
      align-items: start;
    }

    .admin-products-item__media img,
    .admin-products-item__media-empty {
      width: 72px;
      height: 72px;
    }

    .admin-products-item__header {
      display: grid;
      gap: 5px;
    }

    .admin-products-item__actions {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 6px;
    }

    .admin-order-card__actions {
      display: grid;
      grid-template-columns: 1fr;
    }

    .admin-order-group {
      border-radius: 16px;
      padding: 10px;
    }

    .admin-customers-card__header {
      align-items: flex-start;
    }

    .admin-customers-card__quick-actions {
      width: 100%;
      justify-content: flex-start;
    }

    .admin-order-card__actions-secondary,
    .admin-order-card__actions-primary,
    .admin-info-grid {
      grid-template-columns: 1fr;
    }

    .admin-entity-drawer__footer {
      grid-template-columns: 1fr;
    }

    .admin-products-stock-editor {
      grid-template-columns: 1fr;
    }

    .admin-products-stock-editor__buttons {
      grid-auto-flow: row;
      grid-auto-columns: unset;
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .admin-product-drawer__images {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .admin-product-drawer__header,
    .admin-product-drawer__tabs,
    .admin-product-drawer__footer,
    .admin-entity-drawer__header,
    .admin-entity-drawer__footer {
      position: static;
      border: 0;
      padding: 0;
      background: transparent;
    }
  }

  @media (max-width: 480px) {
    .app-topbar__phone {
      gap: 4px 6px;
    }

    .app-topbar__actions {
      gap: 5px;
    }

    .app-topbar__action {
      min-height: 40px;
    }

    .cart-summary {
      min-height: 58px;
    }

    .cart-summary__button {
      min-height: 40px;
      min-width: 132px;
      padding-inline: 0.75rem;
      font-size: 0.82rem;
    }

    .cart-summary__label {
      font-size: 0.62rem;
    }

    .catalog-product-detail-modal__actions {
      grid-template-columns: 1fr;
    }

    .catalog-product-detail-modal__dismiss {
      width: 100%;
    }

    .catalog-toolbar__chips button {
      min-height: 40px;
    }
  }

  @media (max-width: 420px) {
    .page {
      padding-left: 10px;
      padding-right: 10px;
      gap: 12px;
    }

    .app-topbar {
      padding: 6px;
      gap: 5px;
    }

    .app-topbar__identity {
      grid-template-columns: 44px minmax(0, 1fr);
      gap: 6px;
    }

    .app-topbar__logo {
      width: 44px;
      height: 44px;
    }

    .app-topbar__title {
      font-size: 0.86rem;
    }

    .app-topbar__phone {
      font-size: 0.7rem;
    }

    .app-topbar__action {
      min-height: 40px;
      padding-inline: 7px;
      font-size: 0.74rem;
    }

    .product-card {
      min-height: 322px;
    }

    .product-card__content {
      padding: 10px 10px 6px;
    }

    .product-card__content h3 {
      font-size: 0.96rem;
    }

    .product-card__price {
      font-size: 1.42rem;
    }

    .product-card__action-slot {
      gap: 6px;
    }

    .quantity-control {
      margin: 0;
    }

    .creator-card {
      grid-template-columns: 74px minmax(0, 1fr);
      gap: 8px;
    }

    .creator-card__photo {
      width: 74px;
      height: 92px;
    }

    .admin-topbar__brand {
      grid-template-columns: 44px minmax(0, 1fr);
    }

    .admin-topbar__logo {
      width: 44px;
      height: 44px;
    }

    .admin-tabs button {
      min-height: 40px;
      font-size: 0.76rem;
    }

    .admin-confirm-modal__actions {
      grid-template-columns: 1fr;
    }

    .admin-module-card__actions {
      width: 100%;
    }

    .admin-metric-grid {
      grid-template-columns: 1fr;
    }

    .admin-products-item__actions {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .admin-products-item__actions .ui-button {
      min-height: 32px;
      font-size: 0.72rem;
    }

    .admin-customers-card__actions-main {
      width: 100%;
    }

    .admin-product-drawer__tabs {
      grid-template-columns: 1fr;
    }

    .admin-product-drawer__footer {
      grid-template-columns: 1fr;
    }

    .admin-toast {
      padding: 8px 10px;
    }

    .admin-toast p {
      font-size: 0.8rem;
    }
  }

  @media (max-width: 375px) {
    .product-grid {
      gap: 8px;
    }

    .catalog-section {
      padding: 10px;
    }

    .product-card {
      min-height: 300px;
    }

    .product-card img {
      min-height: 130px;
    }

    .catalog-toolbar__controls {
      grid-template-columns: 1fr;
    }

    .phone-gate__card {
      padding: 10px;
    }

    .cart-summary__line {
      font-size: 0.76rem;
    }

    .cart-summary__button {
      min-width: 118px;
      padding-inline: 0.65rem;
      font-size: 0.78rem;
    }

    .admin-product-drawer__images {
      grid-template-columns: 1fr;
    }
  }

  @media (max-width: 360px) {
    .page {
      padding-left: 8px;
      padding-right: 8px;
    }

    .app-topbar__identity {
      grid-template-columns: 40px minmax(0, 1fr);
      gap: 5px;
    }

    .app-topbar__logo {
      width: 40px;
      height: 40px;
    }

    .app-topbar__actions {
      grid-template-columns: 1fr;
      gap: 4px;
    }

    .app-topbar__action {
      font-size: 0.72rem;
      min-height: 40px;
      padding-inline: 6px;
    }

    .product-card {
      min-height: 296px;
    }

    .product-card img {
      min-height: 122px;
    }

    .catalog-toolbar__chips button {
      min-height: 40px;
      font-size: 0.68rem;
    }

    .cart-summary {
      grid-template-columns: 1fr;
      gap: 7px;
      padding: 8px;
    }

    .cart-summary__button {
      width: 100%;
      min-width: 0;
    }

    .admin-page {
      padding-left: 8px;
      padding-right: 8px;
    }

    .admin-topbar__actions,
    .admin-quick-actions {
      grid-template-columns: 1fr;
    }
  }

  /* Real breakpoint stabilization pack (F-MFE-075) */
  @media (min-width: 700px) and (max-width: 959px) {
    .product-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .catalog-toolbar__controls {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .catalog-toolbar__clear {
      grid-column: 1 / -1;
    }
  }

  @media (min-width: 960px) {
    .product-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (min-width: 1280px) {
    .admin-orders-layout {
      grid-template-columns: minmax(340px, 420px) minmax(0, 1fr);
    }

    .admin-customers-layout {
      grid-template-columns: minmax(320px, 390px) minmax(0, 1fr);
    }
  }

  @media (max-width: 1120px) {
    .admin-customers-layout {
      grid-template-columns: minmax(0, 1fr);
    }

    .admin-customers-layout__filters {
      position: static;
    }
  }

  @media (max-width: 900px) {
    .admin-orders-date-presets {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .admin-order-card__title {
      font-size: 1.02rem;
    }

    .admin-order-card__total {
      font-size: 1.54rem;
    }

    .admin-order-card__meta-panel article,
    .admin-order-card__block {
      padding: 9px 10px;
    }

    .admin-order-card__value-main,
    .admin-order-card__meta-panel strong {
      font-size: 0.98rem;
    }
  }

  @media (max-width: 767px) {
    .page {
      padding-left: max(10px, calc(var(--safe-left) + 4px));
      padding-right: max(10px, calc(var(--safe-right) + 4px));
    }

    .admin-page {
      padding-left: max(10px, calc(var(--safe-left) + 4px));
      padding-right: max(10px, calc(var(--safe-right) + 4px));
    }

    .admin-tabs {
      grid-auto-columns: minmax(126px, 1fr);
    }

    .admin-orders-summary-card__metrics span {
      min-height: 30px;
      font-size: 0.74rem;
    }

    .admin-orders-active-filters__chips {
      gap: 5px;
    }

    .admin-orders-active-filters__chip {
      min-height: 30px;
    }

    .admin-customers-item {
      padding: 11px;
      border-radius: 16px;
    }

    .admin-customers-card__name {
      font-size: 1.02rem;
      line-height: 1.1;
    }

    .admin-customers-card__quick-button {
      min-height: 34px;
      font-size: 0.74rem;
      padding-inline: 9px;
    }

    .admin-customers-card__segment {
      min-height: 22px;
      font-size: 0.62rem;
      padding-inline: 8px;
    }

    .admin-customers-card__secondary {
      font-size: 0.82rem;
    }

    .admin-customers-card__actions-main {
      grid-template-columns: minmax(0, 1fr) auto auto;
      gap: 6px;
    }

    .admin-customers-card__cta-primary,
    .admin-customers-card__cta-secondary,
    .admin-customers-card__menu-trigger {
      min-height: 38px;
      font-size: 0.78rem;
    }

    .admin-customers-card__cta-secondary {
      min-width: 90px;
      padding-inline: 10px;
    }

    .admin-customers-card__menu-trigger {
      min-width: 40px;
    }
  }

  @media (max-width: 520px) {
    .admin-orders-date-presets {
      grid-template-columns: 1fr;
    }

    .admin-orders-toolbar__actions {
      width: 100%;
    }

    .admin-orders-toolbar__actions .ui-button {
      width: 100%;
    }

    .admin-orders-summary-card,
    .admin-orders-backlog-card {
      padding: 10px;
    }

    .admin-customers-summary {
      padding: 9px;
    }

    .admin-customers-summary h4 {
      font-size: 0.98rem;
    }

    .admin-customers-card__quick-actions {
      gap: 5px;
    }

    .admin-customers-card__actions-main {
      grid-template-columns: minmax(0, 1fr) auto auto;
      gap: 5px;
    }

    .admin-customers-card__cta-primary,
    .admin-customers-card__cta-secondary,
    .admin-customers-card__menu-trigger {
      min-height: 36px;
      border-radius: 9px;
    }

    .admin-customers-card__cta-secondary {
      min-width: 82px;
      font-size: 0.72rem;
    }

    .admin-customers-card__menu-trigger {
      min-width: 38px;
    }
  }

  @media (orientation: landscape) and (max-height: 540px) {
    .page,
    .admin-page {
      padding-top: max(8px, calc(var(--safe-top) + 6px));
      padding-bottom: calc(6rem + var(--safe-bottom));
      gap: 8px;
    }

    .sheet-backdrop {
      align-items: center;
    }

    .order-sheet {
      width: min(720px, calc(100% - 20px));
      border-radius: 18px;
      max-height: min(calc(var(--sc-viewport-height) - max(var(--safe-top), 8px) - 16px), 680px);
    }

    .cart-summary {
      bottom: max(0.35rem, var(--safe-bottom), var(--sc-keyboard-inset));
      min-height: 56px;
    }
  }

  @media (min-width: 1024px) {
    .page {
      align-items: start;
    }

    .admin-page {
      padding-left: var(--space-4);
      padding-right: var(--space-4);
    }
  }