/* Área de trabalho (1.16.0). Usa as cores do app (--surface, --line, --accent...) e os botões .gm-btn dos módulos de gestão. */
#area{min-width:0}
.ar-grid>*,.ar-pdf>*,.ar-row>*,.ar-form>*{min-width:0}
.ar-abas{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 14px}
.ar-abas button{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:8px;padding:8px 14px;font-weight:750;font-size:13px;cursor:pointer}
.ar-abas button[aria-selected="true"]{background:var(--accent);border-color:var(--accent);color:#fff}
.ar-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:14px;align-items:start}
.ar-card{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:14px 16px;margin-bottom:14px}
.ar-card>summary{cursor:pointer;list-style-position:inside}
.ar-card-h{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.ar-l{display:block;font-size:11.5px;font-weight:750;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:0 0 6px}
.ar-in{display:block;width:100%;margin-top:5px;padding:9px 11px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);color:var(--text);font:inherit;font-size:16px;text-transform:none;letter-spacing:0;font-weight:500}
textarea.ar-in{resize:vertical}
.ar-big{font-size:17px;padding:13px 14px}
.ar-hint{display:block;color:var(--muted);font-size:12px;margin-top:6px;text-transform:none;letter-spacing:0;font-weight:500}
.ar-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.ar-row>label{flex:1 1 150px}
.ar-opts{align-items:center}
.ar-chk{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text);margin:6px 0;cursor:pointer}
.ar-chk input{width:18px;height:18px;flex:none}
.ar-seg{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden;margin-left:auto}
.ar-seg button{border:0;background:var(--surface-2);color:var(--text);padding:8px 12px;font-weight:700;font-size:13px;cursor:pointer}
.ar-seg button.sel{background:var(--accent);color:#fff}
.ar-res{margin-top:14px;border:1px solid var(--accent);border-radius:10px;padding:14px;background:var(--accent-soft)}
.ar-res:empty{display:none}
.ar-preco{font-size:34px;font-weight:900;font-variant-numeric:tabular-nums;line-height:1.15;margin:4px 0;overflow-wrap:anywhere}
.ar-preco.c{color:var(--warn,#b86400)}
.ar-chips-g{font-size:22px}
.ar-meta{color:var(--muted);font-size:13px;margin-top:2px}
.ar-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.ar-chip{display:inline-block;font-size:11.5px;font-weight:750;padding:4px 9px;border-radius:99px;background:var(--surface);border:1px solid var(--line);color:var(--text)}
.ar-chip.w{color:var(--cx-p,#b86400);border-color:var(--cx-p,#b86400)}
.ar-chip.ok{color:var(--cx-l,#12875b);border-color:var(--cx-l,#12875b)}
/* Tabelas: rolam dentro da própria caixa, nunca a página. */
.ar-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
.ar-t{min-width:100%}
.ar-t td,.ar-t th{white-space:normal}
.ar-t .n,.ar-pt .n{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.ar-t tbody tr{cursor:default}
.ar-hit td{background:var(--accent-soft)}
.ar-alvo{color:var(--accent);font-weight:900}
.ar-bar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:12px}
.ar-bar .ar-in{flex:1 1 220px;margin:0}
.ar-grupo{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin:18px 0 8px}
.ar-bloco{padding:0;overflow:hidden}
.ar-acts{display:flex;gap:6px;flex-wrap:wrap}
.ar-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;margin-top:10px}
.ar-full{grid-column:1/-1}
.ar-vals{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}
.ar-pdf{display:grid;grid-template-columns:320px minmax(0,1fr);gap:14px;align-items:start}
.ar-w{width:100%;margin:6px 0;text-align:center;padding:10px}
.ar-link{align-items:flex-end}
.ar-link .gm-btn{flex:1 1 120px}
.ar-linkrow{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 0;border-bottom:1px solid var(--line)}
.ar-linkrow:last-child{border-bottom:0}
.ar-papel{background:#fff;color:#1b2433;border-color:#d7dde6}
.ar-papel .ar-ph{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:3px solid #2789df;padding-bottom:8px;margin-bottom:6px}
.ar-papel .ar-logo{font-size:18px;display:block}.ar-papel .ar-logo span{color:#e3212b}
.ar-papel small{color:#5b6576}
.ar-papel h4{color:#2789df;margin:14px 0 6px;font-size:14px}
.ar-pt{width:100%;border-collapse:collapse;font-size:12px;margin-bottom:8px}
.ar-pt th{background:#eef2f7;color:#5b6576;font-size:10.5px;text-align:left;padding:6px 8px}
.ar-pt td{border-bottom:1px solid #d7dde6;padding:6px 8px}
.ar-pf{display:block;margin-top:10px;font-size:11px}
@media(max-width:900px){.ar-grid,.ar-pdf{grid-template-columns:1fr}}
@media(max-width:580px){
 #area.page{padding-left:16px;padding-right:16px}
 .ar-form{grid-template-columns:1fr}
 .ar-preco{font-size:30px}
 .ar-seg{margin-left:0}
 .ar-abas{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}
 .ar-abas button{flex:none}
}
/* 1.23.0: Compatibilidade integrada e Peças por modelo */
.ar-sub{display:grid;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
.ar-sub .ar-scroll,.ar-sub table{max-height:none}
.pm-tipo td{background:var(--surface-2);padding-top:8px}
#pmRes .ar-chips{margin-top:4px}
@media(max-width:700px){#pmRes td,#arCres~.ar-sub td,#arPlacas td{padding:6px 4px;font-size:12.5px}#pmRes .ar-chip{font-size:11px}}

.pm-gar{background:#b8860b;color:#fff;border-color:#b8860b}
.pm-acoes{white-space:nowrap}
.pm-acoes .gm-btn+.gm-btn{margin-left:4px}
.pm-nao{opacity:.8}
@media(max-width:700px){.pm-acoes{white-space:normal}.pm-acoes .gm-btn{display:block;width:100%;margin:3px 0 0!important;padding:4px 6px}}

.pm-forn{background:#1f4f8a;color:#fff;border-color:#1f4f8a;text-decoration:none}
.pm-acoes{white-space:normal;width:1%}
.pm-acoes .gm-btn{display:block;width:100%;margin:3px 0 0!important;white-space:nowrap}
.ar-t .ar-chip{white-space:normal}
@media(max-width:700px){#pmRes .ar-t td{white-space:normal}#pmRes .ar-t td:nth-child(2){word-break:break-word;min-width:0}#pmRes .ar-t .ar-chips{flex-wrap:wrap}#pmRes .ar-t .ar-chips>*{max-width:100%}}

/* 1.29.0: atalhos, gerações e faixas, reajuste anual */
.ar-atalhos{margin-top:10px;padding-top:10px;border-top:1px dashed var(--line)}
.ar-fx{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:6px 0}.ar-fx>input{flex:1 1 140px;min-width:0}.ar-fx .ar-l{display:flex;align-items:center;gap:6px;margin:0}.ar-fx .ar-l input{width:76px}
.ar-agend{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;border-left:4px solid #ea8a00;margin-bottom:10px}.ar-agend small{flex-basis:100%}
#arFerr .ar-chips{flex-wrap:wrap}
.pm-legenda .ar-chip{cursor:help}.pm-uma{max-width:1100px}
/* 1.29.45: Peças por modelo: nosso x fornecedor e Cotação */
.pm-uma.com-cot{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:14px;align-items:start;max-width:none}
.pm-uma.com-cot>.ar-card{margin-bottom:0}
.pm-bloco{border-radius:10px;margin-top:12px;overflow:hidden}
.pm-bloco.nosso{border:2px solid var(--good,#12875b)}
.pm-bloco.forn{border:2px dashed var(--warn,#b87500)}
.pm-bloco .gs-table{margin:0}
.pm-bh{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:9px 12px;font-weight:850;font-size:13.5px}
.pm-bh small{font-weight:600;color:var(--muted);font-size:12px}
.nosso .pm-bh{background:color-mix(in srgb,var(--good,#12875b) 14%,transparent);color:var(--good,#12875b)}
.forn .pm-bh{background:color-mix(in srgb,var(--warn,#b87500) 13%,transparent);color:var(--warn,#b87500)}
.pm-ic{width:24px;height:24px;border-radius:50%;display:inline-grid;place-items:center;font-size:13px;color:#fff;flex:none}
.nosso .pm-ic{background:var(--good,#12875b)}.forn .pm-ic{background:var(--warn,#b87500)}
.pm-est{display:inline-block;font-size:11.5px;font-weight:800;padding:3px 7px;border-radius:6px;white-space:nowrap}
.pm-est.tem{background:color-mix(in srgb,var(--good,#12875b) 15%,transparent);color:var(--good,#12875b)}
.pm-est.nao{background:var(--surface-2);color:var(--muted)}
.pm-est.enc{background:color-mix(in srgb,var(--warn,#b87500) 15%,transparent);color:var(--warn,#b87500)}
#pmRes tr.pm-on td{background:var(--accent-soft)}
.pm-cot{position:sticky;top:12px}
.pm-cot-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.pm-ci{border:1px solid var(--line);border-radius:8px;padding:8px 10px;margin-bottom:8px;background:var(--surface-2)}
.pm-ci-t{display:flex;justify-content:space-between;gap:8px;font-weight:700}
.pm-x{border:0;background:none;color:var(--muted);font-size:18px;line-height:1;cursor:pointer;padding:0 4px}
.pm-ci-x{font-size:12px;color:var(--muted);margin-top:3px}
.pm-ci-int{font-size:11.5px;color:var(--warn,#b87500);margin-top:3px}
.pm-ci-p{display:block;font-size:12px;color:var(--muted);margin-top:6px}.pm-ci-p .ar-in{font-size:15px;margin-top:3px;padding:7px 9px}
.pm-para{margin:10px 0 6px}
.pm-tot{display:flex;justify-content:space-between;font-weight:850;font-size:15px;padding:8px 0;border-top:1px solid var(--line);margin:8px 0}
.pm-wa{min-height:220px;font-size:13.5px;line-height:1.45;resize:vertical;border-color:var(--accent)}
.pm-cotbar{display:none}
@media(max-width:900px){.pm-uma.com-cot{grid-template-columns:1fr}.pm-cot{position:static}
 .pm-cotbar:not([hidden]){display:block;position:fixed;left:12px;right:12px;bottom:84px;z-index:30;border:0;border-radius:12px;background:var(--accent);color:#fff;font-weight:800;padding:12px 16px;text-align:left;box-shadow:var(--shadow)}}
.ar-chip.ok.pm-gar{color:#fff}
@media(max-width:700px){
 .pm-bloco.forn tr{display:grid;grid-template-columns:28px auto auto minmax(0,1fr);align-items:center;column-gap:8px;border-top:1px solid var(--line)}
 .pm-bloco.forn td{border:0!important}
 .pm-bloco.forn td:nth-child(1){grid-row:1/3}
 .pm-bloco.forn td:nth-child(2){grid-column:2/5;white-space:normal}
 .pm-bloco.forn td:nth-child(n+3){grid-row:2;text-align:left;padding-top:0}
 #pmRes .ar-chip{border-radius:10px}
 .pm-cotbar.longe-nao{display:none!important}}
@media(max-width:700px){.pm-bloco.forn td:nth-child(5){grid-row:3;grid-column:2/5;padding-top:0}}

/* 1.29.46 (CO): selo do fornecedor com data e link; aviso de peça abaixo do nosso custo */
.ar-chip.pm-forn{text-decoration:none;cursor:pointer}
.ar-chip.pm-forn:hover{text-decoration:underline}
.ar-chip.pm-barato{background:#7a3d00;border-color:#f39c12;color:#fff}
.pm-promo{border:1px solid #f39c12}
.pm-promo summary{cursor:pointer;color:#f8c471}
.pm-promo table{margin-top:8px}

/* 1.29.46 (FT): foto da peça */
.pm-foto{float:left;width:44px;height:44px;object-fit:cover;border-radius:6px;margin:0 10px 0 0;background:#fff;cursor:zoom-in;border:1px solid rgba(255,255,255,.15)}
.pm-foto.s{float:none;width:30px;height:30px;vertical-align:middle;margin-right:6px}
.pm-fv{position:fixed;inset:0;background:rgba(0,0,0,.75);z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px}
.pm-fv[hidden]{display:none}
.pm-fv-c{background:#101a2c;border:1px solid #2a3a55;border-radius:12px;padding:14px;max-width:min(720px,100%);max-height:100%;overflow:auto;text-align:center}
.pm-fv-c img{max-width:100%;max-height:70vh;background:#fff;border-radius:8px}
.pm-fv-n{margin:8px 0}
.pm-ci-t .gm-btn.s{margin-left:auto}
/* 1.29.46: no celular a linha do nosso estoque vira 2 linhas (nome inteiro em cima; preço, estoque e botões embaixo) */
@media(max-width:700px){
 .pm-bloco.nosso tr:not(.pm-tipo){display:grid;grid-template-columns:28px auto auto minmax(0,1fr);align-items:center;column-gap:8px;border-top:1px solid var(--line)}
 .pm-bloco.nosso tr:not(.pm-tipo) td{border:0!important}
 .pm-bloco.nosso tr:not(.pm-tipo) td:nth-child(1){grid-row:1/3}
 .pm-bloco.nosso tr:not(.pm-tipo) td:nth-child(2){grid-column:2/5;white-space:normal}
 .pm-bloco.nosso tr:not(.pm-tipo) td:nth-child(n+3){grid-row:2;text-align:left;padding-top:0}
 .pm-bloco.nosso .pm-acoes{text-align:right!important}
 .pm-bloco.nosso .pm-acoes .gm-btn{display:inline-block;width:auto;margin:0 0 0 4px!important}
 .pm-foto{width:36px;height:36px;margin-right:8px}
}

.pm-curva-a td:first-child b{color:#f8c471}

.pm-fotos{position:relative;float:left;margin-right:10px}.pm-fotos .pm-foto{float:none;margin:0}
.pm-fotos-n{position:absolute;right:-4px;bottom:-4px;background:#2e86de;color:#fff;border-radius:9px;font-size:10px;padding:0 5px;line-height:16px}
.pm-fv-img{position:relative;display:flex;align-items:center;justify-content:center}
.pm-fv-seta{position:absolute;left:4px;top:50%;transform:translateY(-50%);width:40px;height:56px;border-radius:8px;border:0;background:rgba(0,0,0,.55);color:#fff;font-size:30px;cursor:pointer}
.pm-fv-seta.d{left:auto;right:4px}
.pm-fv-mini{display:flex;gap:6px;justify-content:center;margin:8px 0 2px}
.pm-fv-mini img{width:54px;height:54px;object-fit:cover;border-radius:6px;cursor:pointer;opacity:.6;border:2px solid transparent;background:#fff}
.pm-fv-mini img.sel{opacity:1;border-color:#2e86de}
@media(max-width:700px){.pm-fotos{margin-right:8px}}