/* Unified card header styling (all headers) per request */
.card-header {
  background:#DDDDDD !important;
  color:#000 !important;
  border-bottom:1px solid #cccccc !important;
}
/* Mode-specific overrides for primary card headers */


/* Global card border */
.card { border:1px solid #cccccc !important; }
/* SB Admin 2 custom color override for ToolTrack (E89234 tints) */
:root {
  --primary: #E89234;
  --primary-light: #fbe7d1;
  --primary-dark: #b96e1e;
  --primary-100: #fbe7d1;
  --primary-200: #f6c99a;
  --primary-300: #f3b16a;
  --primary-400: #ee9a3d;
  --primary-500: #E89234;
  --primary-600: #c97a2b;
  --primary-700: #b96e1e;
  --primary-800: #8a4e0d;
  --primary-900: #5c2e05;
  /* Header / footer colours for ToolTrack */
  --header-bg: #252F37;
  --header-text: #e6eef3;
  /* Accent used for icons in sidebar and headers */
  --icon-accent: #FFAB6F;
  /* hover variant for header-based elements */
  --header-bg-hover: #1F272C;
}

/* Global font: Poppins */
body, html, button, input, select, textarea, .btn, .nav, .navbar, .sidebar, .footer {
  font-family: 'Poppins', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* Dark theme overrides (picked up when body.theme-dark present) */






/* Custom tooltrack sidebar background */
.sidebar-bg-tooltrack, .sidebar-scroll {
  background: #323E47 !important;
}


.bg-primary, .btn-primary {
  background-color: var(--primary) !important;
  color: #fff !important;
}
.bg-primary-light, .sidebar, .navbar, .footer {
  background-color: var(--primary-light) !important;
  color: #222 !important;
}
.text-primary, .navbar-brand, .sidebar a, .footer a {
  color: var(--primary) !important;
}
.btn-primary {
  border-color: var(--primary-dark) !important;
  color: #fff !important;
  font-weight: 600 !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.08);
}

/* Sidebar menu button override for readability */
.sidebar .btn-primary {
  color: #fff !important;
  background-color: var(--primary) !important;
  border-color: var(--primary-dark) !important;
  font-weight: 600 !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.08);
}

/* Ensure icons inside sidebar primary buttons use the configured icon color, not overridden to white */
.sidebar .btn-primary i, .sidebar .btn-primary .fa, .sidebar .btn-primary .fa-solid, .sidebar .btn-primary .fa-regular, .sidebar .btn-primary svg {
  color: var(--icon-accent) !important;
}
.btn-primary:hover, .btn-primary:focus {
  background-color: var(--primary-dark) !important;
  border-color: var(--primary-700) !important;
}
.btn-primary:focus-visible { outline: 3px solid #222; outline-offset: 2px; }

/* Main menu buttons (except the Admin button which uses .btn-danger) */
.sidebar a.btn:not(.btn-danger) {
  background: var(--header-bg) !important; /* reuse header/footer color */
  color: #DCE3E7 !important; /* requested text color */
  border-color: transparent !important;
}
.sidebar a.btn:not(.btn-danger) .fa,
.sidebar a.btn:not(.btn-danger) .fas,
.sidebar a.btn:not(.btn-danger) .far,
.sidebar a.btn:not(.btn-danger) .fa-solid,
.sidebar a.btn:not(.btn-danger) .fa-regular,
.sidebar a.btn:not(.btn-danger) .fa-light,
.sidebar a.btn:not(.btn-danger) svg,
.sidebar a.btn:not(.btn-danger) .bi,
.sidebar a.btn:not(.btn-danger) i {
  color: var(--icon-accent) !important; /* requested icon color */
}

/* Specific override: make the Reports sidebar icon white for better contrast */
.sidebar a.btn[href$="/reports"] .fa-chart-bar,
.sidebar a.btn[href$="/reports"] .fa-solid.fa-chart-bar,
.sidebar a.btn[href$="/reports"] i.fa-chart-bar {
  color: #ffffff !important;
}
.sidebar a.btn:not(.btn-danger):hover,
.sidebar a.btn:not(.btn-danger):focus,
.sidebar a.btn:not(.btn-danger).active {
  background: var(--header-bg-hover) !important; /* slightly darker on hover/focus */
  color: #DCE3E7 !important;
}
.sidebar a.btn:not(.btn-danger):hover .fa,
.sidebar a.btn:not(.btn-danger):focus .fa,
.sidebar a.btn:not(.btn-danger).active .fa {
  color: var(--icon-accent) !important;
}

/* Improve warning button contrast */
.btn-warning {
  background-color: #d48a00 !important; /* darkened from bootstrap default for contrast */
  border-color: #a96d00 !important;
  color: #fff !important;
  font-weight:600;
  text-shadow:0 1px 2px rgba(0,0,0,0.25);
}
.btn-warning:hover, .btn-warning:focus { background-color:#b97600 !important; border-color:#885700 !important; }
.btn-warning:focus-visible { outline:3px solid #222; outline-offset:2px; }
/* Add more overrides as needed for SB Admin 2 classes */

header.page-header {
  margin-bottom: 0 !important;
}

/* Header and footer unified background color for ToolTracking */
header, header.page-header {
  background: var(--header-bg) !important;
  color: var(--header-text) !important; /* light text for contrast */
}
.footer, footer.footer, .app-footer-inner {
  background: var(--header-bg) !important;
  color: var(--header-text) !important;
}

/* Make card headers that use bg-primary match the header/footer colors */
.card-header.bg-primary {
  background: var(--header-bg) !important;
  color: var(--header-text) !important;
  border-bottom-color: transparent !important;
}

/* Make backup page headers match global .card-header style when they contain backup-related icons */
.card-header .fa-database, .card-header .fa-history, .card-header .fa-clock { color: var(--icon-accent) !important; }
/* Backup page headers: use dark header background and white text for contrast */
.card-header.bg-primary,
.card-header.bg-secondary,
.card-header.bg-info,
.card-header.bg-primary.dont-inherit {
  background: var(--header-bg) !important;
  color: var(--header-text) !important;
  border-bottom-color: transparent !important;
}

/* Utility: dark header-style button (used for save/action buttons inside header sections) */
.btn-header {
  background: var(--header-bg) !important;
  color: var(--header-text) !important;
  border-color: transparent !important;
}
.btn-header:hover, .btn-header:focus {
  background: var(--header-bg-hover) !important;
  color: var(--header-text) !important;
}

    main#main-content { flex:1 1 auto; min-height:0; overflow:auto; padding:.85rem 1.15rem 1.15rem; background:#F9FAFA; }

.content-page, main {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 2rem;
  margin-right: 2rem;
}

.sidebar, .footer {
  margin-top: 0;
  margin-bottom: 0;
}

/* Utility classes used across blade templates to avoid inline styles */
.flex-col-gap { display:flex; flex-direction:column; gap:1rem; }
.flex-row { display:flex; }
.detail-row { display:flex; }
.detail-label { min-width:120px; font-weight:700; text-align:left; }
.detail-value { margin-left:2rem; }
.no-stretch-img { max-height:48px; height:auto; width:auto; object-fit:contain; }
.thumb-small { width:48px; height:48px; object-fit:cover; border-radius:4px; }
.card-footer--muted { background:#F8F8F8; }
.sidebar .btn-block { text-align:left; font-weight:500; letter-spacing:0.5px; }
.inline-form { display:inline; margin-left:2px; }
.table-sep td { border-bottom: 1px solid #bfbfbf !important; }

/* Compact icon-style button used in headers (column settings, add tool, bulk add) */
.btn-icon-compact {
  background: transparent !important;
  border: 1px solid rgba(255,255,255,0.65) !important;
  color: #fff !important;
  padding: 0.25rem 0.45rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 0.95rem !important;
  line-height: 1 !important;
  border-radius: 0.25rem !important;
}

.btn-icon-compact-dark {
  background: #252F37 !important;
  border: 1px solid rgba(255,255,255,0.65) !important;
  color: #fff !important;
  padding: 0.25rem 0.45rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 0.95rem !important;
  line-height: 1 !important;
  border-radius: 0.25rem !important;
}

.btn-icon-globalSettingsMenu{
  background: transparent !important;
  color: #fff !important;
  padding: 0.25rem 0.45rem !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  border-radius: 0.25rem !important;
}

.btn-icon-compact + .btn-icon-compact { margin-left: 0.5rem !important; }
.btn-icon-compact:hover, .btn-icon-compact:focus { background: rgba(255,255,255,0.03) !important; color: #fff !important; }

/* Reports page: make filter / view / export buttons match main menu header color scheme
   Scoped to cards whose header contains the reports file icon to avoid global side-effects. */
.card:has(.card-header .fa-file-alt) .card-body .btn.btn-primary,
.card:has(.card-header .fa-file-alt) .card-body .btn.btn-primary.btn-sm,
.card:has(.card-header .fa-file-alt) .card-body .btn.btn-success,
.card:has(.card-header .fa-file-alt) .card-body a.btn.btn-primary {
  background: var(--header-bg) !important;
  color: #DCE3E7 !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
.card:has(.card-header .fa-file-alt) .card-body .btn.btn-primary:hover,
.card:has(.card-header .fa-file-alt) .card-body .btn.btn-primary:focus,
.card:has(.card-header .fa-file-alt) .card-body a.btn.btn-primary:hover {
  background: var(--header-bg-hover) !important;
  color: #DCE3E7 !important;
}
/* Outline/secondary export buttons use a subtle bordered variant that fits the header */
.card:has(.card-header .fa-file-alt) .card-body .btn.btn-outline-secondary,
.card:has(.card-header .fa-file-alt) .card-body .btn.btn-outline-secondary.btn-sm {
  background: transparent !important;
  color: #DCE3E7 !important;
  border: 1px solid rgba(220,227,231,0.12) !important;
}
.card:has(.card-header .fa-file-alt) .card-body .btn.btn-outline-secondary:hover {
  background: rgba(255,255,255,0.02) !important;
  color: #DCE3E7 !important;
}

/* Language switch specific styling */
.btn-icon-compact[disabled], .btn-icon-compact[aria-current="true"] {
  opacity: 0.45 !important;
  cursor: default !important;
  pointer-events: none !important;
}
.btn-icon-compact.active {
  background: rgba(255,255,255,0.08) !important;
  border-color: rgba(255,255,255,0.85) !important;
}