/* Admin Premium Light — SVV
   - Mantém a sidebar escura (se você já tiver)
   - Clareia o conteúdo e cards
   - Tipografia e espaçamento "PowerBI-like"
*/

:root{
  --radius: 16px;
  --shadow: 0 18px 55px rgba(0,0,0,.08);
  --shadow-sm: 0 10px 30px rgba(0,0,0,.06);

  --brand: #16a34a;     /* verde SVV */
  --brand-2: #0ea5e9;   /* azul acento */
  --danger: #ef4444;
  --warning: #f59e0b;

  --bg: #f4f6fb;
  --panel: #ffffff;
  --panel-2: #fbfcff;

  --text: #0f172a;
  --muted: #64748b;

  --line: rgba(15, 23, 42, .10);
  --line-strong: rgba(15, 23, 42, .14);
}

/* Base */
body.admin-premium{
  background: var(--bg);
  color: var(--text);
}

.admin-topbar{
  background: linear-gradient(180deg, rgba(255,255,255,.95), rgba(255,255,255,.88));
  border: 1px solid var(--line);
  box-shadow: var(--shadow-sm);
  border-radius: var(--radius);
}

/* Cards */
.admin-card, .card{
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow-sm);
}

.admin-card-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--line);
}

.admin-card-title{
  font-weight: 900;
  font-size: 18px;
  letter-spacing: .2px;
}

.admin-card-subtitle{
  margin-top: 4px;
  color: var(--muted);
  font-size: 13px;
}

/* Inputs */
.in, input, select, textarea{
  background: var(--panel-2);
  border: 1px solid var(--line-strong);
  border-radius: 12px;
  padding: 10px 12px;
  outline: none;
  color: var(--text);
}

.in:focus, input:focus, select:focus, textarea:focus{
  border-color: rgba(14,165,233,.55);
  box-shadow: 0 0 0 4px rgba(14,165,233,.12);
}

/* Buttons */
.btn, .btn-admin{
  border-radius: 12px;
  border: 1px solid var(--line-strong);
  background: #fff;
  color: var(--text);
  padding: 9px 12px;
  font-weight: 800;
  cursor: pointer;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.btn:hover, .btn-admin:hover{
  transform: translateY(-1px);
  box-shadow: var(--shadow-sm);
}

.btn-admin-primary{
  background: linear-gradient(135deg, rgba(22,163,74,1), rgba(14,165,233,.95));
  border: none;
  color: #fff;
}

.btn-admin-primary:hover{
  filter: brightness(1.02);
}

/* Table */
.tbl{
  width: 100%;
  border-collapse: collapse;
}

.tbl thead th{
  text-align: left;
  font-size: 12px;
  color: var(--muted);
  letter-spacing: .4px;
  padding: 12px 14px;
  border-bottom: 1px solid var(--line);
  background: linear-gradient(180deg, rgba(248,250,252,.95), rgba(255,255,255,.90));
}

.tbl tbody td{
  padding: 12px 14px;
  border-bottom: 1px solid var(--line);
  vertical-align: top;
}

.tbl tbody tr:hover{
  background: rgba(14,165,233,.04);
}

/* Pills */
.pill{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size: 12px;
  font-weight: 900;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid var(--line-strong);
  background: rgba(15,23,42,.03);
  color: var(--text);
}

.muted{ color: var(--muted); }

/* Small helpers */
.row{ display:flex; gap: 12px; flex-wrap: wrap; }
.w{ min-width: 190px; flex: 1; }