/* Interface própria da Ordem de Serviço — specs.md §6. A base (barra, botões, layout, campos, pendências, prévia,
   avisos e diálogos) vem do kit: ../../compartilhado/css/ui.css. */

.os-fontes { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 14px; }
.os-livre { margin: -6px 0 14px; }
.os-extenso { margin: -8px 0 12px; font-style: italic; }
.os-pl-aviso { color: var(--ui-warning); }
.os-obs-acoes { display: flex; justify-content: flex-end; margin-top: 4px; }

/* Diálogo de importação (como o da Planilha de Demanda): janela de altura fixa, o texto ocupa o espaço livre e
   encolhe quando o resumo aparece */
dialog.os-dlg-importar { width: min(960px, calc(100vw - 32px)); height: min(820px, calc(100vh - 32px)); max-height: none; }
.os-dlg-importar .dialog { height: 100%; box-sizing: border-box; }
.os-imp-texto { width: 100%; box-sizing: border-box; font-family: Consolas, 'Courier New', monospace; font-size: 12px;
                flex: 1 1 auto; min-height: 120px; resize: none; }
.os-imp-resumo { flex: 0 1 auto; min-height: 80px; border: 1px solid var(--uern-line); border-radius: 4px; padding: 10px 12px;
                 font-size: 13px; max-height: 280px; overflow: auto; }
.os-imp-resumo dl { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 2px 12px; margin: 0 0 8px; }
.os-imp-resumo dt { color: var(--uern-ink-3); }
.os-imp-resumo dd { margin: 0; font-weight: 600; overflow-wrap: anywhere; }
.os-imp-resumo h3 { font-size: 12px; letter-spacing: .06em; text-transform: uppercase; margin: 10px 0 4px; }
.os-imp-resumo ul { margin: 0; padding-left: 18px; }
.os-imp-resumo .is-erro { color: var(--ui-danger); }
.os-imp-resumo .is-aviso { color: var(--ui-warning); }
.os-imp-erro { color: var(--ui-danger); font-weight: 600; }

#dlg-formato { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
#dlg-formato .seg span { display: flex; justify-content: center; width: 100%; text-align: center; white-space: normal; }