/* RIC360 Retail Unified Premium Design System v2.12 */
:root{
  --ric360-space-2xs:.25rem;
  --ric360-space-xs:.5rem;
  --ric360-space-sm:.75rem;
  --ric360-space-md:1rem;
  --ric360-space-lg:1.5rem;
  --ric360-space-xl:2rem;
  --ric360-space-2xl:3rem;
  --ric360-radius-sm:10px;
  --ric360-radius-md:14px;
  --ric360-radius-lg:20px;
  --ric360-radius-xl:28px;
  --ric360-radius-pill:999px;
  --ric360-shadow-1:0 4px 18px rgba(15,23,42,.06);
  --ric360-shadow-2:0 10px 32px rgba(15,23,42,.09);
  --ric360-shadow-3:0 20px 56px rgba(15,23,42,.12);
  --ric360-motion-fast:120ms;
  --ric360-motion-standard:180ms;
  --ric360-motion-emphasis:260ms;
  --ric360-ease:cubic-bezier(.2,.8,.2,1);
}

[data-ric360-surface]{
  border-radius:var(--ric360-radius-lg);
  box-shadow:var(--ric360-shadow-1);
}

[data-ric360-card]{
  display:grid;
  gap:var(--ric360-space-md);
  padding:var(--ric360-space-lg);
  border-radius:var(--ric360-radius-lg);
  box-shadow:var(--ric360-shadow-1);
}

[data-ric360-toolbar]{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--ric360-space-sm);
  flex-wrap:wrap;
}

[data-ric360-chip],
[data-ric360-badge]{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:32px;
  padding:.375rem .7rem;
  border-radius:var(--ric360-radius-pill);
}

[data-ric360-primary-action],
[data-ric360-secondary-action]{
  min-height:44px;
  border-radius:var(--ric360-radius-md);
  transition:
    transform var(--ric360-motion-fast) var(--ric360-ease),
    box-shadow var(--ric360-motion-standard) var(--ric360-ease),
    opacity var(--ric360-motion-standard) var(--ric360-ease);
}

[data-ric360-primary-action]:not(:disabled):hover,
[data-ric360-secondary-action]:not(:disabled):hover{
  transform:translateY(-1px);
  box-shadow:var(--ric360-shadow-2);
}

[data-ric360-section-header]{
  display:grid;
  gap:var(--ric360-space-xs);
  margin-bottom:var(--ric360-space-lg);
}

[data-ric360-display]{
  font-size:clamp(2rem,4vw,4.5rem);
  line-height:.98;
  letter-spacing:-.035em;
}

[data-ric360-heading]{
  font-size:clamp(1.35rem,2.5vw,2.4rem);
  line-height:1.08;
  letter-spacing:-.02em;
}

[data-ric360-modal],
[data-ric360-drawer]{
  border-radius:var(--ric360-radius-xl);
  box-shadow:var(--ric360-shadow-3);
}

[data-ric360-state="loading"],
[data-ric360-state="empty"],
[data-ric360-state="error"],
[data-ric360-state="success"]{
  border-radius:var(--ric360-radius-lg);
}

@media(max-width:768px){
  [data-ric360-card]{padding:var(--ric360-space-md)}
  [data-ric360-toolbar]{align-items:stretch}
  [data-ric360-primary-action],
  [data-ric360-secondary-action]{min-height:48px}
}

@media(prefers-reduced-motion:reduce){
  [data-ric360-primary-action],
  [data-ric360-secondary-action]{
    transition:none!important;
    transform:none!important;
  }
}