/* DDAnime r14-r96 — shell administrativo unificado con Blog/Feeds. */

/* Administración Inertia: mismo lenguaje visual que Blog/Feeds. */
body:has(.dd-admin-shell){background:var(--dd-bg)}
body:has(.dd-admin-shell) .dd-navbar{
  position:sticky;top:0;z-index:80;min-height:68px;
  border-bottom:1px solid var(--dd-border);
  background:color-mix(in srgb,var(--dd-bg) 94%,transparent);
  backdrop-filter:blur(18px);
}
body:has(.dd-admin-shell) .dd-navbar-inner{
  width:100%;max-width:none;min-height:68px;margin:0;padding:0 24px;
}
body:has(.dd-admin-shell) .dd-desktop-nav{display:none!important}
body:has(.dd-admin-shell) .dd-navbar-actions{margin-left:auto}
body:has(.dd-admin-shell) .dd-footer{display:none!important}
body:has(.dd-admin-shell) .dd-page{background:var(--dd-bg)}

/* El encabezado grande anterior desaparece: la navegación es el encabezado funcional. */
.dd-admin-shell>.dd-admin-hero{display:none!important}

.dd-admin-shell>.dd-admin-tabs{
  position:sticky!important;top:68px!important;z-index:70!important;
  margin:0!important;padding:0!important;
  border-top:0!important;border-bottom:1px solid var(--dd-border)!important;
  background:var(--dd-surface)!important;
  box-shadow:none!important;
}
.dd-admin-shell>.dd-admin-tabs .dd-admin-wrap{
  width:100%!important;max-width:none!important;margin:0!important;padding:0 20px!important;
}
.dd-admin-shell>.dd-admin-tabs nav{
  display:flex!important;align-items:stretch!important;gap:2px!important;
  width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;
  flex-wrap:nowrap!important;padding:0!important;scrollbar-width:none;
}
.dd-admin-shell>.dd-admin-tabs nav::-webkit-scrollbar{display:none}
.dd-admin-shell>.dd-admin-tabs nav a{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 auto!important;min-height:0!important;height:auto!important;
  margin:0!important;padding:13px 11px 11px!important;
  border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;
  color:var(--dd-muted)!important;font-size:11px!important;font-weight:600!important;
  line-height:1.2!important;white-space:nowrap!important;
}
.dd-admin-shell>.dd-admin-tabs nav a svg{display:none!important}
.dd-admin-shell>.dd-admin-tabs nav a:hover{
  color:var(--dd-text)!important;background:transparent!important;
}
.dd-admin-shell>.dd-admin-tabs nav a.is-active{
  border-bottom-color:var(--dd-accent)!important;color:var(--dd-accent)!important;
  background:transparent!important;
}
.dd-admin-shell>.dd-admin-tabs nav a.is-active:after{display:none!important}
.dd-admin-shell>.dd-admin-tabs nav a[href="/admin/changelog"]{display:none!important}
.dd-admin-shell .dd-admin-mobile-tab-select{display:none}

/* El contenido usa exactamente el ancho editorial. */
.dd-admin-shell>.dd-admin-wrap{
  width:min(100% - 32px,1500px)!important;max-width:1500px!important;
  margin:0 auto!important;padding:28px 0 70px!important;
}

/* Mantener formularios/tarjetas legibles con el shell compacto. */
.dd-admin-shell .dd-admin-card{border-radius:14px}
.dd-admin-shell .dd-admin-card-head{padding:16px 18px}
.dd-admin-shell .dd-admin-card-body{padding:18px}
.dd-admin-shell .dd-admin-stat-grid{gap:14px}
.dd-admin-shell .dd-admin-stat{border-radius:14px}

/* Blog/Feeds: navegación idéntica a la del resto del panel. */
.dd-r92-admin-head{min-height:68px;padding:0 24px}
.dd-r92-admin-tabs{top:68px}
.dd-r92-admin-tabs>div{width:100%;box-sizing:border-box;gap:2px;padding:0 20px}
.dd-r92-admin-tabs a{padding:13px 11px 11px;font-size:11px;font-weight:600}
.dd-r92-admin-main{width:min(100% - 32px,1500px);padding:28px 0 70px}

/* Selector de layout: SOLO se marca la radio realmente seleccionada. */
.dd-blog-layout-preview{
  position:relative!important;border:0!important;background:transparent!important;
  box-shadow:none!important;padding:0!important;
}
.dd-blog-layout-preview>input{
  position:absolute!important;inline-size:1px!important;block-size:1px!important;
  opacity:0!important;pointer-events:none!important;
}
.dd-blog-layout-card{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto 1fr 1fr;
  gap:5px;min-height:92px;box-sizing:border-box;
  border:1px solid var(--dd-border);border-radius:12px;background:var(--dd-surface);
  padding:10px;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;
}
.dd-blog-layout-card>span{grid-column:1/-1;color:var(--dd-muted);font-size:10px;font-weight:650}
.dd-blog-layout-card>i{display:block;min-height:18px;border-radius:4px;background:var(--dd-surface-2)}
.dd-blog-layout-preview.is-magazine .dd-blog-layout-card>i:first-of-type{grid-row:2/4}
.dd-blog-layout-preview.is-spotlight .dd-blog-layout-card>i:first-of-type{grid-column:1/-1;min-height:26px}
.dd-blog-layout-preview.is-editorial .dd-blog-layout-card>i:first-of-type{grid-column:1/-1}
.dd-blog-layout-preview.is-list .dd-blog-layout-card{grid-template-columns:1fr;grid-template-rows:auto repeat(4,1fr)}
.dd-blog-layout-preview.is-mosaic .dd-blog-layout-card>i:nth-of-type(2){grid-row:2/4}
.dd-blog-layout-preview>input:checked + .dd-blog-layout-card{
  border-color:color-mix(in srgb,var(--dd-accent) 60%,var(--dd-border));
  background:color-mix(in srgb,var(--dd-accent) 3%,var(--dd-surface));
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--dd-accent) 20%,transparent);
}
.dd-blog-layout-preview>input:checked + .dd-blog-layout-card>span{color:var(--dd-accent)}
.dd-blog-layout-preview:focus-within .dd-blog-layout-card{outline:2px solid color-mix(in srgb,var(--dd-accent) 40%,transparent);outline-offset:2px}

/* Tablet: la barra sigue completa y se desplaza horizontalmente. */
@media (max-width:1100px){
  body:has(.dd-admin-shell) .dd-navbar-inner{padding-inline:16px}
  .dd-admin-shell>.dd-admin-tabs .dd-admin-wrap{padding-inline:12px!important}
  .dd-admin-shell>.dd-admin-tabs nav a{padding-inline:10px!important;font-size:10.5px!important}
  .dd-r92-admin-head{padding-inline:16px}
  .dd-r92-admin-tabs>div{padding-inline:12px}
}

/* Móvil: selector compacto para no perder ninguna sección. */
@media (max-width:700px){
  body:has(.dd-admin-shell) .dd-navbar-inner{min-height:60px;padding-inline:12px}
  body:has(.dd-admin-shell) .dd-navbar{min-height:60px}
  body:has(.dd-admin-shell) .dd-search-anchor{display:none}
  .dd-admin-shell>.dd-admin-tabs{top:60px!important;padding:8px 10px!important}
  .dd-admin-shell>.dd-admin-tabs .dd-admin-wrap{
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;
    padding:0!important;
  }
  .dd-admin-shell .dd-admin-mobile-tab-select{
    display:block!important;width:100%!important;min-width:0!important;min-height:40px!important;
    border:1px solid var(--dd-border)!important;border-radius:9px!important;background:var(--dd-input)!important;
    padding:0 10px!important;color:var(--dd-text)!important;font-size:12px!important;
  }
  .dd-admin-shell>.dd-admin-tabs nav{overflow:visible!important}
  .dd-admin-shell>.dd-admin-tabs nav a{display:none!important}
  .dd-admin-shell>.dd-admin-tabs nav a[href="/admin/legal"]{
    display:inline-flex!important;min-height:40px!important;padding:0 12px!important;
    border:1px solid var(--dd-border)!important;border-radius:9px!important;
  }
  .dd-admin-shell>.dd-admin-wrap{width:min(100% - 18px,1500px)!important;padding:18px 0 52px!important}
  .dd-admin-shell .dd-admin-stat-grid{grid-template-columns:1fr!important}
  .dd-r92-admin-head{min-height:60px;padding-inline:12px}
  .dd-r92-admin-tabs{top:60px}
  .dd-r92-admin-tabs{display:none}
  .dd-r95-mobile-admin-nav{display:block;top:60px}
  .dd-r92-admin-main{width:min(100% - 18px,1500px);padding:18px 0 52px}
}