/* Subset of the kit's components.css — only the components the reviews section uses.
 * Source: account4all-design-system v1.0.0, css/components.css (verbatim rules).
 * Kept: card, avatar, badge, btn, field, label, input, textarea, fieldset, help,
 * pagination, empty, alert, icon, chip. Dropped ~62%% of the file (dialog, drawer,
 * table, product, steps, tabs, skeleton, switch, progress, ...) which nothing here
 * references. Re-subset from the source when upgrading the kit; do not hand-edit.
 */
.a4a-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-block-size:var(--a4a-control-md);padding:.6rem 1.2rem;border:1px solid transparent;border-radius:var(--a4a-radius-md);font-size:var(--a4a-text-sm);font-weight:700;line-height:1.5;text-decoration:none;background:var(--a4a-primary);color:var(--a4a-on-primary);transition:background var(--a4a-duration-fast),box-shadow var(--a4a-duration-fast),transform var(--a4a-duration-fast)}
.a4a-btn:hover{background:var(--a4a-primary-hover)}
.a4a-btn:active{background:var(--a4a-primary-active);transform:translateY(1px)}
.a4a-btn--gradient{background:var(--a4a-gradient);color:#fff;box-shadow:0 6px 18px rgba(31,30,255,.16)}
.a4a-btn--gradient:hover{background:var(--a4a-gradient);box-shadow:0 8px 24px rgba(31,30,255,.28)}
.a4a-btn--secondary{background:var(--a4a-surface);border-color:var(--a4a-primary);color:var(--a4a-primary)}
.a4a-btn--secondary:hover,.a4a-btn--secondary:active{background:var(--a4a-primary-soft)}
.a4a-btn--soft{background:var(--a4a-primary-soft);color:var(--a4a-primary)}
.a4a-btn--soft:hover,.a4a-btn--soft:active{background:var(--a4a-primary-soft-hover)}
.a4a-btn--ghost{background:transparent;color:var(--a4a-text-secondary)}
.a4a-btn--ghost:hover,.a4a-btn--ghost:active{background:var(--a4a-surface-subtle);color:var(--a4a-text)}
.a4a-btn--danger{background:var(--a4a-danger);color:var(--a4a-surface)}
.a4a-btn--danger:hover,.a4a-btn--danger:active{background:var(--a4a-danger-hover)}
.a4a-btn--sm{min-block-size:var(--a4a-control-sm);padding:.35rem .8rem}
.a4a-btn--lg{min-block-size:var(--a4a-control-lg);padding:.8rem 1.5rem;font-size:1rem}
.a4a-btn--icon{inline-size:var(--a4a-control-md);padding:.5rem;flex-shrink:0}
.a4a-btn--block{inline-size:100%}
.a4a-btn:disabled,.a4a-btn[aria-disabled=true]{background:var(--a4a-border);border-color:var(--a4a-border);color:var(--a4a-text-disabled);box-shadow:none;transform:none;cursor:not-allowed}
.a4a-btn[aria-busy=true]{cursor:progress}
.a4a-badge{display:inline-flex;align-items:center;gap:.35rem;inline-size:fit-content;border-radius:var(--a4a-radius-pill);padding:.2rem .65rem;font-size:var(--a4a-text-xs);font-weight:700;line-height:1.7;background:var(--a4a-primary-soft);color:var(--a4a-primary)}
.a4a-badge--success{background:var(--a4a-success-soft);color:var(--a4a-success)}
.a4a-badge--warning{background:var(--a4a-warning-soft);color:var(--a4a-warning)}
.a4a-badge--danger{background:var(--a4a-danger-soft);color:var(--a4a-danger)}
.a4a-badge--neutral{background:var(--a4a-bg);color:var(--a4a-text-secondary)}
.a4a-badge .a4a-icon{inline-size:.9rem;block-size:.9rem}
.a4a-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .8rem;min-block-size:2.75rem;border:1px solid var(--a4a-border-strong);border-radius:var(--a4a-radius-pill);background:var(--a4a-surface);color:var(--a4a-text);font-size:.875rem}
.a4a-chip[aria-pressed=true]{border-color:var(--a4a-primary);color:var(--a4a-primary);background:var(--a4a-primary-soft)}
.a4a-avatar{display:inline-flex;align-items:center;justify-content:center;inline-size:2.75rem;block-size:2.75rem;flex-shrink:0;border-radius:50%;background:var(--a4a-primary-soft);color:var(--a4a-primary);font-weight:800;overflow:hidden}
.a4a-card{background:var(--a4a-surface);border:1px solid var(--a4a-border);border-radius:var(--a4a-radius-xl);box-shadow:var(--a4a-shadow-sm);overflow:hidden;min-inline-size:0}
.a4a-card__body{padding:var(--a4a-space-6)}
.a4a-card__header,.a4a-card__footer{padding:var(--a4a-space-4) var(--a4a-space-6);display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.a4a-card__header{border-block-end:1px solid var(--a4a-border)}
.a4a-card__footer{border-block-start:1px solid var(--a4a-border);background:var(--a4a-surface-subtle)}
.a4a-field{display:flex;flex-direction:column;gap:.5rem;min-inline-size:0}
.a4a-label{font-size:.875rem;font-weight:700}
.a4a-help{font-size:.875rem;color:var(--a4a-text-secondary);line-height:1.7}
.a4a-input,.a4a-select,.a4a-textarea{inline-size:100%;min-inline-size:0;min-block-size:var(--a4a-control-md);border:1px solid var(--a4a-border-strong);border-radius:var(--a4a-radius-md);padding:.65rem .9rem;background:var(--a4a-surface);color:var(--a4a-text);font-size:1rem;line-height:1.5;transition:border-color var(--a4a-duration-fast)}
.a4a-input::placeholder,.a4a-textarea::placeholder{color:var(--a4a-text-secondary);opacity:1}
.a4a-input:hover,.a4a-select:hover,.a4a-textarea:hover{border-color:var(--a4a-text-secondary)}
.a4a-input:focus,.a4a-select:focus,.a4a-textarea:focus{border-color:var(--a4a-primary)}
.a4a-input[aria-invalid=true],.a4a-select[aria-invalid=true],.a4a-textarea[aria-invalid=true]{border:2px solid var(--a4a-danger)}
.a4a-input:disabled,.a4a-select:disabled,.a4a-textarea:disabled{background:var(--a4a-bg);color:var(--a4a-text-disabled)}
.a4a-input[readonly]{background:var(--a4a-surface-subtle)}
.a4a-textarea{resize:vertical;min-block-size:7rem}
.a4a-input-wrap>.a4a-icon{position:absolute;inset-inline-start:.9rem;color:var(--a4a-text-secondary);pointer-events:none}
.a4a-input-wrap>.a4a-input{padding-inline-start:2.8rem}
.a4a-input-wrap>.a4a-btn{position:absolute;inset-inline-end:1px}
.a4a-input-wrap:has(>.a4a-btn)>.a4a-input{padding-inline-end:3.1rem}
.a4a-fieldset{border:0;padding:0;margin:0;min-inline-size:0}
.a4a-fieldset legend{font-size:.875rem;font-weight:700;margin-block-end:.75rem}
.a4a-alert{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border:1px solid var(--a4a-primary-border);border-radius:var(--a4a-radius-md);background:var(--a4a-info-soft);color:var(--a4a-info);font-size:.875rem}
.a4a-alert>.a4a-icon{margin-block-start:.25rem}
.a4a-alert strong{display:block}
.a4a-alert--success{background:var(--a4a-success-soft);color:var(--a4a-success);border-color:currentColor}
.a4a-alert--warning{background:var(--a4a-warning-soft);color:var(--a4a-warning);border-color:currentColor}
.a4a-alert--danger{background:var(--a4a-danger-soft);color:var(--a4a-danger);border-color:currentColor}
.a4a-toast>.a4a-icon{color:var(--a4a-success)}
.a4a-breadcrumb .a4a-icon{inline-size:1rem;block-size:1rem}
.a4a-pagination{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
.a4a-pagination a{display:inline-flex;align-items:center;justify-content:center;min-inline-size:2.75rem;min-block-size:2.75rem;padding:.5rem;border:1px solid var(--a4a-border-strong);border-radius:.65rem;color:var(--a4a-text);text-decoration:none;font-size:.875rem}
.a4a-pagination [aria-current=page]{background:var(--a4a-primary);color:var(--a4a-on-primary);border-color:var(--a4a-primary)}
.a4a-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;min-block-size:13rem;padding:2rem;text-align:center}
.a4a-empty h3{font-size:1rem}
.a4a-empty p{max-inline-size:28rem;font-size:.875rem;color:var(--a4a-text-secondary)}
.a4a-product__media>.a4a-badge{position:absolute;inset-block-start:.75rem;inset-inline-start:.75rem}
@media(max-width:40rem){
  .a4a-card__body{padding:1rem}
  .a4a-card__header,.a4a-card__footer{padding:1rem}
  .a4a-btn--sm{min-block-size:2.75rem}
}