/* Locais da assinatura de cada signatário no envelope (24/10/2026). */
.flow-locais { border: 1px solid #e2e8f0; border-radius: 12px; padding: 10px 12px; background: #fff; }
.flow-locais > summary { cursor: pointer; font-size: 12px; font-weight: 700; color: #334155; }
.flow-locais .locais-barra { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 10px 0; font-size: 12px; color: #475569; }
.flow-locais .locais-barra select { padding: 4px 8px; border: 1px solid #cbd5e1; border-radius: 8px; font: inherit; background: #fff; max-width: 100%; }
.flow-locais .locais-barra button { padding: 4px 10px; border: 1px solid #cbd5e1; border-radius: 8px; background: #fff; font: inherit; cursor: pointer; }
.flow-locais .locais-barra button:disabled { opacity: 0.45; cursor: default; }
.flow-locais .locais-folha { position: relative; max-width: 720px; margin: 0 auto; touch-action: none; cursor: crosshair; user-select: none; box-shadow: 0 1px 6px rgb(15 23 42 / 0.15); }
.flow-locais .locais-folha canvas { display: block; max-width: 100%; height: auto; }
.flow-locais .locais-camada { position: absolute; inset: 0; pointer-events: none; }
.flow-locais .local-caixa { position: absolute; border: 2px solid #4f46e5; border-radius: 4px; font-size: 10px; font-weight: 700; padding: 1px 3px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.flow-locais .local-rascunho { border-style: dashed; background: rgb(79 70 229 / 0.08); }
.flow-locais .locais-lista { list-style: none; margin: 10px 0 0; padding: 0; display: grid; gap: 4px; font-size: 12px; color: #334155; }
.flow-locais .locais-lista li { display: flex; align-items: center; gap: 8px; }
.flow-locais .local-cor { width: 10px; height: 10px; border-radius: 3px; flex: none; }
.flow-locais .local-tirar { margin-left: auto; padding: 2px 8px; border: 1px solid #e2e8f0; border-radius: 6px; background: #fff; font: inherit; font-size: 11px; cursor: pointer; }
.flow-locais .locais-aviso { margin: 6px 0 0; font-size: 12px; color: #64748b; }