/* Splunk on UCS + VAST Sizer — shares the BaseConfig visual language */

.gradient-bg {
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #0f172a 100%);
}
.gradient-text {
  background: linear-gradient(135deg, #22d3ee 0%, #06b6d4 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.card {
  background: rgba(30, 41, 59, 0.8);
  border: 1px solid rgba(71, 85, 105, 0.5);
}
.input-field {
  background: rgba(15, 23, 42, 0.8);
  border: 1px solid rgba(71, 85, 105, 0.5);
  color: #fff;
}
.input-field:focus {
  outline: none;
  border-color: #22d3ee;
  box-shadow: 0 0 0 2px rgba(34, 211, 238, 0.2);
}
@keyframes blink {
  0%, 50% { opacity: 1; }
  51%, 100% { opacity: 0; }
}
.cursor-blink { animation: blink 1s infinite; }

/* Deployment-model selector */
.deploy-btn {
  transition: all 0.15s ease;
}
.deploy-btn.active {
  border-color: #22d3ee;
  background: rgba(34, 211, 238, 0.12);
}

/* Result stat tiles */
.stat-tile {
  background: rgba(15, 23, 42, 0.6);
  border: 1px solid rgba(71, 85, 105, 0.5);
  border-radius: 0.75rem;
}
.compute-accent { color: #a78bfa; }   /* Splunk compute = violet (matches diagram) */
.storage-accent { color: #34d399; }   /* VAST storage = green (matches diagram) */
.net-accent { color: #38bdf8; }

/* Gap analysis rows */
.gap-warn    { background: rgba(251, 146, 60, 0.10); border-left: 3px solid #fb923c; }
.gap-ok      { background: rgba(34, 197, 94, 0.10);  border-left: 3px solid #22c55e; }
.gap-neutral { background: rgba(100, 116, 139, 0.08); border-left: 3px solid #475569; }

/* BOM table */
.bom-table th, .bom-table td {
  padding: 0.5rem 0.75rem;
  text-align: left;
  border-bottom: 1px solid rgba(71, 85, 105, 0.35);
  font-size: 0.875rem;
}
.bom-table th { color: #94a3b8; font-weight: 600; }
.bom-table tr:last-child td { border-bottom: none; }

/* Per-U rack visualization */
.rack-unit {
  height: 19px;
  border-bottom: 1px solid rgba(15, 23, 42, 0.6);
  font-size: 9.5px;
  line-height: 19px;
  text-align: center;
  color: #e2e8f0;
  white-space: nowrap;
  overflow: hidden;
}
.rack-unit-2u { height: 38px; line-height: 38px; }
.rack-server    { background: linear-gradient(135deg, #7c3aed 0%, #8b5cf6 100%); }  /* Splunk compute */
.rack-vast      { background: linear-gradient(135deg, #059669 0%, #10b981 100%); }  /* VAST EBox */
.rack-fi        { background: linear-gradient(135deg, #6d28d9 0%, #a78bfa 100%); }  /* UCS FI */
.rack-switch-fe { background: linear-gradient(135deg, #0e7490 0%, #22d3ee 100%); }  /* FE leaf */
.rack-switch-be { background: linear-gradient(135deg, #047857 0%, #34d399 100%); }  /* BE leaf */
.rack-empty     { background: rgba(30, 41, 59, 0.5); color: #64748b; }

.tooltip { border-bottom: 1px dotted rgba(148, 163, 184, 0.6); cursor: help; }