/* La cornice del pannello WordPress vestita col design system 2027.
   Si tocca la barra in alto e il menu laterale: i contenuti delle pagine
   restano com'erano, cosi' i plugin altrui restano leggibili. */

/* i due caratteri del marchio, serviti dal plugin stesso */
@font-face{font-family:SEArchivo;src:url('../font/archivo.woff2') format('woff2-variations'),
  url('../font/archivo.woff2') format('woff2');font-weight:300 900;font-stretch:100% 125%;
  font-style:normal;font-display:swap}
@font-face{font-family:SEMichroma;src:url('../font/michroma.woff2') format('woff2');
  font-weight:400;font-style:normal;font-display:swap}

:root{
  --se-nero:#171717; --se-card:#212121; --se-alta:#2C2C2C;
  --se-testo:#F6EFE3; --se-acciaio:#9A9A9A;
  --se-rosso:#BC1C23; --se-rosso2:#E4595F; --se-blu:#C7CCD4;
}

/* ---------------- barra in alto ---------------- */
#wpadminbar{background:var(--se-nero);border-bottom:1px solid rgba(255,255,255,.09);height:34px}
#wpadminbar .ab-item,#wpadminbar a.ab-item,#wpadminbar>#wp-toolbar span.ab-label,
#wpadminbar>#wp-toolbar span.noticon{color:var(--se-acciaio)}
#wpadminbar .ab-top-menu>li:hover>.ab-item,
#wpadminbar .ab-top-menu>li.hover>.ab-item,
#wpadminbar .ab-top-menu>li>.ab-item:focus{background:var(--se-alta);color:var(--se-testo)}
#wpadminbar .ab-submenu .ab-item,#wpadminbar .quicklinks .menupop ul li a{color:var(--se-acciaio)}
#wpadminbar .quicklinks .menupop ul{background:var(--se-card);border:1px solid rgba(255,255,255,.09)}
#wpadminbar .quicklinks .menupop ul li a:hover{color:var(--se-testo);background:var(--se-alta)}
#wpadminbar #wp-admin-bar-se-logo>.ab-item{padding:0 12px}
#wpadminbar img.se-barra-logo{height:15px;width:auto;display:block;margin-top:9px;
  opacity:.92;transition:opacity .15s}
#wpadminbar #wp-admin-bar-se-logo:hover img.se-barra-logo,
#wpadminbar #wp-admin-bar-se-logo-comm:hover img.se-barra-logo{opacity:1}
#wpadminbar #wp-admin-bar-se-logo-comm>.ab-item{padding:0 12px}
#wpadminbar .ab-icon::before,#wpadminbar .ab-item::before{color:var(--se-acciaio)}

/* ---------------- menu laterale ---------------- */
#adminmenuback,#adminmenuwrap,#adminmenu{background:var(--se-nero)}
#adminmenu{border-right:1px solid rgba(255,255,255,.07)}
#adminmenu a{color:var(--se-acciaio)}
#adminmenu div.wp-menu-image::before{color:var(--se-acciaio)}
#adminmenu li.menu-top:hover,#adminmenu li.opensub>a.menu-top,
#adminmenu li>a.menu-top:focus{background:var(--se-alta);color:var(--se-testo)}
#adminmenu li.menu-top:hover div.wp-menu-image::before{color:var(--se-testo)}
#adminmenu li.current a.menu-top,#adminmenu li.wp-has-current-submenu a.menu-top,
.folded #adminmenu li.current.menu-top{background:var(--se-rosso);color:#fff}
#adminmenu li.current a.menu-top div.wp-menu-image::before,
#adminmenu li.wp-has-current-submenu div.wp-menu-image::before{color:#fff}
#adminmenu .wp-submenu,#adminmenu .wp-has-current-submenu .wp-submenu{background:#1B1B1B}
#adminmenu .wp-submenu a{color:var(--se-acciaio)}
#adminmenu .wp-submenu a:hover,#adminmenu .wp-submenu a:focus{color:var(--se-testo)}
#adminmenu .wp-submenu li.current a,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu li.current a,
#adminmenu .wp-submenu li.current a:hover{color:#fff;font-weight:600}
#adminmenu li.wp-has-current-submenu .wp-submenu,
#adminmenu li.wp-has-current-submenu.opensub .wp-submenu{background:#1B1B1B}
#adminmenu div.wp-menu-name{font-family:SEArchivo,'Helvetica Neue',system-ui,sans-serif;
  font-variation-settings:'wdth' 108;font-weight:600;letter-spacing:.01em}
#wpadminbar,#wpadminbar .ab-item{font-family:SEArchivo,'Helvetica Neue',system-ui,sans-serif}
#adminmenu .wp-submenu a{font-family:SEArchivo,'Helvetica Neue',system-ui,sans-serif}
#adminmenu .wp-menu-arrow div{background:var(--se-rosso)}
#collapse-button{color:var(--se-acciaio)}
#adminmenu .awaiting-mod,#adminmenu .update-plugins{background:var(--se-rosso);color:#fff}
#adminmenu li.menu-top>a.menu-top{transition:background .15s,color .15s}

/* separatori piu' discreti */
#adminmenu li.wp-menu-separator{background:transparent;border-top:1px solid rgba(255,255,255,.07);
  height:1px;margin:8px 0}

/* La larghezza piena delle pagine del gestionale la governa app.css:
   li' c'e' la colonna delle sezioni e la testata, e le misure devono
   stare in un posto solo. */

/* ---------------- piede ---------------- */
#wpfooter{color:#7A7A7A}
#wpfooter a{color:var(--se-acciaio);text-decoration:none}