/* ===== ESTILO COMPARTIDO DE PANELES ===== */
.panel-top{
  display:flex;justify-content:space-between;align-items:center;
  padding:16px 24px;background:var(--navy-900);color:#fff;
}
.panel-top .brand-mini{font-weight:800;letter-spacing:.3em;font-size:16px}
.panel-top .who{font-size:12px;letter-spacing:.06em;display:flex;align-items:center;gap:14px}
.badge{
  font-size:10px;letter-spacing:.12em;text-transform:uppercase;
  padding:3px 9px;border-radius:20px;background:var(--navy-500);
}
.badge.admin{background:#7a5cff}.badge.worker{background:#2f8f6b}.badge.cliente{background:#3a5687}
.logout-btn{background:none;border:1px solid var(--navy-500);color:#fff;padding:6px 12px;font-size:11px;cursor:pointer;border-radius:2px;letter-spacing:.08em}
.logout-btn:hover{background:var(--navy-700)}

.panel-wrap{max-width:1100px;margin:36px auto;padding:0 24px}
.panel-wrap h1{letter-spacing:.1em;color:var(--navy-900);margin-bottom:4px;font-size:24px}
.panel-wrap .lead{color:var(--navy-500);margin-bottom:30px;font-size:14px}

.perm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-bottom:40px}
.perm-card{border:1px solid var(--line);border-radius:3px;padding:18px;background:#fff}
.perm-card .ico{font-size:22px;margin-bottom:10px;color:var(--navy-700)}
.perm-card h4{font-size:14px;margin-bottom:6px;color:var(--navy-900)}
.perm-card p{font-size:12px;color:var(--navy-500);line-height:1.6}

.section-box{background:#fff;border:1px solid var(--line);border-radius:3px;padding:24px;margin-bottom:26px}
.section-box h3{letter-spacing:.08em;font-size:16px;margin-bottom:16px;color:var(--navy-900)}

table{width:100%;border-collapse:collapse;font-size:13px}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line)}
th{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--navy-500)}
tr:hover td{background:var(--navy-50)}

.form-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.form-row input,.form-row select{padding:10px;border:1px solid var(--line);border-radius:2px;font-size:13px;flex:1;min-width:140px}
.mini-btn{background:var(--navy-800);color:#fff;border:none;padding:10px 18px;font-size:12px;letter-spacing:.08em;cursor:pointer;border-radius:2px}
.mini-btn.ghost{background:#fff;color:var(--navy-800);border:1px solid var(--navy-800)}
.mini-btn.danger{background:#b3261e}

.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:30px}
.stat{background:linear-gradient(160deg,var(--navy-800),var(--navy-500));color:#fff;padding:20px;border-radius:4px}
.stat .n{font-size:26px;font-weight:700}
.stat .l{font-size:11px;letter-spacing:.1em;text-transform:uppercase;opacity:.85;margin-top:4px}
.pill{font-size:11px;padding:3px 9px;border-radius:20px}
.pill.pend{background:#fff3cd;color:#8a6d00}
.pill.ok{background:#d7f0e0;color:#1b6b3a}
@media(max-width:700px){.stats{grid-template-columns:1fr 1fr}}