:root{--grafite: #0b0f12;--grafite-2: #141b20;--grafite-3: #222c34;--grafite-4: #33414b;--laranja: #f56b11;--laranja-texto: #b4530a;--laranja-fraco: #fdeee2;--papel: #ffffff;--pauta: #edf0f2;--linha: #d2d9de;--fio: #e6eaed;--nota: #54646e;--clara: #b6c4cc;--dentro: #1f6b3f;--fora: #b3261e;--espera: #6f5612;--topo: 84px;--lado: 300px;--gutter: 44px;--cartao-x: 26px;--raio: 10px}@media (max-width: 1100px){:root{--lado: 272px;--gutter: 26px;--cartao-x: 18px}}@media (max-width: 760px){:root{--topo: 64px;--lado: 262px;--gutter: 20px;--cartao-x: 16px}}*{box-sizing:border-box}body{margin:0;background:var(--pauta);color:var(--grafite);font-family:system-ui,-apple-system,Segoe UI,sans-serif}.folha{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;max-width:1180px;margin:0 auto;padding:24px var(--gutter)}.cartao{background:var(--papel);border:1px solid var(--linha);border-radius:var(--raio);padding:20px}.rodape-do-selo{color:var(--nota);font-size:13px}@media (max-width: 560px){.folha{padding:16px var(--gutter)}.cartao{padding:16px}}.botao{font:inherit;padding:10px 18px;border-radius:var(--raio);border:1px solid var(--linha);background:var(--papel);color:var(--grafite);cursor:pointer;transition:transform .08s ease,opacity .15s ease}.botao:active{transform:translateY(1px)}.botao:focus-visible{outline:2px solid var(--laranja-texto);outline-offset:2px}.botao[disabled]{opacity:.55;cursor:not-allowed}.botao-principal{background:var(--laranja);border-color:var(--laranja);color:var(--papel)}.botao-perigo{background:var(--papel);border-color:var(--fora);color:var(--fora)}.campo{display:grid;gap:6px}.campo label{font-size:13px;color:var(--nota)}.campo input{font:inherit;padding:10px 12px;border:1px solid var(--linha);border-radius:var(--raio);background:var(--papel);color:var(--grafite);min-width:0}.campo input:focus-visible{outline:2px solid var(--laranja-texto);outline-offset:1px}.campo input.com-erro{border-color:var(--fora)}.campo .ajuda{font-size:12px;color:var(--nota)}.campo .erro{font-size:12px;color:var(--fora)}.selo{display:inline-block;padding:3px 9px;border-radius:999px;font-size:12px;border:1px solid currentColor;white-space:nowrap}.selo-dentro{color:var(--dentro);background:var(--papel)}.selo-fora{color:var(--fora);background:var(--papel)}.selo-espera{color:var(--espera);background:var(--papel)}.numero{white-space:nowrap}.numero strong{font-variant-numeric:tabular-nums}.numero .unidade{color:var(--nota);font-size:13px}.numero-dentro strong{color:var(--dentro)}.numero-fora strong{color:var(--fora)}.numero-espera strong{color:var(--espera)}.cartao-topo{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}.cartao-topo h2{margin:0;font-size:17px}.aviso{border:1px solid var(--linha);border-left-width:4px;border-radius:var(--raio);padding:12px 14px;background:var(--papel)}.aviso-erro{border-left-color:var(--fora)}.aviso-atencao{border-left-color:var(--espera)}.aviso-calma{border-left-color:var(--laranja)}.vazio{border:1px dashed var(--linha);border-radius:var(--raio);padding:24px;text-align:center;color:var(--nota);display:grid;gap:10px;justify-items:center}.vazio p{margin:0}.tabela-rolavel{overflow-x:auto;min-width:0}.estado-largo{grid-column:1 / -1}.tabela{border-collapse:collapse;width:100%}.tabela th,.tabela td{font-size:14px;text-align:left;padding:10px 12px;border-bottom:1px solid var(--fio);white-space:nowrap}.tabela th{color:var(--nota);font-weight:600;background:var(--pauta)}.prateleira{background:var(--papel);border:1px solid var(--linha);border-radius:var(--raio);padding:20px var(--cartao-x)}.prateleira h2{margin:0 0 4px;font-size:16px}.prateleira-porque{margin:0 0 16px;color:var(--nota);font-size:13px}.prateleira-pecas{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:18px;align-items:start}.estado{display:grid;gap:8px}.estado-nome{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--clara)}