:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#172033;background:#f4f6f8}*{box-sizing:border-box}body{margin:0}.hidden{display:none!important}.muted{color:#737b8c}.eyebrow{font-size:12px;font-weight:800;letter-spacing:1.8px;color:#5b6475}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(145deg,#172033,#303a50)}.login-card{width:min(430px,100%);background:#fff;border-radius:24px;padding:38px;box-shadow:0 24px 70px #0004}.brand-mark{display:inline-grid;place-items:center;width:58px;height:58px;border-radius:16px;background:#172033;color:#fff;font-weight:900;font-size:22px}.login-card h1{font-size:32px;margin:8px 0}.login-card form{display:grid;gap:16px;margin-top:24px}.login-card button{width:100%}.error{color:#a62c2c;font-weight:700;min-height:18px}.top{min-height:66px;background:#172033;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:10px max(20px,calc((100vw - 1180px)/2));position:sticky;top:0;z-index:5}.top>div:first-child{display:flex;gap:12px;align-items:baseline}.top b{font-size:22px}.top span{font-size:12px;opacity:.7}.tabs{display:flex;gap:6px;flex-wrap:wrap}.tabs button{background:transparent;color:#cfd5df}.tabs button.active{background:#fff;color:#172033}.tabs .logout{border:1px solid #ffffff40}.wrap{max-width:1180px;margin:0 auto;padding:34px 20px 70px}.view{display:none}.view.active{display:block}header{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}h1{font-size:34px;margin:4px 0}h2{margin:0}h3{margin:0 0 8px}.score{background:#172033;color:#fff;border-radius:18px;padding:18px 28px;text-align:right}.score span,.summary span{display:block;font-size:12px;opacity:.72}.score strong{font-size:30px}.card{background:#fff;border-radius:18px;padding:24px;margin:16px 0;box-shadow:0 4px 20px #1720330d}.filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:18px}.filters.one{grid-template-columns:minmax(240px,420px)}label{font-size:13px;font-weight:700;display:block}input,select,textarea{width:100%;margin-top:7px;border:1px solid #d9dee7;border-radius:10px;padding:11px;font:inherit;background:#fff}input:disabled,select:disabled,textarea:disabled{background:#f1f3f6;color:#606979}button{border:0;border-radius:10px;padding:11px 16px;background:#172033;color:#fff;font-weight:800;cursor:pointer}.secondary{background:#e9edf2;color:#172033}.remove{background:#fff0f0;color:#a62c2c}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.section-title p{margin:5px 0 0;color:#737b8c}.weights{display:grid;grid-template-columns:2fr 1fr 1fr;gap:18px;align-items:end}.weights p{margin:5px 0;color:#737b8c}.warning{grid-column:1/-1;padding:10px 12px;border-radius:10px;background:#fff1e7;color:#9a4b00;font-weight:700}.project{padding:18px 0;border-bottom:1px solid #edf0f4}.project-top{display:grid;grid-template-columns:2fr 1.1fr .8fr .8fr auto;gap:10px;align-items:end}.project-comments{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.row-calc{min-width:100px;background:#f4f6f8;border-radius:10px;padding:9px 10px;text-align:right}.row-calc span,.row-calc small{display:block;font-size:11px;color:#737b8c}.row-calc strong{display:block}.activity-box{margin-top:12px;background:#f8f9fb;border-radius:12px;padding:12px}.activity-box summary{cursor:pointer;font-weight:800}.activity-list{margin-top:10px}.activity-row{display:grid;grid-template-columns:150px 1fr auto;gap:8px;margin:8px 0;align-items:center}.activity-add{display:grid;grid-template-columns:150px 1fr auto;gap:8px;margin-top:10px}.skill{display:grid;grid-template-columns:1.25fr .7fr .7fr 1.5fr 1.5fr auto;gap:10px;align-items:end;padding:12px 0;border-bottom:1px solid #edf0f4}.subtotal{text-align:right;padding-top:18px}.subtotal strong{font-size:20px;margin-left:12px}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.summary.four{grid-template-columns:repeat(4,1fr)}.summary div{background:#fff;padding:20px;border-radius:16px}.summary strong{font-size:24px}.summary .accent{background:#172033;color:#fff}.comments-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.full{grid-column:1/-1}.actions{display:flex;justify-content:flex-end;gap:10px}.saved{text-align:right;color:#25734d;font-weight:700}.empty{text-align:center;color:#737b8c;padding:40px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px 10px;border-bottom:1px solid #edf0f4}th{font-size:12px;color:#737b8c;text-transform:uppercase}.mini{padding:7px 11px;font-size:12px}.detail-item{padding:16px 0;border-bottom:1px solid #edf0f4}.detail-head{display:flex;justify-content:space-between;gap:20px}.note-pair{display:flex;gap:10px;flex-wrap:wrap}.pill{background:#eef1f5;border-radius:99px;padding:5px 9px;font-size:12px;font-weight:800}.activities-print{margin:8px 0 0 18px;color:#5b6475}.two-comments{display:grid;grid-template-columns:1fr 1fr;gap:24px}.print-heading{display:none}
@media(max-width:850px){.filters,.summary,.summary.four,.weights,.comments-grid,.two-comments{grid-template-columns:1fr}.project-top,.skill,.activity-row,.activity-add,.project-comments{grid-template-columns:1fr}.top{align-items:flex-start}.row-calc{text-align:left}header{align-items:flex-start;gap:16px}}
@media print{body{background:#fff}.top,#evaluation,#history,#dashboard>header,#dashboard>.filters,#printDashboard{display:none!important}.wrap{max-width:none;padding:0}.view{display:none!important}#dashboard.view{display:block!important}#dashContent{display:block!important}.card,.summary div{box-shadow:none;border:1px solid #ddd;break-inside:avoid}.print-heading{display:block;margin-bottom:18px}.summary{grid-template-columns:repeat(4,1fr)!important}.summary .accent{background:#fff!important;color:#172033!important}.detail-item{break-inside:avoid}}

.activity-help{margin:6px 0 10px;color:#737b8c;font-size:12px}.followup-card{padding-bottom:28px}.followup-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.followup-panel{border:1px solid #e4e8ef;border-radius:14px;padding:16px;background:#fbfcfd}.manager-panel{background:#f8f9fc}.followup-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}.followup-head p{margin:4px 0 0;color:#737b8c;font-size:12px}.checkpoint-row{display:grid;gap:8px;align-items:center;margin:8px 0}.employee-cp{grid-template-columns:130px 1fr 105px 1.5fr auto}.manager-log{grid-template-columns:130px 1fr 1.8fr auto}.checkpoint-row input{margin-top:0}.check-cell{display:flex;align-items:center;gap:7px;white-space:nowrap;padding:10px;border:1px solid #d9dee7;border-radius:10px;background:#fff}.check-cell input{width:auto;margin:0}.readonly-panel{opacity:.92}.timeline-item{display:grid;grid-template-columns:105px auto 1fr;gap:8px 12px;align-items:start;padding:10px 0;border-bottom:1px solid #edf0f4}.timeline-item p{grid-column:2/-1;margin:0;color:#5b6475}.status{font-size:11px;font-weight:800;border-radius:99px;padding:4px 8px;width:max-content}.status.done{background:#e9f7ef;color:#25734d}.status.pending{background:#fff1e7;color:#9a4b00}.print-followup>div{min-width:0}
@media(max-width:850px){.followup-grid,.employee-cp,.manager-log,.timeline-item{grid-template-columns:1fr}.timeline-item p{grid-column:1}.followup-head{flex-direction:column}}
@media print{.followup-grid{grid-template-columns:1fr 1fr!important}.timeline-item{break-inside:avoid}}

.header-results{display:flex;gap:12px;align-items:stretch}.header-results .score{min-width:185px}.bonus-live{background:#253b32}.log-actions{display:flex;gap:8px;flex-wrap:wrap}.manager-panel #managerLogWrap{margin-top:10px}.manager-panel .secondary{border:1px solid #d9dee7}
@media(max-width:850px){.header-results{width:100%;flex-direction:column}.header-results .score{min-width:0;text-align:left}.log-actions{width:100%}}

/* v2.4: resultado y bono siempre visibles en el encabezado */
.evaluation-header{align-items:center;gap:22px;flex-wrap:wrap}.evaluation-heading{min-width:0;flex:1 1 520px}.pay-summary{flex:0 1 420px;min-width:360px;background:#172033;color:#fff;border-radius:18px;padding:16px 22px;display:grid;grid-template-columns:1fr 1px 1.25fr;gap:18px;align-items:center}.pay-summary>div:not(.pay-divider){min-width:0}.pay-summary span{display:block;font-size:12px;opacity:.72;margin-bottom:4px}.pay-summary strong{display:block;font-size:28px;line-height:1.1;white-space:nowrap}.pay-summary .pay-money strong{font-size:30px}.pay-divider{height:48px;background:#ffffff33}.bonus-live{background:#253b32}
@media(max-width:700px){.pay-summary{width:100%;min-width:0;flex-basis:100%;grid-template-columns:1fr}.pay-divider{width:100%;height:1px}.pay-summary strong,.pay-summary .pay-money strong{font-size:26px}}

/* v2.5 comparativo colaborador vs Gerencia */
.pay-summary.compare{flex:0 1 610px;min-width:560px;grid-template-columns:1fr 1px 1fr 1px 1.25fr}.summary.five{grid-template-columns:repeat(5,1fr)}
@media(max-width:900px){.pay-summary.compare{width:100%;min-width:0;flex-basis:100%;grid-template-columns:1fr 1px 1fr 1px 1.25fr}.summary.five{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.pay-summary.compare{grid-template-columns:1fr}.pay-summary.compare .pay-divider{width:100%;height:1px}.summary.five{grid-template-columns:1fr}}
@media print{.summary.five{grid-template-columns:repeat(5,1fr)!important}}