:root {
  color-scheme: dark;
  --bg: #090d12;
  --surface: #111720;
  --surface-2: #161e29;
  --line: #273241;
  --text: #edf1f7;
  --muted: #8f9daf;
  --lime: #b9fb62;
  --lime-dark: #26391d;
  --blue: #78b9ff;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
* { box-sizing: border-box; }
body { margin: 0; min-width: 320px; background: var(--bg); color: var(--text); }
button, a { font: inherit; }
.shell { min-height: 100vh; display: grid; grid-template-columns: 242px minmax(0, 1fr); }
.sidebar { position: sticky; top: 0; height: 100vh; display: flex; flex-direction: column; padding: 30px 22px 22px; background: #0d1219; border-right: 1px solid var(--line); }
.brand { display: flex; align-items: center; gap: 10px; color: var(--text); text-decoration: none; font-size: 25px; font-weight: 760; }
.brand-logo { display: block; width: 58px; height: 38px; object-fit: contain; }
.eyebrow { margin: 0; color: #93a5bb; font-size: 11px; font-weight: 750; letter-spacing: .19em; }
.sidebar > .eyebrow { margin: 16px 0 38px; }
nav { display: grid; gap: 8px; }
nav a { padding: 12px 14px; border: 1px solid transparent; border-radius: 8px; color: #98a7b9; text-decoration: none; font-size: 14px; font-weight: 650; }
nav a:hover { color: var(--text); background: var(--surface); }
nav a.active { color: var(--lime); background: var(--lime-dark); border-color: #3c572d; }
.sidebar-spacer { flex: 1; }
.system-state { display: flex; gap: 9px; align-items: center; margin-bottom: 14px; color: #a8b4c3; font-size: 12px; }
.state-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 12px #b9fb6280; }
.account-card { display: flex; align-items: center; gap: 11px; padding: 12px; background: var(--surface); border: 1px solid var(--line); border-radius: 10px; }
.avatar { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 9px; color: #16200f; background: var(--lime); font-weight: 800; }
.account-card strong, .account-card small { display: block; font-size: 12px; }.account-card small { margin-top: 3px; color: var(--muted); text-transform: uppercase; letter-spacing: .12em; }
main { padding: 34px clamp(24px, 4vw, 64px); overflow: hidden; }
.topbar { display: flex; justify-content: space-between; gap: 24px; align-items: flex-start; margin-bottom: 28px; }
h1 { margin: 8px 0 0; font-size: clamp(30px, 4vw, 46px); letter-spacing: -.04em; } h2, h3 { margin: 0; }
#clock { color: var(--muted); font-size: 13px; }
.connection-card { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 20px; padding: 23px; border: 1px solid #3d572d; border-radius: 12px; background: linear-gradient(110deg, #1b2a16, #121a18 60%, #111720); }
.connection-icon { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 12px; color: var(--lime); background: #263a1d; font-size: 30px; }
.connection-card h2 { margin: 5px 0; font-size: 20px; }.connection-card p:last-child { margin: 0; color: #aab6a3; font-size: 14px; }
button { padding: 11px 17px; border: 0; border-radius: 8px; background: var(--lime); color: #17210f; font-weight: 750; } button:disabled { cursor: not-allowed; opacity: .55; }
input, select { width: 100%; padding: 11px 12px; border: 1px solid #344153; border-radius: 8px; background: #0d131c; color: var(--text); font: inherit; }
label { display: grid; gap: 7px; color: #aeb9c7; font-size: 13px; }
form { display: grid; gap: 12px; }
.text-button { width: 100%; margin-top: 8px; background: transparent; border: 1px solid var(--line); color: var(--muted); }
.flash { margin-bottom: 15px; padding: 12px 14px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); }.flash.success { border-color: #45642f; color: var(--lime); }.flash.error { border-color: #714044; color: #ff9ca4; }
.auth-layout { min-height: calc(100vh - 68px); display: grid; grid-template-columns: 1.2fr minmax(360px,.7fr); gap: clamp(30px,7vw,110px); align-items: center; }.auth-layout h1 { font-size: clamp(48px,7vw,86px); line-height: .97; }.hero-copy { max-width: 680px; color: var(--muted); font-size: 19px; line-height: 1.6; }
.login-panel { min-height: auto; padding: 34px; }.login-panel h2 { margin: 16px 0 8px; font-size: 27px; }.login-panel p,.login-panel small { color: var(--muted); line-height: 1.55; }.discord-mark { display: inline-block; padding: 9px 13px; border-radius: 8px; background: #5865f2; color: white; font-weight: 800; }.primary-link { display:block; margin: 22px 0 15px; padding: 13px; border-radius: 8px; background: var(--lime); color: #17210f; text-align:center; text-decoration:none; font-weight:800; }.primary-link.disabled { opacity:.5; cursor:not-allowed; }.setup-warning { display:grid; gap:5px; margin-top:18px; padding:13px; border:1px solid #685a2e; border-radius:8px; background:#2b2517; color:#e3c36e; }.setup-warning span { color:#b9aa80; font-size:12px; }
.testing-access-page { min-height:100vh; background:radial-gradient(circle at 50% 0,#18221d 0,#0b0f14 45%); }
.testing-access-shell { min-height:100vh; display:grid; place-items:center; padding:24px; }
.testing-access-card { width:min(430px,100%); padding:38px; border:1px solid var(--line); border-radius:14px; background:#121820; box-shadow:0 28px 80px #0009; }
.testing-access-card>img { display:block; width:150px; max-height:70px; object-fit:contain; object-position:left center; margin-bottom:28px; }
.testing-access-card h1 { margin:8px 0 10px; font-size:28px; line-height:1.15; }
.testing-access-copy { margin:0 0 24px; color:var(--muted); line-height:1.55; }
.testing-access-card form { display:grid; gap:9px; }
.testing-access-card label { margin-top:7px; color:#dce5ef; font-size:12px; font-weight:700; }
.testing-access-card input { width:100%; box-sizing:border-box; }
.testing-access-card button { margin-top:12px; width:100%; }
.testing-access-card small { display:block; margin-top:20px; color:var(--muted); text-align:center; }
.onboarding { max-width: 680px; min-height: auto; }.onboarding p,.muted-copy { color: var(--muted); line-height:1.5; }.onboarding form { margin-top:22px; }
.header-actions { display:flex; align-items:center; gap:18px; }.header-actions form { min-width:220px; }.pair-form { grid-template-columns: 150px auto; }.connection-card .pair-form input { text-transform:uppercase; letter-spacing:.12em; }
.data-list { display:grid; margin-top:20px; }.data-list > div { display:grid; grid-template-columns:1fr 1fr auto; gap:14px; padding:14px 4px; border-bottom:1px solid var(--line); }.data-list span,.data-list small { color:var(--muted); font-size:12px; }
.section-panel { min-height:auto; margin-top:18px; }.member-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:10px; margin-top:20px; }.member-grid > div { display:grid; grid-template-columns:auto 1fr; gap:2px 10px; align-items:center; padding:12px; background:var(--surface-2); border-radius:8px; }.member-grid .avatar { grid-row:1/3; }.member-grid small { color:var(--muted); text-transform:uppercase; letter-spacing:.1em; }
.member-card form { grid-column:1/-1; grid-template-columns:1fr auto auto; margin-top:10px; }.member-card form button { padding:9px 12px; }.danger-button { color:#ffabb1; background:#3a2025; }
.permission-grid { display:grid; grid-template-columns:minmax(260px,1fr) 100px 100px; align-items:center; gap:0; margin:22px 0; border-top:1px solid var(--line); }.permission-grid > * { padding:12px; border-bottom:1px solid var(--line); }.permission-grid > strong:not(:first-child) { text-align:center; }.permission-grid label small { color:#718095; }.permission-grid input { width:18px; height:18px; justify-self:center; accent-color:var(--lime); }
.metric-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin: 18px 0; }
.metric-grid article, .panel { background: var(--surface); border: 1px solid var(--line); border-radius: 12px; }
.metric-grid article { padding: 19px; }.metric-grid span, .metric-grid small { display: block; color: var(--muted); font-size: 12px; }.metric-grid strong { display: block; margin: 7px 0 4px; font-size: 30px; }
.content-grid { display: grid; grid-template-columns: minmax(0, 1.8fr) minmax(280px, .7fr); gap: 18px; }
.panel { min-height: 370px; padding: 22px; }.panel-heading { display: flex; justify-content: space-between; align-items: center; }.panel-heading h2, .next-steps h2 { margin-top: 6px; }
.panel-link { color:var(--lime); text-decoration:none; font-size:13px; font-weight:750; }.primary-link.compact { width:auto; margin-top:18px; padding:10px 14px; }
.pill { padding: 6px 9px; border-radius: 999px; color: #d7bd77; background: #342d1b; font-size: 10px; font-weight: 800; letter-spacing: .1em; }
.empty-state { min-height: 290px; display: grid; place-content: center; justify-items: center; text-align: center; color: var(--muted); }.empty-state h3 { color: var(--text); margin: 14px 0 5px; }.empty-state p { margin: 0; }.empty-glyph { color: var(--blue); font-size: 44px; }
.next-steps ol { display: grid; gap: 14px; padding: 0; margin: 24px 0 0; list-style: none; }.next-steps li { display: flex; align-items: center; gap: 12px; color: #b6c0ce; font-size: 14px; }.next-steps li span { display: grid; place-items: center; min-width: 30px; height: 30px; border: 1px solid #3a4a5d; border-radius: 8px; color: var(--lime); background: var(--surface-2); font-size: 12px; font-weight: 800; }
.api-status { color: var(--muted); font-size: 12px; text-align: right; }
.servers-layout { grid-template-columns:minmax(0,1.7fr) minmax(330px,.65fr); align-items:start; }
.server-panel { min-height:480px; }
.server-list { display:grid; gap:14px; margin-top:20px; }
.server-card { padding:18px; border:1px solid var(--line); border-radius:10px; background:var(--surface-2); }
.server-card-top { display:grid; grid-template-columns:auto 1fr auto; gap:12px; align-items:center; }
.server-card-top h3 { margin-bottom:4px; }.server-card-top p { margin:0; color:var(--muted); font-size:13px; }
.server-name-link { color:var(--text); text-decoration:none; }.server-name-link:hover { color:var(--lime); }
.dayz-tile { display:grid; place-items:center; width:42px; height:42px; border-radius:9px; color:#11190c; background:var(--lime); font-weight:900; font-size:13px; }
.status { padding:6px 9px; border-radius:999px; font-size:9px; font-weight:850; letter-spacing:.1em; }
.status.online { color:#75e6ad; background:#17362b; }.status.needs_attention { color:#ffb0a9; background:#41252a; }
.agent-strip { display:flex; flex-wrap:wrap; gap:8px 18px; margin:12px 0; padding:10px 12px; border:1px solid var(--line); border-radius:8px; color:var(--muted); font-size:10px; letter-spacing:.08em; }
.command-history { margin-top:14px; border-top:1px solid var(--line); padding-top:12px; }.command-history>div { display:grid; grid-template-columns:80px 100px 1fr; gap:10px; align-items:center; padding:7px 0; }.command-history small,.agent-detail small { color:var(--muted); }.command-state { font-size:10px; font-weight:800; letter-spacing:.08em; }.command-state.succeeded { color:#75e6ad; }.command-state.failed { color:#ff8b82; }.command-state.executing,.command-state.dispatched { color:#ffd36b; }
.agent-detail { margin-top:12px; }.agent-detail>div { display:grid; grid-template-columns:180px 1fr; gap:12px; padding:7px 0; border-top:1px solid var(--line); }
.server-facts { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin:16px 0; }
.server-facts > span { padding:10px; border:1px solid #2e3948; border-radius:8px; background:#101620; }
.server-facts small,.server-facts strong { display:block; }.server-facts small { color:var(--muted); font-size:9px; letter-spacing:.12em; }.server-facts strong { margin-top:5px; font-size:13px; overflow:hidden; text-overflow:ellipsis; }
.server-error { padding:10px; border-left:3px solid #e07078; color:#f0a0a7; background:#2c1c20; font-size:12px; }
.server-settings { margin:12px 0; color:var(--muted); font-size:12px; }.server-settings summary { cursor:pointer; color:#aab8c9; }.server-settings form { margin-top:12px; }.settings-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:8px; }.settings-grid label:first-child,.settings-grid label:nth-child(2) { grid-column:span 2; }
.server-actions { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }.server-actions form { display:block; }.server-actions button { padding:8px 10px; font-size:12px; }
.server-actions .process-controls { display:flex; gap:5px; }
.management-state { margin-right:auto; color:var(--blue); font-size:10px; font-weight:800; letter-spacing:.1em; }
.workspace-link { padding:8px 11px; border:1px solid #557631; border-radius:7px; color:var(--lime); background:#1b2917; text-decoration:none; font-size:12px; font-weight:750; }
.secondary-button { color:#b9c6d6; background:#242e3b; }.danger-button { color:#fff4f5; background:#a73542; border:1px solid #c44a57; }.danger-button:hover { color:#fff; background:#c13f4e; }
.attachment-code { display:grid; grid-template-columns:1fr auto; align-items:center; gap:4px 16px; margin-top:14px; padding:13px; border:1px solid #557631; border-radius:8px; background:#1c2a18; }
.attachment-code span { color:#a9ba96; font-size:9px; letter-spacing:.12em; }.attachment-code strong { grid-row:1/3; grid-column:2; color:var(--lime); font-size:21px; letter-spacing:.12em; }.attachment-code small { color:var(--muted); }
.add-server { min-height:auto; position:sticky; top:24px; }.add-server h2 { margin:6px 0 8px; }.add-server form { margin-top:20px; }
.port-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }.form-note { color:#718095; font-size:11px; line-height:1.5; }
.people-layout { margin-top:18px; }.people-layout .panel { min-height:auto; }.compact-steps { display:grid; gap:14px; padding:0; list-style:none; color:#aeb9c7; font-size:13px; }.compact-steps li { display:flex; align-items:center; gap:10px; }.compact-steps span { display:grid; place-items:center; min-width:28px; height:28px; border-radius:7px; color:var(--lime); background:#26391d; font-weight:800; }

/* Server workspace */
.workspace-header { display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin-bottom:20px; }
.back-link { display:inline-block; margin-bottom:18px; color:var(--muted); text-decoration:none; font-size:13px; font-weight:700; }.back-link:hover { color:var(--text); }
.workspace-title-row { display:flex; align-items:center; gap:15px; }.workspace-title-row .dayz-tile { width:50px; height:50px; border-radius:11px; }.workspace-title-row h1 { margin:3px 0 2px; font-size:32px; }.workspace-title-row p:last-child { margin:0; color:var(--muted); font-size:13px; }
.workspace-status-block { display:grid; justify-items:end; gap:10px; padding-bottom:2px; }.workspace-status-block small,.state-line { display:flex; align-items:center; gap:7px; color:var(--muted); font-size:12px; }
.live-sync-state { color:#6de4a8 !important; }.live-sync-state.syncing { color:#ffd06f !important; }.live-sync-state.offline { color:#ff8f99 !important; }
#workspace-content.live-refreshing { opacity:.72; transition:opacity .15s ease; }
.agent-dot { display:inline-block; width:7px; height:7px; border-radius:50%; background:#74505a; }.agent-dot.fresh { background:#6de4a8; box-shadow:0 0 9px #6de4a866; }
.workspace-tabs { display:flex; gap:2px; margin:0 0 18px; padding:5px; overflow-x:auto; border:1px solid var(--line); border-radius:10px; background:#0d131b; scrollbar-width:thin; }
.workspace-tabs a { flex:0 0 auto; padding:10px 13px; border-radius:7px; color:#91a1b4; text-decoration:none; font-size:13px; font-weight:700; }.workspace-tabs a:hover { color:var(--text); background:#171f2a; }.workspace-tabs a.active { color:#15200e; background:var(--lime); }
.workspace-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-bottom:14px; }.workspace-metrics.three { grid-template-columns:repeat(3,minmax(0,1fr)); }
.workspace-metrics article { min-height:122px; padding:18px; border:1px solid var(--line); border-radius:11px; background:var(--surface); }.workspace-metrics span,.workspace-metrics p { color:var(--muted); font-size:12px; }.workspace-metrics strong { display:block; margin:12px 0 8px; font-size:24px; overflow:hidden; text-overflow:ellipsis; }.workspace-metrics strong small { color:#8695a7; font-size:14px; }.workspace-metrics p { margin:0; }
.workspace-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,.45fr); gap:14px; margin-bottom:14px; }.workspace-grid.wide-main { grid-template-columns:minmax(0,1.65fr) minmax(300px,.65fr); }
.workspace-card { min-width:0; padding:20px; border:1px solid var(--line); border-radius:11px; background:var(--surface); }.workspace-card h2 { margin:6px 0 18px; font-size:20px; }.workspace-card.table-card { margin-bottom:14px; padding:0; overflow:hidden; }.table-card>.eyebrow,.table-card>h2 { margin-left:20px;margin-right:20px; }.table-card>.eyebrow { margin-top:20px; }.table-card>.card-heading { padding:20px; }
.card-heading { display:flex; justify-content:space-between; align-items:center; gap:18px; }.card-heading h2 { margin-bottom:0; }
.operation-summary { display:grid; grid-template-columns:1.25fr 1fr 1fr; gap:9px; margin:20px 0; }.operation-summary>div { padding:13px; border:1px solid #2a3645; border-radius:8px; background:#0d141d; }.operation-summary span,.operation-summary strong { display:block; }.operation-summary span { margin-bottom:6px; color:var(--muted); font-size:10px; text-transform:uppercase; letter-spacing:.12em; }.operation-summary strong { font-size:13px; overflow-wrap:anywhere; }
.workspace-controls { display:flex; gap:8px; }.workspace-controls button { min-width:118px; }
.workspace-note { color:var(--muted); font-size:14px; line-height:1.65; }
.detail-list { display:grid; margin:8px 0 0; }.detail-list>div { display:grid; grid-template-columns:120px minmax(0,1fr); gap:15px; padding:11px 0; border-bottom:1px solid var(--line); }.detail-list>div:last-child { border-bottom:0; }.detail-list dt { color:var(--muted); font-size:12px; }.detail-list dd { margin:0; color:#dce4ee; font-size:13px; overflow-wrap:anywhere; }.detail-list.horizontal { grid-template-columns:repeat(3,1fr); gap:9px; margin-top:22px; }.detail-list.horizontal>div { display:block; padding:13px; border:1px solid var(--line); border-radius:8px; }.detail-list.horizontal dd { margin-top:7px; font-weight:750; }
.workspace-table { display:grid; }.table-row { display:grid; grid-template-columns:150px 130px minmax(0,1fr); gap:16px; align-items:center; min-height:52px; padding:10px 20px; border-top:1px solid var(--line); color:#cbd5e0; font-size:13px; }.table-row.table-head { min-height:40px; color:#77879b; background:#0e141c; font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.12em; }.mod-table .table-row { grid-template-columns:minmax(200px,1fr) 180px 160px; }.schedule-table .table-row { grid-template-columns:minmax(180px,1fr) 120px 190px minmax(180px,1fr); }
.workspace-empty { min-height:210px; display:grid; place-content:center; justify-items:center; gap:7px; padding:30px; color:var(--muted); text-align:center; }.workspace-empty strong { color:var(--text); }
.capacity-track { height:10px; margin:18px 0; overflow:hidden; border-radius:99px; background:#26303d; }.capacity-track span { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#74d94d,var(--lime)); }
.console-card { padding:0; overflow:hidden; }.console-card>.card-heading { padding:20px; border-bottom:1px solid var(--line); }.console-output { min-height:390px; max-height:56vh; padding:18px 20px; overflow:auto; background:#080c11; font:13px/1.55 "Cascadia Mono",Consolas,monospace; }.console-output>div { display:grid; grid-template-columns:180px minmax(170px,.5fr) 1fr; gap:12px; padding:6px 0; border-bottom:1px solid #151c25; }.console-output time { color:#657488; }.console-output p { margin:0; color:#aeb9c7; overflow-wrap:anywhere; }.console-entry { display:grid; grid-template-columns:1fr auto; gap:9px; padding:14px; border-top:1px solid var(--line); background:#101720; }
.event-list { display:grid; }.event-list>div { display:grid; grid-template-columns:180px minmax(180px,.5fr) 1fr; gap:16px; padding:13px 20px; border-top:1px solid var(--line); font-size:13px; }.event-list time { color:#718196; }.event-list span { color:var(--muted); overflow-wrap:anywhere; }
.permission-badge { padding:6px 9px; border-radius:99px; color:var(--lime); background:var(--lime-dark); font-size:10px; font-weight:800; letter-spacing:.1em; }.success-text,.severity-success { color:var(--lime); }.warning-text,.severity-warning { color:#ffd06f; }.severity-error,.severity-critical { color:#ff8f99; }.muted-text { color:var(--muted); }
.workspace-settings-form { margin-top:20px; }.workspace-settings-form>button { justify-self:start; margin-top:4px; }

@media (max-width: 900px) { .shell { grid-template-columns: 76px 1fr; }.sidebar { padding-inline: 9px; }.brand { justify-content: center; }.brand-logo { width: 54px; }.brand span:last-child, .sidebar > .eyebrow, nav a, .system-state span:last-child, .account-card div { display: none; } nav a { min-height: 42px; }.content-grid,.auth-layout { grid-template-columns: 1fr; }.metric-grid { grid-template-columns: repeat(2, 1fr); }.settings-grid { grid-template-columns:1fr 1fr; }.settings-grid label:first-child,.settings-grid label:nth-child(2) { grid-column:auto; } }
@media (max-width: 1050px) { .workspace-metrics { grid-template-columns:1fr 1fr; }.workspace-grid,.workspace-grid.wide-main { grid-template-columns:1fr; }.schedule-table .table-row { grid-template-columns:minmax(150px,1fr) 100px 150px; }.schedule-table .table-row>*:last-child { display:none; } }
@media (max-width: 900px) { .workspace-title-row .eyebrow { display:block; }.console-output>div,.event-list>div { grid-template-columns:140px 1fr; }.console-output p,.event-list span { grid-column:2; }.workspace-status-block { justify-items:start; }.workspace-header { align-items:flex-start; } }
@media (max-width: 620px) { .shell { display: block; }.sidebar { position: static; width: 100%; height: auto; flex-direction: row; align-items: center; gap: 14px; }.sidebar nav, .sidebar-spacer, .system-state, .account-card { display: none; } main { padding: 24px 16px; }.connection-card { grid-template-columns: auto 1fr; }.connection-card button { grid-column: 1 / -1; }.metric-grid { grid-template-columns: 1fr 1fr; }.topbar { display: block; } #clock { display: block; margin-top: 12px; }.server-facts { grid-template-columns:1fr 1fr; }.port-grid { grid-template-columns:1fr; }.attachment-code { grid-template-columns:1fr; }.attachment-code strong { grid-area:auto; }.workspace-header { display:grid; }.workspace-status-block { justify-items:start; }.workspace-title-row { align-items:flex-start; }.workspace-title-row h1 { font-size:27px; }.workspace-metrics,.workspace-metrics.three { grid-template-columns:1fr 1fr; }.workspace-controls { display:grid; grid-template-columns:1fr 1fr; }.operation-summary,.detail-list.horizontal { grid-template-columns:1fr; }.table-row,.mod-table .table-row,.schedule-table .table-row { grid-template-columns:1fr 100px; }.table-row>*:nth-child(n+3),.mod-table .table-row>*:nth-child(n+3),.schedule-table .table-row>*:nth-child(n+3) { grid-column:1/-1; }.table-head>*:nth-child(n+3) { display:none; }.console-output>div,.event-list>div { grid-template-columns:1fr; }.console-output p,.event-list span { grid-column:auto; }.console-entry { grid-template-columns:1fr; } }