:root{
  --qcc-primary:#2563eb;
  --qcc-text:#f9fafb;
  --qcc-muted:#d1d5db;
  --qcc-border:rgba(255,255,255,.12);
}
.qcc-root{position:relative;z-index:999999;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
.qcc-banner{
  position:fixed;left:16px;right:16px;max-width:1100px;margin:0 auto;
  background:rgba(17,24,39,.96);color:var(--qcc-text);
  border:1px solid var(--qcc-border);
  box-shadow:0 10px 30px rgba(0,0,0,.25);backdrop-filter:blur(8px)
}
.qcc-bottom{bottom:16px}.qcc-top{top:16px}
.qcc-bar{border-radius:16px;padding:16px}
.qcc-box{border-radius:18px;padding:18px;max-width:520px}
.qcc-content{display:flex;gap:14px;align-items:center;justify-content:space-between}
.qcc-box .qcc-content{flex-direction:column;align-items:stretch}
.qcc-title{font-weight:700;font-size:16px;margin-bottom:4px}
.qcc-message{font-size:14px;color:var(--qcc-muted);line-height:1.35}
.qcc-links{margin-top:8px;display:flex;gap:12px;flex-wrap:wrap}
.qcc-links a{color:#c7d2fe;text-decoration:none;font-size:13px}
.qcc-links a:hover{text-decoration:underline}
.qcc-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.qcc-box .qcc-actions{width:100%;justify-content:stretch}
.qcc-box .qcc-actions .qcc-btn{flex:1}
.qcc-btn{
  appearance:none;border:1px solid var(--qcc-border);background:transparent;color:var(--qcc-text);
  padding:10px 12px;border-radius:12px;cursor:pointer;font-weight:600;font-size:14px
}
.qcc-btn:hover{border-color:rgba(255,255,255,.24)}
.qcc-primary{background:var(--qcc-primary);border-color:transparent}
.qcc-primary:hover{filter:brightness(1.05)}
.qcc-link{background:rgba(255,255,255,.06)}
@media (max-width:720px){
  .qcc-content{flex-direction:column;align-items:stretch}
  .qcc-actions{justify-content:stretch}
  .qcc-actions .qcc-btn{flex:1}
}
.qcc-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;padding:18px}
.qcc-modal{
  width:min(560px,100%);background:rgba(17,24,39,.98);color:var(--qcc-text);
  border:1px solid var(--qcc-border);border-radius:18px;box-shadow:0 20px 60px rgba(0,0,0,.45)
}
.qcc-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--qcc-border)}
.qcc-modal-title{font-weight:800;font-size:16px}
.qcc-close{border:1px solid var(--qcc-border);background:transparent;color:var(--qcc-text);border-radius:10px;width:34px;height:34px;cursor:pointer}
.qcc-modal-body{padding:10px 16px}
.qcc-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.qcc-row:last-child{border-bottom:none}
.qcc-row-title{font-weight:700}
.qcc-row-desc{font-size:13px;color:var(--qcc-muted);margin-top:2px;line-height:1.25}
.qcc-toggle{width:52px;height:30px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);position:relative;cursor:pointer}
.qcc-toggle span{width:24px;height:24px;border-radius:50%;background:#fff;position:absolute;top:2px;left:2px;transition:transform .18s ease}
.qcc-toggle[aria-checked="true"]{background:var(--qcc-primary);border-color:transparent}
.qcc-toggle[aria-checked="true"] span{transform:translateX(22px)}
.qcc-disabled{opacity:.5;cursor:not-allowed}
.qcc-modal-footer{padding:14px 16px;border-top:1px solid var(--qcc-border);display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.qcc-modal-footer .qcc-btn{padding:10px 14px}
.qcc-fab{
  position:fixed;right:18px;bottom:18px;width:46px;height:46px;border-radius:999px;
  border:1px solid rgba(0,0,0,.08);background:#fff;color:#111827;
  box-shadow:0 10px 30px rgba(0,0,0,.2);cursor:pointer;font-size:20px
}
.qcc-fab:hover{filter:brightness(.98)}


/* Left-side floating button */
.qcc-fab-left{ left:18px; right:auto !important; }


/* --- v1.0.3 mobile/theme hardening --- */
.qcc-root, .qcc-root * { box-sizing: border-box; }

/* Reset some theme button styles inside the cookie UI */
.qcc-root button{
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif !important;
  -webkit-appearance: none;
  appearance: none;
  text-transform: none;
}

/* Floating button: make emoji/text visible and centered (some themes force icon fonts) */
.qcc-root .qcc-fab{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  font-size:22px !important;
  line-height:1 !important;
  font-family: "Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif !important;
}

/* Close button: keep it compact even if theme adds padding/min sizes */
.qcc-root .qcc-close{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  font-size:18px !important;
  line-height:1 !important;
  width:36px !important;
  height:36px !important;
  min-width:36px !important;
  min-height:36px !important;
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif !important;
}
