body {
     background: #1f2937;

 }

 .dashboard-wrapper {
     min-height: 100vh;
 }

 /* =========================
           SIDEBAR
        ========================= */

 .sidebar {
     background: #1f2937;
     min-height: 100vh;
     color: #fff;
     padding: 20px 15px;
     position: sticky;
     top: 0;
 }

 .sidebar-title {
     border-bottom: 1px solid rgba(255, 255, 255, .15);
     padding-bottom: 10px;
     margin-bottom: 20px;
 }

 .course-item {
     background: #374151;
     border-radius: 10px;
     padding: 12px;
     margin-bottom: 10px;
     cursor: pointer;
     transition: .2s;
 }

 .course-item:hover {
     background: #4b5563;
 }

 .course-item p {
     margin: 0;
     font-size: 14px;
     font-weight: bold;
 }

 .course-item small {
     color: #ddd;
 }

 /* =========================
           MAIN CONTENT
        ========================= */
.card-body {
    padding: 12px;
}

 .top-card {
     border: none;
     border-radius: 15px;
     border-bottom-left-radius:0;
     border-bottom-right-radius: 0;
     box-shadow: 0 2px 10px rgba(0, 0, 0, .08);
 }

 .panel-title {
     font-size: 1.2rem;
     font-weight: bold;
 }

 .section-card {
     border: none;
     border-radius: 15px;
     box-shadow: 0 2px 10px rgba(0, 0, 0, .08);
     margin-bottom: 25px;
 }

 .section-card .card-header {
     background: #fff;
     border: none;
     font-weight: bold;
     font-size: 18px;
 }

 /* =========================
           FORMS
        ========================= */

 .form-control {
     border-radius: 6px;
     /* height: 32px; */
     border-color: #9b9999;
 }
.file-input {
    height: 44px;
}
 textarea.form-control {
     height: auto;
 }

 /* =========================
           COURSE CARD
        ========================= */

 .course-card {
     border: none;
     border-radius: 15px;
     box-shadow: 0 2px 10px rgba(0, 0, 0, .08);
     margin-bottom: 20px;
 }

 .course-header {
     border-bottom: 1px solid #eee;
     padding-bottom: 10px;
     margin-bottom: 15px;
 }

 .file-box {
     background: #f8f9fa;
     border-radius: 10px;
     padding: 10px;
     margin-bottom: 10px;
 }

 .upload-area {
     background: #f8fafc;
     border: 2px dashed #d1d5db;
     border-radius: 12px;
     padding: 15px;
 }

 .btn-action {
     border-radius: 8px;
     min-width: 100px;
 }

 /* =========================
           MOBILE
        ========================= */
.persian-input::placeholder {
    text-align: right;
    direction: rtl;
}

.persian-input:focus,
.persian-input:not(:placeholder-shown) {
    text-align: left;
    direction: ltr;
}

.active-course-card{
    border: 2px solid #ffc107;
    box-shadow: 0 0 15px rgba(255,193,7,0.4);
    transition: all .3s ease;
}

.course-card{
    scroll-margin-top: 20px;
}



.input-error {
    border: 2px solid #dc3545 !important;
}

.input-success {
    border: 2px solid #28a745 !important;
}

.error-message {
    display: block;
    margin-top: 5px;
    font-size: 13px;
}

#create-course-btn:disabled {
    opacity: .6;
    cursor: not-allowed;
}




 @media(max-width:991px) {

     .sidebar {
         min-height: auto;
         position: relative;
     }

     .dashboard-content {
         padding-top: 20px;
     }
 }