/* Globall Cloud Staff OS — production command layer 2026-09-09 */
.gc-pro-ribbon{
  display:grid;
  grid-template-columns:minmax(220px,1fr) auto auto;
  gap:10px;
  align-items:center;
  margin:0 0 10px;
  padding:10px 12px;
  border:1px solid rgba(22,199,229,.18);
  border-radius:14px;
  background:linear-gradient(135deg,rgba(8,27,49,.94),rgba(3,16,31,.98));
  box-shadow:0 10px 28px rgba(0,0,0,.14);
}
.gc-pro-brand,.gc-pro-chips,.gc-pro-actions{display:flex;align-items:center;gap:7px}
.gc-pro-brand{min-width:0}
.gc-pro-brand>div{display:grid;gap:1px;min-width:0}
.gc-pro-brand strong{font:900 10px var(--mono);letter-spacing:.08em}
.gc-pro-brand small{color:var(--muted);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gc-pro-pulse{width:9px;height:9px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 5px rgba(88,230,176,.08),0 0 14px rgba(88,230,176,.35);flex:none}
.gc-pro-chips{justify-content:center;flex-wrap:wrap}
.gc-pro-chip{
  border:1px solid rgba(157,182,211,.16);
  color:var(--muted);
  border-radius:999px;
  padding:5px 8px;
  font:800 9px var(--mono);
  background:rgba(255,255,255,.025);
}
.gc-pro-chip[data-state="ok"],.gc-pro-chip[data-pro-state="live"]{color:var(--mint);border-color:rgba(88,230,176,.28)}
.gc-pro-chip[data-state="warn"],.gc-pro-chip[data-state="bad"],.gc-pro-chip[data-pro-state="warn"]{color:var(--amber);border-color:rgba(255,211,122,.28)}
.gc-pro-actions{justify-content:flex-end}
.gc-pro-health-summary{overflow:hidden}
.gc-pro-health-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
  margin-top:9px;
}
.gc-pro-health-grid>div{
  padding:10px;
  border:1px solid rgba(157,182,211,.12);
  border-radius:12px;
  background:rgba(255,255,255,.02);
}
.gc-pro-health-grid span{display:block;color:var(--muted);font-size:9px}
.gc-pro-health-grid strong{display:block;margin-top:4px;font:900 18px var(--mono);color:var(--text)}
#gcHealthIssues[data-state="warn"]{color:var(--amber)}
#gcHealthIssues[data-state="ok"]{color:var(--mint)}
.gc-pro-health-note{
  margin-top:8px;
  padding-top:8px;
  border-top:1px dashed rgba(157,182,211,.12);
  color:var(--muted);
  font-size:9px;
}
.gc-pro-retry{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:12px;
  margin-top:10px;
  border:1px solid rgba(255,211,122,.16);
  border-radius:12px;
  background:rgba(255,211,122,.03);
}
.gc-pro-retry small{color:var(--muted);font-size:9px}
.gc-pro-palette-backdrop{
  position:fixed;
  inset:0;
  z-index:99999;
  display:grid;
  place-items:start center;
  padding:12vh 16px 24px;
  background:rgba(0,5,13,.72);
  backdrop-filter:blur(9px);
}
.gc-pro-palette{
  width:min(720px,100%);
  border:1px solid rgba(22,199,229,.2);
  border-radius:18px;
  background:#07182a;
  box-shadow:0 30px 80px rgba(0,0,0,.4);
  overflow:hidden;
}
.gc-pro-palette-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:14px;
  border-bottom:1px solid rgba(157,182,211,.12);
}
.gc-pro-palette-head div{display:grid;gap:2px}
.gc-pro-palette-head span{font:800 8px var(--mono);color:var(--cyan)}
.gc-pro-palette-head strong{font-size:15px}
.gc-pro-palette> .field{margin:12px;width:calc(100% - 24px)}
.gc-pro-palette-list{max-height:55vh;overflow:auto;padding:0 10px 10px}
.gc-pro-command{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  width:100%;
  padding:11px 12px;
  border:1px solid transparent;
  border-radius:10px;
  background:transparent;
  color:var(--text);
  text-align:right;
  cursor:pointer;
}
.gc-pro-command:hover,.gc-pro-command:focus-visible{border-color:rgba(22,199,229,.18);background:rgba(22,199,229,.06);outline:none}
.gc-pro-command span{font:700 8px var(--mono);color:var(--muted)}
.gc-pro-command strong{font-size:11px}
@media(max-width:980px){
  .gc-pro-ribbon{grid-template-columns:1fr}
  .gc-pro-chips{justify-content:flex-start}
  .gc-pro-actions{justify-content:flex-start}
}
@media(max-width:560px){
  .gc-pro-ribbon{padding:9px}
  .gc-pro-brand small{white-space:normal;line-height:1.5}
  .gc-pro-actions{display:grid;grid-template-columns:1fr 1fr}
  .gc-pro-actions .btn{width:100%}
  .gc-pro-health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gc-pro-health-grid>div:last-child{grid-column:1/-1}
  .gc-pro-retry{flex-direction:column;text-align:center}
}