:root{--jqc-bg:#0f172a;--jqc-fg:#fff;--jqc-ok:#16a34a;--jqc-warn:#d97706;--jqc-err:#dc2626;--jqc-border:#dbe3ee}
.jqc-status{position:fixed;right:16px;bottom:16px;z-index:99998;display:flex;gap:8px;align-items:center;padding:9px 12px;border-radius:999px;background:rgba(15,23,42,.94);color:#fff;font:600 12px/1.2 Inter,Arial,sans-serif;box-shadow:0 10px 30px rgba(15,23,42,.22);backdrop-filter:blur(12px)}
.jqc-dot{width:8px;height:8px;border-radius:50%;background:var(--jqc-ok);box-shadow:0 0 0 4px rgba(22,163,74,.16)}
.jqc-status[data-state="offline"] .jqc-dot{background:var(--jqc-warn);box-shadow:0 0 0 4px rgba(217,119,6,.16)}
.jqc-status[data-state="error"] .jqc-dot{background:var(--jqc-err);box-shadow:0 0 0 4px rgba(220,38,38,.16)}
.jqc-toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,20px);z-index:99999;max-width:min(520px,calc(100vw - 32px));padding:13px 16px;border-radius:12px;background:#111827;color:#fff;opacity:0;pointer-events:none;transition:.2s ease;font:500 13px/1.45 Inter,Arial,sans-serif;box-shadow:0 18px 42px rgba(0,0,0,.24)}
.jqc-toast.show{opacity:1;transform:translate(-50%,0)}
.jqc-restore{position:fixed;top:16px;left:50%;transform:translateX(-50%);z-index:99997;display:flex;gap:12px;align-items:center;max-width:min(680px,calc(100vw - 24px));padding:12px 14px;border:1px solid var(--jqc-border);border-radius:14px;background:#fff;color:#172033;box-shadow:0 16px 45px rgba(15,23,42,.16);font:500 13px/1.35 Inter,Arial,sans-serif}
.jqc-restore strong{display:block}.jqc-restore-actions{display:flex;gap:8px;margin-left:auto}.jqc-restore button{border:1px solid #cbd5e1;border-radius:9px;padding:7px 10px;background:#fff;font-weight:700;cursor:pointer}.jqc-restore .primary{background:#111827;color:#fff;border-color:#111827}
.jqc-focus:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(37,99,235,.45)!important;outline-offset:2px!important}
@media(max-width:640px){.jqc-status{right:10px;bottom:10px}.jqc-restore{align-items:flex-start;flex-wrap:wrap}.jqc-restore-actions{width:100%;margin-left:0}}
@media(prefers-reduced-motion:reduce){.jqc-toast{transition:none}}