/* EMI: inspeção visual de cores estáticas. Nenhuma troca automática de cores. */
.emi-repair-color-lab{margin:16px 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.84fr);gap:16px;scroll-margin-top:100px}
.emi-repair-color-lab *,.emi-color-overlay *{box-sizing:border-box}
.emi-color-info,.emi-color-results{min-width:0;padding:25px;background:var(--r-paper);border:1px solid var(--r-line);border-radius:19px;box-shadow:0 8px 26px #1239670b}
.emi-color-info h3{font-size:clamp(22px,2.25vw,28px);letter-spacing:-.035em;line-height:1.24;margin:0 0 12px;color:var(--r-ink)}
.emi-color-info>p:not(.emi-repair-label),.emi-color-results>p:not(.emi-color-result-status):not(.emi-color-safety){font-size:12px;color:var(--r-muted);line-height:1.7;margin:0 0 16px}
.emi-color-swatches{display:flex;gap:7px;margin:15px 0}
.emi-color-swatches span{width:40px;height:40px;border:1px solid #afc4d8;border-radius:10px;background:#fff;box-shadow:0 2px 7px #0c1f3612}
.emi-color-swatches span:nth-child(2){background:#111}.emi-color-swatches span:nth-child(3){background:#e72e45}.emi-color-swatches span:nth-child(4){background:#3bb76d}.emi-color-swatches span:nth-child(5){background:#256de0}.emi-color-swatches span:nth-child(6){background:#8c8c8c}
.emi-color-info .emi-color-disclaimer{font-size:11px!important;color:var(--r-muted);margin:0 0 18px!important}
.emi-color-consent{cursor:pointer;display:flex;align-items:flex-start;gap:12px;padding:14px;border:1px solid var(--r-line);border-radius:12px;background:var(--r-bg);font-size:12px;font-weight:700;color:var(--r-ink);line-height:1.55}
.emi-color-consent:has(input:focus-visible){outline:3px solid #55aaff;outline-offset:2px}
.emi-color-consent input{accent-color:#1379ee;flex-shrink:0;height:18px;width:18px;margin:2px 0 0;cursor:pointer}
.emi-color-open{font:inherit;cursor:pointer;display:inline-block;background:linear-gradient(115deg,#098fec,#0d66dc);color:white;border:0;padding:14px 18px;border-radius:12px;font-size:13px;font-weight:850;margin-top:14px;min-height:48px}
.emi-color-open:disabled{cursor:not-allowed;background:#a8bbca;color:#37536b}
.emi-color-open:focus-visible,.emi-color-results input:focus-visible,.emi-color-floating button:focus-visible{outline:3px solid #55b4ff;outline-offset:3px}
.emi-color-results-kicker{color:var(--r-blue);font-size:10px;font-weight:850;letter-spacing:.12em}
.emi-color-results h4{font-size:22px;letter-spacing:-.025em;line-height:1.3;color:var(--r-ink);margin:10px 0}
.emi-color-results>p:not(.emi-color-result-status):not(.emi-color-safety){margin-bottom:14px}
#emi-color-result-options{display:grid;gap:9px}
#emi-color-result-options label{display:flex;align-items:start;gap:9px;padding:12px;border:1px solid var(--r-line);border-radius:11px;background:var(--r-bg);cursor:pointer;color:var(--r-ink);font-size:12px;line-height:1.45}
#emi-color-result-options label:has(input:checked){border-color:#308ce7;background:#dcefff}
:root[data-theme=dark] #emi-color-result-options label:has(input:checked){background:#1b547b}
#emi-color-result-options label:has(input:disabled){opacity:.59;cursor:not-allowed}
#emi-color-result-options input{margin:1px 0 0;accent-color:#1479eb;width:16px;height:16px;flex-shrink:0}
.emi-color-result-status{font-size:11px;color:var(--r-blue);font-weight:800;line-height:1.5;margin:14px 0}
.emi-color-safety{padding:12px;background:#fff4e5;border:1px solid #e0c592;border-radius:10px;color:#754719!important;font-size:11px;line-height:1.6;margin:10px 0 0}
:root[data-theme=dark] .emi-color-safety{background:#473d30;border-color:#90704b;color:#ffe6bc!important}
.emi-color-overlay[hidden]{display:none!important}
.emi-color-overlay{position:fixed;inset:0;width:100vw;height:100dvh;z-index:999999;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.emi-color-overlay:fullscreen{width:100%;height:100%}
.emi-color-stage{position:absolute;inset:0;background:#fff;transition:none!important}
.emi-color-floating{position:absolute;left:50%;transform:translateX(-50%);bottom:calc(12px + env(safe-area-inset-bottom,0px));width:min(calc(100% - 24px),660px);padding:14px 16px;background:#09243bef;border:1px solid #54728a;border-radius:17px;color:#fff;box-shadow:0 8px 33px #0006}
.emi-color-floating-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:5px 12px}
.emi-color-floating-head strong{font-size:15px;color:white}
.emi-color-floating-head span{font-size:10px;color:#d4e7f4;line-height:1.4}
.emi-color-floating-actions{display:flex;gap:8px;margin-top:13px}
.emi-color-floating-actions button{flex:1;min-width:0;cursor:pointer;padding:12px 8px;border-radius:9px;border:1px solid #6d98b7;background:#1d537c;color:white;font-size:12px;line-height:1.2;font-weight:850}
.emi-color-floating-actions button:disabled{opacity:.48;cursor:not-allowed}
.emi-color-floating-actions #emi-color-close{background:#fff;color:#183950;border-color:white}
body.emi-color-viewing{overflow:hidden!important}
@media(max-width:850px){.emi-repair-color-lab{grid-template-columns:1fr}}
@media(max-width:530px){.emi-color-info,.emi-color-results{padding:16px}.emi-color-swatches span{width:35px;height:35px}.emi-color-floating{padding:12px}.emi-color-floating-head span{font-size:9px}.emi-color-floating-actions button{font-size:10px;padding:12px 5px}}
@media(max-width:350px){.emi-color-swatches{gap:4px}.emi-color-swatches span{width:31px;height:31px}.emi-color-floating-actions{gap:5px}}


.emi-repair-color-shortcut{display:inline-flex;align-items:center;color:var(--r-blue);font-weight:800;font-size:12px;line-height:1.55;margin:12px 0 0 16px;text-underline-offset:3px;text-decoration:underline!important}
.emi-repair-color-shortcut:hover{color:#1361b6}
@media(max-width:700px){.emi-repair-color-shortcut{margin-left:0;display:flex}}
