/* Wqualis · telas do sistema (onda 0). Usa os tokens e componentes de sgq-base.css.
   A barra é a v4 (templates/_barra.html + barra.js). */
.bwq__drop--dir{left:auto;right:0;transform:none;width:260px}
.bwq__drop--dir form{margin:0}
.bwq__quem{display:flex;flex-direction:column;gap:2px;margin:0;padding:10px 12px;border-bottom:1px solid var(--linha);margin-bottom:6px;color:var(--titulo);font-size:14px}
.bwq__quem small{font-size:12.5px;color:var(--ink-3)}

.wq-pagina{max-width:1200px;margin:0 auto;padding:calc(var(--bwq-h) + 32px) 16px 64px}
.wq-msg{margin:0 0 16px}
.wq-rodape{max-width:1200px;margin:0 auto;padding:16px;font-size:13px;color:var(--ink-3)}


/* Matriz de permissões */
.wq-matriz{overflow-x:auto;border:1px solid var(--linha);border-radius:var(--r-card);background:var(--surface)}
.wq-matriz table{width:100%;min-width:760px;border-collapse:collapse}
.wq-matriz th,.wq-matriz td{padding:10px 12px;border-bottom:1px solid var(--linha-sutil);text-align:left;vertical-align:middle}
.wq-matriz thead th{background:var(--tabela-cab);font-size:13px;color:var(--ink-2)}
.wq-matriz tbody th{font-weight:700;color:var(--titulo);white-space:nowrap;position:sticky;left:0;background:var(--surface)}
.wq-matriz select.campo{min-height:44px;font-size:14px;padding-left:10px}
.wq-matriz select[data-n="3"]{border-color:var(--azul);font-weight:700}
.wq-matriz select[data-n="0"]{color:var(--ink-4)}
.wq-trava{font-size:13px;color:var(--ink-3)}
.wq-barra-salvar{display:flex;justify-content:flex-end;padding:16px 0}
.wq-legenda{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-wrap:wrap;gap:6px 20px;font-size:14px;color:var(--ink-3)}
.wq-legenda b{color:var(--ink-2)}

/* Formulário de usuário */
.wq-form{display:grid;gap:20px;max-width:720px}
.wq-form__duas{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.wq-form label.rotulo{display:block;margin-bottom:6px}
.wq-form ul{list-style:none;margin:0;padding:0;display:grid;gap:0 16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.wq-form ul label,.wq-check{display:flex;align-items:center;gap:10px;min-height:44px}
.wq-form input[type=checkbox]{width:22px;height:22px}
.wq-form .errorlist{margin:6px 0 0;color:var(--crit-txt);font-size:13px;font-weight:600}
.wq-form fieldset{border:1px solid var(--linha);border-radius:var(--r-card);padding:12px 16px;margin:0}
.wq-form legend{padding:0 6px;font-weight:700;color:var(--ink-2)}

/* Filtros da trilha */
.wq-filtros{display:grid;gap:12px 16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end;margin-bottom:16px}
.wq-filtros label.rotulo{display:block;margin-bottom:6px}
.wq-filtros__bts{display:flex;gap:8px}
.wq-contagem{margin:0 0 8px;font-size:14px;color:var(--ink-3)}
.wq-detalhe{color:var(--ink-3)}
.wq-paginas{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:16px;color:var(--ink-3)}

/* Listas de Configurações */
.wq-abas{display:flex;flex-wrap:wrap;gap:0 4px;margin-bottom:20px;border-bottom:1px solid var(--linha)}
.wq-abas a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;white-space:nowrap;color:var(--ink-3);font-weight:600;text-decoration:none;border-bottom:3px solid transparent;margin-bottom:-1px}
.wq-abas a[aria-current="page"]{color:var(--azul);border-bottom-color:var(--azul)}
.wq-incluir{max-width:560px;margin-bottom:20px}
.wq-incluir label.rotulo{display:block;margin-bottom:6px}
.wq-incluir div,.wq-renomear{display:flex;gap:8px;align-items:center;min-width:0}
.wq-incluir .campo,.wq-renomear .campo{flex:1;min-width:0;min-height:44px}
.wq-itens{list-style:none;margin:0;padding:0;border:1px solid var(--linha);border-radius:var(--r-card);background:var(--surface)}
.wq-item{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding:10px 12px;border-bottom:1px solid var(--linha-sutil)}
.wq-item:last-child{border-bottom:0}
.wq-item .wq-renomear{flex:1 1 280px;max-width:520px}
.wq-item__fim{display:flex;align-items:center;gap:8px}
.wq-item.is-inativo .campo,.wq-item.is-inativo .wq-item__nome{color:var(--ink-4)}
.wq-numero{max-width:160px}