/* Base */
.content-html img { max-width: 100%; height: auto; }
.thumb { cursor: zoom-in; }
.simple-wysiwyg-editor { min-height: 320px; }
.simple-wysiwyg-editor:focus { outline: 0; }

/* Light mode: soft grey body + metal blue/grey header/sidebar */
[data-bs-theme="light"] body.bg-body {
  background-color: #edf1f4 !important;
}
[data-bs-theme="light"] .navbar.sticky-top {
  background: #333 !important;
  border-bottom-color: #6b7f92 !important;
}
[data-bs-theme="light"] .navbar .navbar-brand,
[data-bs-theme="light"] .navbar .btn,
[data-bs-theme="light"] .navbar .small {
  color: #f4f8fb !important;
}
[data-bs-theme="light"] .navbar .btn-outline-secondary,
[data-bs-theme="light"] .navbar .btn-outline-primary,
[data-bs-theme="light"] .navbar .btn-outline-danger {
  border-color: rgba(244, 248, 251, 0.55);
}
[data-bs-theme="light"] .navbar .form-control {
  background-color: #ffffff;
  color: #1b2733;
  border-color: #b7c4d0;
}

[data-bs-theme="light"] aside.border-end,
[data-bs-theme="light"] .offcanvas.offcanvas-start {
  background: #d9e6f2;
  border-color: #bbcbda !important;
}
[data-bs-theme="light"] .nav-pills .nav-link {
  color: #223140;
}
[data-bs-theme="light"] .nav-pills .nav-link.active,
[data-bs-theme="light"] .nav-pills .show > .nav-link {
  background-color: #6d8399;
  color: #f5f8fb;
}
[data-bs-theme="light"] .list-group-item {
  background-color: transparent;
  color: #223140;
  border-color: rgba(34, 49, 64, 0.15);
}
[data-bs-theme="light"] .list-group-item:hover {
  background-color: rgba(255, 255, 255, 0.55);
}

[data-bs-theme="light"] .card,
[data-bs-theme="light"] .table {
  background-color: #ffffff;
}
[data-bs-theme="light"] .card {
  border-color: #cad3dd;
}
[data-bs-theme="light"] .form-control,
[data-bs-theme="light"] .form-select {
  background-color: #ffffff;
  color: #19242f;
  border-color: #c2ccd7;
}
[data-bs-theme="light"] .form-control:focus,
[data-bs-theme="light"] .form-select:focus {
  border-color: #89a0b6;
  box-shadow: 0 0 0 0.2rem rgba(116, 144, 170, 0.2);
}
[data-bs-theme="light"] .simple-wysiwyg .card-header {
  background-color: #e6edf3;
  border-bottom-color: #cad3dd;
}

/* Dark mode: keep existing feel, but make fields lighter */
[data-bs-theme="dark"] .form-control,
[data-bs-theme="dark"] .form-select {
  background-color: #303944;
  border-color: #586575;
  color: #edf3f8;
}
[data-bs-theme="dark"] .form-control::placeholder {
  color: #b6c0cb;
}
[data-bs-theme="dark"] .form-control:focus,
[data-bs-theme="dark"] .form-select:focus {
  border-color: #8ea3b9;
  box-shadow: 0 0 0 0.2rem rgba(148, 168, 189, 0.25);
}
[data-bs-theme="dark"] .simple-wysiwyg .card-header {
  background-color: #2e3742;
  border-bottom-color: #4f5b6a;
}

@media (min-width: 992px) {
  main { padding-left: 1rem; padding-right: 1rem; }
}