/* =====================================================
   CURSOS - TABS
===================================================== */

.rb-cursos-tabs{
    display:flex;
    gap:40px;
    margin-bottom:25px;
    border-bottom:1px solid #e5e7eb;
}

.rb-cursos-tabs button{
    background:none;
    border:none;
    padding:0 0 12px 0;

    color:#6b7280;

    font-size:15px;
    font-weight:600;

    border-radius:0;
}

.rb-cursos-tabs button.active{
    color:#ea8354;
    border-bottom:3px solid #ea8354;
}


/* =====================================================
   CURSOS - TOOLBAR
===================================================== */

.rb-cursos-toolbar{

    display:grid;

    grid-template-columns:1fr 240px 240px auto;

    gap:14px;

    margin-bottom:24px;

    align-items:center;
}

.rb-cursos-toolbar select{

    height:46px;

    padding:0 14px;

    border:1px solid #dcdfe4;

    border-radius:10px;

    background:#fff;

    min-width:180px;

    font-size:14px;
}

.rb-cursos-toolbar input{

    height:46px;

    padding:0 16px;

    border:1px solid #dcdfe4;

    border-radius:10px;

    font-size:14px;
}


/* =====================================================
   CURSOS - LAYOUT
===================================================== */

.rb-cursos-layout{

    display:flex;

     grid-template-columns:1fr 220px;

    gap:24px;

    align-items:flex-start;



}

.rb-cursos-main{

   flex:1;

    min-width:1000px;
}



/* =====================================================
   CURSOS - GRUPOS
===================================================== */

.rb-group-badge{

    display:flex;

    align-items:center;
    justify-content:center;

    width:34px;
    height:34px;

    border-radius:50%;

    background:#dbeafe;
    color:#2563eb;

    font-size:12px;
    font-weight:700;
}
/* =====================================================
   CURSOS - TABLA
===================================================== */
.rb-table-card{

    background:#fff;

    border-radius:16px;

    overflow:hidden;

    box-shadow:0 4px 15px rgba(0,0,0,.08);
}
.rb-cursos-main table{

    width:100%;
     min-width:100%;

    border-collapse:separate;
    border-spacing:0;
    border-radius:0px;

    background:#fff;
    table-layout:auto;
}

.rb-cursos-main tbody tr:last-child td{

    border-bottom:none;
}
.rb-cursos-main thead{

    background:#f8fafc;
}

.rb-cursos-main th{

    text-align:left;

    padding:18px;

    font-size:13px;
    font-weight:600;

    color:#666;

    border-bottom:1px solid #eee;
}

.rb-cursos-main td{

    padding:12px 14px;

    border-bottom:1px solid #f1f1f1;

    vertical-align:middle;

    color:#444;
}
.rb-cursos-main tbody tr{

    height:auto;
}
.rb-cursos-main tbody tr:hover{

    background:#fafafa;
}
/* =====================================================
   CURSOS - ACCIONES
===================================================== */

.rb-cursos-main .rb-btn-icon{

    width:28px;
    height:28px;
    font-size:12px;
}
.rb-progress{
    width:100%;
    height:8px;
    background:#eee;
    border-radius:10px;
}

.rb-progress-fill{
    height:100%;
    width:80%;
    background:#16a34a;
    border-radius:10px;
}
.rb-ocupacion{
    white-space:nowrap;
}
.rb-progress-fill.success{
    background:#16a34a;
}

.rb-progress-fill.warning{
    background:#f97316;
}

.rb-progress-fill.danger{
    background:#dc2626;
}


.rb-curso-info{
    white-space:normal;
}

.rb-horario{
    white-space:normal;
}
.rb-cursos-page{
    min-width:1500px;
    background:#f5f6f8;
}
.rb-instructor{
    
    align-items:center;
    gap:10px;
}

.rb-instructor img{
    width:32px;
    height:32px;
    border-radius:50%;
}
/* =====================================================
   TABLE FOOTER
===================================================== */

.rb-table-footer{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:16px 24px;

    border-top:1px solid #f1f1f1;

    background:#fff;
}

.rb-table-results{

    font-size:14px;

    color:#374151;

    font-weight:600;
}
.rb-pagination{

    display:flex;

    align-items:center;

    gap:10px;
}

.rb-page-btn{

    width:40px;
    height:40px;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:0;

    border:1px solid #e5e7eb;

    background:#fff;

    border-radius:8px;

    color:#6b7280;

    font-size:14px;
    font-weight:600;

    cursor:pointer;

    transition:.2s;
}

.rb-page-btn:hover{

    border-color:#ea8354;

    color:#ea8354;

    background:#fff7f3;
}

.rb-page-btn.active{

    background:#ea8354;

    border-color:#ea8354;

    color:#fff;
}