/* DDAnime r14-r28 — Listas en cuadrícula real y constructor de páginas respirable. */

/* Listas: el bundle r14-r26 define columnas, pero no display:grid. r28 lo fija
   explícitamente y evita la columna vertical que dejaba media pantalla vacía. */
.dd-content-page .dd-list-media-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(150px,178px))!important;
  justify-content:start!important;
  align-items:start!important;
  align-content:start!important;
  gap:18px 16px!important;
  width:100%!important;
}
.dd-content-page .dd-list-media-grid>.dd-media-card{
  width:100%!important;
  max-width:178px!important;
  min-width:0!important;
  align-self:start!important;
  border:1px solid var(--dd-border);
  border-radius:14px;
  background:var(--dd-surface);
  padding:7px;
  transition:transform .16s ease,border-color .16s ease,background .16s ease;
}
.dd-content-page .dd-list-media-grid>.dd-media-card:hover{
  transform:translateY(-2px);
  border-color:color-mix(in srgb,var(--dd-accent) 36%,var(--dd-border));
  background:color-mix(in srgb,var(--dd-accent) 4%,var(--dd-surface));
}
.dd-content-page .dd-list-media-grid .dd-media-poster{
  width:100%!important;
  max-height:none!important;
  aspect-ratio:2/3!important;
  border-radius:10px!important;
}
.dd-content-page .dd-list-media-grid .dd-media-title{margin-top:8px;padding-inline:2px;font-size:11.5px;line-height:1.3}
.dd-content-page .dd-list-media-grid .dd-media-meta{padding:0 2px 3px}
.dd-content-page>.dd-public-list-hero{
  min-height:176px!important;
  padding:22px 24px!important;
  margin-bottom:18px!important;
  border-radius:16px!important;
  background-position:center 35%!important;
}
.dd-content-page>.dd-public-list-hero h1{font-size:clamp(28px,4vw,44px)!important;max-width:900px}
.dd-content-page>.dd-settings-section+.dd-detail-section{margin-top:18px}

/* Administración → Páginas. r27 la sirve sin recompilar el bundle principal;
   estas reglas dan al formulario nativo el mismo lenguaje visual del resto del ACP. */
[data-dd-r27-pages-editor]{display:grid!important;gap:24px!important}
[data-dd-r27-pages-editor]>.dd-admin-card{overflow:visible}
[data-dd-r27-pages-editor] .dd-admin-card-head{padding:20px 24px}
[data-dd-r27-pages-editor] .dd-admin-card-head h2{font-size:18px;letter-spacing:-.015em}
[data-dd-r27-pages-editor] .dd-admin-card-head p{margin-top:4px;max-width:760px;line-height:1.55}
[data-dd-r27-pages-editor] .dd-admin-card-body{padding:24px}
[data-dd-r27-pages-editor] .dd-admin-hint{
  margin:0;
  border:1px solid color-mix(in srgb,var(--dd-accent) 18%,var(--dd-border));
  border-radius:12px;
  background:color-mix(in srgb,var(--dd-accent) 5%,var(--dd-surface-2));
  padding:14px 16px;
  color:var(--dd-muted);
  line-height:1.6;
}
[data-dd-r27-pages-editor] form.space-y-5{display:grid!important;gap:22px!important}
[data-dd-r27-pages-editor] .dd-admin-form-grid{
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  gap:18px 20px!important;
  align-items:end;
}
[data-dd-r27-pages-editor] .dd-admin-form-grid>label:not(.dd-admin-toggle){
  grid-column:span 4;
  display:grid;
  gap:8px;
  min-width:0;
  color:var(--dd-muted);
  font-size:11px;
  font-weight:700;
}
[data-dd-r27-pages-editor] .dd-admin-form-grid>label.wide{grid-column:1/-1!important}
[data-dd-r27-pages-editor] .dd-admin-form-grid>label>span,
[data-dd-r27-pages-editor] .dd-r27-admin-body>span{
  display:block;
  margin:0;
  color:var(--dd-muted);
  font-size:11px;
  font-weight:720;
  letter-spacing:.01em;
}
[data-dd-r27-pages-editor] .dd-admin-form-grid input:not([type="checkbox"]),
[data-dd-r27-pages-editor] .dd-admin-form-grid select,
[data-dd-r27-pages-editor] .dd-r27-admin-body textarea{
  width:100%;
  min-width:0;
  border:1px solid var(--dd-border);
  border-radius:11px;
  background:var(--dd-input);
  color:var(--dd-text);
  outline:0;
  font-size:13px;
  transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;
}
[data-dd-r27-pages-editor] .dd-admin-form-grid input:not([type="checkbox"]),
[data-dd-r27-pages-editor] .dd-admin-form-grid select{min-height:43px;padding:10px 12px}
[data-dd-r27-pages-editor] .dd-admin-form-grid input[type="file"]{padding:8px 10px;background:var(--dd-surface-2)}
[data-dd-r27-pages-editor] .dd-admin-form-grid input:focus,
[data-dd-r27-pages-editor] .dd-admin-form-grid select:focus,
[data-dd-r27-pages-editor] .dd-r27-admin-body textarea:focus{
  border-color:color-mix(in srgb,var(--dd-accent) 52%,var(--dd-border));
  box-shadow:0 0 0 3px color-mix(in srgb,var(--dd-accent) 9%,transparent);
}
[data-dd-r27-pages-editor] .dd-r27-admin-body{
  display:grid!important;
  gap:8px!important;
  margin:0!important;
}
[data-dd-r27-pages-editor] .dd-r27-admin-body textarea{
  min-height:220px;
  resize:vertical;
  padding:14px 15px;
  line-height:1.6;
}
[data-dd-r27-pages-editor] .dd-admin-toggle{
  grid-column:span 4;
  min-height:43px;
  display:flex!important;
  align-items:center;
  gap:10px;
  border:1px solid var(--dd-border);
  border-radius:11px;
  background:var(--dd-surface-2);
  padding:10px 12px;
  color:var(--dd-text);
  font-size:11px;
  font-weight:700;
}
[data-dd-r27-pages-editor] .dd-admin-toggle input[type="checkbox"]{width:16px;height:16px;accent-color:var(--dd-accent)}
[data-dd-r27-pages-editor] .flex.justify-end{display:flex!important;justify-content:flex-end!important;padding-top:2px}
[data-dd-r27-pages-editor] .dd-admin-primary{min-height:42px;padding-inline:18px}
[data-dd-r27-pages-editor] .dd-admin-stack{gap:16px!important}
[data-dd-r27-pages-editor] .dd-admin-page-block-row{padding:20px;border-radius:15px;background:var(--dd-surface)}
[data-dd-r27-pages-editor] .dd-admin-page-block-head{margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid var(--dd-border)}
[data-dd-r27-pages-editor] .dd-admin-row-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:2px}
[data-dd-r27-pages-editor] .dd-r27-delete-block{margin-top:10px;padding-top:14px;border-top:1px solid var(--dd-border)}
[data-dd-r27-pages-editor] .dd-r27-delete-block button{font-size:10px}

@media(max-width:1050px){
  [data-dd-r27-pages-editor] .dd-admin-form-grid>label:not(.dd-admin-toggle),
  [data-dd-r27-pages-editor] .dd-admin-toggle{grid-column:span 6}
}
@media(max-width:680px){
  .dd-content-page .dd-list-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px 10px!important}
  .dd-content-page .dd-list-media-grid>.dd-media-card{max-width:none!important}
  .dd-content-page>.dd-public-list-hero{min-height:155px!important;padding:18px!important}
  [data-dd-r27-pages-editor] .dd-admin-card-head,[data-dd-r27-pages-editor] .dd-admin-card-body{padding:16px}
  [data-dd-r27-pages-editor] .dd-admin-form-grid{grid-template-columns:1fr!important;gap:14px!important}
  [data-dd-r27-pages-editor] .dd-admin-form-grid>label:not(.dd-admin-toggle),
  [data-dd-r27-pages-editor] .dd-admin-toggle,
  [data-dd-r27-pages-editor] .dd-admin-form-grid>label.wide{grid-column:1!important}
  [data-dd-r27-pages-editor] .dd-r27-admin-body textarea{min-height:180px}
}