/* Esta página reutiliza las variables de color, tipografía y botones de
   pizarra_tactica_style.css (ya enlazado antes que este archivo); aquí solo va
   el layout propio de Analíticas. */

body.admin-body{
overflow-y:auto;
min-height:100vh;
}

.admin-topbar{
display:flex;align-items:center;justify-content:space-between;
padding:0 20px;
height:58px;
background:var(--panel);
border-bottom:1px solid var(--line);
position:sticky;top:0;
z-index:10;
}
.admin-back{
color:var(--text-dim);
text-decoration:none;
font-size:13px;
font-weight:600;
}
.admin-back:hover{color:var(--accent);}
.admin-title{
font-family:var(--font-display);
font-weight:700;
font-size:16px;
}

.admin-main{
max-width:960px;
margin:0 auto;
padding:28px 20px 60px;
}

.admin-state{
text-align:center;
color:var(--text-dim);
padding:80px 20px;
font-size:15px;
}
.admin-denied-link{display:inline-flex;margin-top:16px;text-decoration:none;}

.admin-section{margin-bottom:34px;}
.admin-section h2{
font-family:var(--font-display);
font-size:16px;
margin:0 0 14px;
color:var(--text);
}

.admin-cards{
display:grid;
grid-template-columns:repeat(auto-fit, minmax(160px, 1fr));
gap:12px;
}
.admin-card{
background:var(--panel);
border:1px solid var(--line);
border-radius:12px;
padding:16px 18px;
display:flex;flex-direction:column;gap:6px;
}
.admin-card-label{font-size:12px;color:var(--text-dim);font-weight:600;}
.admin-card-value{font-family:var(--font-display);font-size:28px;font-weight:700;color:var(--text);}

.admin-cards-levels .admin-card-pro .admin-card-value{color:var(--accent);}
.admin-cards-levels .admin-card-admin .admin-card-value{color:#8ab4ff;}

.admin-note{font-size:12px;color:var(--text-dim);margin:10px 2px 0;line-height:1.5;}
.admin-error{color:var(--danger);font-size:13px;margin-top:10px;}
.admin-error:empty{display:none;}

@media (max-width:480px){
.admin-card-value{font-size:24px;}
}