/* suite.css — PASSO, CUSTOS e PREPARO no Meu espaço (do piloto 01 do MED, delimitado ao #valor para não afetar o resto do site). */
#valor{--paper:#f1ede7;--ink:#111115;--pink:#d4145a;--blue:#1b59b9;--muted:#57555d;--rule:#d4cec6;--white:#fff;--tint:#f7f5f1;color:var(--ink);font:16px/1.5 'RosasPageBody',Arial,sans-serif}
#valor *{box-sizing:border-box}
#valor button,#valor input,#valor select,#valor textarea{font:inherit;color:inherit;border:1px solid var(--rule);border-radius:6px;background:var(--white)}
#valor input,#valor select,#valor textarea{width:100%;min-width:0;padding:10px}
#valor textarea{min-height:86px;resize:vertical}
#valor button{cursor:pointer;padding:10px 14px;min-height:44px}
#valor button:hover{border-color:var(--ink)}
#valor button:disabled{opacity:.5;cursor:default}
#valor button.primary{background:var(--pink);color:#fff;border-color:var(--pink)}
#valor button:focus-visible,#valor input:focus-visible,#valor select:focus-visible,#valor textarea:focus-visible,#valor summary:focus-visible,#valor a:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
#valor h2{font-size:22px;margin:0 0 12px}#valor h3{font-size:16px;margin:0 0 8px}
#valor .muted{color:var(--muted)}#valor .small{font-size:13px}
#valor .toolbar{display:flex;gap:10px;align-items:end;flex-wrap:wrap;padding:18px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
#valor .toolbar label{flex:1;max-width:340px}
#valor .sample{color:var(--blue);font-weight:700;font-size:14px;margin:12px 0 4px;min-height:20px}
#valor #sample-reading{margin:0 0 20px;max-width:760px}
#valor .layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:30px;align-items:start}
#valor .panel{min-width:0}
#valor .section{padding:18px 0 8px;min-width:0}
#valor .field{display:block;min-width:0;margin-bottom:13px}
#valor .field>span{display:block;font-size:14px;color:var(--ink);margin-bottom:5px}
#valor .field .help{display:block;font-size:12.5px;color:var(--muted);margin-top:5px;line-height:1.4}
#valor .field-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#valor .field-grid .field{margin-bottom:5px}
#valor .field.check{display:grid;grid-template-columns:20px 1fr;gap:4px 10px;align-items:start}
#valor .field.check input{width:20px;height:20px;margin:2px 0 0}
#valor .field.check>span{margin:0}
#valor .field.check .help{grid-column:2}
#valor .field-grid .field.check{grid-column:1/-1}
#valor .point{border:1px solid var(--rule);border-radius:9px;margin:15px 0;padding:18px;background:rgba(255,255,255,.55)}
#valor .point-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}
#valor .point-head h3{margin:0}
#valor .remove{font-size:12px;padding:6px 12px;min-height:36px}
#valor .result{background:#fff;border:1px solid var(--rule);border-radius:12px;padding:23px;min-width:0;position:sticky;top:96px}
#valor .result-top{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--blue);letter-spacing:.08em;text-transform:uppercase;font-weight:700;margin-bottom:12px}
#valor .dot{width:8px;height:8px;border-radius:50%;background:var(--blue)}
#valor #result-title{color:var(--pink);font-size:22px;line-height:1.2}
#valor .stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}
#valor .stat{padding:12px;background:var(--tint);border-radius:7px;min-width:0}
#valor .stat strong{display:block;font-size:21px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#valor .stat span{font-size:12px;color:var(--muted)}
#valor #stats-title{margin:16px 0 0;font-size:15px}
#valor #stats-note{margin:0 0 10px}
#valor #issues:not(:empty){border-left:3px solid var(--pink);padding:12px;background:#fff3f8;font-size:13px;margin:14px 0}
#valor #issues ul{padding-left:19px;margin:7px 0}#valor #issues li{margin:6px 0;overflow-wrap:anywhere}
#valor .out-card{border-top:1px solid var(--rule);padding-top:15px;margin-top:15px;overflow-wrap:anywhere}
#valor .out-card p{font-size:14px;margin:0 0 8px;white-space:pre-line}
#valor .ai-block{border-top:1px solid var(--rule);margin-top:20px;padding-top:14px}
#valor .actions{display:flex;gap:9px;flex-wrap:wrap;margin:12px 0 8px}
#valor #action-status{min-height:20px;font-size:13px;color:var(--blue)}
#valor details{margin-top:17px;border-top:1px solid var(--rule);padding-top:12px}
#valor summary{cursor:pointer;font-weight:700;font-size:14px;padding:6px 0}
#valor .prompt-text{min-height:270px;font:12px/1.5 Consolas,monospace;margin-top:12px;white-space:pre-wrap}
#valor #notes p{margin:12px 0}
#valor #confirm-reset{border:1px solid var(--rule);background:#fff;padding:12px;border-radius:8px;margin:12px 0}
#valor #confirm-reset p{font-size:14px;margin:0 0 10px}
#valor [hidden]{display:none!important}
#valor .footnote{border-top:1px solid var(--rule);margin-top:32px;padding:20px 0;color:var(--muted);font-size:12px}
#valor .ponte{margin-top:28px;padding:22px 24px;background:#142750;color:#fff;border-radius:10px}
#valor .ponte h2{color:#fff;font-size:22px}#valor .ponte p{margin:6px 0 10px;color:#e6ecf8}#valor .ponte .ponte-ctx{font-size:14px;color:#cfd8ea}
#valor .ponte a{display:inline-block;background:#EA4D91;color:#fff;font-weight:700;text-decoration:none;padding:12px 18px;border-radius:6px;min-height:44px}
#valor .ponte a:focus-visible{outline:3px solid #fff;outline-offset:3px}
/* Apresentação da página (dentro e fora do #valor) */
.st-hero{padding:34px 0 8px;max-width:760px}#rm-programa .st-hero h1{font-size:clamp(34px,5vw,56px);letter-spacing:-.03em;line-height:1.04;margin:0 0 20px}.st-hero h1 span{color:var(--rm-pink,#d4145a)}
.st-hero p{margin:10px 0;color:#57555d;font-size:17px}#rm-programa .st-hero p.small{font-size:14px}.st-kicker{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--rm-pink,#d4145a);font-weight:700;margin:0 0 12px}
.st-badge{display:inline-block;margin-left:8px;border:1px solid #d4cec6;color:#57555d;border-radius:30px;padding:2px 9px;font-size:11px;letter-spacing:.04em;text-transform:none}
.st-notice{margin:16px 0;padding:12px 16px;border-left:3px solid #1b59b9;background:#f1f6ff;font-size:15px}
.st-intro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:36px;align-items:start;padding:20px 0 56px}
.st-steps{list-style:none;margin:22px 0;padding:0;counter-reset:s}.st-steps li{counter-increment:s;position:relative;padding:4px 0 14px 46px;margin:0;font-size:16px}
.st-steps li::before{content:counter(s);position:absolute;left:0;top:2px;width:32px;height:32px;border-radius:50%;background:#111115;color:#fff;font-weight:700;display:grid;place-items:center;font-size:15px}
.st-limits{font-size:14px;color:#57555d;border-top:1px solid #d4cec6;padding-top:14px;margin-top:8px}
@media(max-width:850px){#valor .layout{grid-template-columns:1fr;gap:8px}#valor .result{position:static;padding:20px}.st-intro{grid-template-columns:1fr;gap:24px}#valor .toolbar label{max-width:none;flex-basis:100%}}
@media(max-width:600px){#valor .field-grid{grid-template-columns:1fr}#valor .stat strong{font-size:19px}#valor .point{padding:16px}}
@media(max-width:420px){#valor .toolbar button,#valor .actions button{flex:1 1 100%}}
@media print{#valor .toolbar,#valor .actions,#valor button,#valor details,#valor #confirm-reset,#valor .sample,#valor .ponte{display:none}#valor .layout{display:block}#valor .result{position:static;break-inside:avoid}#valor .point{break-inside:avoid}}

/* Elementos específicos da ficha VALOR; cabeçalho/cadastro seguem o modelo comum. */
#valor .context-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
#valor .context-grid .wide{grid-column:1/-1}
#valor .point textarea{min-height:77px}
#valor .out-card{border-top:1px solid var(--rule);padding-top:15px;margin-top:15px;overflow-wrap:anywhere}
#valor .out-card p{font-size:14px;margin:0 0 8px}
#valor .chip{display:inline-block;border-radius:20px;font-size:11px;font-weight:700;padding:3px 8px;margin-bottom:8px;background:#eef4ff;color:#2159b6}
#valor .chip.pending{background:#f9edf3;color:#a0004b}#valor .chip.plan{background:#f1edf8;color:#60428b}
#valor .label{font-size:12px;color:var(--muted);margin-bottom:3px}
#valor .out-card ul,#valor #context-errors ul{font-size:13px;padding-left:19px;margin:7px 0}
#valor .notice{border-left:3px solid var(--pink);background:#fff3f8;padding:10px 12px;font-size:13px;margin:15px 0}
#valor #prompt,#valor #export-text{min-height:270px;font:12px/1.5 Consolas,monospace;margin-top:12px}
@media(max-width:600px){#valor .context-grid{grid-template-columns:1fr}}