/* Edusion brand uyumu */
.dk-student-dashboard,
.dk-dashboard-credit-widget,
.dk-section,
.dk-bookings-table,
.dk-credit-log-table {
    font-family: 'Mulish', sans-serif;
}

.dk-section-title,
.dk-credit-value {
    font-family: 'Poppins', sans-serif;
}

/* =============================================
   DilKursu - Öğrenci Dashboard Stilleri
   ============================================= */

/* --- Dashboard Kontrol Paneli Widget --- */
.dk-dashboard-credit-widget {
    background: #fff;
    border: 1px solid #e8eaf0;
    border-radius: 12px;
    padding: 24px;
    margin-bottom: 28px;
    box-shadow: 0 2px 8px rgba(0,0,0,.05);
}

.dk-credit-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin-bottom: 16px;
}

.dk-credit-card {
    background: #f7f8fc;
    border-radius: 10px;
    padding: 18px 14px;
    text-align: center;
    border: 2px solid transparent;
    transition: border-color .2s;
}

.dk-credit-card.dk-credit-remaining {
    background: #E6F1FC;
    border-color: #005CBA;
}

.dk-credit-card.dk-credit-empty {
    background: #fff4f4;
    border-color: #ef4444;
}

.dk-credit-icon { font-size: 22px; margin-bottom: 6px; }
.dk-credit-value { font-size: 32px; font-weight: 700; color: #1e293b; line-height: 1; }
.dk-credit-label { font-size: 12px; color: #64748b; margin-top: 4px; font-weight: 500; }

.dk-credit-warning {
    background: #E6F1FC;
    border: 1px solid #b6d4f5;
    border-radius: 8px;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    font-size: 14px;
    color: #005CBA;
    margin-bottom: 12px;
}

.dk-credit-buy-btn {
    background: #005CBA;
    color: #fff !important;
    padding: 7px 16px;
    border-radius: 6px;
    text-decoration: none !important;
    font-weight: 600;
    font-size: 13px;
    white-space: nowrap;
    transition: background .2s;
}
.dk-credit-buy-btn:hover { background: #004a95; }

.dk-credit-actions-top {
    margin-bottom: 10px;
}

.dk-credit-book-btn {
    display: inline-block;
    background: #005CBA;
    color: #fff !important;
    padding: 9px 20px;
    border-radius: 8px;
    text-decoration: none !important;
    font-weight: 600;
    font-size: 14px;
    transition: background .2s;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
}
.dk-credit-book-btn:hover { background: #004a95; }

.dk-credit-actions { text-align: right; }
.dk-credit-detail-link {
    font-size: 13px;
    color: #005CBA !important;
    text-decoration: none !important;
    font-weight: 500;
}
.dk-credit-detail-link:hover { text-decoration: underline !important; }

/* --- "Ders Hakkım" Tam Sayfa --- */
.dk-student-dashboard { padding: 0; }

.dk-summary-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin-bottom: 32px;
}

.dk-summary-card {
    background: #fff;
    border-radius: 12px;
    padding: 22px 20px;
    display: flex;
    align-items: center;
    gap: 16px;
    border-left: 4px solid transparent;
    box-shadow: 0 2px 8px rgba(0,0,0,.06);
    position: relative;
    overflow: hidden;
}

.dk-card-primary  { border-left-color: #005CBA; }
.dk-card-danger   { border-left-color: #ef4444; background: #fff9f9; }
.dk-card-success  { border-left-color: #005CBA; }
.dk-card-info     { border-left-color: #8fb8e6; }

.dk-card-icon { font-size: 28px; flex-shrink: 0; }

.dk-card-body { flex: 1; }
.dk-card-value { font-size: 36px; font-weight: 800; color: #1e293b; line-height: 1; }
.dk-card-label { font-size: 13px; color: #64748b; margin-top: 3px; font-weight: 500; }

.dk-card-cta {
    position: absolute;
    right: 16px;
    bottom: 14px;
    background: #ef4444;
    color: #fff !important;
    padding: 5px 12px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none !important;
    transition: background .2s;
}
.dk-card-cta:hover { background: #dc2626; }

/* --- Bölümler --- */
.dk-section {
    background: #fff;
    border: 1px solid #e8eaf0;
    border-radius: 12px;
    padding: 24px;
    margin-bottom: 24px;
    box-shadow: 0 2px 8px rgba(0,0,0,.04);
}

.dk-section-title {
    font-size: 16px;
    font-weight: 700;
    color: #1e293b;
    margin: 0 0 18px;
    padding-bottom: 12px;
    border-bottom: 2px solid #f1f5f9;
}

/* --- Tablolar --- */
.dk-table-wrap { overflow-x: auto; }

.dk-bookings-table,
.dk-credit-log-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

.dk-bookings-table th,
.dk-bookings-table td,
.dk-credit-log-table th,
.dk-credit-log-table td {
    padding: 10px 14px;
    text-align: left;
    border-bottom: 1px solid #f1f5f9;
}

.dk-bookings-table th,
.dk-credit-log-table th {
    background: #f8fafc;
    font-weight: 600;
    color: #475569;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.dk-bookings-table tr:last-child td,
.dk-credit-log-table tr:last-child td { border-bottom: none; }

.dk-bookings-table tr:hover td,
.dk-credit-log-table tr:hover td { background: #fafafa; }

.dk-row-muted td { opacity: .55; }

/* --- Badge --- */
.dk-badge {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
}
.dk-badge-success { background: #E6F1FC; color: #005CBA; }
.dk-badge-warn    { background: #fef3c7; color: #92400e; }
.dk-badge-danger  { background: #fee2e2; color: #991b1b; }
.dk-badge-info    { background: #e0e7ff; color: #3730a3; }

/* --- Zoom butonu --- */
.dk-zoom-btn {
    background: #005CBA;
    color: #fff !important;
    padding: 4px 12px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none !important;
    transition: background .2s;
}
.dk-zoom-btn:hover { background: #004a95; }

/* --- Kredi miktarı renkleri --- */
.dk-amount-plus { color: #005CBA; font-weight: 700; font-size: 15px; }
.dk-amount-minus { color: #6366f1; font-weight: 700; font-size: 15px; }
.dk-muted { color: #94a3b8; font-size: 12px; margin-left: 4px; }

/* --- Boş durum --- */
.dk-empty-state {
    text-align: center;
    padding: 32px;
    color: #64748b;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
}
.dk-btn-primary {
    background: #005CBA;
    color: #fff !important;
    padding: 10px 22px;
    border-radius: 8px;
    text-decoration: none !important;
    font-weight: 600;
    font-size: 14px;
    transition: background .2s;
}
.dk-btn-primary:hover { background: #004a95; }

/* --- Responsive --- */
@media (max-width: 640px) {
    .dk-credit-grid,
    .dk-summary-cards { grid-template-columns: 1fr; }
    .dk-credit-warning { flex-direction: column; align-items: flex-start; }
}


.dk-expandable-row {
    display: none;
}

.dk-expand-actions {
    margin-top: 14px;
    display: flex;
    justify-content: center;
}

.dk-expand-btn {
    appearance: none;
    border: 1px solid #b6d4f5;
    background: #E6F1FC;
    color: #005CBA;
    border-radius: 999px;
    padding: 10px 18px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    transition: background .2s, border-color .2s, color .2s;
}

.dk-expand-btn:hover {
    background: #d7eafb;
    border-color: #8fb8e6;
    color: #004a95;
}

.dk-expand-btn:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 92, 186, .15);
}

/* ExpertlyEdu dark dashboard skin */
.dk-dashboard-credit-widget,
.dk-student-dashboard {
    --dk-bg: rgba(6, 13, 31, .82);
    --dk-card: rgba(13, 27, 53, .92);
    --dk-border: var(--color-border, rgba(30,111,187,.22));
    --dk-text: var(--color-text, #E2E8F0);
    --dk-muted: var(--color-text-light, #94A3B8);
    --dk-accent: var(--color-secondary, #17D4E8);
    --dk-primary: var(--color-primary, #1E6FBB);
    color: var(--dk-text);
}
.dk-dashboard-credit-widget,
.dk-summary-card,
.dk-section {
    background: var(--dk-card) !important;
    border: 1px solid var(--dk-border) !important;
    border-radius: var(--radius-2xl, 24px) !important;
    box-shadow: 0 18px 50px rgba(0,0,0,.26) !important;
}
.dk-credit-value,
.dk-card-value,
.dk-section-title { color: #fff !important; }
.dk-credit-label,
.dk-card-label,
.dk-muted { color: var(--dk-muted) !important; }
.dk-card-cta,
.dk-credit-book-btn,
.dk-credit-buy-btn,
.dk-btn-primary {
    background: linear-gradient(135deg, var(--dk-accent), var(--dk-primary)) !important;
    color: #fff !important;
    border-radius: 999px !important;
    border: 0 !important;
}
.dk-table-wrap table,
.dk-bookings-table,
.dk-credit-log-table { background: rgba(6,13,31,.42) !important; color: var(--dk-text) !important; }
.dk-table-wrap th,
.dk-table-wrap td,
.dk-bookings-table th,
.dk-bookings-table td,
.dk-credit-log-table th,
.dk-credit-log-table td { border-color: var(--dk-border) !important; color: var(--dk-text) !important; }
.dk-table-wrap th { color: #fff !important; background: rgba(255,255,255,.05) !important; }

/* ============================================================
   ExpertlyEdu Dark Skin v1.4.2 — Student dashboard
   ============================================================ */
.dk-dashboard-credit-widget,
.dk-student-dashboard {
    --dk-bg: var(--color-bg, #060D1F);
    --dk-card: rgba(13, 27, 53, .94);
    --dk-card-2: rgba(10, 20, 40, .92);
    --dk-card-3: rgba(6, 13, 31, .58);
    --dk-border: var(--color-border, rgba(30,111,187,.22));
    --dk-text: var(--color-text, #E2E8F0);
    --dk-muted: var(--color-text-light, #94A3B8);
    --dk-primary: var(--color-primary, #1E6FBB);
    --dk-secondary: var(--color-secondary, #17D4E8);
    --dk-accent: var(--color-accent, #F59E0B);
    --dk-gradient: linear-gradient(135deg, var(--dk-secondary), var(--dk-primary));
    --dk-gradient-card: linear-gradient(135deg, rgba(13,27,53,.96), rgba(10,20,40,.92));
    color: var(--dk-text) !important;
    font-family: var(--font-primary, 'Inter', 'Mulish', system-ui, sans-serif) !important;
}
.dk-student-dashboard {
    max-width: 1120px;
    margin: 0 auto;
}
.dk-dashboard-credit-widget,
.dk-summary-card,
.dk-section {
    background: var(--dk-gradient-card) !important;
    border: 1px solid var(--dk-border) !important;
    border-radius: var(--radius-2xl, 28px) !important;
    box-shadow: 0 24px 70px rgba(0,0,0,.30) !important;
    color: var(--dk-text) !important;
}
.dk-credit-card {
    background: rgba(6,13,31,.54) !important;
    border: 1px solid var(--dk-border) !important;
    border-radius: 22px !important;
    color: var(--dk-text) !important;
}
.dk-credit-card.dk-credit-remaining,
.dk-card-primary,
.dk-card-success,
.dk-card-info {
    background: linear-gradient(135deg, rgba(23,212,232,.13), rgba(30,111,187,.10)) !important;
    border-color: rgba(23,212,232,.28) !important;
}
.dk-credit-card.dk-credit-empty,
.dk-card-danger {
    background: rgba(239,68,68,.10) !important;
    border-color: rgba(239,68,68,.28) !important;
}
.dk-credit-value,
.dk-card-value,
.dk-section-title { color: #fff !important; }
.dk-credit-label,
.dk-card-label,
.dk-muted,
.dk-empty-state { color: var(--dk-muted) !important; }
.dk-section-title { border-bottom: 1px solid var(--dk-border) !important; padding-bottom: 14px !important; }
.dk-credit-warning {
    background: rgba(245,158,11,.12) !important;
    border: 1px solid rgba(245,158,11,.28) !important;
    border-radius: 18px !important;
    color: #fcd34d !important;
}
.dk-card-cta,
.dk-credit-book-btn,
.dk-credit-buy-btn,
.dk-btn-primary,
.dk-zoom-btn {
    background: var(--dk-gradient) !important;
    color: #fff !important;
    border-radius: 999px !important;
    border: 0 !important;
    box-shadow: 0 14px 36px rgba(23,212,232,.16) !important;
    text-decoration: none !important;
}
.dk-card-cta:hover,
.dk-credit-book-btn:hover,
.dk-credit-buy-btn:hover,
.dk-btn-primary:hover,
.dk-zoom-btn:hover {
    filter: brightness(1.08);
    transform: translateY(-1px);
}
.dk-table-wrap { border-radius: 20px !important; border: 1px solid var(--dk-border) !important; overflow-x: auto !important; }
.dk-bookings-table,
.dk-credit-log-table {
    background: rgba(6,13,31,.42) !important;
    color: var(--dk-text) !important;
}
.dk-bookings-table th,
.dk-bookings-table td,
.dk-credit-log-table th,
.dk-credit-log-table td {
    border-color: var(--dk-border) !important;
    color: var(--dk-text) !important;
}
.dk-bookings-table th,
.dk-credit-log-table th {
    background: rgba(255,255,255,.05) !important;
    color: #fff !important;
}
.dk-bookings-table tr:hover td,
.dk-credit-log-table tr:hover td { background: rgba(23,212,232,.05) !important; }
.dk-badge { border-radius: 999px !important; border: 1px solid transparent; }
.dk-badge-success { background: rgba(34,197,94,.12) !important; color: #86efac !important; border-color: rgba(34,197,94,.24); }
.dk-badge-warn { background: rgba(245,158,11,.12) !important; color: #fcd34d !important; border-color: rgba(245,158,11,.24); }
.dk-badge-danger { background: rgba(239,68,68,.12) !important; color: #fecaca !important; border-color: rgba(239,68,68,.24); }
.dk-badge-info { background: rgba(23,212,232,.12) !important; color: var(--dk-secondary) !important; border-color: rgba(23,212,232,.24); }
.dk-amount-plus { color: #86efac !important; }
.dk-amount-minus { color: #fcd34d !important; }
.dk-expand-btn {
    background: rgba(23,212,232,.10) !important;
    color: var(--dk-secondary) !important;
    border: 1px solid rgba(23,212,232,.24) !important;
    border-radius: 999px !important;
    font-weight: 800 !important;
}
.dk-expand-btn:hover { background: var(--dk-gradient) !important; color: #fff !important; }
@media (max-width: 740px) {
    .dk-credit-grid,
    .dk-summary-cards { grid-template-columns: 1fr !important; }
    .dk-summary-card { min-height: 110px; }
}