/* InfoBus360 — identyfikacja CAMPOL24 (granat + niebieski) */
:root{
  --ib-granat:#0B2447;
  --ib-granat-2:#123963;
  --ib-blue:#1976D2;
  --ib-blue-soft:#E8F1FB;
  --ib-alarm:#C62828;
  --ib-ostrzez:#E8A200;
  --ib-info:#1976D2;
}
body{background:#F4F6F9;}
.ib-nav{background:linear-gradient(90deg,var(--ib-granat),var(--ib-granat-2));}
.ib-nav .navbar-brand,.ib-nav .nav-link{color:#fff !important;}
.ib-nav .nav-link:hover{color:#9ecbff !important;}
.ib-nav .navbar-brand{font-weight:700;letter-spacing:.5px;}
.ib-360{color:#4FC3F7;}
.ib-rola{background:rgba(255,255,255,.18);font-weight:500;font-size:.7rem;}
.card{border:0;box-shadow:0 1px 3px rgba(11,36,71,.10);border-radius:.6rem;}
.card-header{background:#fff;border-bottom:1px solid #e9edf3;font-weight:600;color:var(--ib-granat);}
.kpi{border-left:4px solid var(--ib-blue);}
.kpi .kpi-val{font-size:2rem;font-weight:700;color:var(--ib-granat);line-height:1;}
.kpi .kpi-lbl{color:#6b7a90;font-size:.85rem;}
.kpi.alarm{border-left-color:var(--ib-alarm);}
.kpi.ok{border-left-color:#2E7D32;}
.btn-ib{background:var(--ib-blue);color:#fff;}
.btn-ib:hover{background:#125fa8;color:#fff;}
.tbl-sm td,.tbl-sm th{padding:.45rem .6rem;vertical-align:middle;}
.dot{width:.6rem;height:.6rem;border-radius:50%;display:inline-block;}
.dot.on{background:#2E7D32;box-shadow:0 0 0 3px rgba(46,125,50,.15);}
.dot.off{background:#B0BEC5;}
.szablon-alarm{background:var(--ib-alarm);color:#fff;}
.szablon-ostrzezenie{background:var(--ib-ostrzez);color:#2b2b2b;}
.szablon-info{background:var(--ib-info);color:#fff;}
.tryb-badge{font-size:.72rem;text-transform:uppercase;letter-spacing:.4px;}
.kolejka .poz{border-left:3px solid #d7dee8;padding:.35rem .6rem;margin-bottom:.25rem;background:#fff;border-radius:.25rem;}
.kolejka .poz.komunikat{border-left-color:var(--ib-ostrzez);background:#FFF9E9;}
.kolejka .poz.alarm{border-left-color:var(--ib-alarm);background:#FDECEC;}
.kolejka .poz.pasek{border-left-color:#7E57C2;background:#F5F1FC;}
.miniatura{width:96px;height:54px;object-fit:cover;border-radius:.25rem;background:#0B2447;}
.podglad-ramka{width:100%;aspect-ratio:16/9;border:0;border-radius:.5rem;background:#000;}
.pomoc{color:#6b7a90;font-size:.83rem;}