/* DDAnime r14-r95 — Administración unificada, compacta y responsive. */

/* ===== Administración Inertia: acercar todo el panel al lenguaje editorial de Blog/Feeds ===== */
body:has(.dd-admin-shell) .dd-navbar{
  border-bottom:1px solid var(--dd-border);
  background:color-mix(in srgb,var(--dd-surface) 96%,transparent);
  box-shadow:none;
}
body:has(.dd-admin-shell) .dd-navbar-inner{
  width:min(100% - 40px,1600px);
  min-height:68px;
  margin-inline:auto;
}
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-page{background:var(--dd-bg)}

.dd-admin-shell{background:var(--dd-bg);min-height:calc(100vh - 68px)}
.dd-admin-shell>.dd-admin-hero{
  border-bottom:1px solid var(--dd-border);
  background:var(--dd-surface);
  padding:18px 0 16px;
}
.dd-admin-shell>.dd-admin-hero .dd-admin-wrap,
.dd-admin-shell>.dd-admin-tabs .dd-admin-wrap,
.dd-admin-shell>.dd-admin-wrap{
  width:min(100% - 36px,1600px);
}
.dd-admin-shell .dd-admin-kicker{
  color:var(--dd-accent);
  font-size:9px;
  font-weight:750;
  letter-spacing:.15em;
}
.dd-admin-shell .dd-admin-title-row{align-items:center;gap:18px;margin-top:4px}
.dd-admin-shell .dd-admin-title-row h1{
  letter-spacing:-.035em;
  font-size:clamp(26px,2.3vw,34px);
  font-weight:760;
}
.dd-admin-shell .dd-admin-title-row p{
  max-width:760px;
  margin-top:4px;
  color:var(--dd-muted);
  font-size:11.5px;
  line-height:1.55;
}
.dd-admin-shell .dd-admin-title-actions{gap:10px}
.dd-admin-shell .dd-admin-maintenance-quick{
  min-height:40px;
  border-radius:11px;
  box-shadow:none;
}
.dd-admin-shell .dd-admin-title-actions>.dd-action-secondary{min-height:40px;border-radius:10px}

/* Navegación: todas las secciones visibles en escritorio; selector + Legal en móvil. */
.dd-admin-shell>.dd-admin-tabs{
  position:sticky;
  top:68px;
  z-index:60;
  border-bottom:1px solid var(--dd-border);
  background:color-mix(in srgb,var(--dd-surface) 96%,transparent);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
.dd-admin-shell>.dd-admin-tabs .dd-admin-wrap{padding-inline:0}
.dd-admin-shell>.dd-admin-tabs nav{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:0 2px;
  overflow:visible;
  padding:4px 0 3px;
}
.dd-admin-shell>.dd-admin-tabs a{
  min-height:38px;
  padding:0 11px;
  gap:6px;
  color:var(--dd-muted);
  font-size:10.5px;
  font-weight:560;
  border-bottom:2px solid transparent;
}
.dd-admin-shell>.dd-admin-tabs a svg{width:14px;height:14px}
.dd-admin-shell>.dd-admin-tabs a:hover{color:var(--dd-text);background:var(--dd-hover);border-radius:8px 8px 0 0}
.dd-admin-shell>.dd-admin-tabs a.is-active{
  color:var(--dd-accent);
  background:transparent;
  border-bottom-color:var(--dd-accent);
}
.dd-admin-shell>.dd-admin-tabs a.is-active:after{display:none!important}
.dd-admin-shell>.dd-admin-tabs a[href="/admin/changelog"]{display:none!important}
.dd-admin-shell>.dd-admin-wrap{padding-top:24px!important;padding-bottom:64px!important}

/* Tarjetas y métricas: más limpias y compactas como Editorial. */
.dd-admin-shell .dd-admin-stat-grid{gap:12px}
.dd-admin-shell .dd-admin-stat{
  min-height:98px;
  border-radius:14px;
  background:var(--dd-card);
  box-shadow:0 8px 24px color-mix(in srgb,var(--dd-shadow) 52%,transparent);
  padding:16px;
}
.dd-admin-shell .dd-admin-stat span{font-size:10.5px;font-weight:560}
.dd-admin-shell .dd-admin-stat strong{margin-top:5px;font-size:25px;font-weight:760}
.dd-admin-shell .dd-admin-stat svg{width:18px;height:18px}
.dd-admin-shell .dd-admin-grid-2{gap:16px}
.dd-admin-shell .dd-admin-card{
  border-radius:14px;
  box-shadow:0 8px 28px color-mix(in srgb,var(--dd-shadow) 48%,transparent);
  overflow:hidden;
}
.dd-admin-shell .dd-admin-card-head{padding:15px 17px}
.dd-admin-shell .dd-admin-card-head h2{font-size:15px;font-weight:680;letter-spacing:-.018em}
.dd-admin-shell .dd-admin-card-head p{margin-top:3px;font-size:10.5px;line-height:1.5}
.dd-admin-shell .dd-admin-card-body{padding:17px;min-width:0}
.dd-admin-shell .dd-admin-field>span{margin-bottom:6px;font-size:10px;font-weight:600}
.dd-admin-shell .dd-admin-field input,
.dd-admin-shell .dd-admin-field select,
.dd-admin-shell .dd-admin-field textarea,
.dd-admin-shell .dd-admin-inline-fields input,
.dd-admin-shell .dd-admin-inline-fields select,
.dd-admin-shell .dd-admin-home-fields input,
.dd-admin-shell .dd-admin-home-fields select,
.dd-admin-shell .dd-admin-user-row input,
.dd-admin-shell .dd-admin-user-row select{
  border-radius:9px;
  padding:9px 10px;
  font-size:11.5px;
}
.dd-admin-shell .dd-admin-primary{min-height:38px;border-radius:9px;padding-inline:14px;font-size:11px;font-weight:700}
.dd-admin-shell .dd-admin-row-actions button,
.dd-admin-shell .dd-admin-row-save,
.dd-admin-shell .dd-admin-user-row>button{min-height:34px;border-radius:8px;font-size:10.5px;font-weight:620}
.dd-admin-shell .dd-admin-search{border-radius:9px;margin-bottom:15px}
.dd-admin-shell .dd-admin-search input{font-size:11.5px}
.dd-admin-shell .dd-admin-alert{border-radius:10px;font-size:11.5px}

/* Tablas/listados nunca deben ensanchar o romper el panel. */
.dd-admin-shell .dd-admin-card,
.dd-admin-shell .dd-admin-card-body,
.dd-admin-shell .dd-admin-grid-2>*,
.dd-admin-shell .dd-admin-form-grid>*{min-width:0}
.dd-admin-shell table{max-width:100%}
.dd-admin-shell .dd-admin-card-body:has(table){overflow-x:auto}

/* ===== Blog/Feeds Blade: misma navegación mejorada ===== */
.dd-r92-admin-head{
  min-height:68px;
  padding-inline:max(18px,calc((100vw - 1600px)/2));
  box-shadow:none;
}
.dd-r92-admin-tabs>div{
  width:min(100% - 36px,1600px);
  margin-inline:auto;
  padding:4px 0 3px;
  display:flex;
  flex-wrap:wrap;
  gap:0 2px;
  overflow:visible;
}
.dd-r92-admin-tabs a{
  min-height:38px;
  padding:0 10px;
  border-bottom:2px solid transparent;
  font-size:10.5px;
  font-weight:560;
}
.dd-r92-admin-tabs a:hover{border-radius:8px 8px 0 0;background:var(--dd-hover)}
.dd-r92-admin-tabs a.is-active{border-bottom-color:var(--dd-accent);color:var(--dd-accent)}
.dd-r92-admin-main{width:min(100% - 36px,1600px);padding-top:24px}
.dd-r92-card{border-radius:14px;box-shadow:0 8px 28px color-mix(in srgb,var(--dd-shadow) 48%,transparent)}
.dd-r92-card>header{padding:15px 17px}
.dd-r92-card>header h2{font-size:15px}
.dd-r92-form{padding:17px}
.dd-r92-admin-title h1{font-size:30px;font-weight:760}

/* Layout del Blog: una sola opción marcada, siempre la radio realmente seleccionada. */
.dd-r92-admin-editorial .dd-blog-layout-preview.is-selected{
  border-color:var(--dd-border);
  box-shadow:none;
}
.dd-r92-admin-editorial .dd-blog-layout-preview.is-selected>span{color:var(--dd-muted)}
.dd-r92-admin-editorial .dd-blog-layout-preview:has(input:checked){
  border-color:color-mix(in srgb,var(--dd-accent) 58%,var(--dd-border));
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--dd-accent) 20%,transparent);
}
.dd-r92-admin-editorial .dd-blog-layout-preview:has(input:checked)>span{color:var(--dd-accent)}

/* Navegación móvil pura para Blog/Feeds. */
.dd-r95-mobile-admin-nav{display:none}

@media (max-width:1280px){
  .dd-admin-shell>.dd-admin-tabs nav{
    flex-wrap:nowrap;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scrollbar-width:thin;
    padding-bottom:4px;
  }
  .dd-r92-admin-tabs>div{
    flex-wrap:nowrap;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scrollbar-width:thin;
  }
}

@media (max-width:900px){
  body:has(.dd-admin-shell) .dd-navbar-inner{width:min(100% - 24px,1600px)}
  .dd-admin-shell>.dd-admin-hero .dd-admin-wrap,
  .dd-admin-shell>.dd-admin-tabs .dd-admin-wrap,
  .dd-admin-shell>.dd-admin-wrap{width:min(100% - 24px,1600px)}
  .dd-admin-shell .dd-admin-title-row{align-items:flex-start;flex-direction:column}
  .dd-admin-shell .dd-admin-title-actions{width:100%}
  .dd-admin-shell .dd-admin-maintenance-quick{flex:1 1 220px}
  .dd-admin-shell .dd-admin-form-grid{grid-template-columns:1fr}
  .dd-admin-shell .dd-admin-field.wide,.dd-admin-shell .dd-admin-toggle.wide{grid-column:auto}
  .dd-admin-shell .dd-admin-grid-2{grid-template-columns:1fr!important}
  .dd-admin-shell .dd-admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dd-r92-admin-main{width:min(100% - 24px,1600px)}
}

@media (max-width:720px){
  body:has(.dd-admin-shell) .dd-navbar{position:sticky;top:0;z-index:80}
  body:has(.dd-admin-shell) .dd-navbar-inner{min-height:60px}
  body:has(.dd-admin-shell) .dd-search-anchor{display:none}
  .dd-admin-shell>.dd-admin-hero{padding:14px 0 13px}
  .dd-admin-shell .dd-admin-title-row h1{font-size:26px}
  .dd-admin-shell .dd-admin-title-row p{font-size:10.5px}
  .dd-admin-shell>.dd-admin-tabs{top:60px;padding:8px 0}
  .dd-admin-shell>.dd-admin-tabs .dd-admin-wrap{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:8px;
    align-items:center;
  }
  .dd-admin-shell .dd-admin-mobile-tab-select{display:block;margin:0;min-width:0;border-radius:9px;padding:9px 10px;font-size:11.5px}
  .dd-admin-shell>.dd-admin-tabs nav{display:flex;overflow:visible;padding:0}
  .dd-admin-shell>.dd-admin-tabs nav a{display:none}
  .dd-admin-shell>.dd-admin-tabs nav a[href="/admin/legal"]{display:flex;min-height:38px;border:1px solid var(--dd-border);border-radius:9px;padding:0 11px}
  .dd-admin-shell>.dd-admin-wrap{padding-top:18px!important;padding-bottom:48px!important}
  .dd-admin-shell .dd-admin-stat-grid{gap:9px}
  .dd-admin-shell .dd-admin-stat{min-height:84px;padding:13px;border-radius:12px}
  .dd-admin-shell .dd-admin-stat strong{font-size:22px}
  .dd-admin-shell .dd-admin-card{border-radius:12px}
  .dd-admin-shell .dd-admin-card-head,.dd-admin-shell .dd-admin-card-body{padding:14px}
  .dd-admin-shell .dd-admin-title-actions{display:grid;grid-template-columns:1fr}
  .dd-admin-shell .dd-admin-maintenance-quick,.dd-admin-shell .dd-admin-title-actions>.dd-action-secondary{width:100%}

  .dd-r92-admin-tabs>div{display:none}
  .dd-r95-mobile-admin-nav{display:block;position:sticky;top:68px;z-index:46;border-bottom:1px solid var(--dd-border);background:var(--dd-surface);padding:8px 12px}
  .dd-r95-mobile-admin-nav details{position:relative}
  .dd-r95-mobile-admin-nav summary{list-style:none;display:flex;align-items:center;justify-content:space-between;min-height:40px;border:1px solid var(--dd-border);border-radius:9px;background:var(--dd-input);padding:0 11px;color:var(--dd-text);font-size:11.5px;font-weight:650;cursor:pointer}
  .dd-r95-mobile-admin-nav summary::-webkit-details-marker{display:none}
  .dd-r95-mobile-admin-nav summary:after{content:'⌄';color:var(--dd-muted);font-size:14px}
  .dd-r95-mobile-admin-nav details[open] summary:after{content:'⌃'}
  .dd-r95-mobile-admin-nav nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:7px;border:1px solid var(--dd-border);border-radius:10px;background:var(--dd-card);padding:7px;box-shadow:0 14px 34px var(--dd-shadow)}
  .dd-r95-mobile-admin-nav nav a{display:flex;align-items:center;min-height:36px;border-radius:8px;padding:0 9px;color:var(--dd-muted);font-size:10.5px}
  .dd-r95-mobile-admin-nav nav a.is-active{background:color-mix(in srgb,var(--dd-accent) 9%,transparent);color:var(--dd-accent)}
  .dd-r92-admin-main{width:min(100% - 18px,1600px);padding-top:18px}
}

@media (max-width:480px){
  body:has(.dd-admin-shell) .dd-notification-anchor{display:none}
  body:has(.dd-admin-shell) .dd-account-button{padding-inline:8px}
  .dd-admin-shell .dd-admin-stat-grid{grid-template-columns:1fr}
  .dd-admin-shell .dd-admin-stat{min-height:76px}
  .dd-admin-shell .dd-admin-inline-fields,
  .dd-admin-shell .dd-admin-home-fields,
  .dd-admin-shell .dd-admin-action-grid{grid-template-columns:1fr!important}
  .dd-admin-shell .dd-admin-row-actions{flex-wrap:wrap}
  .dd-r95-mobile-admin-nav nav{grid-template-columns:1fr}
}