/* Arcade – Boss-Screen: helles, seriöses Tabellenkalkulations-Layout.
   Bewusst hell/nüchtern als Kontrast zu den dunklen Spielen. */

.boss-screen {
  position: fixed; inset: 0; z-index: 99999;
  background: #f3f3f1;
  color: #1a1a1a;
  font: 13px/1.4 -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  cursor: default;
}
.boss-screen[hidden] { display: none; }
body.boss-active { overflow: hidden; }

.boss-app { display: flex; flex-direction: column; height: 100%; }

.boss-titlebar {
  display: flex; align-items: center; justify-content: space-between;
  background: #217346; color: #fff;            /* nüchternes Tabellen-Grün */
  padding: 0.35rem 0.9rem; font-size: 0.82rem;
}
.boss-doc { font-weight: 600; opacity: 0.95; }
.boss-clock { font-variant-numeric: tabular-nums; opacity: 0.85; }

.boss-menu {
  display: flex; gap: 1rem; flex-wrap: wrap;
  background: #f9f9f8; border-bottom: 1px solid #d9d9d6;
  padding: 0.4rem 0.9rem; font-size: 0.82rem; color: #333;
}
.boss-menu span:first-child { color: #217346; font-weight: 600; }

.boss-formula {
  display: flex; align-items: center; gap: 0.6rem;
  background: #fff; border-bottom: 1px solid #d9d9d6;
  padding: 0.3rem 0.9rem; font-size: 0.82rem;
}
.boss-cellref {
  min-width: 3rem; text-align: center; color: #444;
  border: 1px solid #d0d0cc; border-radius: 3px; padding: 0.1rem 0.3rem;
  background: #fafafa; font-variant-numeric: tabular-nums;
}
.boss-fx { color: #999; font-style: italic; }
.boss-formula-val { color: #222; font-family: ui-monospace, "Cascadia Code", Consolas, monospace; }

.boss-sheet { flex: 1; overflow: auto; background: #fff; }

.bx-table { border-collapse: collapse; width: 100%; min-width: 640px; }
.bx-table th, .bx-table td {
  border: 1px solid #e2e2df; padding: 0.28rem 0.55rem; font-size: 0.82rem; white-space: nowrap;
}
.bx-table thead th {
  background: #f3f3f1; color: #555; font-weight: 600; text-align: center; position: sticky; top: 0;
}
.bx-corner, .bx-rownum {
  background: #f3f3f1; color: #888; text-align: center; font-weight: 600;
  width: 2.2rem; position: sticky; left: 0;
}
.bx-colhead { background: #eef3ef !important; color: #1a1a1a; text-align: left; }
.bx-text { text-align: left; }
.bx-num { text-align: right; font-variant-numeric: tabular-nums; font-family: ui-monospace, Consolas, monospace; }
.bx-pos { color: #1a7a3a; }
.bx-neg { color: #c0392b; }
.bx-sel { outline: 2px solid #217346; outline-offset: -2px; background: #eaf4ee; }
.bx-headrow td, .bx-headrow th { border-top: none; }
.bx-sum td { background: #f7f7f5; font-weight: 700; border-top: 2px solid #c8c8c4; }

.boss-statusbar {
  display: flex; align-items: center; justify-content: space-between; gap: 1rem;
  background: #217346; color: #fff; padding: 0.25rem 0.9rem; font-size: 0.76rem;
}
.boss-status-right { font-variant-numeric: tabular-nums; opacity: 0.92; }
.boss-tabs { opacity: 0.95; }