/* DDAnime r14-r97 — Administración uniforme con el shell visual de Blog/Feeds. */

/* En las vistas Inertia administrativas se usa el header/nav server-side idéntico al editorial. */
body.dd-inertia-admin-document .dd-navbar{display:none!important}
body.dd-inertia-admin-document .dd-footer{display:none!important}
body.dd-inertia-admin-document .dd-admin-shell>.dd-admin-tabs{display:none!important}
body.dd-inertia-admin-document .dd-admin-shell>.dd-admin-hero{display:none!important}
body.dd-inertia-admin-document .dd-page{background:var(--dd-bg)!important;min-height:0!important}

/* Header único: mismo tamaño, logo y acciones que Blog/Feeds. */
.dd-server-admin-head,
.dd-r92-admin-head{
  position:sticky;top:0;z-index:80;display:flex;align-items:center;justify-content:space-between;gap:20px;
  min-height:68px;padding-inline:max(18px,calc((100vw - 1600px)/2));
  border-bottom:1px solid var(--dd-border);background:color-mix(in srgb,var(--dd-bg) 94%,transparent);
  box-shadow:none;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)
}
.dd-server-admin-head .dd-r92-admin-brand,
.dd-r92-admin-head .dd-r92-admin-brand{display:flex;align-items:center;min-width:0;text-decoration:none}
.dd-server-admin-head .dd-r92-admin-brand img,
.dd-r92-admin-head .dd-r92-admin-brand img{display:block;max-width:150px;max-height:38px;object-fit:contain}
.dd-server-admin-head>div,
.dd-r92-admin-head>div{display:flex;align-items:center;gap:16px}
.dd-server-admin-head>div strong,
.dd-r92-admin-head>div strong{font-size:13px;color:var(--dd-text)}
.dd-server-admin-head>div a,
.dd-r92-admin-head>div a{color:var(--dd-muted);font-size:12px;text-decoration:none}
.dd-server-admin-head>div a:hover,
.dd-r92-admin-head>div a:hover{color:var(--dd-accent)}

/* Una sola geometría de tabs para Blade e Inertia. */
.dd-server-admin-tabs,
.dd-r92-admin-tabs{
  position:sticky;top:68px;z-index:70;margin:0;border-bottom:1px solid var(--dd-border);
  background:var(--dd-surface);box-shadow:none
}
.dd-server-admin-tabs>div,
.dd-r92-admin-tabs>div{
  width:min(100% - 36px,1600px);margin-inline:auto;padding:4px 0 3px;
  display:flex;align-items:center;flex-wrap:wrap;gap:0 2px;overflow:visible
}
.dd-server-admin-tabs a,
.dd-r92-admin-tabs a{
  display:flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:38px;
  margin:0;padding:0 10px;border:0;border-bottom:2px solid transparent;border-radius:0;
  background:transparent;box-shadow:none;color:var(--dd-muted);font-size:13.5px;font-weight:600;
  line-height:1.2;white-space:nowrap;text-decoration:none
}
.dd-server-admin-tabs a:hover,
.dd-r92-admin-tabs a:hover{color:var(--dd-text);background:var(--dd-hover);border-radius:8px 8px 0 0}
.dd-server-admin-tabs a.is-active,
.dd-r92-admin-tabs a.is-active{color:var(--dd-accent);background:transparent;border-bottom-color:var(--dd-accent)}

/* El contenido React conserva sus módulos, pero usa el mismo ancho/espaciado editorial. */
body.dd-inertia-admin-document .dd-admin-shell{min-height:calc(100vh - 116px);background:var(--dd-bg)!important}
body.dd-inertia-admin-document .dd-admin-shell>.dd-admin-wrap{
  width:min(100% - 36px,1600px)!important;max-width:1600px!important;margin:0 auto!important;
  padding:0 0 70px!important
}
.dd-server-admin-title-main{width:min(100% - 36px,1600px);margin:0 auto;padding:24px 0 0}
.dd-server-admin-title{margin-bottom:24px}
.dd-server-admin-title .eyebrow{display:block;color:var(--dd-accent);font-size:9px;font-weight:750;letter-spacing:.15em;text-transform:uppercase}
.dd-server-admin-title h1{margin:4px 0 0;font-size:30px;font-weight:760;letter-spacing:-.035em}
.dd-server-admin-title p{max-width:760px;margin:7px 0 0;color:var(--dd-muted);font-size:12px;line-height:1.6}

body.dd-inertia-admin-document .dd-admin-card,
body.dd-inertia-admin-document .dd-admin-stat{
  border:1px solid var(--dd-border);border-radius:14px;background:var(--dd-card);
  box-shadow:0 8px 28px color-mix(in srgb,var(--dd-shadow) 48%,transparent)
}
body.dd-inertia-admin-document .dd-admin-card-head{padding:15px 17px}
body.dd-inertia-admin-document .dd-admin-card-body{padding:17px}

/* Legal usa el mismo shell y deja de parecer un subpanel distinto. */
.dd-r92-admin-editorial .dd-r29-legal-form{display:grid;gap:16px}
.dd-r92-admin-editorial .dd-r29-admin-card{
  border:1px solid var(--dd-border);border-radius:14px;background:var(--dd-card);
  box-shadow:0 8px 28px color-mix(in srgb,var(--dd-shadow) 48%,transparent);padding:17px
}
.dd-r92-admin-editorial .dd-r29-admin-card>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}
.dd-r92-admin-editorial .dd-r29-admin-actions{display:flex;justify-content:flex-end}

/* Mobile nav server-side; en escritorio permanece oculta. */
.dd-server-mobile-admin-nav{display:none}

@media (max-width:1280px){
  .dd-server-admin-tabs,
  .dd-r92-admin-tabs{display:none!important}
  .dd-server-mobile-admin-nav,
  .dd-r95-mobile-admin-nav{
    display:block;position:sticky;top:68px;z-index:72;border-bottom:1px solid var(--dd-border);
    background:var(--dd-surface);padding:9px 16px
  }
  .dd-server-mobile-admin-nav details,
  .dd-r95-mobile-admin-nav details{position:relative}
  .dd-server-mobile-admin-nav summary,
  .dd-r95-mobile-admin-nav summary{
    list-style:none;display:flex;align-items:center;justify-content:space-between;min-height:46px;
    border:1px solid var(--dd-border);border-radius:10px;background:var(--dd-input);padding:0 13px;
    color:var(--dd-text);font-size:13.5px;font-weight:650;cursor:pointer
  }
  .dd-server-mobile-admin-nav summary::-webkit-details-marker,
  .dd-r95-mobile-admin-nav summary::-webkit-details-marker{display:none}
  .dd-server-mobile-admin-nav summary:after,
  .dd-r95-mobile-admin-nav summary:after{content:'⌄';color:var(--dd-muted);font-size:15px}
  .dd-server-mobile-admin-nav details[open] summary:after,
  .dd-r95-mobile-admin-nav details[open] summary:after{content:'⌃'}
  .dd-server-mobile-admin-nav nav,
  .dd-r95-mobile-admin-nav nav{
    display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:8px;
    border:1px solid var(--dd-border);border-radius:10px;background:var(--dd-card);padding:8px;
    box-shadow:0 14px 34px var(--dd-shadow)
  }
  .dd-server-mobile-admin-nav nav a,
  .dd-r95-mobile-admin-nav nav a{
    display:flex;align-items:center;min-height:40px;border-radius:8px;padding:0 10px;
    color:var(--dd-muted);font-size:12px;font-weight:600;text-decoration:none
  }
  .dd-server-mobile-admin-nav nav a.is-active,
  .dd-r95-mobile-admin-nav nav a.is-active{
    background:color-mix(in srgb,var(--dd-accent) 9%,transparent);color:var(--dd-accent)
  }
}

@media (max-width:900px){
  .dd-server-admin-head,.dd-r92-admin-head{padding-inline:16px}
  .dd-server-admin-tabs>div,.dd-r92-admin-tabs>div{width:min(100% - 24px,1600px)}
  body.dd-inertia-admin-document .dd-admin-shell>.dd-admin-wrap{width:min(100% - 24px,1600px)!important}
  .dd-server-admin-title-main{width:min(100% - 24px,1600px)}
}

@media (max-width:700px){
  .dd-server-admin-head,.dd-r92-admin-head{min-height:60px;padding-inline:12px}
  .dd-server-admin-head>div strong,.dd-r92-admin-head>div strong{display:none}
  .dd-server-admin-tabs,.dd-r92-admin-tabs{display:none!important}
  .dd-server-mobile-admin-nav,
  .dd-r95-mobile-admin-nav{
    display:block;position:sticky;top:60px;z-index:72;border-bottom:1px solid var(--dd-border);
    background:var(--dd-surface);padding:8px 12px
  }
  .dd-server-mobile-admin-nav details,.dd-r95-mobile-admin-nav details{position:relative}
  .dd-server-mobile-admin-nav summary,.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-server-mobile-admin-nav summary::-webkit-details-marker,.dd-r95-mobile-admin-nav summary::-webkit-details-marker{display:none}
  .dd-server-mobile-admin-nav summary:after,.dd-r95-mobile-admin-nav summary:after{content:'⌄';color:var(--dd-muted);font-size:14px}
  .dd-server-mobile-admin-nav details[open] summary:after,.dd-r95-mobile-admin-nav details[open] summary:after{content:'⌃'}
  .dd-server-mobile-admin-nav nav,.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-server-mobile-admin-nav nav a,.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;text-decoration:none
  }
  .dd-server-mobile-admin-nav nav a.is-active,.dd-r95-mobile-admin-nav nav a.is-active{background:color-mix(in srgb,var(--dd-accent) 9%,transparent);color:var(--dd-accent)}
  body.dd-inertia-admin-document .dd-admin-shell>.dd-admin-wrap{width:min(100% - 18px,1600px)!important;padding:0 0 52px!important}
  .dd-server-admin-title-main{width:min(100% - 18px,1600px);padding-top:18px}
  .dd-server-admin-title h1{font-size:27px}
}

@media (max-width:480px){
  .dd-server-mobile-admin-nav nav,.dd-r95-mobile-admin-nav nav{grid-template-columns:1fr}
}