/* Lightweight site theme overrides (keeps AdminLTE/Bootstrap) */
:root {
  --jl-bg: #f6f7fb;
  --jl-surface: #ffffff;
  --jl-text: #0f172a;
  --jl-muted: #64748b;
  --jl-border: rgba(15, 23, 42, 0.08);

  --jl-brand-1: #667eea;
  --jl-brand-2: #764ba2;
  --jl-accent: #22c55e;

  --jl-radius: 16px;
  --jl-shadow: 0 12px 30px rgba(15, 23, 42, 0.10);
  --jl-shadow-sm: 0 6px 18px rgba(15, 23, 42, 0.08);
}

html, body {
  height: 100%;
}

body {
  background: var(--jl-bg);
  color: var(--jl-text);
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji",
    "Segoe UI Emoji";
}

a {
  color: var(--jl-brand-1);
}

a:hover {
  color: var(--jl-brand-2);
}

/* Top nav feels more modern */
.layout-top-nav .main-header.navbar {
  background: rgba(255, 255, 255, 0.82) !important;
  border-bottom: 1px solid var(--jl-border);
  backdrop-filter: blur(10px);
}

/* Content background */
.content-wrapper,
.content {
  background: transparent !important;
}

/* Cards */
.card {
  border: 1px solid var(--jl-border);
  border-radius: var(--jl-radius);
  box-shadow: var(--jl-shadow-sm);
}

.card-header {
  background: transparent;
  border-bottom: 1px solid var(--jl-border);
}

/* Buttons */
.btn {
  border-radius: 12px;
}

.btn-primary {
  border: none;
  background: linear-gradient(135deg, var(--jl-brand-1) 0%, var(--jl-brand-2) 100%);
}

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

.btn-success {
  border: none;
  background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
}

/* Badges */
.badge {
  border-radius: 999px;
}

/* Form controls */
.form-control {
  border-radius: 12px;
  border-color: var(--jl-border);
}

/* Tables */
.table {
  background: var(--jl-surface);
}

/* Reduce harsh default focus; keep accessibility */
:focus {
  outline-color: rgba(102, 126, 234, 0.45);
}