/* public/assets/app.css - Tema escuro (Bootstrap 5) */
:root{
  --app-bg: #0b1220;
  --app-surface: #0f1a2b;
  --app-surface-2: #111f33;
  --app-border: rgba(255,255,255,.08);
  --app-text: #e6edf3;
  --app-muted: rgba(230,237,243,.7);
}

html, body { height: 100%; }
body{
  background: radial-gradient(1200px 500px at 20% 0%, rgba(30,90,200,.25), transparent 60%),
              radial-gradient(1000px 500px at 80% 0%, rgba(0,180,255,.12), transparent 55%),
              var(--app-bg) !important;
  color: var(--app-text);
}

/* Navbar */
.navbar{ border-bottom: 1px solid var(--app-border); }
.navbar.bg-dark{ background-color: rgba(8, 14, 25, .85) !important; backdrop-filter: blur(6px); }

/* Cards */
.card{
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));
  background-color: var(--app-surface);
  border: 1px solid var(--app-border);
  border-radius: 16px;
}
.card .card-body{ color: var(--app-text); }

/* Text */
.text-muted{ color: var(--app-muted) !important; }
a{ color: #7ab7ff; }
a:hover{ color: #a6d2ff; }

/* Tables */
.table{
  --bs-table-color: var(--app-text);
  --bs-table-bg: transparent;
  --bs-table-border-color: var(--app-border);
}
.table thead th{
  color: rgba(230,237,243,.85);
  border-bottom: 1px solid var(--app-border) !important;
}
.table-striped > tbody > tr:nth-of-type(odd) > *{
  --bs-table-accent-bg: rgba(255,255,255,.03);
  color: var(--app-text);
}

/* Inputs */
.form-control, .form-select{
  background-color: rgba(255,255,255,.04) !important;
  border: 1px solid var(--app-border) !important;
  color: var(--app-text) !important;
  border-radius: 12px;
}
.form-control::placeholder{ color: rgba(230,237,243,.5) !important; }
.form-control:focus, .form-select:focus{
  box-shadow: 0 0 0 .25rem rgba(13,110,253,.25) !important;
  border-color: rgba(13,110,253,.45) !important;
}

/* Buttons */
.btn{ border-radius: 12px; }
.btn-outline-secondary{
  color: rgba(230,237,243,.8);
  border-color: var(--app-border);
}
.btn-outline-secondary:hover{
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.18);
}

/* Badges */
.badge.bg-secondary{ background-color: rgba(255,255,255,.12) !important; }
.badge.bg-info{ color: #061018; }
.badge.bg-warning{ color: #1d1200; }

/* Alerts */
.alert{
  border-radius: 14px;
  border: 1px solid var(--app-border);
}
.alert-info{
  background-color: rgba(13,110,253,.12);
  color: rgba(230,237,243,.92);
}

/* Progress */
.progress{
  background-color: rgba(255,255,255,.06);
  border: 1px solid var(--app-border);
  border-radius: 999px;
  height: 14px;
}
.progress-bar{ border-radius: 999px; }
