/* Sistema de Ingresos y Egresos - ajustes sobre Keen demo5 */

.app-logo-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 0.65rem;
    background: linear-gradient(135deg, var(--bs-success) 0%, var(--bs-primary) 100%);
    color: #fff;
}
.app-logo-badge i { color: #fff; }
.app-logo-badge-lg { width: 42px; height: 42px; }
.app-logo-badge-xl { width: 64px; height: 64px; border-radius: 1rem; }
.app-logo-badge-xl i { font-size: 2.5rem; }

/* Logo subido por el usuario */
.app-logo-user {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 0.65rem;
    background: #fff;
    overflow: hidden;
    flex-shrink: 0;
}
.app-logo-user img { max-width: 100%; max-height: 100%; object-fit: contain; }
.app-logo-user-lg { width: 46px; height: 46px; padding: 3px; }

/* Páginas públicas (solicitud de viáticos) */
.publico-body { background: var(--bs-gray-100); min-height: 100vh; }
.publico-banda {
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 260px;
    background: linear-gradient(135deg, #1b84ff 0%, #17c653 100%);
}
.publico-logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px; height: 56px;
    padding: 4px;
    border-radius: 0.85rem;
    background: #fff;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
}
.publico-logo img { max-width: 100%; max-height: 100%; object-fit: contain; }
.campo-trampa { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }

/* Código QR */
.qr-box { display: inline-block; padding: 14px; background: #fff; border-radius: 0.75rem; border: 1px solid var(--bs-gray-200); }
.qr-box img, .qr-box canvas { display: block; }
.qr-mini { width: 72px; height: 72px; }
.qr-mini img, .qr-mini canvas { width: 72px !important; height: 72px !important; }

/* Botón de cerrar sesión con apariencia de enlace de menú */
.menu-item form .btn.menu-link { color: var(--bs-gray-800); border: 0; }
.menu-item form .btn.menu-link:hover { color: var(--bs-primary); background-color: var(--bs-gray-100); }

.color-swatch {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 4px;
    vertical-align: middle;
}

.form-control-color { width: 4rem; }

/* Impresión de reportes */
@media print {
    #kt_app_sidebar, #kt_app_header, #kt_app_footer, .no-print, #kt_scrolltop,
    .app-sidebar-secondary-toggle, .dataTables_length, .dataTables_filter, .dataTables_paginate {
        display: none !important;
    }
    body, .app-main, .app-wrapper { margin: 0 !important; padding: 0 !important; background: #fff !important; }
    .card { box-shadow: none !important; border: 1px solid #e4e6ef !important; break-inside: avoid; }
    .app-container { max-width: 100% !important; padding: 0 !important; }
    [data-kt-app-sidebar-fixed="true"] .app-wrapper { margin-left: 0 !important; }
}