/* ── LDAR-Fristenmanager Custom Styles ─────────────────────────────────── */
/* BIK Anlagentechnik GmbH – Corporate Identity                             */

:root {
  /* BIK Farben */
  --bik-tuerkis:    #3abddc;
  --bik-tuerkis-d:  #2a9bb8;
  --bik-dunkelgrau: #636363;
  --bik-hellgrau:   #d9d9d9;
  --bik-orange:     #f9b200;

  /* LDAR Ampelfarben */
  --ldar-red:    #dc3545;
  --ldar-yellow: #ffc107;
  --ldar-green:  #198754;

  /* Bootstrap Primary → BIK-Türkis */
  --bs-primary:          var(--bik-tuerkis);
  --bs-primary-rgb:      58, 189, 220;
  --bs-link-color:       var(--bik-tuerkis);
  --bs-link-hover-color: var(--bik-tuerkis-d);
}

/* Open Sans als App-Schrift */
body {
  font-family: "Open Sans", sans-serif;
  color: var(--bik-dunkelgrau);
}

/* Primary Buttons → BIK-Türkis */
.btn-primary {
  background-color: var(--bik-tuerkis);
  border-color:     var(--bik-tuerkis);
  color: #fff;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background-color: var(--bik-tuerkis-d);
  border-color:     var(--bik-tuerkis-d);
  color: #fff;
}
.btn-outline-primary {
  color:        var(--bik-tuerkis);
  border-color: var(--bik-tuerkis);
}
.btn-outline-primary:hover {
  background-color: var(--bik-tuerkis);
  border-color:     var(--bik-tuerkis);
  color: #fff;
}

/* Navbar → BIK-Dunkelgrau */
.navbar.bg-dark {
  background-color: var(--bik-dunkelgrau) !important;
}
/* BIK-Türkis Icon – global nutzbar (Navbar + Login-Seite) */
.bik-icon { color: var(--bik-tuerkis); }

/* Card-Header → BIK-Dunkelgrau bleibt kompatibel mit bg-dark */

/* Gantt */
.gantt-table { table-layout: fixed; }
.gantt-header { height: 28px; background: #343a40; color: #fff; }

.gantt-row { overflow: hidden; }

.gantt-bar {
  position: absolute;
  top: 4px;
  height: 28px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  padding: 0 6px;
  font-size: 11px;
  white-space: nowrap;
  overflow: hidden;
  min-width: 8px;
  transition: opacity .15s;
}
.gantt-bar:hover { opacity: .85; z-index: 10; }
.gantt-label { overflow: hidden; text-overflow: ellipsis; }

/* Table tweaks */
.table-sm td, .table-sm th { vertical-align: middle; }

/* Farbkennzeichnung der Zeilen etwas dezenter */
tr.table-danger  { --bs-table-bg: #f8d7da; }
tr.table-warning { --bs-table-bg: #fff3cd; }

/* Status badges – a bit smaller in table context */
.badge { font-size: .75em; }

/* ── Print styles ────────────────────────────────────────────────────────── */
@media print {
  .no-print { display: none !important; }

  body { font-size: 11pt; }
  .container-fluid { padding: 0 !important; }

  .card { border: 1px solid #ccc !important; box-shadow: none !important; }
  .card-header { background: #333 !important; color: #fff !important;
                 -webkit-print-color-adjust: exact; }

  /* Keep row colours in print */
  tr.table-danger  { background-color: #f8d7da !important; -webkit-print-color-adjust: exact; }
  tr.table-warning { background-color: #fff3cd !important; -webkit-print-color-adjust: exact; }

  /* Gantt prints best in landscape – hint only */
  .gantt-row { overflow: visible; }
  .gantt-bar { border: 1px solid rgba(0,0,0,.3); -webkit-print-color-adjust: exact; }

  .navbar, footer { display: none; }
  .table { page-break-inside: auto; }
  tr { page-break-inside: avoid; }
}

/* ── Misc ─────────────────────────────────────────────────────────────────── */
.cursor-pointer { cursor: pointer; }
.btn-xs { padding: .1rem .3rem; font-size: .75rem; }

/* Highlight selected status in modal */
#sm_buttons button.fw-bold { outline: 2px solid #000; }