/* Stage 402 — Deriv-native Live Contract Sync & Workspace QA */
#q402SyncPanel{position:fixed;left:22px;right:22px;bottom:18px;z-index:2147482800;display:grid;grid-template-columns:minmax(220px,1fr) minmax(320px,1.4fr);gap:12px;pointer-events:none;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
#q402SyncPanel *{box-sizing:border-box}
.q402-card{pointer-events:auto;border:1px solid rgba(124,240,255,.18);background:linear-gradient(135deg,rgba(5,11,21,.92),rgba(11,21,35,.88));box-shadow:0 18px 50px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.08);border-radius:18px;padding:12px 14px;color:#dcecff;backdrop-filter:blur(16px)}
.q402-card h4{margin:0 0 8px;font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:#7cf0ff;display:flex;align-items:center;gap:8px}.q402-card h4::before{content:"";width:8px;height:8px;border-radius:50%;background:#4ade80;box-shadow:0 0 18px rgba(74,222,128,.85)}
.q402-card[data-state="blocked"] h4::before,.q402-card[data-state="guarded"] h4::before{background:#f59e0b;box-shadow:0 0 18px rgba(245,158,11,.85)}.q402-card[data-state="error"] h4::before{background:#fb7185;box-shadow:0 0 18px rgba(251,113,133,.85)}
.q402-main-status{display:flex;align-items:center;justify-content:space-between;gap:12px}.q402-main-status strong{font-size:14px;color:#fff}.q402-main-status span{font-size:11px;color:#91a8c6;text-align:right}.q402-policy{margin-top:8px;display:flex;gap:6px;flex-wrap:wrap}.q402-chip{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);border-radius:999px;padding:5px 8px;font-size:10px;color:#b8c8e0}.q402-chip.good{color:#9ff7c6;border-color:rgba(74,222,128,.28);background:rgba(34,197,94,.10)}.q402-chip.warn{color:#ffd38b;border-color:rgba(245,158,11,.28);background:rgba(245,158,11,.10)}
.q402-steps{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.q402-step{min-height:45px;border:1px solid rgba(255,255,255,.10);border-radius:12px;padding:7px 8px;background:rgba(255,255,255,.045)}.q402-step b{display:block;font-size:10px;color:#fff;line-height:1.1}.q402-step span{display:block;font-size:9px;color:#91a8c6;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.q402-step.good{border-color:rgba(74,222,128,.34);background:rgba(34,197,94,.10)}.q402-step.warn{border-color:rgba(245,158,11,.34);background:rgba(245,158,11,.10)}.q402-step.bad{border-color:rgba(251,113,133,.34);background:rgba(251,113,133,.10)}
body.q402-sync-visible #q402SyncPanel{display:grid}.q402-mini-toggle{position:fixed;left:22px;bottom:18px;z-index:2147482801;pointer-events:auto;border:1px solid rgba(124,240,255,.26);background:#07111f;color:#9ff7ff;border-radius:999px;padding:8px 11px;font:900 11px Inter,system-ui;box-shadow:0 12px 32px rgba(0,0,0,.32);cursor:pointer}.q402-sync-collapsed #q402SyncPanel{display:none}.q402-sync-collapsed .q402-mini-toggle{display:block}body:not(.q402-sync-collapsed) .q402-mini-toggle{display:none}
@media(max-width:920px){#q402SyncPanel{left:10px;right:10px;bottom:10px;grid-template-columns:1fr}.q402-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.q402-step{min-height:38px}}