/**
 * LD Dashboard Profile Styles
 *
 * User profile, student details, and settings.
 *
 * @package Ld_Dashboard
 * @since 7.5.0
 */


/* ==========================================================================
   STUDENT REPORT
   Student status, progress items, course progress bars, loaders
   ========================================================================== */

/* LearnDash Dashboard Student Report */

.ld-dashboard-student-status .ld-dashboard-seperator {
    margin: -20px -20px 15px;
}

.ld-dashboard-course-quizzes-assignment-progress span.select2.select2-container.select2-container--default {
    width: 100% !important;
    margin: 10px 0;
}

.ld-dashboard-course-progress h3.ldid-dashboard-title {
    font-size: 20px;
    line-height: 1;
    font-weight: 600;
    color: #3a3a46;
    margin: 0 0 10px;
}

.ld-dashboard-student-course-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    margin-bottom: 12px;
    display: flex;
    -ms-flex-flow: wrap;
    gap: 1.5%;
    flex-flow: wrap;
}

.ld-dashbord-student-progress-item {
    width: 32.33%;
    background: #FAFBFD;
    border-radius: var(--ld-border-radius);
    padding: 10px;
    overflow: hidden;
    border: 1px solid var(--ld-border-color);
}

.ld-dashbord-student-particulars {
    padding: 0 10px 5px;
    display: block;
}

.ld-dashbord-student-progress-item .ld-dashboard-summery-right-entry {
    font-size: 14px;
    margin: 5px 0;
    justify-content: space-between;
    align-items: center;
}

.ld-dashbord-student-progress-item .ld-dashboard-summary-amount {
    font-weight: bold;
    font-size: 18px;
}

span.ld-dashboard-export {
    display: block;
    margin-top: 10px;
}

.ins-cw-earning-table {
    min-height: 300px;
    max-height: 300px;
    overflow: hidden;
    overflow-y: scroll;
}

.ld-dashboard-student-details .ld-dashboard-student-courses li a,
.ld-dashboard-info-table td a {
    font-size: 15px;
}

ul.ld-dashboard-student-courses {
    margin: 0 !important;
    padding: 20px !important;
    list-style: none !important;
    background: var(--ld-white-bg);
}

ul.ld-dashboard-student-courses h3.ld-dashboard-instructor-earning-title {
    margin: -20px -20px 15px;
}

ul.ld-dashboard-student-courses li {
    margin: 0;
    padding: 0;
}

ul.ld-dashboard-student-courses li+li {
    margin-top: 10px;
}

ul.ld-dashboard-student-courses li strong {
    font-weight: 500;
    margin-bottom: 2px;
    display: flex;
    justify-content: space-between;
}


/* Course Progress Bar Style */

.ld-dashboard-course-quizzes-assignment-progress,
.ld-dashboard-course-progress {
    margin-bottom: 20px;
}

.ld-dashboard-course-progress ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.ld-dashboard-course-progress ul li {
    margin: 0;
    padding: 0;
}

.ld-dashboard-course-progress ul li+li {
    margin-top: 20px;
}

.ld-dashboard-course-progress ul li strong {
    width: 100%;
    font-weight: normal;
    display: block;
}

.ld-dashboard-course-progress ul li strong span,
.ld-dashboard-student-courses li strong span {
    float: right;
    margin-left: 6px;
    font-size: 13px;
    font-weight: normal;
    line-height: 1;
}

.ld-dashboard-student-courses span.ld-dashboard-progress-percentage {
    border-left: 1px solid var(--ld-border-color);
    padding-left: 6px;
}

.ld-dashboard-progress.progress_bar_wrap {
    background-color: rgba(191, 191, 191, 0.26);
    border-radius: 25px;
}

.ld-dashboard-progressbar {
    height: 6px;
    border-radius: inherit;
}

ul.ld-dashboard-student-courses-progress {
    margin: 0 !important;
    padding: 20px !important;
    list-style: none !important;
}

.ld-dashboard-course-progress ul.ld-dashboard-student-courses-progress li+li {
    margin-top: 12px;
}

ul.ld-dashboard-student-courses-progress span.ld-dashboard-progress-percentage {
    border-left: 1px solid var(--ld-border-color);
    padding-left: 6px;
}


/* Loader Style */

.ld-dashboard-loader,
.ld-dashboard-student-loader {
    width: 100%;
    background: transparent !important;
    margin-bottom: 20px;
    padding: 9px;
    border: none !important;
    height: auto;
    box-shadow: none !important;
    padding: 0;
}

.ld-dashboard-loader img,
.ld-dashboard-student-loader img {
    float: left;
    margin-right: 10px;
    width: 32px;
}

.ld-dashboard-loader p,
.ld-dashboard-student-loader p {
    margin: 0;
    padding-top: 5px;
    font-style: italic;
    /* color: #156AE9 !important; */
}


/* Sections box shadow for white background */

.ld-dashboard-feed .activity-item,
#ld-dashboard-instructor-highchart-student-progress,
.ld-dashboard-overview-course-students,
ul.ld-dashboard-student-courses,
.ld-dashboard-course-quizzes-assignment-progress #course_container,
.ld-dashboard-course-progress,
.ld-dashboard-loader,
.ld-dashboard-student-loader,
.ld-dashboard-info,
.ld-dashboard-email-content,
table.ld-dashboard-info-table {
    border-radius: var(--ld-border-radius);
    background: var(--ld-white-bg);
    border: 1px solid var(--ld-border-color);
}

canvas#ld-dashboard-instructor-highchart-student-progress {
    padding: 15px;
}

.ins-earning-available {
    width: 100%;
    height: 400px;
}

.ld-dashboard-instructor-earning {
    background: var(--ld-white-bg);
    padding: 15px;
}

.ld-dashboard-loader {
    background: #f4f4f8;
    border: none;
    border-radius: 0;
    height: auto;
    padding: 0;
}

.ld-dashboard-overview-course-students .ld-dashboard-loader {
    margin: 10px 15px;
    width: auto;
    border-radius: 0;
    height: auto;
    padding: 0;
    background: white;
    align-items: center;
    box-shadow: none;
}


/* ==========================================================================
   MY PROFILE
   Profile card, info grid, role badges
   ========================================================================== */

/* Profile Card */

.ld-dashboard-profile-card {
    background: var(--ld-white-bg);
    border-radius: var(--ld-border-radius);
    border: 1px solid var(--ld-border-color);
    margin-bottom: 24px;
}

.ld-dashboard-profile-card-header {
    display: flex;
    align-items: center;
    gap: 24px;
    padding: 28px;
}

.ld-dashboard-profile-card-avatar img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid var(--ld-border-color);
    background: #f0f2f5;
}

.ld-dashboard-profile-card-info {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.ld-dashboard-profile-card-name {
    font-size: 22px;
    font-weight: 600;
    margin: 0;
    color: var(--ld-heading-color);
    line-height: 1.2;
}

.ld-dashboard-profile-card-meta {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.ld-dashboard-profile-card-email {
    font-size: 14px;
    color: #666;
    padding: 0 !important;
}

.ld-dashboard-profile-card-joined {
    font-size: 13px;
    color: #999;
    padding: 0 !important;
}

/* Role Badge */

.ld-dashboard-profile-role-badge {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    padding: 3px 10px;
    border-radius: 20px;
    line-height: 1.4;
    text-transform: capitalize;
    background: #e8f0fe;
    color: #1a56db;
}

.ld-dashboard-profile-role-badge--admin {
    background: #fef3c7;
    color: #92400e;
}

.ld-dashboard-profile-role-badge--instructor {
    background: #e8f0fe;
    color: #1a56db;
}

.ld-dashboard-profile-role-badge--group-leader {
    background: #e0e7ff;
    color: #4338ca;
}

.ld-dashboard-profile-role-badge--student {
    background: #d1fae5;
    color: #065f46;
}

/* Not provided placeholder */

.ld-dashboard-not-provided {
    color: #bbb;
    font-style: normal;
}

/* Profile Info Grid */

.ld-dashboard-profile-info-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.ld-dashboard-profile-info-card {
    background: var(--ld-white-bg);
    border: 1px solid var(--ld-border-color);
    border-radius: var(--ld-border-radius);
    padding: 16px 20px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.ld-dashboard-profile-info-card--full {
    grid-column: 1 / -1;
}

.ld-dashboard-profile-info-label {
    font-size: 12px;
    font-weight: 600;
    color: #888;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 0 !important;
}

.ld-dashboard-profile-info-value {
    font-size: 15px;
    color: var(--ld-heading-color);
    word-break: break-word;
    padding: 0 !important;
}

.ld-dashboard-profile-info-value a {
    color: var(--ld-primary-color, #156AE9);
    text-decoration: none;
}

.ld-dashboard-profile-info-value a:hover {
    text-decoration: underline;
}

.ld-dashboard-profile-info-value p {
    margin: 0;
}

.ld-dashboard-profile-info-value p + p {
    margin-top: 8px;
}

/* Legacy profile table (backward compat for theme overrides) */

h3.ld-dashboard-tab-heading {
    font-size: 20px;
    line-height: 1;
    margin-bottom: 15px;
    font-weight: 600;
}

.table_content_ld {
    border-radius: var(--ld-border-radius);
    border: 1px solid var(--ld-border-color);
}

.table_content_ld .ld-flex-wrap {
    gap: 5px;
    border-bottom: 1px solid var(--ld-border-color);
}

.table_content_ld span {
    padding: 12px 15px;
}

.table_content_ld span.ld-dashboard-title-profile {
    width: 180px;
    font-weight: 600;
    border-right: 1px solid var(--ld-border-color);
    color: var(--ld-heading-color);
    font-size: 14px;
}

.table_content_ld .ld-flex-wrap.bio {
    flex-wrap: wrap;
    border: none;
    gap: 0;
}

.table_content_ld span.ld-dashboard-title-profile.ld-dashboard-title-bio {
    border: none;
    border-bottom: 1px solid var(--ld-border-color);
    width: 100%;
}

.table_content_ld .ld-flex-wrap.bio > span:last-child {
    padding: 12px 15px;
    width: 100%;
}


/* ==========================================================================
   SETTINGS TAB
   Profile form, avatar upload, section grouping
   ========================================================================== */

.ld-dashboard-settings-content-wrap .ld-dashboard-content-inner {
    padding: 20px;
    background: var(--ld-white-bg);
    border-radius: var(--ld-border-radius);
    border: 1px solid var(--ld-border-color);
}

/* Avatar Section */

.ld-dashboard-avatar-section {
    display: flex;
    align-items: center;
    gap: 24px;
    padding: 20px 24px;
    background: #f9fafb;
    border: 1px solid var(--ld-border-color);
    border-radius: var(--ld-border-radius);
    margin-bottom: 28px;
}

.ld-dashboard-avatar-preview {
    position: relative;
    flex-shrink: 0;
}

.ld-dashboard-avatar-preview img.ld-dashboard-user-avatar {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid var(--ld-border-color);
    background: #e5e7eb;
}

.ld-dashboard-avatar-change-btn {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--ld-primary-color, #156AE9);
    color: #fff;
    border: 2px solid #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    padding: 0;
    transition: background 0.2s;
}

.ld-dashboard-avatar-change-btn:hover {
    background: var(--ld-primary-hover-color, #1d76da);
}

.ld-dashboard-avatar-actions {
    display: flex;
    gap: 10px;
    align-items: center;
}

.ld-dashboard-avatar-actions button.ld-dashboard-profile-settings {
    border: none;
    font-weight: 500;
    padding: 8px 16px;
    transition: all 0.2s;
    cursor: pointer;
    border-radius: var(--ld-border-radius);
    font-size: 13px;
}

.ld-dashboard-avatar-actions button.change-avatar {
    background: var(--ld-primary-color, #156AE9);
    color: #fff;
}

.ld-dashboard-avatar-actions button.change-avatar:hover {
    background: var(--ld-primary-hover-color, #1d76da);
}

.ld-dashboard-avatar-actions button.delete-avatar {
    background: transparent;
    color: #dc2626;
    border: 1px solid #fecaca;
}

.ld-dashboard-avatar-actions button.delete-avatar:hover {
    background: #fef2f2;
}

/* Remove legacy avatar button icon pseudo-elements for new layout */

.ld-dashboard-avatar-actions button.ld-dashboard-profile-settings:before {
    display: none;
}

/* Form Sections */

.ld-dashboard-form-section {
    margin-bottom: 24px;
}

.ld-dashboard-form-section-title {
    font-size: 15px;
    font-weight: 600;
    color: var(--ld-heading-color);
    margin: 0 0 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--ld-border-color);
}

/* Form Inputs */

.ld-dashboard-profile-form input[type="text"],
.ld-dashboard-profile-form input[type="email"],
.ld-dashboard-profile-form input[type="url"],
.ld-dashboard-profile-form input[type="password"],
.ld-dashboard-profile-form input[type="search"],
.ld-dashboard-profile-form input[type="tel"],
.ld-dashboard-profile-form input[type="number"],
.ld-dashboard-profile-form-field input[type="password"] {
    height: 44px;
    border-radius: var(--ld-border-radius) !important;
    width: 100%;
    padding: 0 12px;
    font-size: 14px;
    transition: border-color 0.2s;
    border: 1px solid var(--ld-border-color);
    background: var(--ld-white-bg);
}

.ld-dashboard-profile-form input[type="text"]:focus,
.ld-dashboard-profile-form input[type="email"]:focus,
.ld-dashboard-profile-form input[type="url"]:focus,
.ld-dashboard-profile-form input[type="password"]:focus,
.ld-dashboard-profile-form input[type="search"]:focus,
.ld-dashboard-profile-form input[type="tel"]:focus,
.ld-dashboard-profile-form input[type="number"]:focus,
.ld-dashboard-profile-form textarea:focus,
.ld-dashboard-profile-form select:focus {
    border-color: var(--ld-primary-color, #156AE9);
    box-shadow: 0 0 0 3px rgba(21, 106, 233, 0.1);
    outline: none;
}

.ld-dashboard-profile-form input:focus-visible,
.ld-dashboard-profile-form textarea:focus-visible,
.ld-dashboard-profile-form select:focus-visible,
.ld-dashboard-profile-form-field input[type="password"]:focus-visible {
    outline: none;
}

.display-name-publicly select[name="display_name"],
.ld-dashboard-profile-form select {
    width: 100%;
    height: 44px;
    cursor: pointer;
    border-radius: var(--ld-border-radius);
    border: 1px solid var(--ld-border-color);
    padding: 0 12px;
    font-size: 14px;
    background: var(--ld-white-bg);
}

.ld-dashboard-profile-form textarea {
    border-radius: var(--ld-border-radius) !important;
    width: 100%;
    height: 120px;
    font-size: 14px;
    line-height: 1.5;
    padding: 10px 12px;
    border: 1px solid var(--ld-border-color);
    resize: vertical;
}

/* Form Field Layout */

.ld-dashboard-profile-form-field-list label {
    margin-bottom: 6px;
    display: block;
    font-size: 13px;
    font-weight: 500;
    color: #555;
}

.ld-dashboard-profile-form-field-list {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.ld-dashboard-profile-form-field {
    width: calc(50% - 8px);
    margin: 0 !important;
}

.ld-dashboard-profile-form-field.form-email,
.ld-dashboard-profile-form-field.form-textarea,
.ld-dashboard-profile-form-field.field-full-width,
.ld-dashboard-profile-form-field.social-media-url,
.ld-dashboard-profile-form-field.form-password.repeat-new-nassword {
    width: 100%;
}

/* Legacy avatar field (backward compat for theme overrides) */

.ld-dashboard-profile-form-field.ld-dashboard-avatar-field.form-avatar {
    display: flex;
    margin-bottom: 25px;
    position: relative;
    max-width: 150px;
    align-items: center;
}

.ld-dashboard-profile-form-field img.ld-dashboard-user-avatar {
    width: 120px;
    height: 120px;
    object-fit: cover;
    border-radius: var(--ld-border-radius);
}

.upload-delete-avatar-button {
    margin-left: 25px;
}

.ld-dashboard-profile-form-field button.ld-dashboard-profile-settings {
    background-color: #3e3f5e;
    color: #fff;
    background-size: 20px !important;
    border: none;
    width: 170px;
    font-weight: 500;
    padding: 7px 10px 12px;
    transition: all 0.3s ease-in-out 0s;
    background-repeat: no-repeat !important;
    cursor: pointer;
    position: relative;
    border-radius: var(--ld-border-radius);
    font-size: 14px;
    margin: 5px 0;
}

.ld-dashboard-profile-form-field button.ld-dashboard-profile-settings:before {
    content: "";
    width: 20px;
    height: 20px;
    background-image: url(../img/icons/camera-plus.svg);
    position: relative;
    display: inline-block;
    top: 3px;
    margin-right: 5px;
}

.ld-dashboard-profile-form-field button.ld-dashboard-profile-settings.delete-avatar:before {
    background-image: url(../img/icons/trash-alt-user.svg);
}

.ld-dashboard-profile-form-field button.ld-dashboard-profile-settings.delete-avatar {
    background: #f30101;
}

/* Form Actions */

.ld-dashboard-form-actions {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-top: 8px;
}

.ld-dashboard-form-actions .submit.button.ld-dashboard-btn-bg {
    border-radius: var(--ld-border-radius);
    font-size: 14px;
    font-weight: 500;
    padding: 10px 28px;
    height: auto;
    color: #fff;
    border: none;
    cursor: pointer;
}

.ld-dashboard-btn-secondary {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 20px;
    border-radius: var(--ld-border-radius);
    border: 1px solid var(--ld-border-color);
    background: var(--ld-white-bg);
    color: #555;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.2s;
}

.ld-dashboard-btn-secondary:hover {
    background: #f3f4f6;
    color: #333;
}

/* Legacy submit button (backward compat) */

.ld-dashboard-profile-form-field-list .form-submit {
    padding: 1.3% 1%;
    width: 30%;
}

.ld-dashboard-profile-form-field-list .form-submit .submit,
.ld-dashboard-profile-form input[type=submit].submit.button.ld-dashboard-btn-bg {
    border-radius: var(--ld-border-radius);
    font-size: 14px;
    padding: 10px 28px;
    width: auto;
    height: auto;
    color: #fff;
    border: none;
}

.ld-dashboard-section-head-title {
    display: flex;
    margin-bottom: 20px;
    align-items: center;
    justify-content: space-between;
}

.ld-dashboard-section-head-title h3 {
    margin: 0;
    font-size: 20px;
    margin-right: 30px;
    font-weight: 600;
    color: var(--ld-heading-color);
}

.ld-dashboard-section-head-title .ld-dashboard-header-button .ld-dashboard-add-course {
    font-size: 14px;
    font-weight: normal;
    text-transform: none;
    overflow: hidden;
    padding: 10px 20px;
}

.ld-dashboard-section-head-title .ld-dashboard-header-button .ld-dashboard-add-course .add-icon {
    font-size: 18px;
}

span.ldd-icons.ldd-icon-add-line.edit_square {
    font-size: 18px;
    /* margin-right: 6px; */
}

.ld-dashboard-course-content .ld-dashboard-section-head-title,
.my-announcements-wrapper .ld-dashboard-section-head-title {
    justify-content: space-between;
}

.ld-dashboard-list-view .ld-meta.ld-course-metadata {
    display: flex;
    align-items: center;
}

.ld-dashboard-list-view .mycourse-footer {
    margin-top: 0;
}

ul.custom-learndash-pagination {
    display: flex;
    padding: 0;
    margin: 0 !important;
    justify-content: space-between;
    padding-top: 10px;
    gap: 8px;
    align-items: center;
}

.custom-learndash-pagination li {
    list-style: none;
}

.custom-learndash-pagination li a {
    display: inline-block;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 0 40px 0 rgba(94, 92, 154, 0.08);
    font-size: 0;
    padding: 0px 8px;
    height: 38px;
    font-weight: bold;
    color: #153045;
    transition: all 0.3s;
    border: none;
    width: 38px;
    cursor: pointer;
    text-align: center;
    line-height: 38px;
}

.custom-learndash-pagination-nav .custom-learndash-pagination li.custom-learndash-pagination-last a:before,
.custom-learndash-pagination-nav .custom-learndash-pagination li a:after {
    display: inline-block;
    content: '\e809';
    font-family: 'ldd-icons';
    font-size: 14px;
}

[dir='rtl'] .custom-learndash-pagination-nav .custom-learndash-pagination li.custom-learndash-pagination-last a:before,
[dir='rtl'] .custom-learndash-pagination-nav .custom-learndash-pagination li a:after {
    transform: rotate(-180deg);
}

.custom-learndash-pagination-nav .custom-learndash-pagination li.custom-learndash-pagination-first a:before,
.custom-learndash-pagination-nav .custom-learndash-pagination li.custom-learndash-pagination-first a:after,
.custom-learndash-pagination-nav .custom-learndash-pagination li a:before,
.custom-learndash-pagination-nav .custom-learndash-pagination li.custom-learndash-pagination-prev a:after {
    content: '\e808';
    font-family: 'ldd-icons';
    display: inline-block;
    font-size: 14px;
}

[dir='rtl'] .custom-learndash-pagination-nav .custom-learndash-pagination li.custom-learndash-pagination-first a:before,
[dir='rtl'] .custom-learndash-pagination-nav .custom-learndash-pagination li.custom-learndash-pagination-first a:after,
[dir='rtl'] .custom-learndash-pagination-nav .custom-learndash-pagination li a:before,
[dir='rtl'] .custom-learndash-pagination-nav .custom-learndash-pagination li.custom-learndash-pagination-prev a:after {
    transform: rotate(-180deg);
}

.custom-learndash-pagination-nav .custom-learndash-pagination li a:before {
    display: none;
}

.custom-learndash-pagination-nav .custom-learndash-pagination li a:hover {
    color: #fff;
}


/* ==========================================================================
   ALERTS & MESSAGES
   Warning and success message styles
   ========================================================================== */

.ld-dashboard-warning {
    background: #fbeded;
    padding: 8px 15px;
    border-left: 3px solid #eb0000;
    display: block;
    color: #eb0000 !important;
    font-weight: 500;
    border-radius: var(--ld-border-radius);
    font-size: 15px;
    margin: 0;
}

.custom-learndash-list.custom-learndash-my-courses-list p.ld-dashboard-warning {
    width: 100%;
}

.ld-dashboard-success {
    background: #e4ffb3;
    width: 100%;
    padding: 8px 15px;
    border-left: 3px solid #51ba10;
    color: #51ba10 !important;
    font-weight: 500;
    font-size: 15px;
    border-radius: var(ld-border-radius);
}


/* ==========================================================================
   RESPONSIVE - Profile & Settings
   ========================================================================== */

/* Tablet: 2-column info grid, single-column form */

@media (max-width: 1023px) {
    .ld-dashboard-profile-form-field {
        width: 100% !important;
    }
}

/* Mobile: single-column everything */

@media (max-width: 767px) {
    .ld-dashboard-profile-card-header {
        flex-direction: column;
        text-align: center;
        gap: 16px;
    }

    .ld-dashboard-profile-card-meta {
        justify-content: center;
    }

    .ld-dashboard-profile-info-grid {
        grid-template-columns: 1fr;
    }

    .ld-dashboard-profile-form-field {
        width: 100% !important;
    }

    .ld-dashboard-avatar-section {
        flex-direction: column;
        text-align: center;
        padding: 16px;
    }

    .ld-dashboard-avatar-actions {
        justify-content: center;
    }

    .ld-dashboard-form-actions {
        flex-direction: column;
    }

    .ld-dashboard-form-actions .submit.button.ld-dashboard-btn-bg,
    .ld-dashboard-form-actions .ld-dashboard-btn-secondary {
        width: 100%;
        text-align: center;
    }

    .ld-dashboard-section-head-title {
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
    }

    /* Settings sub-tabs: horizontal scroll on mobile */
    .ld-dashboard-profile-setting-view .ld-dashboard-inline-links ul {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
        flex-wrap: nowrap;
    }

    .ld-dashboard-profile-setting-view .ld-dashboard-inline-links ul li {
        flex-shrink: 0;
    }
}