/* Empire Tools v0.5.38 — Empire Sync Control Center */
.empire-sync-control-card{overflow:hidden}
.empire-sync-control{display:flex;flex-direction:column;gap:14px}
.sync-control-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.sync-control-head>div:first-child{display:grid;grid-template-columns:auto 1fr;column-gap:9px;align-items:center}
.sync-control-head strong{font-size:1rem}
.sync-control-head small{grid-column:2;display:block;color:var(--muted);margin-top:3px;line-height:1.35}
.sync-control-dot{width:11px;height:11px;border-radius:50%;display:inline-block;box-shadow:0 0 0 4px rgba(255,199,44,.12)}
.sync-control-dot.good{background:#2ea043;box-shadow:0 0 0 4px rgba(46,160,67,.12)}
.sync-control-dot.warn{background:#ffc72c}
.sync-control-dot.bad{background:#d93025;box-shadow:0 0 0 4px rgba(217,48,37,.12)}
.sync-mode-pill{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 10px;border-radius:999px;background:rgba(17,17,31,.08);font-size:.72rem;font-weight:900;white-space:nowrap}
.sync-mode-pill.live{background:rgba(46,160,67,.12);color:#176b2a}
.sync-control-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.sync-control-kpis>div{border:1px solid rgba(17,17,31,.08);border-radius:13px;padding:10px;background:rgba(17,17,31,.02)}
.sync-control-kpis span,.sync-control-detail span{display:block;font-size:.7rem;color:var(--muted);margin-bottom:4px}
.sync-control-kpis strong{display:block;font-size:1.05rem}
.sync-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.sync-control-detail{border:1px solid rgba(17,17,31,.08);border-radius:13px;padding:10px;background:#fff}
.sync-control-detail strong{display:block;font-size:.86rem;line-height:1.3;overflow-wrap:anywhere}
.sync-control-detail small{display:block;margin-top:4px;color:var(--muted);font-size:.68rem;line-height:1.3}
.sync-control-detail.danger{border-color:rgba(217,48,37,.28);background:rgba(217,48,37,.035)}
.sync-control-foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:2px;color:var(--muted);font-size:.72rem}
.shopify-mapping-card{margin-top:12px}
@media(max-width:700px){
  .sync-control-head{align-items:center}.sync-control-head small{font-size:.69rem}
  .sync-control-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sync-control-grid{grid-template-columns:1fr}
  .sync-control-foot{flex-direction:column;gap:4px}
}
/* v0.5.39 — Empire Sync v0.7 inventory + orders */
.sync-control-kpis .sync-kpi-action{border-color:rgba(255,199,44,.55);background:rgba(255,199,44,.09)}
.sync-control-kpis .sync-kpi-danger{border-color:rgba(217,48,37,.35);background:rgba(217,48,37,.05)}
.sync-control-kpis .sync-kpi-danger strong{color:#b42318}