/* Strong, consistent outlines without changing layout */
:root{
  --bg:#101733;--panel:#0f1b3a;--border:#1a2a5a;--input-border:#253b7a;
  --text:#eaf1ff;--silver:#c0c6cf;--head:#12214b;
}

/* Cards / panels */
.card{
  border:1px solid var(--border) !important;
  background:var(--panel) !important;
  border-radius:10px;
}

/* Divider under header */
hr.divider{
  border:0;
  border-top:1px solid var(--border) !important;
  margin:8px 0 0;
}

/* Inputs */
.input,.select,.ta{
  background:var(--panel) !important;
  color:var(--silver) !important;
  border:1px solid var(--input-border) !important;
  border-radius:6px;
}
.input:focus,.select:focus,.ta:focus{
  outline:none;
  box-shadow:0 0 0 2px rgba(159,183,255,.2);
}

/* Fields & pills */
.field{ min-width:0 }
.pill{
  border:1px solid var(--input-border) !important;
  background:rgba(16,23,51,.35) !important;
  padding:.25rem .5rem;border-radius:8px;
}

/* Tables */
.table{ width:100%; border-collapse:collapse }
.table th,.table td{
  border:1px solid var(--border) !important;
  padding:.4rem .5rem; text-align:left; color:var(--silver) !important;
}
.table thead th{
  background:var(--head); color:var(--text) !important;
}

/* Buttons keep site styling but be sure they’re visible */
.btn{ color:var(--text) !important; }