/* ------------------------------------------------------------
   Trackji – Ellenbarrie Backoffice Custom Styles
   Option A Theme (Blue + Green + Orange)
------------------------------------------------------------- */

:root {
  --primary:   #1E88E5;  /* blue */
  --secondary: #26C6DA;  /* teal gradient mix */
  --success:   #43A047;  /* green */
  --warning:   #FB8C00;  /* orange */
  --danger:    #E53935;  /* red */
  --light-bg:  #ECEFF1;  /* grey background */
  --dark-text: #263238;  /* dark grey text */
}

/* Global styles */
body {
  font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
  background-color: var(--light-bg);
  color: var(--dark-text);
}

/* Card styling */
.card-soft {
  border-radius: 0.9rem;
  background-color: #fff;
  box-shadow: 0 4px 16px rgba(0,0,0,0.08);
  padding: 1.5rem;
}

/* Buttons */
.btn-primary {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
}

.btn-success {
  background-color: var(--success) !important;
  border-color: var(--success) !important;
}

.btn-warning {
  background-color: var(--warning) !important;
  border-color: var(--warning) !important;
}

/* Navbar styling */
.navbar-custom {
  background: linear-gradient(90deg, var(--primary), var(--secondary));
}

.navbar-brand {
  font-weight: 600;
  font-size: 1.2rem;
}

/* Table improvements */
.table thead th {
  background-color: #f5f7f8;
  font-weight: 600;
}

.table-hover tbody tr:hover {
  background-color: #f0faff;
}

/* Forms */
.form-control {
  border-radius: 0.5rem;
}

/* Footer spacing fix */
body > .container {
  padding-bottom: 2rem;
}

/* Mobile tweaks */
@media (max-width: 576px) {
  .card-soft {
    padding: 1rem;
  }
}