/* ---------------------------------------------------------
   TUTOR LMS — RIBBON TAB BAR (Navigation Tabs)
   Clean Eduskyline Premium UI
   --------------------------------------------------------- */

/* Wrapper background */
.tutor-admin-container .tutor-nav-tabs-container,
.tutor-admin-container .tutor-nav-tabs {
    background: #F7F2FF !important; /* light lavender */
    padding: 12px 20px !important;
    border-radius: 14px !important;
    border: 1px solid #E5D8FF !important;
    overflow-x: auto !important;
}

/* Tabs */
.tutor-nav-tabs .tutor-nav-tab-item {
    padding: 10px 20px !important;
    margin-right: 10px !important;
    border-radius: 10px !important;
    color: #5B2EFF !important; /* Eduskyline purple */
    font-weight: 500 !important;
    transition: 0.25s ease !important;
}

/* Active tab */
.tutor-nav-tabs .tutor-nav-tab-item.is-active {
    background: #E8D9FF !important;
    color: #2E0F6D !important; /* darker purple */
    box-shadow: 0 2px 4px rgba(121, 66, 255, 0.12) !important;
    font-weight: 600 !important;
}

/* Hover */
.tutor-nav-tabs .tutor-nav-tab-item:hover {
    background: #EFE4FF !important;
    color: #7A42FF !important; /* hover purple */
}

/* Remove bottom border line */
.tutor-nav-tabs-container:after {
    display: none !important;
}









/* ---------------------------------------------------------
   STEP 2 — DASHBOARD CARDS (Metrics Boxes)
   Applies to LMS Reports, Instructor Dashboard, Analytics, etc.
   Premium Eduskyline UI
   --------------------------------------------------------- */

/* Card Container */
.tutor-report-overview-wrap .tutor-col-lg .tutor-admin-card,
.tutor-admin-dashboard-card,
.tutor-admin-card {
    background: #FFFFFF !important;
    border: 1px solid #F0E9FF !important;
    border-radius: 14px !important;
    padding: 26px 22px !important;
    box-shadow: 0 4px 12px rgba(121, 66, 255, 0.08) !important;
    transition: all 0.25s ease !important;
}

/* Hover effect */
.tutor-admin-card:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 8px 22px rgba(121, 66, 255, 0.16) !important;
    border-color: #E2D2FF !important;
}

/* --------------------------------------------
   ICON CIRCLE STYLE
   -------------------------------------------- */
.tutor-admin-card .tutor-icon,
.tutor-admin-card .color-purple {
    background: linear-gradient(135deg, #A066FF, #7D3CFF) !important;
    color: white !important;
    border-radius: 50% !important;
    padding: 12px !important;
    font-size: 22px !important;
    box-shadow: 0 4px 10px rgba(121, 66, 255, 0.28) !important;
}

/* --------------------------------------------
   TEXT (Number)
   -------------------------------------------- */
.tutor-admin-card .tutor-fs-5,
.tutor-admin-card .tutor-fs-5 * {
    font-weight: 700 !important;
    font-size: 26px !important;
    color: #2E0F6D !important; /* deep purple */
}

/* --------------------------------------------
   TEXT (Label)
   -------------------------------------------- */
.tutor-admin-card .tutor-color-muted,
.tutor-admin-card div,
.tutor-admin-card span {
    color: #6B4FA8 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
}