/* =====================================================
   LIMA CIPTA DIGITAL - NOC SERVER UI V2.7
   ===================================================== */


/* HILANGKAN LANDING PAGE / HEADER LAMA */

#overviewContent > .welcome-card {
  display: none !important;
}

#overviewContent > .stats-grid {
  display: none !important;
}


/* ROOT OVERVIEW */

#overviewContent {
  padding-top: 0 !important;
}


/* MONITOR UTAMA */

.lcd-v25-monitor {
  margin-top: 0 !important;

  border:
    1px solid #cfd5dc !important;

  border-radius:
    8px !important;

  background:
    #e8ebef !important;

  overflow:
    hidden !important;

  box-shadow:
    0 5px 16px
    rgba(0,0,0,.06) !important;
}


/* =====================================================
   SERVER HEADER
   ===================================================== */

.lcd-v25-hero {
  min-height:
    auto !important;

  padding:
    14px 18px !important;

  background:
    linear-gradient(
      180deg,
      #252b32 0%,
      #1b2026 100%
    ) !important;

  border-bottom:
    1px solid #343b43 !important;

  color:
    #fff !important;
}


.lcd-v25-kicker {
  display:
    none !important;
}


.lcd-v25-hero h2 {
  margin:
    0 0 5px !important;

  color:
    #f2f4f6 !important;

  font-family:
    Consolas,
    "Courier New",
    monospace !important;

  font-size:
    18px !important;

  font-weight:
    700 !important;

  letter-spacing:
    .03em !important;
}


.lcd-v25-hero p {
  margin:
    0 !important;

  color:
    #929ca7 !important;

  font-family:
    Consolas,
    "Courier New",
    monospace !important;

  font-size:
    10px !important;
}


.lcd-v25-hero-actions {
  gap:
    8px !important;
}


/* STATUS SERVER */

.lcd-v25-status {
  min-width:
    118px !important;

  padding:
    7px 10px !important;

  border:
    1px solid #414952 !important;

  border-radius:
    5px !important;

  background:
    #2b323a !important;

  box-shadow:
    none !important;
}


.lcd-v25-status small {
  color:
    #87919c !important;

  font-family:
    Consolas,
    monospace !important;

  font-size:
    7px !important;
}


.lcd-v25-status strong {
  color:
    #e9edf1 !important;

  font-family:
    Consolas,
    monospace !important;

  font-size:
    11px !important;
}


/* TOMBOL MONITOR */

.lcd-v25-open {
  padding:
    9px 12px !important;

  border:
    1px solid #454d56 !important;

  border-radius:
    5px !important;

  background:
    #303841 !important;

  color:
    #dce1e6 !important;

  box-shadow:
    none !important;

  font-family:
    Consolas,
    monospace !important;

  font-size:
    9px !important;
}


.lcd-v25-open:hover {
  background:
    #3a434d !important;

  color:
    #fff !important;
}


/* =====================================================
   SERVER STATUS CELLS
   ===================================================== */

.lcd-v25-grid {
  display:
    grid !important;

  grid-template-columns:
    repeat(
      6,
      minmax(0,1fr)
    ) !important;

  gap:
    0 !important;

  padding:
    0 !important;

  background:
    #e5e8eb !important;

  border-bottom:
    1px solid #cfd5dc !important;
}


.lcd-v25-card {
  min-height:
    88px !important;

  padding:
    13px 12px !important;

  border:
    0 !important;

  border-right:
    1px solid #d1d6dc !important;

  border-radius:
    0 !important;

  background:
    linear-gradient(
      180deg,
      #fafafa,
      #f1f3f5
    ) !important;

  box-shadow:
    none !important;
}


.lcd-v25-card:last-child {
  border-right:
    0 !important;
}


.lcd-v25-icon {
  flex:
    0 0 30px !important;

  width:
    30px !important;

  height:
    30px !important;

  border-radius:
    4px !important;

  background:
    #272e35 !important;

  color:
    #9ca7b2 !important;

  font-family:
    Consolas,
    monospace !important;

  font-size:
    8px !important;
}


.lcd-v25-card.green
.lcd-v25-icon,

.lcd-v25-card.security
.lcd-v25-icon {
  background:
    #17352a !important;

  color:
    #44d391 !important;
}


.lcd-v25-card span {
  color:
    #69737e !important;

  font-family:
    Consolas,
    monospace !important;

  font-size:
    8px !important;

  letter-spacing:
    .08em !important;
}


.lcd-v25-card strong {
  margin:
    5px 0 2px !important;

  color:
    #222930 !important;

  font-family:
    Consolas,
    monospace !important;

  font-size:
    15px !important;
}


.lcd-v25-card small {
  color:
    #929ba4 !important;

  font-family:
    Consolas,
    monospace !important;

  font-size:
    8.5px !important;
}


/* =====================================================
   SECURITY STRIP
   ===================================================== */

.lcd-v25-security-strip {
  min-height:
    35px !important;

  padding:
    7px 14px !important;

  border-top:
    0 !important;

  border-bottom:
    1px solid #d2d7dc !important;

  background:
    #f5f6f7 !important;

  color:
    #69737d !important;

  font-family:
    Consolas,
    monospace !important;

  font-size:
    9px !important;
}


.lcd-v25-security-strip strong {
  color:
    #252c33 !important;

  font-size:
    10px !important;
}


.lcd-v25-audit-note {
  color:
    #9aa2a9 !important;

  font-size:
    8px !important;
}


/* =====================================================
   TERMINAL SERVER
   ===================================================== */

.lcd-v25-terminal {
  margin:
    10px 12px 12px !important;

  border:
    1px solid #20272e !important;

  border-radius:
    5px !important;

  background:
    #0d1217 !important;

  box-shadow:
    none !important;
}


.lcd-v25-terminal-head {
  min-height:
    36px !important;

  padding:
    7px 11px !important;

  border-bottom:
    1px solid #252d34 !important;

  background:
    #171d23 !important;
}


.lcd-v25-terminal-head span {
  color:
    #717c87 !important;

  font-family:
    Consolas,
    monospace !important;

  font-size:
    7px !important;
}


.lcd-v25-terminal-head strong {
  margin-top:
    1px !important;

  color:
    #d9dfe4 !important;

  font-family:
    Consolas,
    monospace !important;

  font-size:
    9px !important;
}


.lcd-v25-running {
  color:
    #3bd08a !important;

  font-family:
    Consolas,
    monospace !important;

  font-size:
    8px !important;
}


/*
 * WAJIB COMPACT.
 * Hanya sekitar 5 baris.
 */

.lcd-v25-ping {
  height:
    132px !important;

  min-height:
    132px !important;

  max-height:
    132px !important;

  padding:
    4px 0 !important;

  overflow:
    hidden !important;

  background:
    #0c1116 !important;

  font-family:
    Consolas,
    "Courier New",
    monospace !important;

  font-size:
    9px !important;
}


.lcd-v25-ping-line {
  min-height:
    24px !important;

  padding:
    3px 11px !important;

  gap:
    7px !important;

  color:
    #4ed692 !important;
}


.lcd-v25-ping-line span {
  color:
    #66727e !important;
}


.lcd-v25-ping-line b {
  width:
    14px !important;

  height:
    14px !important;

  border-radius:
    3px !important;

  background:
    #163025 !important;

  color:
    #47d28c !important;

  font-size:
    8px !important;
}


.lcd-v25-ping-line.warning {
  color:
    #eab84a !important;
}


.lcd-v25-ping-line.critical {
  color:
    #e75b64 !important;
}


/* =====================================================
   PAGE BACKGROUND
   ===================================================== */

#overviewContent {
  background:
    transparent !important;
}


.main {
  background:
    #e9ecef !important;
}


/* =====================================================
   SIDEBAR - SERVER FEEL
   ===================================================== */

.sidebar {
  background:
    #141a20 !important;
}


.sidebar-brand {
  border-bottom-color:
    #293139 !important;
}


.sidebar .nav-title {
  color:
    #596571 !important;

  font-family:
    Consolas,
    monospace !important;

  font-size:
    8px !important;

  letter-spacing:
    .12em !important;
}


.sidebar .nav-item {
  border-radius:
    5px !important;
}


.sidebar .nav-item.active {
  background:
    #242c34 !important;

  box-shadow:
    inset 3px 0 0
    #3ccf8a !important;
}


.lcd-monitor-nav-link,
.lcd-noc-nav {
  border-radius:
    5px !important;

  color:
    #b2bbc4 !important;

  background:
    transparent !important;
}


.lcd-monitor-nav-link:hover,
.lcd-noc-nav:hover {
  background:
    #222a32 !important;
}


/* =====================================================
   TOPBAR
   ===================================================== */

.topbar {
  border-bottom:
    1px solid #d4d8dd !important;

  background:
    #f8f9fa !important;
}


/* RESPONSIVE */

@media(max-width:1200px) {

  .lcd-v25-grid {
    grid-template-columns:
      repeat(
        3,
        minmax(0,1fr)
      ) !important;
  }

}


@media(max-width:720px) {

  .lcd-v25-hero {
    align-items:
      flex-start !important;

    flex-direction:
      column !important;
  }


  .lcd-v25-grid {
    grid-template-columns:
      repeat(
        2,
        minmax(0,1fr)
      ) !important;
  }

}