/* Compatibilidad temporal para vistas Bootstrap 3 dentro del shell V2. */
.sgo-v2 .wrap {
    min-height: 0;
}

.sgo-v2 .container-fluid {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
}

.sgo-v2 .sgo-v2-legacy-content > h1,
.sgo-v2 .sgo-v2-legacy-content > div > h1:first-child {
    margin-top: 0;
    color: var(--sgo-color-ink-950);
    font-size: 26px;
    font-weight: 600;
}

.sgo-v2 .panel,
.sgo-v2 .well {
    border-color: var(--sgo-color-line);
    border-radius: var(--sgo-radius-sm);
    background: var(--sgo-color-surface);
    color: var(--sgo-color-ink-800);
    box-shadow: var(--sgo-shadow-sm);
}

.sgo-v2 .panel-default > .panel-heading {
    border-color: var(--sgo-color-line);
    background: var(--sgo-color-surface-muted);
    color: var(--sgo-color-ink-800);
}

.sgo-v2 .table > thead > tr > th {
    border-bottom-color: var(--sgo-color-line-strong);
    color: var(--sgo-color-ink-800);
}

.sgo-v2 .form-control {
    border-color: var(--sgo-color-line-strong);
    border-radius: var(--sgo-radius-sm);
    background: var(--sgo-color-input);
    color: var(--sgo-color-ink-950);
    box-shadow: none;
}

.sgo-v2 .table,
.sgo-v2 .modal-content,
.sgo-v2 .dropdown-menu {
    background: var(--sgo-color-surface);
    color: var(--sgo-color-ink-800);
}

.sgo-v2 .table-striped > tbody > tr:nth-of-type(odd),
.sgo-v2 .table-hover > tbody > tr:hover,
.sgo-v2 .btn-default {
    background: var(--sgo-color-surface-muted);
    color: var(--sgo-color-ink-800);
}

.sgo-v2 .btn-default {
    border-color: var(--sgo-color-line-strong);
}

.sgo-v2 .modal-header,
.sgo-v2 .modal-footer,
.sgo-v2 .dropdown-menu > li > a:hover {
    border-color: var(--sgo-color-line);
    background: var(--sgo-color-surface-muted);
    color: var(--sgo-color-ink-800);
}

.sgo-v2 .table > tbody > tr > td,
.sgo-v2 .table > tbody > tr > th,
.sgo-v2 .table > tfoot > tr > td {
    border-color: var(--sgo-color-line);
}

.sgo-v2 .form-control:focus {
    border-color: var(--sgo-color-brand-700);
    box-shadow: 0 0 0 2px var(--sgo-color-focus-ring);
}

.sgo-v2 .btn-primary {
    border-color: var(--sgo-color-brand-solid);
    background: var(--sgo-color-brand-solid);
    color: var(--sgo-color-on-solid);
}

.sgo-v2 .btn-primary:hover,
.sgo-v2 .btn-primary:focus,
.sgo-v2 .btn-primary:active,
.sgo-v2 .btn-primary.active {
    border-color: var(--sgo-color-brand-solid-hover);
    background: var(--sgo-color-brand-solid-hover);
    color: var(--sgo-color-on-solid);
}

/*
 * Contrato de compatibilidad Bootstrap para vistas V1 alojadas en el shell V2.
 * Los colores semánticos de texto no se usan como fondos: en tema oscuro son
 * deliberadamente claros. Las variantes `*-solid` conservan contraste AA en
 * ambos temas y los iconos heredan siempre el color final del control.
 */
.sgo-v2 .sgo-v2-legacy-content .btn-secondary,
.sgo-v2 .sgo-v2-legacy-content .btn-success,
.sgo-v2 .sgo-v2-legacy-content .btn-warning,
.sgo-v2 .sgo-v2-legacy-content .btn-danger,
.sgo-v2 .sgo-v2-legacy-content .btn-info {
    color: var(--sgo-color-on-semantic-solid);
}

.sgo-v2 .sgo-v2-legacy-content .btn-secondary {
    border-color: var(--sgo-color-secondary-solid);
    background: var(--sgo-color-secondary-solid);
}

.sgo-v2 .sgo-v2-legacy-content .btn-secondary:hover,
.sgo-v2 .sgo-v2-legacy-content .btn-secondary:focus,
.sgo-v2 .sgo-v2-legacy-content .btn-secondary:active,
.sgo-v2 .sgo-v2-legacy-content .btn-secondary.active {
    border-color: var(--sgo-color-secondary-solid-hover);
    background: var(--sgo-color-secondary-solid-hover);
    color: var(--sgo-color-on-semantic-solid);
}

.sgo-v2 .sgo-v2-legacy-content .btn-success {
    border-color: var(--sgo-color-success-solid);
    background: var(--sgo-color-success-solid);
}

.sgo-v2 .sgo-v2-legacy-content .btn-success:hover,
.sgo-v2 .sgo-v2-legacy-content .btn-success:focus,
.sgo-v2 .sgo-v2-legacy-content .btn-success:active,
.sgo-v2 .sgo-v2-legacy-content .btn-success.active {
    border-color: var(--sgo-color-success-solid-hover);
    background: var(--sgo-color-success-solid-hover);
    color: var(--sgo-color-on-semantic-solid);
}

.sgo-v2 .sgo-v2-legacy-content .btn-warning {
    border-color: var(--sgo-color-warning-solid);
    background: var(--sgo-color-warning-solid);
}

.sgo-v2 .sgo-v2-legacy-content .btn-warning:hover,
.sgo-v2 .sgo-v2-legacy-content .btn-warning:focus,
.sgo-v2 .sgo-v2-legacy-content .btn-warning:active,
.sgo-v2 .sgo-v2-legacy-content .btn-warning.active {
    border-color: var(--sgo-color-warning-solid-hover);
    background: var(--sgo-color-warning-solid-hover);
    color: var(--sgo-color-on-semantic-solid);
}

.sgo-v2 .sgo-v2-legacy-content .btn-danger {
    border-color: var(--sgo-color-danger-solid);
    background: var(--sgo-color-danger-solid);
}

.sgo-v2 .sgo-v2-legacy-content .btn-danger:hover,
.sgo-v2 .sgo-v2-legacy-content .btn-danger:focus,
.sgo-v2 .sgo-v2-legacy-content .btn-danger:active,
.sgo-v2 .sgo-v2-legacy-content .btn-danger.active {
    border-color: var(--sgo-color-danger-solid-hover);
    background: var(--sgo-color-danger-solid-hover);
    color: var(--sgo-color-on-semantic-solid);
}

.sgo-v2 .sgo-v2-legacy-content .btn-info {
    border-color: var(--sgo-color-info-solid);
    background: var(--sgo-color-info-solid);
}

.sgo-v2 .sgo-v2-legacy-content .btn-info:hover,
.sgo-v2 .sgo-v2-legacy-content .btn-info:focus,
.sgo-v2 .sgo-v2-legacy-content .btn-info:active,
.sgo-v2 .sgo-v2-legacy-content .btn-info.active {
    border-color: var(--sgo-color-info-solid-hover);
    background: var(--sgo-color-info-solid-hover);
    color: var(--sgo-color-on-semantic-solid);
}

.sgo-v2 .sgo-v2-legacy-content .btn .glyphicon,
.sgo-v2 .sgo-v2-legacy-content .btn .material-icons,
.sgo-v2 .sgo-v2-legacy-content .label .glyphicon,
.sgo-v2 .sgo-v2-legacy-content .badge .glyphicon {
    color: inherit;
}

.sgo-v2 .sgo-v2-legacy-content .btn.disabled,
.sgo-v2 .sgo-v2-legacy-content .btn[disabled],
.sgo-v2 .sgo-v2-legacy-content fieldset[disabled] .btn {
    opacity: .58;
}

.sgo-v2 .sgo-v2-legacy-content .label-primary,
.sgo-v2 .sgo-v2-legacy-content .badge-primary {
    background: var(--sgo-color-brand-solid);
    color: var(--sgo-color-on-solid);
}

.sgo-v2 .sgo-v2-legacy-content .label-default,
.sgo-v2 .sgo-v2-legacy-content .label-secondary,
.sgo-v2 .sgo-v2-legacy-content .badge-secondary {
    background: var(--sgo-color-secondary-solid);
    color: var(--sgo-color-on-semantic-solid);
}

.sgo-v2 .sgo-v2-legacy-content .label-success,
.sgo-v2 .sgo-v2-legacy-content .badge-success {
    background: var(--sgo-color-success-solid);
    color: var(--sgo-color-on-semantic-solid);
}

.sgo-v2 .sgo-v2-legacy-content .label-warning,
.sgo-v2 .sgo-v2-legacy-content .badge-warning {
    background: var(--sgo-color-warning-solid);
    color: var(--sgo-color-on-semantic-solid);
}

.sgo-v2 .sgo-v2-legacy-content .label-danger,
.sgo-v2 .sgo-v2-legacy-content .badge-danger {
    background: var(--sgo-color-danger-solid);
    color: var(--sgo-color-on-semantic-solid);
}

.sgo-v2 .sgo-v2-legacy-content .label-info,
.sgo-v2 .sgo-v2-legacy-content .badge-info {
    background: var(--sgo-color-info-solid);
    color: var(--sgo-color-on-semantic-solid);
}

.sgo-v2 .sgo-v2-legacy-content .alert-success {
    border-color: var(--sgo-color-success);
    background: var(--sgo-color-success-tint);
    color: var(--sgo-color-success);
}

.sgo-v2 .sgo-v2-legacy-content .alert-warning {
    border-color: var(--sgo-color-warning);
    background: var(--sgo-color-warning-tint);
    color: var(--sgo-color-warning);
}

.sgo-v2 .sgo-v2-legacy-content .alert-danger {
    border-color: var(--sgo-color-danger);
    background: var(--sgo-color-danger-tint);
    color: var(--sgo-color-danger);
}

.sgo-v2 .sgo-v2-legacy-content .alert-info {
    border-color: var(--sgo-color-info);
    background: var(--sgo-color-info-tint);
    color: var(--sgo-color-info);
}

.sgo-v2 .footer {
    display: none;
}