/* =========================================================
   SalesPro Design System — SPDS 1.1 / Componentes base
   Version 3.2.6.41
   Capa de normalización progresiva para panel y tienda.
   ========================================================= */

/* ---------- Base compartida ---------- */
.spds-admin,
.spds-store {
  color:var(--sp-text-primary);
  font-family:var(--sp-font-family);
  font-size:var(--sp-font-14);
  line-height:var(--sp-line-body);
}

.spds-admin :where(button,input,select,textarea),
.spds-store :where(button,input,select,textarea) {
  font:inherit;
}

.spds-admin :where(h1,h2,h3,h4,p),
.spds-store :where(h1,h2,h3,h4,p) { text-wrap:pretty; }

/* ---------- Tipografía ---------- */
.spds-admin :where(.sp-title-1),.spds-store :where(.sp-title-1){font-size:clamp(var(--sp-font-36),4vw,var(--sp-font-48));line-height:var(--sp-line-tight);font-weight:var(--sp-weight-black);letter-spacing:-.04em}
.spds-admin :where(.sp-title-2),.spds-store :where(.sp-title-2){font-size:var(--sp-font-36);line-height:var(--sp-line-title);font-weight:var(--sp-weight-bold);letter-spacing:-.03em}
.spds-admin :where(.sp-title-3),.spds-store :where(.sp-title-3){font-size:var(--sp-font-28);line-height:var(--sp-line-title);font-weight:var(--sp-weight-bold);letter-spacing:-.025em}
.spds-admin :where(.sp-title-4),.spds-store :where(.sp-title-4){font-size:var(--sp-font-22);line-height:var(--sp-line-title);font-weight:var(--sp-weight-semibold)}

/* ---------- Botones oficiales y puente legado ---------- */
.spds-admin :where(.sp-btn,.btn,button.btn,a.btn),
.spds-store :where(.sp-btn,.sp-store-btn) {
  min-height:var(--sp-control-md);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:var(--sp-space-8);
  padding:0 var(--sp-space-16);
  border:1px solid transparent;
  border-radius:var(--sp-radius-16);
  color:var(--sp-text-inverse)!important;
  background:var(--sp-color-primary);
  font-size:var(--sp-font-14);
  font-weight:var(--sp-weight-bold);
  line-height:1;
  text-decoration:none!important;
  cursor:pointer;
  box-shadow:var(--sp-shadow-sm);
  transition:background var(--sp-duration-fast) var(--sp-easing),border-color var(--sp-duration-fast) var(--sp-easing),box-shadow var(--sp-duration-fast) var(--sp-easing),transform var(--sp-duration-fast) var(--sp-easing),color var(--sp-duration-fast) var(--sp-easing);
}
.spds-admin :where(.sp-btn,.btn,button.btn,a.btn):hover,
.spds-store :where(.sp-btn,.sp-store-btn):hover {background:var(--sp-color-primary-hover);box-shadow:var(--sp-shadow-md);transform:translateY(-1px)}
.spds-admin :where(.sp-btn,.btn,button.btn,a.btn):active,
.spds-store :where(.sp-btn,.sp-store-btn):active {background:var(--sp-color-primary-active);transform:none}
.spds-admin :where(.sp-btn,.btn,button.btn,a.btn):focus-visible,
.spds-store :where(.sp-btn,.sp-store-btn):focus-visible {outline:0;box-shadow:0 0 0 4px var(--sp-color-focus)}
.spds-admin :where(.sp-btn,.btn,button.btn,a.btn)[disabled],
.spds-store :where(.sp-btn,.sp-store-btn)[disabled] {opacity:.5;pointer-events:none}

.spds-admin :where(.sp-btn--secondary,.sp-btn-secondary,.btn.secondary,.btn-secondary,.btn-sec),
.spds-store :where(.sp-store-btn.is-secondary,.sp-store-btn.secondary) {
  color:var(--sp-text-primary)!important;
  border-color:var(--sp-border);
  background:var(--sp-surface-1);
  box-shadow:none;
}
.spds-admin :where(.sp-btn--secondary,.sp-btn-secondary,.btn.secondary,.btn-secondary,.btn-sec):hover,
.spds-store :where(.sp-store-btn.is-secondary,.sp-store-btn.secondary):hover {border-color:var(--sp-border-strong);background:var(--sp-surface-2)}
.spds-admin :where(.sp-btn--ghost,.btn.ghost,.btn-ghost){color:var(--sp-text-secondary)!important;background:transparent;box-shadow:none}
.spds-admin :where(.sp-btn--danger,.btn.danger,.btn-danger){color:#fff!important;background:var(--sp-danger-600)}
.spds-admin :where(.sp-btn--success,.btn.success,.btn-success){color:#fff!important;background:var(--sp-success-600)}
.spds-admin :where(.sp-btn--sm,.btn.small,.btn-sm){min-height:var(--sp-control-sm);padding:0 var(--sp-space-12);border-radius:var(--sp-radius-8);font-size:var(--sp-font-12)}
.spds-admin :where(.sp-btn--lg,.btn.large,.btn-lg){min-height:var(--sp-control-lg);padding:0 var(--sp-space-24);font-size:var(--sp-font-16)}

/* ---------- Tarjetas ---------- */
.spds-admin :where(.sp-card,.sp-panel,.card,.panel,.data-card,.table-card,.quote-card,.catalog-card),
.spds-store :where(.sp-card,.sp-store-card) {
  border:1px solid var(--sp-border);
  border-radius:var(--sp-radius-24);
  background:var(--sp-surface-1);
  box-shadow:var(--sp-shadow-sm);
}
.spds-admin :where(.sp-card,.card,.data-card,.quote-card,.catalog-card){padding:var(--sp-space-24)}
.spds-admin :where(.sp-panel,.panel,.table-card){overflow:hidden}
.spds-admin :where(.card,.panel,.data-card,.table-card,.quote-card,.catalog-card):hover {border-color:var(--sp-border-strong)}
.spds-admin :where(.card h2,.card h3,.panel h2,.panel h3){color:var(--sp-text-primary);font-weight:var(--sp-weight-bold);letter-spacing:-.02em}

/* ---------- Formularios ---------- */
.spds-admin :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea,.sp-control,.sp-select,.sp-textarea),
.spds-store :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea) {
  width:100%;
  min-height:var(--sp-control-md);
  padding:10px var(--sp-space-12);
  border:1px solid var(--sp-border);
  border-radius:var(--sp-radius-16);
  color:var(--sp-text-primary);
  background:var(--sp-surface-1);
  font-size:var(--sp-font-14);
  font-weight:var(--sp-weight-medium);
  outline:0;
  box-shadow:none;
  transition:border-color var(--sp-duration-fast) var(--sp-easing),box-shadow var(--sp-duration-fast) var(--sp-easing),background var(--sp-duration-fast) var(--sp-easing);
}
.spds-admin :where(textarea,.sp-textarea),.spds-store textarea{min-height:112px;resize:vertical}
.spds-admin :where(input,select,textarea,.sp-control,.sp-select,.sp-textarea):hover,
.spds-store :where(input,select,textarea):hover {border-color:var(--sp-border-strong)}
.spds-admin :where(input,select,textarea,.sp-control,.sp-select,.sp-textarea):focus,
.spds-store :where(input,select,textarea):focus {border-color:var(--sp-color-secondary);box-shadow:0 0 0 4px var(--sp-color-focus)}
.spds-admin :where(input,select,textarea)[disabled],.spds-store :where(input,select,textarea)[disabled]{color:var(--sp-text-muted);background:var(--sp-surface-2);cursor:not-allowed}
.spds-admin :where(label,.label,.sp-label),.spds-store label{color:var(--sp-text-secondary);font-size:var(--sp-font-14);font-weight:var(--sp-weight-semibold)}
.spds-admin :where(.muted,.help,.sp-help),.spds-store :where(.muted,.help){color:var(--sp-text-muted);font-size:var(--sp-font-12)}
.spds-admin :where(input[type="checkbox"],input[type="radio"]),.spds-store :where(input[type="checkbox"],input[type="radio"]){accent-color:var(--sp-color-primary)}

/* ---------- Tablas ---------- */
.spds-admin :where(.sp-table-wrap,.table-wrap,.table-card){width:100%;overflow:auto;border:1px solid var(--sp-border);border-radius:var(--sp-radius-24);background:var(--sp-surface-1);box-shadow:var(--sp-shadow-sm);-webkit-overflow-scrolling:touch}
.spds-admin :where(table,.sp-table){width:100%;border-collapse:separate;border-spacing:0;background:transparent}
.spds-admin :where(table thead th,.sp-table th){padding:var(--sp-space-12) var(--sp-space-16);border-bottom:1px solid var(--sp-border);color:var(--sp-text-muted);background:var(--sp-surface-2);font-size:var(--sp-font-12);font-weight:var(--sp-weight-bold);letter-spacing:.06em;text-align:left;text-transform:uppercase;white-space:nowrap}
.spds-admin :where(table tbody td,.sp-table td){padding:var(--sp-space-16);border-bottom:1px solid var(--sp-border);color:var(--sp-text-primary);font-size:var(--sp-font-14);vertical-align:middle}
.spds-admin :where(table tbody tr:last-child td,.sp-table tbody tr:last-child td){border-bottom:0}
.spds-admin :where(table tbody tr,.sp-table tbody tr){transition:background var(--sp-duration-fast) var(--sp-easing)}
.spds-admin :where(table tbody tr:hover,.sp-table tbody tr:hover){background:var(--sp-surface-2)}

/* ---------- Badges ---------- */
.spds-admin :where(.sp-badge,.badge),.spds-store :where(.sp-badge,.badge){min-height:26px;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid var(--sp-border);border-radius:var(--sp-radius-pill);color:var(--sp-text-secondary);background:var(--sp-surface-2);font-size:var(--sp-font-12);font-weight:var(--sp-weight-bold);line-height:1;white-space:nowrap}
.spds-admin :where(.sp-badge--success,.badge.success,.badge.is-success){color:var(--sp-success-700);border-color:color-mix(in srgb,var(--sp-success-600) 24%,transparent);background:var(--sp-success-50)}
.spds-admin :where(.sp-badge--warning,.badge.warning,.badge.is-warning){color:var(--sp-warning-700);border-color:color-mix(in srgb,var(--sp-warning-600) 24%,transparent);background:var(--sp-warning-50)}
.spds-admin :where(.sp-badge--danger,.badge.danger,.badge.is-danger){color:var(--sp-danger-700);border-color:color-mix(in srgb,var(--sp-danger-600) 24%,transparent);background:var(--sp-danger-50)}
.spds-admin :where(.sp-badge--info,.badge.info,.badge.is-info){color:var(--sp-info-700);border-color:color-mix(in srgb,var(--sp-info-600) 24%,transparent);background:var(--sp-info-50)}
.spds-admin :where(.sp-badge--primary,.badge.primary,.badge.active){color:var(--sp-brand-700);border-color:var(--sp-brand-100);background:var(--sp-brand-50)}

/* ---------- Alertas ---------- */
.spds-admin :where(.sp-alert,.alert,.notice),.spds-store :where(.sp-alert,.alert,.notice){display:flex;align-items:flex-start;gap:var(--sp-space-12);padding:var(--sp-space-16);border:1px solid var(--sp-border);border-radius:var(--sp-radius-16);color:var(--sp-text-secondary);background:var(--sp-surface-2);font-size:var(--sp-font-14);font-weight:var(--sp-weight-medium);line-height:var(--sp-line-body)}
.spds-admin :where(.sp-alert--success,.alert.success,.notice.success){color:var(--sp-success-700);border-color:color-mix(in srgb,var(--sp-success-600) 24%,transparent);background:var(--sp-success-50)}
.spds-admin :where(.sp-alert--warning,.alert.warning,.notice.warning){color:var(--sp-warning-700);border-color:color-mix(in srgb,var(--sp-warning-600) 24%,transparent);background:var(--sp-warning-50)}
.spds-admin :where(.sp-alert--danger,.alert.danger,.notice.danger,.alert.error){color:var(--sp-danger-700);border-color:color-mix(in srgb,var(--sp-danger-600) 24%,transparent);background:var(--sp-danger-50)}
.spds-admin :where(.sp-alert--info,.alert.info,.notice.info){color:var(--sp-info-700);border-color:color-mix(in srgb,var(--sp-info-600) 24%,transparent);background:var(--sp-info-50)}

/* ---------- Modales ---------- */
.spds-admin :where(.sp-modal-backdrop,.modal-backdrop,.modal-overlay){background:rgba(9,14,26,.62);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.spds-admin :where(.sp-modal,.modal,.modal-content,.popup-content){border:1px solid var(--sp-border);border-radius:var(--sp-radius-24);background:var(--sp-surface-1);box-shadow:var(--sp-shadow-lg);color:var(--sp-text-primary)}
.spds-admin :where(.sp-modal-head,.modal-header){padding:var(--sp-space-24);border-bottom:1px solid var(--sp-border)}
.spds-admin :where(.sp-modal-body,.modal-body){padding:var(--sp-space-24)}
.spds-admin :where(.sp-modal-actions,.modal-footer){display:flex;justify-content:flex-end;flex-wrap:wrap;gap:var(--sp-space-8);padding:var(--sp-space-16) var(--sp-space-24) var(--sp-space-24);border-top:1px solid var(--sp-border)}

/* ---------- Estados oscuros ---------- */
html[data-theme="dark"] .spds-admin,
body.dark-mode.spds-admin,
html[data-store-mode="dark"] .spds-store {
  --sp-success-50:rgba(5,150,105,.12);
  --sp-warning-50:rgba(217,119,6,.12);
  --sp-danger-50:rgba(220,38,38,.12);
  --sp-info-50:rgba(2,132,199,.12);
  --sp-brand-50:rgba(124,58,237,.14);
  --sp-brand-100:rgba(139,92,246,.24);
}

/* ---------- Responsive ---------- */
@media (max-width:760px){
  .spds-admin :where(.sp-card,.card,.data-card,.quote-card,.catalog-card){padding:var(--sp-space-16);border-radius:var(--sp-radius-16)}
  .spds-admin :where(.sp-modal,.modal,.modal-content,.popup-content){border-radius:var(--sp-radius-24) var(--sp-radius-24) 0 0}
  .spds-admin :where(.sp-modal-head,.sp-modal-body,.modal-header,.modal-body){padding:var(--sp-space-16)}
  .spds-admin :where(.sp-modal-actions,.modal-footer){padding:var(--sp-space-16)}
}

@media (max-width:520px){
  .spds-admin :where(.sp-btn,.btn,button.btn,a.btn):not(.sp-btn--inline):not(.btn-inline){width:100%}
}

/* Approved catalog action primitive. Contextual/small variants remain local.
   Use the unambiguous4px base: historical space8/space12 aliases mean32/48px. */
.spds-admin :where(.sp-catalog-action,.pc-btn,.cat-button){box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--sp-space-4) * 2);min-height:38px;min-width:0;max-width:100%;padding-block:0;padding-inline:calc(var(--sp-space-4) * 3);border:1px solid var(--sp-border);border-radius:var(--sp-radius-8);background:var(--sp-surface-1);color:var(--sp-text-primary);font:inherit;font-size:var(--sp-font-12);font-weight:var(--sp-weight-semibold);line-height:1.35;white-space:normal;overflow-wrap:anywhere;text-decoration:none;cursor:pointer;transition:background-color var(--sp-duration-normal) var(--sp-easing),border-color var(--sp-duration-fast) var(--sp-easing),color var(--sp-duration-fast) var(--sp-easing),box-shadow var(--sp-duration-fast) var(--sp-easing)}
.spds-admin :where(.sp-catalog-action,.pc-btn,.cat-button):hover:not(:disabled):not([aria-disabled="true"]){border-color:var(--sp-brand-400)}
.spds-admin :where(.sp-catalog-action,.pc-btn,.cat-button):focus-visible{outline:2px solid var(--sp-color-primary);outline-offset:2px}
.spds-admin :where(.sp-catalog-action,.pc-btn,.cat-button):is(:disabled,[aria-disabled="true"]){opacity:.5;cursor:default}
.spds-admin :is(.sp-catalog-action,.pc-btn,.cat-button)>svg{width:16px;height:16px;flex-shrink:0}
@media(max-width:900px){.spds-admin :where(.sp-catalog-action,.pc-btn,.cat-button){min-height:44px}}

/* Dashboard catalog actions: one color authority, no new palette. */
.spds-admin :is(.sp-catalog-action--primary,.pc-btn--primary,.cat-button--primary){border-color:var(--sp-brand-600);background-color:var(--sp-brand-600);background-image:linear-gradient(135deg,transparent,var(--sp-accent-500));color:var(--sp-text-inverse);box-shadow:0 6px 15px color-mix(in srgb,var(--sp-brand-600) 24%,transparent);transition:background-color var(--sp-duration-normal) var(--sp-easing),border-color var(--sp-duration-fast) var(--sp-easing),color var(--sp-duration-fast) var(--sp-easing),box-shadow var(--sp-duration-fast) var(--sp-easing),transform var(--sp-duration-fast) var(--sp-easing)}
/* Keep the gradient image stable: gradient-to-solid background transitions flash. */
@media(hover:hover){.spds-admin :is(.sp-catalog-action--primary,.pc-btn--primary,.cat-button--primary):hover:not(:disabled):not([aria-disabled="true"]){background-color:var(--sp-accent-500);border-color:var(--sp-accent-500);color:var(--sp-text-inverse)}}
.spds-admin :is(.sp-catalog-action--primary,.pc-btn--primary,.cat-button--primary):active:not(:disabled):not([aria-disabled="true"]){background-color:var(--sp-accent-500);border-color:var(--sp-accent-500)}
.spds-admin :is(.sp-catalog-action--secondary,.cat-button--quiet){border-color:var(--sp-border);background:var(--sp-surface-1);color:var(--sp-text-primary);box-shadow:none}
.spds-admin :is(.sp-catalog-action--secondary,.cat-button--quiet):hover{border-color:var(--sp-brand-400);background:var(--sp-surface-1);color:var(--sp-text-primary)}
@media(prefers-reduced-motion:reduce){.spds-admin :is(.sp-catalog-action,.pc-btn,.cat-button,.sp-catalog-action--primary,.pc-btn--primary,.cat-button--primary){transition:none}}

/* Feedback primitive: compact copy, token colors, no role-specific overrides. */
.spds-admin :is(.sp-feedback-alert,.sp-feedback-toast){box-sizing:border-box;display:grid;grid-template-columns:16px minmax(0,1fr);align-items:start;gap:calc(var(--sp-space-4) * 2);padding:calc(var(--sp-space-4) * 2);border:1px solid var(--sp-border);border-radius:var(--sp-radius-8);background:var(--sp-surface-1);color:var(--sp-text-primary);font-size:var(--sp-font-12);line-height:var(--sp-line-body);min-width:0;max-width:100%}
.spds-admin .sp-feedback-alert[hidden],.spds-admin .sp-feedback-region[hidden]{display:none}
.spds-admin .sp-feedback-copy{min-width:0;display:grid;gap:var(--sp-space-4);overflow-wrap:anywhere}.spds-admin .sp-feedback-copy strong{font-size:var(--sp-font-12);font-weight:var(--sp-weight-semibold)}.spds-admin .sp-feedback-copy p{margin:0;font:inherit;color:var(--sp-text-primary)}
.spds-admin :is(.sp-feedback-icon,.sp-feedback-alert>svg){width:16px;height:16px;display:block;margin-top:var(--sp-space-4)}.spds-admin .sp-feedback-icon svg{width:16px;height:16px;display:block}
.spds-admin .sp-feedback-alert[data-feedback-type=success]{background:var(--sp-success-50);border-color:color-mix(in srgb,var(--sp-success-600) 24%,var(--sp-border));color:var(--sp-success-700)}.spds-admin .sp-feedback-alert[data-feedback-type=error]{background:var(--sp-danger-50);border-color:color-mix(in srgb,var(--sp-danger-600) 24%,var(--sp-border));color:var(--sp-danger-700)}.spds-admin .sp-feedback-alert[data-feedback-type=warning]{background:var(--sp-warning-50);color:var(--sp-warning-700)}.spds-admin .sp-feedback-alert[data-feedback-type=info]{background:var(--sp-info-50);color:var(--sp-info-700)}
.spds-admin .sp-feedback-alert+.sp-feedback-alert{margin-top:calc(var(--sp-space-4) * 2)}
.spds-admin .sp-feedback-alert--fallback{grid-template-columns:minmax(0,1fr) auto}.spds-admin .sp-feedback-alert--fallback>p{margin:0;min-width:0}
.spds-admin .sp-feedback-region{position:fixed;right:var(--sp-space-16);bottom:calc(var(--sp-space-16) + env(safe-area-inset-bottom,0px));z-index:13000;display:grid;gap:calc(var(--sp-space-4) * 2);width:min(360px,calc(100vw - 32px));max-height:min(45dvh,360px);overflow:auto;overscroll-behavior:contain;padding:var(--sp-space-4);box-sizing:border-box}
.spds-admin .sp-feedback-toast{grid-template-columns:16px minmax(0,1fr) 44px;box-shadow:var(--sp-shadow-md);animation:sp-feedback-enter var(--sp-duration-normal) var(--sp-easing)}.spds-admin .sp-feedback-toast[data-feedback-type=success]>.sp-feedback-icon{color:var(--sp-success-700)}.spds-admin .sp-feedback-toast[data-feedback-type=error]>.sp-feedback-icon{color:var(--sp-danger-700)}.spds-admin .sp-feedback-toast[data-feedback-type=warning]>.sp-feedback-icon{color:var(--sp-warning-700)}.spds-admin .sp-feedback-toast[data-feedback-type=info]>.sp-feedback-icon{color:var(--sp-info-700)}
.spds-admin .sp-feedback-close{display:grid;place-items:center;width:44px;min-height:44px;padding:0;border:0;border-radius:var(--sp-radius-8);background:transparent;color:var(--sp-text-secondary);font:inherit;font-size:var(--sp-font-12);cursor:pointer}.spds-admin .sp-feedback-close .sp-feedback-icon{margin:0}.spds-admin .sp-feedback-close:hover{background:var(--sp-surface-2)}.spds-admin .sp-feedback-close:focus-visible{outline:2px solid var(--sp-color-primary);outline-offset:-2px}
@keyframes sp-feedback-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.spds-admin .sp-feedback-toast{animation:none}}

/* Native confirmation keeps all corners rounded; no generic bottom-sheet rule. */
.spds-admin .sp-confirm-dialog{width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 32px);box-sizing:border-box;overflow:auto;padding:0;border:1px solid var(--sp-border);border-radius:var(--sp-radius-24);background:var(--sp-surface-1);color:var(--sp-text-primary);box-shadow:var(--sp-shadow-lg)}.sp-confirm-dialog::backdrop{background:color-mix(in srgb,var(--sp-text-primary) 45%,transparent)}
.spds-admin .sp-confirm-dialog header,.spds-admin .sp-confirm-body{padding:var(--sp-space-16)}.spds-admin .sp-confirm-dialog h2{margin:0;font-size:var(--sp-font-18);font-weight:var(--sp-weight-semibold)}.spds-admin .sp-confirm-body p{margin:0;font-size:var(--sp-font-14);color:var(--sp-text-secondary);overflow-wrap:anywhere}.spds-admin .sp-confirm-dialog footer{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:calc(var(--sp-space-4) * 2);padding:var(--sp-space-16)}.spds-admin .sp-confirm-dialog .is-danger{background:var(--sp-danger-600);border-color:var(--sp-danger-600);color:var(--sp-text-inverse)}.spds-admin .sp-confirm-dialog .is-danger:hover{background:var(--sp-danger-700);border-color:var(--sp-danger-700)}
/* Server-driven pages, shared typography and spacing; links retain their URLs. */
.spds-admin .sp-page-nav{display:flex;justify-content:center;margin-block:calc(var(--sp-space-4) * 3);font-size:var(--sp-font-12);color:var(--sp-text-primary)}.spds-admin .sp-page-items{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--sp-space-4);list-style:none;padding:0;margin:0;min-width:0}.spds-admin .sp-page-link{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-space-4);min-width:36px;min-height:36px;padding:var(--sp-space-4) calc(var(--sp-space-4) * 2);border:1px solid transparent;border-radius:var(--sp-radius-8);background:transparent;color:var(--sp-text-primary);text-decoration:none;font-weight:var(--sp-weight-medium);transition:background-color var(--sp-duration-fast) var(--sp-easing),border-color var(--sp-duration-fast) var(--sp-easing)}.spds-admin .sp-page-link svg{width:16px;height:16px;flex-shrink:0}.spds-admin a.sp-page-link:hover{background:var(--sp-surface-2)}.spds-admin .sp-page-link[aria-current=page]{border-color:var(--sp-border-strong);background:var(--sp-surface-1);font-weight:var(--sp-weight-semibold)}.spds-admin .sp-page-link[aria-disabled=true]{opacity:.5;color:var(--sp-text-muted)}.spds-admin .sp-page-link:focus-visible{outline:2px solid var(--sp-color-primary);outline-offset:2px}.spds-admin .sp-page-ellipsis{padding:var(--sp-space-4);color:var(--sp-text-muted)}
@media(max-width:900px){.spds-admin .sp-page-link{min-width:44px;min-height:44px}}@media(prefers-reduced-motion:reduce){.spds-admin .sp-page-link{transition:none}}