/* ============================================================================
 * social/social.css — estilos das telas do Social, fatia 6 da otimização (30/10/2026).
 * Antes cada tela injetava um <style> por JS ao montar; o conteúdo é o MESMO,
 * regra por regra, agora carregado por <link> no <head> do index.html.
 * ==========================================================================*/

/* ---- Localidades (tela #tela-localidades) — era injetado por localidades-ui.js (lc-style) ---- */
#tela-localidades .busca input{height:40px;box-sizing:border-box;padding-top:0;padding-bottom:0}
#tela-localidades .barra-acoes .btn{height:40px;box-sizing:border-box;padding-top:0;padding-bottom:0}
#tela-localidades .lc-select-tipo{height:40px;box-sizing:border-box;padding:0 12px;border:1px solid var(--indigo-borda);border-radius:9px;font-size:14px;font-family:inherit;background:var(--indigo-claro);color:var(--cinza-900)}
#tela-localidades .lc-select-tipo:focus{border-color:var(--indigo);box-shadow:0 0 0 3px rgba(59,104,250,.15);background:var(--card);outline:none}
#tela-localidades .contador-resultados{font-size:12px;color:var(--cinza-400);margin:0 0 8px 2px}
#tela-localidades table{width:100%;border-collapse:collapse}
#tela-localidades thead th{position:relative;text-align:left;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--cinza-400);padding:12px 14px;border-bottom:1px solid var(--cinza-200);white-space:nowrap}
#tela-localidades tbody td{padding:11px 14px;border-bottom:1px solid var(--cinza-100);font-size:13px;color:var(--cinza-900);vertical-align:middle}
#tela-localidades tbody tr.lc-linha{cursor:pointer} #tela-localidades tbody tr.lc-linha:hover{background:var(--indigo-claro)}
#tela-localidades tbody tr.lc-inativa td{opacity:.55}
#tela-localidades .ordenavel{cursor:pointer;user-select:none} #tela-localidades .ordenavel:hover{color:var(--indigo)}
#tela-localidades .seta{font-size:9px;color:var(--indigo)}
#tela-localidades .funil{border:none;background:none;cursor:pointer;color:var(--cinza-400);padding:2px;margin-left:2px}
#tela-localidades .funil.ativo{color:var(--indigo)}
#tela-localidades .grade-campos{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px 16px}
#tela-localidades .campo input:disabled{background:var(--cinza-100);color:var(--cinza-400);cursor:not-allowed}
#tela-localidades .linha-inline{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--cinza-600)}
#tela-localidades .aviso-inativar{margin-top:10px;background:var(--ambar-claro,#FFF7E6);border:1px solid #F0D89B;color:var(--ambar);border-radius:9px;padding:9px 12px;font-size:12px}
#tela-localidades .lc-funil-erro{background:var(--vermelho-claro);border:1px solid var(--vermelho);color:var(--vermelho);border-radius:9px;padding:9px 12px;font-size:12px;margin-bottom:10px}
#tela-localidades .lc-chip{display:inline-flex;align-items:center;gap:6px;background:var(--indigo-claro);color:var(--indigo);border-radius:99px;padding:4px 6px 4px 10px;font-size:12px;font-weight:600;margin:0 6px 6px 0}
#tela-localidades .lc-chip button{border:none;background:none;color:var(--indigo);cursor:pointer;font-weight:700;padding:0 2px;font-size:13px}
#tela-localidades .lc-status-chip{display:inline-block;background:var(--indigo-claro);color:var(--indigo);border-radius:99px;padding:3px 10px;font-size:11.5px;font-weight:600}
#tela-localidades .lc-status-chip.lc-status-ambar{background:var(--ambar-claro);color:var(--ambar)}
#tela-localidades .lc-status-chip.lc-status-verde{background:var(--verde-claro);color:var(--verde)}
#tela-localidades .lc-status-chip.lc-status-vermelho{background:var(--vermelho-claro);color:var(--vermelho)}
#tela-localidades .lc-funil-lista{list-style:none;margin:0;padding:0;font-size:12.5px;color:var(--cinza-600);display:flex;flex-direction:column;gap:6px}
#tela-localidades .lc-funil-lista li{border-left:2px solid var(--indigo-borda);padding-left:10px}
#tela-localidades #lc-funil-acoes{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-start}
#tela-localidades .lc-form-aprovacao{display:flex;flex-direction:column;gap:10px;background:var(--cinza-50,#f8f9fb);border:1px solid var(--cinza-200);border-radius:9px;padding:12px;width:100%;max-width:360px}
#tela-localidades .lc-form-aprovacao .campo{display:flex;flex-direction:column;gap:4px}
#tela-localidades .lc-anexo{display:flex;align-items:center;gap:10px;font-size:12px}
#tela-localidades .lc-anexo-link{color:var(--indigo);cursor:pointer;text-decoration:underline}
#tela-localidades .lc-anexar-btn{position:relative;overflow:hidden;display:inline-block;color:var(--indigo);cursor:pointer;font-size:12px}
#tela-localidades .lc-anexar-btn input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
#tela-localidades #lc-form-abas{margin-top:2px}

/* ---- Levantamentos (aba da localidade) — era injetado por levantamentos-ui.js (lv-style) ---- */
.lv-status-chip{display:inline-block;border-radius:99px;padding:3px 10px;font-size:11px;font-weight:700}
.lv-status-chip.lv-rascunho{background:var(--cinza-100,#e7edf5);color:var(--cinza-600)}
.lv-status-chip.lv-concluido{background:var(--verde-claro,#E3F6EA);color:var(--verde,#1c8a4b)}
.lv-chip{display:inline-flex;align-items:center;gap:6px;background:var(--indigo-claro);color:var(--indigo);border-radius:99px;padding:4px 6px 4px 10px;font-size:12px;font-weight:600;margin:0 6px 6px 0}
.lv-chip button{border:none;background:none;color:var(--indigo);cursor:pointer;font-weight:700;padding:0 2px;font-size:13px}
.lv-check{display:inline-flex;align-items:center;gap:5px;margin:0 14px 6px 0;font-size:13px}
.aviso-servidao{background:var(--ambar-claro,#FFF7E6);border:1px solid #F0D89B;color:var(--ambar);border-radius:9px;padding:9px 12px;font-size:12px}
tr.lv-linha{cursor:pointer} tr.lv-linha:hover{background:var(--indigo-claro)}

/* ---- Documentos (aba da localidade) — era injetado por documentos-ui.js (doc-style) ---- */
.doc-lista{display:flex;flex-direction:column;gap:10px}
.doc-item{padding:12px 14px}
.doc-cab{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.doc-numero{font-weight:700;color:var(--cinza-400);font-size:12px}
.doc-rotulo{font-weight:600;font-size:13.5px}
.doc-condicao{font-size:11px;color:var(--cinza-400);font-style:italic}
.doc-chip{display:inline-block;border-radius:99px;padding:3px 10px;font-size:11px;font-weight:700}
.doc-chip.doc-ambar{background:var(--ambar-claro);color:var(--ambar)}
.doc-chip.doc-indigo{background:var(--indigo-claro);color:var(--indigo)}
.doc-chip.doc-verde{background:var(--verde-claro);color:var(--verde)}
.doc-chip.doc-cinza{background:var(--cinza-100);color:var(--cinza-600)}
.doc-chip.doc-aguardando{background:var(--cinza-100);color:var(--cinza-600);font-weight:600}
.doc-condicao-motivo{font-size:12px;color:var(--cinza-500);margin:2px 0 6px}
.doc-item.doc-item-nao-se-aplica{opacity:.6}
.doc-motivo{font-size:12px;color:var(--cinza-600);margin-top:6px}
.doc-corpo{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:10px}
.doc-acoes{display:flex;gap:8px;flex-wrap:wrap}
.doc-anexo{display:flex;align-items:center;gap:10px;font-size:12px}
.doc-anexo-link{color:var(--indigo);cursor:pointer;text-decoration:underline}
.doc-anexar-btn{position:relative;overflow:hidden;display:inline-block;color:var(--indigo);cursor:pointer;font-size:12px}
.doc-anexar-btn input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
.doc-rodape{font-size:11.5px;color:var(--cinza-400);margin-top:12px}
.doc-topo{display:flex;justify-content:flex-end;margin-bottom:10px}
.doc-impresso{font-size:11px;color:var(--cinza-400);margin-top:4px}

/* ---- Laudos AFQ (aba da localidade) — era injetado por afq-localidade-ui.js (afqloc-style) ---- */
.afqloc-aviso{background:var(--ambar-claro,#FFF7E6);border:1px solid #F0D89B;color:var(--ambar);border-radius:9px;padding:9px 12px;font-size:12px;margin-bottom:10px}
.afqloc-upload{display:flex;gap:8px;align-items:center;margin-bottom:12px;flex-wrap:wrap}
.afqloc-anexar-btn{position:relative;overflow:hidden;display:inline-flex;align-items:center}
.afqloc-anexar-btn input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
.afqloc-lista{display:flex;flex-direction:column;gap:8px}
.afqloc-item{padding:10px 12px}
.afqloc-linha{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12.5px}
.afqloc-nome{color:var(--indigo);font-weight:600;text-decoration:none;flex:1;min-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.afqloc-nome:hover{text-decoration:underline}
.afqloc-fonte,.afqloc-data{color:var(--cinza-400);font-size:11.5px;white-space:nowrap}

/* ---- Modelos de documento (tela #tela-modelos-documento) — era injetado por modelos-documento-ui.js (md-style) ---- */
#tela-modelos-documento tr.md-linha:hover{background:var(--cinza-050,#fafbfc)}
#tela-modelos-documento .md-chip{font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:20px;text-transform:uppercase}
#tela-modelos-documento .md-chip-padrao{background:rgba(31,157,87,.12);color:#1F9D57}
#tela-modelos-documento .md-chip-inativo{background:rgba(192,57,43,.10);color:#C0392B}
#tela-modelos-documento .md-vazio{color:var(--cinza-400,#8a94a3);font-size:13px;padding:10px 14px}
#tela-modelos-documento .md-erro{color:#C0392B;padding:10px 14px}
#tela-modelos-documento .md-editor-cab{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:12px}
#tela-modelos-documento .md-editor-tit{display:flex;align-items:center;gap:8px;font-size:15px}
#tela-modelos-documento .md-editor-acoes{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}
#tela-modelos-documento .md-versoes{margin-bottom:10px;font-size:13px;display:flex;align-items:center;gap:10px}
#tela-modelos-documento .md-ajuda,#tela-modelos-documento .md-ajuda-inline{color:var(--cinza-400,#8a94a3);font-size:12px}
#tela-modelos-documento .md-editor-corpo{display:grid;grid-template-columns:1fr 1fr;gap:16px}
#tela-modelos-documento .md-editor-col{display:flex;flex-direction:column;min-width:0}
#tela-modelos-documento .md-ph-painel{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
#tela-modelos-documento .md-ph-btn{font-size:10.5px;background:#EEF2FB;color:#203888;border:1px solid #C0D0E1;border-radius:14px;padding:3px 9px;cursor:pointer}
#tela-modelos-documento .md-ph-btn:disabled{opacity:.5;cursor:not-allowed}
#tela-modelos-documento .md-textarea{flex:1;min-height:420px;font-family:ui-monospace,Consolas,monospace;font-size:12.5px;padding:10px;border:1px solid var(--cinza-200,#e5e7eb);border-radius:8px;resize:vertical}
#tela-modelos-documento .md-preview-tit{font-weight:600;margin-bottom:8px;color:var(--cinza-400,#8a94a3);font-size:12px;text-transform:uppercase;letter-spacing:.03em}
#tela-modelos-documento .md-preview{flex:1;min-height:460px;border:1px solid var(--cinza-200,#e5e7eb);border-radius:8px;background:#E2E6EC}
#tela-modelos-documento .md-editor-rodape{display:flex;align-items:center;gap:14px;margin-top:10px;flex-wrap:wrap}
#tela-modelos-documento .md-aviso{color:#B7791F;font-size:12px}
#tela-modelos-documento .md-novo-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:12px}

/* ---- Parâmetros do Social (tela #tela-social-parametros) — era injetado por social-parametros-ui.js (css-tela-social-parametros) ---- */
#tela-social-parametros{color:var(--cinza-900);font-size:14px}
#tela-social-parametros .subtitulo{color:var(--cinza-600);margin-bottom:18px}
#tela-social-parametros .cartao{background:var(--card);border:1px solid var(--borda);border-radius:var(--raio);box-shadow:var(--sombra);padding:18px;margin-bottom:16px}
#tela-social-parametros .titulo-secao{font-weight:700;font-size:14.5px;margin-bottom:6px}
#tela-social-parametros .secao-ajuda{color:var(--cinza-600);font-size:12.5px;margin:0 0 12px}
#tela-social-parametros input[type=number]{padding:6px 8px;border:1px solid var(--borda);border-radius:8px;font-family:inherit;font-size:13px}

/* Fotos e vídeo do levantamento (levantamentos-midia-ui.js, item 7 do fechamento do Social) */
.lvm-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.lvm-espaco{border:1px solid var(--cinza-200);border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:6px}
.lvm-rotulo{font-weight:600;font-size:13px}
.lvm-estado{font-size:12.5px;min-height:18px;word-break:break-word}
.lvm-vazio{color:var(--cinza-400)}
.lvm-tamanho{color:var(--cinza-400)}
.lvm-andamento{color:var(--indigo,#4f46e5)}
.lvm-escolher{cursor:pointer}