.demo-esim-filters { display: flex; flex-wrap: wrap; gap: 8px; margin: 24px 0 12px; }
.demo-esim-filters button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 46px; padding: 10px 16px; border: 1px solid #d7ded3; border-radius: 12px; color: var(--ink-soft); background: #fffefa; font-size: 13px; font-weight: 650; }
.demo-esim-filters button[aria-pressed="true"] { border-color: var(--orange); background: var(--orange-light); color: var(--orange-dark); box-shadow: inset 0 0 0 1px var(--orange); }
.demo-esim-filters button > span { display: inline-flex; align-items: center; justify-content: center; min-width: 22px; height: 22px; padding: 0 5px; border-radius: 7px; background: #263e3410; font-size: 11px; }
.demo-esim-summary { margin-bottom: 20px; font-size: 12px; }
.demo-esims-page .esim-card-head { flex-wrap: wrap; }
.demo-esims-page .status-pill { margin-left: auto; }
@media(max-width:640px) {
  .demo-esim-filters { display: grid; grid-template-columns: 1.35fr .8fr 1fr; gap: 5px; }
  .demo-esim-filters button { padding: 8px 5px; gap: 4px; font-size: 10px; border-radius: 10px; }
  .demo-esim-filters button > span { min-width: 18px; height: 20px; padding: 0 3px; font-size: 10px; }
}