/* 
 * eCare Academy Dashboard Modernization Styles
 * Colors and tokens inherited from header.php :root
 */

:root {
    --tutor-color-primary: #7c3aed;
    --tutor-color-primary-hover: #6d28d9;
    --tutor-color-secondary: #d946ef;
    --tutor-dashboard-sidebar-bg: #ffffff;
}

/* Dashboard Wrapper */
.tutor-dashboard {
    background-color: #f8fafc;
    padding-top: 40px;
    padding-bottom: 80px;
}

/* Sidebar Styling */
.tutor-dashboard-left-menu {
    background: white !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 24px !important;
    padding: 24px !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05) !important;
    position: sticky;
    top: 100px;
}

/* Remove internal separators and lines */
.tutor-dashboard-left-menu,
.tutor-dashboard-left-menu:after,
.tutor-dashboard-left-menu:before,
.tutor-dashboard-permalinks,
.tutor-dashboard-permalinks:after,
.tutor-dashboard-permalinks:before,
.tutor-dashboard-content,
.tutor-dashboard-content:after,
.tutor-dashboard-content:before {
    border-right: none !important;
    border-left: none !important;
}

.tutor-dashboard-menu-item {
    margin-bottom: 8px !important;
}

.tutor-dashboard-menu-item a {
    border-radius: 12px !important;
    padding: 12px 16px !important;
    font-weight: 600 !important;
    color: #475569 !important;
    transition: all 0.3s ease !important;
    border: none !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.tutor-dashboard-menu-item a:hover {
    background: #f1f5f9 !important;
    color: #1e293b !important;
    transform: translateX(4px);
}

.tutor-dashboard-menu-item.active a {
    background: var(--ecare-gradient) !important;
    color: white !important;
    box-shadow: 0 10px 15px -3px rgba(124, 58, 237, 0.3) !important;
}

.tutor-dashboard-menu-item a i {
    font-size: 20px !important;
    width: 24px !important;
    text-align: center !important;
}

.tutor-dashboard-permalinks {
    border: none !important;
}

/* Dashboard Cards */
.tutor-card {
    border: 1px solid #e2e8f0 !important;
    border-radius: 24px !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05) !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
    background: white !important;
}

.tutor-card:hover {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1) !important;
}

/* Profile Completion */
.tutor-profile-completion {
    background: linear-gradient(135deg, #fdfcfb 0%, #e2d1c3 100%) !important; /* Subtle warm gradient */
    border: none !important;
}

.tutor-profile-completion .tutor-progress-bar {
    background-color: #e2e8f0 !important;
}

.tutor-profile-completion .tutor-progress-value {
    background: var(--ecare-gradient) !important;
}

/* Dashboard Stats Boxes */
.tutor-dashboard-content-inner .tutor-card {
    border: none !important;
    background: white !important;
    border: 1px solid #f1f5f9 !important;
}

.tutor-dashboard-content-inner .tutor-round-box {
    background: #f1f5f9 !important;
    color: #7c3aed !important;
    width: 56px !important;
    height: 56px !important;
    border-radius: 16px !important;
}

.tutor-dashboard-content-inner .tutor-fs-3 {
    font-size: 28px !important;
    font-weight: 900 !important;
    color: #1e293b !important;
    margin-top: 8px !important;
}

/* Progress Section */
.tutor-course-progress-item {
    border: 1px solid #e2e8f0 !important;
    border-radius: 24px !important;
}

.tutor-course-progress-item img {
    border-radius: 24px 0 0 24px !important;
}

.tutor-course-progress-item .tutor-progress-bar {
    height: 8px !important;
    border-radius: 4px !important;
}

.tutor-course-progress-item .tutor-progress-value {
    background: var(--ecare-gradient) !important;
}

/* Tables */
.tutor-table {
    border-collapse: separate !important;
    border-spacing: 0 8px !important;
    width: 100% !important;
}

.tutor-table thead th {
    background: transparent !important;
    border: none !important;
    color: #64748b !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    padding: 12px 16px !important;
}

.tutor-table tbody tr {
    background: white !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important;
    transition: all 0.2s ease !important;
}

.tutor-table tbody tr:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1) !important;
}

.tutor-table tbody td {
    border: none !important;
    padding: 16px !important;
    font-size: 14px !important;
}

.tutor-table tbody tr td:first-child { border-radius: 12px 0 0 12px !important; }
.tutor-table tbody tr td:last-child { border-radius: 0 12px 12px 0 !important; }

/* Dashboard Header/Title */
.tutor-dashboard-title {
    font-size: 32px !important;
    font-weight: 900 !important;
    color: #1e293b !important;
    margin-bottom: 32px !important;
}

/* Buttons in Dashboard */
.tutor-btn-primary, 
.tutor-btn-outline-primary {
    border-radius: 12px !important;
    font-weight: 700 !important;
    padding: 10px 24px !important;
    transition: all 0.3s ease !important;
}

.tutor-btn-primary {
    background: var(--ecare-gradient) !important;
    border: none !important;
    box-shadow: 0 4px 6px -1px rgba(124, 58, 237, 0.2) !important;
}

.tutor-btn-primary:hover {
    opacity: 0.9 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 15px -3px rgba(124, 58, 237, 0.3) !important;
}

/* Responsive Adjustments */
@media (max-width: 991px) {
    .tutor-dashboard-left-menu {
        position: static !important;
        margin-bottom: 40px !important;
    }
    
    .tutor-course-progress-item img {
        border-radius: 24px 24px 0 0 !important;
    }
}