/*
  Theme refresh overrides - loaded after style.css.
  Purpose: modernize look (color, spacing, shadows, typography) without touching
  the base Ela Admin template or any page markup/logic.
*/

:root {
  --brand-primary: #2f6fed;
  --brand-primary-dark: #1e56c7;
  --brand-accent: #14b8a6;
  --brand-success: #1fac6b;
  --brand-danger: #e5484d;
  --brand-warning: #f5a524;
  --brand-text: #2b2f38;
  --brand-muted: #6b7280;
  --brand-bg: #f4f6fa;
  --brand-radius: 10px;
  --brand-shadow: 0 2px 10px rgba(30, 41, 59, 0.08);
  --brand-shadow-hover: 0 6px 20px rgba(30, 41, 59, 0.12);
}

body {
  background: var(--brand-bg);
  color: var(--brand-text);
  font-size: 14.5px;
}

/* Cards */
.card {
  border: none;
  border-radius: var(--brand-radius);
  box-shadow: var(--brand-shadow);
  transition: box-shadow .2s ease, transform .2s ease;
}
.card:hover {
  box-shadow: var(--brand-shadow-hover);
}
.card-title {
  border-bottom: 1px solid #eef0f4;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

/* Dashboard stat cards get a touch more breathing room */
.widget-ten {
  padding: 6px 4px;
}
.widget-ten h2 {
  font-weight: 700;
  letter-spacing: .3px;
}

/* Buttons */
.btn {
  border-radius: 6px;
  font-weight: 600;
  letter-spacing: .2px;
}
.btn-primary {
  background-color: var(--brand-primary);
  border-color: var(--brand-primary);
}
.btn-primary:hover, .btn-primary:focus {
  background-color: var(--brand-primary-dark);
  border-color: var(--brand-primary-dark);
}
.btn-success { background-color: var(--brand-success); border-color: var(--brand-success); }
.btn-danger  { background-color: var(--brand-danger);  border-color: var(--brand-danger); }
.btn-warning { background-color: var(--brand-warning); border-color: var(--brand-warning); color: #fff; }

.text-primary { color: var(--brand-primary) !important; }

/* Tables */
.table-bordered, .table-bordered td, .table-bordered th {
  border-color: #eef0f4;
}
.table th {
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: .4px;
  color: var(--brand-muted);
  background: #f9fafc;
}
.table-hover tbody tr:hover {
  background-color: #f4f8ff;
}
.table td, .table th {
  vertical-align: middle;
}

/* Forms */
.form-control {
  border-radius: 6px;
  border: 1px solid #e1e5ec;
}
.form-control:focus {
  border-color: var(--brand-primary);
  box-shadow: 0 0 0 3px rgba(47, 111, 237, 0.15);
}
label.control-label {
  font-weight: 600;
  color: var(--brand-text);
}

/* Sidebar + header polish */
.left-sidebar {
  box-shadow: 1px 0 6px rgba(0,0,0,0.04);
}
#sidebarnav > li > a.active,
#sidebarnav > li.active > a {
  color: var(--brand-primary);
  font-weight: 600;
}
.topbar, .navbar.top-navbar {
  box-shadow: 0 1px 6px rgba(0,0,0,0.06);
}

/* Breadcrumb / page title area */
.page-titles {
  background: #fff;
  border-radius: var(--brand-radius);
  box-shadow: var(--brand-shadow);
  padding: 14px 18px;
  margin-bottom: 20px;
}

/* Popups reuse brand colors */
.popup--icon.-success .popup__content { border-top: 4px solid var(--brand-success); }
.popup--icon.-error .popup__content { border-top: 4px solid var(--brand-danger); }