/* Objetivos por puesto (2026-09-19). Solo tokens. */
.objectives-card{margin-top:20px;padding:20px}
.objectives-card>header,.objective-card>header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap}
.objectives-card>header span,.objective-card>header span{display:block;font-size:11px;font-weight:850;letter-spacing:.08em;color:var(--blue-dark)}
.objectives-card>header h3,.objective-card>header h3{margin:2px 0}
.objectives-card>header small,.objective-card>header small{display:block;color:var(--muted)}
.objective-card{margin-top:14px;padding:16px;border:1px solid var(--line);border-top:3px solid var(--turquoise);background:var(--surface)}
.objective-card.closed{border-top-color:var(--muted)}
.objective-total{text-align:right}
.objective-total strong{display:block;font-size:28px;line-height:1}
.objective-total small{display:block;margin-top:4px;color:var(--muted)}
.objective-bar{position:relative;height:10px;margin:12px 0;background:var(--thead);border:1px solid var(--line-inner);overflow:visible}
.objective-bar span{display:block;height:100%;background:var(--turquoise)}
.objective-bar i{position:absolute;top:-4px;width:2px;height:18px;background:var(--red)}
.objective-note{margin:6px 0;font-size:13px;color:var(--muted)}
.objective-indicators{display:grid;gap:8px;margin-top:8px}
.objective-indicator{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;padding:10px 12px;border:1px solid var(--line-inner);background:var(--bg)}
.objective-indicator.no-data{opacity:.75}
.objective-indicator strong,.objective-indicator small{display:block}
.objective-indicator small{color:var(--muted);font-size:12px}
.objective-score{text-align:right}
.objective-score strong{font-size:18px}
.objective-score .small-action{width:auto;margin-top:6px}
.objective-detail{grid-column:1/-1}
.objective-detail summary{cursor:pointer;font-size:12px;font-weight:700;color:var(--blue-dark)}
.objective-detail table{width:100%;margin-top:6px;font-size:12px;border-collapse:collapse}
.objective-detail-cut{margin:6px 0 0;font-size:12px;color:var(--muted)}
.objective-detail td{padding:4px 6px;border-top:1px solid var(--line-inner);vertical-align:top;overflow-wrap:anywhere}
.objective-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.objective-actions .button{width:auto}
.objectives-dialog{width:min(96vw,860px);max-height:calc(100dvh - 24px)}
.objectives-dialog .dialog-card{width:auto;max-height:calc(100dvh - 32px);overflow:auto;box-sizing:border-box}
.objectives-dialog .dialog-card>header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.objectives-dialog .dialog-card>header span{display:block;font-size:11px;font-weight:850;letter-spacing:.08em;color:var(--blue-dark)}
.objectives-dialog .dialog-card>header h2{margin:2px 0 12px}
.objective-form .field-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.objective-editor{margin-top:12px;border-top:1px solid var(--line)}
.objective-editor>header{display:flex;justify-content:space-between;align-items:center;padding:10px 0}
.objective-editor>header h3{margin:0}
.objective-editor [data-weight-sum]{font-weight:800;color:var(--green)}
.objective-editor [data-weight-sum].is-wrong{color:var(--red)}
.objective-editor-row{display:grid;gap:8px;padding:10px 0;border-top:1px solid var(--line-inner)}
.objective-editor-row strong,.objective-editor-row small{display:block}
.objective-editor-row small{color:var(--muted);font-size:12px}
.objective-editor-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;align-items:end}
.objective-editor-fields label{font-size:12px;font-weight:700}
.objective-editor-fields .button{width:auto;align-self:end}
.objective-add{padding:10px 0}
.objective-form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}
.objective-form-actions .button{width:auto}
.my-objectives{margin:16px 0}
@media (max-width:640px){.objective-indicator,.objective-total{grid-template-columns:1fr;text-align:left}.objective-score{text-align:left}}
/* Objetivos propios (2026-10-15): nombre y descripción a todo el ancho, peso al lado. */
.objective-custom-row{border-left:3px solid var(--turquoise)}
.objective-custom-fields{grid-template-columns:minmax(0,1fr) 110px}
.objective-custom-fields .objective-custom-description{grid-column:1/-1}
.objective-custom-fields textarea,.objective-custom-fields input{width:100%}
.objective-indicator.custom{border-left:3px solid var(--turquoise)}
@media (max-width:640px){.objective-custom-fields{grid-template-columns:1fr}}