/* ==============================
   INDUSTRIAL HMI OVERRIDE
============================== */

/* MATIKAN SMOOTH FEELING */
* {
    transition: none !important;
}

/* TABLE = PANEL */
.table {
    border-collapse: separate;
    border-spacing: 0;
}

table tbody tr {
    background: #020617;
}

table tbody tr:hover {
    background: #020617;
}

/* HEADER SEPERTI PLC RACK */
table thead th {
    background: #020617;
    color: #facc15;
    border-bottom: 3px solid #facc15;
    box-shadow: inset 0 -1px 0 #000;
}

/* GRID TEGAS */
table td {
    border-right: 1px solid #1f2937;
}

table td:last-child {
    border-right: none;
}

/* BADGE JADI LABEL INDUSTRI */
.badge {
    border-radius: 2px;
    padding: 0.35em 0.6em;
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 1.2px;
    border: 1px solid #020617;
}

/* STATUS ENERGIZED */
.badge.bg-success {
    background: #16a34a !important;
    box-shadow: 0 0 6px rgba(22,163,74,.6);
}

/* STATUS OFF / FAULT */
.badge.bg-danger {
    background: #dc2626 !important;
    box-shadow: 0 0 6px rgba(220,38,38,.6);
}

/* STATUS OPEN / WARNING */
.badge.bg-warning {
    background: #facc15 !important;
    color: #020617 !important;
    box-shadow: 0 0 6px rgba(250,204,21,.7);
}

/* OFFLINE = MATI TOTAL */
tr.offline {
    opacity: 0.3;
    filter: grayscale(1);
}

/* SIDEBAR KAYA PANEL */
.sidebar {
    background: #020617;
    border-right: 3px solid #facc15;
}

/* NAV AKTIF = SWITCH */
.sidebar .nav-link.active {
    background: #facc15;
    color: #020617;
    font-weight: 700;
    text-transform: uppercase;
}

/* NAVBAR SEPERTI CABINET */
.navbar {
    background: #020617;
    border-bottom: 4px solid #facc15;
}

/* HEADER TEXT = PANEL TITLE */
.navbar-title {
    font-family: "Roboto Condensed", monospace;
    letter-spacing: 4px;
    font-size: 1rem;
}
/* ==============================
   SCADA ALARM EFFECT
============================== */

/* BLINK KUNING (WARNING) */
@keyframes blink-warning {
    50% { background-color: #facc15; color: #020617; }
}

/* BLINK MERAH (ALARM) */
@keyframes blink-alarm {
    50% { background-color: #dc2626; color: #ffffff; }
}

/* OPEN = WARNING */
.badge.alarm-open {
    animation: blink-warning 1s infinite;
    font-weight: 800;
}

/* OFFLINE = ALARM */
tr.alarm-offline {
    animation: blink-alarm 1s infinite;
}

/* HEADER ALARM */
.scada-alarm-bar {
    background: #dc2626;
    color: #fff;
    font-weight: 800;
    letter-spacing: 2px;
    text-align: center;
    padding: 6px;
}

html, body {
  height: 100%;
}

body {
  display: flex;
  flex-direction: column;
}
main {
  flex: 1 0 auto;
}
footer {
  flex-shrink: 0;
}

#alarmBadge {
  animation: blink 1s infinite;
}

/* Alarm blinking */
.alarm-blink {
  animation: blink 1s infinite;
}

@keyframes blink {
  0%   { opacity: 1; }
  50%  { opacity: 0.4; }
  100% { opacity: 1; }
}