/* FAC OPS - Empleados visual PRO fix */
#panelEmpleados{
  padding:24px !important;
  background:#faf7f8 !important;
}
#panelEmpleados *{box-sizing:border-box !important;}
#panelEmpleados .employees-pro{
  display:grid !important;
  grid-template-columns:minmax(390px,.95fr) minmax(720px,1.65fr) !important;
  gap:22px !important;
  align-items:start !important;
  max-width:1780px !important;
  margin:0 auto !important;
}
#panelEmpleados .page-card,
#panelEmpleados .employee-card,
#panelEmpleados .employee-detail-pro,
#panelEmpleados .employees-pro-sidebar{
  background:#fff !important;
  border:1px solid rgba(139,15,38,.10) !important;
  border-radius:24px !important;
  box-shadow:0 14px 34px rgba(30,20,25,.055) !important;
}
#panelEmpleados .employees-pro-sidebar{
  padding:20px !important;
  position:sticky !important;
  top:98px !important;
  max-height:calc(100vh - 122px) !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
}
#panelEmpleados .employees-title-row{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:14px !important;
  margin:0 0 16px !important;
}
#panelEmpleados .employees-title-row h2{
  font-size:28px !important;
  line-height:1.1 !important;
  letter-spacing:-.04em !important;
  color:#1f171b !important;
  margin:0 !important;
}
#panelEmpleados .employees-title-row p{
  font-size:13px !important;
  color:#766a70 !important;
  margin:6px 0 0 !important;
}
#panelEmpleados .employee-create-card{
  background:linear-gradient(180deg,#fff,#fcf6f8) !important;
  border:1px solid rgba(139,15,38,.11) !important;
  border-radius:20px !important;
  padding:16px !important;
  margin:0 0 16px !important;
}
#panelEmpleados .employee-create-card h4{
  font-size:15px !important;
  margin:0 0 12px !important;
  color:#21191d !important;
}
#panelEmpleados .employee-create-card p{
  font-size:12px !important;
  color:#74666d !important;
  margin:10px 0 0 !important;
  line-height:1.4 !important;
}
#panelEmpleados .employee-create-grid{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:10px !important;
  align-items:end !important;
}
#panelEmpleados label{
  display:flex !important;
  flex-direction:column !important;
  gap:6px !important;
  font-size:12px !important;
  color:#5b4e55 !important;
  font-weight:800 !important;
}
#panelEmpleados input,
#panelEmpleados select{
  width:100% !important;
  height:42px !important;
  border:1px solid rgba(139,15,38,.14) !important;
  border-radius:14px !important;
  padding:0 13px !important;
  background:#fff !important;
  color:#21191d !important;
  outline:none !important;
  font-size:13px !important;
  font-family:inherit !important;
}
#panelEmpleados input:focus,
#panelEmpleados select:focus{
  border-color:rgba(139,15,38,.45) !important;
  box-shadow:0 0 0 4px rgba(139,15,38,.08) !important;
}
#panelEmpleados .primary-btn,
#panelEmpleados .secondary-btn{
  height:42px !important;
  border-radius:14px !important;
  padding:0 16px !important;
  font-size:13px !important;
  font-weight:900 !important;
  font-family:inherit !important;
  cursor:pointer !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  white-space:nowrap !important;
}
#panelEmpleados .primary-btn{
  background:#8b0f26 !important;
  color:#fff !important;
  border:1px solid #8b0f26 !important;
  box-shadow:0 10px 22px rgba(139,15,38,.18) !important;
}
#panelEmpleados .secondary-btn{
  background:#fff !important;
  color:#8b0f26 !important;
  border:1px solid rgba(139,15,38,.22) !important;
}
#panelEmpleados .secondary-btn:hover,
#panelEmpleados .primary-btn:hover{transform:translateY(-1px) !important;}
#panelEmpleados .danger-soft{
  color:#aa1029 !important;
  background:#fff6f8 !important;
  border-color:rgba(170,16,41,.25) !important;
}
#panelEmpleados .mini{height:34px !important;padding:0 12px !important;font-size:12px !important;border-radius:12px !important;}
#panelEmpleados .employee-create-grid button{grid-column:1 / -1 !important;}
#panelEmpleados .employees-search-row{
  display:grid !important;
  grid-template-columns:1fr 150px !important;
  gap:10px !important;
  margin:0 0 14px !important;
}
#panelEmpleados .employees-list-title{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  margin:0 0 12px !important;
}
#panelEmpleados .employees-list-title b{
  font-size:15px !important;
  color:#21191d !important;
}
#panelEmpleados .employees-pro-list{
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
  overflow:auto !important;
  padding:0 4px 4px 0 !important;
}
#panelEmpleados .employee-card-row{
  appearance:none !important;
  width:100% !important;
  background:#fff !important;
  border:1px solid rgba(139,15,38,.10) !important;
  border-radius:20px !important;
  padding:14px !important;
  display:grid !important;
  grid-template-columns:48px 1fr 96px !important;
  gap:12px !important;
  align-items:center !important;
  text-align:left !important;
  cursor:pointer !important;
  transition:.18s ease !important;
}
#panelEmpleados .employee-card-row:hover{
  border-color:rgba(139,15,38,.25) !important;
  transform:translateY(-1px) !important;
  box-shadow:0 12px 28px rgba(30,20,25,.075) !important;
}
#panelEmpleados .employee-card-row.selected{
  background:linear-gradient(90deg,#fff0f4,#fff) !important;
  border-color:rgba(139,15,38,.42) !important;
  box-shadow:inset 4px 0 0 #8b0f26,0 12px 30px rgba(139,15,38,.10) !important;
}
#panelEmpleados .employee-avatar-mini,
#panelEmpleados .employee-avatar-big{
  display:grid !important;
  place-items:center !important;
  border-radius:50% !important;
  background:#f5dfe6 !important;
  color:#8b0f26 !important;
  border:1px solid rgba(139,15,38,.13) !important;
  font-weight:950 !important;
}
#panelEmpleados .employee-avatar-mini{width:48px !important;height:48px !important;font-size:15px !important;}
#panelEmpleados .employee-avatar-big{width:70px !important;height:70px !important;font-size:24px !important;}
#panelEmpleados .employee-card-main b{
  display:block !important;
  font-size:15px !important;
  color:#21191d !important;
  margin:0 0 4px !important;
  line-height:1.2 !important;
}
#panelEmpleados .employee-card-main span{
  display:block !important;
  font-size:12px !important;
  color:#786d73 !important;
  word-break:break-word !important;
}
#panelEmpleados .employee-card-meta{text-align:right !important;}
#panelEmpleados .employee-card-meta b{display:block !important;font-size:16px !important;color:#2c2226 !important;}
#panelEmpleados .employee-card-meta span{display:block !important;font-size:11px !important;color:#7d7076 !important;margin:2px 0 6px !important;}
#panelEmpleados .employee-card-meta small{
  display:inline-flex !important;align-items:center !important;gap:5px !important;font-size:11px !important;color:#0d8b45 !important;font-weight:900 !important;background:#e9f8ee !important;border-radius:999px !important;padding:4px 8px !important;
}
#panelEmpleados .employee-card-meta small:before{content:"" !important;width:7px !important;height:7px !important;border-radius:50% !important;background:#18a957 !important;display:inline-block !important;}
#panelEmpleados .employee-card-meta small.off{color:#81757b !important;background:#f3f1f2 !important;}
#panelEmpleados .employee-card-meta small.off:before{background:#999 !important;}
#panelEmpleados .employees-pro-main{min-width:0 !important;}
#panelEmpleados .employee-metrics-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:18px !important;
  margin:0 0 18px !important;
}
#panelEmpleados .employee-metric-card{
  background:#fff !important;
  border:1px solid rgba(139,15,38,.10) !important;
  border-radius:24px !important;
  padding:20px !important;
  min-height:118px !important;
  display:grid !important;
  grid-template-columns:auto 1fr !important;
  column-gap:14px !important;
  align-items:center !important;
  box-shadow:0 14px 34px rgba(30,20,25,.055) !important;
}
#panelEmpleados .employee-metric-card span{grid-row:1 / span 2 !important;width:52px !important;height:52px !important;border-radius:18px !important;display:grid !important;place-items:center !important;background:#f7e4e9 !important;color:#8b0f26 !important;font-size:26px !important;}
#panelEmpleados .employee-metric-card b{font-size:34px !important;line-height:1 !important;color:#1f171b !important;}
#panelEmpleados .employee-metric-card small{font-size:13px !important;color:#766a70 !important;font-weight:800 !important;}
#panelEmpleados .employee-metric-card.blue span{background:#eaf3ff !important;color:#1e5d94 !important;}
#panelEmpleados .employee-metric-card.green span{background:#eaf8ef !important;color:#14824a !important;}
#panelEmpleados .employee-metric-card.yellow span{background:#fff5dd !important;color:#b36b00 !important;}
#panelEmpleados .employee-detail-pro{padding:26px !important;}
#panelEmpleados .employee-detail-top{
  display:flex !important;
  justify-content:space-between !important;
  align-items:flex-start !important;
  gap:18px !important;
  margin:0 0 22px !important;
}
#panelEmpleados .employee-profile-title{display:flex !important;gap:16px !important;align-items:center !important;}
#panelEmpleados .employee-detail-top h2{font-size:32px !important;letter-spacing:-.04em !important;margin:0 0 6px !important;color:#1f171b !important;display:flex !important;align-items:center !important;gap:10px !important;flex-wrap:wrap !important;}
#panelEmpleados .employee-detail-top p{margin:0 !important;color:#756970 !important;font-size:14px !important;}
#panelEmpleados .employee-status-pill{display:inline-flex !important;align-items:center !important;border-radius:999px !important;background:#e9f8ee !important;color:#157c43 !important;border:1px solid rgba(21,124,67,.16) !important;padding:6px 10px !important;font-size:12px !important;font-weight:950 !important;}
#panelEmpleados .employee-status-pill.off{background:#f3f0f1 !important;color:#81757b !important;}
#panelEmpleados .employee-top-actions{display:flex !important;gap:10px !important;flex-wrap:wrap !important;justify-content:flex-end !important;}
#panelEmpleados .employee-detail-grid{display:grid !important;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr) !important;gap:18px !important;margin:0 0 18px !important;}
#panelEmpleados .employee-card{padding:20px !important;}
#panelEmpleados .employee-card h4{margin:0 0 16px !important;font-size:17px !important;color:#21191d !important;}
#panelEmpleados .employee-info-grid{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:12px !important;}
#panelEmpleados .employee-info-grid>div{background:#fbf7f8 !important;border:1px solid rgba(139,15,38,.06) !important;border-radius:16px !important;padding:14px !important;}
#panelEmpleados .employee-info-grid small{display:block !important;color:#7b6c72 !important;font-size:11px !important;font-weight:900 !important;text-transform:uppercase !important;letter-spacing:.04em !important;margin:0 0 7px !important;}
#panelEmpleados .employee-info-grid b{font-size:14px !important;color:#2c2226 !important;word-break:break-word !important;}
#panelEmpleados .password-chip{background:#fff0f4 !important;color:#8b0f26 !important;border:1px solid rgba(139,15,38,.14) !important;border-radius:999px !important;padding:6px 10px !important;font-weight:900 !important;}
#panelEmpleados .employee-access-actions{display:flex !important;gap:8px !important;flex-wrap:wrap !important;margin-top:14px !important;}
#panelEmpleados .summary-grid-mini,
#panelEmpleados .employee-summary-mini{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:12px !important;}
#panelEmpleados .summary-grid-mini div,
#panelEmpleados .employee-summary-mini div{background:#fbf7f8 !important;border:1px solid rgba(139,15,38,.07) !important;border-radius:18px !important;padding:16px !important;min-height:82px !important;}
#panelEmpleados .summary-grid-mini b,
#panelEmpleados .employee-summary-mini b{display:block !important;font-size:28px !important;line-height:1 !important;color:#8b0f26 !important;}
#panelEmpleados .summary-grid-mini span,
#panelEmpleados .employee-summary-mini span{display:block !important;font-size:12px !important;color:#766a70 !important;margin-top:7px !important;font-weight:800 !important;}
#panelEmpleados .employee-bottom-grid{display:grid !important;grid-template-columns:minmax(0,1.45fr) 360px !important;gap:18px !important;align-items:start !important;}
#panelEmpleados .employee-section-head{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:12px !important;margin:0 0 12px !important;}
#panelEmpleados .soft-table-wrap{border:1px solid rgba(139,15,38,.08) !important;border-radius:18px !important;overflow:hidden !important;background:#fff !important;}
#panelEmpleados .modern-employee-table{border-collapse:collapse !important;width:100% !important;font-size:13px !important;}
#panelEmpleados .modern-employee-table th{background:#fbf7f8 !important;color:#6a5962 !important;font-size:11px !important;text-transform:uppercase !important;letter-spacing:.05em !important;padding:13px !important;border-bottom:1px solid rgba(139,15,38,.08) !important;text-align:left !important;}
#panelEmpleados .modern-employee-table td{padding:13px !important;border-bottom:1px solid rgba(139,15,38,.07) !important;color:#2e2529 !important;vertical-align:middle !important;}
#panelEmpleados .modern-employee-table td span{display:block !important;color:#857880 !important;font-size:12px !important;margin-top:3px !important;}
#panelEmpleados .modern-employee-table tr:last-child td{border-bottom:0 !important;}
#panelEmpleados .status.green{background:#e9f8ee !important;color:#157c43 !important;border-radius:999px !important;padding:5px 9px !important;font-weight:900 !important;font-size:12px !important;}
#panelEmpleados .employee-side-stack{display:flex !important;flex-direction:column !important;gap:16px !important;}
#panelEmpleados .quick-actions-card{display:flex !important;flex-direction:column !important;gap:10px !important;}
#panelEmpleados .quick-actions-card h4{margin-bottom:4px !important;}
#panelEmpleados .notes-card p{margin:0 !important;color:#4f4449 !important;line-height:1.5 !important;font-size:13px !important;}
@media (max-width:1180px){
  #panelEmpleados .employees-pro{grid-template-columns:1fr !important;}
  #panelEmpleados .employees-pro-sidebar{position:static !important;max-height:none !important;}
  #panelEmpleados .employees-pro-list{max-height:440px !important;}
  #panelEmpleados .employee-bottom-grid,#panelEmpleados .employee-detail-grid{grid-template-columns:1fr !important;}
  #panelEmpleados .employee-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media (max-width:700px){
  #panelEmpleados{padding:14px !important;}
  #panelEmpleados .employee-metrics-grid{grid-template-columns:1fr !important;}
  #panelEmpleados .employees-search-row,#panelEmpleados .employee-create-grid{grid-template-columns:1fr !important;}
  #panelEmpleados .employee-detail-top{flex-direction:column !important;}
  #panelEmpleados .employee-top-actions{justify-content:flex-start !important;}
  #panelEmpleados .employee-info-grid{grid-template-columns:1fr !important;}
  #panelEmpleados .employee-card-row{grid-template-columns:48px 1fr !important;}
  #panelEmpleados .employee-card-meta{grid-column:2 !important;text-align:left !important;display:flex !important;gap:8px !important;align-items:center !important;}
  #panelEmpleados .employee-profile-title{align-items:flex-start !important;}
  #panelEmpleados .employee-detail-top h2{font-size:24px !important;}
}