/* 3.8.9 · ficha única del trabajador */
.wp-overlay { position:fixed; inset:0; z-index:9000; display:flex; justify-content:flex-end; background:rgba(20,24,28,.45); }
.wp-panel { width:min(860px,100%); height:100%; display:flex; flex-direction:column; background:#f6f7f9; box-shadow:-12px 0 40px rgba(0,0,0,.2); }
.wp-head { display:flex; justify-content:space-between; gap:12px; align-items:flex-start; padding:18px 20px 10px; background:#fff; border-bottom:1px solid #e3e6ea; }
.wp-head h2 { margin:2px 0 4px; font-size:21px; }
.wp-eyebrow { color:#b0060c; font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.wp-actions { display:flex; flex-wrap:wrap; gap:8px; padding:10px 20px; background:#fff; }
.wp-tabs { display:flex; gap:4px; padding:0 14px; overflow-x:auto; background:#fff; border-bottom:1px solid #e3e6ea; }
.wp-tabs button { flex:0 0 auto; padding:10px 12px; border:0; border-bottom:3px solid transparent; background:none; font:inherit; font-size:13px; font-weight:700; color:#5b646d; cursor:pointer; }
.wp-tabs button.active { color:#1f2429; border-bottom-color:#c70409; }
.wp-body { flex:1; overflow:auto; padding:16px 20px 30px; }
.wp-tiles { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-bottom:14px; }
.wp-tiles > div { padding:12px; border:1px solid #e1e4e8; border-radius:10px; background:#fff; }
.wp-tiles span { display:block; color:#68717a; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.04em; }
.wp-tiles b { display:block; margin:4px 0 2px; font-size:20px; }
.wp-tiles small { color:#68717a; font-size:11.5px; }
.wp-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 18px; margin:0; padding:6px 14px; border:1px solid #e1e4e8; border-radius:10px; background:#fff; }
.wp-facts > div { display:grid; grid-template-columns:130px minmax(0,1fr); gap:8px; padding:8px 0; border-bottom:1px solid #eef0f2; }
.wp-facts dt { color:#68717a; font-size:12px; font-weight:700; }
.wp-facts dd { margin:0; font-size:13px; overflow-wrap:anywhere; }
.wp-table { width:100%; border-collapse:collapse; background:#fff; font-size:13px; }
.wp-table th, .wp-table td { padding:8px; border-bottom:1px solid #eceef1; text-align:left; vertical-align:top; }
.wp-table th { color:#68717a; font-size:11px; text-transform:uppercase; letter-spacing:.04em; }
.wp-alert { margin:0 0 12px; padding:10px 12px; border-left:4px solid #d18800; border-radius:6px; background:#fff7e7; color:#61430d; font-size:13px; }
@media (max-width: 760px) {
  .wp-tiles { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .wp-facts { grid-template-columns:minmax(0,1fr); }
  .wp-facts > div { grid-template-columns:110px minmax(0,1fr); }
  .wp-head, .wp-actions, .wp-body { padding-left:14px; padding-right:14px; }
}