/* ProxFly — доводки поверх Vuetify */
[v-cloak] { display: none; }

.gradient-text {
  background: linear-gradient(135deg, #4f8cff, #7c5cff);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.login-bg {
  background: radial-gradient(1200px 800px at 70% -10%, #1a2440 0%, #0d1117 55%) !important;
}

.login-card {
  border: 1px solid rgba(79, 140, 255, .15) !important;
}

/* Заставка при загрузке — плавное появление, без мигания формы входа */
.splash-logo {
  font-size: 2.4rem;
  font-weight: 800;
  letter-spacing: .5px;
  background: linear-gradient(135deg, #4f8cff, #7c5cff);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: pulse 1.6s ease-in-out infinite;
}

.mono, .mono input {
  font-family: 'Cascadia Code', Consolas, monospace !important;
  font-size: 13px !important;
}

code {
  background: rgba(79, 140, 255, .12);
  border-radius: 4px;
  padding: 1px 6px;
  font-family: 'Cascadia Code', Consolas, monospace;
  font-size: 12.5px;
}

/* Кнопки без капса — читабельнее */
.v-btn { text-transform: none !important; letter-spacing: 0 !important; }

.os-selected {
  border-color: #4f8cff !important;
  background: rgba(79, 140, 255, .08) !important;
}

.pulse { animation: pulse 2s infinite; }
@keyframes pulse { 50% { opacity: .35; } }

/* ── Графики мониторинга (uPlot, тёмная тема) ── */
.chart-box {
  width: 100%;
  background: rgba(255, 255, 255, .02);
  border-radius: 8px;
  padding: 6px 4px 2px;
}
.chart-box .uplot,
.chart-box .u-wrap { width: 100% !important; }
.u-legend {
  color: #c9d1d9;
  font-size: 12px;
  margin-top: 4px;
}
.u-legend .u-value { color: #fff; font-weight: 600; }
.u-legend th { font-weight: 500; }