:root{--iam-dark:#1a237e;--iam-med:#283593;--iam-light:#3949ab;--iam-gold:#f9a825}
html, body{margin:0;padding:0;font-family:'Segoe UI',sans-serif}
body{
    background-image: url('/img/fondo2.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    min-height: 100vh;
}
#appLogin{
    min-height: calc(100vh - 56px);
    display: flex;
    align-items: center;
    justify-content: center;
}
.iam-navbar{background:var(--iam-dark);box-shadow:0 2px 8px rgba(0,0,0,.3)}
.iam-icon{color:var(--iam-dark)}
.iam-btn{background:var(--iam-dark);color:#fff;border:none}
.iam-btn:hover{background:var(--iam-light);color:#fff}
.iam-card{border:none;border-radius:16px;background:rgba(255,255,255,0.93) !important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.iam-sidebar{background:var(--iam-dark);min-height:calc(100vh - 56px)}
.iam-sidebar .nav-link{color:rgba(255,255,255,.8);padding:10px 12px;border-radius:8px;margin-bottom:4px;transition:.2s}
.iam-sidebar .nav-link:hover,.iam-sidebar .nav-link.active{background:var(--iam-light);color:#fff}
.iam-sidebar .nav-link i{width:20px}
.sala-card{border:none;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.08);transition:.2s}
.sala-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(0,0,0,.15)}
.badge-activa{background:#43a047}
.nav-link.active{background:var(--iam-dark)!important;color:#fff!important}

/* Tarjeta login fija */
#appLogin .card { max-width: 420px; width: 100%; }
#appLogin .row { width: 100%; justify-content: center; }
#appLogin .col-md-5 { flex: 0 0 auto; width: auto; }