/* js/tools/contract/contract.css — saiu do <style> do index.html no corte de CSS (v300). 35 regra(s), na ordem original; os @media reabertos onde o contexto muda. Seletor com mais de um dono fica na casca. */
.ctr-head{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;font-size:12.5px;margin:8px 0}
.ctr-head label{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.ctr-head input[type=text],.ctr-head input:not([type]),.ctr-head input[type=number],.ctr-head select{font:inherit;font-size:12.5px;padding:3px 6px;border:1px solid var(--line);border-radius:7px;background:#fff;width:120px}
.ctr-opts{display:inline-flex;gap:8px;flex-wrap:wrap}
.ctr-tab{font-size:12.5px}
.ctr-tab td,.ctr-tab th{padding:3px 6px;vertical-align:middle}
.ctr-tab input,.ctr-tab select{font:inherit;font-size:12.5px;padding:2px 5px;border:1px solid var(--line);border-radius:6px;background:#fff;width:64px}
.ctr-tab select{width:auto;max-width:190px}
.ctr-tab td small{color:var(--muted);display:block}
.ctr-tab tr.ok td.n{color:var(--good)}
.ctr-tab tr.bad td.n,.ctr-tab td.n.bad{color:var(--bad)}
.ctr-tab tr.look .ctr-m{color:var(--warn)}
.ctr-tab tr.bad .ctr-m,.ctr-tab tr.missing .ctr-m{color:var(--bad)}
.ctr-tab tr.ok .ctr-m{color:var(--good)}
.ctr-m{white-space:nowrap;font-size:12px}
.ctr-tab .xrow{border:none;background:transparent;color:var(--muted);cursor:pointer;font-size:14px;margin-left:4px}
.tbtog{display:inline-flex;border:1px solid var(--line);border-radius:6px;overflow:hidden}
.tbtog button{font:inherit;font-size:11px;border:none;background:#fff;padding:2px 6px;cursor:pointer;color:var(--muted)}
.tbtog button+button{border-left:1px solid var(--line)}
.tbtog button[aria-pressed="true"]{background:var(--accent);color:var(--on-acc)}
.ctr-styles h3,.ctr-wo h3{font-size:13px;margin:12px 0 4px}
.ctr-wo h3 small{font-weight:400;color:var(--muted);margin-left:6px}
.ctr-way{border:1px dashed var(--accent);border-radius:9px;padding:8px 10px;margin:8px 0}
.ctr-way textarea{width:100%;box-sizing:border-box;font:12.5px/1.4 ui-monospace,monospace;padding:6px 8px;border:1px solid var(--line);border-radius:7px;background:#fff}
.ctr-way .row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:6px 0 0}
.ctr-way .row button{font:inherit;font-size:12.5px;border:1px solid var(--line);background:#fff;border-radius:99px;padding:4px 12px;cursor:pointer}
.ctr-way .row button.pri{background:var(--accent);color:var(--on-acc);border-color:var(--accent);font-weight:700}
.ctr-sum{display:flex;gap:6px;flex-wrap:wrap;margin:4px 0 8px}
.ctr-doubts{background:#fff7e6;border:1px solid #f0c48a;border-radius:8px;padding:6px 10px;font-size:12.5px;margin:6px 0}
.ctr-grid.with-scan{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,38%);gap:14px;align-items:start}
.ctr-scanview{overflow:auto;max-height:80vh;border:1px solid var(--line);border-radius:9px;background:#222;margin-top:6px}
.ctr-scanview img{display:block;max-width:none}
.ctr-scan .seg button{font-size:12px;min-width:0;padding:4px 10px}
body:is([data-theme="dark"],[data-theme="hud"],[data-theme="holo"],[data-theme="sketchdark"]) :is(.ctr-head input,.ctr-head select,.ctr-tab input,.ctr-tab select,.ctr-way textarea,.tbtog button){background:var(--panel);color:var(--ink);border-color:var(--line)}
body:is([data-theme="dark"],[data-theme="hud"],[data-theme="holo"],[data-theme="sketchdark"]) .ctr-doubts{background:rgba(255,179,71,.12);border-color:var(--warn)}