.btn-blue { background-color: #1e3a8a; color: white; border-radius: 50px; border: none; transition: 0.3s; text-decoration: none; }
.btn-blue:hover { background-color: #162a63; transform: scale(1.05); color: white; }

/* Container & Card */
.profile-container { padding: 80px 0px; }
.profile-card {
    background: white; border-radius: 30px; overflow: hidden;
    box-shadow: 0 15px 40px rgba(0,0,0,0.05); border: 1px solid #fff;
}

/* Sidebar Styling */
.doctor-sidebar {
    background: #1e3a8a;
    color: white;
    padding: 40px; text-align: center;
}
.main-doc-img {
    width: 180px; height: 180px; border-radius: 50%; object-fit: cover;
    border: 6px solid rgba(255,255,255,0.2); box-shadow: 0 10px 25px rgba(0,0,0,0.2); 
}

/* Fee Badge */
.fee-badge {
    background: rgba(255,255,255,0.1);
    border: 1px dashed rgba(255,255,255,0.3);
    border-radius: 15px;
    padding: 15px; margin: 25px 0;
    display: flex; justify-content: space-between; align-items: center;
}
.fee-amount { font-size: 1.4rem; color: #4ade80; font-weight: 800; }

/* Form Styling */
.form-section { padding: 45px; }
.form-control, .form-select {
    border: none !important;
    border-bottom: 1px solid #e2e8f0 !important;
    border-radius: 0 !important;
    padding-left: 0 !important;
    font-size: 0.95rem;
    background-color: transparent !important;
}
.form-control:focus, .form-select:focus {
    box-shadow: none !important;
    border-bottom-color: #1e3a8a !important;
}

/* Back Link */
.back-link { transition: 0.2s; letter-spacing: 0.5px; cursor: pointer; }
.back-link:hover { color: #1e3a8a !important; transform: translateX(-5px); }

/* Success Modal Styles */
.success-icon-wrapper {
    width: 80px;
    height: 80px;
    background: #f0fdf4;
    color: #28a745;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 40px;
    margin: 0 auto 20px;
    border: 2px solid #28a745;
}

@media (max-width: 991px) {
    .profile-container { padding: 40px 15px; }
    .doctor-sidebar { border-bottom: 1px solid #eee; }
}
