/* Sondagens SPT: tela de validação dos dados lidos do laudo e editor manual (DLGSOND).
   Cores de estado: DADO EXTRAÍDO = âmbar (--ac2), EDITADO = azul (--ac), CONFIRMADO = verde (--gr). */
.sd-janela .dlg-corpo.sd-corpo { padding: 12px 16px 14px; }
.sd-dlg { display: flex; flex-direction: column; gap: 8px; min-width: 0; }

/* topo: documento e legenda */
.sd-topo { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.sd-doc { flex: 1; min-width: 260px; color: var(--txm); display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.sd-doc b { color: var(--tx); font-weight: 600; }
.sd-legenda { display: flex; gap: 6px; }
.sd-alerta { border: 1px solid var(--bd); border-left: 3px solid var(--ac2); background: var(--rs); border-radius: 6px; padding: 6px 10px; color: var(--txm); font-size: 12px; }

/* selos de estado */
.sd-chip { display: inline-flex; align-items: center; height: 20px; padding: 0 8px; border-radius: 10px; font-size: 9.5px; font-weight: 600; letter-spacing: .7px; white-space: nowrap; border: 1px solid transparent; }
.sd-ext { color: var(--ac2); background: color-mix(in srgb, var(--ac2) 16%, transparent); border-color: color-mix(in srgb, var(--ac2) 45%, transparent); }
.sd-edt { color: var(--ac); background: color-mix(in srgb, var(--ac) 14%, transparent); border-color: color-mix(in srgb, var(--ac) 45%, transparent); }
.sd-conf { color: var(--gr); background: color-mix(in srgb, var(--gr) 15%, transparent); border-color: color-mix(in srgb, var(--gr) 45%, transparent); }
.sd-pend { color: var(--txm2); border-color: var(--bd); letter-spacing: .2px; font-weight: 500; font-size: 10.5px; }

/* abas dos furos */
.sd-abas { display: flex; gap: 2px; border-bottom: 1px solid var(--bd); overflow-x: auto; flex: none; }
.sd-aba { display: inline-flex; align-items: center; gap: 7px; border: 0; border-bottom: 2px solid transparent; background: transparent; color: var(--txm); padding: 7px 12px; cursor: pointer; font-size: 12.5px; font-weight: 500; white-space: nowrap; }
.sd-aba:hover { color: var(--tx); }
.sd-aba.ativa { color: var(--tx); border-bottom-color: var(--ac2); }
.sd-aba-novo { color: var(--ac); }
.sd-dot { width: 8px; height: 8px; border-radius: 50%; display: inline-block; }
.sd-dot-ext { background: var(--ac2); } .sd-dot-edt { background: var(--ac); } .sd-dot-conf { background: var(--gr); }

/* painel do furo */
.sd-grade { display: grid; grid-template-columns: minmax(0, 1fr) 290px; gap: 14px; align-items: start; }
.sd-esq { min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.sd-dir { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.sd-cab { display: flex; flex-direction: column; gap: 4px; padding: 8px 10px; border: 1px solid var(--bd); border-radius: 8px; background: var(--rs); }
.sd-cab-l1, .sd-cab-l2 { display: flex; align-items: center; gap: 6px 14px; flex-wrap: wrap; }
.sd-f { display: inline-flex; align-items: center; gap: 6px; border-radius: 6px; padding: 1px 3px; }
.sd-f > span { font-size: 12px; color: var(--txm); white-space: nowrap; }
.sd-f > i { font-style: normal; font-family: var(--mono); font-size: 11px; color: var(--txm2); }
.sd-f > small { font-size: 10.5px; color: var(--txm2); }
.sd-f .w-in { height: 28px; }
.sd-f .w-in.num { width: 76px; }
.sd-f .sd-nome { width: 96px; font-weight: 600; }
.sd-f.sd-c-ed .w-in { border-color: var(--ac); }
.sd-chips { display: inline-flex; gap: 5px; margin-left: auto; flex-wrap: wrap; }
.sd-nao { font-size: 12px; }
.sd-fim { font-size: 11.5px; color: var(--txm); display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }

.sd-sec { display: flex; align-items: flex-end; gap: 8px; }
.sd-sec .w-faixa { flex: 1; margin: 8px 0 2px; }
.sd-sec-acoes { padding-bottom: 3px; }
.sd-bt { height: 26px; padding: 0 10px; border: 1px solid var(--bd); border-radius: 6px; background: var(--sf); color: var(--tx); font-size: 11.5px; cursor: pointer; white-space: nowrap; }
.sd-bt:hover:not(:disabled) { border-color: var(--ac); color: var(--ac); }
.sd-bt:disabled { opacity: .45; cursor: default; }
.sd-bt-del { align-self: flex-start; color: var(--red); }
.sd-bt-del:hover:not(:disabled) { border-color: var(--red); color: var(--red); }

/* tabelas */
.sd-tab-wrap { border: 1px solid var(--bd); border-radius: 8px; overflow: auto; background: var(--cvbg); }
.sd-tw-m { max-height: 31vh; }
.sd-tw-c { max-height: 24vh; }
table.sd-tab td { height: 28px; padding: 1px 3px; }
table.sd-tab th { padding: 6px 4px; }
table.sd-tab td input.w-in, table.sd-tab td select.w-in { height: 24px; padding: 0 5px; font-size: 12px; }
table.sd-tab td.n { width: 58px; }
table.sd-tab td.n:nth-child(2) { width: 74px; }
table.sd-tab .sd-pen { width: 58px; font-family: var(--mono); }
table.sd-tab-cam td.sd-desc { width: 44%; min-width: 220px; }
table.sd-tab-cam td select.w-in { min-width: 180px; }
table.sd-tab .sd-mk { width: 4px; padding: 0; }
.sd-r-ext td.sd-mk { background: var(--ac2); }
.sd-r-ed td.sd-mk { background: var(--ac); }
.sd-r-conf td.sd-mk { background: var(--gr); }
table.sd-tab td.sd-c-ed { background: color-mix(in srgb, var(--ac) 13%, transparent); }
table.sd-tab td.sd-c-ed input.w-in, table.sd-tab td.sd-c-ed select.w-in { color: var(--ac); font-weight: 600; }
table.sd-tab td.sd-c-dif { box-shadow: inset 0 -2px 0 var(--ac2); }
table.sd-tab tr:hover td { background: var(--tabhover); }
.sd-inval, table.sd-tab td input.w-in.sd-inval { border-color: var(--red) !important; color: var(--red) !important; }
.sd-vazio { color: var(--txm2); text-align: center; padding: 14px !important; white-space: normal !important; }
.sd-oc, .sd-xc { width: 1%; }
.sd-sug { font-size: 11px; color: var(--txm2); }
.sd-sug .sd-chip { cursor: pointer; letter-spacing: .2px; }
.sd-sug-b { color: var(--ac2); background: transparent; border-color: color-mix(in srgb, var(--ac2) 55%, transparent); font-weight: 500; font-size: 10.5px; }
.sd-sug-b:hover { background: color-mix(in srgb, var(--ac2) 15%, transparent); }
.sd-conf-alta { color: var(--gr); } .sd-conf-media { color: var(--ac2); } .sd-conf-baixa { color: var(--red); } .sd-conf-manual { color: var(--ac); }
.sd-orig { display: inline-flex; align-items: center; gap: 3px; height: 20px; padding: 0 6px; border: 1px solid var(--bd); border-radius: 4px; background: var(--sf); color: var(--txm); font-family: var(--mono); font-size: 10.5px; cursor: pointer; white-space: nowrap; }
.sd-orig:hover { border-color: var(--ac); color: var(--ac); }
.sd-orig em { font-style: normal; font-size: 9px; color: var(--pur); font-weight: 600; }
.sd-orig-dif { border-color: var(--ac2); color: var(--ac2); }
.sd-orig-man { font-size: 10.5px; color: var(--txm2); white-space: nowrap; }
.sd-del { width: 22px; height: 22px; border: 0; border-radius: 4px; background: transparent; color: var(--txm2); font-size: 15px; line-height: 1; cursor: pointer; }
.sd-del:hover { color: var(--red); background: var(--rs); }

/* perfil */
.sd-perfil { border: 1px solid var(--bd); border-radius: 8px; background: var(--cvbg); padding: 6px 6px 4px; }
.sd-perfil-svg { display: block; }
.sd-pf-t { font-size: 9px; fill: var(--txm2); letter-spacing: .4px; }
.sd-pf-z { font-size: 8.5px; fill: var(--txm2); font-family: var(--mono); }
.sd-pf-grade { stroke: var(--rs); stroke-width: 1; }
.sd-pf-cam { stroke: var(--bg); stroke-width: 1; }
.sd-pf-hach { stroke: var(--txm2); stroke-width: 1; opacity: .5; }
.sd-pf-n { font-size: 9px; fill: var(--tx); font-weight: 600; font-family: var(--mono); }
.sd-pf-bar { fill: var(--ac); opacity: .85; }
.sd-pf-bar.ed { fill: var(--pur); }
.sd-pf-v { font-size: 8.5px; fill: var(--tx); font-family: var(--mono); }
.sd-pf-imp { fill: var(--red); }
.sd-pf-na { stroke: #3aa0ff; stroke-width: 1.2; stroke-dasharray: 4 3; }
.sd-pf-na-t { fill: #3aa0ff; }
.sd-pf-na-l { font-size: 9px; fill: #3aa0ff; font-weight: 600; }
html.light .sd-pf-na { stroke: #0b6fd6; } html.light .sd-pf-na-t { fill: #0b6fd6; } html.light .sd-pf-na-l { fill: #0b6fd6; }
.sd-pf-imp-l { stroke: var(--red); stroke-width: 2; }
.sd-pf-leg { display: flex; flex-wrap: wrap; gap: 3px 10px; font-size: 10px; color: var(--txm); padding: 4px 2px 0; }
.sd-pf-leg span { display: inline-flex; align-items: center; gap: 4px; }
.sd-pf-leg i { width: 10px; height: 10px; border-radius: 2px; display: inline-block; opacity: .8; }

/* listas e blocos recolhíveis */
.sd-lista { margin: 2px 0 4px; padding-left: 16px; font-size: 11.5px; line-height: 1.45; color: var(--txm); user-select: text; }
.sd-lista li { margin: 2px 0; }
.sd-incons li::marker { color: var(--ac2); }
.sd-hist small { color: var(--txm2); }
.sd-ok { font-size: 11.5px; color: var(--gr); }
.sd-det > summary { cursor: pointer; font-size: 11.5px; color: var(--txm); padding: 3px 0; user-select: none; }
.sd-det > summary:hover { color: var(--tx); }
.sd-det[open] > summary { color: var(--tx); }
.sd-avisos { border: 1px solid var(--bd); border-radius: 6px; padding: 2px 10px; }
.sd-orig-info { font-size: 11px; color: var(--txm2); }
.sd-ia, .sd-texto { border-top: 1px solid var(--bd); padding-top: 4px; }
.sd-ia-corpo { display: flex; flex-direction: column; gap: 6px; padding: 4px 0 6px; }
.sd-ia-l { display: flex; align-items: center; gap: 8px 14px; flex-wrap: wrap; }
.sd-ia-st { font-size: 11.5px; color: var(--txm); }
.sd-pg { margin: 4px 0 8px; font-size: 11.5px; color: var(--txm); }
.sd-pg pre { margin: 3px 0 0; max-height: 220px; overflow: auto; background: var(--bg); border: 1px solid var(--bd); border-radius: 6px; padding: 6px 8px; font: 11px/1.4 var(--mono); color: var(--tx); white-space: pre-wrap; user-select: text; }

/* progresso e erro da importação */
.sd-prog { display: flex; flex-direction: column; gap: 8px; }
.sd-prog-barra { height: 8px; border-radius: 4px; background: var(--rs); overflow: hidden; }
.sd-prog-barra i { display: block; height: 100%; background: var(--ac); border-radius: 4px; transition: width .2s; }
.sd-prog-txt { font-size: 12px; color: var(--tx); min-height: 18px; }
.sd-erro p { margin: 6px 0; line-height: 1.5; user-select: text; }

/* origem de um dado */
.sd-origem { display: flex; flex-direction: column; gap: 8px; }
.sd-orig-cab { display: flex; gap: 16px; flex-wrap: wrap; font-size: 12px; color: var(--txm); }
.sd-orig-cab b { color: var(--tx); }
.sd-trecho { font-family: var(--mono); font-size: 12px; background: var(--bg); border: 1px solid var(--bd); border-left: 3px solid var(--ac2); border-radius: 6px; padding: 6px 10px; user-select: text; white-space: pre-wrap; }
.sd-orig-nav { display: flex; align-items: center; gap: 10px; }
.sd-orig-pn { font-size: 12px; color: var(--txm); }
.sd-pagina { max-height: 62vh; overflow: auto; border: 1px solid var(--bd); border-radius: 8px; background: #fff; }
.sd-pagina > .nota { padding: 14px; background: var(--sf); }
.sd-pg-img { position: relative; }
.sd-pg-cv { display: block; width: 100%; height: auto; }
.sd-marca { position: absolute; left: 0; right: 0; height: 3%; background: rgba(238,177,43,.28); border: 2px solid #eeb12b; border-radius: 3px; pointer-events: none; }

@media (max-width: 900px) {
  .sd-grade { grid-template-columns: minmax(0, 1fr); }
}