.cookie-panel {
    position: fixed;
    inset: auto 16px 16px 16px;
    z-index: 99999;
    background: #111;
    color: #fff;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,.35);
    font: 14px/1.45 system-ui,Segoe UI,Roboto,Arial,sans-serif;
    max-width: 720px;
    margin-left: auto;
  }
  .cookie-panel .cp-inner { padding: 16px; }
  .cp-title { margin: 0 0 .25rem; font-size: 1.125rem; }
  .cp-desc { margin: .25rem 0 .75rem; }
  .cp-groups { margin:.5rem 0 1rem; padding:.5rem 0; border:0; }
  .cp-row { display:flex; gap:.6rem; align-items:start; padding:.35rem 0; }
  .cp-name { font-weight:600; }
  .cp-note, .cp-help { opacity:.8; }
  .cp-actions { display:flex; gap:.5rem; flex-wrap:wrap; }
  .cp-btn {
    padding:.5rem .9rem;
    border-radius:10px;
    border:1px solid #555;
    background:#222;
    color:#fff;
    cursor:pointer;
  }
  .cp-primary { background:#3b82f6; border-color:#3b82f6; }
  .cp-ghost { background:transparent; }
  .cookie-manage {
    position:fixed;
    right:16px;
    bottom:16px;
    z-index:99998;
    padding:.45rem .7rem;
    border-radius:999px;
    border:1px solid #555;
    background:#222;
    color:#fff;
    cursor:pointer;
  }
  .visually-hidden {
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0 0 0 0)!important;
    white-space:nowrap!important;
    border:0!important;
  }
  @media (max-width:480px) {
    .cookie-panel { left:8px; right:8px; }
  }