.sr-card{background:var(--sr-color-surface);border:1px solid var(--sr-color-border);border-radius:var(--sr-radius-card);box-shadow:var(--sr-shadow-rest)}
.sr-badge{display:inline-flex;align-items:center;gap:8px;width:max-content;padding:8px 12px;border-radius:var(--sr-radius-pill);font-size:13px;font-weight:800;line-height:1}
.sr-badge::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px rgba(22,163,74,.10)}
.sr-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:var(--sr-radius-button);padding:16px 22px;font:800 16px/1 var(--sr-font-sans);cursor:pointer;transition:transform var(--sr-transition),box-shadow var(--sr-transition),background var(--sr-transition)}
.sr-button:hover{transform:translateY(-1px);box-shadow:var(--sr-shadow-hover)}
.sr-button:active{transform:scale(.985)}
.sr-button--primary{color:#fff;background:linear-gradient(135deg,var(--sr-color-primary),var(--sr-color-primary-hover))}
.sr-icon{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:14px;background:var(--sr-color-primary-soft);color:var(--sr-color-primary);font-size:20px;flex:0 0 auto}