/* ── DilKursu Instructor Dashboard ── */
.dk-instructor-wrap {
    font-family: 'Mulish', sans-serif;
    max-width: 780px;
    color: #1a1a2e;
    padding-bottom: 40px;
}

/* Header */
.dk-panel-header { margin-bottom: 28px; }
.dk-panel-header h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 24px;
    font-weight: 600;
    margin: 0 0 6px;
    letter-spacing: -0.4px;
}
.dk-subtitle { color: #6b7280; font-size: 14px; margin: 0; }

/* Cards */
.dk-add-slot-card,
.dk-slots-card {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    padding: 24px 28px;
    margin-bottom: 20px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}

.dk-add-slot-card h3,
.dk-slots-card h3 {
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-weight: 600;
    margin: 0 0 18px;
    color: #111827;
}

/* Slot form */
.dk-slot-form {
    display: flex;
    gap: 12px;
    align-items: flex-end;
    flex-wrap: wrap;
}

.dk-form-group { display: flex; flex-direction: column; gap: 6px; }
.dk-form-group label { font-size: 12px; font-weight: 500; color: #6b7280; letter-spacing: 0.3px; text-transform: uppercase; }

.dk-input {
    font-family: 'Mulish', sans-serif;
    font-size: 14px;
    border: 1.5px solid #e5e7eb;
    border-radius: 8px;
    padding: 9px 13px;
    min-width: 140px;
    background: #fafafa;
    color: #111827;
    transition: border-color .15s, background .15s;
    cursor: pointer;
}

.dk-input:focus, .dk-input.active {
    outline: none;
    border-color: #005CBA;
    background: #fff;
}

.dk-time { min-width: 100px; }

.dk-form-btn { justify-content: flex-end; }

/* Butonlar */
.dk-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 20px;
    border-radius: 8px;
    font-family: 'Mulish', sans-serif;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    border: none;
    transition: all .15s;
    white-space: nowrap;
}

.dk-btn-primary {
    background: #005CBA;
    color: #fff;
}
.dk-btn-primary:hover { background: #004a95; transform: translateY(-1px); box-shadow: 0 4px 12px rgba(0,92,186,.2); }
.dk-btn-primary:disabled { opacity: .5; transform: none; cursor: not-allowed; box-shadow: none; }
.dk-btn-icon { font-size: 18px; line-height: 1; }

/* Hızlı şablonlar */
.dk-quick-templates {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #f3f4f6;
}

.dk-template-label { font-size: 12px; color: #9ca3af; font-weight: 500; }

.dk-template-btn {
    font-family: 'Mulish', sans-serif;
    font-size: 12px;
    padding: 5px 11px;
    border: 1.5px solid #e5e7eb;
    border-radius: 6px;
    background: #fff;
    cursor: pointer;
    color: #374151;
    transition: all .12s;
}
.dk-template-btn:hover, .dk-template-btn.active {
    border-color: #005CBA;
    background: #E6F1FC;
    color: #005CBA;
}

/* Mesaj */
.dk-msg {
    margin-top: 12px;
    padding: 9px 14px;
    border-radius: 7px;
    font-size: 13px;
    font-weight: 500;
    display: none;
}
.dk-msg-success { background: #E6F1FC; color: #005CBA; border: 1px solid #b6d4f5; }
.dk-msg-error   { background: #fef2f2; color: #dc2626; border: 1px solid #fecaca; }

/* Slots header */
.dk-slots-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
}
.dk-slots-header h3 { margin: 0; }

.dk-filter-tabs { display: flex; gap: 4px; }
.dk-filter-btn {
    font-family: 'Mulish', sans-serif;
    font-size: 13px;
    font-weight: 500;
    padding: 5px 12px;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    background: #f3f4f6;
    color: #6b7280;
    transition: all .12s;
}
.dk-filter-btn.active { background: #005CBA; color: #fff; }

/* Date groups */
.dk-date-group { margin-bottom: 20px; }

.dk-date-label {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #9ca3af;
    margin-bottom: 10px;
    padding-left: 2px;
}

.dk-time-slots { display: flex; flex-wrap: wrap; gap: 8px; }

/* Slot chips */
.dk-slot-chip {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 14px;
    border-radius: 9px;
    font-size: 13px;
    transition: all .12s;
}

.dk-slot-free {
    background: #f4f9ff;
    border: 1.5px solid #b6d4f5;
    color: #005CBA;
}

.dk-slot-booked {
    background: #fef9f0;
    border: 1.5px solid #fcd34d;
    color: #92400e;
}

.dk-slot-time {
    font-family: 'Mulish', sans-serif;
    font-size: 13px;
    font-weight: 500;
}

.dk-slot-status { font-size: 11px; opacity: .75; }

.dk-delete-slot {
    background: none;
    border: none;
    cursor: pointer;
    color: #dc2626;
    font-size: 18px;
    line-height: 1;
    padding: 0 0 0 4px;
    opacity: .5;
    transition: opacity .12s;
    font-weight: 300;
}
.dk-slot-chip:hover .dk-delete-slot { opacity: 1; }

/* Loading */
.dk-loading {
    display: flex;
    justify-content: center;
    padding: 30px;
}
.dk-loading span {
    width: 28px; height: 28px;
    border: 2.5px solid #e5e7eb;
    border-top-color: #005CBA;
    border-radius: 50%;
    animation: dk-spin .7s linear infinite;
    display: block;
}
@keyframes dk-spin { to { transform: rotate(360deg); } }

.dk-empty {
    text-align: center;
    color: #9ca3af;
    font-size: 14px;
    padding: 24px 0;
    margin: 0;
}

/* Responsive */
@media (max-width: 600px) {
    .dk-slot-form { flex-direction: column; }
    .dk-input { min-width: 100%; }
    .dk-slots-header { flex-direction: column; align-items: flex-start; gap: 10px; }
    .dk-add-slot-card, .dk-slots-card { padding: 18px; }
}

/* ============================================================
   ExpertlyEdu Dark Skin v1.4.2 — Instructor dashboard
   ============================================================ */
.dk-instructor-wrap {
    --dk-bg: var(--color-bg, #060D1F);
    --dk-card: rgba(13, 27, 53, .94);
    --dk-card-2: rgba(10, 20, 40, .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-primary: var(--color-primary, #1E6FBB);
    --dk-secondary: var(--color-secondary, #17D4E8);
    --dk-gradient: linear-gradient(135deg, var(--dk-secondary), var(--dk-primary));
    max-width: 1080px !important;
    margin: 0 auto !important;
    color: var(--dk-text) !important;
    font-family: var(--font-primary, 'Inter', 'Mulish', system-ui, sans-serif) !important;
}
.dk-instructor-wrap .dk-panel-header,
.dk-instructor-wrap .dk-add-slot-card,
.dk-instructor-wrap .dk-slots-card {
    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;
}
.dk-instructor-wrap .dk-panel-header {
    background: linear-gradient(135deg, rgba(23,212,232,.14), rgba(30,111,187,.08)) !important;
    padding: 26px !important;
}
.dk-instructor-wrap .dk-add-slot-card,
.dk-instructor-wrap .dk-slots-card {
    background: linear-gradient(135deg, rgba(13,27,53,.96), rgba(10,20,40,.92)) !important;
}
.dk-instructor-wrap h2,
.dk-instructor-wrap h3,
.dk-instructor-wrap .dk-slot-date { color: #fff !important; }
.dk-instructor-wrap .dk-subtitle,
.dk-instructor-wrap .dk-template-label,
.dk-instructor-wrap .dk-form-group label,
.dk-instructor-wrap .dk-empty,
.dk-instructor-wrap .dk-loading { color: var(--dk-muted) !important; }
.dk-instructor-wrap .dk-input {
    background: rgba(6,13,31,.72) !important;
    border: 1px solid var(--dk-border) !important;
    color: #fff !important;
    border-radius: 14px !important;
}
.dk-instructor-wrap .dk-input:focus { border-color: var(--dk-secondary) !important; box-shadow: 0 0 0 4px rgba(23,212,232,.12) !important; }
.dk-instructor-wrap .dk-btn-primary,
.dk-instructor-wrap .dk-filter-btn.active,
.dk-instructor-wrap .dk-template-btn:hover {
    background: var(--dk-gradient) !important;
    color: #fff !important;
    border-color: transparent !important;
    border-radius: 999px !important;
    box-shadow: 0 14px 36px rgba(23,212,232,.16) !important;
}
.dk-instructor-wrap .dk-template-btn,
.dk-instructor-wrap .dk-filter-btn {
    background: rgba(255,255,255,.06) !important;
    border: 1px solid var(--dk-border) !important;
    color: var(--dk-text) !important;
    border-radius: 999px !important;
}
.dk-instructor-wrap .dk-quick-templates { border-top-color: var(--dk-border) !important; }
.dk-instructor-wrap .dk-slot-chip,
.dk-instructor-wrap .dk-slot-item {
    background: rgba(6,13,31,.48) !important;
    border: 1px solid var(--dk-border) !important;
    border-radius: 18px !important;
    color: var(--dk-text) !important;
}
.dk-instructor-wrap .dk-slot-free { border-color: rgba(23,212,232,.25) !important; color: var(--dk-secondary) !important; }
.dk-instructor-wrap .dk-slot-booked { background: rgba(245,158,11,.14) !important; color: #fcd34d !important; border-color: rgba(245,158,11,.28) !important; }
.dk-instructor-wrap .dk-slot-time { color: var(--dk-secondary) !important; font-weight: 800 !important; }
.dk-instructor-wrap .dk-delete-slot,
.dk-instructor-wrap .dk-slot-delete {
    background: rgba(239,68,68,.14) !important;
    color: #fecaca !important;
    border: 1px solid rgba(239,68,68,.30) !important;
    border-radius: 999px !important;
}
.dk-instructor-wrap .dk-delete-slot:hover,
.dk-instructor-wrap .dk-slot-delete:hover { background: #ef4444 !important; color: #fff !important; }
.dk-instructor-wrap #dk-slot-msg.success,
.dk-instructor-wrap .dk-msg-success { background: rgba(34,197,94,.12) !important; color: #86efac !important; border-color: rgba(34,197,94,.28) !important; }
.dk-instructor-wrap #dk-slot-msg.error,
.dk-instructor-wrap .dk-msg-error { background: rgba(239,68,68,.12) !important; color: #fecaca !important; border-color: rgba(239,68,68,.28) !important; }