/* ============================================================================
   ag-parametros-v2.css — 11/10/2026 (paramv2)
   Aba Parâmetros: barra de busca enxuta + cabeçalhos por área (cores CMYK
   da gráfica). Par com js/patches/ag-parametros-v2.js. Tudo escopado em
   #mainControlView.agp-v2 — se o JS não carregar, a tela antiga fica igual.
============================================================================ */
#mainControlView.agp-v2{
  --agp-c:#0784a8;  /* ciano   — Grande formato   */
  --agp-m:#c21a69;  /* magenta — Gráfica rápida   */
  --agp-y:#a86b00;  /* amarelo (tinta escura p/ texto) — Papéis e insumos */
  --agp-y-ink:#f3c316; /* amarelo de verdade p/ amostras */
  --agp-k:#37414f;  /* preto   — Empresa e produção */
  --agp-hl:#fde68a;
}
body[data-theme="dark"] #mainControlView.agp-v2{
  --agp-c:#5fd0ef; --agp-m:#f48bbd; --agp-y:#f0c84b; --agp-y-ink:#f3c316; --agp-k:#c3cbd6; --agp-hl:rgba(250,204,21,.38);
}
#mainControlView.agp-v2 [data-ag-dominio="grande"]{--agp-dom:var(--agp-c);--agp-ink:var(--agp-c)}
#mainControlView.agp-v2 [data-ag-dominio="rapida"]{--agp-dom:var(--agp-m);--agp-ink:var(--agp-m)}
#mainControlView.agp-v2 [data-ag-dominio="insumos"]{--agp-dom:var(--agp-y);--agp-ink:var(--agp-y-ink)}
#mainControlView.agp-v2 [data-ag-dominio="empresa"]{--agp-dom:var(--agp-k);--agp-ink:var(--agp-k)}

/* ── Barra de busca ─────────────────────────────────────────────────────── */
#mainControlView.agp-v2 .control-toolbar.agp-toolbar{display:flex!important;flex-direction:column;gap:12px;padding:18px 20px!important}
#mainControlView.agp-v2 .agp-toolbar .control-toolbar-top{display:block!important}
#mainControlView.agp-v2 .agp-toolbar .control-section-select,
#mainControlView.agp-v2 .agp-toolbar .control-toolbar-top>.control-actions,
#mainControlView.agp-v2 .agp-toolbar .control-intent-area,
#mainControlView.agp-v2 .agp-toolbar .control-quickstats,
#mainControlView.agp-v2 .agp-toolbar .control-product-filter{display:none!important}
#mainControlView.agp-v2 .agp-toolbar .control-search-wrap{position:relative;display:flex;align-items:center;width:100%}
#mainControlView.agp-v2 .agp-toolbar .control-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--muted);pointer-events:none;display:grid;place-items:center}
#mainControlView.agp-v2 .agp-toolbar .control-search-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}
#mainControlView.agp-v2 .agp-toolbar .control-search{
  height:52px!important;width:100%;padding:0 84px 0 48px!important;border-radius:14px!important;
  font-size:16px!important;font-weight:500;color:var(--text);background:var(--surface2)!important;
  border:1.5px solid var(--border2)!important;box-shadow:none!important;transition:border-color .15s, box-shadow .15s
}
#mainControlView.agp-v2 .agp-toolbar .control-search::placeholder{color:var(--faint);font-weight:400}
#mainControlView.agp-v2 .agp-toolbar .control-search:focus{border-color:var(--accent)!important;box-shadow:0 0 0 4px var(--accent-dim)!important;outline:none}
#mainControlView.agp-v2 .agp-kbd{position:absolute;right:14px;top:50%;transform:translateY(-50%);min-width:24px;height:24px;display:grid;place-items:center;border-radius:6px;border:1px solid var(--border2);border-bottom-width:2px;color:var(--faint);font:600 12px/1 inherit;background:var(--surface)}
#mainControlView.agp-v2 .agp-clear{position:absolute;right:46px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:8px;border:0;background:transparent;color:var(--muted);display:none;place-items:center;cursor:pointer}
#mainControlView.agp-v2 .agp-clear svg{width:16px;height:16px}
#mainControlView.agp-v2 .agp-clear:hover{background:var(--surface3);color:var(--text)}
#mainControlView.agp-v2 .control-search:not(:placeholder-shown)~.agp-clear{display:grid}
#mainControlView.agp-v2 .control-search:focus~.agp-kbd{opacity:0}

#mainControlView.agp-v2 .agp-result{font-size:13px;color:var(--muted);line-height:1.45;padding:0 4px;min-height:19px}
#mainControlView.agp-v2 .agp-result b{color:var(--text);font-weight:650}
#mainControlView.agp-v2 .agp-result.vazio{color:var(--red)}
#mainControlView.agp-v2 .agp-result .agp-hint{color:var(--faint)}

#mainControlView.agp-v2 .agp-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
#mainControlView.agp-v2 .agp-seg{display:inline-flex!important;gap:2px!important;padding:3px;border-radius:12px;background:var(--surface3);border:1px solid var(--border);flex-wrap:wrap}
#mainControlView.agp-v2 .agp-seg .control-intent-btn{
  min-height:32px!important;padding:0 14px!important;border-radius:9px!important;border:0!important;background:transparent!important;
  box-shadow:none!important;color:var(--muted)!important;font-size:13px!important;font-weight:600!important;display:inline-flex;align-items:center
}
#mainControlView.agp-v2 .agp-seg .control-intent-btn .control-intent-desc,
#mainControlView.agp-v2 .agp-seg .control-intent-btn .control-intent-ico{display:none!important}
#mainControlView.agp-v2 .agp-seg .control-intent-btn:hover{color:var(--text)!important}
#mainControlView.agp-v2 .agp-seg .control-intent-btn.active{background:var(--surface2)!important;color:var(--text)!important;box-shadow:0 1px 2px rgba(0,0,0,.12),0 0 0 1px var(--border)!important}
#mainControlView.agp-v2 .agp-acoes{display:flex;gap:6px}
#mainControlView.agp-v2 .agp-ghost{display:inline-flex!important;align-items:center;gap:6px;height:34px;padding:0 12px!important;border-radius:10px!important;background:transparent!important;border:1px solid var(--border2)!important;color:var(--muted)!important;font-size:13px!important;font-weight:600!important;box-shadow:none!important}
#mainControlView.agp-v2 .agp-ghost:hover{color:var(--text)!important;background:var(--surface3)!important}
#mainControlView.agp-v2 .agp-ghost svg{width:16px;height:16px}

#mainControlView.agp-v2 .agp-strip{display:flex;gap:6px;overflow-x:auto;padding:2px 2px 6px;margin:0 -2px;scrollbar-width:thin;
  -webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent)}
#mainControlView.agp-v2 .agp-chip{flex:none;display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 12px 0 10px;border-radius:999px;border:1px solid var(--border2);background:transparent;color:var(--text);font-size:12.5px;font-weight:550;cursor:pointer;white-space:nowrap}
#mainControlView.agp-v2 .agp-chip:hover{border-color:var(--agp-dom);background:color-mix(in srgb,var(--agp-dom) 8%,transparent)}
#mainControlView.agp-v2 .agp-chip.active{border-color:var(--agp-dom);background:color-mix(in srgb,var(--agp-dom) 12%,transparent)}
#mainControlView.agp-v2 .agp-dot{width:8px;height:8px;border-radius:2px;background:var(--agp-ink);flex:none}

/* ── Grupos ─────────────────────────────────────────────────────────────── */
#mainControlView.agp-v2 .agp-group-head{display:flex;align-items:center;gap:10px;margin:14px 4px -2px;font-size:14px;font-weight:700;color:var(--text)}
#mainControlView.agp-v2 .agp-group-head:first-child,#mainControlView.agp-v2 .agp-group-head[style*="order: 0"]{margin-top:2px}
#mainControlView.agp-v2 .agp-group-head[hidden]{display:none}
#mainControlView.agp-v2 .agp-swatch{width:14px;height:14px;border-radius:3px;background:var(--agp-ink);box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
#mainControlView.agp-v2 .agp-group-n{font-size:12px;font-weight:600;color:var(--faint)}

/* ── Cabeçalho dos cards ────────────────────────────────────────────────── */
#mainControlView.agp-v2 .control-product-card{border-radius:16px!important;border:1px solid var(--border2)!important;box-shadow:none!important;position:relative}
#mainControlView.agp-v2 .control-product-card::after{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:0 3px 3px 0;background:var(--agp-ink);pointer-events:none}
#mainControlView.agp-v2 .control-product-card:not(.is-collapsed)::after{bottom:auto;height:44px}
#mainControlView.agp-v2 .control-product-card>.control-product-head.agp-head{
  display:grid!important;grid-template-columns:40px minmax(0,1fr) auto 28px;align-items:center;gap:14px!important;
  padding:14px 18px 14px 20px!important;border-left:0!important;background:transparent!important;border-bottom:1px solid transparent!important;min-height:0!important
}
#mainControlView.agp-v2 .control-product-card:not(.is-collapsed)>.control-product-head.agp-head{border-bottom-color:var(--border)!important}
#mainControlView.agp-v2 .control-product-card>.control-product-head.agp-head:hover{background:color-mix(in srgb,var(--agp-dom) 4%,transparent)!important}
#mainControlView.agp-v2 .control-product-head.agp-head:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:16px}
#mainControlView.agp-v2 .agp-head .control-product-icon.agp-icon{
  width:40px!important;height:40px!important;border-radius:11px!important;display:grid!important;place-items:center;
  background:color-mix(in srgb,var(--agp-dom) 11%,transparent)!important;border:1px solid color-mix(in srgb,var(--agp-dom) 22%,transparent)!important;
  color:var(--agp-dom)!important;font-size:0!important;box-shadow:none!important
}
#mainControlView.agp-v2 .agp-head .agp-icon svg{width:22px;height:22px}
#mainControlView.agp-v2 .agp-head .control-product-meta{display:flex!important;flex-direction:column;gap:2px;min-width:0}
#mainControlView.agp-v2 .agp-head .control-product-top{display:block!important}
#mainControlView.agp-v2 .agp-head .control-product-title,
#mainControlView.agp-v2 .agp-head .control-product-name{font-size:15px!important;font-weight:700!important;letter-spacing:-.01em;color:var(--text)!important;text-transform:none!important}
#mainControlView.agp-v2 .agp-head .control-product-tag,
#mainControlView.agp-v2 .agp-head .control-product-legend{display:none!important}
#mainControlView.agp-v2 .agp-head .control-product-sub,
#mainControlView.agp-v2 .agp-head .control-product-desc{display:block!important;font-size:12.5px!important;line-height:1.4!important;color:var(--muted)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;margin:0!important}
#mainControlView.agp-v2 .agp-head .agp-count{font-size:12px;font-weight:600;color:var(--faint);white-space:nowrap;font-variant-numeric:tabular-nums}
#mainControlView.agp-v2 .agp-head .control-product-toggle{width:28px!important;height:28px!important;border-radius:8px!important;display:grid!important;place-items:center;border:0!important;background:transparent!important;color:var(--muted)!important}
#mainControlView.agp-v2 .agp-head:hover .control-product-toggle{background:var(--surface3)!important;color:var(--text)!important}

/* campos que a busca escondeu dentro de um card */
#mainControlView.agp-v2 .agp-field-hide{display:none!important}
::highlight(agp-busca){background-color:var(--agp-hl,#fde68a);color:inherit}
body[data-theme="dark"] ::highlight(agp-busca){background-color:rgba(250,204,21,.38)}

@media (max-width:760px){
  #mainControlView.agp-v2 .control-toolbar.agp-toolbar{padding:14px!important}
  #mainControlView.agp-v2 .agp-toolbar .control-search{font-size:15px!important;height:48px!important}
  #mainControlView.agp-v2 .agp-kbd{display:none}
  #mainControlView.agp-v2 .agp-clear{right:10px}
  #mainControlView.agp-v2 .control-product-card>.control-product-head.agp-head{grid-template-columns:36px minmax(0,1fr) 24px;padding:12px 14px 12px 16px!important}
  #mainControlView.agp-v2 .agp-head .agp-count{display:none}
  #mainControlView.agp-v2 .agp-seg{width:100%}
}
@media (prefers-reduced-motion:reduce){#mainControlView.agp-v2 *{transition:none!important}}
/* a faixa de atalhos rola dentro da barra — não pode alargar a página */
#mainControlView.agp-v2 .control-toolbar.agp-toolbar,
#mainControlView.agp-v2 .agp-toolbar>*{min-width:0;max-width:100%}
#mainControlView.agp-v2 .main-control-wrap{min-width:0}