/* ===== Chelseru DevOps Panel — Custom Theme ===== */
:root {
  --c6u-bg: #0f1117;
  --c6u-bg-alt: #161923;
  --c6u-card: #1a1d29;
  --c6u-border: #262b3a;
  --c6u-primary: #6366f1;
  --c6u-primary-hover: #7c7ff2;
  --c6u-accent: #8b5cf6;
  --c6u-text: #e4e6ec;
  --c6u-text-muted: #8b8fa3;
}

body {
  background: var(--c6u-bg) !important;
  color: var(--c6u-text) !important;
  font-family: 'Inter', -apple-system, 'Segoe UI', Roboto, sans-serif !important;
}

/* Top navigation bar */
.ui.menu.navbar, .ui.top.menu {
  background: linear-gradient(90deg, #12141f 0%, #171a26 100%) !important;
  border-bottom: 1px solid var(--c6u-border) !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.25) !important;
}

.ui.menu .item, .ui.top.menu .item {
  color: var(--c6u-text) !important;
}

.ui.menu .item:hover {
  background: rgba(99,102,241,0.12) !important;
  color: var(--c6u-primary-hover) !important;
}

/* Logo area */
.navbar .brand img, .ui.head img.logo {
  filter: drop-shadow(0 0 6px rgba(99,102,241,0.5));
}

/* Buttons */
.ui.primary.button, .ui.green.button {
  background: linear-gradient(135deg, var(--c6u-primary), var(--c6u-accent)) !important;
  border: none !important;
  box-shadow: 0 2px 8px rgba(99,102,241,0.35) !important;
}
.ui.primary.button:hover {
  filter: brightness(1.1);
}

/* Cards / segments / repo boxes */
.ui.segment, .repository .repo-header, .dashboard-repos, .ui.card {
  background: var(--c6u-card) !important;
  border: 1px solid var(--c6u-border) !important;
  border-radius: 10px !important;
}

/* Links */
a { color: var(--c6u-primary) !important; }
a:hover { color: var(--c6u-primary-hover) !important; }

/* Footer cleanup */
.ui.footer, footer {
  background: var(--c6u-bg-alt) !important;
  border-top: 1px solid var(--c6u-border) !important;
  color: var(--c6u-text-muted) !important;
}

/* Custom Chelseru top bar (linked back to main panel) */
#c6u-panel-bar {
  background: #0a0b10;
  color: #c9ccdb;
  font-size: 13px;
  padding: 6px 20px;
  display: flex;
  align-items: center;
  gap: 8px;
  border-bottom: 1px solid var(--c6u-border);
}
#c6u-panel-bar a {
  color: var(--c6u-primary-hover) !important;
  text-decoration: none;
  font-weight: 600;
}
#c6u-panel-bar a:hover { text-decoration: underline; }

/* Scrollbar */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--c6u-bg); }
::-webkit-scrollbar-thumb { background: #3a3f52; border-radius: 6px; }
::-webkit-scrollbar-thumb:hover { background: var(--c6u-primary); }

/* Hide footer completely */
.ui.footer, footer, #footer {
  display: none !important;
}