/* nutzt deine globalen Tokens */
.cookie-banner{
  position:fixed; right:20px; bottom:20px; z-index:99999;
  max-width:360px; display:none; gap:12px;
  background:var(--card); color:var(--ink);
  border-radius:var(--radius); box-shadow:var(--shadow);
  overflow:hidden;
  font-family: Inter, system-ui, Segoe UI, Roboto, Arial, sans-serif;
}
.cookie-body{padding:16px; display:flex; flex-direction:column; gap:12px}
.cookie-text{margin:0; color:var(--muted); font-size:.95rem}
.cookie-actions{display:flex; gap:8px; flex-wrap:wrap}
.btn{border:none; border-radius:var(--radius); padding:8px 12px; cursor:pointer; font-size:.9rem}
.btn-muted{background:var(--muted); color:#fff}
.btn-accept{background:var(--brand); color:#fff}
.btn-settings{background:#e9eef1; color:var(--ink)}
.cookie-compact{
  display:none; align-items:center; gap:10px; padding:10px 12px; border-top:1px solid rgba(0,0,0,.06);
  color:var(--muted); font-size:.95rem;
}
.cookie-compact .link{background:none;border:none;color:var(--brand);cursor:pointer;padding:0;font-size:.95rem}

.cookie-panel{padding:16px; border-top:1px solid rgba(0,0,0,.06)}
.cookie-panel h3{margin:.25rem 0 1rem 0; font-size:1rem; color:var(--ink)}
.cookie-panel .row{display:flex; align-items:center; gap:8px; margin:.4rem 0; color:var(--muted)}
.panel-actions{display:flex; gap:8px; margin-top:12px}

/* Mobile */
@media (max-width: 560px){
  .cookie-banner{left:12px; right:12px; bottom:12px; max-width:none}
  .cookie-body{display:none}
  .cookie-compact{display:flex; justify-content:space-between}
}