:root{ --wcc-bg:#1f2937; --wcc-fg:#fff; --wcc-accent:#10b981; --wcc-muted:#9ca3af; }
#wcc-banner{ position:fixed; inset:auto 0 0 0; background:var(--wcc-bg); color:var(--wcc-fg); z-index:99999; box-shadow:0 -4px 20px rgba(0,0,0,.3); font:14px/1.4 system-ui, -apple-system, Segoe UI, Roboto, sans-serif; }
.wcc-banner__content{ max-width:1100px; margin:0 auto; padding:16px; display:flex; gap:16px; align-items:center; justify-content:space-between; }
.wcc-banner__text{ flex:1; }
.wcc-title{ font-size:16px; }
.wcc-body{ color:var(--wcc-muted); margin:8px 0; }
.wcc-banner__actions{ display:flex; gap:8px; }
.wcc-btn{ background:#334155; color:#fff; border:none; padding:10px 14px; border-radius:6px; cursor:pointer; }
.wcc-btn:hover{ background:#475569; }
.wcc-accept-all{ background:var(--wcc-accent); color:#111827; font-weight:600; }

/* Modal */
.wcc-modal{ position:fixed; inset:0; background:rgba(0,0,0,.5); display:flex; align-items:center; justify-content:center; z-index:100000; }
.wcc-modal[hidden]{ display:none; }
.wcc-modal__dialog{ background:#fff; color:#111; width:min(800px,92vw); border-radius:10px; overflow:hidden; box-shadow:0 10px 40px rgba(0,0,0,.4) }
.wcc-modal__header{ display:flex; align-items:center; justify-content:space-between; padding:12px 16px; background:#f3f4f6; border-bottom:1px solid #e5e7eb; }
.wcc-modal__body{ padding:16px; max-height:60vh; overflow:auto; }
.wcc-modal__footer{ padding:12px 16px; background:#f9fafb; border-top:1px solid #e5e7eb; display:flex; justify-content:flex-end; gap:8px }
.wcc-modal__close{ background:transparent; border:none; font-size:22px; cursor:pointer }

/* table */
.wcc-cookie-table{ width:100%; border-collapse:collapse; font-size:14px }
.wcc-cookie-table th, .wcc-cookie-table td{ border:1px solid #e5e7eb; padding:8px; text-align:left }
.wcc-cat-title{ margin-top:16px }