/* Lintechnokrats light UI theme overrides
   Applied on top of existing Bootstrap / template_new styles */

body {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background-color: #f5f7fb;
  color: #1f2933;
}

/* General layout containers */
.card,
.panel,
.box-border {
  border-radius: 0.75rem;
  border: 1px solid rgba(15, 88, 145, 0.08);
  box-shadow: 0 8px 20px rgba(15, 88, 145, 0.05);
  background-color: #ffffff;
}

/* Buttons */
.btn,
.button,
.btn-grad {
  border-radius: 0.5rem;
  font-weight: 500;
  letter-spacing: 0.01em;
}

.btn-primary,
.btn.btn-primary,
.btn-grad {
  background-image: none;
  background-color: #0d6aad;
  border-color: #0d6aad;
}

.btn-primary:hover,
.btn.btn-primary:hover,
.btn-grad:hover {
  background-color: #0b568c;
  border-color: #0b568c;
  box-shadow: 0 0 0 0.15rem rgba(13, 106, 173, 0.25);
}

.btn-outline-primary {
  border-color: #0d6aad;
  color: #0d6aad;
}

.btn-outline-primary:hover {
  background-color: #0d6aad;
  color: #ffffff;
}

/* Forms */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
select,
textarea,
.form-control {
  border-radius: 0.5rem;
  border: 1px solid #d0d7e2;
  padding: 0.5rem 0.75rem;
  font-size: 0.95rem;
}

input:focus,
select:focus,
textarea:focus,
.form-control:focus {
  border-color: #0d6aad;
  box-shadow: 0 0 0 0.15rem rgba(13, 106, 173, 0.25);
  outline: none;
}

label {
  font-weight: 500;
  margin-bottom: 0.25rem;
  color: #4b5563;
}

/* Tables */
table,
.table,
.mystyle {
  border-collapse: collapse;
  width: 100%;
}

.table th,
.table td,
.mystyle th,
.mystyle td {
  padding: 0.65rem 0.75rem;
  vertical-align: middle;
  font-size: 0.9rem;
}

.table thead th,
.mystyle th {
  background-color: #0d6aad !important;
  color: #ffffff !important;
  border-bottom: none;
}

.table-striped tbody tr:nth-of-type(odd),
.mystyle tr:nth-of-type(odd) {
  background-color: #f3f6fb;
}

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

/* Page headings */
h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
  color: #111827;
}

.page-title,
.menu-title {
  font-weight: 600;
  letter-spacing: 0.02em;
}

/* Header / navbar tweaks */
.horizontal-menu .navbar {
  box-shadow: 0 2px 6px rgba(15, 88, 145, 0.06);
}

.horizontal-menu .navbar .nav-link {
  font-weight: 500;
}

.horizontal-menu .navbar .nav-link.active,
.horizontal-menu .navbar .nav-link:focus,
.horizontal-menu .navbar .nav-link:hover {
  color: #0d6aad;
}

/* Footer */
.footer {
  border-top: 1px solid rgba(15, 88, 145, 0.08);
  background-color: #ffffff;
}

/* Responsive helpers */
@media (max-width: 991.98px) {
  .navbar-brand-wrapper img {
    max-width: 140px;
  }

  .page-navigation .menu-title {
    font-size: 0.9rem;
  }

  .table,
  .mystyle {
    font-size: 0.85rem;
  }
}

@media (max-width: 575.98px) {
  .footer-wrap {
    padding: 0.75rem 1rem;
  }

  .table-responsive {
    border-radius: 0.75rem;
    box-shadow: 0 4px 10px rgba(15, 88, 145, 0.08);
  }
}