.tc-interoperability-mode{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-bottom:16px;
}

.tc-interoperability-mode label{
  padding:12px;
  border-radius:16px;
  border:1px solid rgba(15,23,42,.08);
  background:#f8fafc;
  font-weight:800;
  color:#0f172a;
}

.tc-interop-summary{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-bottom:16px;
}

.tc-interop-summary div,
.tc-sync-flow-grid label{
  padding:14px;
  border-radius:18px;
  background:#f8fafc;
  border:1px solid rgba(15,23,42,.08);
}

.tc-interop-summary span{
  display:block;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  color:#64748b;
  margin-bottom:6px;
}

.tc-interop-summary strong{
  display:block;
  font-size:15px;
  color:#0f172a;
}



.tc-sync-flow-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin:16px 0;
}

.tc-sync-flow-grid label{
  font-weight:900;
  color:#0f172a;
}

.tc-sync-flow-grid input,
.tc-interoperability-mode input{
  margin-right:6px;
}

.tc-interoperability-mode small{
  display:block;
  margin-top:6px;
  color:#64748b;
  font-size:12px;
  line-height:1.35;
}


.tc-interop-summary{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}

.tc-interop-summary div{
  padding:10px;
  border-radius:14px;
}

.tc-interop-summary span,
.connector-status-grid span{
  font-size:10px;
}

.tc-interop-summary strong,
.connector-status-grid strong{
  font-size:13px;
}

.tc-interoperability-mode{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}

.tc-interoperability-mode label{
  padding:10px;
  font-size:13px;
  border-radius:14px;
}

.tc-interoperability-mode small{
  font-size:11px;
}

.connector-grid{
  grid-template-columns:1fr 1fr 1fr;
  gap:10px;
}

.tc-sync-flow-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}

.tc-sync-flow-grid label{
  padding:10px;
  font-size:12px;
  min-height:54px;
}