/* ag-parametros-wind.css — 11/10/2026 (pwind1) — Parâmetros → Wind banner em tabela por modelo */
#mainControlView .control-product-card[data-control-section="wind"] .agw-old{display:none!important}
#mainControlView .agw{display:flex;flex-direction:column;gap:22px;padding:4px 2px 6px}
#mainControlView .agw-h{margin:0 0 10px;font-size:14px;font-weight:700;color:var(--text);display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
#mainControlView .agw-h span{font-size:12.5px;font-weight:500;color:var(--muted)}

/* custos unitários: uma linha */
#mainControlView .agw-unit{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
#mainControlView .agw-u{display:flex;flex-direction:column;gap:6px;min-width:0}
#mainControlView .agw-ul{font-size:12.5px;font-weight:600;color:var(--muted)}
#mainControlView .agw-help{font-size:11.5px;line-height:1.35;color:var(--faint)}

/* campo com prefixo/sufixo */
#mainControlView .agw-in{display:flex;align-items:center;height:38px;border:1px solid var(--border2);border-radius:10px;background:var(--surface2);padding:0 10px;gap:6px;cursor:text;transition:border-color .15s,box-shadow .15s;min-width:0}
#mainControlView .agw-in:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}
#mainControlView .agw-pre,#mainControlView .agw-suf{font-size:12px;font-weight:600;color:var(--faint);flex:none}
#mainControlView .agw-in input.agw-input{flex:1;min-width:0;width:100%;height:100%!important;border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;margin:0!important;outline:none!important;font-size:14px!important;font-weight:600!important;color:var(--text)!important;font-variant-numeric:tabular-nums;text-align:right;-moz-appearance:textfield}
#mainControlView .agw-in input.agw-input::-webkit-outer-spin-button,#mainControlView .agw-in input.agw-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}

/* tabela por modelo */
#mainControlView .agw-scroll{overflow-x:auto;border:1px solid var(--border2);border-radius:14px}
#mainControlView .agw-table{width:100%;border-collapse:collapse;min-width:620px}
#mainControlView .agw-table thead th{position:sticky;top:0;background:var(--surface3);font-size:14px;font-weight:700;color:var(--text);text-align:left;padding:12px 14px;border-bottom:1px solid var(--border2);font-variant-numeric:tabular-nums}
#mainControlView .agw-table thead th small{margin-left:4px;font-size:11.5px;font-weight:500;color:var(--faint)}
#mainControlView .agw-table th[scope="row"]{width:30%;text-align:left;padding:10px 14px;font-size:13.5px;font-weight:600;color:var(--text);vertical-align:middle}
#mainControlView .agw-table th[scope="row"] small{display:block;margin-top:2px;font-size:11.5px;font-weight:500;color:var(--faint)}
#mainControlView .agw-table td{padding:8px 12px;vertical-align:top}
#mainControlView .agw-table tbody tr.agw-r+tr.agw-r>*{border-top:1px solid var(--border)}
#mainControlView .agw-table td.agw-span .agw-in{max-width:calc(33.3% - 8px)}
#mainControlView .agw-g th{padding:16px 14px 6px;font-size:12.5px;font-weight:700;color:var(--muted);text-align:left;border-top:1px solid var(--border2)}
#mainControlView .agw-kit td{background:color-mix(in srgb,var(--agp-c,#0784a8) 6%,transparent)}
#mainControlView .agw-kit th{background:color-mix(in srgb,var(--agp-c,#0784a8) 6%,transparent)}
#mainControlView .agw-kit td b{display:block;font-size:16px;font-weight:750;color:var(--text);font-variant-numeric:tabular-nums;padding-top:2px}
#mainControlView .agw-kit td small{display:block;font-size:11.5px;color:var(--faint);font-variant-numeric:tabular-nums}
#mainControlView .agw-mg{min-height:16px;margin-top:4px;font-size:11.5px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--faint)}
#mainControlView .agw-mg.ok{color:var(--green)}
#mainControlView .agw-mg.baixa{color:#b45309}
#mainControlView .agw-mg.neg{color:var(--red)}
body[data-theme="dark"] #mainControlView .agw-mg.baixa{color:#fbbf24}
#mainControlView .agw-na{display:inline-block;padding-top:10px;font-size:12px;color:var(--faint)}
#mainControlView .agw .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

@media (max-width:900px){#mainControlView .agw-unit{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* o tema geral pinta <label> de cinza — o campo fica branco (claro) / superfície (escuro) */
#mainControlView .agw label.agw-in{background:var(--surface2)!important;border:1px solid var(--border2)!important;margin:0!important;box-shadow:none}
#mainControlView .agw label.agw-in:focus-within{border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-dim)}
body:not([data-theme="dark"]) #mainControlView .agw label.agw-in{background:#fff!important}
