/* West Gate Live Operations v1.9.1 */
.wglo-section {
  margin-top: 2rem;
  border: 1px solid rgba(127,127,127,.25);
  border-radius: 16px;
  padding: 1.15rem;
  background: rgba(127,127,127,.025);
}
.wglo-intro { max-width: 80rem; }
.wglo-interpretation {
  margin: .9rem 0 1rem;
  padding: .85rem 1rem;
  border-left: 4px solid #2563eb;
  background: rgba(37,99,235,.06);
  border-radius: 8px;
  line-height: 1.45;
}
.wglo-summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: .75rem;
  margin: 1rem 0;
}
.wglo-summary-card {
  border: 1px solid rgba(127,127,127,.24);
  border-radius: 12px;
  padding: .85rem;
  background: rgba(127,127,127,.035);
  min-width: 0;
}
.wglo-summary-card span {
  display:block;
  font-size:.78rem;
  color:#697386;
  margin-bottom:.25rem;
}
.wglo-summary-card strong {
  display:block;
  font-size:1.55rem;
  line-height:1.05;
}
.wglo-summary-card small {
  display:block;
  margin-top:.35rem;
  line-height:1.35;
}
.wglo-toolbar {
  display:flex;
  flex-wrap:wrap;
  gap:.75rem 1rem;
  align-items:end;
  margin:1rem 0;
}
.wglo-toolbar label { display:grid; gap:.3rem; font-size:.86rem; }
.wglo-toolbar select {
  min-height:40px;
  padding:.45rem .7rem;
  border:1px solid rgba(127,127,127,.35);
  border-radius:8px;
  background:inherit;
  color:inherit;
}
.wglo-status { margin-left:auto; text-align:right; }
.wglo-panel { margin-top:1.25rem; }
.wglo-panel-head {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:.5rem 1rem;
  align-items:end;
  margin-bottom:.55rem;
}
.wglo-panel-head h3 { margin:0; }
.wglo-scroll {
  overflow-x:auto;
  border:1px solid rgba(127,127,127,.22);
  border-radius:12px;
  background:rgba(127,127,127,.02);
}
.wglo-grid {
  display:grid;
  width:max-content;
  min-width:100%;
  gap:2px;
  padding:.75rem;
  align-items:center;
}
.wglo-grid.highres { grid-template-columns: 300px repeat(60, 13px); }
.wglo-grid.context { grid-template-columns: 300px repeat(288, 5px); gap:1px; }
.wglo-corner {
  position:sticky;
  left:0;
  z-index:5;
  background:var(--background,#fff);
  font-weight:700;
  padding-right:.5rem;
}
.wglo-time {
  height:36px;
  position:relative;
  font-size:.7rem;
  color:#697386;
}
.wglo-time span {
  position:absolute;
  bottom:1px;
  left:3px;
  transform:rotate(-55deg);
  transform-origin:left bottom;
  white-space:nowrap;
}
.wglo-label {
  position:sticky;
  left:0;
  z-index:4;
  background:var(--background,#fff);
  padding-right:.6rem;
  min-height:20px;
  display:flex;
  align-items:center;
  font-size:.8rem;
  font-weight:650;
  line-height:1.15;
}
.wglo-label.outbound-start,
.wglo-cell.outbound-start {
  margin-top:7px;
  box-shadow:0 -5px 0 rgba(127,127,127,.13);
}
.wglo-cell {
  border:0;
  padding:0;
  border-radius:2px;
  cursor:pointer;
  outline-offset:2px;
}
.highres .wglo-cell { width:13px; height:22px; }
.context .wglo-cell { width:5px; height:18px; border-radius:1px; }
.wglo-cell.selected { outline:2px solid #172554; }
.wglo-cell.governed { box-shadow:inset 0 0 0 1px rgba(17,24,39,.28); }
.wglo-cell.outbound-start.governed {
  box-shadow:0 -5px 0 rgba(127,127,127,.13), inset 0 0 0 1px rgba(17,24,39,.28);
}
.wglo-cell.missing {
  background:repeating-linear-gradient(135deg,rgba(127,127,127,.18) 0 2px,transparent 2px 4px) !important;
}
.wglo-legend {
  display:flex;
  flex-wrap:wrap;
  gap:.45rem .9rem;
  align-items:center;
  margin-top:.65rem;
  font-size:.8rem;
}
.wglo-legend span { display:inline-flex; align-items:center; gap:.3rem; }
.wglo-legend i {
  width:18px; height:12px; border-radius:2px; display:inline-block;
}
.wglo-detail {
  margin-top:.85rem;
  padding:.8rem 1rem;
  border:1px solid rgba(127,127,127,.24);
  border-radius:10px;
  min-height:3.2rem;
}
.wglo-detail strong { display:block; margin-bottom:.2rem; }
.wglo-error {
  padding:.8rem 1rem;
  border:1px solid rgba(180,80,80,.45);
  border-radius:10px;
  margin:.8rem 0;
}
@media (max-width:1000px) {
  .wglo-summary-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .wglo-status { margin-left:0; text-align:left; width:100%; }
}
@media (max-width:600px) {
  .wglo-summary-grid { grid-template-columns:1fr; }
  .wglo-section { padding:.85rem; }
}
