/* profile.css */
/* ========== PROFILE WIDGET (dashboard-style) ========== */

/* Profile layout root */
.mps-user-profile {
    max-width: 1080px;
    margin: 40px auto 70px;
    padding: 0 20px;
}

.mps-profile-layout {
    display: grid;
    grid-template-columns: minmax(0, 320px) minmax(0, 1.6fr);
    gap: 24px;
}

/* Sidebar card */
.mps-profile-sidebar {
    align-self: flex-start;
}

.mps-profile-user-card {
    background: #ffffff;
    border-radius: 24px;
    padding: 22px 18px;
    box-shadow: 0 18px 50px rgba(15, 23, 42, 0.14);
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 14px;
}

/* Shared avatar style (sidebar + public profile hero) */
.mps-profile-avatar img {
    width: 80px;
    height: 80px;
    border-radius: 999px !important;
    object-fit: cover;
    box-shadow: 0 14px 40px rgba(15, 23, 42, 0.22) !important;
}

.mps-profile-user-meta {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.mps-profile-user-name {
    font-size: 16px;
    font-weight: 600;
    color: #181818;
}

.mps-profile-user-email {
    font-size: 13px;
    color: #6b7280;
}

/* Sidebar nav */
.mps-profile-nav {
    background: #ffffff;
    border-radius: 24px;
    padding: 10px;
    box-shadow: 0 18px 50px rgba(15, 23, 42, 0.08);
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.mps-profile-nav-item {
    width: 100%;
    border: none;
    background: transparent;
    text-align: start;
    padding: 9px 16px;
    border-radius: 16px;
    font-size: 14px;
    color: #4b5563;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    transition: background 0.16s ease, color 0.16s ease, transform 0.1s ease;
    position: relative;
}

.mps-profile-nav-item i {
    position: absolute;
    right: 16px;
}

.mps-profile-nav-item i+span {
    margin-right: 20px;
}

.mps-profile-nav-item::after {
    content: "›";
    font-size: 13px;
    opacity: 0.45;
}

.mps-profile-nav-item:hover {
    background: #f3f4f6;
    color: #181818;
    transform: translateY(-1px);
}

.mps-profile-nav-item.is-active {
    background: #b2b2b2;
    color: #ffffff;
    margin-bottom: 3px;
}

.mps-profile-nav-item.is-active::after {
    opacity: 0.9;
}

.mps-profile-nav-item-logout {
    margin-top: 4px;
    color: #b91c1c;
}

.mps-profile-nav-item-logout.is-active {
    background: #fee2e2;
    color: #b91c1c;
}

/* Content card */
.mps-profile-content {
    background: #ffffff;
    border-radius: 24px;
    padding: 20px 22px 22px;
    box-shadow: 0 18px 50px rgba(15, 23, 42, 0.10);
    position: relative;
    overflow: hidden;
}

/* Panels */
.mps-profile-panel {
    opacity: 0;
    pointer-events: none;
    transform: translateY(10px);
    position: absolute;
    inset: 20px 22px 22px 22px;
    overflow-y: auto;
    max-height: calc(100% - 0px);
    transition: opacity 0.24s ease, transform 0.24s ease;
}

.mps-profile-panel.is-active {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
    position: relative;
    inset: auto;
}

.mps-profile-panel-header h3 {
    margin: 3px 0px 10px;
    font-size: 21px;
    font-weight: 700;
}

.mps-profile-panel-header p {
    margin: 0 0 18px;
    font-size: 13px;
    color: #6b7280;
}

/* Info grid */
.mps-profile-info-grid {
    border-radius: 16px;
    overflow: hidden;
}

.mps-profile-info-row {
    display: grid;
    grid-template-columns: 160px minmax(0, 1fr);
    padding: 10px 14px;
    align-items: center;
    column-gap: 12px;
    border-bottom: 1px solid #f3f4f6;
}

.mps-profile-info-row:last-child {
    border-bottom: none;
}

.mps-profile-info-row-full {
    grid-template-columns: 160px minmax(0, 1fr);
}

.mps-profile-info-label {
    font-size: 13px;
    color: #6b7280;
}

.mps-profile-info-field input,
.mps-profile-info-field textarea,
.mps-profile-info-field select {
    width: 100%;
    border-radius: 12px;
    border: 1px solid #dddddd85;
    padding: 12px 14px;
    font-size: 14px;
    outline: none;
    background: #f5f2ee3d;
    transition: border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
}

.mps-profile-info-field input:focus,
.mps-profile-info-field textarea:focus,
.mps-profile-info-field select:focus {
    border-color: #e9b10e85;
    box-shadow: 0 0 0 1px rgba(14, 165, 233, 0.15);
    background: #ffffff;
}

.mps-profile-info-field input[disabled] {
    background: #f9fafb;
    color: #6b7280;
}

.mps-profile-info-field textarea {
    min-height: 80px;
    resize: vertical;
}

.mps-profile-helper-text {
    margin-top: 4px;
    font-size: 11px;
    color: #9ca3af;
}

/* Actions */
.mps-profile-actions {
    margin-top: 18px;
    text-align: right;
}

.mps-button,
.mps-button-secondary,
.mps-button-danger {
    border-radius: 12px;
    border: none;
    padding: 12px 20px;
    font-size: 14px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.mps-button {
    background: #F5F2EE;
    color: #5B5C5A;
}

.mps-button-secondary {
    background: #f3f4f6;
    color: #181818;
}

.mps-button-danger {
    background: #b91c1c;
    color: #ffffff;
}

/* Upload dropzone */
.mps-upload-dropzone {
    border-radius: 18px;
    border: 1.5px dashed #d1d5db;
    background: #f9fafb;
    padding: 18px 14px;
    cursor: pointer;
    transition: border-color 0.18s ease, background 0.18s ease, transform 0.12s ease;
}

.mps-upload-dropzone-inner {
    text-align: center;
}

.mps-upload-icon {
    width: 40px;
    height: 40px;
    border-radius: 13px;
    margin: 0 auto 8px;
    background: linear-gradient(135deg, #ffd9a6, #ffc77c);
    position: relative;
}

.mps-upload-icon::before {
    content: "";
    width: 18px;
    height: 18px;
    border-radius: 4px;
    border: 2px solid #ffffff;
    border-bottom-width: 4px;
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
}

.mps-upload-text-main {
    font-size: 14px;
    font-weight: 500;
    color: #181818;
}

.mps-upload-text-sub {
    font-size: 12px;
    color: #6b7280;
    margin-top: 2px;
}

.mps-upload-dropzone:hover {
    border-color: #e5e7eb;
    background: #eff6ff;
    transform: translateY(-1px);
}

/* Upload preview */
.mps-upload-preview {
    display: none;
    margin-top: 14px;
    padding: 10px;
    border-radius: 16px;
    background: #f9fafb;
    align-items: center;
    gap: 10px;
}


.mps-upload-preview.is-visible {
    display: flex;
}

.mps-upload-preview-thumb img {
    width: 60px;
    height: 60px;
    border-radius: 14px;
    object-fit: cover;
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.26);
}

.mps-upload-preview-meta {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.mps-upload-preview-name {
    font-size: 13px;
    font-weight: 500;
    color: #181818;
}

.mps-upload-preview-note {
    font-size: 11px;
    color: #9ca3af;
}

/* Category chips for upload form */

.mps-category-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 4px;
}

.mps-category-chip {
    border-radius: 999px;
    border: 1px solid #e5e7eb;
    padding: 6px 12px;
    font-size: 12px;
    background: #ffffff;
    color: #4b5563;
    cursor: pointer;
    transition: background 0.16s ease, color 0.16s ease, border-color 0.16s ease, transform 0.1s ease, box-shadow 0.16s ease;
}

.mps-category-chip:hover {
    background: #fff9ef;
    border-color: #e9b10e85;
    color: #181818;
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.06);
}

.mps-category-chip.is-selected {
    background: #181818;
    border-color: #181818;
    color: #ffffff;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.26);
}

/* Photos grid inside profile widget */
.mps-profile-photos-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
    gap: 14px;
    margin-top: 4px;
}

/*  لینک‌های کارت عکس در پروفایل */
.mps-profile-photo-link {
    display: block;
    text-decoration: none;
    color: inherit;
}

.mps-profile-photo-title-link {
    color: inherit;
    text-decoration: none;
}

.mps-profile-photo-title-link:hover {
    text-decoration: underline;
}

.mps-profile-photo-card {
    border-radius: 18px;
    overflow: hidden;
    background: #f9fafb;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
    display: flex;
    flex-direction: column;
}

.mps-profile-photo-thumb {
    position: relative;
    overflow: hidden;
}

.mps-profile-photo-thumb img {
    width: 100%;
    height: 140px;
    object-fit: cover;
    display: block;
    transition: transform 0.28s ease;
}

.mps-profile-photo-card:hover .mps-profile-photo-thumb img {
    transform: scale(1.04);
}

.mps-profile-status-pill {
    position: absolute;
    left: 10px;
    top: 10px;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 11px;
    color: #92400e;
    background: #fffbeb;
}

.mps-profile-photo-card-pending .mps-profile-photo-thumb {
    background: #fefce8;
}

.mps-profile-photo-meta {
    padding: 10px 12px 12px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.mps-profile-photo-meta h4 {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
}

.mps-profile-photo-date {
    margin: 0;
    font-size: 12px;
    color: #6b7280;
}

.mps-profile-photo-delete {
    margin-top: 6px;
    text-align: right;
}

/* Empty state */
.mps-profile-empty-state {
    padding: 12px 14px;
    border-radius: 16px;
    border: 1px dashed #e5e7eb;
    font-size: 13px;
    color: #6b7280;
    background: #f9fafb;
}

/* Logout panel */
.mps-profile-logout {
    margin-top: 16px;
}

/* Widget responsive */
@media (max-width: 1024px) {
    .mps-profile-layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .mps-profile-content {
        padding: 18px 16px 20px;
    }

    .mps-profile-panel {
        inset: 18px 16px 20px 16px;
    }

    .mps-profile-info-row,
    .mps-profile-info-row-full {
        grid-template-columns: 1fr;
        row-gap: 6px;
    }

    .mps-profile-info-label {
        font-size: 12px;
    }
}

@media (max-width: 767px) {
    .mps-user-profile {
        margin-top: 24px;
        margin-bottom: 40px;
        padding: 0px 0px;
    }

    .mps-profile-user-card {
        flex-direction: row;
    }

    .mps-profile-nav {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .mps-profile-nav-item {
        flex: 1 1 calc(50% - 4px);
        font-size: 13px;
    }

    .mps-profile-nav-item::after {
        display: none;
    }

    .mps-profile-layout {
        grid-template-columns: unset !important;
    }
}

/* Badges کنار آیتم‌های منو در سایدبار پروفایل */
.mps-nav-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    padding: 0 6px;
    margin-left: auto;
    margin-right: 4px;
    border-radius: 999px;
    font-size: 9px;
    line-height: 18px;
    font-weight: 600;
}

/* pending قرمز */
.mps-nav-badge--pending {
    background: #dc2626;
    color: #ffffff;
}

/* قبولی‌های جدید (ملایم‌تر) */
.mps-nav-badge--new {
    background: #f97316;
    color: #ffffff;
}

/* Badge کوچک برای "جدید" روی کارت‌ها */
.mps-badge-new {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 6px;
    padding: 1px 8px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 600;
    background: #e5f3ff;
    color: #1d4ed8;
}

/* Notifications box زیر تب‌ها */
.mps-profile-notifications {
    margin-bottom: 12px;
    padding: 8px 10px;
    border-radius: 14px;
    border: 1px solid #e5e7eb;
    background: #f9fafb;
    max-height: 140px;
    /* ارتفاع محدود */
    overflow-y: auto;
    /* اسکرول عمودی اگر زیاد شد */
}

.mps-profile-notification-item {
    font-size: 12px;
    color: #4b5563;
    padding: 4px 0;
    border-bottom: 1px dashed #e5e7eb;
}

.mps-profile-notification-item:last-child {
    border-bottom: none;
}


/* ========== PROFILE: AVATAR EDIT (missing styles) ========== */

.mps-profile-info-row-avatar {
    align-items: flex-start;
}

.mps-profile-avatar-edit {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
}

.mps-profile-avatar-current img {
    width: 64px;
    height: 64px;
    border-radius: 999px;
    object-fit: cover;
    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.18);
}

.mps-avatar-upload {
    min-width: 220px;
}

.mps-avatar-upload-box {
    width: 100%;
    border: 1.5px dashed #d1d5db;
    background: #f9fafb;
    border-radius: 16px;
    padding: 10px 12px;
    cursor: pointer;
    text-align: start;
    display: flex;
    flex-direction: column;
    gap: 2px;
    transition: background 0.16s ease, border-color 0.16s ease, transform 0.12s ease;
}

.mps-avatar-upload-box:hover {
    background: #eff6ff;
    border-color: #e5e7eb;
    transform: translateY(-1px);
}

.mps-avatar-upload-title {
    font-size: 13px;
    font-weight: 600;
    color: #181818;
}

.mps-avatar-upload-sub {
    font-size: 11px;
    color: #6b7280;
}

.mps-avatar-upload-preview {
    display: none;
    margin-top: 10px;
}

.mps-avatar-upload-preview.is-visible {
    display: block;
}

.mps-avatar-upload-preview img {
    width: 92px;
    height: 92px;
    border-radius: 18px;
    object-fit: cover;
    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.22);
}

/* login message */
.mps-login-message {
    max-width: 1080px;
    margin: 24px auto;
    padding: 12px 14px;
    border-radius: 14px;
    border: 1px solid #e5e7eb;
    background: #f9fafb;
    color: #4b5563;
    font-size: 14px;
}

/* RTL arrow fix */
[dir="rtl"] .mps-profile-nav-item::after {
    content: "‹";
}

/* focus visible */
.mps-profile-nav-item:focus-visible,
.mps-button:focus-visible,
.mps-button-secondary:focus-visible,
.mps-button-danger:focus-visible,
.mps-avatar-upload-box:focus-visible {
    outline: 2px solid rgba(14, 165, 233, 0.35);
    outline-offset: 2px;
}

/* sticky sidebar helper */
.mps-profile-sidebar.is-sticky {
    position: sticky;
}

/* motion reduce */
@media (prefers-reduced-motion: reduce) {

    .mps-profile-nav-item,
    .mps-profile-panel,
    .mps-upload-dropzone,
    .mps-profile-photo-thumb img,
    .mps-avatar-upload-box {
        transition: none !important;
    }
}

/* ===== Upload Orientation Picker ===== */
.mps-orientation-picker {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.mps-orientation-option {
    border: 1px solid #e5e7eb;
    background: #fff;
    color: #374151;
    border-radius: 999px;
    padding: 8px 12px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: transform .12s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
}

.mps-orientation-option i.bi {
    font-size: 15px;
}

.mps-orientation-option.is-active {
    background: #F5F2EE;
    border-color: rgba(17, 24, 39, .18);
    box-shadow: 0 10px 28px rgba(15, 23, 42, .10);
}

.mps-orientation-option.is-detected:not(.is-active) {
    border-color: #b99225;
}

.mps-orientation-hint {
    display: block;
    margin-top: 8px;
    color: #6b7280;
    font-size: 12px;
}

@media (max-width:520px) {
    .mps-orientation-option span {
        font-size: 12px;
    }

    .mps-orientation-option {
        padding: 7px 10px;
    }
}

/*  Mobile-friendly panels: remove nested scrolling/absolute panels on small screens */
@media (max-width: 1024px) {

    /* Sticky روی موبایل باعث اذیت میشه */
    .mps-profile-sidebar.is-sticky {
        position: relative !important;
        top: auto !important;
    }

    .mps-profile-content {
        overflow: visible;
    }

    /* پنل‌ها روی موبایل داخل Flow معمولی باشند */
    .mps-profile-panel {
        position: relative !important;
        inset: auto !important;
        max-height: none !important;
        overflow: visible !important;

        /* انیمیشن‌ها روی موبایل باعث glitch میشد */
        opacity: 1 !important;
        transform: none !important;
        pointer-events: auto !important;

        display: none;
        /* فقط فعال نمایش داده شود */
    }

    .mps-profile-panel.is-active {
        display: block;
    }
}

/* خیلی کوچک: دکمه‌های تب‌ها ۱ ستونه شوند */
@media (max-width: 420px) {
    .mps-profile-nav-item {
        flex: 1 1 100% !important;
    }
}

/* Result notice for profile actions */
.mps-profile-status {
    margin: 0 0 18px;
    padding: 12px 16px;
    border: 1px solid currentColor;
    border-radius: 10px;
    font-size: 14px;
    line-height: 1.8;
}

.mps-profile-status--success {
    color: #176b3a;
    background: #f0fbf4;
}

.mps-profile-status--error {
    color: #a12622;
    background: #fff4f3;
}

/* LensFlow 1.6 profile extensions: billing, monetization and download history */
.mps-user-profile {
    --mps-profile-brand: var(--mps-brand, #9E835C);
    --mps-profile-brand-soft: #f5f0e8;
    --mps-profile-ink: #2b241c;
    --mps-profile-border: #e9e2d8;
}

.mps-profile-nav-item.is-active {
    background: var(--mps-profile-brand);
}

.mps-profile-info-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    overflow: visible;
}

.mps-profile-info-row,
.mps-profile-info-row-full,
.mps-profile-info-row-avatar {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 7px;
    padding: 0;
    border: 0;
    min-width: 0;
}

.mps-profile-info-row-full,
.mps-profile-info-row-avatar {
    grid-column: 1 / -1;
}

.mps-profile-info-label {
    color: var(--mps-profile-ink);
    font-weight: 600;
}

.mps-field-optional {
    color: #8b8175;
    font-weight: 400;
    font-size: .88em;
}

.mps-profile-info-field input,
.mps-profile-info-field textarea,
.mps-profile-info-field select {
    min-height: 46px;
    border-color: var(--mps-profile-border);
    background: #fbfaf8;
}

.mps-profile-info-field input:focus,
.mps-profile-info-field textarea:focus,
.mps-profile-info-field select:focus {
    border-color: var(--mps-profile-brand);
    box-shadow: 0 0 0 3px rgba(158, 131, 92, .14);
}

.mps-profile-photo-card {
    border: 1px solid var(--mps-profile-border);
    border-radius: 18px;
    box-shadow: 0 10px 30px rgba(67, 51, 30, .07);
    overflow: hidden;
    background: #fff;
}

.mps-profile-photo-thumb {
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: #f6f2ec;
}

.mps-profile-photo-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mps-profile-photo-meta h4 {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.mps-profile-photo-title-link {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mps-profile-photo-access-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 12px 0;
}

.mps-photo-type-badge,
.mps-photo-review-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 30px;
    padding: 5px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
}

.mps-photo-type-badge.is-premium {
    background: var(--mps-profile-brand-soft);
    color: #765f3d;
    border: 1px solid #dfd0ba;
}

.mps-photo-type-badge.is-free {
    background: #f1f7f3;
    color: #28734b;
    border: 1px solid #d9ebdf;
}

.mps-photo-review-badge.is-approved {
    background: #f2f7f3;
    color: #29764c;
}

.mps-profile-monetization-edit {
    margin-top: 12px;
    border: 1px solid var(--mps-profile-border);
    border-radius: 15px;
    background: #fcfbf9;
    overflow: hidden;
}

.mps-monetization-toggle {
    width: 100%;
    border: 0;
    background: transparent;
    color: var(--mps-profile-ink);
    padding: 12px;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    text-align: start;
    cursor: pointer;
}

.mps-monetization-toggle:focus-visible,
.mps-access-option:has(input:focus-visible) {
    outline: 3px solid rgba(158, 131, 92, .25);
    outline-offset: 2px;
}

.mps-monetization-toggle__icon {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    display: grid;
    place-items: center;
    background: var(--mps-profile-brand-soft);
    color: var(--mps-profile-brand);
}

.mps-monetization-toggle__text {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 3px;
}

.mps-monetization-toggle__text small {
    color: #766d62;
    font-size: 11px;
}

.mps-monetization-toggle__chevron {
    transition: transform .18s ease;
}

.mps-monetization-toggle[aria-expanded="true"] .mps-monetization-toggle__chevron {
    transform: rotate(180deg);
}

.mps-monetization-content {
    border-top: 1px solid var(--mps-profile-border);
    padding: 14px;
}

.mps-monetization-content[hidden] {
    display: none !important;
}

.mps-profile-monetization-edit .mps-access-segmented {
    border: 0;
    padding: 0;
    margin: 0;
    display: flex !important;
    gap: 10px;
    flex-direction: column;
}

.mps-access-segmented {
    border: 0;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.mps-access-option {
    position: relative;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: center;
    gap: 9px;
    padding: 11px;
    border: 1px solid var(--mps-profile-border);
    border-radius: 13px;
    background: #fff;
    cursor: pointer;
    transition: border-color .16s ease, background .16s ease, box-shadow .16s ease;
}

.mps-access-option input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.mps-access-option.is-selected,
.mps-access-option:has(input:checked) {
    border-color: var(--mps-profile-brand);
    background: var(--mps-profile-brand-soft);
    box-shadow: 0 0 0 2px rgba(158, 131, 92, .1);
}

.mps-access-option__icon {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    display: grid;
    place-items: center;
    color: var(--mps-profile-brand);
    background: #f5f0e8;
}

.mps-access-option>span:last-child {
    display: flex;
    flex-direction: column;
    min-width: 0;
    gap: 3px;
}

.mps-access-option small {
    color: #766d62;
    line-height: 1.55;
    font-size: 11px;
}

.mps-premium-suggested-price {
    margin-top: 12px;
    padding: 12px;
    border-radius: 13px;
    background: #fff;
    border: 1px solid var(--mps-profile-border);
}

.mps-premium-suggested-price[hidden] {
    display: none !important;
}

.mps-premium-suggested-price label {
    display: flex;
    gap: 10px;
    color: var(--mps-profile-ink);
    font-weight: 600;
    align-items: center;
}

.mps-premium-suggested-price input {
    width: 100%;
    min-height: 42px;
    border: 1px solid var(--mps-profile-border);
    border-radius: 10px;
    padding: 8px 10px;
}

.mps-premium-suggested-price small {
    display: block;
    color: #766d62;
    margin-top: 7px;
    line-height: 1.7;
}

.mps-monetization-submit {
    margin-top: 12px;
    background: var(--mps-profile-brand);
    color: #fff;
}

.mps-monetization-locked {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    padding: 10px 12px;
    margin-top: 12px;
    color: #785f39;
    background: #fbf6ed;
    border: 1px solid #eadcc7;
    border-radius: 12px;
    font-size: 12px;
    line-height: 1.7;
}

.mps-button-danger {
    background: #fff4f2;
    color: #a63d32;
    border: 1px solid #f0d4cf;
}

.mps-button-danger:hover {
    background: #a63d32;
    color: #fff;
}

.mps-monetization-form.is-loading,
.mps-profile-download-button.is-loading {
    opacity: .72;
    pointer-events: none;
}

/* Download history */
.mps-download-history__filters {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 5px;
    margin-bottom: 16px;
    border: 1px solid var(--mps-profile-border);
    border-radius: 13px;
    background: #faf8f5;
}

.mps-download-history__filters a {
    padding: 7px 14px;
    border-radius: 9px;
    color: #6b6258;
    text-decoration: none;
    font-size: 13px;
}

.mps-download-history__filters a.is-active {
    background: #fff;
    color: var(--mps-profile-brand);
    box-shadow: 0 4px 14px rgba(64, 47, 27, .08);
}

.mps-download-history__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
}

.mps-download-card {
    min-width: 0;
    border: 1px solid var(--mps-profile-border);
    border-radius: 17px;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 10px 28px rgba(67, 51, 30, .06);
}

.mps-download-card__thumb {
    display: block;
    aspect-ratio: 16 / 10;
    background: #f5f1eb;
    overflow: hidden;
}

.mps-download-card__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .22s ease;
}

.mps-download-card:hover .mps-download-card__thumb img {
    transform: scale(1.025);
}

.mps-download-card__placeholder {
    display: grid;
    place-items: center;
    height: 100%;
    color: #a89579;
    font-size: 30px;
}

.mps-download-card__body {
    padding: 14px;
}

.mps-download-card__badges {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.mps-download-type,
.mps-download-status {
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 600;
}

.mps-download-type.is-premium {
    background: var(--mps-profile-brand-soft);
    color: #745b37;
}

.mps-download-type.is-free,
.mps-download-status.is-active {
    background: #edf7f0;
    color: #28734b;
}

.mps-download-status.is-unavailable {
    background: #fff0ee;
    color: #9d3d34;
}

.mps-download-card h4 {
    margin: 10px 0;
    font-size: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mps-download-card h4 a {
    color: var(--mps-profile-ink);
    text-decoration: none;
}

.mps-download-card dl {
    margin: 0;
    display: grid;
    gap: 7px;
}

.mps-download-card dl div {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    font-size: 12px;
}

.mps-download-card dt {
    color: #80766b;
}

.mps-download-card dd {
    margin: 0;
    color: var(--mps-profile-ink);
    text-align: end;
}

.mps-download-card__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 13px;
}

.mps-download-card__actions .mps-button {
    flex: 1 1 auto;
    min-height: 40px;
    padding: 8px 12px;
}

.mps-download-card__actions .mps-profile-download-button {
    background: var(--mps-profile-brand);
    color: #fff;
}

.mps-download-history__empty {
    display: grid;
    place-items: center;
    min-height: 210px;
    text-align: center;
    gap: 8px;
}

.mps-download-history__empty i {
    font-size: 34px;
    color: var(--mps-profile-brand);
}

@media (max-width: 720px) {

    .mps-profile-info-grid,
    .mps-download-history__grid,
    .mps-access-segmented {
        grid-template-columns: minmax(0, 1fr);
    }

    .mps-premium-suggested-price label {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (prefers-reduced-motion: reduce) {

    .mps-monetization-toggle__chevron,
    .mps-download-card__thumb img,
    .mps-access-option {
        transition: none !important;
    }
}

.mps-profile-info-field [aria-invalid="true"] {
    border-color: #b42318;
    box-shadow: 0 0 0 3px rgba(180, 35, 24, .1)
}

.mps-profile-field-error {
    display: block;
    margin-top: 6px;
    color: #b42318;
    font-size: 12px;
    line-height: 1.7
}/* Keep the profile photo thumbnail and metadata visually contiguous. */
.mps-profile-photo-card{gap:0}
.mps-profile-photo-card .mps-profile-photo-thumb,
.mps-profile-photo-card .mps-profile-photo-link{line-height:0}
.mps-profile-photo-card .mps-profile-photo-thumb img{display:block;margin:0}
.mps-profile-photo-card .mps-profile-photo-meta{margin:0;line-height:normal}

/* Essential WooCommerce order history inside the custom profile. */
.mps-user-profile .mps-profile-orders{margin-top:28px;padding-top:24px;border-top:1px solid rgba(113,92,66,.14)}
.mps-user-profile .mps-profile-orders__heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}
.mps-user-profile .mps-profile-orders__heading h3{margin:0;font-size:18px}
.mps-user-profile .mps-profile-orders__heading p{max-width:520px;margin:0;color:#786d61;line-height:1.7}
.mps-user-profile .mps-profile-orders__list{display:grid;gap:10px}
.mps-user-profile .mps-profile-order{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:14px 16px;border:1px solid rgba(113,92,66,.14);border-radius:14px;background:#fff}
.mps-user-profile .mps-profile-order__main{display:grid;gap:5px;min-width:0}
.mps-user-profile .mps-profile-order__main span{overflow:hidden;color:#75695d;text-overflow:ellipsis;white-space:nowrap}
.mps-user-profile .mps-profile-order__meta{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;color:#75695d;font-size:13px}
.mps-user-profile .mps-profile-order__status{padding:4px 8px;border-radius:999px;background:#f4f0ea;color:#695842;font-weight:700}
.mps-user-profile .mps-profile-order__status.is-completed{background:#eaf7ef;color:#28764c}
.mps-user-profile .mps-profile-order__status.is-failed,.mps-user-profile .mps-profile-order__status.is-cancelled{background:#fff0ed;color:#9c4037}
.mps-user-profile .mps-profile-order__pay{display:inline-flex;align-items:center;min-height:32px;padding:5px 10px;border-radius:9px;background:#9e835c;color:#fff;text-decoration:none;font-weight:750}
.mps-user-profile .mps-profile-orders__empty{margin:0;padding:14px;border-radius:12px;background:#faf8f5;color:#75695d}
@media(max-width:767px){.mps-user-profile .mps-profile-orders__heading{align-items:flex-start;flex-direction:column}.mps-user-profile .mps-profile-order{grid-template-columns:1fr}.mps-user-profile .mps-profile-order__meta{justify-content:flex-start}.mps-user-profile .mps-profile-order__main span{white-space:normal}}

/* Account security panel — scoped to the profile widget. */
.mps-user-profile .mps-security-wrap{display:grid;gap:18px}
.mps-user-profile .mps-security-card{background:#fff;border:1px solid rgba(43,36,28,.1);border-radius:18px;padding:20px;box-shadow:0 8px 28px rgba(43,36,28,.045)}
.mps-user-profile .mps-security-card h4{display:flex;align-items:center;gap:9px;margin:0 0 16px;font-size:17px;color:#2b241c}
.mps-user-profile .mps-security-card h4 i{color:#9e835c;font-size:19px}
.mps-user-profile .mps-security-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.mps-user-profile .mps-security-card-head h4{margin:0}
.mps-user-profile .mps-security-facts{display:flex;flex-wrap:wrap;gap:10px}
.mps-user-profile .mps-security-facts span{padding:8px 12px;border-radius:999px;background:#f8f5f0;color:#5e5141;font-size:13px}
.mps-user-profile .mps-security-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.mps-user-profile .mps-security-form label{display:grid;gap:7px;color:#44392d;font-size:13px;font-weight:650}
.mps-user-profile .mps-security-form label:first-child{grid-column:1/-1}
.mps-user-profile .mps-security-form input{width:100%;min-height:46px;border:1px solid rgba(43,36,28,.16);border-radius:11px;padding:10px 13px;background:#fff;color:#2b241c;outline:none;transition:border-color .2s,box-shadow .2s}
.mps-user-profile .mps-security-form input:focus{border-color:#9e835c;box-shadow:0 0 0 3px rgba(158,131,92,.14)}
.mps-user-profile .mps-password-field{position:relative;display:block}
.mps-user-profile .mps-password-field input{padding-inline-end:46px}
.mps-user-profile .mps-password-toggle{position:absolute;inset-inline-end:6px;top:50%;transform:translateY(-50%);width:36px;height:36px;border:0;border-radius:8px;background:transparent;color:#756551;cursor:pointer}
.mps-user-profile .mps-password-toggle:hover,.mps-user-profile .mps-password-toggle:focus-visible{background:#f5efe7;color:#9e835c;outline:none}
.mps-user-profile .mps-password-strength{display:grid;grid-template-columns:1fr;gap:5px;color:#7a6b59;font-size:11px}
.mps-user-profile .mps-password-strength:before{content:"";height:5px;border-radius:99px;background:linear-gradient(90deg,#d7cec2 0 25%,#ede8e1 25% 100%)}
.mps-user-profile .mps-password-strength[data-score="2"]:before{background:linear-gradient(90deg,#d09a47 0 50%,#ede8e1 50%)}
.mps-user-profile .mps-password-strength[data-score="3"]:before{background:linear-gradient(90deg,#9e835c 0 75%,#ede8e1 75%)}
.mps-user-profile .mps-password-strength[data-score="4"]:before{background:#2f8a5b}
.mps-user-profile .mps-security-form>.mps-button{justify-self:start;align-self:end;min-height:44px}
.mps-user-profile .mps-session-list{display:grid;gap:10px;margin-top:16px}
.mps-user-profile .mps-session-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px;border:1px solid rgba(43,36,28,.09);border-radius:13px;background:#fdfcfb}
.mps-user-profile .mps-session-item>i{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#f4eee5;color:#9e835c;font-size:20px}
.mps-user-profile .mps-session-item>div{display:grid;gap:3px;min-width:0}
.mps-user-profile .mps-session-item strong{font-size:14px;color:#2b241c}
.mps-user-profile .mps-session-item span,.mps-user-profile .mps-session-item small{font-size:12px;color:#766957;overflow-wrap:anywhere}
.mps-user-profile .mps-current-session{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;background:#f3ece2;color:#8a6d45!important;font-size:11px!important;font-weight:700}
.mps-user-profile .mps-session-revoke{border:1px solid #c54b4b;background:#fff;color:#a92f2f;border-radius:9px;padding:7px 11px;cursor:pointer}
.mps-user-profile .mps-session-revoke:hover,.mps-user-profile .mps-session-revoke:focus-visible{background:#fff2f2;outline:none}
.mps-user-profile .mps-email-preferences{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.mps-user-profile .mps-email-preferences label{display:flex;align-items:center;gap:9px;padding:11px 12px;border:1px solid rgba(43,36,28,.09);border-radius:11px;background:#fdfcfb;cursor:pointer}
.mps-user-profile .mps-email-preferences input{accent-color:#9e835c}
.mps-user-profile .mps-email-preferences>.mps-button{justify-self:start;margin-top:4px}
.mps-user-profile .mps-security-message{display:none;margin-top:10px;padding:10px 12px;border-radius:10px;font-size:13px}
.mps-user-profile .mps-security-message:not(:empty){display:block}
.mps-user-profile .mps-security-message.is-success{background:#edf8f1;color:#256b43;border:1px solid rgba(37,107,67,.18)}
.mps-user-profile .mps-security-message.is-error{background:#fff1f1;color:#9b2929;border:1px solid rgba(155,41,41,.18)}
.mps-user-profile .mps-security-warning,.mps-user-profile .mps-security-advice{display:flex;align-items:flex-start;gap:12px;padding:15px 16px;border-radius:14px;background:#fff8e8;border:1px solid rgba(183,121,31,.22);color:#6b4c18}
.mps-user-profile .mps-security-warning i,.mps-user-profile .mps-security-advice>i{font-size:20px;color:#9e835c}
.mps-user-profile .mps-security-advice{background:#f5f1eb;color:#554735}
.mps-user-profile .mps-security-advice strong{display:block;margin-bottom:4px;color:#2b241c}
.mps-user-profile .mps-security-advice p{margin:0;line-height:1.8;font-size:13px}
.mps-user-profile .mps-security-empty{padding:22px;text-align:center;color:#796b59;border:1px dashed rgba(43,36,28,.18);border-radius:12px}
.mps-user-profile .mps-security-dialog[hidden]{display:none!important}
.mps-user-profile .mps-security-dialog{position:fixed;inset:0;z-index:100020;display:grid;place-items:center;padding:18px}
.mps-user-profile .mps-security-dialog-backdrop{position:absolute;inset:0;background:rgba(19,16,13,.55);backdrop-filter:blur(3px)}
.mps-user-profile .mps-security-dialog-box{position:relative;width:min(430px,100%);background:#fff;border-radius:18px;padding:22px;box-shadow:0 24px 70px rgba(0,0,0,.25)}
.mps-user-profile .mps-security-dialog-box h4{margin:0 0 10px;font-size:19px}
.mps-user-profile .mps-security-dialog-box p{margin:0 0 20px;color:#6c5d4b;line-height:1.8}
.mps-user-profile .mps-security-dialog-box>div{display:flex;justify-content:flex-end;gap:10px}
body.mps-dialog-open{overflow:hidden}
.mps-user-profile .is-loading{position:relative;opacity:.72;pointer-events:none}
.mps-user-profile .is-loading:after{content:"";display:inline-block;width:14px;height:14px;margin-inline-start:7px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:mpsSecuritySpin .7s linear infinite;vertical-align:-2px}
@keyframes mpsSecuritySpin{to{transform:rotate(360deg)}}
@media(max-width:767px){
 .mps-user-profile .mps-security-card{padding:15px;border-radius:15px}
 .mps-user-profile .mps-security-form,.mps-user-profile .mps-email-preferences{grid-template-columns:1fr}
 .mps-user-profile .mps-security-form label:first-child{grid-column:auto}
 .mps-user-profile .mps-session-item{grid-template-columns:38px minmax(0,1fr)}
 .mps-user-profile .mps-session-item>.mps-current-session,.mps-user-profile .mps-session-item>.mps-session-revoke{grid-column:2;justify-self:start}
 .mps-user-profile .mps-security-card-head{align-items:flex-start}
}

/* Account security: recent login history */
.mps-profile-wrapper .mps-login-history{margin-top:14px;padding-top:14px;border-top:1px solid rgba(158,131,92,.18);display:grid;gap:8px}
.mps-profile-wrapper .mps-login-history>strong{font-size:13px;color:var(--mps-profile-text,#2b241c)}
.mps-profile-wrapper .mps-login-history>div{display:grid;grid-template-columns:minmax(130px,.8fr) minmax(140px,1fr) auto;gap:10px;align-items:center;padding:9px 10px;border-radius:10px;background:rgba(158,131,92,.06);font-size:12px}
.mps-profile-wrapper .mps-login-history time,.mps-profile-wrapper .mps-login-history span{min-width:0;overflow-wrap:anywhere}
.mps-profile-wrapper .mps-login-history code{direction:ltr;text-align:left;font:inherit;color:inherit;background:transparent;padding:0}
@media (max-width:767px){.mps-profile-wrapper .mps-login-history>div{grid-template-columns:1fr}.mps-profile-wrapper .mps-login-history code{text-align:start}}

/* Profile orders — scoped to the custom LensFlow profile. */
.mps-user-profile .mps-orders-panel{--mps-order-accent:#9E835C;display:grid;gap:20px;color:#2f2923}
.mps-user-profile .mps-orders-header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}
.mps-user-profile .mps-order-filters{display:flex;flex-wrap:wrap;gap:8px;padding:8px;border:1px solid rgba(158,131,92,.18);border-radius:14px;background:#faf8f5}
.mps-user-profile .mps-order-filter{display:inline-flex;align-items:center;min-height:38px;padding:7px 13px;border-radius:10px;color:#62574d;text-decoration:none;font-size:13px;font-weight:700;transition:background-color .18s ease,color .18s ease,transform .18s ease}
.mps-user-profile .mps-order-filter:hover{background:#fff;color:#6f5636;transform:translateY(-1px)}
.mps-user-profile .mps-order-filter.is-active{background:var(--mps-order-accent);color:#fff;box-shadow:0 7px 18px rgba(104,82,52,.15)}
.mps-user-profile .mps-orders-list{display:grid;gap:14px}
.mps-user-profile .mps-order-card{display:grid;gap:16px;padding:20px;border:1px solid rgba(158,131,92,.18);border-radius:16px;background:#fff;box-shadow:0 10px 30px rgba(64,48,30,.045)}
.mps-user-profile .mps-order-card__head,.mps-user-profile .mps-order-details__top,.mps-user-profile .mps-order-details__header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.mps-user-profile .mps-order-card__head>div:first-child{display:grid;gap:4px}
.mps-user-profile .mps-order-number{font-weight:800;color:#302820}
.mps-user-profile .mps-order-card time,.mps-user-profile .mps-order-details__header p{font-size:12px;color:#85776a}
.mps-user-profile .mps-order-badges{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:7px}
.mps-user-profile .mps-order-status,.mps-user-profile .mps-order-type{display:inline-flex;align-items:center;min-height:27px;padding:4px 9px;border-radius:999px;font-size:11px;font-weight:800;line-height:1.2}
.mps-user-profile .mps-order-type{background:rgba(158,131,92,.12);color:#715a3b}
.mps-user-profile .mps-order-status{background:#f0f1f2;color:#555d64}
.mps-user-profile .mps-order-status.is-completed{background:#e8f7ee;color:#18723d}
.mps-user-profile .mps-order-status.is-processing{background:#e8f2ff;color:#1e5f9f}
.mps-user-profile .mps-order-status.is-pending,.mps-user-profile .mps-order-status.is-on-hold{background:#fff5da;color:#8b6500}
.mps-user-profile .mps-order-status.is-failed,.mps-user-profile .mps-order-status.is-cancelled{background:#fff0f0;color:#a43d3d}
.mps-user-profile .mps-order-status.is-refunded{background:#f1ebff;color:#6f49a4}
.mps-user-profile .mps-order-card__facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.mps-user-profile .mps-order-card__facts>span{display:grid;gap:4px;padding:12px;border-radius:12px;background:#faf9f7;min-width:0}
.mps-user-profile .mps-order-card__facts small{color:#84786c;font-size:11px}
.mps-user-profile .mps-order-card__facts strong{overflow-wrap:anywhere;font-size:13px;color:#3b3127}
.mps-user-profile .mps-order-card__actions,.mps-user-profile .mps-order-details__actions{display:flex;flex-wrap:wrap;gap:9px}
.mps-user-profile .mps-order-button{display:inline-flex;align-items:center;justify-content:center;min-height:39px;padding:8px 14px;border:1px solid rgba(158,131,92,.28);border-radius:10px;background:#fff;color:#6e5739;text-decoration:none;font-size:13px;font-weight:800;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}
.mps-user-profile .mps-order-button:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(75,55,30,.09)}
.mps-user-profile .mps-order-button.is-primary,.mps-user-profile .mps-order-button.is-pay{border-color:var(--mps-order-accent);background:var(--mps-order-accent);color:#fff}
.mps-user-profile .mps-order-button.is-danger{border-color:#f1c6c6;color:#a13a3a;background:#fff8f8}
.mps-user-profile .mps-order-pagination{display:flex;align-items:center;justify-content:center;gap:14px;padding-top:4px}
.mps-user-profile .mps-order-pagination a{color:#6f5636;font-weight:800;text-decoration:none}
.mps-user-profile .mps-order-pagination span{font-size:12px;color:#84776b}
.mps-user-profile .mps-order-empty{display:grid;justify-items:center;gap:8px;padding:34px 20px;border:1px dashed rgba(158,131,92,.35);border-radius:16px;background:#fcfaf7;color:#65584c;text-align:center}
.mps-user-profile .mps-order-empty i{font-size:28px;color:var(--mps-order-accent)}
.mps-user-profile .mps-order-empty h4,.mps-user-profile .mps-order-empty p{margin:0}
.mps-user-profile .mps-order-empty.is-error{border-color:#ecc5c5;background:#fff8f8;color:#8d3939}
.mps-user-profile .mps-order-details{display:grid;gap:18px}
.mps-user-profile .mps-order-back{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 13px;color:#715a3b;background:#fffaf2;border:1px solid rgba(158,131,92,.28);border-radius:12px;text-decoration:none;font-weight:800;transition:background-color .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease}.mps-user-profile .mps-order-back:hover,.mps-user-profile .mps-order-back:focus-visible{color:#fff;background:#9E835C;border-color:#9E835C;box-shadow:0 8px 22px rgba(158,131,92,.2)}.mps-user-profile .mps-order-back:focus-visible{outline:3px solid rgba(158,131,92,.22);outline-offset:2px}.mps-user-profile .mps-order-details__actions .mps-order-back.is-bottom{margin-inline-start:auto}
.mps-user-profile .mps-order-details__header{padding:22px;border:1px solid rgba(158,131,92,.18);border-radius:16px;background:linear-gradient(135deg,#fff 0%,#faf6ef 100%)}
.mps-user-profile .mps-order-details__header h3{margin:3px 0;font-size:22px}
.mps-user-profile .mps-order-details__header>strong{font-size:20px;color:#6f5636}
.mps-user-profile .mps-order-processing{padding:13px 15px;border-radius:12px;font-weight:700;line-height:1.8}
.mps-user-profile .mps-order-processing.is-success{background:#eaf8ef;color:#1c6c3e}
.mps-user-profile .mps-order-processing.is-warning,.mps-user-profile .mps-order-processing.is-pending{background:#fff6df;color:#836000}
.mps-user-profile .mps-order-processing.is-error{background:#fff0f0;color:#993b3b}
.mps-user-profile .mps-order-processing.is-refunded{background:#f2edff;color:#684497}
.mps-user-profile .mps-order-detail-section{display:grid;gap:14px;padding:20px;border:1px solid rgba(158,131,92,.16);border-radius:15px;background:#fff}
.mps-user-profile .mps-order-detail-section h4{margin:0;font-size:16px}
.mps-user-profile .mps-order-info-rows{display:grid;gap:0;margin:0}
.mps-user-profile .mps-order-info-rows>div{display:grid;grid-template-columns:minmax(120px,.5fr) 1fr;gap:16px;padding:10px 0;border-bottom:1px solid rgba(130,110,85,.1)}
.mps-user-profile .mps-order-info-rows>div:last-child{border-bottom:0}
.mps-user-profile .mps-order-info-rows dt{color:#7e7165}
.mps-user-profile .mps-order-info-rows dd{margin:0;font-weight:700;color:#352d25;overflow-wrap:anywhere}
.mps-user-profile .mps-order-items{display:grid;gap:10px}
.mps-user-profile .mps-order-item{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px;border-radius:12px;background:#faf9f7}
.mps-user-profile .mps-order-item>div{display:grid;gap:3px}
.mps-user-profile .mps-order-item small{color:#83776a}
.mps-user-profile .mps-order-item__meta{justify-items:end}
.mps-user-profile .mps-order-item__meta span{font-size:12px;color:#766858}
.mps-user-profile .mps-order-refunds{display:grid;gap:8px}
.mps-user-profile .mps-order-refunds>div{display:grid;grid-template-columns:1fr auto;gap:5px 15px;padding:12px;border-radius:10px;background:#f7f3ff}
.mps-user-profile .mps-order-refunds small{grid-column:1/-1;color:#716685}
.mps-user-profile .mps-order-note{margin:0;white-space:pre-wrap;line-height:1.9}
@media(max-width:900px){.mps-user-profile .mps-order-card__facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.mps-user-profile .mps-order-card__head,.mps-user-profile .mps-order-details__top,.mps-user-profile .mps-order-details__header,.mps-user-profile .mps-order-item{flex-direction:column;align-items:stretch}.mps-user-profile .mps-order-badges{justify-content:flex-start}.mps-user-profile .mps-order-card__facts{grid-template-columns:1fr}.mps-user-profile .mps-order-info-rows>div{grid-template-columns:1fr;gap:4px}.mps-user-profile .mps-order-item__meta{justify-items:start}.mps-user-profile .mps-order-details__header>strong{font-size:17px}.mps-user-profile .mps-order-filter{flex:1 1 calc(50% - 8px);justify-content:center;text-align:center}}
@media(prefers-reduced-motion:reduce){.mps-user-profile .mps-order-filter,.mps-user-profile .mps-order-button{transition:none}.mps-user-profile .mps-order-filter:hover,.mps-user-profile .mps-order-button:hover{transform:none}}

/* Unified profile tab icon markup. Empty icon wrappers are never rendered. */
.mps-profile-nav-item{justify-content:flex-start;gap:8px}
.mps-profile-nav-item__main{display:flex;align-items:center;gap:10px;min-width:0;flex:1 1 auto}
.mps-profile-nav-item__label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mps-profile-nav-item__icon{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:10px;background:#F6F2EC;color:#6B6257;transition:background-color .16s ease,color .16s ease,border-color .16s ease}
.mps-profile-nav-item__icon i,.mps-profile-nav-item__icon svg{display:block;width:1em;height:1em;font-size:16px;line-height:1}
.mps-profile-nav-item:hover .mps-profile-nav-item__icon{color:#9E835C}
.mps-profile-nav-item.is-active .mps-profile-nav-item__icon{color:#fff;background:rgba(255,255,255,.16)}
.mps-profile-nav-item::after{margin-inline-start:auto;flex:0 0 auto}
.mps-profile-nav-item .mps-nav-badge{margin-inline-start:auto;flex:0 0 auto}
.mps-profile-nav-item i{position:static;right:auto}
.mps-profile-nav-item i+span{margin-right:0}
@media(prefers-reduced-motion:reduce){.mps-profile-nav-item__icon{transition:none!important}}

/* Accessible photo deletion confirmation and scoped feedback. */
body.mps-profile-dialog-open{overflow:hidden}
.mps-user-profile .mps-profile-photo-feedback{display:none;margin-top:10px;padding:10px 12px;border:1px solid rgba(155,41,41,.2);border-radius:10px;background:#fff1f1;color:#8e2d2d;font-size:13px;line-height:1.7}
.mps-user-profile .mps-profile-photo-feedback.is-visible{display:block}
.mps-user-profile .mps-profile-delete-dialog[hidden]{display:none!important}
.mps-user-profile .mps-profile-delete-dialog{position:fixed;inset:0;z-index:100030;display:grid;place-items:center;padding:18px}
.mps-user-profile .mps-profile-delete-dialog__backdrop{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:rgba(20,17,14,.58);backdrop-filter:blur(3px);cursor:default}
.mps-user-profile .mps-profile-delete-dialog__box{position:relative;width:min(430px,100%);padding:22px;border:1px solid rgba(158,131,92,.22);border-radius:18px;background:#fff;box-shadow:0 24px 70px rgba(0,0,0,.25)}
.mps-user-profile .mps-profile-delete-dialog__message{margin:0;color:#352d25;font-weight:700;line-height:1.9}
.mps-user-profile .mps-profile-delete-dialog__actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:20px}
.mps-user-profile .mps-profile-delete-dialog__actions button{min-height:40px;padding:8px 16px;border:1px solid rgba(158,131,92,.3);border-radius:11px;background:#fff;color:#5c4d3d;font:inherit;font-weight:800;cursor:pointer}
.mps-user-profile .mps-profile-delete-dialog__confirm{border-color:#a13a3a!important;background:#a13a3a!important;color:#fff!important}
.mps-user-profile .mps-profile-delete-dialog__actions button:focus-visible{outline:3px solid rgba(158,131,92,.25);outline-offset:2px}
@media(prefers-reduced-motion:reduce){.mps-user-profile .mps-profile-photo-card{scroll-behavior:auto}}