:root{
  --bg:#003f40;
  --panel:#00565a;
  --panel2:#005f63;
  --operator:#004c4d;
  --line:#167176;
  --orange:#ff8338;
  --white:#ffffff;
  --muted:#d7ffff;
  --green:#00d889;
  --red:#ff4d4d;
  --yellow:#ffd84d;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{
  font-family:Arial, Helvetica, sans-serif;
  background:var(--bg);
  color:var(--white);
  font-size:16px;
}
.app-header{padding:24px 18px 14px;background:#003f40}
h1{margin:0 0 8px;color:var(--orange);font-size:30px;font-weight:800;letter-spacing:.3px}
.status-line{color:var(--orange);font-weight:800;margin-bottom:14px}
.nav-buttons{display:flex;gap:8px;flex-wrap:wrap}
.nav-buttons a{min-width:118px;text-align:center;text-decoration:none;color:var(--orange);border:1px solid var(--orange);border-radius:8px;padding:11px 22px;font-weight:800}
.nav-buttons a.active{color:#111;background:var(--orange)}
.nav-buttons a.disabled{opacity:.65;cursor:not-allowed}
.page{padding:8px 18px 36px}
.panel-card{width:100%;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:28px 22px 22px;margin-bottom:18px}
.best-card{background:var(--panel2);border-color:rgba(255,131,56,.5)}
.operator-card{background:var(--operator);border:2px solid var(--yellow);box-shadow:0 0 0 1px rgba(255,216,77,.12) inset}
.operator-card.tem-entrada{border-color:var(--green);box-shadow:0 0 18px rgba(0,216,137,.18)}
.operator-card.sem-entrada{border-color:rgba(255,216,77,.75)}
.operator-header{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:8px}
.panel-card h2{margin:0 0 18px;color:var(--orange);font-size:26px}
.operator-card h2{margin:0;color:var(--orange);font-size:28px}
.operator-badge{display:inline-block;border-radius:8px;padding:10px 14px;font-weight:900;letter-spacing:.4px;font-size:16px}
.badge-enter{background:var(--green);color:#082b1e}
.badge-wait{background:var(--yellow);color:#1b1b1b}
.operator-message{margin:0 0 14px;color:var(--muted);font-weight:800}
.operator-message.alerta{color:var(--green);font-size:18px}
.legend{margin:0 0 16px;color:var(--orange);font-weight:700}
.legend.compact{color:var(--muted)}
.legend strong:nth-of-type(1){color:var(--green)}
.legend strong:nth-of-type(2){color:var(--yellow)}
.legend strong:nth-of-type(3){color:var(--yellow)}
.table-wrap{width:100%;overflow-x:auto}
table{width:100%;border-collapse:collapse;min-width:1080px}
th{color:var(--orange);text-align:left;font-weight:800;padding:9px 8px;border-bottom:1px solid var(--line);white-space:nowrap}
td{padding:8px 8px;border-bottom:1px solid rgba(255,255,255,.09);color:var(--white);white-space:nowrap}
.coin{color:var(--orange);font-weight:800}
.dec-enter-long,.dec-aguardar-long{color:var(--green);font-weight:800}
.dec-enter-short,.dec-aguardar-short{color:var(--red);font-weight:800}
.dec-enter-long,.dec-enter-short{font-size:17px;text-decoration:underline;text-underline-offset:3px}
.dec-nao{color:var(--yellow);font-weight:800}
.stop{color:var(--red);font-weight:700}
.gain{color:var(--green);font-weight:800}
.motivo{color:var(--muted);white-space:normal;min-width:260px}
.empty{color:var(--yellow);font-weight:800;padding:14px 8px}
@media(max-width:900px){
  body{font-size:14px}
  .app-header{padding:18px 12px 10px}
  .page{padding:8px 10px 26px}
  .panel-card{padding:20px 14px}
  h1{font-size:26px}
  .panel-card h2,.operator-card h2{font-size:22px}
  .nav-buttons a{min-width:105px;padding:10px 14px}
  table{min-width:980px}
}