/* responder.php */
:root {
    --external-max-width: 1320px;
    --external-gutter-x: 24px;
    --external-gutter-x-mobile: 12px;
    --external-field-height: 46px;
    --external-field-radius: 10px;
    --external-card-radius: 12px;
    --external-border-color: #d9e0ec;
    --external-border-color-focus: #4f8cff;
    --external-text-color: #232c3e;
    --external-muted-color: #6b768d;
}

#kt_footer,
#kt_footer_bar,
#kt_footer_bar_in {
    position: fixed !important;
    z-index: 980 !important;
}

.grecaptcha-badge {
    z-index: 1000 !important;
    bottom: 72px !important;
}

.with-footer-bar {
    padding-bottom: 120px;
}

#kt_header .container,
#kt_subheader .container,
#kt_content .container,
#kt_footer .container {
    max-width: var(--external-max-width);
    width: 100%;
    padding-left: var(--external-gutter-x);
    padding-right: var(--external-gutter-x);
}

.select2-container--open,
.select2-dropdown,
.bootstrap-select .dropdown-menu {
    z-index: 1060 !important;
}

#kt_header,
#kt_header_mobile,
#kt_subheader {
    z-index: 1100 !important;
}

#kt_content .datepicker,
#kt_content .datepicker-dropdown,
.datepicker.datepicker-dropdown {
    z-index: 900 !important;
}

.pergunta.conteudo_errado,
.pergunta.conteudo_errado .pergunta-title,
.pergunta.conteudo_errado .pergunta-title *,
.pergunta.conteudo_errado .mensagem {
    color: #f4516c !important;
}

.pergunta.conteudo_certo,
.pergunta.conteudo_certo .pergunta-title,
.pergunta.conteudo_certo .pergunta-title *,
.pergunta.conteudo_certo .mensagem {
    color: #34bfa3 !important;
}

#kt_content .form_questao {
    position: relative;
}

#kt_content .form_questao.erro-validacao {
    border-color: #f3beca;
    background: #fffafb;
}

#kt_content .form_questao.erro-validacao::after {
    content: "";
    position: absolute;
    left: 8px;
    top: 8px;
    bottom: 8px;
    width: 4px;
    border-radius: 999px;
    background: #e74f74;
    pointer-events: none;
}

#kt_content .card.card-custom {
    border: 1px solid #e3e8f2;
    border-radius: var(--external-card-radius);
    box-shadow: 0 1px 2px rgba(17, 24, 39, 0.03);
}

#kt_content a,
#kt_content button,
#kt_content .btn,
#kt_footer_bar a,
#kt_footer_bar button,
#kt_footer_bar .btn {
    touch-action: manipulation;
}

#kt_content a:focus-visible,
#kt_content button:focus-visible,
#kt_content .btn:focus-visible,
#kt_content input:not([type="hidden"]):focus-visible,
#kt_content select:focus-visible,
#kt_content textarea:focus-visible,
#kt_content [tabindex]:focus-visible,
#kt_footer_bar a:focus-visible,
#kt_footer_bar button:focus-visible,
#kt_footer_bar .btn:focus-visible {
    outline: 3px solid rgba(79, 140, 255, 0.72) !important;
    outline-offset: 2px !important;
    box-shadow: 0 0 0 4px rgba(79, 140, 255, 0.14) !important;
}

#kt_content .btn,
#kt_content button,
#kt_content input[type="button"],
#kt_content input[type="submit"],
#kt_footer_bar .btn,
#kt_footer_bar button {
    min-height: 44px;
}

#kt_content input[type="checkbox"],
#kt_content input[type="radio"] {
    min-width: 18px;
    min-height: 18px;
}

#kt_content .modal .close:focus-visible,
#kt_content .external-question-help-trigger:focus-visible,
#kt_content .external-support-modal__nav-link:focus-visible,
#kt_content .external-block-nav__item:focus-visible,
#kt_content .external-pending-link:focus-visible,
#kt_content .external-repetition-head:focus-visible,
#kt_content .external-repetition-group__action:focus-visible,
#kt_content .external-access-modes__btn:focus-visible,
#kt_content .external-channel-choice__btn:focus-visible,
#kt_content .links-ordenacao-btn:focus-visible,
#kt_content .btn-abrir-formulario:focus-visible,
#kt_content .external-result-card__btn:focus-visible,
#kt_content .imagem-action-btn:focus-visible,
#kt_content .imagem-legenda-btn:focus-visible,
#kt_content .external-upload-zone:focus-visible {
    outline: 3px solid rgba(79, 140, 255, 0.78) !important;
    outline-offset: 2px !important;
    box-shadow: 0 0 0 4px rgba(79, 140, 255, 0.16) !important;
}

#kt_content .external-question-title,
#kt_content .external-block-title,
#kt_content .links-recebidos-card-body,
#kt_content .estado-fluxo-descricao,
#kt_content .external-result-card__text,
#kt_content .external-pending-link__title {
    overflow-wrap: anywhere;
}

#kt_content .external-form-card {
    padding: 14px 18px;
}

#kt_content .external-form-footer-col {
    padding: 0 20px;
}

#kt_content .external-form-card .row {
    margin-left: -10px;
    margin-right: -10px;
}

#kt_content .external-form-card .row > [class*="col-"] {
    padding-left: 10px;
    padding-right: 10px;
}

#kt_content .form_questao {
    background: #fff;
    border: 1px solid #edf1f7;
    border-radius: var(--external-card-radius);
    padding: 14px 12px;
    margin-bottom: 12px;
}

#kt_content .pergunta .pergunta-title {
    display: block;
    color: #1f2940;
    font-weight: 600;
}

#kt_content .pergunta .mensagem {
    display: inline-block;
    margin-left: 6px;
    font-size: 12px;
    font-weight: 600;
}

#kt_content .external-question-help {
    padding: 8px 0 12px;
    color: var(--external-muted-color);
    line-height: 1.5;
}

#kt_content .form-group {
    margin-bottom: 16px;
}

#kt_content .form-group > label {
    margin-bottom: 6px;
    font-size: 13px;
    font-weight: 600;
    color: #566179;
}

#kt_content .help-block {
    margin-top: 6px;
    font-size: 12px;
    color: #f4516c;
}

#kt_content .form-control,
#kt_content .m-input,
#kt_content .bootstrap-select > .dropdown-toggle,
#kt_content .select2-container--default .select2-selection--single,
#kt_content .select2-container--default .select2-selection--multiple {
    min-height: var(--external-field-height);
    height: var(--external-field-height);
    border-radius: var(--external-field-radius);
    border-color: var(--external-border-color);
    color: var(--external-text-color);
    font-size: 15px;
    box-shadow: none;
    transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}

#kt_content textarea.form-control,
#kt_content textarea.m-input {
    min-height: 108px;
    height: auto;
    border-radius: var(--external-field-radius);
    padding-top: 11px;
    padding-bottom: 11px;
}

#kt_content .form-control::placeholder,
#kt_content .m-input::placeholder {
    color: #9ba5ba;
}

#kt_content .form-control:focus,
#kt_content .m-input:focus,
#kt_content .bootstrap-select > .dropdown-toggle:focus,
#kt_content .select2-container--default.select2-container--focus .select2-selection--single,
#kt_content .select2-container--default.select2-container--open .select2-selection--single {
    border-color: var(--external-border-color-focus) !important;
    box-shadow: 0 0 0 3px rgba(79, 140, 255, 0.14) !important;
}

#kt_content .form-group.has-error .form-control,
#kt_content .form-group.has-error .m-input {
    border-color: #f4516c;
}

#kt_content .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: calc(var(--external-field-height) - 2px);
    padding-left: 14px;
    color: var(--external-text-color);
}

#kt_content .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: calc(var(--external-field-height) - 2px);
    right: 8px;
}

#kt_content .select2-container--default .select2-selection--multiple {
    height: auto;
    min-height: var(--external-field-height);
    padding: 6px 8px;
}

#kt_content .form_questao .btn-group-toggle .btn,
#kt_content .form_questao .btn-group .btn {
    min-height: 44px;
    border-radius: 10px !important;
    font-weight: 600;
    padding-left: 18px;
    padding-right: 18px;
}

#kt_content .btn-estado-fluxo,
#btn_solicitar_acesso,
#btn_solicitar_acesso_mobile,
#btn_acessar_token,
#btn-iniciar-preenchimento,
#btn-iniciar-preenchimento-mobile,
#btn-iniciar-novo-formulario,
#btn-iniciar-novo-formulario-mobile,
#btn-finalizar-preenchimento,
#btn-baixar-respostas-enviadas {
    min-height: 46px;
    border-radius: 10px;
    font-weight: 600;
    letter-spacing: .01em;
}

/* Regra de contraste dos botões no fluxo externo:
   fundo escuro => texto claro, fundo claro => texto escuro */
#kt_content .btn.btn-primary,
#kt_content .btn.btn-success,
#kt_content .btn.btn-info,
#kt_content .btn.btn-danger,
#kt_content .btn.btn-dark,
#kt_footer_bar .btn.btn-primary,
#kt_footer_bar .btn.btn-success,
#kt_footer_bar .btn.btn-info,
#kt_footer_bar .btn.btn-danger,
#kt_footer_bar .btn.btn-dark {
    color: #ffffff !important;
}

#kt_content .btn.btn-light,
#kt_content .btn.btn-light-primary,
#kt_content .btn.btn-light-secondary,
#kt_content .btn.btn-light-info,
#kt_content .btn.btn-light-success,
#kt_content .btn.btn-light-warning,
#kt_content .btn.btn-light-danger,
#kt_content .btn.btn-warning,
#kt_footer_bar .btn.btn-light,
#kt_footer_bar .btn.btn-light-primary,
#kt_footer_bar .btn.btn-light-secondary,
#kt_footer_bar .btn.btn-light-info,
#kt_footer_bar .btn.btn-light-success,
#kt_footer_bar .btn.btn-light-warning,
#kt_footer_bar .btn.btn-light-danger,
#kt_footer_bar .btn.btn-warning {
    color: #2f354a !important;
}

#kt_content .btn.disabled,
#kt_content .btn:disabled,
#kt_footer_bar .btn.disabled,
#kt_footer_bar .btn:disabled {
    opacity: 1 !important;
}

#kt_content .btn.btn-light.disabled,
#kt_content .btn.btn-light:disabled,
#kt_content .btn.btn-light-primary.disabled,
#kt_content .btn.btn-light-primary:disabled,
#kt_content .btn.btn-light-secondary.disabled,
#kt_content .btn.btn-light-secondary:disabled,
#kt_content .btn.btn-light-info.disabled,
#kt_content .btn.btn-light-info:disabled,
#kt_content .btn.btn-light-success.disabled,
#kt_content .btn.btn-light-success:disabled,
#kt_content .btn.btn-light-warning.disabled,
#kt_content .btn.btn-light-warning:disabled,
#kt_content .btn.btn-light-danger.disabled,
#kt_content .btn.btn-light-danger:disabled,
#kt_content .btn.btn-warning.disabled,
#kt_content .btn.btn-warning:disabled,
#kt_footer_bar .btn.btn-light.disabled,
#kt_footer_bar .btn.btn-light:disabled,
#kt_footer_bar .btn.btn-light-primary.disabled,
#kt_footer_bar .btn.btn-light-primary:disabled,
#kt_footer_bar .btn.btn-light-secondary.disabled,
#kt_footer_bar .btn.btn-light-secondary:disabled,
#kt_footer_bar .btn.btn-light-info.disabled,
#kt_footer_bar .btn.btn-light-info:disabled,
#kt_footer_bar .btn.btn-light-success.disabled,
#kt_footer_bar .btn.btn-light-success:disabled,
#kt_footer_bar .btn.btn-light-warning.disabled,
#kt_footer_bar .btn.btn-light-warning:disabled,
#kt_footer_bar .btn.btn-light-danger.disabled,
#kt_footer_bar .btn.btn-light-danger:disabled,
#kt_footer_bar .btn.btn-warning.disabled,
#kt_footer_bar .btn.btn-warning:disabled {
    color: #4f596f !important;
    background-color: #e9edf6 !important;
    border-color: #d6ddea !important;
}

#kt_footer_bar .container {
    padding-left: 24px;
    padding-right: 24px;
}

#kt_footer_bar_in .container {
    padding-left: 24px;
    padding-right: 24px;
}

#kt_footer_bar #info-bar,
#kt_footer_bar_in #info-bar,
#external-top-info-bar-slot #info-bar {
    margin: 8px 0 !important;
    padding: 11px 14px !important;
    border-radius: 10px !important;
}

#kt_footer_bar #info-bar .col-md-3,
#kt_footer_bar_in #info-bar .col-md-3,
#kt_footer_bar #info-bar .col-md-1,
#kt_footer_bar_in #info-bar .col-md-1,
#external-top-info-bar-slot #info-bar .col-md-3,
#external-top-info-bar-slot #info-bar .col-md-1 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

#kt_footer_bar #info-bar .info-bar-actions-wrap,
#kt_footer_bar_in #info-bar .info-bar-actions-wrap,
#external-top-info-bar-slot #info-bar .info-bar-actions-wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
}

#kt_footer_bar #info-bar .info-bar-actions,
#kt_footer_bar_in #info-bar .info-bar-actions,
#external-top-info-bar-slot #info-bar .info-bar-actions {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    width: auto !important;
    margin-left: auto !important;
}

#kt_footer_bar #info-bar .btn,
#kt_footer_bar_in #info-bar .btn,
#external-top-info-bar-slot #info-bar .btn {
    min-height: 40px;
    height: 40px;
    padding: 0 14px !important;
    border-radius: 8px !important;
    font-size: 1.05rem;
    line-height: 1;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}

#kt_footer_bar #info-bar .info-bar-actions .btn,
#kt_footer_bar_in #info-bar .info-bar-actions .btn,
#external-top-info-bar-slot #info-bar .info-bar-actions .btn {
    margin: 0 !important;
}

#kt_footer_bar #info-bar .btn.btn-block,
#kt_footer_bar_in #info-bar .btn.btn-block,
#external-top-info-bar-slot #info-bar .btn.btn-block {
    width: auto !important;
}

#kt_footer_bar #info-bar .info-bar-btn-download i,
#kt_footer_bar_in #info-bar .info-bar-btn-download i,
#external-top-info-bar-slot #info-bar .info-bar-btn-download i {
    margin-right: 8px !important;
}

#kt_footer_bar #info-bar .col-md-1 .btn,
#kt_footer_bar_in #info-bar .col-md-1 .btn,
#external-top-info-bar-slot #info-bar .col-md-1 .btn {
    width: 40px !important;
    min-width: 40px;
    padding: 0 !important;
}

#kt_footer_bar #info-bar .col-md-1 .btn i,
#kt_footer_bar_in #info-bar .col-md-1 .btn i,
#external-top-info-bar-slot #info-bar .col-md-1 .btn i {
    margin: 0 !important;
}

#kt_footer_bar #info-bar .info-bar-btn-close,
#kt_footer_bar_in #info-bar .info-bar-btn-close,
#external-top-info-bar-slot #info-bar .info-bar-btn-close {
    width: 40px !important;
    min-width: 40px !important;
    padding: 0 !important;
}

#kt_footer_bar #info-bar .info-bar-btn-close i,
#kt_footer_bar_in #info-bar .info-bar-btn-close i,
#external-top-info-bar-slot #info-bar .info-bar-btn-close i {
    margin: 0 !important;
}

.links-recebidos-cards .card {
    border: 1px solid #e4e6ef;
    border-radius: 10px;
}

#card-links-recebidos > .card-header {
    padding: 1.35rem 1.5rem 0.95rem !important;
    row-gap: 10px;
}

#card-links-recebidos > .card-header .card-title {
    margin: 0 0 .65rem 0;
    line-height: 1.2;
}

#card-links-recebidos > .card-header .card-toolbar {
    margin: 0;
}

#card-links-recebidos > .card-header .links-card-toolbar {
    flex-shrink: 0;
}

#card-links-recebidos > .card-body {
    padding: .65rem 1.5rem 1.5rem !important;
}

.links-recebidos-table-scroll {
    max-height: 420px;
    overflow: auto;
    border: 1px solid #eceff6;
    border-radius: 8px;
}

.links-loading-state,
.links-error-state {
    display: flex;
    align-items: center;
    min-height: 72px;
    border: 1px solid #e4e9f3;
    border-radius: 8px;
    background: #f8fafc;
    color: #59657d;
    font-weight: 600;
    padding: 16px;
}

.links-error-state {
    border-color: #f3c6c6;
    background: #fff7f7;
    color: #9b2c2c;
}

.links-resumo-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 2px;
}

.links-resumo-pill {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 4px 10px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .02em;
    border: 1px solid transparent;
}

.links-resumo-pill--neutro {
    color: #364055;
    background: #f2f5fa;
    border-color: #dbe2ef;
}

.links-resumo-pill--preenchimento {
    color: #0f766e;
    background: #e6fffa;
    border-color: #b9efe6;
}

.links-resumo-pill--finalizado {
    color: #2e7d32;
    background: #ebf8ed;
    border-color: #cae7ce;
}

.links-resumo-pill--pendente {
    color: #2f5d9b;
    background: #edf5ff;
    border-color: #c9ddf7;
}

.links-filtros {
    border: 1px solid #e8edf5;
    border-radius: 10px;
    padding: 12px;
    background: #fafcff;
}

.links-filtro-label {
    display: inline-block;
    margin-bottom: 6px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: #8a93a8;
}

.links-sem-resultado {
    border: 1px dashed #d5ddea;
    border-radius: 10px;
    background: #fbfcff;
    color: #5f6b82;
    text-align: center;
    padding: 14px 12px;
    font-size: 13px;
    margin-top: 10px;
}

.links-empty-state {
    border: 1px dashed #d9e1ef;
    border-radius: 12px;
    background: #fbfdff;
    padding: 28px 18px;
    text-align: center;
}

.links-empty-state__icon {
    width: 54px;
    height: 54px;
    margin: 0 auto 12px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #eef3ff;
    color: #5f79d5;
    font-size: 20px;
}

.links-empty-state__title {
    margin-bottom: 8px;
    font-size: 20px;
    color: #1f2940;
    font-weight: 700;
}

.links-empty-state__text {
    margin-bottom: 16px;
    color: #66738a;
}

.links-ordenacao-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 0;
    background: transparent;
    padding: 0;
    text-transform: uppercase;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    cursor: pointer;
}

.links-ordenacao-btn .links-ordenacao-indicador {
    min-width: 10px;
    color: #9aa3b8;
}

.links-ordenacao-btn.is-active {
    color: #5b6c90;
}

.links-ordenacao-btn.is-active .links-ordenacao-indicador {
    color: #4a5f8a;
}

.links-ordenacao-btn:focus {
    outline: 0;
    box-shadow: 0 0 0 2px rgba(102, 126, 234, 0.16);
    border-radius: 6px;
}

.tabela-links-recebidos thead th {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #fff;
    font-size: 12px;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #a7acbc;
    font-weight: 700;
    border-bottom: 1px solid #eceff6;
    padding-top: 14px;
    padding-bottom: 14px;
}

.tabela-links-recebidos tbody td {
    vertical-align: middle;
    border-top: 1px solid #eceff6;
}

.tabela-links-recebidos tbody tr {
    transition: background-color .15s ease;
}

.tabela-links-recebidos tbody tr:hover {
    background: #f9fbff;
}

.tabela-links-recebidos tbody tr.table-active {
    background: #eef2ff;
}

.tabela-links-recebidos--compacta thead th {
    padding-top: 10px;
    padding-bottom: 10px;
}

.tabela-links-recebidos--compacta tbody td {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
}

.tabela-links-recebidos--compacta .status-badge {
    padding: 3px 9px;
    font-size: 10px;
}

.tabela-links-recebidos--compacta .btn-abrir-formulario {
    min-width: 68px;
    padding-top: .34rem;
    padding-bottom: .34rem;
}

.status-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border-radius: 999px;
    padding: 4px 10px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .03em;
    text-transform: uppercase;
    border: 1px solid transparent;
    line-height: 1.3;
}

.status-badge__icon {
    font-size: 11px;
}

.status-badge--em-preenchimento {
    color: #0f766e;
    background: #e6fffa;
    border-color: #b9efe6;
}

.status-badge--aguardando {
    color: #92400e;
    background: #fff7e6;
    border-color: #fde1b3;
}

.status-badge--nao-iniciado {
    color: #2f5d9b;
    background: #edf5ff;
    border-color: #c9ddf7;
}

.status-badge--finalizado {
    color: #2e7d32;
    background: #ebf8ed;
    border-color: #cae7ce;
}

.status-badge--cancelado {
    color: #b42318;
    background: #feeeed;
    border-color: #f8c7c2;
}

.status-badge--inativo,
.status-badge--neutro {
    color: #4e5669;
    background: #f3f5f9;
    border-color: #dde3ed;
}

.btn-abrir-formulario {
    min-width: 78px;
}

.btn-bloqueado-legivel,
.btn-bloqueado-legivel.disabled,
.btn-bloqueado-legivel:disabled {
    opacity: 1 !important;
    color: #6f7890 !important;
    background-color: #eef1f6 !important;
    border-color: #d6ddea !important;
    cursor: not-allowed !important;
}

.links-recebidos-cards .card.card-atual {
    border-color: #a3b7ff;
    box-shadow: 0 0 0 1px #a3b7ff inset;
}

.links-recebidos-cards .badge-atual {
    display: inline-block;
    margin-left: 6px;
    font-size: 11px;
    color: #6993ff;
}

.links-recebidos-cards--compacto .card {
    margin-bottom: 10px !important;
}

.links-recebidos-card-body {
    padding: 12px !important;
}

.links-recebidos-card-body .font-weight-bolder {
    margin-bottom: 6px !important;
    font-size: 15px;
}

.links-recebidos-card-body .text-muted {
    font-size: 13px;
    line-height: 1.35;
}

.links-recebidos-card-body .btn-abrir-formulario {
    min-width: 64px;
}

.estado-fluxo-card {
    border: 1px solid #e4e6ef;
    border-radius: 10px;
    transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}

.estado-fluxo-card--neutral {
    border-color: #dbe2ef;
    background: #fbfcff;
}

.estado-fluxo-card--info {
    border-color: #c9ddf7;
    background: #f5f9ff;
}

.estado-fluxo-card--progress {
    border-color: #b9efe6;
    background: #f2fffc;
}

.estado-fluxo-card--success {
    border-color: #cae7ce;
    background: #f4fff6;
}

.estado-fluxo-card--warning {
    border-color: #fde1b3;
    background: #fffaf2;
}

.estado-fluxo-card--danger {
    border-color: #f8c7c2;
    background: #fff6f5;
}

.estado-fluxo-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border-radius: 999px;
    padding: 6px 12px;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.25;
    border: 1px solid transparent;
}

.estado-fluxo-badge--neutral {
    color: #364055;
    background: #f2f5fa;
    border-color: #dbe2ef;
}

.estado-fluxo-badge--info {
    color: #2f5d9b;
    background: #edf5ff;
    border-color: #c9ddf7;
}

.estado-fluxo-badge--progress {
    color: #0f766e;
    background: #e6fffa;
    border-color: #b9efe6;
}

.estado-fluxo-badge--success {
    color: #2e7d32;
    background: #ebf8ed;
    border-color: #cae7ce;
}

.estado-fluxo-badge--warning {
    color: #92400e;
    background: #fff7e6;
    border-color: #fde1b3;
}

.estado-fluxo-badge--danger {
    color: #b42318;
    background: #feeeed;
    border-color: #f8c7c2;
}

.estado-fluxo-descricao {
    margin-top: 8px;
    font-size: 13px;
    color: #5f6b82;
    line-height: 1.45;
}

.external-alert {
    border-radius: var(--external-card-radius);
    border: 1px solid transparent;
    padding: 16px 18px;
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.external-alert__icon {
    font-size: 20px;
    margin-top: 2px;
}

.external-alert__title {
    margin-bottom: 6px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
}

.external-alert__text {
    margin: 0;
    line-height: 1.5;
}

.external-alert--danger {
    border-color: #f8c7c2;
    background: #fff6f5;
    color: #7f1d1d;
}

.external-mobile-cta {
    display: none;
}

@media (max-width: 1199.98px) and (min-width: 768px) {
    #kt_header .container,
    #kt_subheader .container,
    #kt_content .container,
    #kt_footer .container {
        padding-left: 18px;
        padding-right: 18px;
    }

    #kt_content .external-form-card {
        padding: 12px 14px;
    }
}

@media (max-width: 767.98px) {
    .grecaptcha-badge {
        bottom: 84px !important;
    }

    #kt_header .container,
    #kt_subheader .container,
    #kt_content .container,
    #kt_footer .container {
        padding-left: var(--external-gutter-x-mobile);
        padding-right: var(--external-gutter-x-mobile);
    }

    #kt_footer_bar .container {
        padding-left: 12px;
        padding-right: 12px;
    }

    #kt_footer_bar_in .container {
        padding-left: 12px;
        padding-right: 12px;
    }

    #kt_footer_bar #info-bar,
    #kt_footer_bar_in #info-bar,
    #external-top-info-bar-slot #info-bar {
        padding: 12px !important;
    }

    .external-mobile-cta {
        display: block;
        position: fixed;
        left: 12px;
        right: 12px;
        bottom: 58px;
        z-index: 10002;
    }

    .external-mobile-cta .btn {
        width: 100%;
        box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);
    }

    .with-footer-bar {
        padding-bottom: 150px;
    }

    .links-resumo-list {
        gap: 6px;
    }

    .links-resumo-pill {
        font-size: 10px;
        padding: 4px 8px;
    }

    .links-filtros {
        padding: 10px;
    }

    #card-links-recebidos > .card-header,
    #card-links-recebidos > .card-body {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    #card-links-recebidos > .card-header {
        align-items: flex-start !important;
        flex-direction: column;
    }

    #card-links-recebidos > .card-header .links-card-toolbar {
        margin-top: 8px;
        width: 100%;
    }

    #card-links-recebidos > .card-header .links-card-toolbar form,
    #card-links-recebidos > .card-header .links-card-toolbar .btn {
        width: 100%;
    }
}


/* _continuar.php */
.header {
        z-index: 9999 !important;
    }

    .card.card-custom.gutter-b .card-header {
        margin-bottom: 2.25em;
        padding: 0;
    }

    .form_questao {
        padding: 12px 10px 8px;
        border-radius: 10px;
        background: #ffffff;
        position: relative;
    }

    .external-form-layout {
        display: flex;
        align-items: flex-start;
        gap: 18px;
    }

    .external-form-layout__main {
        flex: 1;
        min-width: 0;
    }

    .external-block-nav {
        width: 240px;
        min-width: 240px;
        position: sticky;
        top: 88px;
        max-height: calc(100vh - 120px);
        overflow: auto;
        border: 1px solid #dce4f5;
        border-radius: 12px;
        background: #fbfcff;
        padding: 10px;
    }

    .external-block-nav.external-block-nav--hidden {
        display: none !important;
    }

    .external-block-nav__title {
        font-size: 11px;
        font-weight: 700;
        color: #7381a0;
        text-transform: uppercase;
        letter-spacing: .08em;
        margin-bottom: 8px;
    }

    .external-block-nav__items {
        display: flex;
        flex-direction: column;
        gap: 6px;
    }

    .external-block-nav__item {
        display: block;
        width: 100%;
        text-align: left;
        border: 1px solid #dce4f5;
        border-radius: 8px;
        background: #fff;
        color: #344360;
        padding: 8px 10px;
        font-size: 12px;
        font-weight: 600;
        line-height: 1.35;
        cursor: pointer;
    }

    .external-block-nav__item:hover,
    .external-block-nav__item:focus {
        border-color: #98ace0;
        color: #223051;
        background: #f4f8ff;
        outline: none;
    }

    .external-block-nav__item.is-active {
        border-color: #4f8cff;
        background: #edf4ff;
        color: #1f3c76;
    }

    .external-block-nav__item.is-pending {
        border-color: #f1bcc8;
        background: #fff5f7;
        color: #8a2239;
    }

    .external-block-nav__item.is-complete {
        border-color: #bde8d3;
        background: #f4fcf7;
        color: #1d6b4e;
    }

    .external-block-nav__item.is-pending.is-active {
        border-color: #e27f99;
        background: #ffeef3;
        color: #7d1e33;
        box-shadow: 0 0 0 1px rgba(226, 127, 153, 0.2) inset;
    }

    .external-block-nav__item.is-complete.is-active {
        border-color: #6bc69c;
        background: #ebfaf1;
        color: #1a5c43;
        box-shadow: 0 0 0 1px rgba(107, 198, 156, 0.22) inset;
    }

    .form_questao .pergunta {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 12px;
        margin-bottom: 8px;
    }

    .external-question-main {
        flex: 1;
        min-width: 0;
    }

    .external-question-title-row {
        display: flex;
        align-items: flex-start;
        gap: 10px;
    }

    .external-question-help-trigger {
        width: 28px;
        height: 28px;
        border-radius: 999px;
        border: 1px solid #a9bddf;
        background: #f3f8ff;
        color: #2b4f8a;
        font-size: 17px;
        font-weight: 700;
        line-height: 1;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        cursor: pointer;
        transition: all .18s ease;
        margin-top: 2px;
    }

    .external-question-help-trigger:hover,
    .external-question-help-trigger:focus {
        background: #2b61b6;
        border-color: #2b61b6;
        color: #fff;
        outline: none;
        box-shadow: 0 0 0 2px rgba(43, 97, 182, 0.18);
    }

    .external-question-index {
        color: #7a849c;
        margin-right: 8px;
        font-weight: 700;
    }

    .external-question-title {
        color: #1f2940;
        font-size: 20px;
        line-height: 1.4;
        font-weight: 600;
    }

    .external-question-title strong {
        color: #18263f;
        font-weight: 700;
    }

    .external-question-message {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 26px;
        margin-top: 2px;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: .02em;
        color: #51607d;
        text-transform: uppercase;
        white-space: nowrap;
    }

    .external-question-message:empty {
        display: none !important;
        min-height: 0;
        margin: 0;
    }

    .external-question-meta {
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        flex-wrap: wrap;
        gap: 8px;
        min-height: 28px;
        min-width: 0;
    }

    .external-question-required-badge {
        display: inline-flex;
        align-items: center;
        border-radius: 999px;
        padding: 4px 10px;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: .03em;
        text-transform: uppercase;
        border: 1px solid #d8deea;
        color: #5f6c86;
        background: #f7f9fd;
    }

    .external-question-required-badge.is-required {
        border-color: #f6bfcc;
        color: #9a2143;
        background: #fff2f5;
    }

    .external-question-required-badge--hidden {
        display: none !important;
    }

    .external-question-inline-actions {
        display: inline-flex;
        align-items: center;
        justify-content: flex-end;
        min-height: 28px;
    }

    .external-question-required-badge.is-optional {
        border-color: #bfe8d4;
        color: #116a4d;
        background: #eefaf4;
    }

    .external-question-save-status {
        min-height: 18px;
        font-size: 11px;
        font-weight: 600;
        color: #6f7d99;
        opacity: 0;
        transition: opacity .2s ease, color .2s ease;
        white-space: nowrap;
    }

    .external-question-save-status.is-visible {
        opacity: 1;
    }

    .external-question-save-status.is-saving {
        color: #2e64b4;
    }

    .external-question-save-status.is-saved {
        color: #1e8a5f;
    }

    .external-question-save-status.is-error {
        color: #b0304f;
    }

    .external-question-help {
        margin: 4px 0 10px;
        padding: 10px 12px;
        border-radius: 10px;
        border-left: 3px solid #7c93c5;
        background: #f7f9fd;
        color: #32405d;
        font-size: 13px;
        line-height: 1.55;
        text-align: justify;
    }

    .external-question-inline-feedback {
        margin: 0 0 8px;
        padding: 8px 10px;
        border-radius: 8px;
        border: 1px solid #f3beca;
        background: #fff3f6;
        color: #8d2038;
        font-size: 12px;
        font-weight: 600;
        line-height: 1.35;
        display: flex;
        align-items: center;
        gap: 7px;
    }

    .external-question-inline-feedback i {
        font-size: 13px;
    }

    .modal-backdrop.fade.show,
    .modal-backdrop.show {
        background-color: rgba(18, 28, 45, 0.46) !important;
        opacity: 1 !important;
    }

    .external-support-modal {
        padding: 0 !important;
    }

    .external-support-modal .modal-dialog {
        width: min(920px, 94vw) !important;
        max-width: min(920px, 94vw) !important;
        min-height: 0;
        margin: 48px auto !important;
        top: auto;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        align-items: stretch;
    }

    .external-support-modal .modal-content {
        border-radius: 12px;
        border: 1px solid #d7e1f2;
        height: auto;
        max-height: calc(100vh - 96px);
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }

    .external-support-modal .modal-header {
        border-bottom: 1px solid #e4ebf8;
        background: #f8fbff;
    }

    .external-support-modal .modal-body {
        padding: 18px;
        flex: 1 1 auto;
        min-height: 0;
        overflow: auto;
    }

    .external-support-modal__layout {
        display: grid;
        grid-template-columns: minmax(260px, 320px) minmax(0, 1fr);
        gap: 12px;
        height: auto;
        min-height: 0;
    }

    .external-support-modal__layout--single {
        display: block;
    }

    .external-support-modal__nav {
        border: 1px solid #dce6f6;
        border-radius: 10px;
        padding: 8px;
        background: #f8fbff;
        height: 100%;
        min-height: 0;
        overflow: auto;
    }

    .external-support-modal__nav-link {
        border-radius: 8px;
        border: 1px solid transparent;
        margin-bottom: 6px;
        padding: 9px 10px;
        color: #2a3d63;
    }

    .external-support-modal__nav-link:last-child {
        margin-bottom: 0;
    }

    .external-support-modal__nav-link.active {
        background: #2b61b6;
        border-color: #2b61b6;
        color: #fff;
    }

    .external-support-modal__nav-title {
        display: block;
        font-size: 13px;
        font-weight: 700;
        line-height: 1.3;
    }

    .external-support-modal__nav-meta {
        display: block;
        font-size: 11px;
        opacity: .82;
        margin-top: 3px;
        line-height: 1.2;
    }

    .external-support-modal__content {
        border: 1px solid #dce6f6;
        border-radius: 10px;
        background: #fff;
        padding: 12px;
        height: auto;
        min-height: 0;
        max-height: none;
        display: flex;
        flex-direction: column;
        overflow: auto;
    }

    .external-support-modal__content > .tab-pane.active,
    .external-support-modal__content > .tab-pane.show.active {
        height: auto;
    }

    .external-support-modal__pane {
        height: auto;
        min-height: 0;
    }

    .external-support-modal__single-title {
        margin-bottom: 10px;
        color: #24324f;
        font-size: 14px;
        font-weight: 800;
        letter-spacing: .03em;
        text-transform: uppercase;
    }

    .external-support-modal__frame {
        width: 100%;
        height: min(70vh, 720px);
        min-height: 360px;
        border: 1px solid #dce6f6;
        border-radius: 8px;
        background: #fff;
    }

    .external-support-modal__image-wrap {
        width: 100%;
        height: auto;
        min-height: 220px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #f7faff;
        border: 1px solid #dce6f6;
        border-radius: 8px;
        padding: 12px;
    }

    .external-support-modal__image {
        max-width: 100%;
        max-height: 60vh;
        object-fit: contain;
    }

    .external-support-modal__text,
    .external-support-modal__html {
        margin: 0;
        border: 1px solid #dce6f6;
        border-radius: 8px;
        background: #fcfdff;
        height: auto;
        min-height: 0;
        max-height: none;
        overflow: auto;
        padding: 18px;
        color: #223456;
        font-size: 16px;
        line-height: 1.65;
        white-space: pre-wrap;
        word-break: break-word;
    }

    .external-support-modal__download {
        min-height: 62vh;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 10px;
        padding: 16px;
        border: 1px solid #dce6f6;
        border-radius: 8px;
        background: #fcfdff;
    }

    .external-progress-overview {
        border: 1px solid #dfe6f3;
        border-radius: 0;
        background: #fbfcff;
        padding: 12px 14px;
        margin-bottom: 18px;
    }

    .external-progress-overview__label {
        font-size: 11px;
        font-weight: 700;
        color: #8b94aa;
        text-transform: uppercase;
        letter-spacing: .08em;
        margin-bottom: 4px;
    }

    .external-progress-overview__step {
        font-size: 14px;
        color: #2d364d;
        font-weight: 600;
    }

    .external-progress-overview__meta {
        text-align: right;
        min-width: 120px;
    }

    .external-progress-overview__percent {
        font-size: 22px;
        color: #1f2f55;
        font-weight: 700;
        line-height: 1;
    }

    .external-progress-overview__count {
        margin-top: 4px;
        font-size: 12px;
        color: #68738b;
        font-weight: 600;
    }

    .external-progress-overview__bar {
        margin-top: 10px;
        width: 100%;
        height: 8px;
        border-radius: 0;
        background: #e9eef8;
        overflow: hidden;
    }

    @keyframes externalProgressSweep {
        from {
            background-position: 0% 50%;
        }
        to {
            background-position: 100% 50%;
        }
    }

    .external-progress-overview__bar span {
        display: block;
        width: 0%;
        height: 100%;
        border-radius: 0;
        background: linear-gradient(90deg, #4f8cff 0%, #2cd0c6 100%);
        background-size: 200% 100%;
        transition: width .35s cubic-bezier(.2, .7, .2, 1);
        animation: externalProgressSweep 2.8s linear infinite;
    }

    .external-progress-overview.is-pinned {
        position: fixed;
        left: 24px;
        right: 24px;
        top: 0;
        z-index: 1041;
        margin-bottom: 0;
        border-radius: 0;
        background: rgba(251, 253, 255, 0.98);
        box-shadow: 0 4px 14px rgba(23, 34, 58, 0.14);
        backdrop-filter: blur(3px);
    }

    .external-progress-overview.is-pinned .external-progress-overview__label {
        font-size: 10px;
        margin-bottom: 2px;
    }

    .external-progress-overview.is-pinned .external-progress-overview__step {
        font-size: 15px;
        line-height: 1.25;
    }

    .external-progress-overview.is-pinned .external-progress-overview__meta {
        min-width: 104px;
    }

    .external-progress-overview.is-pinned .external-progress-overview__percent {
        font-size: 18px;
    }

    .external-progress-overview.is-pinned .external-progress-overview__count {
        margin-top: 2px;
        font-size: 11px;
    }

    .external-progress-overview.is-pinned .external-progress-overview__bar {
        margin-top: 8px;
        height: 6px;
    }

    .external-progress-overview-spacer {
        display: none;
        width: 100%;
        height: 0;
    }

    .external-top-info-bar-slot {
        margin-bottom: 14px;
    }

    .external-top-info-bar-slot #info-bar {
        margin: 0 !important;
        width: 100%;
        border-radius: 0 !important;
    }

    .external-block-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        border-bottom: 1px solid #edf1f7;
        padding-top: 14px;
        padding-bottom: 12px;
    }

    .external-block-header__left {
        min-width: 0;
    }

    .external-block-title {
        margin-bottom: 2px !important;
        color: #1f2940;
        font-size: 28px;
        font-weight: 700;
        line-height: 1.2;
    }

    .external-block-description {
        font-size: 13px;
        color: #6d778f;
        max-width: 700px;
        line-height: 1.4;
    }

    .external-block-header__right {
        min-width: 150px;
    }

    .external-block-progress {
        display: flex;
        justify-content: flex-end;
        align-items: baseline;
        gap: 8px;
        margin-bottom: 6px;
    }

    .external-block-progress__percent {
        font-size: 16px;
        font-weight: 700;
        color: #34508a;
    }

    .external-block-progress__count {
        font-size: 12px;
        color: #73809b;
        font-weight: 600;
    }

    .external-block-progress-bar {
        width: 150px;
        height: 6px;
        border-radius: 999px;
        background: #e8edf7;
        overflow: hidden;
        margin-left: auto;
    }

    .external-block-progress-bar__fill {
        display: block;
        width: 0%;
        height: 100%;
        border-radius: 999px;
        background: linear-gradient(90deg, #6b8cff 0%, #35d4c8 100%);
        transition: width .25s ease;
    }

    .external-block-orientacao {
        padding: 10px 12px;
        margin: 8px 0 10px;
        text-align: justify;
        color: #31405f;
        font-size: 13px;
        line-height: 1.55;
        background: #f8faff;
        border: 1px solid #dce6fb;
        border-radius: 10px;
    }

    .bloco-container {
        position: relative;
    }

    .bloco-container--loading,
    .bloco-container--pending,
    .bloco-container--error {
        margin-bottom: 14px;
    }

    .external-block-loading-state,
    .external-block-load-state {
        display: flex;
        align-items: center;
        gap: 14px;
        min-height: 104px;
        border: 1px solid #dfe6f3;
        border-radius: 10px;
        background: #f8fbff;
        padding: 18px;
    }

    .external-block-loading-state__spinner {
        width: 34px;
        height: 34px;
        flex: 0 0 34px;
        border: 3px solid #dce6fb;
        border-top-color: #667eea;
        border-radius: 50%;
        animation: external-spin .75s linear infinite;
    }

    .external-block-loading-state__title,
    .external-block-load-state__title {
        color: #25324d;
        font-weight: 700;
        line-height: 1.25;
    }

    .external-block-loading-state__text,
    .external-block-load-state__text {
        margin-top: 4px;
        color: #66728c;
        font-size: 13px;
    }

    .external-block-load-state--error {
        align-items: flex-start;
        border-color: #f0c6c6;
        background: #fff8f8;
    }

    .external-block-load-state__icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 34px;
        height: 34px;
        flex: 0 0 34px;
        border-radius: 50%;
        color: #b42318;
        background: #ffe5e5;
    }

    @keyframes external-spin {
        to {
            transform: rotate(360deg);
        }
    }

    .external-result-card {
        border: 1px solid #e4e9f3;
        border-radius: 10px;
        background: #fff;
        box-shadow: 0 10px 24px rgba(31, 41, 55, 0.06);
    }

    .external-result-card__body {
        max-width: 760px;
        margin: 0 auto;
        padding: 34px 24px;
        text-align: center;
    }

    .external-result-card__icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 62px;
        height: 62px;
        margin-bottom: 18px;
        border-radius: 50%;
        font-size: 30px;
    }

    .external-result-card--success .external-result-card__icon {
        color: #087f5b;
        background: #e6fcf5;
    }

    .external-result-card--error .external-result-card__icon {
        color: #b42318;
        background: #ffe5e5;
    }

    .external-result-card--warning .external-result-card__icon {
        color: #9a6700;
        background: #fff4d6;
    }

    .external-result-card__title {
        margin: 0 0 10px;
        color: #1f2940;
        font-size: 26px;
        font-weight: 700;
        line-height: 1.25;
    }

    .external-result-card__text {
        max-width: 620px;
        margin: 0 auto;
        color: #5f6b84;
        font-size: 15px;
        line-height: 1.55;
    }

    .external-result-card__meta {
        display: inline-flex;
        align-items: center;
        margin-top: 16px;
        border-radius: 999px;
        background: #f2f5fa;
        color: #4f5b74;
        font-size: 12px;
        font-weight: 700;
        padding: 6px 12px;
    }

    .external-result-card__actions {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 24px;
    }

    .external-result-card__btn {
        min-height: 42px !important;
        min-width: 230px;
        border-radius: 8px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-weight: 700 !important;
    }

    .external-result-card__btn i {
        margin-right: 8px;
    }

    .form_questao [id^="msg_retorno_"],
    .form_questao [id^="msg_retorno_foto_"],
    #msg_retorno_validacao {
        margin-top: 8px;
    }

    .form_questao [id^="msg_retorno_"] .alert,
    .form_questao [id^="msg_retorno_foto_"] .alert,
    #msg_retorno_validacao .alert {
        margin-bottom: 8px;
        padding: 10px 12px;
        border-radius: 10px;
        border-width: 1px;
        border-style: solid;
        font-size: 13px;
        line-height: 1.45;
    }

    .form_questao [id^="msg_retorno_"] .alert strong,
    .form_questao [id^="msg_retorno_foto_"] .alert strong,
    #msg_retorno_validacao .alert strong {
        font-weight: 700;
        margin-right: 3px;
    }

    .form_questao [id^="msg_retorno_"] .alert-danger,
    .form_questao [id^="msg_retorno_foto_"] .alert-danger,
    #msg_retorno_validacao .alert-danger {
        color: #7e1f2f;
        background: #fff1f4;
        border-color: #f7b8c7;
    }

    .form_questao [id^="msg_retorno_"] .alert-success,
    .form_questao [id^="msg_retorno_foto_"] .alert-success,
    #msg_retorno_validacao .alert-success {
        color: #145f45;
        background: #ebfbf2;
        border-color: #a9e6c9;
    }

    .form_questao .alert.external-alert-hidden-by-inline {
        display: none !important;
    }

    .external-question-card--separada {
        position: relative;
        transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease;
        overflow: hidden;
    }

    .form_questao.external-select-open {
        overflow: visible !important;
        z-index: 60;
    }

    .form_questao.external-select-context-open {
        overflow: visible !important;
        z-index: 58;
    }

    .dependencia.external-select-context-open,
    .repeticao.external-select-context-open,
    .m-accordion__item.external-select-context-open,
    .m-accordion__item-content.external-select-context-open,
    .m-accordion__item-body.external-select-context-open {
        overflow: visible !important;
    }

    .dependencia.external-select-context-open,
    .repeticao.external-select-context-open,
    .m-accordion__item.external-select-context-open {
        position: relative;
        z-index: 55;
    }

    .m-accordion__item-content.external-select-context-open,
    .m-accordion__item-body.external-select-context-open {
        position: relative;
        z-index: 56;
    }

    .external-question-has-error {
        border: 1px solid #f3beca;
        background: #fffafb;
    }

    .form_questao.external-question-has-error::after,
    .form_questao.external-question-has-success::after,
    .form_questao.erro-validacao::after {
        content: "";
        position: absolute;
        left: 8px;
        top: 8px;
        bottom: 8px;
        width: 4px;
        border-radius: 999px;
        pointer-events: none;
    }

    /* Evita sobrepor texto/imagem com a barra de estado. */
    .form_questao.external-question-has-error::after,
    .form_questao.external-question-has-success::after,
    .form_questao.erro-validacao::after {
        display: none !important;
    }

    .form_questao:hover {
        box-shadow: 0 4px 14px rgba(45, 63, 95, 0.08);
    }

    .form_questao.external-question-has-filled {
        border-color: #d7e2f6;
        background: #fbfdff;
        box-shadow: none;
    }

    .form_questao.external-question-has-success {
        border-color: #bde8d3 !important;
        background: #f7fdf9 !important;
        box-shadow: none !important;
    }

    .form_questao.erro-validacao {
        border-color: #f3beca !important;
        background: #fffafb !important;
        box-shadow: none !important;
    }

    .form_questao.external-question-has-error {
        border-color: #f3beca !important;
        background: #fffafb !important;
        box-shadow: none !important;
    }

    .form_questao.external-question-has-success:hover {
        box-shadow: 0 4px 14px rgba(45, 63, 95, 0.08) !important;
    }

    .form_questao.external-question-has-error:hover,
    .form_questao.erro-validacao:hover {
        box-shadow: 0 4px 14px rgba(45, 63, 95, 0.08) !important;
    }

    .form_questao.external-question-disabled {
        background: #f7f8fb;
        opacity: .92;
    }

    .form_questao.external-question-disabled .external-question-title,
    .form_questao.external-question-disabled .external-question-help {
        color: #7a859d;
    }

    .form_questao input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]),
    .form_questao select,
    .form_questao textarea,
    .form_questao .bootstrap-select > .btn {
        min-height: 42px;
        border-radius: 10px;
        border: 1px solid #cfd7e8;
        background: #fff;
        color: #25324d;
        font-size: 14px;
        line-height: 1.4;
        transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
    }

    .form_questao textarea {
        min-height: 108px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .form_questao input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):hover,
    .form_questao select:hover,
    .form_questao textarea:hover,
    .form_questao .bootstrap-select > .btn:hover {
        border-color: #a7b7d5;
    }

    .form_questao input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):focus,
    .form_questao select:focus,
    .form_questao textarea:focus,
    .form_questao .bootstrap-select > .btn:focus,
    .form_questao .bootstrap-select.show > .btn {
        border-color: #4f8cff !important;
        box-shadow: 0 0 0 3px rgba(79, 140, 255, 0.14);
        outline: none;
    }

    .form_questao input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):disabled,
    .form_questao select:disabled,
    .form_questao textarea:disabled,
    .form_questao .bootstrap-select.disabled > .btn {
        background: #eef1f7 !important;
        border-color: #d6dce9 !important;
        color: #69758f !important;
        cursor: not-allowed !important;
        opacity: 1;
    }

    .form_questao .select2-container--default .select2-selection--single,
    .form_questao .select2-container--default .select2-selection--multiple {
        min-height: 42px;
        border-radius: 10px;
        border: 1px solid #cfd7e8;
    }

    .form_questao .select2-container--default.select2-container--focus .select2-selection--single,
    .form_questao .select2-container--default.select2-container--focus .select2-selection--multiple,
    .form_questao .select2-container--default.select2-container--open .select2-selection--single,
    .form_questao .select2-container--default.select2-container--open .select2-selection--multiple {
        border-color: #4f8cff;
        box-shadow: 0 0 0 3px rgba(79, 140, 255, 0.14);
    }

    .form_questao .btn-group .btn {
        min-height: 42px;
        font-size: 15px;
        font-weight: 600;
        border-radius: 10px;
        transition: all .2s ease;
    }

    .form_questao .btn-group .btn.active {
        box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .02), 0 4px 10px rgba(45, 63, 95, 0.12);
    }

    .form_questao .bootstrap-select.js-external-choice-picker,
    .form_questao .bootstrap-select {
        width: 100% !important;
        position: relative;
        display: block;
        margin-bottom: 8px;
    }

    .form_questao .bootstrap-select.show,
    .form_questao .bootstrap-select.open {
        z-index: 65;
    }

    .form_questao .bootstrap-select .dropdown-menu {
        border: 1px solid #d9e2f5;
        border-radius: 10px;
        box-shadow: 0 14px 28px rgba(38, 57, 94, 0.16);
        padding: 6px;
        z-index: 70 !important;
    }

    .form_questao .bootstrap-select .dropdown-menu .inner {
        max-height: 260px !important;
        overflow-y: auto !important;
        border-radius: 8px;
    }

    .form_questao .bootstrap-select .dropdown-menu li a,
    .form_questao .bootstrap-select .dropdown-menu .dropdown-item {
        border-radius: 8px;
        min-height: 34px;
        padding-top: 7px;
        padding-bottom: 7px;
        color: #2a3756;
        font-size: 13px;
        line-height: 1.35;
    }

    .form_questao .bootstrap-select .dropdown-menu li a:hover,
    .form_questao .bootstrap-select .dropdown-menu li.selected a,
    .form_questao .bootstrap-select .dropdown-menu .dropdown-item:hover,
    .form_questao .bootstrap-select .dropdown-menu .dropdown-item.active {
        background: #ebf3ff !important;
        color: #244884 !important;
    }

    .form_questao .bootstrap-select .bs-searchbox {
        padding: 4px 4px 8px;
    }

    .form_questao .bootstrap-select .bs-searchbox input {
        min-height: 36px;
        border-radius: 8px;
        border: 1px solid #cfd9ec;
        color: #31466f;
        font-size: 13px;
    }

    .external-choice-select-meta {
        margin-top: 6px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        font-size: 11px;
        font-weight: 600;
        color: #6c7892;
    }

    .external-choice-select-hint {
        color: #6f7f9f;
    }

    .external-choice-select-counter {
        color: #2b4f8a;
    }

    .external-additional-field {
        clear: both;
        display: block;
    }

    .external-additional-field > label,
    .form_questao [id^="adicional_label_"] > label.control-label {
        display: block;
        margin-top: 10px;
        margin-bottom: 8px;
        line-height: 1.3;
    }

    .external-text-meta {
        margin-top: 6px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        font-size: 11px;
        font-weight: 600;
    }

    .external-text-hint {
        color: #6f7d99;
    }

    .external-text-counter {
        color: #2f4f88;
        white-space: nowrap;
    }

    .external-text-counter.is-warning {
        color: #b13a52;
    }

    .js-external-text-autoresize {
        resize: none;
        overflow-y: hidden;
    }

    .external-number-group {
        position: relative;
        display: flex;
        align-items: center;
        width: 100%;
    }

    .external-number-group .external-number-unit {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        font-size: 12px;
        font-weight: 700;
        color: #506189;
        background: #f2f6ff;
        border: 1px solid #d7e1f5;
        border-radius: 999px;
        line-height: 1;
        padding: 6px 8px;
        z-index: 2;
        pointer-events: none;
    }

    .external-number-group .external-number-unit--prefix {
        left: 10px;
    }

    .external-number-group .external-number-unit--suffix {
        right: 10px;
    }

    .external-number-group .form-control.has-prefix {
        padding-left: 62px;
    }

    .external-number-group .form-control.has-suffix {
        padding-right: 62px;
    }

    .external-number-meta {
        margin-top: 6px;
        font-size: 11px;
        font-weight: 600;
        color: #6f7d99;
        line-height: 1.35;
    }

    .external-datetime-group {
        position: relative;
    }

    .external-datetime-group .form-control {
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
        border-right: 0 !important;
    }

    .external-datetime-group .input-group-append,
    .external-datetime-group .input-group-text {
        margin-left: 0 !important;
    }

    .external-datetime-group .input-group-text {
        min-height: var(--external-field-height);
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
        border-top-right-radius: var(--external-field-radius) !important;
        border-bottom-right-radius: var(--external-field-radius) !important;
        border-color: #cfd7e8;
        border-left: 1px solid #cfd7e8;
        background: #f5f8ff;
        color: #4d5f85;
    }

    .external-datetime-meta {
        margin-top: 6px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        font-size: 11px;
        font-weight: 600;
        color: #6f7d99;
        line-height: 1.35;
    }

    .external-datetime-meta .external-datetime-hint {
        color: #6f7d99;
    }

    .external-datetime-meta .external-datetime-format {
        color: #2f4f88;
        white-space: nowrap;
    }

    .external-datetime-native-enabled {
        min-height: 42px;
    }

    .external-contact-meta {
        margin-top: 6px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        font-size: 11px;
        font-weight: 600;
        line-height: 1.35;
    }

    .external-contact-hint {
        color: #6f7d99;
        display: inline-flex;
        align-items: center;
        gap: 6px;
    }

    .external-contact-hint i {
        font-size: 12px;
        color: #4d6da8;
    }

    .external-contact-format {
        color: #2f4f88;
        white-space: nowrap;
    }

    .external-address-group {
        border: 1px solid #dce5f5;
        border-radius: 12px;
        background: #fbfcff;
        padding: 12px;
        margin-bottom: 10px;
    }

    .external-address-group__title {
        font-size: 12px;
        font-weight: 700;
        letter-spacing: .06em;
        text-transform: uppercase;
        color: #6b7690;
        margin-bottom: 8px;
    }

    .external-address-loading {
        margin-top: 6px;
        font-size: 11px;
        font-weight: 600;
        color: #4265aa;
        display: inline-flex;
        align-items: center;
        gap: 6px;
    }

    .external-address-loading i {
        font-size: 11px;
    }

    .external-address-summary {
        background: #f4f7ff !important;
        border-style: dashed !important;
        text-transform: uppercase;
    }

    .form_questao .btn:focus,
    .form_questao .btn:focus-visible {
        outline: 2px solid #4f8cff;
        outline-offset: 2px;
    }

    .external-choice-toggle {
        display: inline-flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px;
        margin-top: 8px;
    }

    .external-choice-toggle .external-choice-option {
        min-width: 132px;
        min-height: 40px;
        border-radius: 10px !important;
        border-width: 1px;
        font-size: 14px;
        font-weight: 700;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        transition: all .18s ease;
        margin: 0 !important;
    }

    .external-choice-toggle .external-choice-option input[type="radio"] {
        position: absolute;
        opacity: 0;
        pointer-events: none;
    }

    .external-choice-toggle .external-choice-option i {
        font-size: 13px;
        margin-right: 6px;
    }

    .external-choice-toggle .external-choice-option.btn-outline-success {
        border-color: #2bb98c;
        color: #0f7f5a;
        background: #ffffff;
    }

    .external-choice-toggle .external-choice-option.btn-outline-success.active {
        border-color: #20b084;
        background: #20b084;
        color: #ffffff;
        box-shadow: 0 4px 14px rgba(24, 147, 107, 0.24);
    }

    .external-choice-toggle .external-choice-option.btn-outline-danger {
        border-color: #ef8da0;
        color: #ba2f4f;
        background: #ffffff;
    }

    .external-choice-toggle .external-choice-option.btn-outline-danger.active {
        border-color: #e95d7d;
        background: #e95d7d;
        color: #ffffff;
        box-shadow: 0 4px 14px rgba(188, 45, 79, 0.22);
    }

    .external-choice-toggle .external-choice-option.disabled {
        cursor: not-allowed;
        opacity: 0.55 !important;
        box-shadow: none !important;
    }

    .external-choice-hint {
        margin-top: 6px;
        font-size: 12px;
        font-weight: 600;
        color: #77829a;
    }

    .external-rating {
        display: inline-flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 8px;
        margin-top: 8px;
    }

    .external-rating__star {
        width: 42px;
        height: 42px;
        border-radius: 10px;
        border: 1px solid #d6deee;
        background: #ffffff;
        color: #b3bfd8;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        transition: all .18s ease;
        box-shadow: 0 1px 2px rgba(36, 54, 89, 0.05);
    }

    .external-rating__star i {
        font-size: 18px;
    }

    .external-rating__star:hover,
    .external-rating__star:focus {
        border-color: #f5c66f;
        color: #e2a522;
        background: #fff8ea;
        outline: none;
    }

    .external-rating__star.is-active {
        border-color: #f3bd58;
        color: #d69310;
        background: #fff4dc;
        box-shadow: 0 3px 10px rgba(232, 167, 28, 0.2);
    }

    .external-rating.is-disabled .external-rating__star {
        opacity: .55;
        cursor: not-allowed;
        pointer-events: none;
        box-shadow: none;
    }

    .external-rating-meta {
        margin-top: 6px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        font-size: 11px;
        font-weight: 600;
    }

    .external-rating-meta__hint {
        color: #6f7f9f;
    }

    .external-rating-meta__counter {
        color: #2b4f8a;
        white-space: nowrap;
    }

    .external-question-card--separada + .external-question-card--separada {
        margin-top: 10px;
    }

    .external-question-card--separada + .external-question-card--separada::before {
        content: "";
        position: absolute;
        left: 12px;
        right: 12px;
        top: -8px;
        border-top: 1px dashed #e2e8f3;
    }

    .dependencia,
    .repeticao {
        margin-top: 20px;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 15px;
        padding-right: 15px;
        border: 1px solid #dce6fb;
        box-shadow: none;
        background: #f7faff;
        border-radius: 10px;
        overflow: hidden;
        transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
    }

    .sub-bloco-loading {
        opacity: 0.55;
        pointer-events: none;
        transition: opacity .2s ease;
    }

    .dependencia.external-dependency-enter,
    .repeticao.external-dependency-enter {
        animation: externalDependencyEnter .32s ease;
        border-color: #c6dafd;
        box-shadow: 0 8px 24px rgba(78, 123, 214, 0.12);
        background: #f2f7ff;
    }

    @keyframes externalDependencyEnter {
        0% {
            opacity: 0;
            transform: translateY(10px);
        }

        100% {
            opacity: 1;
            transform: translateY(0);
        }
    }

    .form_questao .signature-pad {
        border: 1px solid #d7e2f6;
        border-radius: 12px;
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35), 0 8px 16px rgba(47, 71, 111, 0.08);
        background: linear-gradient(180deg, #ffffff 0%, #f9fbff 100%);
    }

    .form_questao .signature-pad--actions {
        flex-wrap: wrap;
        gap: 8px;
    }

    .form_questao .signature-pad--actions>div {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px;
    }

    .form_questao .signature-pad .button {
        min-height: 38px;
        border-radius: 10px;
        border: 1px solid #ccdaef;
        background: #f6f9ff;
        color: #2c446d;
        font-size: 13px;
        font-weight: 700;
        padding: 0 14px;
        transition: all .18s ease;
    }

    .form_questao .signature-pad .button:hover,
    .form_questao .signature-pad .button:focus {
        border-color: #7fa2e8;
        background: #ebf2ff;
        color: #203a65;
        outline: none;
    }

    .form_questao .signature-pad .button.clear {
        border-color: #f3b8c7;
        background: #fff2f5;
        color: #b13755;
    }

    .form_questao .signature-pad .button.clear:hover,
    .form_questao .signature-pad .button.clear:focus {
        border-color: #ea7d97;
        background: #ffe7ed;
        color: #9a2643;
    }

    .form_questao .signature-pad .button.save {
        border-color: #22b4a9;
        background: #22b4a9;
        color: #ffffff;
    }

    .form_questao .signature-pad .button.save:hover,
    .form_questao .signature-pad .button.save:focus {
        border-color: #14998f;
        background: #14998f;
        color: #ffffff;
    }

    .form_questao .signature-pad__toolbar {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        margin-bottom: 10px;
    }

    .form_questao .signature-pad__line {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        font-size: 12px;
        font-weight: 600;
        color: #42567e;
    }

    .form_questao .signature-pad__line input[type="range"] {
        width: 150px;
        min-height: auto;
    }

    .form_questao .signature-pad__line-value {
        min-width: 42px;
        text-align: right;
        font-weight: 700;
        color: #224176;
    }

    .imagem-campo-wrapper {
        margin-top: 10px;
    }

    .external-em-branco-wrap {
        margin: 6px 0 10px;
    }

    .external-em-branco-wrap--inline {
        margin: 0;
        display: inline-flex;
        align-items: center;
    }

    .external-em-branco-control {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        margin: 0;
        padding: 5px 10px;
        border: 1px solid #d7dfef;
        border-radius: 999px;
        background: #f7f9fd;
        color: #3e4a61;
        font-size: 13px;
        font-weight: 600;
        line-height: 1.2;
        cursor: pointer;
    }

    .external-em-branco-checkbox {
        width: 16px;
        height: 16px;
        margin: 0;
        accent-color: #4f8cff;
        cursor: pointer;
    }

    .form_questao.external-question-em-branco-active > :not(.pergunta):not([id^="overlay_"]) {
        display: none !important;
    }

    .imagem-acoes-toolbar {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px;
    }

    .imagem-requisito-badge {
        display: inline-flex;
        align-items: center;
        border-radius: 999px;
        padding: 6px 12px;
        font-size: 11px;
        font-weight: 600;
        letter-spacing: .03em;
        text-transform: uppercase;
    }

    .imagem-requisito-badge.opcional {
        background: #edf7f3;
        color: #138565;
        border: 1px solid #cceadf;
    }

    .imagem-requisito-badge.obrigatoria {
        background: #fff1f4;
        color: #d63356;
        border: 1px solid #ffd3de;
    }

    .imagens-grid {
        margin-top: 12px;
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100%;
        box-sizing: border-box;
        padding-left: 10px !important;
        padding-right: 10px !important;
        overflow: hidden;
    }

    .imagens-grid.row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .img_inspecao {
        margin-top: 6px;
        margin-bottom: 14px;
        max-width: 100%;
    }

    .imagens-grid.row > [class*="col-"] {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    .imagem-item {
        position: relative;
        display: flex;
        flex-direction: column;
    }

    .imagem-item-media {
        position: relative;
        border: 1px solid #e7eaf3;
        border-radius: 12px;
        background: #f5f7fb;
        box-shadow: 0 8px 18px rgba(58, 77, 104, 0.12);
        overflow: hidden;
        min-height: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        aspect-ratio: 4 / 3;
        max-height: 360px;
    }

    .imagem-item-media--arquivo {
        padding: 12px;
        aspect-ratio: auto;
        min-height: 220px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .imagem-item-media--loading {
        flex-direction: column;
        gap: 10px;
        color: #6f7585;
        font-size: 12px;
        border-style: dashed;
        box-shadow: none;
    }

    .imagem-item-media--loading .m-loader {
        display: inline-block;
        width: 24px;
        height: 24px;
    }

    .imagem-item-media--error {
        padding: 14px;
        text-align: center;
    }

    .imagens-grid .img_inspecao {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .img_inspecao img {
        width: 100%;
        height: 100%;
        max-height: none;
        object-fit: cover;
        object-position: center;
        border: 0;
        box-shadow: none;
        border-radius: 0;
        background: #eef3fb;
    }

    .imagem-item--assinatura .imagem-item-media {
        aspect-ratio: auto;
    }

    .imagem-item--assinatura img {
        object-fit: contain;
        background: #fff;
    }

    .imagem-item-actions {
        position: absolute;
        top: 8px;
        right: 8px;
        display: inline-flex;
        align-items: center;
        gap: 5px;
        z-index: 3;
    }

    #kt_content .imagem-action-btn,
    .imagem-action-btn {
        width: 30px !important;
        min-width: 30px !important;
        max-width: 30px !important;
        height: 30px !important;
        min-height: 30px !important;
        max-height: 30px !important;
        flex: 0 0 30px !important;
        aspect-ratio: 1 / 1;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        border-radius: 50% !important;
        padding: 0 !important;
        line-height: 1 !important;
        border: 1px solid #d7e0f1 !important;
        background: rgba(255, 255, 255, 0.95) !important;
        color: #344e7f !important;
        box-shadow: 0 4px 10px rgba(31, 47, 74, 0.14);
    }

    .imagem-action-btn:hover,
    .imagem-action-btn:focus {
        border-color: #8ea9de !important;
        background: #ffffff !important;
        color: #233a68 !important;
        outline: none;
    }

    .imagem-action-btn--remove {
        border-color: #f7b8c5 !important;
        color: #ce3757 !important;
    }

    .imagem-action-btn--remove:hover,
    .imagem-action-btn--remove:focus {
        border-color: #ef6b88 !important;
        background: #fff2f5 !important;
        color: #b22646 !important;
    }

    .imagem-action-btn i {
        font-size: 11px;
    }

    .imagem-remover-btn {
        position: absolute !important;
        top: 10px;
        right: 10px;
        width: 34px;
        height: 34px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 50% !important;
        padding: 0 !important;
        background: rgba(255, 255, 255, 0.96) !important;
        border-color: #f4516c !important;
        color: #f4516c !important;
    }

    .imagem-remover-btn:hover {
        background: #f4516c !important;
        color: #fff !important;
    }

    .imagem-remover-btn i {
        font-size: 12px;
    }

    .imagem-legenda-box {
        margin-top: 8px;
    }

    .imagem-legenda-label {
        display: block;
        margin-bottom: 4px;
        font-size: 10px;
        font-weight: 700;
        letter-spacing: .07em;
        color: #7c879f;
        text-transform: uppercase;
    }

    .imagem-legenda-valor {
        display: flex;
        align-items: center;
        gap: 6px;
        font-size: 12px;
        font-style: italic;
        color: #58657a;
        line-height: 1.4;
    }

    .imagem-legenda-texto {
        flex: 1;
        min-width: 0;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    .imagem-legenda-edicao {
        display: flex;
        align-items: center;
        gap: 6px;
    }

    .imagem-legenda-input {
        flex: 1;
        min-width: 0;
        max-width: none;
        border-radius: 8px;
    }

    .imagem-legenda-btn {
        width: 34px;
        height: 34px;
        border-radius: 8px !important;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0 !important;
    }

    .imagem-legenda-btn--salvar {
        border-color: #6f8dff !important;
        color: #5069d5 !important;
        background: #f6f8ff !important;
    }

    .imagem-legenda-btn--editar {
        border-color: #f7c371 !important;
        color: #c17b16 !important;
        background: #fff9ed !important;
    }

    .imagem-grid-empty {
        display: none !important;
    }

    .imagem-preview-modal .modal-dialog {
        width: min(96vw, 1400px) !important;
        max-width: 96vw !important;
        margin: 1.25rem auto !important;
        top: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    .imagem-preview-modal .modal-content {
        border-radius: 14px;
        border: 1px solid #dce5f7;
        overflow: hidden;
    }

    .imagem-preview-modal .modal-header {
        border-bottom: 1px solid #e5eaf6;
    }

    .imagem-preview-body {
        padding: 8px;
        background: #0f172a;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .imagem-preview-img {
        display: block;
        width: 100%;
        max-width: 100%;
        max-height: 84vh;
        object-fit: contain;
        border-radius: 0;
        background: transparent;
        border: 0;
    }

    .m-accordion__item-head {
        cursor: pointer;
    }

    .repeticao .external-repetition-head {
        display: flex !important;
        align-items: flex-start;
        justify-content: space-between;
        flex-wrap: nowrap;
        gap: 12px;
        min-height: 72px;
        padding: 12px 14px;
        padding-right: 94px;
        position: relative;
        border: 1px solid #d7e1f6;
        border-radius: 12px;
        background: #f7faff;
        transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
    }

    .repeticao .external-repetition-head:hover,
    .repeticao .external-repetition-head:focus {
        border-color: #afc4ec;
        background: #f2f7ff;
        box-shadow: 0 6px 18px rgba(72, 106, 172, 0.12);
        outline: none;
    }

    .repeticao.external-repetition-item--pending .external-repetition-head {
        border-color: #f2bec9;
        background: #fff6f8;
    }

    .repeticao.external-repetition-item--ok .external-repetition-head {
        border-color: #b9e4ce;
        background: #f4fbf7;
    }

    .external-repetition-head__main {
        flex: 1 1 auto;
        min-width: 0;
    }

    .external-repetition-head__title-row {
        display: flex;
        align-items: center;
        gap: 8px;
        flex-wrap: wrap;
    }

    .external-repetition-head__item {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 64px;
        height: 24px;
        padding: 0 10px;
        border-radius: 999px;
        border: 1px solid #c9d7f3;
        background: #ffffff;
        color: #35508a;
        font-size: 11px;
        font-weight: 800;
        letter-spacing: .05em;
        text-transform: uppercase;
    }

    .external-repetition-head__title {
        color: #283655;
        font-size: 18px;
        font-weight: 700;
        line-height: 1.2;
    }

    .external-repetition-head__meta {
        margin-top: 8px;
        display: flex;
        align-items: center;
        gap: 6px;
        flex-wrap: wrap;
    }

    .external-repetition-badge {
        display: inline-flex;
        align-items: center;
        min-height: 24px;
        padding: 0 10px;
        border-radius: 999px;
        border: 1px solid #d8e1f4;
        background: #ffffff;
        color: #4d5f86;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: .02em;
    }

    .external-repetition-badge--status.is-loading {
        color: #3f5f98;
        border-color: #c7d7f7;
        background: #eef4ff;
    }

    .external-repetition-badge--status.is-pending {
        color: #973047;
        border-color: #f0bfca;
        background: #fff1f4;
    }

    .external-repetition-badge--status.is-ok {
        color: #16724f;
        border-color: #b7dfcb;
        background: #ecf9f2;
    }

    .external-repetition-head__actions {
        position: absolute;
        top: 12px;
        right: 12px;
        display: inline-flex !important;
        align-items: center;
        gap: 8px;
        flex-shrink: 0;
    }

    .external-repetition-head__remove {
        width: 32px;
        height: 32px;
        border-radius: 50%;
        border: 1px solid #f1b8c4;
        background: #fff5f7;
        color: #d84463;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: all .18s ease;
    }

    .external-repetition-head__remove:hover,
    .external-repetition-head__remove:focus {
        background: #ffeef2;
        border-color: #e994a7;
        color: #ba2b4b;
        outline: none;
    }

    .external-repetition-head__remove i {
        font-size: 14px;
        line-height: 1;
    }

    .external-repetition-head__toggle {
        width: 32px;
        height: 32px;
        border-radius: 50%;
        border: 1px solid #c8d8f6;
        background: #f4f8ff;
        color: #3c5e98;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .external-repetition-head__toggle i {
        font-size: 18px;
        line-height: 1;
        transition: transform .2s ease;
        transform: rotate(0deg);
    }

    .external-repetition-head:not(.collapsed) .external-repetition-head__toggle i {
        transform: rotate(180deg);
    }

    .repeticao .m-accordion__item-body {
        margin-top: 10px;
    }

    .external-repetition-group {
        margin-top: 10px;
    }

    .external-repetition-group__header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        margin-bottom: 10px;
        flex-wrap: wrap;
    }

    .external-repetition-group__title-wrap {
        display: flex;
        flex-direction: column;
        gap: 2px;
        min-width: 0;
        padding-left: 10px;
        padding-top: 10px;
    }

    .external-repetition-group__title {
        color: #223456;
        font-size: 16px;
        font-weight: 700;
    }

    .external-repetition-group__summary {
        color: #6d7f9f;
        font-size: 12px;
        font-weight: 700;
    }

    .external-repetition-group__actions {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        flex-wrap: wrap;
    }

    .external-repetition-group__action {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        border: 1px solid #c7d7f6;
        background: #f5f9ff;
        color: #2f4f87;
        border-radius: 8px;
        min-height: 30px;
        padding: 0 10px;
        font-size: 12px;
        font-weight: 700;
        cursor: pointer;
        transition: all .18s ease;
    }

    .external-repetition-group__action:hover,
    .external-repetition-group__action:focus {
        border-color: #9fb8ea;
        background: #ebf2ff;
        color: #253f70;
        outline: none;
    }

    .external-repetition-group__action i {
        font-size: 14px;
        line-height: 1;
    }

    @media (max-width: 767px) {
        .repeticao .external-repetition-head {
            padding: 10px 12px;
            padding-right: 88px;
            min-height: 64px;
        }

        .external-repetition-head__title {
            font-size: 16px;
        }

        .external-repetition-head__meta {
            margin-top: 6px;
            gap: 4px;
        }

        .external-repetition-group__header {
            align-items: flex-start;
        }

        .external-repetition-group__actions {
            width: 100%;
        }
    }

    .modal {
        display: none;
        position: fixed;
        z-index: 9999;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: rgb(0, 0, 0);
        background-color: rgba(0, 0, 0, 0.4);
        padding-top: 60px;
    }

    .modal-content {
        background-color: #fefefe;
        margin: 5% auto;
        padding: 20px;
        border: 1px solid #888;
        width: 60%;
        text-align: center;
    }

    .modalCamera .modal-dialog {
        margin: 0 auto;
        border: 0;
        box-shadow: none;
    }

    .modalCamera .modal-content {
        padding: 0;
        margin: 0 auto;
    }

    .modalCamera .modal-footer button {
        width: auto;
        margin-bottom: 0;
    }

    @media (max-width: 576px) {
        .modalCamera .modal-footer button {
            width: 100%;
            margin-bottom: 10px;
        }

        .modalCamera .modal-footer {
            flex-direction: column;
            align-items: stretch;
        }
    }

    @media (max-width: 1024px) {
        .modalCamera .modal-dialog {
            max-width: 100%;
        }

        .modalCamera .modal-content {
            width: 80%;
        }
    }

    @media (min-width: 1500px) {
        .modalCamera {
            padding: 0;
        }

        .modalCamera .modal-dialog {
            max-width: 70%;
        }
    }

    @media (min-width: 2000px) {
        .modalCamera {
            padding: 0;
        }

        .modalCamera .modal-dialog {
            max-width: 60%;
        }
    }


    .grecaptcha-badge {
        z-index: 10;
    }

    .btn_camera {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        min-height: 34px;
        padding: 7px 12px;
        font-size: 12px;
        font-weight: 500;
        text-align: center;
        text-decoration: none;
        border: 1px solid #d5dbe8;
        border-radius: 8px;
        background-color: #f6f8fb;
        color: #43506a;
        transition: all 0.2s ease;
    }

    .btn_camera i {
        font-size: 13px;
    }

    .btn_camera:hover,
    .btn_camera:focus {
        background-color: #eef4ff;
        border-color: #9fc0ee;
        color: #2f4e84;
        text-decoration: none;
        box-shadow: 0 3px 10px rgba(57, 103, 171, 0.14);
    }

    .btn_camera.btn_camera--galeria {
        background: #f4faf7;
        border-color: #b9e4cf;
        color: #197a54;
    }

    .btn_camera.btn_camera--camera {
        background: #f4f8ff;
        border-color: #c8d8f7;
        color: #2f5d9b;
    }

    .btn_camera.btn_camera--zero {
        min-width: 74px;
        background: #f6f3ff;
        border-color: #d9cef7;
        color: #5a3e96;
        font-weight: 700;
    }

    .btn_camera.btn_camera--zero:hover,
    .btn_camera.btn_camera--zero:focus {
        background: #efe9ff;
        border-color: #c9b6f4;
        color: #4e3388;
    }

    .external-number-repetition {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        margin-top: 2px;
        margin-bottom: 4px;
    }

    .external-number-repetition__value {
        min-width: 18px;
        font-size: 34px;
        line-height: 1;
        font-weight: 700;
        color: #35425f;
    }

    .external-number-repetition__add {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 28px;
        height: 28px;
        border-radius: 50%;
        border: 1px solid #9ab6f1;
        background: #edf3ff;
        color: #4867e2;
        text-decoration: none;
        line-height: 1;
        box-shadow: 0 4px 10px rgba(74, 109, 186, 0.16);
    }

    .external-number-repetition__add:hover,
    .external-number-repetition__add:focus {
        color: #2c48b3;
        border-color: #7d9de2;
        background: #e2ecff;
        text-decoration: none;
    }

    .external-number-repetition__add i {
        font-size: 14px;
    }

    .external-upload-zone {
        border: 1px dashed #b8c8e8;
        border-radius: 12px;
        background: #f8fbff;
        padding: 14px 16px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        cursor: pointer;
        transition: all .2s ease;
    }

    .external-upload-zone:hover,
    .external-upload-zone:focus {
        border-color: #88a8e0;
        background: #f2f7ff;
    }

    .external-upload-zone.is-dragover {
        border-color: #4f8cff;
        background: #eaf2ff;
        box-shadow: inset 0 0 0 1px rgba(79, 140, 255, 0.22);
    }

    .external-upload-zone__icon {
        width: 36px;
        height: 36px;
        border-radius: 10px;
        border: 1px solid #c7d8f8;
        background: #ffffff;
        color: #355f9f;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 16px;
    }

    .external-upload-zone__title {
        font-size: 14px;
        font-weight: 700;
        color: #223051;
    }

    .external-upload-zone__subtitle {
        font-size: 12px;
        color: #6f7d99;
        line-height: 1.35;
    }

    .external-upload-zone__filename {
        font-size: 11px;
        color: #4d5f86;
        font-weight: 600;
    }

    .arquivos-grid .imagem-item-media {
        min-height: 200px;
    }

    .external-upload-status-list {
        margin-top: 8px;
        margin-bottom: 2px;
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .external-upload-status-item {
        border: 1px solid #dce4f5;
        border-radius: 10px;
        background: #f8fbff;
        padding: 8px 10px;
    }

    .external-upload-status-item__head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        margin-bottom: 6px;
    }

    .external-upload-status-item__name {
        font-size: 12px;
        font-weight: 700;
        color: #2a3756;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .external-upload-status-item__state {
        font-size: 11px;
        font-weight: 700;
        color: #2e67bb;
        white-space: nowrap;
    }

    .external-upload-status-item__bar {
        height: 6px;
        border-radius: 999px;
        background: #deebff;
        overflow: hidden;
    }

    .external-upload-status-item__bar span {
        display: block;
        width: 45%;
        height: 100%;
        border-radius: 999px;
        background: linear-gradient(90deg, #4f8cff 0%, #34c2bc 100%);
        transition: width .2s ease;
    }

    .external-upload-status-item.is-success {
        border-color: #b8e4cf;
        background: #effbf4;
    }

    .external-upload-status-item.is-success .external-upload-status-item__state {
        color: #1f8b64;
    }

    .external-upload-status-item.is-success .external-upload-status-item__bar {
        background: #d8f2e5;
    }

    .external-upload-status-item.is-success .external-upload-status-item__bar span {
        background: linear-gradient(90deg, #27b680 0%, #22c491 100%);
    }

    .external-upload-status-item.is-error {
        border-color: #f3beca;
        background: #fff4f7;
    }

    .external-upload-status-item.is-error .external-upload-status-item__state {
        color: #ba2d4c;
    }

    .external-upload-status-item.is-error .external-upload-status-item__bar {
        background: #ffd9e2;
    }

    .external-upload-status-item.is-error .external-upload-status-item__bar span {
        background: linear-gradient(90deg, #ef6a87 0%, #d83d63 100%);
    }

    .file-icon {
        text-align: center;
        padding: 14px;
        background-color: #f8f9fc;
        height: 100%;
        min-height: 202px;

        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        box-shadow: none;
        border-radius: 10px;
        border: 1px dashed #cfd7e6;
    }

    .file-icon i {
        font-size: 7em;
    }

    .file-icon i.fa-file-word {
        color: #474889;
    }

    .file-icon i.fa-file-excel {
        color: #19792f;
    }

    .file-icon i.fa-file-pdf {
        color: #cb4343;
    }

    .file-icon p {
        margin-top: 5px;
        font-size: 0.9em;
        color: #333;
        word-break: break-word;
    }

    .external-pending-summary {
        margin-bottom: 12px;
        border: 1px solid #f2c2cd;
        border-radius: 12px;
        background: #fff7f9;
        padding: 12px;
    }

    .external-block-nav .external-pending-summary {
        margin-top: 10px;
        margin-bottom: 0;
        padding: 10px;
    }

    .external-block-nav .external-pending-summary__list {
        flex-direction: column;
        flex-wrap: nowrap;
        gap: 6px;
    }

    .external-block-nav .external-pending-link {
        width: 100%;
        border-radius: 8px;
        justify-content: flex-start;
        text-align: left;
    }

    .external-block-nav .external-pending-link__title {
        max-width: 100%;
        white-space: normal;
        overflow: visible;
        text-overflow: initial;
        line-height: 1.35;
    }

    .external-pending-summary__header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        margin-bottom: 8px;
    }

    .external-pending-summary__title {
        font-size: 13px;
        font-weight: 700;
        color: #7e1f2f;
        text-transform: uppercase;
        letter-spacing: .04em;
    }

    .external-pending-summary__count {
        font-size: 12px;
        color: #7e1f2f;
        font-weight: 700;
    }

    .external-pending-summary__list {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }

    .external-pending-link {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        border: 1px solid #f0b6c4;
        background: #ffffff;
        color: #8d2038;
        border-radius: 999px;
        padding: 6px 10px;
        font-size: 12px;
        font-weight: 600;
        cursor: pointer;
    }

    .external-pending-link:hover,
    .external-pending-link:focus {
        background: #fff0f4;
        border-color: #e6839e;
        color: #7b1f34;
        outline: none;
    }

    .external-pending-link__title {
        max-width: 260px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .external-device-card {
        border: 1px solid #d9e4f8;
        border-radius: 12px;
        background: #fbfdff;
        padding: 14px;
        margin-bottom: 8px;
    }

    .external-device-card__head {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: space-between;
        gap: 12px;
        margin-bottom: 12px;
    }

    .external-device-card__head strong {
        color: #26385f;
        font-size: 15px;
        display: block;
        line-height: 1.2;
    }

    .external-device-card__head p {
        margin: 4px 0 0;
        color: #5e6f92;
        font-size: 12px;
    }

    .external-device-btn-group {
        display: inline-flex;
        flex-wrap: wrap;
        gap: 8px;
    }

    .external-device-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 7px;
        min-height: 38px;
        border-radius: 10px;
        border: 1px solid transparent;
        padding: 0 13px;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: .01em;
        transition: all .18s ease;
        background: #edf3ff;
        color: #2a4374;
    }

    .external-device-btn i {
        font-size: 12px;
    }

    .external-device-btn--primary {
        border-color: #1ab4a7;
        background: #1ab4a7;
        color: #fff;
    }

    .external-device-btn--primary:hover,
    .external-device-btn--primary:focus {
        border-color: #109487;
        background: #109487;
        color: #fff;
    }

    .external-device-btn--secondary {
        border-color: #cedaf3;
        background: #f3f7ff;
        color: #2b4677;
    }

    .external-device-btn--secondary:hover,
    .external-device-btn--secondary:focus {
        border-color: #9fb7e6;
        background: #e8f0ff;
        color: #203b69;
    }

    .external-device-btn[disabled] {
        cursor: not-allowed;
        opacity: .58;
    }

    .external-integration-status {
        margin-top: 8px;
        border: 1px solid #dbe6fb;
        border-radius: 10px;
        background: #f7faff;
        color: #44608f;
        font-size: 12px;
        font-weight: 600;
        min-height: 38px;
        padding: 8px 10px;
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .external-integration-status i {
        font-size: 13px;
    }

    .external-integration-status.is-idle {
        border-color: #dbe6fb;
        background: #f7faff;
        color: #44608f;
    }

    .external-integration-status.is-loading {
        border-color: #a9c0f0;
        background: #edf3ff;
        color: #315289;
    }

    .external-integration-status.is-success {
        border-color: #b9e9d8;
        background: #effbf5;
        color: #19865b;
    }

    .external-integration-status.is-warning {
        border-color: #f0dfad;
        background: #fff9ea;
        color: #8a6b1f;
    }

    .external-integration-status.is-error {
        border-color: #f4c4cf;
        background: #fff2f5;
        color: #ad3551;
    }

    .external-device-meta {
        margin-top: 10px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px;
    }

    .external-device-chip {
        display: inline-flex;
        align-items: center;
        border-radius: 999px;
        padding: 5px 10px;
        border: 1px solid #d6e3fb;
        background: #f5f8ff;
        color: #335280;
        font-size: 11px;
        font-weight: 700;
    }

    .external-device-link {
        display: inline-flex;
        align-items: center;
        border-radius: 999px;
        padding: 5px 11px;
        border: 1px solid #c8daf7;
        background: #ecf3ff;
        color: #2c4a7b;
        font-size: 11px;
        font-weight: 700;
        text-decoration: none;
    }

    .external-device-link:hover,
    .external-device-link:focus {
        text-decoration: none;
        border-color: #93b2e5;
        background: #e2edff;
        color: #1f3f73;
    }

    .external-map-preview {
        margin-top: 10px;
        border: 1px solid #dbe6fb;
        border-radius: 10px;
        overflow: hidden;
        background: #f3f7ff;
    }

    .external-map-preview iframe {
        border: 0;
        width: 100%;
        height: 200px;
        display: block;
    }

    .external-camera-preview {
        margin-top: 10px;
        border-radius: 10px;
        overflow: hidden;
        border: 1px solid #d9e5fb;
        background: #eef3ff;
        max-width: 360px;
    }

    .external-camera-preview video {
        width: 100%;
        min-height: 200px;
        max-height: 260px;
        object-fit: cover;
        display: block;
    }

    .external-device-fallback {
        margin-top: 10px;
        border: 1px dashed #efc598;
        border-radius: 10px;
        background: #fff8ef;
        color: #8f5f21;
        font-size: 12px;
        font-weight: 600;
        padding: 9px 10px;
        display: flex;
        align-items: flex-start;
        gap: 8px;
    }

    @media (max-width: 768px) {
        .external-form-layout {
            display: block;
        }

        .external-block-nav {
            display: none !important;
        }

        .external-progress-overview {
            padding: 12px;
        }

        .external-progress-overview.is-pinned {
            left: 12px;
            right: 12px;
            top: 0;
            padding: 9px 10px;
            border-radius: 0;
        }

        .external-progress-overview.is-pinned .external-progress-overview__step {
            font-size: 13px;
        }

        .external-progress-overview.is-pinned .external-progress-overview__percent {
            font-size: 16px;
        }

        .external-progress-overview__meta {
            text-align: left;
            margin-top: 8px;
        }

        .external-block-header {
            flex-direction: column;
            align-items: flex-start;
        }

        .external-block-title {
            font-size: 22px;
        }

        .form_questao .pergunta {
            align-items: flex-start;
            gap: 6px;
        }

        .external-question-main {
            flex: 1;
        }

        .external-question-title-row {
            gap: 8px;
        }

        .external-question-help-trigger {
            width: 26px;
            height: 26px;
            font-size: 16px;
        }

        .external-question-meta {
            justify-content: flex-end;
        }

        .external-question-title {
            font-size: 18px;
        }

        .external-support-modal__layout {
            grid-template-columns: 1fr;
            height: auto;
        }

        .external-support-modal__nav,
        .external-support-modal__content {
            max-height: none;
        }

        .external-support-modal .modal-dialog {
            width: calc(100vw - 16px) !important;
            max-width: calc(100vw - 16px) !important;
            min-height: 0;
            margin: 8px auto !important;
        }

        .external-support-modal .modal-content {
            height: auto;
            max-height: calc(100vh - 16px);
        }

        .external-support-modal__frame {
            min-height: 52vh;
            max-height: 68vh;
        }

        .external-support-modal__text,
        .external-support-modal__html,
        .external-support-modal__image-wrap,
        .external-support-modal__download {
            min-height: 0;
            max-height: none;
        }

        .external-support-modal__text,
        .external-support-modal__html {
            padding: 14px;
            font-size: 15px;
            line-height: 1.55;
        }

        .external-block-header__right {
            width: 100%;
        }

        .external-block-progress,
        .external-block-progress-bar {
            justify-content: flex-start;
            margin-left: 0;
        }

        .external-block-progress-bar {
            width: 100%;
        }

        .external-result-card__body {
            padding: 28px 16px;
        }

        .external-result-card__title {
            font-size: 22px;
        }

        .external-result-card__actions {
            align-items: stretch;
            flex-direction: column;
        }

        .external-result-card__btn {
            width: 100%;
            min-width: 0;
        }

        .imagem-acoes-toolbar {
            flex-direction: column;
            align-items: stretch;
        }

        .btn_camera {
            width: 100%;
        }

        .imagem-requisito-badge {
            align-self: flex-start;
        }

        .file-icon {
            min-height: 170px;
        }

        .imagem-item-media {
            min-height: 0;
            max-height: 300px;
        }

        .external-pending-summary__header {
            flex-direction: column;
            align-items: flex-start;
        }

        .external-device-card__head {
            flex-direction: column;
            align-items: stretch;
        }

        .external-device-btn-group {
            width: 100%;
        }

        .external-device-btn {
            width: 100%;
        }

        .external-camera-preview {
            max-width: 100%;
        }
    }


/* _registrar.php */
.grecaptcha-badge {
        z-index: 10;
    }

    .external-access-modes {
        margin-bottom: 20px;
    }

    .external-access-modes__toolbar {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 12px;
    }

    .external-access-modes__btn {
        border-radius: 999px;
        padding: 12px 18px;
        border: 1px solid #dfe4f2;
        background: #fff;
        color: #4c5a79;
        font-weight: 600;
        transition: all 0.15s ease-in-out;
    }

    .external-access-modes__btn:hover,
    .external-access-modes__btn:focus {
        border-color: #7166d1;
        color: #5b50c8;
        outline: none;
    }

    .external-access-modes__btn.is-active {
        border-color: #7166d1;
        background: #7166d1;
        color: #fff;
        box-shadow: 0 8px 18px rgba(113, 102, 209, 0.18);
    }

    .external-access-modes__btn[disabled] {
        opacity: .55;
        cursor: not-allowed;
        box-shadow: none;
    }

    .external-access-pane.d-none {
        display: none !important;
    }

    .external-access-pane__title {
        font-size: 20px;
        font-weight: 700;
        color: #2f3655;
        margin-bottom: 6px;
    }

    .external-access-pane__help {
        color: #667190;
        margin-bottom: 18px;
    }

    .external-channel-choice {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-bottom: 18px;
    }

    .external-channel-choice__btn {
        border-radius: 999px;
        padding: 10px 16px;
        border: 1px solid #dfe4f2;
        background: #fff;
        color: #4c5a79;
        font-weight: 600;
        transition: all 0.15s ease-in-out;
    }

    .external-channel-choice__btn.is-active {
        border-color: #26c6ad;
        background: #26c6ad;
        color: #fff;
        box-shadow: 0 8px 18px rgba(38, 198, 173, 0.18);
    }

    .external-access-modes__btn,
    .external-channel-choice__btn {
        min-height: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        line-height: 1.25;
    }

    .estado-fluxo-aviso {
        margin-top: 10px;
        background: rgba(17, 24, 39, 0.03);
        border: 1px solid rgba(99, 115, 145, 0.25);
        border-radius: 8px;
        padding: 10px 14px;
        max-width: 680px;
        font-size: 12px;
        color: #44506a;
    }

    .estado-fluxo-servidor {
        margin-top: 8px;
        display: flex;
        flex-wrap: wrap;
        gap: 8px 14px;
        color: #55627a;
        font-size: 12px;
    }

    .estado-fluxo-servidor span {
        display: inline-flex;
        align-items: center;
    }

    .estado-fluxo-actions {
        display: flex;
        flex-direction: column;
    }

    @media (min-width: 768px) {
        .estado-fluxo-actions {
            align-items: center;
            flex-direction: row;
        }
    }

    @media (max-width: 575.98px) {
        #kt_content .container,
        #kt_footer .container,
        #kt_footer_bar .container,
        #kt_footer_bar_in .container {
            padding-left: 10px;
            padding-right: 10px;
        }

        #kt_content .external-form-card {
            padding: 10px;
        }

        #kt_content .form_questao {
            padding: 12px 10px;
        }

        .external-progress-overview > .d-flex {
            flex-direction: column;
            align-items: stretch !important;
        }

        .external-progress-overview__meta {
            min-width: 0;
            width: 100%;
            text-align: left;
        }

        .external-block-load-state,
        .external-block-loading-state {
            align-items: flex-start;
            flex-direction: column;
            min-height: 0;
            padding: 14px;
        }

        .external-question-title-row,
        .form_questao .pergunta {
            min-width: 0;
        }

        .external-question-title {
            font-size: 17px;
            line-height: 1.35;
        }

        .external-question-meta {
            width: 100%;
            justify-content: flex-start;
        }

        .external-choice-toggle,
        .external-rating,
        .external-device-btn-group,
        .external-access-modes__toolbar,
        .external-channel-choice {
            width: 100%;
        }

        .external-choice-toggle .external-choice-option,
        .external-access-modes__btn,
        .external-channel-choice__btn,
        .external-device-btn,
        .external-repetition-group__action {
            flex: 1 1 100%;
            width: 100%;
        }

        .external-em-branco-control {
            max-width: 100%;
            border-radius: 10px;
        }

        .external-repetition-head__actions {
            position: static;
            margin-top: 10px;
            width: 100%;
            justify-content: flex-end;
        }

        .repeticao .external-repetition-head {
            flex-direction: column;
            padding-right: 12px;
        }

        .links-resumo-list,
        .external-device-meta,
        .external-pending-summary__list {
            flex-direction: column;
            align-items: stretch;
        }

        .links-resumo-pill,
        .external-device-chip,
        .external-device-link,
        .external-pending-link {
            width: 100%;
            justify-content: flex-start;
            border-radius: 10px;
        }

        .external-pending-link__title,
        .external-upload-status-item__name,
        .external-contact-format,
        .external-datetime-meta .external-datetime-format,
        .external-text-counter,
        .external-rating-meta__counter,
        .external-choice-select-counter {
            max-width: 100%;
            white-space: normal;
            overflow: visible;
            text-overflow: initial;
        }

        .external-choice-select-meta,
        .external-text-meta,
        .external-datetime-meta,
        .external-contact-meta,
        .external-rating-meta {
            align-items: flex-start;
            flex-direction: column;
            gap: 4px;
        }

        .external-upload-status-item__head {
            align-items: flex-start;
            flex-direction: column;
        }

        .external-result-card__meta {
            max-width: 100%;
            border-radius: 10px;
            overflow-wrap: anywhere;
        }

        .external-support-modal .modal-header {
            align-items: flex-start;
        }
    }