/* One panel material, using the original smoked-violet tokens from app.css.
   Keep component geometry; the shared inset ring replaces neutral borders.
   Existing border widths stay in place to avoid moving fields or content. */
html body #contenido :is(.glass,.form-card,.form-section,.panel-card,.route-card,.city-zone,.resource-card,.resource-intro,.contact-channel,.profile-comments,.member-card,.review-card,.support-ticket,.dashboard-card,.plan-option,.plan-center__section,.admin-plan-card,.public-advertiser-cta,.advertiser-cta,.notifications-guest__card,.account-choice__card,.empty-state,.publish-landing__offer,.publish-landing__process,.legal-meta) {
  background:var(--glass-base);
  border-color:transparent;
  -webkit-backdrop-filter:blur(var(--glass-blur,22px)) saturate(var(--glass-saturate,180%));
  backdrop-filter:blur(var(--glass-blur,22px)) saturate(var(--glass-saturate,180%));
  box-shadow:inset 0 0 0 1px var(--glass-border),var(--glass-edge),var(--glass-depth);
}

/* Security/report pages change the palette, never the material recipe. */
body.page-report {
  --glass-base:
    radial-gradient(120% 90% at 14% 6%,rgba(185,28,28,.2),rgba(185,28,28,0) 62%),
    radial-gradient(120% 100% at 86% 98%,rgba(244,63,94,.15),rgba(244,63,94,0) 64%),
    rgba(35,7,12,.45);
  --glass-border:rgba(248,113,113,.3);
  --glass-depth:0 8px 24px rgba(127,29,29,.18);
}

/* The choice cards are links: retain their keyboard and pointer affordance. */
/* Important profile confirmations retain the shared material with warning tokens. */
.editor-shell > .consent-panel {
  --consent-gold:#d9a72e;
  --consent-gold-light:#f4ce63;
  --consent-gold-ink:#211707;
  --glass-base:
    radial-gradient(120% 90% at 14% 6%,rgba(250,204,21,.2),rgba(250,204,21,0) 62%),
    radial-gradient(120% 100% at 86% 98%,rgba(234,179,8,.15),rgba(234,179,8,0) 64%),
    rgba(35,28,7,.6);
  --glass-border:rgba(250,204,21,.7);
  --glass-depth:0 8px 24px rgba(234,179,8,.15);
}

html body #contenido .consent-panel__actions { margin-top:1.25rem; }
html body #contenido .consent-panel__actions p { margin:0 0 .75rem; color:#fff; font-size:.85rem; }
html body #contenido #consent-publish-help > span { display:block; }
@media (max-width:767px) {
  html body #contenido #consent-publish-help { text-align:center; }
}
html body #contenido .consent-publish { width:100%; min-height:52px; }
html body #contenido .consent-publish:disabled {
  background:rgba(20,11,28,.6); border-color:rgba(250,204,21,.3);
  box-shadow:none; color:#fff; cursor:not-allowed; opacity:.65;
}
html body #contenido .consent-publish:not(:disabled) {
  background:linear-gradient(180deg,var(--consent-gold-light),var(--consent-gold));
  border-color:var(--consent-gold-light);
  color:var(--consent-gold-ink);
  box-shadow:inset 0 2px 0 rgba(255,255,255,.25),0 0 0 2px rgba(250,204,21,.65),0 0 24px rgba(250,204,21,.35);
}
html body #contenido .consent-publish:not(:disabled):is(:hover,:focus-visible) {
  background:linear-gradient(180deg,#ffe18b,var(--consent-gold-light));
}
html body #contenido .consent-panel input[type="checkbox"] {
  accent-color:var(--consent-gold);
}

html body #contenido .account-choice__card:is(:hover,:focus-visible) {
  box-shadow:inset 0 0 0 1px var(--g3-focus),var(--glass-edge),var(--glass-depth);
}
html body #contenido .account-choice__card:focus-visible {
  outline:2px solid var(--g3-focus);
  outline-offset:3px;
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  :root { --glass-base:rgba(20,11,28,.94); }
  body.page-report { --glass-base:rgba(35,7,12,.94); }
}