/* Módulo de notificaciones internas */
.aula-ni-page{padding-bottom:35px}.aula-ni-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:20px 0 25px;padding-bottom:15px;border-bottom:1px solid #e5e9ef}.aula-ni-header h1{margin:0 0 5px}.aula-ni-header p{margin:0;color:#6f7d8b}.aula-ni-panel{border:0;border-radius:12px;box-shadow:0 4px 16px rgba(28,55,90,.08);overflow:hidden}.aula-ni-panel>.panel-heading{padding:16px 19px;background:#f7f9fb;border-bottom:1px solid #e6ebf0}.aula-ni-panel>.panel-body{padding:20px}.aula-ni-help-card{padding:24px;border-radius:12px;background:linear-gradient(145deg,#0d638e,#104d70);color:#fff;box-shadow:0 6px 20px rgba(14,83,121,.22)}.aula-ni-help-card>i{font-size:38px}.aula-ni-help-card h3{margin:10px 0}.aula-ni-help-card li{margin-bottom:7px}.aula-ni-help-card p:last-child{margin-bottom:0}.aula-ni-empty{text-align:center;padding:55px 20px;border:1px dashed #c9d5df;border-radius:12px;background:#fff}.aula-ni-empty.compact{padding:25px}.aula-ni-empty i{font-size:56px;color:#9cb0c0}.aula-ni-empty h3{margin:12px 0 5px}.aula-ni-muted{display:block;margin-top:5px;color:#7b8995}.aula-ni-table>thead>tr>th{border-bottom:2px solid #dce5ec;white-space:nowrap}.aula-ni-table>tbody>tr>td{vertical-align:middle}.aula-ni-progress{height:18px;margin:0;background:#eaf0f4}.aula-ni-progress .progress-bar{font-size:11px;line-height:18px}.aula-ni-actions{white-space:nowrap}.aula-ni-kpis{margin-bottom:20px}.aula-ni-kpi{display:flex;align-items:center;gap:14px;min-height:92px;padding:16px 18px;background:#fff;border:1px solid #dfe7ee;border-radius:12px;box-shadow:0 3px 12px rgba(30,60,90,.05)}.aula-ni-kpi i{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#e8f4fb;color:#0873a7;font-size:25px}.aula-ni-kpi strong{font-size:26px}.aula-ni-kpi span{color:#687783}.aula-ni-lista-completa{display:grid;gap:14px}.aula-ni-card{display:flex;gap:15px;padding:18px;background:#fff;border:1px solid #dfe6ec;border-radius:12px;box-shadow:0 3px 12px rgba(31,53,75,.05)}.aula-ni-card.no-leida{border-left:5px solid #0b8abf;background:#f7fcff}.aula-ni-card.prioridad-alta{border-left-color:#e94848}.aula-ni-card-icon{width:46px;height:46px;flex:0 0 46px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#eaf5fb;color:#0b76a5;font-size:24px}.aula-ni-card.prioridad-alta .aula-ni-card-icon{background:#fdecec;color:#db3939}.aula-ni-card-body{min-width:0;flex:1}.aula-ni-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.aula-ni-card-head h3{margin:0 0 8px;font-size:19px}.aula-ni-card-head time{color:#84909b;white-space:nowrap}.aula-ni-card-body p{margin:10px 0 14px;color:#44515d}.aula-ni-card-actions{display:flex;align-items:center;gap:8px}.aula-ni-leida{color:#2e8b57;font-weight:600}
/* Campana superior */
.aula-ni-navbar{position:relative}.dashboard-Navbar .aula-ni-bell{position:relative}.aula-ni-badge{position:absolute;top:8px;right:7px;min-width:18px;height:18px;padding:0 5px;border-radius:10px;background:#e53935;color:#fff;font-size:11px;line-height:18px;text-align:center;font-weight:700}.aula-ni-dropdown{position:absolute;right:0;top:50px;width:390px;max-width:calc(100vw - 24px);background:#fff;color:#27313a;border:1px solid #dfe6ec;border-radius:10px;box-shadow:0 14px 35px rgba(20,40,60,.22);z-index:9999;text-align:left;overflow:hidden}.aula-ni-dropdown-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #e8edf1}.aula-ni-dropdown-head button{padding:0;border:0;background:none;color:#0879ab;font-size:12px}.aula-ni-dropdown-list{max-height:390px;overflow-y:auto}.aula-ni-dropdown-item{display:flex;gap:11px;padding:13px 15px;border-bottom:1px solid #eef2f5;color:#27313a;text-decoration:none}.aula-ni-dropdown-item:hover,.aula-ni-dropdown-item.no-leida{background:#f2f9fd}.aula-ni-dropdown-item.prioridad-alta{border-left:4px solid #e54747}.aula-ni-dropdown-icon{width:34px;height:34px;flex:0 0 34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#eaf5fb;color:#0b78a8}.aula-ni-dropdown-content{min-width:0;flex:1}.aula-ni-dropdown-content strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aula-ni-dropdown-content p{margin:3px 0;color:#677582;font-size:12px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.aula-ni-dropdown-content time{color:#98a2aa;font-size:11px}.aula-ni-dropdown-footer{display:block;padding:12px;text-align:center;background:#f7f9fb;color:#0879ab;font-weight:600}.aula-ni-dropdown-loading,.aula-ni-dropdown-empty{padding:30px;text-align:center;color:#84909b}.aula-ni-modal-table{max-height:450px;overflow:auto}
@media(max-width:767px){.aula-ni-header{align-items:flex-start;flex-direction:column}.aula-ni-header .btn{width:100%}.aula-ni-card-head{flex-direction:column;gap:2px}.aula-ni-dropdown{right:-45px;width:340px}.aula-ni-kpi{margin-bottom:12px}}


/* Corrección del desplegable de la campana: la barra original usa overflow:hidden. */
.dashboard-Navbar{
    position: relative;
    z-index: 10000;
    overflow: visible !important;
}
.dashboard-Navbar > ul{
    overflow: visible !important;
}
.dashboard-Navbar > ul > li.aula-ni-navbar{
    position: relative;
    z-index: 10001;
    overflow: visible !important;
}
.aula-ni-dropdown{
    display: none;
}
.aula-ni-dropdown.is-open{
    display: block !important;
}
.aula-ni-dropdown[hidden]{
    display: none !important;
}

/* =========================================================
   REDISEÑO V2 - CAMPANA DE NOTIFICACIONES
   Corrige herencia de line-height de la barra y compacta el menú.
   ========================================================= */
.dashboard-Navbar .aula-ni-navbar{
    line-height: normal !important;
}
.dashboard-Navbar .aula-ni-bell{
    width: 42px !important;
    height: 42px !important;
    margin: 4px;
    border-radius: 12px;
    line-height: 42px !important;
    font-size: 21px;
    transition: background-color .2s ease, transform .2s ease;
}
.dashboard-Navbar .aula-ni-bell:hover,
.dashboard-Navbar .aula-ni-bell:focus{
    background: rgba(255,255,255,.16);
    transform: translateY(-1px);
}
.aula-ni-badge{
    top: 1px;
    right: 0;
    min-width: 20px;
    height: 20px;
    padding: 0 5px;
    border: 2px solid #0288d1;
    border-radius: 999px;
    background: #ef4444;
    box-shadow: 0 3px 8px rgba(239,68,68,.34);
    font-size: 10px;
    line-height: 16px !important;
}
.aula-ni-dropdown,
.aula-ni-dropdown *{
    box-sizing: border-box;
    line-height: normal;
}
.aula-ni-dropdown{
    right: -5px;
    top: 58px;
    width: 380px;
    max-width: calc(100vw - 24px);
    border: 1px solid rgba(15,78,115,.12);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 22px 55px rgba(13,51,75,.22), 0 4px 14px rgba(13,51,75,.10);
    overflow: visible;
    transform-origin: top right;
}
.aula-ni-dropdown::before{
    content: "";
    position: absolute;
    top: -7px;
    right: 21px;
    width: 14px;
    height: 14px;
    background: #fff;
    border-top: 1px solid rgba(15,78,115,.12);
    border-left: 1px solid rgba(15,78,115,.12);
    transform: rotate(45deg);
    z-index: 1;
}
.aula-ni-dropdown.is-open{
    animation: aulaNiDropdownIn .18s ease-out both;
}
@keyframes aulaNiDropdownIn{
    from{opacity:0;transform:translateY(-7px) scale(.98)}
    to{opacity:1;transform:translateY(0) scale(1)}
}
.aula-ni-dropdown-head{
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 72px;
    padding: 14px 16px;
    border-bottom: 1px solid #e8eef3;
    border-radius: 16px 16px 0 0;
    background: #fff;
}
.aula-ni-dropdown-title{
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 11px;
}
.aula-ni-dropdown-title-icon{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    border-radius: 11px;
    background: #e8f5fc;
    color: #0878ad;
    font-size: 20px;
}
.aula-ni-dropdown-title strong{
    display: block;
    margin: 0 0 3px;
    color: #20313e;
    font-size: 16px;
    font-weight: 700;
}
.aula-ni-dropdown-title small{
    display: block;
    color: #8493a0;
    font-size: 11px;
    white-space: nowrap;
}
.aula-ni-dropdown-head button{
    display: inline-flex;
    align-items: center;
    gap: 5px;
    flex: 0 0 auto;
    width: auto !important;
    height: 32px !important;
    padding: 0 9px !important;
    border: 1px solid #dbeaf2;
    border-radius: 9px;
    background: #f4fafd;
    color: #0878ad;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color .2s ease, border-color .2s ease;
}
.aula-ni-dropdown-head button:hover{
    border-color: #bcddea;
    background: #eaf7fc;
}
.aula-ni-dropdown-list{
    max-height: 350px;
    padding: 8px;
    overflow-y: auto;
    overflow-x: hidden;
    background: #f5f8fb;
    scrollbar-width: thin;
    scrollbar-color: #bdccd6 transparent;
}
.aula-ni-dropdown-list::-webkit-scrollbar{width:6px}
.aula-ni-dropdown-list::-webkit-scrollbar-thumb{border-radius:999px;background:#bdccd6}
.aula-ni-dropdown-item{
    position: relative;
    display: flex !important;
    align-items: flex-start;
    gap: 11px;
    width: 100% !important;
    height: auto !important;
    min-height: 78px;
    margin: 0 0 7px;
    padding: 12px 34px 11px 12px !important;
    border: 1px solid #e4ebf0;
    border-radius: 11px;
    background: #fff;
    color: #263640 !important;
    line-height: normal !important;
    text-align: left !important;
    text-decoration: none !important;
    box-shadow: 0 2px 7px rgba(24,56,78,.035);
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.aula-ni-dropdown-item:last-child{margin-bottom:0}
.aula-ni-dropdown-item:hover{
    border-color: #c7dce7;
    background: #fff;
    box-shadow: 0 6px 16px rgba(19,70,100,.10);
    transform: translateY(-1px);
}
.aula-ni-dropdown-item.no-leida{
    border-color: #cce8f5;
    background: #f3fbff;
}
.aula-ni-dropdown-item.no-leida::after{
    content: "";
    position: absolute;
    top: 17px;
    right: 13px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #0b8ac3;
    box-shadow: 0 0 0 3px rgba(11,138,195,.12);
}
.aula-ni-dropdown-item.prioridad-alta{
    border-left: 3px solid #ef4444;
}
.aula-ni-dropdown-item.prioridad-alta.no-leida::after{
    background: #ef4444;
    box-shadow: 0 0 0 3px rgba(239,68,68,.12);
}
.aula-ni-dropdown-icon{
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    margin-top: 1px;
    border-radius: 12px;
    background: #e8f5fc;
    color: #0878ad;
    font-size: 20px;
}
.aula-ni-dropdown-item.prioridad-alta .aula-ni-dropdown-icon{
    background: #fff0f0;
    color: #dc3f3f;
}
.aula-ni-dropdown-content{
    display: block;
    min-width: 0;
    flex: 1;
    padding-top: 1px;
}
.aula-ni-dropdown-content strong{
    display: block;
    max-width: 100%;
    margin: 0 0 4px;
    overflow: hidden;
    color: #263640;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.25 !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.aula-ni-dropdown-content p{
    display: -webkit-box;
    margin: 0 0 7px;
    overflow: hidden;
    color: #687985;
    font-size: 12px;
    line-height: 1.35 !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.aula-ni-dropdown-content time{
    display: block;
    color: #9aa7b0;
    font-size: 10.5px;
    font-weight: 500;
    line-height: 1.2 !important;
}
.aula-ni-dropdown-content time::before{
    content: "\2022";
    margin-right: 5px;
    color: #b5c0c8;
}
.aula-ni-dropdown-footer{
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 7px;
    width: 100% !important;
    height: auto !important;
    min-height: 48px;
    padding: 12px 16px !important;
    border-radius: 0 0 16px 16px;
    border-top: 1px solid #e7edf2;
    background: #fff;
    color: #0878ad !important;
    font-size: 12.5px !important;
    font-weight: 700;
    line-height: normal !important;
    text-align: center;
    text-decoration: none !important;
    transition: background-color .2s ease;
}
.aula-ni-dropdown-footer:hover{
    background: #f2f9fd;
}
.aula-ni-dropdown-footer i{
    font-size: 17px;
}
.aula-ni-dropdown-loading,
.aula-ni-dropdown-empty{
    margin: 0;
    padding: 32px 18px;
    border-radius: 10px;
    background: #fff;
    color: #81909b;
    font-size: 12px;
    line-height: 1.55 !important;
    text-align: center;
}
.aula-ni-dropdown-loading i,
.aula-ni-dropdown-empty i{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    margin-bottom: 8px;
    border-radius: 50%;
    background: #edf7fc;
    color: #1182b7;
    font-size: 22px;
}
@media(max-width: 520px){
    .aula-ni-dropdown{
        position: fixed;
        top: 58px;
        right: 10px;
        left: 10px;
        width: auto;
        max-width: none;
    }
    .aula-ni-dropdown::before{right:23px}
    .aula-ni-dropdown-title small{display:none}
    .aula-ni-dropdown-head button span{display:none}
    .aula-ni-dropdown-head button{width:34px !important;padding:0 !important;justify-content:center}
    .aula-ni-dropdown-list{max-height:calc(100vh - 190px)}
}

/* =========================================================
   REDISEÑO V3 - PANTALLA "MIS NOTIFICACIONES"
   ========================================================= */
.aula-ni-inbox-page{
    min-height: calc(100vh - 50px);
    margin-right: -15px;
    margin-left: -15px;
    padding: 26px 28px 52px;
    background:
        radial-gradient(circle at 100% 0, rgba(18,143,198,.09), transparent 330px),
        #f4f7fa;
}
.aula-ni-inbox-shell{
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}
.aula-ni-inbox-hero{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 20px;
    padding: 23px 25px;
    border: 1px solid #dce7ee;
    border-radius: 18px;
    background: linear-gradient(135deg, #ffffff 0%, #f3faff 100%);
    box-shadow: 0 8px 28px rgba(22,65,92,.07);
}
.aula-ni-inbox-hero-main{
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 16px;
}
.aula-ni-inbox-hero-icon{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 58px;
    width: 58px;
    height: 58px;
    border-radius: 17px;
    background: linear-gradient(145deg, #0d8bc4, #08709f);
    color: #fff;
    box-shadow: 0 9px 22px rgba(9,119,167,.25);
    font-size: 29px;
}
.aula-ni-eyebrow{
    display: block;
    margin-bottom: 3px;
    color: #1683b4;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
}
.aula-ni-inbox-hero h1{
    margin: 0 0 5px;
    color: #203441;
    font-size: 29px;
    font-weight: 700;
    line-height: 1.15;
}
.aula-ni-inbox-hero p{
    margin: 0;
    color: #6e7f8b;
    font-size: 14px;
}
.aula-ni-mark-all{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    min-height: 42px;
    gap: 8px;
    padding: 0 16px;
    border: 1px solid #c8dfeb;
    border-radius: 11px;
    background: #fff;
    color: #087cae;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 3px 10px rgba(20,76,105,.06);
    transition: background-color .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}
.aula-ni-mark-all:hover:not(:disabled){
    border-color: #9fcde0;
    background: #eef9fe;
    box-shadow: 0 7px 18px rgba(20,100,137,.10);
    transform: translateY(-1px);
}
.aula-ni-mark-all:disabled{
    border-color: #e1e7eb;
    background: #f6f8fa;
    color: #a4afb7;
    cursor: default;
    box-shadow: none;
}
.aula-ni-inbox-summary{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 20px;
}
.aula-ni-summary-card{
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 13px;
    padding: 16px 17px;
    border: 1px solid #dfe8ee;
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 5px 18px rgba(22,60,86,.055);
}
.aula-ni-summary-icon{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 43px;
    width: 43px;
    height: 43px;
    border-radius: 13px;
    font-size: 21px;
}
.aula-ni-summary-card strong{
    display: block;
    margin-bottom: 1px;
    color: #213642;
    font-size: 23px;
    font-weight: 700;
    line-height: 1;
}
.aula-ni-summary-card span:last-child{
    color: #788793;
    font-size: 11.5px;
    font-weight: 600;
}
.aula-ni-summary-card-total .aula-ni-summary-icon{background:#e9f5fb;color:#087aad}
.aula-ni-summary-card-unread .aula-ni-summary-icon{background:#fff4df;color:#d68b10}
.aula-ni-summary-card-read .aula-ni-summary-icon{background:#eaf8ef;color:#27864e}
.aula-ni-summary-card-important .aula-ni-summary-icon{background:#fff0f0;color:#dc4242}
.aula-ni-inbox-panel{
    overflow: hidden;
    border: 1px solid #dce5eb;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 9px 30px rgba(23,60,84,.07);
}
.aula-ni-inbox-toolbar{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    padding: 18px 20px;
    border-bottom: 1px solid #e7edf1;
    background: #fff;
}
.aula-ni-inbox-title{
    flex: 0 0 auto;
}
.aula-ni-inbox-title h2{
    margin: 0 0 2px;
    color: #263b48;
    font-size: 17px;
    font-weight: 700;
}
.aula-ni-inbox-title span{
    color: #8a98a2;
    font-size: 11px;
}
.aula-ni-inbox-tools{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-width: 0;
    gap: 11px;
}
.aula-ni-search{
    display: flex;
    align-items: center;
    width: 310px;
    max-width: 40vw;
    height: 40px;
    gap: 8px;
    margin: 0;
    padding: 0 12px;
    border: 1px solid #dbe5eb;
    border-radius: 11px;
    background: #f8fafb;
    color: #8b99a4;
    transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease;
}
.aula-ni-search:focus-within{
    border-color: #8cc8df;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(11,139,192,.09);
}
.aula-ni-search i{
    flex: 0 0 auto;
    font-size: 18px;
}
.aula-ni-search input{
    min-width: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: #334650;
    font-size: 12px;
}
.aula-ni-search input::placeholder{color:#9ba7af}
.aula-ni-filter-group{
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 4px;
    border: 1px solid #e0e7ec;
    border-radius: 11px;
    background: #f4f7f9;
}
.aula-ni-filter-btn{
    min-height: 31px;
    padding: 0 11px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: #71818c;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
    transition: background-color .18s ease, color .18s ease, box-shadow .18s ease;
}
.aula-ni-filter-btn:hover{color:#0879ab}
.aula-ni-filter-btn.is-active{
    background: #fff;
    color: #0879ab;
    box-shadow: 0 2px 7px rgba(24,70,95,.10);
}
.aula-ni-inbox-list{
    display: grid;
    gap: 10px;
    padding: 14px;
    background: #f5f8fa;
}
.aula-ni-inbox-card{
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin: 0;
    padding: 17px 18px;
    border: 1px solid #e0e8ed;
    border-left: 4px solid transparent;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 3px 10px rgba(26,65,89,.035);
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease, background-color .18s ease;
}
.aula-ni-inbox-card:hover{
    border-color: #c8dbe5;
    box-shadow: 0 9px 23px rgba(22,66,92,.09);
    transform: translateY(-1px);
}
.aula-ni-inbox-card.no-leida{
    border-left-color: #0d8cc4;
    background: linear-gradient(90deg, #f3fbff 0, #fff 165px);
}
.aula-ni-inbox-card.prioridad-alta{
    border-left-color: #e84a4a;
}
.aula-ni-inbox-card-icon{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    margin-top: 1px;
    border-radius: 13px;
    background: #eaf6fb;
    color: #087cad;
    font-size: 22px;
}
.aula-ni-inbox-card.prioridad-alta .aula-ni-inbox-card-icon{
    background: #fff0f0;
    color: #dc4141;
}
.aula-ni-inbox-card-main{
    min-width: 0;
    flex: 1;
}
.aula-ni-inbox-card-meta{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 7px;
}
.aula-ni-type-pill,
.aula-ni-course-pill,
.aula-ni-priority-pill{
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    min-height: 23px;
    gap: 5px;
    padding: 0 8px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
}
.aula-ni-type-pill{
    background: #eaf5fa;
    color: #117ba6;
}
.aula-ni-course-pill{
    overflow: hidden;
    background: #f0f3f6;
    color: #647580;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.aula-ni-course-pill i{flex:0 0 auto}
.aula-ni-priority-pill{
    background: #fff0f0;
    color: #d74141;
}
.aula-ni-inbox-card-heading{
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 9px;
}
.aula-ni-inbox-card-heading h3{
    min-width: 0;
    margin: 0;
    color: #263a47;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.3;
}
.aula-ni-unread-dot{
    flex: 0 0 8px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #0b8ac3;
    box-shadow: 0 0 0 3px rgba(11,138,195,.12);
}
.aula-ni-inbox-card.prioridad-alta .aula-ni-unread-dot{
    background: #e84545;
    box-shadow: 0 0 0 3px rgba(232,69,69,.12);
}
.aula-ni-inbox-message{
    max-width: 900px;
    margin: 8px 0 13px !important;
    color: #53646f !important;
    font-size: 13px;
    line-height: 1.55;
}
.aula-ni-inbox-card-footer{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding-top: 11px;
    border-top: 1px solid #edf1f4;
}
.aula-ni-inbox-date{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #8b98a1;
    font-size: 10.5px;
    font-weight: 600;
}
.aula-ni-inbox-date i{font-size:15px}
.aula-ni-card-actions{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 7px;
}
.aula-ni-action{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 33px;
    gap: 7px;
    padding: 0 11px;
    border: 1px solid transparent;
    border-radius: 9px;
    font-size: 10.5px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none !important;
    cursor: pointer;
    transition: background-color .17s ease, border-color .17s ease, color .17s ease, transform .17s ease;
}
.aula-ni-action:hover{transform:translateY(-1px)}
.aula-ni-action-primary{
    border-color: #0b83b9;
    background: #0b83b9;
    color: #fff !important;
}
.aula-ni-action-primary:hover{
    border-color: #086f9d;
    background: #086f9d;
}
.aula-ni-action-secondary{
    border-color: #d7e2e8;
    background: #fff;
    color: #657681;
}
.aula-ni-action-secondary:hover{
    border-color: #b8d2de;
    background: #f2f9fc;
    color: #0879aa;
}
.aula-ni-leida{
    display: inline-flex;
    align-items: center;
    min-height: 31px;
    gap: 5px;
    padding: 0 9px;
    border-radius: 8px;
    background: #edf8f1;
    color: #28804c;
    font-size: 10.5px;
    font-weight: 700;
}
.aula-ni-state{
    padding: 65px 20px;
    text-align: center;
    background: #fff;
}
.aula-ni-state > span{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 62px;
    margin-bottom: 13px;
    border-radius: 19px;
    background: #eaf6fb;
    color: #1680ad;
    font-size: 29px;
}
.aula-ni-state h3{
    margin: 0 0 5px;
    color: #2e414d;
    font-size: 18px;
    font-weight: 700;
}
.aula-ni-state p{
    margin: 0;
    color: #7d8c96;
    font-size: 12px;
}
.aula-ni-state-error > span{
    background: #fff0f0;
    color: #dd4545;
}
.aula-ni-state-filter{
    background: #f7f9fb;
}
.aula-ni-inbox-card[hidden],
.aula-ni-state[hidden]{display:none !important}

@media(max-width: 991px){
    .aula-ni-inbox-page{padding:22px 20px 45px}
    .aula-ni-inbox-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
    .aula-ni-inbox-toolbar{align-items:flex-start;flex-direction:column}
    .aula-ni-inbox-tools{width:100%;justify-content:space-between}
    .aula-ni-search{width:100%;max-width:none;flex:1}
}
@media(max-width: 700px){
    .aula-ni-inbox-page{padding:16px 13px 38px}
    .aula-ni-inbox-hero{align-items:flex-start;flex-direction:column;padding:19px}
    .aula-ni-inbox-hero h1{font-size:24px}
    .aula-ni-mark-all{width:100%}
    .aula-ni-inbox-tools{align-items:stretch;flex-direction:column}
    .aula-ni-filter-group{width:100%}
    .aula-ni-filter-btn{flex:1}
    .aula-ni-inbox-card{padding:15px 14px}
    .aula-ni-inbox-card-icon{flex-basis:39px;width:39px;height:39px;font-size:20px}
    .aula-ni-inbox-card-footer{align-items:flex-start;flex-direction:column}
    .aula-ni-card-actions{width:100%;justify-content:flex-start}
}
@media(max-width: 470px){
    .aula-ni-inbox-summary{grid-template-columns:1fr 1fr;gap:9px}
    .aula-ni-summary-card{padding:13px 12px;gap:10px}
    .aula-ni-summary-icon{flex-basis:37px;width:37px;height:37px;font-size:18px}
    .aula-ni-summary-card strong{font-size:20px}
    .aula-ni-inbox-hero-icon{flex-basis:49px;width:49px;height:49px;font-size:25px}
    .aula-ni-inbox-panel{border-radius:14px}
    .aula-ni-inbox-list{padding:9px}
    .aula-ni-inbox-card{gap:10px;border-radius:12px}
    .aula-ni-inbox-card-heading h3{font-size:15px}
    .aula-ni-action{width:100%}
    .aula-ni-card-actions{align-items:stretch;flex-direction:column}
}