/*
 * 🧭 Roadmap 20b part 2: the 11 old SYS.ROOT panels (Player Editor, Crypto, Companies, Bank, Market Events, Press, Casino,
 * God Mode, Entity Creator, Sim Config, Logs) in the new look, CSS only: scoped to `.sr-pane .sr-moved` (the old markup
 * SYS.ROOT moved into its panes), so no element ids, inline handlers or tests change. Inline styles in the old markup
 * need !important. Matches the new tiles / tables: #0b0b10 cards, #22222c borders, quiet uppercase labels.
 */
.sr-pane .sr-moved .cyber-card {
  background: #0b0b10 !important; border: 1px solid #22222c !important; border-left: 3px solid var(--error) !important;
  border-radius: 8px !important; padding: 14px 16px !important; box-shadow: none !important; height: auto !important; overflow: visible !important;
}
.sr-pane .sr-moved .cyber-card h2, .sr-pane .sr-moved .cyber-card h3, .sr-pane .sr-moved > h2, .sr-pane .sr-moved > h3 {
  font-size: 1rem !important; letter-spacing: .5px; margin: 0 0 10px !important; color: #fff !important; text-shadow: none !important;
}
.sr-pane .sr-moved h4 { font-size: .85rem; color: #ccc; margin: 10px 0 6px; }
/* inputs: room to breathe, the same field look as the new screens */
.sr-pane .sr-moved .cyber-input, .sr-pane .sr-moved input[type="text"], .sr-pane .sr-moved input[type="number"], .sr-pane .sr-moved select, .sr-pane .sr-moved textarea {
  background: #07070b !important; border: 1px solid #2a2a36 !important; border-radius: 5px !important; color: #e8e8f0 !important;
  padding: 7px 9px !important; min-height: 32px; box-sizing: border-box; font-size: .88rem !important;
}
.sr-pane .sr-moved .cyber-input:focus, .sr-pane .sr-moved input:focus, .sr-pane .sr-moved select:focus { border-color: var(--accent, #00e5ff) !important; outline: none; }
.sr-pane .sr-moved label { color: #9a9aac; font-size: .78rem; }
/* buttons: the big neon bars become normal-size buttons */
.sr-pane .sr-moved .cyber-btn, .sr-pane .sr-moved button:not(.sr-btn):not(.sr-chip) {
  padding: 7px 14px !important; min-height: 32px; border-radius: 5px !important; font-size: .8rem !important; letter-spacing: 1px; width: auto !important;
}
/* tables: scroll inside their card instead of being cut off; sticky headers */
.sr-pane .sr-moved table { width: 100%; border-collapse: collapse; font-size: .86rem; }
.sr-pane .sr-moved th { text-align: left; font-weight: normal; font-size: .72rem; letter-spacing: 1px; text-transform: uppercase; color: #8a8a9c !important; padding: 8px 10px !important; background: #0b0b10; border-bottom: 1px solid #22222c; position: sticky; top: 0; z-index: 1; }
.sr-pane .sr-moved td { padding: 8px 10px !important; border-bottom: 1px solid #16161d; vertical-align: middle; }
.sr-pane .sr-moved tbody tr:hover { background: rgba(255, 0, 60, .05); }
.sr-pane .sr-moved [style*="max-height"] { max-height: 60vh !important; overflow: auto !important; }
.sr-pane .sr-moved .cyber-card:has(table) { overflow-x: auto !important; }
/* per-row controls in tables (Market Events price controls) wrap instead of overlapping */
.sr-pane .sr-moved td:last-child { white-space: normal; }
.sr-pane .sr-moved td .cyber-input, .sr-pane .sr-moved td input { width: auto !important; max-width: 140px; display: inline-block; margin: 2px !important; }
/* two-column grids drop to one on narrow windows */
@media (max-width: 900px) { .sr-pane .sr-moved [style*="grid-template-columns"] { grid-template-columns: 1fr !important; } }