/* Uses the portal's existing palette and components. */
#valorador{--val-border:rgba(145,164,181,.22)}
#valorador .val-head{align-items:flex-start;gap:16px;flex-wrap:wrap}
#valorador .val-kicker{color:var(--gold-2);font-size:10px;letter-spacing:.15em;text-transform:uppercase;margin-bottom:9px}
#valorador h2{font-size:27px}#valorador h3{margin:0;font-size:15px}
#valorador p{line-height:1.65}
#valorador .val-tools{display:flex;gap:8px;flex-wrap:wrap}
#valorador button{font-size:12px;min-height:38px}
#valorador .val-notice{padding:16px 20px;border:1px solid rgba(199,166,106,.28);border-radius:14px;background:rgba(199,166,106,.06);font-size:12px;color:#d9c8a9;line-height:1.65;margin:16px 0}
#valorador .val-panel{margin:18px 0}#valorador .panel-head{gap:12px;flex-wrap:wrap}
#valorador .panel-sub{font-size:12px;line-height:1.6;color:#a5b6c5}
#valorador .val-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:20px}
#valorador .val-field{display:flex;flex-direction:column;gap:7px;min-width:0}
#valorador .val-field label{font-size:12px;color:#bccbd7;line-height:1.4}
#valorador .val-field input,#valorador .val-field select,#valorador textarea{width:100%;min-height:42px;padding:11px;border:1px solid var(--val-border);background:#071522;color:#edf3f7;border-radius:9px;font:inherit;font-size:13px}
#valorador textarea{resize:vertical;min-height:75px}
#valorador :is(input,select,textarea,button,summary):focus-visible{outline:2px solid var(--gold-2);outline-offset:3px}
#valorador .val-wide{grid-column:1/-1}
#valorador .val-check{display:flex;align-items:flex-start;gap:10px;font-size:12px;color:#bccbd7;line-height:1.6;padding:0 20px 18px}
#valorador .val-check input{width:18px;height:18px;flex-shrink:0;accent-color:var(--gold)}
#valorador .val-comparable{border:1px solid var(--val-border);border-radius:12px;margin:12px 20px;overflow:hidden}
#valorador summary{padding:16px;cursor:pointer;font-size:13px;color:#e1eaf0;line-height:1.5}
#valorador summary::marker{color:var(--gold-2)}
#valorador .val-actions{display:flex;align-items:center;gap:12px;padding:16px 20px;flex-wrap:wrap;border-top:1px solid var(--line)}
#valorador .val-status{font-size:12px;color:#b3c3d0;line-height:1.6}
#valorador .val-empty{padding:30px 22px;color:#aebfcb;font-size:13px;line-height:1.8}
#valorador .val-results{scroll-margin-top:95px}
#valorador .val-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}
#valorador .kpi-label{font-size:10px;line-height:1.6;color:#a6b9c9}
#valorador .kpi-value{font-size:25px;overflow-wrap:anywhere}
#valorador .kpi-note{font-size:12px;line-height:1.6;color:#a5b6c5}
#valorador .val-bid{padding:22px;border:1px solid rgba(199,166,106,.4);border-radius:16px;background:rgba(199,166,106,.06)}
#valorador .val-bid strong{display:block;font-size:32px;color:var(--gold-2);margin:12px 0}
#valorador .val-breakdown{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;line-height:1.8;color:#becdd8}
#valorador .val-audit{overflow-x:auto}
#valorador .val-audit table{border-collapse:collapse;min-width:780px;width:100%;font-size:12px}
#valorador .val-audit th,#valorador .val-audit td{text-align:left;padding:12px;vertical-align:top;border-bottom:1px solid var(--line);line-height:1.6}
#valorador .val-audit th{color:#a6b9c9}#valorador .val-audit small{display:block;color:#9aafc0;max-width:270px}
#valorador a{color:#92c5ee}#valorador .val-rejected{color:#e5a2a7}#valorador .val-accepted{color:#88d1b5}
#valorador .val-method{padding:0 20px 20px;font-size:12px;color:#b8c9d5;line-height:1.8}
#valorador .val-method li{margin-bottom:8px}
#valorador .val-danger{color:#efadb3}#valorador .val-note{padding:0 20px 16px;font-size:12px;color:#a5b6c5;line-height:1.6}
#valorador button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:1000px){#valorador .val-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#valorador .val-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#valorador .val-grid,#valorador .val-kpis{grid-template-columns:1fr}#valorador .val-comparable{margin:12px 10px}#valorador .val-grid{padding:16px}#valorador h2{font-size:24px}#valorador .kpi-value{font-size:24px}}
.sidebar{overflow-y:auto}
#valorador [hidden]{display:none!important}
#valorador .val-context{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:16px 0 8px;color:#a4b8c9;font-size:12px}
#valorador .val-source-badge{padding:6px 10px;border:1px solid rgba(199,166,106,.35);border-radius:999px;color:var(--gold-2);background:rgba(199,166,106,.06);font-weight:600}
#valorador #val-readiness{margin-left:auto}
#valorador .val-save-hint{font-size:11px;color:#9aafc0;margin:5px 0 22px}
#valorador .val-save-hint b{font-weight:550;color:#c5d2dc}
#valorador .val-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--val-border);border-radius:14px;padding:5px;gap:5px;background:rgba(255,255,255,.015);scroll-margin-top:95px}
#valorador .val-steps button{display:flex;align-items:center;gap:10px;text-align:left;padding:13px 12px;background:transparent;border:1px solid transparent;border-radius:10px;color:#9ab0c1;font-size:12px;line-height:1.5}
#valorador .val-steps button.active{background:rgba(46,122,184,.12);border-color:rgba(75,149,207,.3);color:#eef6fc}
#valorador .val-step-number{font-size:11px;color:#69869c;letter-spacing:.05em}
#valorador .val-steps button.active .val-step-number{color:var(--gold-2)}
#valorador .val-workflow-actions{display:flex;gap:16px;justify-content:space-between;align-items:center;padding:18px 0 5px;flex-wrap:wrap}
#valorador .val-workflow-actions .val-tools{margin-left:auto}
#valorador .val-kpis .kpi:first-child{border-color:rgba(199,166,106,.35);background:linear-gradient(140deg,rgba(199,166,106,.09),rgba(255,255,255,.01))}
#valorador .val-kpis .kpi:first-child .kpi-value{color:var(--gold-2);font-size:32px}
#valorador .val-results>.section-title{margin-top:28px}
@media(max-width:600px){#valorador .val-steps{grid-template-columns:repeat(2,minmax(0,1fr))}#valorador .val-steps button{padding:10px;font-size:11px}#valorador #val-readiness{margin-left:0;width:100%}#valorador .val-context{gap:9px}#valorador .val-workflow-actions .val-tools{width:100%;justify-content:space-between}#valorador .val-workflow-actions button{font-size:11px}}
#valorador .val-assistant{margin-top:22px;overflow:hidden;border-color:rgba(199,166,106,.3);background:linear-gradient(140deg,rgba(199,166,106,.06),rgba(10,29,44,.35))}
#valorador .val-assistant-intro{padding:26px 24px 8px;max-width:850px}
#valorador .val-assistant-intro h3{font-size:24px;line-height:1.35;margin:18px 0 10px}
#valorador .val-assistant-intro p{font-size:14px;color:#b9cad7;margin-bottom:8px}
#valorador .val-flow{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0 24px;margin:18px 0 0;gap:18px}
#valorador .val-flow li{border-top:1px solid var(--val-border);padding-top:14px;line-height:1.6}
#valorador .val-flow b,#valorador .val-source-grid b{display:block;font-size:13px;color:#e3ebf1}
#valorador .val-flow span,#valorador .val-source-grid span{display:block;font-size:12px;color:#a5bacb;margin-top:5px}
#valorador #val-research-description{min-height:150px}
#valorador .val-source-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:8px 20px 18px;padding-top:18px;border-top:1px solid var(--val-border)}
#valorador .val-report-text{white-space:pre-wrap;overflow-wrap:anywhere}
#valorador #val-detailed{margin:20px 0;border:1px solid var(--val-border);border-radius:14px;padding:4px 12px}
#valorador #val-detailed>summary{display:list-item;font-size:14px}
#valorador #val-readiness{display:inline-block;font-size:11px;color:#9aafc0;margin-left:12px}
#valorador #val-copy-fallback{margin:20px}
#valorador #val-request-text{min-height:200px}
#valorador .val-actions button{white-space:normal;overflow-wrap:normal;min-height:44px}
@media(max-width:650px){#valorador .val-flow,#valorador .val-source-grid{grid-template-columns:1fr;gap:12px}#valorador .val-assistant-intro{padding:20px 18px 8px}#valorador .val-assistant-intro h3{font-size:21px}#valorador .val-flow{padding:0 18px}#valorador .val-actions{align-items:stretch}#valorador .val-actions button{width:100%}#valorador #val-detailed{padding:4px}#valorador #val-readiness{display:block;margin:6px 0 0}}
@media(pointer:coarse){#valorador :is(input,textarea,select){font-size:16px}}
.val-review-dialog{background:#102536;color:#e7edf1;border:1px solid #b99a5b;border-radius:16px;max-width:680px;width:calc(100% - 40px);max-height:85vh;overflow:auto;padding:24px;overflow-wrap:anywhere}.val-review-dialog::backdrop{background:#0009}.val-review-dialog label{display:block;margin:14px 0}.val-review-dialog textarea,.val-review-dialog select{display:block;width:100%;box-sizing:border-box;padding:12px}.val-review-dialog textarea{min-height:120px}.val-review-dialog a{color:#dfbf7d}.val-review-dialog button,.val-evidence button{padding:12px;margin:6px 4px 6px 0;white-space:normal}.val-evidence{border-top:1px solid #496071;padding-top:14px;overflow-wrap:anywhere}.val-evidence label{display:block;margin:12px 0}.val-evidence input[type=file]{max-width:100%}.val-kpis .kpi-value{font-size:clamp(18px,2vw,27px);overflow-wrap:anywhere}.val-tools{flex-wrap:wrap}.val-grid>details{min-width:0}.val-grid>details summary{cursor:pointer;padding:12px 0}
.val-review-dialog button{background:#183449;color:#eef1f3;border:1px solid #607384;border-radius:8px;font:inherit;cursor:pointer;max-width:100%;overflow-wrap:anywhere}.val-review-dialog button:hover{border-color:#c7a66a}.val-review-dialog select,.val-review-dialog textarea{background:#0b1d2b;color:#eef1f3;border:1px solid #607384;border-radius:8px;font:inherit}.val-review-dialog section{padding:12px 0;border-bottom:1px solid #395264}.val-review-dialog :focus-visible{outline:2px solid #c7a66a;outline-offset:3px}
