/* ══════════════════════════════════════════════════════════════
   Shared theme — dipakai semua dashboard di platform ini.
   Palet warna, reset dasar, dan nav switcher antar-dashboard.
   Jangan taruh style spesifik satu dashboard di sini.
   ══════════════════════════════════════════════════════════════ */

:root {
  --bg:       #eef1f5;
  --surface:  #ffffff;
  --surface2: #f3f5f8;
  --border:   #dde3ea;
  --accent:   #0077b6;
  --accent2:  #023e8a;
  --text:     #1c2733;
  --muted:    #5b6b7c;
  --green:    #15803d;
  --yellow:   #ca8a04;
  --red:      #dc2626;
  --orange:   #ea580c;

  /* MTBF kategori warna */
  --c0:    #4b5563; /* 0 Jam (termasuk < 100) */
  --c1:    #ea580c; /* 100 - 1000 */
  --c2:    #ca8a04; /* 1001 - 2000 */
  --c3:    #15803d; /* 2001 - 3000 */
  --c4:    #0891b2; /* 3001 - 4000 */
  --c5:    #4f46e5; /* 4001+ */

  /* Availability warna */
  --ag:    #15803d; /* >= 80% */
  --ay:    #ca8a04; /* >= 60% */
  --ao:    #ea580c; /* >= 40% */
  --ar:    #dc2626; /* < 40% */
  --an:    #6b7280; /* Unknown */
}

* { box-sizing: border-box; margin: 0; padding: 0; }

body {
  background: var(--bg);
  color: var(--text);
  font-family: 'Segoe UI', Arial, sans-serif;
  font-size: 13px;
  min-height: 100vh;
}

/* ── Dashboard switcher (diisi oleh shared/nav.js) ── */
/* Tab-bar/underline style, senada sama .tabs/.tab-btn di tiap dashboard. */
.dash-nav {
  display: flex;
  background: var(--surface);
  border-bottom: 1px solid var(--border);
  padding: 0 24px;
}
.dash-nav:empty { display: none; }
.dash-nav-item {
  padding: 10px 18px;
  font-size: 13px;
  font-weight: 600;
  color: var(--muted);
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: color .15s, border-color .15s;
}
.dash-nav-item:hover { color: var(--text); }
.dash-nav-item.active { color: var(--accent); border-bottom-color: var(--accent); }