/* The established midnight/violet palette, with operational facts and no synthetic balance hero. */
.live-wrap { max-width: 1180px; margin: auto; padding: 22px 20px 60px; }
.live-header { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; padding: 22px 0; }
.live-header h1 { margin: 0; font-size: 28px; letter-spacing: -.02em; }
.live-nav { display: flex; flex-wrap: wrap; gap: 10px; }
.live-nav a, .live-nav button { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 16px; border: 1px solid #26314f; border-radius: 10px; background: #131b30; color: #eef1ff; text-decoration: none; }
.live-nav .live-primary { background: #6d4aff; border-color: #6d4aff; }
.live-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.live-section { min-width: 0; padding: 24px 0; border-top: 1px solid #26314f; }
.live-section h2 { margin: 0 0 16px; font-size: 20px; }
.live-section p { max-width: 72ch; overflow-wrap: anywhere; line-height: 1.6; }
.live-muted { color: #a9b1d6; font-size: 14px; }
.live-facts { display: grid; gap: 14px; margin: 0; }
.live-facts div { display: grid; grid-template-columns: minmax(100px, .6fr) minmax(0, 1fr); gap: 12px; }
.live-facts dt { color: #a9b1d6; } .live-facts dd { margin: 0; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.live-operation { padding: 18px 0; border-bottom: 1px solid #26314f; } .live-operation h3 { margin: 0 0 8px; font-size: 17px; }
.live-setup { display: grid; gap: 20px; } .live-setup > section { min-width: 0; padding: 24px 0; border-top: 1px solid #26314f; }
.live-setup p { line-height: 1.6; max-width: 72ch; overflow-wrap: anywhere; }
.live-setup .owner-setup-heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; }
.live-setup .btn { min-height: 44px; white-space: normal; }
@media(max-width: 680px) { .live-grid { grid-template-columns: 1fr; gap: 0; } .live-wrap { padding-inline: 16px; } .live-nav { width: 100%; } .live-nav a, .live-nav button { flex: 1 1 auto; } .live-facts div { grid-template-columns: 1fr; gap: 4px; } }
#consoleChatSection { position: static; margin-block: 22px; }
#consoleChatSection select, #consoleChatSection button { min-height: 44px; } #consoleChatSection label { font-size: 14px; }