/*
 * ═══════════════════════════════════════════════════════════════
 *  Code & Canvas — Auth UI  v4
 *  Background-image layout · Glassmorphism card · C&C tokens
 * ═══════════════════════════════════════════════════════════════
 *  CUSTOMISE: override any CSS variable on .cc-auth-wrap
 *  OR copy a template to {theme}/cc-auth-templates/ and edit freely.
 * ═══════════════════════════════════════════════════════════════
 */

/* ── SECTION 1: TOKENS ───────────────────────────────────────── */
.cc-auth-wrap {
  /* Accent */
  --cc-teal:    #48CCC8;
  --cc-green:   #4ACC82;
  --cc-pink:    #EE5397;
  --cc-orange:  #FFA45A;
  --cc-purple:  #8B7FD4;

  /* Text */
  --cc-t1: #FFFFFF;
  --cc-t2: rgba(255,255,255,0.62);
  --cc-t3: rgba(255,255,255,0.36);

  /* Surfaces */
  --cc-card-bg:    rgba(10, 12, 40, 0.72);
  --cc-input-bg:   rgba(5, 6, 26, 0.65);
  --cc-input-br:   rgba(255,255,255,0.10);
  --cc-card-br:    rgba(72,204,200,0.18);

  /* Typography */
  --cc-fh: 'Raleway', sans-serif;
  --cc-fb: 'Poppins', sans-serif;

  /* Shape */
  --cc-r-card:  22px;
  --cc-r-field: 11px;
  --cc-r-btn:   11px;
  --cc-r-logo:  10px;

  /* Speed */
  --cc-ease: 0.18s ease;
}

/* ── SECTION 2: WRAP (full-screen, bg-image set inline per template) ── */
.cc-auth-wrap {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
  font-family: var(--cc-fb);
  padding: 40px 16px;
  box-sizing: border-box;
}

/* Dark gradient overlay */
.cc-bg-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    135deg,
    rgba(5,6,26,0.85) 0%,
    rgba(12,14,46,0.70) 60%,
    rgba(5,6,26,0.80) 100%
  );
  pointer-events: none;
  z-index: 0;
}

/* Ambient glows */
.cc-glow {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;
}
.cc-glow--tr {
  width: 600px; height: 600px;
  top: -200px; right: -200px;
  background: radial-gradient(circle, rgba(72,204,200,0.20) 0%, transparent 65%);
}
.cc-glow--bl {
  width: 400px; height: 400px;
  bottom: -150px; left: -150px;
  background: radial-gradient(circle, rgba(139,127,212,0.15) 0%, transparent 65%);
}

/* ── SECTION 3: CARD CENTERING ── */
.cc-auth-center {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 440px;
  margin: 0 auto;
}

.cc-auth-card {
  background: var(--cc-card-bg);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border: 1px solid var(--cc-card-br);
  border-radius: var(--cc-r-card);
  padding: 40px 36px;
  box-shadow:
    0 24px 80px rgba(0,0,0,0.55),
    0 0 0 1px rgba(72,204,200,0.06);
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.cc-auth-card--centered { text-align: center; }

/* ── SECTION 4: LOGO ── */
.cc-logo {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  width: fit-content;
}
.cc-logo__mark {
  width: 36px;
  height: 36px;
  border-radius: var(--cc-r-logo);
  background: linear-gradient(135deg, var(--cc-teal), var(--cc-green));
  display: grid;
  place-items: center;
  flex-shrink: 0;
}
.cc-logo__mark img {
  /* keep the SVG white on the teal gradient */
  filter: brightness(0) invert(1);
}
.cc-logo__name {
  font-family: var(--cc-fh);
  font-weight: 900;
  font-size: 15px;
  color: var(--cc-t1);
  letter-spacing: -.3px;
}
.cc-logo__amp { color: var(--cc-teal); }

/* ── SECTION 5: HEADER (title + sub) ── */
.cc-auth-header {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.cc-auth-title {
  font-family: var(--cc-fh);
  font-weight: 900;
  font-size: 24px;
  letter-spacing: -.5px;
  line-height: 1.15;
  color: var(--cc-t1) !important;
  margin: 0;
}
.cc-auth-sub {
  font-size: 13.5px;
  color: var(--cc-t2);
  line-height: 1.65;
  margin: 0;
}
.cc-auth-icon {
  font-size: 32px;
  display: block;
  margin-bottom: 4px;
}

/* ── SECTION 6: FORM + FIELDS ── */
.cc-auth-form {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.cc-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.cc-label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--cc-t3);
}
.cc-field input[type="email"],
.cc-field input[type="password"],
.cc-field input[type="text"]:not(.cc-hp) {
  width: 100%;
  box-sizing: border-box;
  background: var(--cc-input-bg);
  border: 1px solid var(--cc-input-br);
  border-radius: var(--cc-r-field);
  padding: 12px 16px;
  font-family: var(--cc-fb);
  font-size: 14px;
  color: var(--cc-t1);
  outline: none;
  transition: border-color var(--cc-ease), box-shadow var(--cc-ease);
}
.cc-field input::placeholder { color: var(--cc-t3); }
.cc-field input:focus {
  border-color: var(--cc-teal);
  box-shadow: 0 0 0 3px rgba(72,204,200,0.13);
}

/* Password wrapper */
.cc-field-pw { position: relative; }
.cc-field-pw input { padding-right: 44px; }
.cc-pw-toggle {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  color: var(--cc-t3);
  cursor: pointer;
  padding: 4px;
  display: flex;
  align-items: center;
  transition: color var(--cc-ease);
}
.cc-pw-toggle:hover { color: var(--cc-teal); }

/* Remember + forgot row */
.cc-form-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.cc-remember {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: var(--cc-t2);
  cursor: pointer;
  user-select: none;
}
.cc-remember input[type="checkbox"] {
  accent-color: var(--cc-teal);
  width: 15px;
  height: 15px;
  cursor: pointer;
}

/* Honeypot */
.cc-hp {
  position: absolute !important;
  left: -9999px !important;
  width: 1px; height: 1px;
  opacity: 0; pointer-events: none;
}

/* ── SECTION 7: BUTTONS ── */
.cc-btn {
  display: block;
  width: 100%;
  border: none;
  border-radius: var(--cc-r-btn);
  padding: 13px;
  font-family: var(--cc-fb);
  font-size: 14.5px;
  font-weight: 700;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  transition: transform 0.15s ease, box-shadow 0.15s ease, opacity var(--cc-ease);
  margin-top: 2px;
}
.cc-btn:disabled { opacity: .5; cursor: not-allowed; transform: none !important; }

/* Teal → Green gradient (primary) */
.cc-btn--gradient {
  background: linear-gradient(135deg, var(--cc-teal) 0%, var(--cc-green) 100%);
  color: #05061A;
}
.cc-btn--gradient:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 32px rgba(72,204,200,0.32);
}

/* Outline (social) */
.cc-btn--outline {
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.12);
  color: var(--cc-t2);
}
.cc-btn--outline:hover {
  background: rgba(72,204,200,0.07);
  border-color: rgba(72,204,200,0.35);
  color: var(--cc-t1);
}

/* ── SECTION 8: SOCIAL WRAP (Google etc) ── */
.cc-social-wrap { display: flex; flex-direction: column; gap: 10px; }

/* The google_btn HTML from template-loader renders an <a> tag;
   force it to look like a button in the new design */
.cc-social-wrap a.cc-google-btn,
.cc-social-wrap a {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  box-sizing: border-box;
  background: rgba(255,255,255,0.05) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  border-radius: var(--cc-r-btn) !important;
  padding: 12px !important;
  font-family: var(--cc-fb);
  font-size: 14px;
  font-weight: 600;
  color: var(--cc-t2) !important;
  text-decoration: none;
  transition: background var(--cc-ease), border-color var(--cc-ease), color var(--cc-ease);
  cursor: pointer;
}
.cc-social-wrap a:hover {
  background: rgba(72,204,200,0.07) !important;
  border-color: rgba(72,204,200,0.35) !important;
  color: var(--cc-t1) !important;
}

/* ── SECTION 9: DIVIDER ── */
.cc-divider {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--cc-t3);
  font-size: 11px;
  letter-spacing: .8px;
  text-transform: uppercase;
}
.cc-divider::before,
.cc-divider::after {
  content: '';
  flex: 1;
  height: 1px;
  background: rgba(255,255,255,0.08);
}

/* ── SECTION 10: LINKS ── */
.cc-auth-links {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
}
.cc-link {
  font-size: 13px;
  text-decoration: none;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  transition: opacity var(--cc-ease);
  color: var(--cc-t2);
}
.cc-link:hover { opacity: .75; }
.cc-link--teal   { color: var(--cc-teal); }
.cc-link--orange { color: var(--cc-orange); }
.cc-link--sm     { font-size: 12px; }

/* ── SECTION 11: MESSAGES ── */
.cc-msg {
  font-size: 12.5px;
  line-height: 1.5;
  min-height: 1em;
}
.cc-msg--error   { color: var(--cc-pink); }
.cc-msg--success { color: var(--cc-green); }

.cc-banner {
  border-radius: 10px;
  padding: 11px 15px;
  font-size: 13px;
  line-height: 1.55;
}
.cc-banner--success {
  background: rgba(74,204,130,0.10);
  border: 1px solid rgba(74,204,130,0.25);
  color: var(--cc-green);
}
.cc-banner--error {
  background: rgba(238,83,151,0.08);
  border: 1px solid rgba(238,83,151,0.22);
  color: var(--cc-pink);
}

/* ── SECTION 12: 2FA ── */
.cc-2fa-icon {
  font-size: 36px;
  display: block;
  text-align: center;
  margin-bottom: 4px;
}

/* ── SECTION 13: RESPONSIVE ── */
@media (max-width: 480px) {
  .cc-auth-card  { padding: 32px 22px; border-radius: 18px; }
  .cc-auth-title { font-size: 21px; }
}

/* ── SECTION 14: ELEMENTOR INTEGRATION ──────────────────────
   Forces the auth wrap to fill the full viewport when Elementor
   renders it inside a section/column/container.
   ─────────────────────────────────────────────────────────── */

/* Elementor Classic (section > column > widget) */
.elementor-widget-shortcode .cc-auth-wrap,
.elementor-widget-text-editor .cc-auth-wrap {
    margin-left:  calc(-1 * var(--elementor-column-margin, 0px));
    margin-right: calc(-1 * var(--elementor-column-margin, 0px));
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

/* Elementor Flexbox Container */
.e-con .cc-auth-wrap,
.e-con-inner .cc-auth-wrap {
    width: 100vw;
    margin-left: -50vw;
    margin-right: -50vw;
    left: 50%;
    position: relative;
}

/* Make sure nothing clips the full-bleed */
.elementor-section,
.elementor-container,
.elementor-column,
.elementor-widget-wrap,
.e-con,
.e-con-inner {
    overflow: visible !important;
}

/* Remove Elementor's default section padding on auth pages */
.cc-auth-page .elementor-section > .elementor-container,
.cc-auth-page .e-con-inner {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* ═══════════════════════════════════════════════════════════
   ACCOUNT CENTER STYLES (appended to auth.css)
═══════════════════════════════════════════════════════════ */
body.cc-account-page,body.cc-account-page .panel,#cc-ac{--bg:#04051A;--bg2:#07081F;--sur:#0C0E2E;--card:#0F1135;--card2:#12173D;--teal:#48CCC8;--tM:rgba(72,204,200,.22);--tD:rgba(72,204,200,.08);--green:#4ACC82;--gM:rgba(74,204,130,.22);--gD:rgba(74,204,130,.08);--pink:#EE5397;--pM:rgba(238,83,151,.22);--pD:rgba(238,83,151,.08);--pur:#8B7FD4;--urM:rgba(139,127,212,.22);--urD:rgba(139,127,212,.08);--org:#FFA45A;--oM:rgba(255,164,90,.22);--oD:rgba(255,164,90,.08);--t1:#F1F5F9;--t2:rgba(241,245,249,.64);--t3:rgba(241,245,249,.36);--t4:rgba(241,245,249,.12);--br:rgba(255,255,255,.07);--br2:rgba(255,255,255,.14);--fh:'Raleway',sans-serif;--fb:'Poppins',sans-serif;--r:14px;--rs:10px;--rl:20px;font-family:var(--fb);background:var(--bg);color:var(--t1);min-height:100vh}#cc-ac .ac-wrap{max-width:1320px;margin:0 auto;padding:32px 5% 80px;display:grid;grid-template-columns:260px 1fr;gap:28px;align-items:start}#cc-ac .sidebar{position:sticky;top:32px;display:flex;flex-direction:column;gap:12px}#cc-ac .profile-card{background:var(--sur);border:1px solid var(--br);border-radius:var(--rl);padding:24px 20px;text-align:center}#cc-ac .av-ring{width:72px;height:72px;border-radius:50%;margin:0 auto 14px;padding:2.5px;background:conic-gradient(var(--pur),var(--pink),var(--teal),var(--pur));transition:background .5s}#cc-ac .av-ring-inner{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,var(--pur),var(--pink));display:grid;place-items:center;font-family:var(--fh);font-weight:900;font-size:22px;color:#04051A}#cc-ac .profile-name{font-family:var(--fh);font-weight:900;font-size:16px;color:var(--t1);margin-bottom:3px}#cc-ac .profile-role{font-size:11px;color:var(--t3);margin-bottom:14px;line-height:1.4}#cc-ac .profile-badges{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}#cc-ac .pbadge{font-size:9.5px;font-weight:700;letter-spacing:.8px;padding:3px 9px;border-radius:100px;background:var(--urD);color:var(--pur);border:1px solid rgba(139,127,212,.22)}#cc-ac .pbadge.te{background:var(--tD);color:var(--teal);border-color:rgba(72,204,200,.22)}#cc-ac .sidebar-nav{background:var(--sur);border:1px solid var(--br);border-radius:var(--rl);overflow:hidden}#cc-ac .nav-section{padding:10px 0 6px;border-bottom:1px solid var(--br)}#cc-ac .nav-section:last-child{border-bottom:none;padding-bottom:10px}#cc-ac .nav-section-lbl{font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--t3);padding:4px 16px 8px;display:block}#cc-ac .nav-link{display:flex;align-items:center;gap:11px;padding:9px 16px;cursor:pointer;transition:all .18s;text-decoration:none;color:var(--t2);font-size:13px;font-weight:500;border-left:2px solid transparent}#cc-ac .nav-link:hover{color:var(--t1);background:rgba(255,255,255,.03)}#cc-ac .nav-link.active{color:var(--teal);border-left-color:var(--teal);background:rgba(72,204,200,.04);font-weight:600}#cc-ac .nav-link.danger{color:rgba(238,83,151,.7)}#cc-ac .nav-link.danger:hover{color:var(--pink);background:var(--pD)}#cc-ac .nl-icon{font-size:15px;width:18px;flex-shrink:0;text-align:center;opacity:.7}#cc-ac .nl-badge{margin-left:auto;font-size:9.5px;font-weight:700;background:var(--tD);color:var(--teal);border:1px solid rgba(72,204,200,.2);padding:2px 7px;border-radius:100px}#cc-ac .nl-badge.pk{background:var(--pD);color:var(--pink);border-color:rgba(238,83,151,.2)}#cc-ac .sidebar-cta{background:linear-gradient(135deg,rgba(139,127,212,.1),rgba(72,204,200,.05));border:1px solid var(--urM);border-radius:var(--rl);padding:18px 16px;text-align:center}#cc-ac .scta-lbl{font-size:9.5px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--pur);margin-bottom:8px;display:block}#cc-ac .scta-title{font-family:var(--fh);font-weight:800;font-size:13.5px;color:var(--t1);margin-bottom:6px;line-height:1.3}#cc-ac .scta-desc{font-size:11.5px;color:var(--t3);margin-bottom:13px;line-height:1.55}#cc-ac .scta-btn{display:block;background:var(--pur);color:#04051A;text-align:center;text-decoration:none;border-radius:100px;padding:8px;font-family:var(--fb);font-size:12px;font-weight:700;transition:all .2s}#cc-ac .main{display:flex;flex-direction:column;gap:20px}#cc-ac .panel-header{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:24px}#cc-ac .panel-title{font-family:var(--fh);font-weight:900;font-size:clamp(22px,3vw,30px);color:var(--t1);letter-spacing:-.8px}#cc-ac .panel-sub{font-size:13px;color:var(--t3);margin-top:4px}section.panel{display:none!important}section.panel.active{display:block!important}#cc-ac .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}#cc-ac .stat-box{background:var(--sur);border:1px solid var(--br);border-radius:var(--r);padding:18px;position:relative;overflow:hidden}#cc-ac .stat-box::before{content:'';position:absolute;top:0;left:0;right:0;height:2px}#cc-ac .sb-te::before{background:linear-gradient(90deg,transparent,var(--teal),transparent)}#cc-ac .sb-pk::before{background:linear-gradient(90deg,transparent,var(--pink),transparent)}#cc-ac .sb-gr::before{background:linear-gradient(90deg,transparent,var(--green),transparent)}#cc-ac .sb-pu::before{background:linear-gradient(90deg,transparent,var(--pur),transparent)}#cc-ac .stat-n{font-family:var(--fh);font-weight:900;font-size:28px;line-height:1;letter-spacing:-1px;margin-bottom:4px}#cc-ac .sb-te .stat-n{color:var(--teal)}#cc-ac .sb-pk .stat-n{color:var(--pink)}#cc-ac .sb-gr .stat-n{color:var(--green)}#cc-ac .sb-pu .stat-n{color:var(--pur)}#cc-ac .stat-l{font-size:11px;color:var(--t3);line-height:1.4}#cc-ac .section-card{background:var(--sur);border:1px solid var(--br);border-radius:var(--rl);padding:22px}#cc-ac .sc-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}#cc-ac .sc-title{font-family:var(--fh);font-weight:800;font-size:14.5px;color:var(--t1)}#cc-ac .sc-action{font-size:12px;color:var(--teal);text-decoration:none;font-weight:600;cursor:pointer;transition:opacity .18s}#cc-ac .sc-action:hover{opacity:.75}#cc-ac .activity-list{display:flex;flex-direction:column;gap:1px}#cc-ac .act-item{display:flex;align-items:flex-start;gap:13px;padding:12px 0;border-bottom:1px solid var(--br)}#cc-ac .act-item:last-child{border-bottom:none;padding-bottom:0}#cc-ac .act-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font-size:14px;flex-shrink:0;background:var(--tD)}#cc-ac .act-title{font-size:13px;color:var(--t1);font-weight:500;margin-bottom:2px;line-height:1.35}#cc-ac .act-meta{font-size:11px;color:var(--t3)}#cc-ac .act-tag{font-size:9.5px;font-weight:700;padding:2px 7px;border-radius:100px;margin-left:6px}#cc-ac .at-te{background:var(--tD);color:var(--teal)}#cc-ac .at-gr{background:var(--gD);color:var(--green)}#cc-ac .at-pk{background:var(--pD);color:var(--pink)}#cc-ac .saved-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}#cc-ac .saved-card{background:var(--sur);border:1px solid var(--br);border-radius:var(--rl);overflow:hidden;text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:all .22s}#cc-ac .saved-card:hover{border-color:var(--br2);transform:translateY(-3px);box-shadow:0 14px 36px rgba(0,0,0,.4)}#cc-ac .sc-img{height:110px;position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:linear-gradient(160deg,rgba(4,18,20,.95),rgba(4,5,26,.8))}#cc-ac .sc-img-icon{font-size:28px;opacity:.25}#cc-ac .sc-img-bar{position:absolute;bottom:0;left:0;right:0;height:2px}#cc-ac .saved-body{padding:16px}#cc-ac .saved-cat{font-size:9.5px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:3px 9px;border-radius:100px;border:1px solid;margin-bottom:9px;display:inline-block}#cc-ac .saved-title{font-family:var(--fh);font-weight:800;font-size:13.5px;color:var(--t1);line-height:1.3;margin-bottom:8px}#cc-ac .saved-footer{display:flex;align-items:center;justify-content:space-between}#cc-ac .saved-rt{font-size:10.5px;color:var(--t3)}#cc-ac .unsave-btn{font-size:10.5px;color:var(--t3);background:none;border:1px solid var(--br);border-radius:100px;padding:3px 9px;cursor:pointer;transition:all .18s;font-family:var(--fb)}#cc-ac .unsave-btn:hover{border-color:var(--pM);color:var(--pink)}#cc-ac .empty-state{background:var(--sur);border:1px solid var(--br);border-radius:var(--rl);padding:52px 24px;text-align:center}#cc-ac .es-icon{font-size:36px;opacity:.2;margin-bottom:14px}#cc-ac .es-title{font-family:var(--fh);font-weight:800;font-size:16px;color:var(--t1);margin-bottom:6px}#cc-ac .es-sub{font-size:13px;color:var(--t3);margin-bottom:20px}#cc-ac .es-btn{display:inline-flex;align-items:center;gap:7px;background:var(--tD);border:1px solid var(--tM);color:var(--teal);border-radius:100px;padding:9px 18px;font-family:var(--fb);font-size:13px;font-weight:600;text-decoration:none;transition:all .2s}#cc-ac .es-btn:hover{background:var(--tM)}#cc-ac .dl-list{display:flex;flex-direction:column;gap:10px}#cc-ac .dl-item{background:var(--sur);border:1px solid var(--br);border-radius:var(--r);padding:16px 18px;display:flex;align-items:center;gap:16px;transition:border-color .2s}#cc-ac .dl-item:hover{border-color:var(--br2)}#cc-ac .dl-icon{width:44px;height:44px;border-radius:11px;background:var(--gD);border:1px solid var(--gM);display:grid;place-items:center;font-size:18px;flex-shrink:0}#cc-ac .dl-name{font-family:var(--fh);font-weight:800;font-size:13.5px;color:var(--t1);margin-bottom:3px}#cc-ac .dl-meta{font-size:11px;color:var(--t3)}#cc-ac .dl-right{margin-left:auto;display:flex;align-items:center;gap:9px;flex-shrink:0}#cc-ac .dl-size{font-size:10.5px;color:var(--t3)}#cc-ac .dl-btn{display:flex;align-items:center;gap:6px;background:var(--gD);border:1px solid var(--gM);color:var(--green);border-radius:100px;padding:7px 14px;font-family:var(--fb);font-size:12px;font-weight:600;text-decoration:none;transition:all .2s;cursor:pointer}#cc-ac .dl-btn:hover{background:var(--gM)}#cc-ac .notif-section{background:var(--sur);border:1px solid var(--br);border-radius:var(--rl);padding:22px;margin-bottom:14px}#cc-ac .ns-header{margin-bottom:18px}#cc-ac .ns-title{font-family:var(--fh);font-weight:800;font-size:14.5px;color:var(--t1);margin-bottom:4px}#cc-ac .ns-sub{font-size:12.5px;color:var(--t3)}#cc-ac .toggle-list{display:flex;flex-direction:column;gap:1px}#cc-ac .toggle-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid var(--br)}#cc-ac .toggle-row:last-child{border-bottom:none;padding-bottom:0}#cc-ac .tr-title{font-size:13px;color:var(--t1);font-weight:500;margin-bottom:2px}#cc-ac .tr-sub{font-size:11.5px;color:var(--t3);line-height:1.5}#cc-ac .toggle{position:relative;width:40px;height:22px;flex-shrink:0;margin-top:2px}#cc-ac .toggle input{opacity:0;width:0;height:0;position:absolute}#cc-ac .toggle-track{position:absolute;inset:0;border-radius:100px;background:var(--card);border:1px solid var(--br2);cursor:pointer;transition:all .25s}#cc-ac .toggle input:checked~.toggle-track{background:var(--teal);border-color:var(--teal)}#cc-ac .toggle-thumb{position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#04051A;transition:transform .25s}#cc-ac .toggle input:checked~.toggle-track .toggle-thumb{transform:translateX(18px)}#cc-ac .topics-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}#cc-ac .topic-chip{font-size:12px;font-weight:600;padding:6px 14px;border-radius:100px;border:1.5px solid var(--br2);color:var(--t3);cursor:pointer;transition:all .18s;background:transparent}#cc-ac .topic-chip:hover{border-color:var(--tM);color:var(--teal)}#cc-ac .topic-chip.sel{background:var(--tD);border-color:var(--tM);color:var(--teal)}#cc-ac .save-bar{background:var(--card);border:1px solid var(--br);border-radius:var(--r);padding:14px 18px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}#cc-ac .save-note{font-size:12.5px;color:var(--t3)}#cc-ac .btn-save{background:var(--teal);color:#04051A;border:none;border-radius:100px;padding:9px 22px;font-family:var(--fb);font-size:13px;font-weight:700;cursor:pointer;transition:all .2s}#cc-ac .btn-save:hover{filter:brightness(1.1)}#cc-ac .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}#cc-ac .form-group{display:flex;flex-direction:column;gap:6px}#cc-ac .form-group.full{grid-column:1/-1}#cc-ac .form-label{font-size:11.5px;font-weight:600;color:var(--t2);letter-spacing:.3px}#cc-ac .form-input, #cc-ac .form-select, #cc-ac .form-textarea{width:100%;background:var(--card);border:1.5px solid var(--br2);border-radius:var(--rs);padding:10px 14px;font-family:var(--fb);font-size:13.5px;color:var(--t1)!important;background:var(--card)!important;outline:none;transition:border-color .18s;appearance:none}#cc-ac .form-input:focus, #cc-ac .form-select:focus, #cc-ac .form-textarea:focus{border-color:var(--tM)}#cc-ac .form-input::placeholder, #cc-ac .form-textarea::placeholder{color:var(--t3)}#cc-ac .form-textarea{resize:vertical;min-height:90px;line-height:1.6}#cc-ac .form-select option{background:var(--card)}#cc-ac .form-hint{font-size:11px;color:var(--t3)}#cc-ac .avatar-editor{display:flex;align-items:center;gap:18px;padding:18px;background:var(--card);border:1.5px dashed var(--br2);border-radius:var(--r);margin-bottom:14px;cursor:pointer;transition:border-color .2s}#cc-ac .avatar-editor:hover{border-color:var(--tM)}#cc-ac .ae-av{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--pur),var(--pink));display:grid;place-items:center;font-family:var(--fh);font-weight:900;font-size:18px;color:#04051A;flex-shrink:0}#cc-ac .ae-title{font-size:13px;font-weight:600;color:var(--t1);margin-bottom:2px}#cc-ac .ae-sub{font-size:11.5px;color:var(--t3)}#cc-ac .danger-zone{background:rgba(238,83,151,.04);border:1px solid rgba(238,83,151,.18);border-radius:var(--rl);padding:22px}#cc-ac .dz-title{font-family:var(--fh);font-weight:800;font-size:13.5px;color:var(--pink);margin-bottom:4px}#cc-ac .dz-sub{font-size:12.5px;color:var(--t3);margin-bottom:14px;line-height:1.55}#cc-ac .btn-danger{background:transparent;color:var(--pink);border:1.5px solid var(--pM);border-radius:100px;padding:8px 18px;font-family:var(--fb);font-size:12.5px;font-weight:600;cursor:pointer;transition:all .2s}#cc-ac .btn-danger:hover{background:var(--pD)}#cc-ac .divider-label{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--t3);margin:20px 0 14px;display:flex;align-items:center;gap:10px}#cc-ac .divider-label::after{content:'';flex:1;height:1px;background:var(--br)}#cc-ac .security-item{background:var(--sur);border:1px solid var(--br);border-radius:var(--r);padding:16px 18px;display:flex;align-items:center;gap:14px;margin-bottom:10px;transition:border-color .2s}#cc-ac .security-item:hover{border-color:var(--br2)}#cc-ac .si-icon{width:38px;height:38px;border-radius:10px;background:var(--tD);border:1px solid var(--tM);display:grid;place-items:center;font-size:16px;flex-shrink:0}#cc-ac .si-title{font-size:13px;font-weight:600;color:var(--t1);margin-bottom:2px}#cc-ac .si-sub{font-size:11.5px;color:var(--t3)}#cc-ac .si-status{margin-left:auto;font-size:11.5px;font-weight:600;flex-shrink:0}#cc-ac .si-status.ok{color:var(--green)}#cc-ac .si-status.warn{color:var(--org)}#cc-ac .si-btn{margin-left:8px;background:var(--card);border:1px solid var(--br2);border-radius:100px;padding:6px 13px;font-family:var(--fb);font-size:11.5px;color:var(--t2);cursor:pointer;transition:all .18s}#cc-ac .si-btn:hover{border-color:var(--tM);color:var(--teal)}#cc-ac .toast{position:fixed;bottom:28px;right:28px;background:var(--sur);border:1px solid var(--gM);border-radius:var(--r);padding:12px 18px;display:flex;align-items:center;gap:10px;font-size:13px;color:var(--t1);font-weight:500;box-shadow:0 12px 36px rgba(0,0,0,.5);z-index:999;transform:translateY(80px);opacity:0;transition:all .3s cubic-bezier(.16,1,.3,1);pointer-events:none}#cc-ac .toast.show{transform:translateY(0);opacity:1}#cc-ac .ac-skeleton{animation:ac-pulse 1.4s ease infinite}
@keyframes ac-pulse{0%,100%{opacity:.4}50%{opacity:.8}}
@media (max-width:1000px){#cc-ac .ac-wrap{grid-template-columns:1fr}#cc-ac .sidebar{position:relative;top:auto}#cc-ac .stats-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){#cc-ac .ac-wrap{padding:20px 4% 60px}#cc-ac .stats-grid{grid-template-columns:1fr 1fr}#cc-ac .saved-grid{grid-template-columns:1fr}#cc-ac .form-grid{grid-template-columns:1fr}}

/* Nesting-independent panel visibility (survives wpautop/DOM reparenting) */
.cc-ac-panel{display:none!important}
.cc-ac-panel.active{display:block!important}