/* Avuneki x Complianz — dark graphite consent interface */
:root{
  --avu-cookie-bg:#0b1018;
  --avu-cookie-panel:#111925;
  --avu-cookie-line:rgba(177,207,241,.18);
  --avu-cookie-cyan:#67d8ff;
  --avu-cookie-violet:#9387ff;
  --avu-cookie-text:#eef5ff;
  --avu-cookie-muted:#a2afc0;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner{
  box-sizing:border-box!important;
  width:min(430px,calc(100vw - 32px))!important;
  max-width:430px!important;
  max-height:min(760px,calc(100dvh - 32px))!important;
  right:16px!important;
  bottom:16px!important;
  padding:24px!important;
  overflow:auto!important;
  border:1px solid rgba(103,216,255,.28)!important;
  border-radius:28px!important;
  background:
    radial-gradient(circle at 100% 0,rgba(147,135,255,.17),transparent 34%),
    radial-gradient(circle at 0 100%,rgba(103,216,255,.11),transparent 38%),
    linear-gradient(145deg,rgba(18,26,39,.985),rgba(7,11,18,.99))!important;
  box-shadow:0 28px 90px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.055)!important;
  color:var(--avu-cookie-text)!important;
  font-family:"Space Grotesk",Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  scrollbar-width:thin;
  scrollbar-color:rgba(103,216,255,.5) transparent;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner::-webkit-scrollbar{width:7px}
#cmplz-cookiebanner-container .cmplz-cookiebanner::-webkit-scrollbar-track{background:transparent}
#cmplz-cookiebanner-container .cmplz-cookiebanner::-webkit-scrollbar-thumb{border-radius:99px;background:rgba(103,216,255,.45)}

#cmplz-cookiebanner-container .cmplz-header{
  display:grid!important;
  grid-template-columns:44px 1fr 36px!important;
  align-items:center!important;
  gap:13px!important;
  min-height:44px!important;
}

#cmplz-cookiebanner-container .cmplz-header:before{
  content:"A";
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border:1px solid rgba(112,206,255,.36);
  border-radius:13px;
  background:linear-gradient(145deg,rgba(103,216,255,.12),rgba(147,135,255,.12));
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 8px 24px rgba(0,0,0,.22);
  color:var(--avu-cookie-cyan);
  font-size:19px;
  font-weight:600;
  letter-spacing:-.08em;
}

#cmplz-cookiebanner-container .cmplz-logo{display:none!important}
#cmplz-cookiebanner-container .cmplz-title{
  margin:0!important;
  color:var(--avu-cookie-text)!important;
  font-size:17px!important;
  font-weight:650!important;
  line-height:1.2!important;
  letter-spacing:-.02em!important;
}

#cmplz-cookiebanner-container .cmplz-close{
  display:grid!important;
  place-items:center!important;
  width:34px!important;
  height:34px!important;
  margin:0!important;
  border:1px solid rgba(255,255,255,.1)!important;
  border-radius:11px!important;
  background:rgba(255,255,255,.035)!important;
  color:#bdc8d7!important;
  cursor:pointer!important;
  transition:background .2s ease,color .2s ease,transform .2s ease!important;
}
#cmplz-cookiebanner-container .cmplz-close:hover{transform:rotate(3deg);background:rgba(103,216,255,.1)!important;color:#fff!important}
#cmplz-cookiebanner-container .cmplz-close svg{width:12px!important;height:12px!important}

#cmplz-cookiebanner-container .cmplz-divider{height:1px!important;margin:18px 0!important;background:linear-gradient(90deg,rgba(103,216,255,.42),rgba(147,135,255,.22),transparent)!important;border:0!important}
#cmplz-cookiebanner-container .cmplz-message{
  margin:0!important;
  color:var(--avu-cookie-muted)!important;
  font-size:13.5px!important;
  line-height:1.62!important;
}

#cmplz-cookiebanner-container .cmplz-categories{margin:18px 0 2px!important}
#cmplz-cookiebanner-container .cmplz-category{
  margin:8px 0!important;
  border:1px solid rgba(190,211,239,.11)!important;
  border-radius:15px!important;
  background:rgba(3,8,15,.34)!important;
  overflow:hidden!important;
}
#cmplz-cookiebanner-container .cmplz-category-header{padding:12px 13px!important;background:transparent!important}
#cmplz-cookiebanner-container .cmplz-category-title{color:#eaf2fc!important;font-size:13px!important;font-weight:620!important}
#cmplz-cookiebanner-container .cmplz-always-active{color:var(--avu-cookie-cyan)!important;font-size:10px!important;letter-spacing:.06em!important;text-transform:uppercase!important}
#cmplz-cookiebanner-container .cmplz-category-toggle{color:#a9b6c7!important}
#cmplz-cookiebanner-container .cmplz-category-toggle svg path{fill:currentColor!important}
#cmplz-cookiebanner-container .cmplz-description{padding:0 13px 13px!important;color:#8f9daf!important;font-size:12px!important;line-height:1.55!important}

#cmplz-cookiebanner-container .cmplz-label{
  border:1px solid rgba(255,255,255,.16)!important;
  background:#202a37!important;
  box-shadow:inset 0 1px rgba(255,255,255,.05)!important;
}
#cmplz-cookiebanner-container input:checked + .cmplz-label{border-color:rgba(103,216,255,.55)!important;background:linear-gradient(90deg,var(--avu-cookie-cyan),var(--avu-cookie-violet))!important}

#cmplz-cookiebanner-container .cmplz-buttons{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
  margin-top:19px!important;
}
#cmplz-cookiebanner-container .cmplz-btn{
  box-sizing:border-box!important;
  min-height:48px!important;
  margin:0!important;
  padding:11px 16px!important;
  border-radius:14px!important;
  font-family:inherit!important;
  font-size:13px!important;
  font-weight:650!important;
  line-height:1.2!important;
  letter-spacing:.01em!important;
  cursor:pointer!important;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease!important;
}
#cmplz-cookiebanner-container .cmplz-btn:hover{transform:translateY(-1px)!important}
#cmplz-cookiebanner-container .cmplz-accept{
  grid-column:1/-1!important;
  border:1px solid rgba(211,242,255,.75)!important;
  background:linear-gradient(135deg,#dff7ff,#cfd7ff)!important;
  box-shadow:0 10px 28px rgba(79,184,255,.17)!important;
  color:#07101a!important;
}
#cmplz-cookiebanner-container .cmplz-accept:hover{box-shadow:0 14px 34px rgba(79,184,255,.26)!important}
#cmplz-cookiebanner-container .cmplz-deny,
#cmplz-cookiebanner-container .cmplz-view-preferences,
#cmplz-cookiebanner-container .cmplz-save-preferences,
#cmplz-cookiebanner-container .cmplz-manage-options{
  border:1px solid rgba(189,211,241,.17)!important;
  background:rgba(255,255,255,.035)!important;
  color:#dbe7f5!important;
}
#cmplz-cookiebanner-container .cmplz-deny:hover,
#cmplz-cookiebanner-container .cmplz-view-preferences:hover,
#cmplz-cookiebanner-container .cmplz-save-preferences:hover{border-color:rgba(103,216,255,.42)!important;background:rgba(103,216,255,.07)!important}

#cmplz-cookiebanner-container .cmplz-links{margin-top:14px!important}
#cmplz-cookiebanner-container .cmplz-links ul{display:flex!important;justify-content:center!important;gap:13px!important;margin:0!important;padding:0!important;list-style:none!important}
#cmplz-cookiebanner-container .cmplz-link{color:#8695a8!important;font-size:11px!important;text-decoration:none!important}
#cmplz-cookiebanner-container .cmplz-link:hover{color:var(--avu-cookie-cyan)!important}

#cmplz-cookiebanner-container .cmplz-btn:focus-visible,
#cmplz-cookiebanner-container .cmplz-close:focus-visible,
#cmplz-manage-consent .cmplz-manage-consent:focus-visible{outline:3px solid rgba(103,216,255,.38)!important;outline-offset:3px!important}

/* Compact reopen control: no large white box over mobile content. */
#cmplz-manage-consent{
  right:auto!important;
  left:50%!important;
  bottom:max(10px,env(safe-area-inset-bottom))!important;
  transform:translateX(-50%)!important;
  z-index:2147483600!important;
}
#cmplz-manage-consent .cmplz-manage-consent{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  width:auto!important;
  min-width:0!important;
  min-height:42px!important;
  padding:10px 17px!important;
  border:1px solid rgba(103,216,255,.26)!important;
  border-radius:999px 999px 14px 14px!important;
  background:linear-gradient(145deg,rgba(20,29,43,.97),rgba(8,12,19,.98))!important;
  box-shadow:0 12px 38px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.06)!important;
  color:#dceafa!important;
  font-family:"Space Grotesk",Inter,system-ui,sans-serif!important;
  font-size:12px!important;
  font-weight:600!important;
  line-height:1!important;
  letter-spacing:.025em!important;
  white-space:nowrap!important;
}
#cmplz-manage-consent .cmplz-manage-consent:before{content:"◈";color:var(--avu-cookie-cyan);font-size:13px}
#cmplz-manage-consent .cmplz-manage-consent:hover{border-color:rgba(103,216,255,.55)!important;color:#fff!important}

@media (max-width:600px){
  #cmplz-cookiebanner-container .cmplz-cookiebanner{
    width:calc(100vw - 24px)!important;
    max-width:none!important;
    max-height:calc(100dvh - 24px)!important;
    right:12px!important;
    bottom:12px!important;
    padding:19px!important;
    border-radius:23px!important;
  }
  #cmplz-cookiebanner-container .cmplz-header{grid-template-columns:39px 1fr 34px!important;gap:11px!important}
  #cmplz-cookiebanner-container .cmplz-header:before{width:38px;height:38px;border-radius:12px;font-size:17px}
  #cmplz-cookiebanner-container .cmplz-title{font-size:15px!important}
  #cmplz-cookiebanner-container .cmplz-divider{margin:15px 0!important}
  #cmplz-cookiebanner-container .cmplz-message{font-size:12.5px!important;line-height:1.55!important}
  #cmplz-cookiebanner-container .cmplz-buttons{grid-template-columns:1fr!important}
  #cmplz-cookiebanner-container .cmplz-accept{grid-column:auto!important}
  #cmplz-cookiebanner-container .cmplz-btn{min-height:46px!important}
  #cmplz-manage-consent .cmplz-manage-consent{min-height:40px!important;padding:10px 15px!important;font-size:11px!important}
}

@media (prefers-reduced-motion:reduce){
  #cmplz-cookiebanner-container *,#cmplz-manage-consent *{transition:none!important}
}