/* RF OBERON V54 — UI for original WWW + STATS data that had no visible slot */

.live-status-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.live-status-card{
  border:1px solid rgba(60,145,184,.35);
  background:linear-gradient(180deg,rgba(6,30,43,.96),rgba(3,17,27,.98));
  border-radius:8px;
  padding:14px;
  min-height:82px;
}
.live-status-card span{
  display:block;
  color:#769aae;
  font-size:10px;
  letter-spacing:.08em;
  margin-bottom:8px;
}
.live-status-card strong{
  color:#e8f5fb;
  font-size:17px;
}
.live-status-card strong.ok{color:#59e5a0}
.live-status-card strong.bad{color:#ff667e}
.live-status-card strong.gold{color:#ffd05b}

.world-status-note{
  color:#84a9ba;
  font-size:11px;
  margin-bottom:10px;
  line-height:1.55;
}

.map-status-table td:nth-child(1){font-weight:800;color:#dff4ff}
.map-status-table td:nth-child(2){color:#8fc8e1}
.map-status-table td:nth-child(3){font-family:Consolas,monospace;color:#bdd5e0}

.job-cell{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:150px;
}
.job-icon{
  width:30px;
  height:30px;
  object-fit:cover;
  border:1px solid rgba(74,154,193,.45);
  border-radius:4px;
  background:#06141e;
  flex:0 0 30px;
}
.job-name{
  display:flex;
  flex-direction:column;
  line-height:1.2;
}
.job-name strong{font-size:11px;color:#e7f4fa}
.job-name small{font-size:9px;color:#6f9bb0;margin-top:3px}

.admin-tool-box{
  border:1px solid rgba(211,153,43,.42);
  background:linear-gradient(180deg,rgba(42,30,7,.42),rgba(8,19,27,.96));
  border-radius:8px;
  padding:14px;
}
.admin-tool-warning{
  color:#f2c861;
  font-size:11px;
  line-height:1.55;
  margin-bottom:12px;
}
.admin-tool-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
}
.admin-tool-result{
  margin-top:10px;
  font-size:11px;
  color:#8db2c3;
  min-height:17px;
}
.admin-tool-result.ok{color:#5ce0a0}
.admin-tool-result.bad{color:#ff7188}

.server-source{
  font-size:10px;
  color:#6f96aa;
  word-break:break-all;
}

@media(max-width:850px){
  .live-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){
  .live-status-grid{grid-template-columns:1fr}
  .admin-tool-row{grid-template-columns:1fr}
}