\
:root { --card-radius: 18px; }

body.app-shell{
  min-height: 100vh;
  background:
    radial-gradient(1200px 600px at 10% 0%, rgba(13,110,253,.12), transparent 60%),
    radial-gradient(900px 500px at 90% 10%, rgba(32,201,151,.14), transparent 60%);
}

.glass{
  background: rgba(255,255,255,.78);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(0,0,0,.06);
}

.card{ border-radius: var(--card-radius); }
.btn, .form-control, .form-select, .badge{ border-radius: 12px; }
.mono{ font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; }
.truncate-2{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }

/* Fallback para badges: asegura fondo y color visibles si Bootstrap falla */
.badge{
  display:inline-block;
  padding:.35em .65em;
  font-size:.875em;
  background-color:#f8f9fa;
  color:#212529;
  border:1px solid rgba(0,0,0,.08);
}
.badge.rounded-pill{ padding:.35em .8em; border-radius:999px; }

.text-bg-light{ background-color:#f8f9fa !important; color:#212529 !important; }
.text-bg-primary-subtle{ background-color:rgba(13,110,253,.08) !important; color:#0d6efd !important; }
.text-bg-success-subtle{ background-color:rgba(25,135,84,.08) !important; color:#198754 !important; }
.text-bg-secondary-subtle{ background-color:rgba(108,117,125,.08) !important; color:#6c757d !important; }

/* Client list styles */
.client-item{ border-radius:12px; }
.client-item .card-body{ gap:1rem; }
.client-main .fs-5{ color:#111827; }
.client-actions .btn{ min-width:84px; }
.client-item:hover{ transform:translateY(-2px); box-shadow:0 6px 18px rgba(15,23,42,.06); transition:all .18s ease; }

@media (max-width:767px){
  .client-actions{ width:100%; text-align:left !important; margin-top:0.75rem; }
  .client-actions .d-flex{ align-items:flex-start; }
}

/* Footer responsive */
.site-footer{
  border-top:1px solid rgba(0,0,0,.06);
  margin-left:-12px;
  margin-right:-12px;
  padding-left:12px;
  padding-right:12px;
}

@media (max-width:576px){
  .site-footer{
    font-size:0.8rem;
    padding:1rem 0.75rem;
  }
  .site-footer .container{ padding-left:0.5rem; padding-right:0.5rem; }
}