/* Átrio · aplicativos em modo leitura — ATIV#7293. Mesma linguagem do Átrio (vidro, variáveis do :root do index.html).
   Tudo com prefixo .ap- para não tocar no que já existe. Dados de /api/app/{app}/... (js/apps.js). */
.ap-folha{padding-bottom:40px}
.ap-folha *{min-width:0}
.ap-fonte{margin-top:14px;font-size:12px}
.ap-erro{color:var(--atencao);font-size:13px;margin-top:8px;overflow-wrap:anywhere}
.ap-bloco{margin-top:14px}
.ap-bloco h2{margin-bottom:6px}
.ap-rota{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:10px}
.ap-rota code{font:12px var(--mono);color:var(--am-texto-fraco);overflow-wrap:anywhere}
.ap-params{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin:6px 0 12px}
.ap-params label{display:flex;flex-direction:column;gap:4px;font:11px var(--mono);color:var(--am-texto-fraco)}
.ap-params input{background:rgba(255,255,255,.05);border:1px solid var(--vidro-borda);border-radius:8px;color:var(--am-texto);padding:7px 10px;font:13px var(--corpo);min-width:160px}
.ap-params input:focus{outline:none;border-color:var(--am-ciano)}
.ap-meta{font:11px var(--mono);color:var(--am-texto-fraco);margin:6px 0}
.ap-tabwrap{overflow:auto;max-height:56vh;border-radius:10px;scrollbar-width:thin}
.ap-tab{border-collapse:collapse;width:100%;font-size:12.5px}
.ap-tab th{position:sticky;top:0;background:rgba(10,14,30,.92);text-align:left;font:500 11px var(--mono);color:var(--am-ciano);padding:7px 10px;white-space:nowrap}
.ap-tab td{padding:6px 10px;border-top:1px solid rgba(255,255,255,.06);vertical-align:top;max-width:340px;overflow-wrap:anywhere}
.ap-tab tbody tr{cursor:pointer}
.ap-tab tbody tr:hover{background:rgba(255,255,255,.04)}
.ap-tab tbody tr.sel{background:rgba(94,234,255,.10)}
.ap-nulo{color:var(--am-texto-fraco)}
.ap-kv{display:grid;grid-template-columns:minmax(120px,max-content) 1fr;gap:4px 14px;font-size:13px;margin:6px 0}
.ap-kv dt{font:11px var(--mono);color:var(--am-texto-fraco);padding-top:2px}
.ap-kv dd{margin:0;overflow-wrap:anywhere}
.ap-pre{white-space:pre-wrap;font:12px var(--mono);color:var(--am-texto);max-height:40vh;overflow:auto}
@media (max-width:760px){ .ap-params input{min-width:0;width:100%} .ap-params label{flex:1 1 100%} }