/* Wspólne dla /ports i /ladder: okno terminala w stylu RouterOS print + tabele monospace. */

.back-btn-plain { display:flex; align-items:center; gap:10px; text-decoration:none; -webkit-tap-highlight-color:transparent; }

.term-win { border:1px solid var(--border); border-radius:var(--radius); overflow:hidden; background:var(--bg2); margin-bottom:auto; }
.term-bar { display:flex; align-items:center; gap:7px; padding:9px 12px; background:var(--bg3); border-bottom:1px solid var(--border); }
.term-dot { width:clamp(8px,1.4vw,10px); height:clamp(8px,1.4vw,10px); border-radius:50%; flex-shrink:0; opacity:0.7; }
.term-dot.r { background:var(--wrong-t); } .term-dot.y { background:var(--warn-t); } .term-dot.g { background:var(--correct-t); }
.term-bar-title { font-family:var(--mono); font-size:11px; color:var(--muted); margin-left:8px; }

.term-body { padding:clamp(12px,2.5vw,20px); font-family:var(--mono); overflow-x:auto; }
.term-line { font-size:clamp(11px,1.4vw,13px); color:var(--text); white-space:nowrap; margin-bottom:6px; }
.term-prompt { color:var(--accent); font-weight:700; }
.term-flags { color:var(--muted); margin-bottom:14px; }
.term-flags b { color:var(--text); }

/* generyczna, płaska tabela monospace — liczba/szerokość kolumn ustawia modyfikator
   (.ports-table / .score-table) przez grid-template-columns na .rt2-row */
.rt2-table { display:flex; flex-direction:column; font-family:var(--mono); font-size:clamp(11px,1.6vw,13px); min-width:min-content; }
.rt2-row { display:grid; gap:clamp(6px,1.5vw,14px); padding:clamp(7px,1.4vh,10px) 0; border-bottom:1px solid var(--border); align-items:center; }
.rt2-row:last-child { border-bottom:none; }
.rt2-head { font-size:10px; font-weight:700; color:var(--muted); letter-spacing:1px; padding-bottom:8px; }

.ports-table .rt2-row { grid-template-columns: 2fr 1.1fr 0.9fr 1.3fr; }
.port-row.lvl-0 { color:var(--muted); opacity:0.4; }
.port-row.lvl-1 .port-port { color:var(--muted); }
.port-row.lvl-2 .port-name, .port-row.lvl-2 .port-port { color:var(--correct-t); }
.port-row .port-layer { color:var(--muted); }
.port-row .port-stats { color:var(--muted); text-align:right; }
.port-row .port-stats .hit { color:var(--correct-t); }
.port-row .port-stats .miss { color:var(--wrong-t); }

.score-table .rt2-row { grid-template-columns: 0.5fr 2fr 1fr 0.8fr 1.6fr; }
.score-row .score-rank { color:var(--muted); }
.score-row.me { background:var(--bg3); }
.score-row .score-you { color:var(--accent); font-weight:700; margin-left:6px; }
.score-empty { color:var(--muted); font-size:12px; padding:16px 0; text-align:center; }