/* CG Drywall · Explorador de catálogos por marca (12/11, teste, só admin). */
.cat-marcas{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px;padding:6px 0 4px}
@media (min-width:768px){.cat-marcas{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}
.cat-marca{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;min-height:44px;padding:10px 6px;border:1px solid var(--line-2);border-radius:12px;background:transparent;color:inherit;font:inherit;cursor:pointer;text-align:center}
.cat-marca:hover{background:var(--hover,rgba(0,0,0,.04))}
.cat-marca:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}
.cat-ic{display:grid;place-items:center;width:56px;height:56px;box-sizing:border-box}
.cat-ic img{max-width:52px;max-height:52px;width:auto;height:auto;object-fit:contain}
.cat-marca b{font-size:12px;font-weight:600;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
[data-theme="dark"] .cat-ic:has(> img){background:#E6EFEC;border-radius:10px;padding:4px}
[data-theme="dark"] .cat-ic.cot-ic-escuro:has(> img),
.cat-ic.cot-ic-escuro{background:#162824;border-radius:10px;padding:4px}
.cat-exp{border:0;padding:0;max-width:min(720px,calc(100vw - 24px));width:100%;border-radius:16px;background:var(--surface,#fff);color:inherit;box-shadow:0 16px 48px rgba(0,0,0,.24)}
.cat-exp::backdrop{background:rgba(16,24,22,.45)}
.cat-exp-h{display:flex;align-items:center;gap:10px;padding:12px 12px 8px;border-bottom:1px solid var(--line)}
.cat-exp-h .cat-ic{width:44px;height:44px}
.cat-exp-h .cat-ic img{max-width:40px;max-height:40px}
.cat-exp-h h3{margin:0;font-size:16px;flex:1;min-width:0}
.cat-exp-h .btn{flex:none}
.cat-exp-b{padding:10px 12px 16px;max-height:min(70vh,560px);overflow:auto}
.cat-chips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.cat-arv{margin:0;padding:0;list-style:none;display:grid;gap:6px}
.cat-arv details{border:1px solid var(--line-2);border-radius:10px;padding:0}
.cat-arv summary{display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 10px;cursor:pointer;list-style:none}
.cat-arv summary::-webkit-details-marker{display:none}
.cat-arv summary:focus-visible{outline:2px solid var(--accent-text);outline-offset:-2px}
.cat-arv .cat-n{flex:1;font-weight:600;font-size:14px}
.cat-arv .label{margin-left:auto}
.cat-sub{margin:0;padding:0 8px 8px 16px;list-style:none;display:grid;gap:4px}
.cat-sub button,.cat-prod{display:flex;align-items:center;gap:8px;width:100%;min-height:44px;padding:8px 10px;border:0;border-radius:8px;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}
.cat-sub button:hover,.cat-prod:hover{background:var(--hover,rgba(0,0,0,.04))}
.cat-prod{border:1px solid var(--line-2);border-radius:10px;margin:0 8px 6px}
.cat-prod .code{font-size:11px}
.cat-vaz{margin:8px;color:var(--text-2)}
@media (max-width:419px){
  .cat-marcas{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px}
  .cat-exp{max-width:calc(100vw - 16px);border-radius:12px}
  .cat-exp-b{max-height:75vh}
}