:root {
  --prorail-blue: #003082;
  --prorail-light: #e8edf4;
  --header-bg: #d4dce8;
  --editable-bg: #f0f0f0;
  --border: #999;
  --section-header: #b8c8dc;
  --score-green: #92d050;
  --score-yellow: #ffc000;
  --score-red: #ff4444;
  --font: 'Segoe UI', Calibri, Arial, sans-serif;
  --section-tong: #ef9a9a;
  --section-midden: #90caf9;
  --section-punt: #a5d6a7;
  --status-open: #ffc107;
  --status-done: #4caf50;
  --status-ready: #8bc34a;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: var(--font); font-size: 11px; background: #f5f5f5; padding: 0; }

.screen { display: none; }
.screen.active { display: block; }

.hidden { display: none !important; }
.flex-spacer { flex: 1; }