/* DDAnime r63 — notificaciones, hero de fichas y accesos visibles MAL/Manga */

/* -------------------------------------------------------------------------
   Campana de notificaciones · desplegable nativo React
   ------------------------------------------------------------------------- */
.dd-notification-anchor{position:relative;display:flex;align-items:center}
.dd-notification-anchor>.dd-notification-bell{position:relative}
.dd-notification-popover{
  position:absolute;z-index:1200;top:calc(100% + 10px);right:0;width:min(390px,calc(100vw - 24px));
  overflow:hidden;border:1px solid var(--dd-border);border-radius:16px;background:var(--dd-popover,var(--dd-surface));
  color:var(--dd-text);box-shadow:0 22px 60px color-mix(in srgb,var(--dd-shadow) 74%,transparent);backdrop-filter:blur(18px)
}
.dd-notification-popover-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 15px;border-bottom:1px solid var(--dd-border)}
.dd-notification-popover-head>div{display:grid;gap:2px;min-width:0}
.dd-notification-popover-head strong{font-size:13px;font-weight:760}
.dd-notification-popover-head small{font-size:10px;color:var(--dd-muted)}
.dd-notification-popover-head button{border:0;background:transparent;color:var(--dd-accent);font-size:10px;font-weight:720;padding:5px;white-space:nowrap}
.dd-notification-popover-list{display:grid;max-height:min(430px,62vh);overflow:auto}
.dd-notification-popover-item{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;align-items:center;width:100%;padding:11px 14px;border:0;border-bottom:1px solid var(--dd-border);background:transparent;color:var(--dd-text);text-align:left}
.dd-notification-popover-item:hover{background:var(--dd-hover)}
.dd-notification-popover-item.is-unread{background:color-mix(in srgb,var(--dd-accent) 7%,var(--dd-surface))}
.dd-notification-popover-item.is-unread:before{content:"";position:absolute;left:5px;top:50%;width:5px;height:5px;border-radius:999px;background:var(--dd-accent);transform:translateY(-50%)}
.dd-notification-popover-avatar{width:36px;height:36px;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:var(--dd-surface-2);font-size:10px;font-weight:800;color:var(--dd-text-2)}
.dd-notification-popover-avatar img{width:100%;height:100%;object-fit:cover}
.dd-notification-popover-copy{display:grid;gap:4px;min-width:0}
.dd-notification-popover-copy strong{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:11px;font-weight:670;line-height:1.4}
.dd-notification-popover-copy small{font-size:9px;color:var(--dd-muted)}
.dd-notification-popover-empty{padding:28px 16px;text-align:center;color:var(--dd-muted);font-size:11px}
.dd-notification-popover-all{display:block;padding:11px 14px;text-align:center;color:var(--dd-accent);font-size:11px;font-weight:720;background:var(--dd-surface)}
.dd-notification-popover-all:hover{background:var(--dd-hover)}
@media(max-width:520px){
  .dd-notification-popover{position:fixed;top:58px;right:10px;left:10px;width:auto;max-height:calc(100svh - 70px)}
  .dd-notification-popover-list{max-height:55svh}
}

/* -------------------------------------------------------------------------
   Hero de fichas · variables administrables
   ------------------------------------------------------------------------- */
.dd-detail-hero .dd-detail-shade{opacity:var(--dd-detail-overlay-opacity,.72)!important;transition:opacity .18s ease}
.dd-detail-hero h1{font-size:clamp(30px,4.1vw,var(--dd-detail-title-size,58px))!important}
.dd-detail-hero.is-title-long h1{font-size:clamp(28px,3.55vw,min(var(--dd-detail-title-size,58px),50px))!important}
.dd-detail-hero.is-title-xlong h1{font-size:clamp(26px,3.15vw,min(var(--dd-detail-title-size,58px),44px))!important}
.dd-detail-hero.is-poster-hidden .dd-detail-hero-copy{max-width:1080px}
.dd-detail-hero.is-backdrop-hidden .dd-detail-backdrop,.dd-detail-hero.is-backdrop-hidden .dd-detail-shade{display:none!important}
:root[data-theme="light"] .dd-detail-hero.is-backdrop-hidden{background:linear-gradient(135deg,#fff 0%,#f4f5f9 100%)!important;color:var(--dd-text)!important}
:root[data-theme="dark"] .dd-detail-hero.is-backdrop-hidden{background:linear-gradient(135deg,var(--dd-surface) 0%,var(--dd-bg) 100%)!important;color:var(--dd-text)!important}
.dd-detail-hero.is-backdrop-hidden .dd-detail-native,.dd-detail-hero.is-backdrop-hidden .dd-detail-summary{color:var(--dd-text-2)!important}
.dd-detail-hero.is-backdrop-hidden .dd-detail-badges span{border-color:var(--dd-border)!important;background:var(--dd-surface)!important;color:var(--dd-text)!important}
@media(max-width:900px){
  .dd-detail-hero h1{font-size:clamp(25px,6.7vw,min(var(--dd-detail-title-size,58px),44px))!important}
  .dd-detail-hero.is-title-long h1{font-size:clamp(23px,5.9vw,min(var(--dd-detail-title-size,58px),38px))!important}
  .dd-detail-hero.is-title-xlong h1{font-size:clamp(21px,5.35vw,min(var(--dd-detail-title-size,58px),34px))!important}
  .dd-detail-hero.is-poster-hidden .dd-detail-hero-inner{padding-top:70px!important;justify-items:start!important}
  .dd-detail-hero.is-poster-hidden .dd-detail-hero-copy{width:100%;text-align:left!important}
  .dd-detail-hero.is-poster-hidden .dd-detail-badges{justify-content:flex-start!important}
}
@media(max-width:520px){
  .dd-detail-hero h1{font-size:clamp(23px,7vw,min(var(--dd-detail-title-size,58px),36px))!important}
  .dd-detail-hero.is-title-long h1{font-size:clamp(21px,6.2vw,min(var(--dd-detail-title-size,58px),32px))!important}
  .dd-detail-hero.is-title-xlong h1{font-size:clamp(20px,5.7vw,min(var(--dd-detail-title-size,58px),29px))!important}
}

/* Controles de hero en Administración. */
.dd-r10-settings-grid input[type="range"]{width:100%;accent-color:var(--dd-accent);min-height:36px;padding:0}

/* Importación Manga permanece sobre los endpoints/cursors existentes; sólo se hace visible. */
.dd-r63-import-shortcuts{border-color:color-mix(in srgb,var(--dd-accent) 24%,var(--dd-border))!important}
.dd-r63-import-shortcuts .dd-admin-status-block{display:grid;align-content:start;gap:8px}
.dd-r63-import-shortcuts .dd-admin-status-block .dd-admin-primary{justify-self:start}