/* Shared presentation for affiliation and member data updates. */
.filiacao-layout .filiacao-card { width: 100%; max-width: 1100px; margin: 0 auto 24px; border: 1px solid #e2e8f0; border-radius: 16px; background: #fff; box-shadow: none; color: #24354b; }
.filiacao-layout .filiacao-card > .card-content { padding: 28px !important; }
.filiacao-layout .filiacao-card > .card-content > .card-title { margin-bottom: 22px; text-align: left; }
.filiacao-layout .filiacao-contexto { display: block; margin-bottom: 8px; color: #63738a; font-size: 11px; font-weight: 700; letter-spacing: 1px; }
.filiacao-layout .filiacao-card .card-title-titulo-custom { height: auto; margin: 0 0 10px; color: #24354b; font-size: 26px; font-weight: 600; line-height: 1.3; }
.filiacao-layout .filiacao-card .card-title-subtitulo-custom { margin: 0; color: #63738a; font-size: 14px; line-height: 1.6; }
.filiacao-layout .wizard_cadastro_filiado { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 24px; padding: 0; list-style: none; }
.filiacao-layout .wizard_cadastro_filiado::before, .filiacao-layout .wizard_cadastro_filiado::after { display: none; }
.filiacao-layout .wizard_cadastro_filiado > li { flex: 1 1 140px; min-width: 0; float: none; margin: 0 !important; }
.filiacao-layout .wizard_cadastro_filiado > li > a { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; height: 100%; min-height: 80px; margin: 0 !important; padding: 12px 8px; border: 1px solid #dce5f0; border-radius: 10px; background: #f8fafc; color: #52647a; font-size: 12px; font-weight: 600; line-height: 1.4; text-align: center; text-decoration: none; overflow-wrap: anywhere; }
.filiacao-layout .wizard_cadastro_filiado a > br { display: none; }
.filiacao-layout .wizard_cadastro_filiado a > i { font-size: 24px; }
.filiacao-layout .wizard_cadastro_filiado > li > a:hover { background: #eef5ff; border-color: #b7d0ef; }
.filiacao-layout .wizard_cadastro_filiado > li.active > a { background: #eef5ff; border-color: #1565c0; color: #1565c0; box-shadow: inset 0 -2px #1565c0; }
.filiacao-layout .wizard_cadastro_filiado > li.has-tab-error > a { background: #fff5f5; border-color: #b71c1c; color: #b71c1c; }
.filiacao-layout .wizard_cadastro_filiado .tab-error-indicator { font-size: 18px; }
.filiacao-layout .wizard_cadastro_filiado + hr { display: none; }
.filiacao-layout .filiacao-card .panel-primary { margin-bottom: 20px; border: 1px solid #e2e8f0; border-radius: 12px; box-shadow: none; }
.filiacao-layout .filiacao-card .panel-primary > .panel-heading { padding: 16px 20px; border: 0; border-bottom: 1px solid #e2e8f0; border-radius: 12px 12px 0 0; background: #f5f8fc; color: #24354b; }
.filiacao-layout .filiacao-card .panel-title { font-size: 16px; font-weight: 600; line-height: 1.5; }
.filiacao-layout .filiacao-card .panel-primary > .panel-body { padding: 20px !important; }
.filiacao-layout .filiacao-card .row-form, .filiacao-layout .row-form_dados_pessoais { margin-bottom: 16px; }
.filiacao-layout .filiacao-card .panel-body .row > [class*="col-"] { min-width: 0; margin-bottom: 12px; overflow-wrap: anywhere; }
.filiacao-layout .filiacao-card label { margin-bottom: 7px; color: #41536b; font-size: 13px; font-weight: 600; line-height: 1.5; }
.filiacao-layout .filiacao-card input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]),
.filiacao-layout .filiacao-card select:not(.select2-hidden-accessible), .filiacao-layout .filiacao-card textarea { width: 100%; max-width: 100%; min-width: 0; height: 44px; margin: 0; padding: 10px 12px; border: 1px solid #cbd5e1; border-radius: 8px; background: #fff; color: #24354b; font-family: inherit; font-size: 14px; box-shadow: none; box-sizing: border-box; }
.filiacao-layout .filiacao-card textarea { height: 100px; min-height: 90px; resize: vertical; }
.filiacao-layout .filiacao-card input:focus:not([type="hidden"]), .filiacao-layout .filiacao-card select:focus, .filiacao-layout .filiacao-card textarea:focus { outline: none; border-color: #1565c0; box-shadow: 0 0 0 3px #e5effc; }
.filiacao-layout .filiacao-card input[readonly], .filiacao-layout .filiacao-card input:disabled { background: #f1f5f9 !important; color: #63738a; }
.filiacao-layout .filiacao-card input[type="checkbox"], .filiacao-layout .filiacao-card input[type="radio"] { width: auto; height: auto; min-height: 0; box-shadow: none; }
.filiacao-layout .filiacao-card .filiacao-pcd-opcao { display: flex; align-items: center; gap: 10px; min-height: 46px; margin: 0; padding: 0; cursor: pointer; }
.filiacao-layout .filiacao-card .filiacao-pcd-opcao input[type="checkbox"] { position: static; flex: 0 0 20px; width: 20px !important; height: 20px !important; min-height: 20px; margin: 0 !important; padding: 0 !important; opacity: 1; pointer-events: auto; appearance: auto; -webkit-appearance: checkbox; accent-color: #1565c0; }
.filiacao-layout .filiacao-card .filiacao-pcd-opcao input[type="checkbox"]:focus-visible { outline: 2px solid #1565c0; outline-offset: 3px; }
@media (min-width: 992px) {
    .filiacao-layout .filiacao-card .filiacao-pcd { padding-top: 26.5px; }
}
.filiacao-layout .filiacao-card input[type="file"] { display: block; width: 100%; max-width: 100%; min-width: 0; height: auto; min-height: 44px; padding: 8px; border: 1px dashed #b8c9de; border-radius: 8px; background: #f8fafc; font-size: 12px; box-sizing: border-box; }
.filiacao-layout .filiacao-card input[type="file"]::file-selector-button { margin-right: 8px; padding: 6px 8px; border: 0; border-radius: 5px; background: #eaf2ff; color: #1565c0; cursor: pointer; }
.filiacao-layout .filiacao-card .select2-container { max-width: 100%; width: 100% !important; min-width: 0; }
.filiacao-layout .filiacao-card .select2-selection { min-height: 44px; border: 1px solid #cbd5e1; border-radius: 8px; background: #fff; box-shadow: none; }
.filiacao-layout .filiacao-card .select2-selection--single .select2-selection__rendered { padding: 7px 28px 7px 12px; color: #24354b; font-size: 14px; line-height: 28px; }
.filiacao-layout .filiacao-card .select2-selection__arrow { height: 42px; }
.filiacao-layout .filiacao-card .select2-container--focus .select2-selection { border-color: #1565c0; box-shadow: 0 0 0 3px #e5effc; }
.filiacao-layout .filiacao-card .help-block { margin: 6px 0 0; font-size: 12px; line-height: 1.5; }
.filiacao-layout .filiacao-card .errorlist { margin: 6px 0; padding-left: 18px; color: #b71c1c; font-size: 12px; line-height: 1.5; }
.filiacao-layout .filiacao-card .alert, .filiacao-layout .filiacao-card p.amber { padding: 14px 16px !important; border-radius: 10px; font-size: 13px !important; line-height: 1.6 !important; overflow-wrap: anywhere; }
.filiacao-layout .filiacao-card p.amber { border: 1px solid #f0dfb3; background: #fffaf0 !important; color: #75551a !important; }
.filiacao-layout .filiacao-card .btn:not(.btn-floating) { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; height: auto; max-width: 100%; padding: 10px 16px; border-radius: 9px; font-size: 13px; font-weight: 600; line-height: 1.4; white-space: normal; text-transform: none; text-decoration: none; box-shadow: none; }
.filiacao-layout .filiacao-card .btn:not(.btn-floating) i { flex-shrink: 0; margin: 0 !important; font-size: 20px; line-height: 1; }
.filiacao-layout .filiacao-card .btn-primary, .filiacao-layout .filiacao-card .btn-success { background: #1565c0; color: #fff; }
.filiacao-layout .filiacao-card .btn-info { border: 1px solid #dce5f0; background: #f8fafc; color: #41536b; }
.filiacao-layout .filiacao-card a:focus-visible, .filiacao-layout .filiacao-card button:focus-visible { outline: 3px solid #1565c0; outline-offset: 2px; }
.filiacao-layout .filiacao-navegacao { margin-top: 22px; padding-top: 18px; border-top: 1px solid #e2e8f0; }
.filiacao-layout .filiacao-navegacao > hr { display: none; }
.filiacao-layout .filiacao-navegacao .panel, .filiacao-layout .filiacao-navegacao .panel-body { margin: 0; padding: 0; border: 0; box-shadow: none; }
.filiacao-layout .filiacao-navegacao .row { margin-top: 0 !important; margin-bottom: 0; }
.filiacao-layout .filiacao-navegacao .col-lg-12 { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; }
.filiacao-layout .filiacao-navegacao .btn { float: none !important; }
.filiacao-layout .filiacao-card .cadastro-dependente-formset { margin: 16px 0 !important; padding: 18px !important; border: 1px solid #dce5f0; border-radius: 12px; background: #f8fafc; box-shadow: none; }
.filiacao-layout .filiacao-card .btn_inline_add { margin-top: 12px; background: #eef5ff !important; color: #1565c0 !important; }
.filiacao-layout .filiacao-card img[id^="id_preview_foto"] { max-width: 100%; border: 1px solid #e2e8f0; border-radius: 12px; object-fit: contain; background: #f5f8fc; }
.filiacao-layout .filiacao-card img[id^="id_preview_foto"][src=""] { visibility: hidden; }
@media (max-width: 767px) {
    /* Remove the empty photo column from the stacked personal-data fields. */
    .filiacao-layout .filiacao-card .row-form > [class*="col-"]:has(> #id_preview_foto[src=""]) { display: none; }
}
.filiacao-layout .filiacao-card .table { font-size: 13px; }
.filiacao-layout .filiacao-card .table > thead > tr > th { padding: 12px; border-color: #e2e8f0; background: #f5f8fc; color: #52647a; }
.filiacao-layout .filiacao-card .table td { padding: 12px; border-color: #e2e8f0; vertical-align: top; overflow-wrap: anywhere; }
.filiacao-layout .filiacao-anexos { width: 100%; table-layout: fixed; }
.filiacao-layout #id_modal_cadastro_filiado_termo .modal-dialog, .filiacao-layout #id_modal_foto .modal-dialog { width: calc(100% - 24px) !important; max-width: 760px; margin: 12px auto; }
.filiacao-layout #id_modal_cadastro_filiado_termo .modal-content, .filiacao-layout #id_modal_foto .modal-content { display: flex; flex-direction: column; max-height: calc(100vh - 24px) !important; padding: 0; border: 0; border-radius: 16px; overflow: hidden; background: #fff; }
.filiacao-layout #id_modal_cadastro_filiado_termo .modal-header, .filiacao-layout #id_modal_foto .modal-header { flex-shrink: 0; padding: 18px 20px; border-bottom: 1px solid #e2e8f0; background: #fff; }
.filiacao-layout #id_modal_cadastro_filiado_termo .modal-title, .filiacao-layout #id_modal_foto h5 { margin: 0; font-size: 18px; font-weight: 600; }
.filiacao-layout #id_modal_cadastro_filiado_termo .modal-body, .filiacao-layout #id_modal_foto .modal-body { flex: 1 1 auto; min-height: 0; padding: 20px !important; overflow: auto; font-size: 14px; line-height: 1.6; overflow-wrap: anywhere; }
.filiacao-layout #id_modal_cadastro_filiado_termo .modal-body img, .filiacao-layout #id_modal_foto img, .filiacao-layout #id_modal_foto video { max-width: 100%; height: auto; }
.filiacao-layout #id_modal_foto #canvas { margin-left: 0 !important; }
.filiacao-layout #id_modal_cadastro_filiado_termo .modal-footer, .filiacao-layout #id_modal_foto .modal-footer { display: flex; flex-wrap: wrap; justify-content: flex-end; flex-shrink: 0; gap: 10px; padding: 16px 20px; border-top: 1px solid #e2e8f0; background: #f8fafc; }
.filiacao-layout #id_modal_cadastro_filiado_termo .modal-footer::before, .filiacao-layout #id_modal_cadastro_filiado_termo .modal-footer::after, .filiacao-layout #id_modal_foto .modal-footer::before, .filiacao-layout #id_modal_foto .modal-footer::after { display: none; }
.filiacao-layout #id_modal_cadastro_filiado_termo .modal-footer .btn, .filiacao-layout #id_modal_foto .modal-footer .btn { float: none !important; min-height: 44px; height: auto; margin: 0 !important; padding: 10px 16px; border-radius: 8px; font-size: 13px; line-height: 1.4; white-space: normal; text-transform: none; }
@media (max-width: 767px) {
    .filiacao-layout .filiacao-card > .card-content { padding: 20px 14px !important; }
    .filiacao-layout .filiacao-card .card-title-titulo-custom { font-size: 22px; }
    .filiacao-layout .wizard_cadastro_filiado > li { flex-basis: calc(50% - 8px); }
    .filiacao-layout .wizard_cadastro_filiado > li > a { min-height: 72px; font-size: 11px; }
    .filiacao-layout .filiacao-card .panel-primary > .panel-heading, .filiacao-layout .filiacao-card .panel-primary > .panel-body { padding: 14px !important; }
    .filiacao-layout .filiacao-card input:not([type="hidden"]), .filiacao-layout .filiacao-card select, .filiacao-layout .filiacao-card textarea { font-size: 16px; }
    .filiacao-layout .filiacao-card .cadastro-dependente-formset { padding: 14px !important; }
    .filiacao-layout .filiacao-anexos, .filiacao-layout .filiacao-anexos tbody { display: block; min-width: 0; border: 0; }
    .filiacao-layout .filiacao-anexos thead { display: none; }
    .filiacao-layout .filiacao-anexos tr.anexo-formset { display: block; margin-bottom: 14px; padding: 6px; border: 1px solid #e2e8f0; border-radius: 10px; background: #f8fafc; }
    .filiacao-layout .filiacao-anexos tr.anexo-formset > td { display: block; width: 100%; min-width: 0; padding: 8px; border: 0; }
    .filiacao-layout .filiacao-anexos td[data-label]::before { content: attr(data-label); display: block; margin-bottom: 6px; color: #41536b; font-size: 12px; font-weight: 600; }
    .filiacao-layout #id_modal_cadastro_filiado_termo .modal-footer, .filiacao-layout #id_modal_foto .modal-footer { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 419px) {
    .filiacao-layout .filiacao-navegacao .btn { width: 100%; }
    .filiacao-layout #id_modal_foto .modal-body .row > div { width: 100%; margin-bottom: 12px; }
}

/* Attachment formsets keep their table markup for the existing add/remove plugin. */
.filiacao-layout .filiacao-card .filiacao-anexos { display: block; width: 100%; border: 0; background: transparent; }
.filiacao-layout .filiacao-anexos > thead { display: none; }
.filiacao-layout .filiacao-anexos > tbody { display: block; width: 100%; }
.filiacao-layout .filiacao-anexos tr.anexo-formset { display: grid; grid-template-columns: minmax(180px, 1fr) minmax(0, 1.6fr) 100px; align-items: start; gap: 16px; margin-bottom: 14px; padding: 18px; border: 1px solid #dce5f0; border-radius: 12px; background: #f8fafc; }
.filiacao-layout .filiacao-card .filiacao-anexos tr.anexo-formset > td { display: block; width: auto; min-width: 0; padding: 0; border: 0; background: transparent; }
.filiacao-layout .filiacao-anexos td[data-label]::before { content: attr(data-label); display: block; margin-bottom: 8px; color: #41536b; font-size: 12px; font-weight: 600; line-height: 18px; }
.filiacao-layout .filiacao-card .filiacao-anexos input[type="file"] { min-height: 44px; padding: 7px; border: 1px dashed #b8c9de; background: #fff; color: #52647a; font-size: 12px; }
.filiacao-layout .filiacao-card .filiacao-anexos .delete-row { float: none !important; width: 100%; min-height: 44px; margin: 0; padding: 10px; border: 1px solid #efcaca; background: #fff5f5 !important; color: #b71c1c !important; }
.filiacao-layout .filiacao-card .filiacao-anexos .delete-row:hover { background: #fde7e7 !important; }
.filiacao-layout .filiacao-anexos tr:not(.anexo-formset) { display: block; }
.filiacao-layout .filiacao-card .filiacao-anexos tr:not(.anexo-formset) > td { display: block; width: 100%; padding: 0; border: 0; background: transparent; }
.filiacao-layout .filiacao-card .filiacao-anexos .add-row { width: auto; margin: 0; padding: 10px 16px; border: 1px dashed #b7d0ef; }
.filiacao-layout .filiacao-anexos .add-row::before { content: '+'; font-size: 22px; font-weight: 400; line-height: 1; }
@media (max-width: 767px) {
    .filiacao-layout .filiacao-anexos tr.anexo-formset { grid-template-columns: minmax(0, 1fr); gap: 14px; padding: 14px; }
    .filiacao-layout .filiacao-anexos tr.anexo-formset > td:last-child { padding-top: 12px; border-top: 1px solid #e2e8f0; }
    .filiacao-layout .filiacao-card .filiacao-anexos .delete-row { width: auto; min-width: 100px; }
    .filiacao-layout .filiacao-card .filiacao-anexos .add-row { width: 100%; }
}

.filiacao-layout #id_modal_foto .modal-header p { margin: 8px 0 0; color: #63738a; font-size: 13px; line-height: 1.5; }
.filiacao-layout #id_modal_foto .selfie-instrucao { display: flex; align-items: flex-start; gap: 10px; margin: 0 0 18px; padding: 12px 14px; border: 1px solid #d5e5fa; border-radius: 10px; background: #eef5ff; color: #41536b; font-size: 13px; line-height: 1.6; }
.filiacao-layout #id_modal_foto .selfie-instrucao > i { flex-shrink: 0; color: #1565c0; font-size: 22px; }
.filiacao-layout #id_modal_foto .selfie-paineis { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.filiacao-layout #id_modal_foto .selfie-painel { min-width: 0; padding: 14px; border: 1px solid #e2e8f0; border-radius: 12px; background: #fff; }
.filiacao-layout #id_modal_foto .selfie-painel h3 { display: flex; align-items: center; gap: 8px; margin: 0 0 12px; color: #41536b; font-size: 14px; font-weight: 600; }
.filiacao-layout #id_modal_foto .selfie-painel h3 i { color: #7890aa; font-size: 21px; }
.filiacao-layout #id_modal_foto .selfie-quadro { position: relative; display: flex; align-items: center; justify-content: center; min-height: 190px; border-radius: 10px; background: #f1f5f9; overflow: hidden; }
.filiacao-layout #id_modal_foto .selfie-placeholder { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; padding: 16px; color: #63738a; font-size: 12px; line-height: 1.5; text-align: center; }
.filiacao-layout #id_modal_foto .selfie-placeholder i { font-size: 36px; color: #91a5bf; }
.filiacao-layout #id_modal_foto #my_camera { position: relative; z-index: 1; max-width: 100%; }
.filiacao-layout #id_modal_foto #canvas { position: relative; z-index: 1; display: block; width: 100%; max-height: 240px; object-fit: contain; background: #f1f5f9; }
.filiacao-layout #id_modal_foto #canvas:not([src]), .filiacao-layout #id_modal_foto #canvas[src=""] { display: none; }
.filiacao-layout #id_modal_foto .modal-footer .btn { align-items: center; justify-content: center; gap: 8px; border: 1px solid #dce5f0; box-shadow: none; }
.filiacao-layout #id_modal_foto .modal-footer .btn i { margin-right: 6px; font-size: 19px; vertical-align: middle; }
.filiacao-layout #id_modal_foto #id_btn_cancelar_foto { margin-right: auto !important; background: #fff; color: #41536b; }
.filiacao-layout #id_modal_foto #snap { background: #1565c0; color: #fff; }
.filiacao-layout #id_modal_foto #id_btn_confirmar_foto { background: #26764c; color: #fff; }
.filiacao-layout #id_modal_foto button:focus-visible { outline: 3px solid #1565c0; outline-offset: 2px; }
@media (max-width: 575px) {
    .filiacao-layout #id_modal_foto .selfie-paineis { grid-template-columns: minmax(0, 1fr); }
    .filiacao-layout #id_modal_foto .selfie-quadro { min-height: 160px; }
    .filiacao-layout #id_modal_foto #id_btn_cancelar_foto { width: 100%; }
}

/* Normalize legacy widget sizing and preserve the required-field indicators. */
.filiacao-layout .filiacao-card input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not(.select2-search__field),
.filiacao-layout .filiacao-card select:not(.select2-hidden-accessible) { height: 46px !important; min-height: 46px; padding: 10px 12px !important; font-size: 14px; line-height: 24px; border-radius: 9px; }
.filiacao-layout .filiacao-card label.campo_obrigatorio_nao_preenchido_label { color: #d32f2f !important; }
.filiacao-layout .filiacao-card .campo_obrigatorio_nao_preenchido,
.filiacao-layout .filiacao-card .campo_obrigatorio_nao_preenchido_select { border: 1px solid #d32f2f !important; box-shadow: none; }
.filiacao-layout .filiacao-card input::placeholder, .filiacao-layout .filiacao-card textarea::placeholder { color: #78879a; opacity: 1; }
.filiacao-layout .filiacao-card input:focus:not([type="hidden"]),
.filiacao-layout .filiacao-card select:focus, .filiacao-layout .filiacao-card textarea:focus { border-color: #1565c0 !important; box-shadow: 0 0 0 3px #e5effc !important; }
.filiacao-layout .filiacao-card .select2-selection--single { height: 46px !important; min-height: 46px; border-radius: 9px; }
.filiacao-layout .filiacao-card .select2-selection--single .select2-selection__rendered { padding: 8px 32px 8px 12px; line-height: 28px; }
.filiacao-layout .filiacao-card .select2-selection__arrow { height: 44px; }
.filiacao-layout .filiacao-card .select2-container--focus .select2-selection,
.filiacao-layout .filiacao-card .select2-container--open .select2-selection { border-color: #1565c0 !important; box-shadow: 0 0 0 3px #e5effc; }
.filiacao-layout .filiacao-card .input-append, .filiacao-layout .filiacao-card .input-group { display: flex; align-items: stretch; width: 100%; }
.filiacao-layout .filiacao-card .input-append > input, .filiacao-layout .filiacao-card .input-group > input { flex: 1; min-width: 0; }
.filiacao-layout .filiacao-card .input-append .add-on, .filiacao-layout .filiacao-card .input-group-addon { display: flex; align-items: center; justify-content: center; width: 40px; height: auto; min-height: 46px; padding: 8px; border: 1px solid #cbd5e1; border-left: 0; border-radius: 0 9px 9px 0; background: #f5f8fc; color: #63738a; box-sizing: border-box; }
.filiacao-layout .filiacao-card .has-error input, .filiacao-layout .filiacao-card .has-error select,
.filiacao-layout .filiacao-card [aria-invalid="true"],
.filiacao-layout .filiacao-card div:has(> .help-block .errorlist) > input,
.filiacao-layout .filiacao-card div:has(> .help-block .errorlist) > select,
.filiacao-layout .filiacao-card div:has(> .help-block .errorlist) .select2-selection { border-color: #b71c1c !important; }
@media (max-width: 767px) {
    .filiacao-layout .filiacao-card input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not(.select2-search__field),
    .filiacao-layout .filiacao-card select:not(.select2-hidden-accessible) { font-size: 16px; }
}

/* Required indicators belong to labels, not Select2/widget containers. */
.filiacao-layout .filiacao-card .form-horizontal .required:not(label)::after { content: none; display: none; }