/* ============================================================
 * ADMIN PANEL - Estilos compartidos (Kome Sabor Casero)
 * ============================================================ */
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Segoe UI',system-ui,sans-serif;background:#f5f5f5;color:#333;line-height:1.5}
body.admin-page{padding-top:60px}

/* ---- CABECERA ADMIN ---- */
.admin-header{
    position:fixed;top:0;left:0;right:0;z-index:1000;
    background:#2a2a2a;
    height:56px;
    display:flex;align-items:center;justify-content:space-between;
    padding:0 20px;
    box-shadow:0 2px 8px rgba(0,0,0,.15);
}
.admin-header-left{display:flex;align-items:center;gap:15px}
.admin-header-left img{height:32px;filter:brightness(0) invert(1)}
.admin-header-left .admin-title{color:#fff;font-size:0.85rem;font-weight:600;opacity:0.8}
.admin-nav{display:flex;gap:4px}
.admin-nav a{
    color:#ccc;text-decoration:none;padding:8px 16px;border-radius:6px;
    font-size:0.82rem;font-weight:600;transition:all .2s;
}
.admin-nav a:hover{background:rgba(255,255,255,.1);color:#fff}
.admin-nav a.active{background:rgba(255,255,255,.15);color:#fff}
.admin-header-right{display:flex;align-items:center;gap:12px}
.admin-user{color:#888;font-size:0.75rem}
.admin-logout{
    background:none;border:1px solid #555;color:#aaa;padding:5px 12px;
    border-radius:5px;font-size:0.75rem;cursor:pointer;transition:all .2s;
}
.admin-logout:hover{border-color:#dc3545;color:#dc3545}

/* ---- CONTENIDO ---- */
.admin-content{
    max-width:1200px;margin:0 auto;padding:20px;
}
.card{background:#fff;border-radius:10px;padding:18px;margin-bottom:14px;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.card h2{font-size:1.1rem;margin-bottom:10px;color:#2a2a2a;border-bottom:2px solid #2a2a2a;padding-bottom:5px;display:inline-block}
label{display:block;font-weight:600;margin-bottom:3px;margin-top:8px;color:#444;font-size:0.8rem}
select,input[type=text],input[type=number],input[type=email],input[type=password]{
    padding:8px 10px;border:1px solid #ddd;border-radius:6px;font-size:0.85rem;width:100%;
}
select:focus,input:focus{outline:none;border-color:#2a2a2a}
textarea{width:100%;padding:8px 10px;border:1px solid #ddd;border-radius:6px;font-size:0.85rem;min-height:55px;resize:vertical;font-family:inherit}
.row{display:flex;gap:10px;flex-wrap:wrap}.col{flex:1;min-width:140px}
.btn{display:inline-block;padding:8px 16px;border:none;border-radius:6px;font-size:0.82rem;font-weight:700;cursor:pointer;transition:all .2s}
.btn-primary{background:#2a2a2a;color:#fff}.btn-primary:hover{background:#444}
.btn-success{background:#087f5b;color:#fff}.btn-success:hover{background:#099268}
.btn-danger{background:#c0392b;color:#fff}.btn-danger:hover{background:#e74c3c}
.btn-outline{background:transparent;border:1px solid #ccc;color:#555}.btn-outline:hover{border-color:#2a2a2a}
.btn-sm{padding:5px 10px;font-size:0.75rem}
.actions{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}
.hint{font-size:0.72rem;color:#999;margin-top:2px}
.stat-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:20px}
.stat-card{background:#f8f9fa;border-radius:8px;padding:15px;text-align:center;border:1px solid #eee}
.stat-card .stat-num{font-size:1.8rem;font-weight:700;color:#2a2a2a}
.stat-card .stat-label{font-size:0.78rem;color:#888;margin-top:4px}

/* ---- RESPONSIVE ---- */
@media(max-width:768px){
    .admin-header{padding:0 10px;height:50px}
    .admin-header-left .admin-title{display:none}
    .admin-nav a{padding:6px 10px;font-size:0.75rem}
    .admin-content{padding:12px}
    body.admin-page{padding-top:50px}
    .stat-summary{grid-template-columns:repeat(2,1fr);gap:8px}
}
@media(max-width:500px){
    .admin-nav a span{display:none}
    .admin-user{display:none}
}