/* =============================================
   CI3 KIT — Custom CSS
   Only add styles that the Paces template
   does not already provide.
   ============================================= */

/* btn-xs helper (template doesn't define xs) */
.btn-xs { padding: 2px 7px; font-size: 0.72rem; border-radius: 4px; }

/* Soft button variants used in notifications page */
.btn-soft-primary { background: rgba(var(--bs-primary-rgb),.12); color: var(--bs-primary); border: none; }
.btn-soft-primary:hover { background: var(--bs-primary); color: #fff; }
.btn-soft-danger  { background: rgba(var(--bs-danger-rgb),.12);  color: var(--bs-danger);  border: none; }
.btn-soft-danger:hover  { background: var(--bs-danger);  color: #fff; }

/* Avatar toggle-status switch size fix */
.toggle-status { cursor: pointer; }