body{margin:0;background:var(--background,#f5f5f5);color:var(--body,#333)}
.air-header{background:white;border-bottom:1px solid #ddd;min-height:78px;display:flex;align-items:center;justify-content:space-between;padding:14px 5%;gap:24px;flex-wrap:wrap}
.air-logo{width:185px;height:auto}.air-nav{display:flex;gap:18px;flex-wrap:wrap}.air-main{max-width:1380px;margin:auto;padding:32px 5% 100px}.air-hero{background:white;border-radius:16px;padding:36px;box-shadow:0 6px 25px #00000006;margin-bottom:28px}
.air-card{background:white;border:1px solid #e2e6e9;border-radius:12px;padding:24px;height:100%}.air-kicker{text-transform:uppercase;letter-spacing:.13em;font-size:.8rem;color:var(--primary);font-weight:700}.air-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;min-height:200px}.air-loading img{width:230px;animation:air-pulse 1.4s ease-in-out infinite}.air-overlay{position:fixed;inset:0;background:#fffffff0;z-index:2100}.air-toasts{position:fixed;right:24px;top:100px;width:min(360px,90vw);z-index:2200}.air-footer{border-top:1px solid #ddd;padding-top:24px;margin-top:36px;color:#68757c;font-size:.85rem}@keyframes air-pulse{50%{opacity:.45}}@media(prefers-reduced-motion:reduce){.air-loading img{animation:none}}#blazor-error-ui{display:none;position:fixed;bottom:0;background:#fff3cd;width:100%;padding:16px;z-index:3000}


/* Integración del menú original: ancho fijo, sin expansión al pasar el cursor. */
.air-app-shell{min-height:100vh;width:100%}
.air-app-content{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width));min-width:0}
.air-main{flex:1 0 auto;margin:0;width:100%;padding:32px 32px 36px}
.air-app-content>.air-footer{flex-shrink:0;margin:0 32px 24px;padding-top:24px}
.air-header{position:sticky;top:0;z-index:1000;min-height:var(--header-height);flex-wrap:nowrap;padding:12px 32px;gap:12px}
.air-header .air-logo{width:160px}
.air-app-shell .sidebar .nav-link[type="button"]{border:0;background:transparent;width:calc(100% - 30px);font-family:inherit}
.air-app-shell .sidebar .nav-link[type="button"]:hover{background:rgba(var(--primary-rgb),.06)}
.air-app-shell .sidebar .has-submenu:has(.submenu-link.active)>.nav-link{background:var(--primary-light);color:var(--primary-color)}
.air-app-shell .sidebar .nav-link:focus-visible,.air-app-shell .submenu-link:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
.air-action-icon{background:transparent;border:0;border-radius:50%;color:var(--primary);width:42px;height:42px;align-items:center;justify-content:center}
.air-action-icon:hover{background:rgba(var(--primary-rgb),.06);color:var(--primary)}
.air-user-toggle{display:flex;align-items:center;gap:12px;color:var(--primary)}
.air-user-name{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.air-app-shell .sidebar{width:var(--sidebar-width)}
@media(max-width:768px){.air-app-shell .sidebar{width:120px}.air-app-content{margin-left:0;width:100%}.air-header{padding:12px 16px}.air-header .air-logo{width:120px}.air-header .btn-outline-primary{font-size:.85rem}.air-main{padding:24px 16px 36px}.air-app-content>.air-footer{margin-right:16px;margin-left:16px}.air-hero{padding:24px}.air-toasts{right:16px;top:88px}}
@media(prefers-reduced-motion:reduce){.air-app-shell .sidebar,.air-app-shell .nav-item,.air-app-shell .nav-link,.air-app-shell .submenu-popup,.air-app-shell .submenu-link{animation:none!important;transition:none!important}.air-app-shell .nav-item{opacity:1;transform:none}}

/* El contenido usa todo el ancho que deja libre la navegación fija. */
.air-app-content .air-main{max-width:none;min-width:0;box-sizing:border-box}
.air-main .air-grid{width:100%;max-width:100%;min-width:0}
.air-app-shell .sidebar .has-submenu>.nav-link{padding-top:0;padding-bottom:0;min-height:70px;align-items:center;justify-content:center}
.air-app-shell .sidebar .has-submenu>.nav-link .nav-icon-container{margin-bottom:0}
.air-app-shell .sidebar .submenu-indicator{top:50%;transform:translateY(-50%);margin-top:0!important}
/* Los overlays DevExpress deben quedar por encima del modal Bootstrap. */
.air-editor-dropdown{z-index:1080!important}
body:has(.air-bootstrap-popup) .dxbl-popup-cell:has(.air-editor-dropdown){z-index:1080!important}
.air-bootstrap-popup .modal-body{overscroll-behavior:contain}
.air-grid .dxbl-toolbar .dxbl-btn{border-color:transparent;box-shadow:none}
