/* Copia de guia/css/bootstrap-a.css da marca guia-v1.0 do transpnet_ux; nao altere valores aqui. */
/* Bootstrap 5.3.2. Valores aprovados visualmente em D5; aplicação ainda rascunho. */
.tn-a {
 --bs-body-bg:var(--tn-canvas);--bs-body-color:var(--tn-ink);--bs-body-color-rgb:var(--tn-ink-rgb);
 --bs-primary:var(--tn-action);--bs-primary-rgb:var(--tn-action-rgb);--bs-link-color:var(--tn-link);--bs-link-color-rgb:var(--tn-link-rgb);
 --bs-link-hover-color:var(--tn-action-hover);--bs-secondary-color:var(--tn-muted);--bs-emphasis-color:var(--tn-ink);
 --bs-danger:var(--tn-crit);--bs-danger-rgb:var(--tn-crit-rgb);--bs-white-rgb:var(--tn-surface-rgb);
 --bs-border-color:var(--tn-line);--bs-border-radius:var(--tn-radius);
 --bs-primary-bg-subtle:var(--tn-action-soft);--bs-primary-text-emphasis:var(--tn-action);
 --bs-danger-bg-subtle:var(--tn-crit-soft);--bs-danger-text-emphasis:var(--tn-crit);
 --bs-form-invalid-color:var(--tn-crit);--bs-form-invalid-border-color:var(--tn-crit);
 background:var(--tn-canvas);color:var(--tn-ink);font:var(--tn-text-base)/1.5 var(--tn-font-sans);
}
.tn-a .btn {min-height:var(--tn-control-height);--bs-btn-font-size:var(--tn-text-base);--bs-btn-border-radius:var(--tn-radius);--bs-btn-font-weight:600}
.tn-a .btn-primary {
 --bs-btn-bg:var(--tn-action);--bs-btn-color:var(--tn-on-action);--bs-btn-border-color:var(--tn-action);
 --bs-btn-hover-bg:var(--tn-action-hover);--bs-btn-hover-color:var(--tn-on-action);--bs-btn-hover-border-color:var(--tn-action-hover);
 --bs-btn-active-bg:var(--tn-action-hover);--bs-btn-active-color:var(--tn-on-action);--bs-btn-active-border-color:var(--tn-action-hover);
 --bs-btn-disabled-bg:var(--tn-action);--bs-btn-disabled-color:var(--tn-on-action);--bs-btn-disabled-border-color:var(--tn-action);
}
.tn-a :is(.btn-secondary,.btn-outline-secondary,.btn-outline-primary) {
 --bs-btn-bg:var(--tn-surface);--bs-btn-color:var(--tn-action);--bs-btn-border-color:var(--tn-action-border);
 --bs-btn-hover-bg:var(--tn-action-soft-hover);--bs-btn-hover-color:var(--tn-action);--bs-btn-hover-border-color:var(--tn-action);
 --bs-btn-active-bg:var(--tn-action-soft-hover);--bs-btn-active-color:var(--tn-action);--bs-btn-active-border-color:var(--tn-action);
 --bs-btn-disabled-bg:var(--tn-surface);--bs-btn-disabled-color:var(--tn-action);--bs-btn-disabled-border-color:var(--tn-action-border);
}
.tn-a .btn-outline-primary {--bs-btn-bg:var(--tn-action-soft)}
.tn-a :is(.form-control,.form-select) {background-color:var(--tn-surface);color:var(--tn-ink);border-color:var(--tn-control-border);border-radius:var(--tn-radius);min-height:var(--tn-control-height);font-size:var(--tn-text-base)}
.tn-a :is(.form-control,.form-select):disabled {background-color:var(--tn-surface-soft);color:var(--tn-muted)}
.tn-a .form-control::placeholder{color:var(--tn-muted)}
.tn-a :is(.form-control,.form-select):focus,.tn-a :focus-visible {outline:var(--tn-focus-width) solid var(--tn-focus);outline-offset:var(--tn-focus-offset);box-shadow:none}
.tn-a .input-group :is(.form-control,.form-select):focus {outline-offset:0;z-index:5}
.tn-a :is(.form-control,.form-select).is-invalid {border-color:var(--tn-crit)}
.tn-a .invalid-feedback {color:var(--tn-crit);font-size:var(--tn-text-support)}
.tn-a .form-check-input {border-color:var(--tn-control-border);background-color:var(--tn-surface)}
.tn-a .form-check-input:checked {background-color:var(--tn-action);border-color:var(--tn-action)}
.tn-a .nav-tabs {--bs-nav-tabs-border-color:var(--tn-line);--bs-nav-tabs-link-active-color:var(--tn-action);--bs-nav-tabs-link-active-bg:var(--tn-surface);--bs-nav-tabs-link-active-border-color:var(--tn-line);--bs-nav-link-color:var(--tn-ink-2)}
.tn-a .table {--bs-table-bg:var(--tn-surface);--bs-table-color:var(--tn-ink);--bs-table-border-color:var(--tn-line);--bs-table-striped-bg:var(--tn-surface-soft);--bs-table-striped-color:var(--tn-ink);--bs-table-hover-bg:var(--tn-action-soft);--bs-table-hover-color:var(--tn-ink);font-variant-numeric:tabular-nums}
.tn-a .table thead {--bs-table-bg:var(--tn-surface-soft);--bs-table-color:var(--tn-ink-2)}
.tn-a .card {--bs-card-bg:var(--tn-surface);--bs-card-color:var(--tn-ink);--bs-card-cap-bg:var(--tn-surface-soft);--bs-card-border-color:var(--tn-line)}
.tn-a .modal-content {--bs-modal-bg:var(--tn-surface);--bs-modal-color:var(--tn-ink);--bs-modal-border-color:var(--tn-line);--bs-modal-border-radius:var(--tn-radius)}
.tn-a .modal-backdrop {background:var(--tn-backdrop);--bs-backdrop-opacity:1}
.tn-a :is(.text-muted,.text-body-secondary) {color:var(--tn-muted)!important}
.tn-a .bg-white {background-color:var(--tn-surface)!important}
@media(max-width:760px){.tn-a :is(.form-control,.form-select){font-size:var(--tn-text-input-mobile)}}

.tn-a .alert-success { --bs-alert-color:var(--tn-ok);--bs-alert-bg:var(--tn-ok-soft);--bs-alert-border-color:var(--tn-ok); }

.tn-a .alert-warning { --bs-alert-color:var(--tn-warn);--bs-alert-bg:var(--tn-warn-soft);--bs-alert-border-color:var(--tn-warn); }

.tn-a .alert-danger { --bs-alert-color:var(--tn-crit);--bs-alert-bg:var(--tn-crit-soft);--bs-alert-border-color:var(--tn-crit); }

.tn-a .alert-info { --bs-alert-color:var(--tn-info);--bs-alert-bg:var(--tn-info-soft);--bs-alert-border-color:var(--tn-info); }

.tn-a .alert-secondary { --bs-alert-color:var(--tn-idle);--bs-alert-bg:var(--tn-idle-soft);--bs-alert-border-color:var(--tn-idle); }

.tn-a .form-control.is-invalid, .tn-a .form-select.is-invalid {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='6' fill='none' stroke='%23b02a37'/%3E%3Cpath d='M8 4v5m0 2v1' stroke='%23b02a37'/%3E%3C/svg%3E");}
.tn-a .form-check-input:checked {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='3' d='m3 8 3 3 7-7'/%3E%3C/svg%3E");}

[data-bs-theme=dark] .tn-a .form-control.is-invalid, [data-bs-theme=dark] .tn-a .form-select.is-invalid {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='6' fill='none' stroke='%23ff9aa5'/%3E%3Cpath d='M8 4v5m0 2v1' stroke='%23ff9aa5'/%3E%3C/svg%3E");}
[data-bs-theme=dark] .tn-a .form-check-input:checked {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23102a49' stroke-width='3' d='m3 8 3 3 7-7'/%3E%3C/svg%3E");}

/* Variação clara da tabela acompanha a superfície do tema. */
.tn-a .table-light {--bs-table-bg:var(--tn-surface-soft);--bs-table-color:var(--tn-ink);--bs-table-border-color:var(--tn-line)}
