/* ORBIT_PUBLISH_ADMIN_CONTROL_CENTER_V1 */

#publishAdmin{
  --opa-blue:#3478f6;
  --opa-cyan:#16bad6;
  --opa-green:#148557;
  --opa-red:#bd3946;
  --opa-orange:#b66b12;
}

.opa-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  flex-wrap:wrap;
  margin-bottom:18px;
}

.opa-head h2{
  margin:0 0 5px;
}

.opa-muted{
  color:var(--muted);
  font-size:13px;
}

.opa-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

.opa-btn{
  border:1px solid var(--border);
  background:white;
  color:var(--text);
  border-radius:10px;
  padding:9px 13px;
  cursor:pointer;
  font-weight:700;
}

.opa-btn.primary{
  background:linear-gradient(135deg,var(--opa-cyan),var(--opa-blue));
  border-color:transparent;
  color:white;
}

.opa-btn.good{
  background:#e6f7ef;
  color:#12623f;
  border-color:#bce9d2;
}

.opa-btn.bad{
  background:#fdebed;
  color:#a92f3a;
  border-color:#f4c4c9;
}

.opa-btn.warn{
  background:#fff4df;
  color:#8b570e;
  border-color:#efd39f;
}

.opa-tabs{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin:0 0 18px;
}

.opa-tab{
  border:1px solid var(--border);
  background:white;
  color:var(--text);
  border-radius:999px;
  padding:9px 15px;
  cursor:pointer;
  font-weight:700;
}

.opa-tab.active{
  background:#102b49;
  color:white;
  border-color:#102b49;
}

.opa-pane{
  display:none;
}

.opa-pane.active{
  display:block;
}

.opa-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-bottom:18px;
}

.opa-stat{
  border:1px solid var(--border);
  background:white;
  border-radius:16px;
  padding:16px;
  min-width:0;
}

.opa-stat small{
  display:block;
  color:var(--muted);
  margin-bottom:7px;
}

.opa-stat strong{
  display:block;
  font-size:25px;
  overflow-wrap:anywhere;
}

.opa-card{
  border:1px solid var(--border);
  background:white;
  border-radius:16px;
  padding:16px;
  margin-bottom:16px;
}

.opa-card h3{
  margin:0 0 12px;
}

.opa-toolbar{
  display:flex;
  gap:8px;
  align-items:center;
  flex-wrap:wrap;
  margin-bottom:12px;
}

.opa-input,
.opa-select,
.opa-textarea{
  border:1px solid var(--border);
  background:white;
  color:var(--text);
  border-radius:9px;
  padding:9px 10px;
  min-height:40px;
}

.opa-input{
  min-width:200px;
}

.opa-textarea{
  width:100%;
  min-height:130px;
  resize:vertical;
}

.opa-table-wrap{
  width:100%;
  overflow:auto;
  border:1px solid var(--border);
  border-radius:12px;
}

.opa-table{
  width:100%;
  min-width:900px;
  border-collapse:collapse;
}

.opa-table th,
.opa-table td{
  padding:10px 9px;
  border-bottom:1px solid var(--border);
  text-align:right;
  vertical-align:top;
  font-size:12px;
}

.opa-table th{
  background:#f6f9fc;
  white-space:nowrap;
}

.opa-badge{
  display:inline-flex;
  padding:4px 8px;
  border-radius:999px;
  font-size:11px;
  font-weight:800;
  background:#edf3f8;
}

.opa-badge.good{
  background:#e6f7ef;
  color:#12623f;
}

.opa-badge.bad{
  background:#fdebed;
  color:#a92f3a;
}

.opa-badge.warn{
  background:#fff4df;
  color:#8b570e;
}

.opa-progress{
  height:9px;
  border-radius:999px;
  background:#edf1f5;
  overflow:hidden;
  margin-top:8px;
}

.opa-progress > span{
  display:block;
  height:100%;
  background:linear-gradient(90deg,var(--opa-cyan),var(--opa-blue));
}

.opa-detail-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

.opa-kv{
  border:1px solid var(--border);
  border-radius:11px;
  padding:10px;
}

.opa-kv small{
  display:block;
  color:var(--muted);
  margin-bottom:4px;
}

.opa-empty,
.opa-loading,
.opa-error{
  padding:18px;
  text-align:center;
  color:var(--muted);
}

.opa-error{
  color:#a92f3a;
}

@media(max-width:1100px){
  .opa-stats{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:650px){
  .opa-stats,
  .opa-detail-grid{
    grid-template-columns:1fr;
  }

  .opa-input,
  .opa-select,
  .opa-btn{
    width:100%;
  }
}