/* Koşu merkezi — page-only layout */
.rn-phases { margin: 0; }
.rn-kpis { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
.rn-kpis .gib-kpi { min-width: 0; }
.rn-kviz-prog { display: flex; flex-direction: column; justify-content: center; gap: 8px; }
.rn-kviz-prog .gib-progress { width: 100%; }

.rn-hero, .rn-flow { align-items: stretch; }
.rn-ready { display: flex; flex-direction: column; }
.rn-answer { margin: 0 16px 10px; font-size: 13.5px; color: var(--text-2); }
.rn-answer b { color: var(--text); }
.rn-ready-list { display: flex; flex-direction: column; gap: 8px; padding: 0 12px 12px; flex: 1; }
.rn-ready-list .gib-record { padding: 10px 12px; }
.rn-ready-list .gib-record-title { font-size: 13px; }
.rn-ready-f { display: flex; align-items: center; gap: 8px; justify-content: space-between; margin-top: 6px; flex-wrap: wrap; }

.rn-table { position: absolute; inset: 48px 12px 60px; overflow: auto; background: var(--bg-1); border: 1px solid var(--line-2); border-radius: var(--radius-sm); z-index: 3; }
.rn-table .gib-table { width: 100%; }
#rn-stage.is-table canvas { opacity: .15; }

.rn-flow-chart { min-height: 220px; }
.rn-senti { margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--line); }
.rn-senti-h { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; margin-bottom: 6px; }
.rn-senti-h h3 { margin: 0; font-size: 14px; }

.rn-logcard .gib-card-b { display: flex; flex-direction: column; gap: 10px; }
.rn-log { list-style: none; margin: 0; padding: 10px 12px; display: flex; flex-direction: column; gap: 8px;
  font-family: var(--font-mono); font-size: 11.5px; line-height: 1.5; color: var(--text-2);
  background: var(--bg-1); border: 1px solid var(--line-2); border-radius: var(--radius-sm); max-height: 430px; overflow: auto; }
.rn-log li { display: grid; grid-template-columns: 44px 1fr; gap: 8px; padding-left: 8px; border-left: 2px solid var(--sev, var(--line-3)); }
.rn-log li[data-sev="warn"] { --sev: var(--amber); color: var(--text); }
.rn-log li[data-sev="ok"] { --sev: var(--trusted); }
.rn-log li[data-sev="info"] { --sev: var(--blue-glow); }
.rn-log time { color: var(--text-4); }
.rn-log li[hidden] { display: none; }
.rn-log-f { align-items: center; }

.rn-sec-h { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; margin-bottom: 10px; }
.rn-sec-h h2 { margin: 0; font-size: 17px; }
#rn-events { display: flex; flex-direction: column; gap: 10px; }
.rn-dr-panel { display: flex; flex-direction: column; gap: 14px; }

@media (max-width: 1279px) {
  .rn-kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .rn-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rn-kpis .gib-kpi:first-child { grid-column: 1 / -1; }
  .rn-table { inset: 44px 6px 56px; }
  .rn-log { max-height: 320px; }
}
