.wtcc { position: fixed; max-width: 420px; z-index: 99999; }
#wtcc-banner-container .wtcc-banner { background: var(--wtcc-bg); color: var(--wtcc-text); border-radius: 14px; padding: 20px; box-shadow: 0 10px 30px rgba(0,0,0,.3); }
#wtcc-banner-container .wtcc-actions { display: grid; grid-template-columns: 1fr; gap: 8px; margin-top: 10px; }
#wtcc-banner-container .wtcc-btn { width: 100%; border: 0; border-radius: 10px; padding: 12px 14px; cursor: pointer; font-weight: 700; }
#wtcc-banner-container .wtcc-primary { background: var(--wtcc-primary); color: #111; }
#wtcc-banner-container .wtcc-secondary { background: rgba(255,255,255,0.08); color: var(--wtcc-text); }
#wtcc-banner-container .wtcc-settings-link { display: inline-block; margin-top: 10px; color: #bbb; text-decoration: underline; font-size: 13px; }
#wtcc-banner-container .bottom-right { right: 20px; bottom: 20px; position: fixed; }
#wtcc-banner-container .bottom-left { left: 20px; bottom: 20px; position: fixed; }
#wtcc-banner-container .bottom-center { left: 50%; transform: translateX(-50%); bottom: 20px; position: fixed; }
#wtcc-banner-container .is-hidden { display:none; }

/* Preference Center */
.wtcc-center { position: fixed; inset: 0; background: rgba(0,0,0,.6); z-index: 999999; display: flex; align-items: center; justify-content: center; }
.wtcc-center.is-hidden { display: none; }
.wtcc-center-dialog { width: min(860px, 92vw); max-height: 90vh; overflow: auto; background: #0f1115; color: #fff; border: 1px solid rgba(255,255,255,.1); border-radius: 14px; box-shadow: 0 20px 50px rgba(0,0,0,.5); }
.wtcc-center-header { display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; border-bottom: 1px solid rgba(255,255,255,.08); }
.wtcc-center-header h3 { margin: 0; font-size: 20px; }
.wtcc-close { background: transparent; color: #fff; font-size: 28px; border: 0; cursor: pointer; }
.wtcc-center-body { padding: 16px 20px; }
.wtcc-center-intro { color: #d7d7d7; }
.wtcc-group { border: 1px solid rgba(255,255,255,.15); border-radius: 8px; margin: 10px 0; overflow: hidden; }
.wtcc-group-header { display: flex; align-items: center; justify-content: space-between; padding: 12px 14px; background: rgba(255,255,255,.03); }
.wtcc-group-title { font-weight: 600; }
.wtcc-badge { color: #7fb3ff; font-size: 12px; }
.wtcc-group-body { padding: 12px 14px; color: #cfcfcf; }
.wtcc-toggle { position: relative; width: 46px; height: 26px; background: #444; border-radius: 20px; cursor: pointer; display: inline-block; vertical-align: middle; }
.wtcc-toggle input { display:none; }
.wtcc-toggle .knob { position: absolute; top: 3px; left: 3px; width: 20px; height: 20px; border-radius: 50%; background: #fff; transition: all .2s ease; }
.wtcc-toggle input:checked + .knob { left: 23px; background: var(--wtcc-primary); }
.wtcc-center-footer { display: flex; gap: 12px; justify-content: flex-end; padding: 16px 20px; border-top: 1px solid rgba(255,255,255,.08); }
.wtcc-btn { border: 0; border-radius: 10px; padding: 12px 16px; font-weight: 700; cursor: pointer; }
.wtcc-primary { background: var(--wtcc-primary); color: #111; }
.wtcc-secondary { background: rgba(255,255,255,0.1); color: #fff; }

/* Shortcode box */
.wtcc-settings-shortcode { background:#111; color:#fff; padding:20px; border-radius:14px; max-width:600px; margin:30px auto; box-shadow:0 8px 25px rgba(0,0,0,.4); }
.wtcc-settings-shortcode .wtcc-btn { display:block; width:100%; margin:8px 0; padding:12px; border-radius:10px; border:0; font-weight:700; cursor:pointer; }
.wtcc-settings-shortcode [data-wtcc-action="accept-all"] { background: var(--wtcc-primary); color:#111; }
.wtcc-settings-shortcode [data-wtcc-action="reject-all"] { background: rgba(255,255,255,0.08); color:#fff; }
.wtcc-settings-shortcode [data-wtcc-action="open-center"] { background: transparent; border:1px solid #444; color:#ccc; }