/* ===========================================================================
   EMS Operations Platform — shared stylesheet
   Bootstrap 5 supplies the base; this layers platform identity, the Central
   Hub tiles, and print rules. Theming uses Bootstrap's data-bs-theme.
   =========================================================================== */

:root {
  --ems-brand: #1f4e79;
  --ems-accent: #2e75b6;
}

body {
  min-height: 100vh;
}

/* Brand color helpers */
.text-brand { color: var(--ems-brand) !important; }
.bg-brand { background-color: var(--ems-brand) !important; }
.btn-brand {
  background-color: var(--ems-brand);
  border-color: var(--ems-brand);
  color: #fff;
}
.btn-brand:hover { background-color: #173a5c; border-color: #173a5c; color: #fff; }

.navbar-logo { max-height: 36px; width: auto; }

/* ---- Central Hub module tiles -------------------------------------------- */
.hub-tile {
  display: block;
  height: 100%;
  text-decoration: none;
  transition: transform .12s ease, box-shadow .12s ease;
}
.hub-tile:hover {
  transform: translateY(-3px);
}
.hub-tile .card {
  height: 100%;
}
.hub-tile .hub-icon {
  font-size: 2.5rem;
  line-height: 1;
  color: var(--ems-accent);
}

/* Notification + announcement accents */
.announcement-item { border-left: 4px solid var(--ems-accent); }

/* ---- Logout warning modal ------------------------------------------------- */
#idleWarningModal .modal-content { border: 2px solid var(--bs-warning); }

/* ---- Print styles --------------------------------------------------------- */
@media print {
  nav.navbar, footer, .btn, .js-print, .no-print,
  .dropdown, #idleWarningModal {
    display: none !important;
  }
  :root, html[data-bs-theme="dark"], [data-bs-theme="dark"] {
    --bs-body-bg: #ffffff !important;
    --bs-body-color: #000000 !important;
    --bs-card-bg: #ffffff !important;
    --bs-tertiary-bg: #ffffff !important;
    --bs-border-color: #cccccc !important;
    color-scheme: light !important;
  }
  html, body, main, .container, .card, .card-body, .card-header {
    background: #ffffff !important;
    color: #000000 !important;
    box-shadow: none !important;
  }
  .card { border: 0 !important; }
  * { -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important; }
  .print-title { display: block !important; }
}
.print-title { display: none; }