.state-msg{display:flex;flex-direction:column;align-items:center;gap:8px;padding:40px 24px;border:1px solid var(--color-border-light);border-radius:var(--radius-card, 24px);background:var(--surface, var(--color-bg-card));text-align:center}.state-msg__icon{display:grid;place-items:center;width:52px;height:52px;margin-bottom:4px;border-radius:16px;background:var(--color-primary-light);color:var(--color-primary)}.state-msg__icon svg{width:26px;height:26px}.state-msg--error .state-msg__icon{background:color-mix(in srgb,var(--color-danger) 12%,transparent);color:var(--color-danger)}.state-msg__title{margin:0;color:var(--color-text-primary);font-size:17px;font-weight:700;line-height:1.35}.state-msg__text{max-width:380px;margin:0;color:var(--color-text-secondary);font-size:14.5px;line-height:1.55}.state-msg__action{display:inline-flex;align-items:center;height:42px;margin-top:8px;padding:0 20px;border:0;border-radius:var(--radius-pill);background:var(--accent-gradient);color:var(--accent-on);font:700 14px/1 var(--font-ui, inherit);text-decoration:none;cursor:pointer}.state-msg--compact{padding:16px;border:0;background:none}.state-msg--compact .state-msg__icon{width:40px;height:40px;border-radius:12px}.state-msg--compact .state-msg__title{font-size:14.5px;font-weight:600}.state-msg--compact .state-msg__action{height:36px;padding:0 14px;font-size:13px}