/*!

Custom SCSS

*/
/* Stello Admin small tweaks */
/* Use Datta Able default top offset via .pc-container { top: 74px } */
/* Stello - Requests list polishing */
.table .details-cell {
  min-width: 360px;
}
.req-main {
  font-weight: 600;
  font-size: 0.98rem;
  color: #1d2630;
}
.req-main[data-bs-toggle="tooltip"] {
  cursor: pointer;
}
.req-update {
  font-size: 0.9rem;
  color: #3e4853;
}
.req-update .badge {
  font-weight: 600;
}
.list-group-item[data-bs-toggle="tooltip"] {
  cursor: pointer;
}

/* Ensure tooltips appear above modals and overlays */
.tooltip,
.modal .tooltip {
  z-index: 3000 !important;
}
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}

/* Notifications: unread highlight */
.dropdown-notification .list-group .list-group-item.notif-unread,
.dropdown-notification .list-group-item.notif-unread {
  background: rgba(var(--bs-primary-rgb), 0.16) !important;
  background-color: rgba(var(--bs-primary-rgb), 0.16) !important;
  border-left: 4px solid var(--bs-primary);
  padding-left: calc(1rem - 4px);
}
.dropdown-notification .list-group-item.notif-unread:hover,
.dropdown-notification .list-group-item.notif-unread:focus {
  background: rgba(var(--bs-primary-rgb), 0.26) !important;
  background-color: rgba(var(--bs-primary-rgb), 0.26) !important;
}

/* Subtle zebra striping for requests table */
.table.table-striped > tbody > tr:nth-of-type(odd):not(.table-danger) {
  background-color: #f8f9fa; /* light gray */
}

/* Scale Stello logo images globally */
img[src$="stello_logo.png"] {
  width: 70% !important;
  height: auto;
}

/* Stello primary brand color */
:root {
  --bs-primary: #0A9146;
  --bs-primary-rgb: 10, 145, 70;
  --bs-link-color: #0A9146;
  --bs-link-hover-color: #08763a;
}

/* Override template preset (preset-1) to use Stello green */
[data-pc-preset="preset-1"] {
  --pc-sidebar-active-color: #0A9146;
  --bs-blue: #0A9146;
  --bs-primary: #0A9146;
  --bs-primary-rgb: 10, 145, 70;
  --bs-primary-light: #e6f6ee; /* light green tint */
  --bs-link-color: #0A9146;
  --bs-link-color-rgb: 10, 145, 70;
  --bs-link-hover-color: #08763a;
  --dt-row-selected: 10, 145, 70;
}

[data-pc-preset="preset-1"] .btn-primary {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #0A9146;
  --bs-btn-border-color: #0A9146;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #08763a;
  --bs-btn-hover-border-color: #08763a;
  --bs-btn-focus-shadow-rgb: 10, 145, 70;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #08763a;
  --bs-btn-active-border-color: #076a32;
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: #0A9146;
  --bs-btn-disabled-border-color: #0A9146;
}

[data-pc-preset="preset-1"] .btn-link {
  --bs-btn-color: #0A9146;
  --bs-btn-hover-color: #08763a;
  --bs-btn-active-color: #08763a;
}

/* Inputs, switches, and checks that use the template's .input-primary helpers */
[data-pc-preset="preset-1"] .form-check .form-check-input.input-primary:checked,
[data-pc-preset="preset-1"] .form-switch .form-check-input.input-primary:checked {
  background-color: #0A9146;
  border-color: #0A9146;
}

/* Primary text/background helpers */
[data-pc-preset="preset-1"] .bg-light-primary { background: #e6f6ee; color: #0A9146; }
[data-pc-preset="preset-1"] .link-primary { color: #0A9146 !important; }
[data-pc-preset="preset-1"] .link-primary:hover,
[data-pc-preset="preset-1"] .link-primary:focus { color: #08763a !important; }

.btn-primary {
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #08763a !important;
  border-color: #08763a !important;
}
.bg-primary { background-color: var(--bs-primary) !important; }
.text-primary { color: var(--bs-primary) !important; }