/* _content/Khadma.Dashboard/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-pqxuj17p9y] {
    display: flex;
    min-height: 100vh;
}

main[b-pqxuj17p9y] {
    flex: 1;
    background: radial-gradient(circle at 8% 10%, #2f1f30 0%, #141317 45%, #0d0e11 100%);
}

.sidebar[b-pqxuj17p9y] {
    width: 260px;
    background: linear-gradient(180deg, #1f2227 0%, #16181d 100%);
    border-right: 1px solid rgba(255, 255, 255, 0.08);
}

.top-row[b-pqxuj17p9y] {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    justify-content: space-between;
    min-height: 3.6rem;
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.title[b-pqxuj17p9y] {
    font-family: "Space Grotesk", sans-serif;
    font-weight: 700;
    color: #f3f1e7;
    letter-spacing: 0.02em;
}

.sub[b-pqxuj17p9y] {
    font-size: 0.82rem;
    color: #93a1aa;
}

.content[b-pqxuj17p9y] {
    color: #ecf0ef;
    padding-top: 1.3rem;
    padding-bottom: 1.3rem;
}

.dashboard-drawer[b-pqxuj17p9y] {
    border-right: 1px solid rgba(43, 123, 109, 0.12);
    backdrop-filter: blur(10px);
}

@media (max-width: 900px) {
    .page[b-pqxuj17p9y] {
        flex-direction: column;
    }

    .sidebar[b-pqxuj17p9y] {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    }

    .top-row[b-pqxuj17p9y] {
        flex-direction: column;
        align-items: flex-start;
        padding-top: 0.8rem;
        padding-bottom: 0.8rem;
    }
}

#blazor-error-ui[b-pqxuj17p9y] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-pqxuj17p9y] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/Khadma.Dashboard/Components/Layout/NavMenu.razor.rz.scp.css */
.dashboard-nav-menu[b-wlmovwgxeo] {
	padding: 0.65rem;
}

.nav-caption[b-wlmovwgxeo] {
	padding: 0.25rem 0.85rem 0.5rem;
	letter-spacing: 0.12em;
	font-weight: 700;
	color: rgba(44, 77, 84, 0.68);
}

.nav-group[b-wlmovwgxeo],
.nav-subgroup[b-wlmovwgxeo] {
	margin-bottom: 0.35rem;
	border-radius: 16px;
	overflow: hidden;
	background: rgba(255, 255, 255, 0.6);
	border: 1px solid rgba(43, 123, 109, 0.08);
}

.nav-group :deep(.mud-nav-group)[b-wlmovwgxeo],
.nav-subgroup :deep(.mud-nav-group)[b-wlmovwgxeo] {
	margin: 0;
}

.nav-group :deep(.mud-nav-group-title)[b-wlmovwgxeo],
.nav-subgroup :deep(.mud-nav-group-title)[b-wlmovwgxeo] {
	padding: 0.85rem 0.95rem;
	font-weight: 700;
	border-radius: 14px;
}

.nav-group :deep(.mud-nav-group-title:hover)[b-wlmovwgxeo],
.nav-subgroup :deep(.mud-nav-group-title:hover)[b-wlmovwgxeo] {
	background: rgba(43, 123, 109, 0.08);
}

.nav-subgroup[b-wlmovwgxeo] {
	margin: 0.4rem 0.5rem 0.55rem;
	background: rgba(243, 248, 247, 0.92);
}

.nav-subgroup :deep(.mud-nav-group-title)[b-wlmovwgxeo] {
	font-size: 0.92rem;
	padding: 0.75rem 0.85rem;
}

.dashboard-nav-menu :deep(.mud-nav-link)[b-wlmovwgxeo] {
	border-radius: 10px;
	margin: 0.2rem 0.5rem 0.35rem;
	padding-top: 0.65rem;
	padding-bottom: 0.65rem;
	transition: background-color 0.16s ease, transform 0.16s ease;
}

.dashboard-nav-menu :deep(.mud-nav-link:hover)[b-wlmovwgxeo] {
	background: rgba(43, 123, 109, 0.12);
	transform: translateX(2px);
}

.dashboard-nav-menu :deep(.mud-nav-link.active)[b-wlmovwgxeo] {
	background: linear-gradient(135deg, rgba(43, 123, 109, 0.18), rgba(208, 138, 47, 0.18));
	font-weight: 700;
}

/* _content/Khadma.Dashboard/Components/Pages/AdminAccount.razor.rz.scp.css */
:global(:root)[b-us76ec7enp] {
    --profile-bg: linear-gradient(140deg, #f6fbf8 0%, #eef8f4 48%, #f9f5ec 100%);
    --profile-surface: #ffffff;
    --profile-border: rgba(20, 78, 66, 0.12);
    --profile-text: #153831;
    --profile-subtle: rgba(21, 56, 49, 0.62);
}

.profile-page[b-us76ec7enp] {
    position: relative;
}

.profile-shell[b-us76ec7enp] {
    border-radius: 24px;
    background: var(--profile-bg);
    border: 1px solid var(--profile-border);
    box-shadow: 0 18px 48px rgba(16, 54, 45, 0.14);
}

.profile-header[b-us76ec7enp] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px;
    border-radius: 18px;
    border: 1px solid rgba(16, 96, 80, 0.18);
    background: linear-gradient(135deg, rgba(13, 95, 80, 0.08) 0%, rgba(43, 145, 124, 0.06) 100%);
}

.admin-shell .profile-header[b-us76ec7enp] {
    background: linear-gradient(135deg, rgba(18, 63, 94, 0.1) 0%, rgba(66, 144, 212, 0.08) 100%);
}

.profile-avatar-wrap[b-us76ec7enp] {
    width: 58px;
    height: 58px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #f4fffb;
    background: linear-gradient(135deg, #0e5c50 0%, #1a8a77 100%);
    box-shadow: 0 8px 22px rgba(14, 92, 80, 0.3);
}

.admin-shell .profile-avatar-wrap[b-us76ec7enp] {
    background: linear-gradient(135deg, #123f5e 0%, #3478b5 100%);
    box-shadow: 0 8px 22px rgba(18, 63, 94, 0.3);
}

.profile-avatar-wrap[b-us76ec7enp]  .mud-icon-root {
    font-size: 1.8rem;
}

.profile-header-content[b-us76ec7enp] {
    min-width: 0;
}

.profile-title[b-us76ec7enp] {
    color: var(--profile-text);
    font-weight: 800;
    margin: 0;
}

.profile-subtitle[b-us76ec7enp] {
    color: var(--profile-subtle);
    margin: 2px 0;
}

.profile-meta[b-us76ec7enp] {
    color: rgba(21, 56, 49, 0.5);
    font-weight: 600;
}

.profile-section[b-us76ec7enp] {
    background: var(--profile-surface);
    border-radius: 18px;
    border: 1px solid var(--profile-border);
    padding: 16px;
    box-shadow: 0 6px 18px rgba(18, 52, 45, 0.06);
}

.section-header[b-us76ec7enp] {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    margin-bottom: 12px;
}

.section-icon[b-us76ec7enp] {
    color: #0e5c50;
    margin-top: 2px;
}

.admin-shell .section-icon[b-us76ec7enp] {
    color: #1f5f96;
}

.section-subtitle[b-us76ec7enp] {
    color: var(--profile-subtle);
    margin-top: 2px;
}

.profile-image-panel[b-us76ec7enp] {
    height: 100%;
    border-radius: 14px;
    border: 1px dashed rgba(24, 96, 81, 0.28);
    background: linear-gradient(140deg, #f7fcfa 0%, #eff9f5 100%);
    padding: 12px;
}

.profile-image-panel-head[b-us76ec7enp] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
}

.profile-image-panel-head[b-us76ec7enp]  .mud-icon-root {
    color: #0e5c50;
    font-size: 1.2rem;
}

.admin-shell .profile-image-panel-head[b-us76ec7enp]  .mud-icon-root {
    color: #1f5f96;
}

.profile-image-panel[b-us76ec7enp]  .mud-grid {
    margin-top: 0;
}

.profile-image-panel[b-us76ec7enp]  .mud-paper {
    max-width: 100% !important;
    border-radius: 12px;
    border-color: rgba(24, 96, 81, 0.2);
    background: #ffffff;
}

.profile-image-panel[b-us76ec7enp]  img {
    width: 100%;
    max-height: 240px;
    object-fit: cover !important;
}

.profile-wallet-card[b-us76ec7enp] {
    display: flex;
    align-items: center;
    gap: 14px;
    background: linear-gradient(135deg, #0e5c50 0%, #1a8a77 42%, #2db89d 100%);
    border-radius: 16px;
    padding: 16px 20px;
    color: #e0faf5;
    box-shadow: 0 8px 24px rgba(14, 92, 80, 0.35);
    flex-wrap: wrap;
}

.admin-spotlight[b-us76ec7enp] {
    background: linear-gradient(135deg, #123f5e 0%, #1f5f96 42%, #4ca3ef 100%);
    box-shadow: 0 8px 24px rgba(18, 63, 94, 0.35);
}

.profile-wallet-icon[b-us76ec7enp] {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.18);
    border: 1.5px solid rgba(255, 255, 255, 0.28);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #e0faf5;
}

.profile-wallet-info[b-us76ec7enp] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.profile-wallet-label[b-us76ec7enp] {
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: rgba(200, 248, 235, 0.75);
}

.profile-wallet-points[b-us76ec7enp] {
    font-size: 1.75rem;
    font-weight: 900;
    line-height: 1.1;
    color: #f0fffc;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
}

.account-role-strip[b-us76ec7enp] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
}

.account-role-chip[b-us76ec7enp] {
    font-weight: 700;
}

.account-stat-card[b-us76ec7enp] {
    border-radius: 16px;
    border: 1px solid rgba(20, 78, 66, 0.12);
    background: linear-gradient(180deg, #ffffff 0%, #f6fbf8 100%);
}

@media (max-width: 600px) {
    .profile-shell[b-us76ec7enp] {
        border-radius: 18px;
    }

    .profile-header[b-us76ec7enp] {
        padding: 12px;
    }

    .profile-section[b-us76ec7enp] {
        padding: 14px;
    }

    .profile-wallet-card[b-us76ec7enp] {
        padding: 14px;
    }

    .profile-image-panel[b-us76ec7enp] {
        margin-top: 4px;
    }
}
/* _content/Khadma.Dashboard/Components/Pages/Catalog.razor.rz.scp.css */
.catalog-page[b-xuxqi3l8hy] {
    background: linear-gradient(180deg, #f7fbf9 0%, #edf7f2 100%);
}

.catalog-results-shell[b-xuxqi3l8hy] {
    border: 1px solid rgba(42, 132, 114, 0.2);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.92);
}

.catalog-product-card[b-xuxqi3l8hy] {
    height: 100%;
    border: 1px solid rgba(68, 143, 130, 0.2);
    border-radius: 14px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.catalog-image-wrap[b-xuxqi3l8hy] {
    position: relative;
    height: 168px;
    background: linear-gradient(140deg, #eef6f2, #e5f1ec);
}

.catalog-image[b-xuxqi3l8hy] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.catalog-image-fallback[b-xuxqi3l8hy] {
    display: none;
    position: absolute;
    inset: 0;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 6px;
    color: #4e6d66;
    background: linear-gradient(155deg, #ecf4f0, #ddece5);
}

.catalog-image-fallback.show[b-xuxqi3l8hy] {
    display: flex;
}

.catalog-product-content[b-xuxqi3l8hy] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.catalog-description[b-xuxqi3l8hy] {
    min-height: 40px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* _content/Khadma.Dashboard/Components/Pages/DriverAccount.razor.rz.scp.css */
:global(:root)[b-7pbf7xxgah] {
    --profile-bg: linear-gradient(140deg, #f6fbf8 0%, #eef8f4 48%, #f9f5ec 100%);
    --profile-surface: #ffffff;
    --profile-border: rgba(20, 78, 66, 0.12);
    --profile-text: #153831;
    --profile-subtle: rgba(21, 56, 49, 0.62);
}

.profile-page[b-7pbf7xxgah] {
    position: relative;
}

.profile-shell[b-7pbf7xxgah] {
    border-radius: 24px;
    background: var(--profile-bg);
    border: 1px solid var(--profile-border);
    box-shadow: 0 18px 48px rgba(16, 54, 45, 0.14);
}

.profile-header[b-7pbf7xxgah] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px;
    border-radius: 18px;
    border: 1px solid rgba(16, 96, 80, 0.18);
    background: linear-gradient(135deg, rgba(13, 95, 80, 0.08) 0%, rgba(43, 145, 124, 0.06) 100%);
}

.driver-shell .profile-header[b-7pbf7xxgah] {
    background: linear-gradient(135deg, rgba(128, 83, 16, 0.08) 0%, rgba(223, 160, 74, 0.1) 100%);
}

.profile-avatar-wrap[b-7pbf7xxgah] {
    width: 58px;
    height: 58px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #f4fffb;
    background: linear-gradient(135deg, #0e5c50 0%, #1a8a77 100%);
    box-shadow: 0 8px 22px rgba(14, 92, 80, 0.3);
}

.driver-shell .profile-avatar-wrap[b-7pbf7xxgah] {
    background: linear-gradient(135deg, #8d5c13 0%, #dfa04a 100%);
    box-shadow: 0 8px 22px rgba(141, 92, 19, 0.3);
}

.profile-avatar-wrap[b-7pbf7xxgah]  .mud-icon-root {
    font-size: 1.8rem;
}

.profile-header-content[b-7pbf7xxgah] {
    min-width: 0;
}

.profile-title[b-7pbf7xxgah] {
    color: var(--profile-text);
    font-weight: 800;
    margin: 0;
}

.profile-subtitle[b-7pbf7xxgah] {
    color: var(--profile-subtle);
    margin: 2px 0;
}

.profile-meta[b-7pbf7xxgah] {
    color: rgba(21, 56, 49, 0.5);
    font-weight: 600;
}

.profile-section[b-7pbf7xxgah] {
    background: var(--profile-surface);
    border-radius: 18px;
    border: 1px solid var(--profile-border);
    padding: 16px;
    box-shadow: 0 6px 18px rgba(18, 52, 45, 0.06);
}

.section-header[b-7pbf7xxgah] {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    margin-bottom: 12px;
}

.section-icon[b-7pbf7xxgah] {
    color: #0e5c50;
    margin-top: 2px;
}

.driver-shell .section-icon[b-7pbf7xxgah] {
    color: #c78417;
}

.section-subtitle[b-7pbf7xxgah] {
    color: var(--profile-subtle);
    margin-top: 2px;
}

.profile-image-panel[b-7pbf7xxgah] {
    height: 100%;
    border-radius: 14px;
    border: 1px dashed rgba(24, 96, 81, 0.28);
    background: linear-gradient(140deg, #f7fcfa 0%, #eff9f5 100%);
    padding: 12px;
}

.profile-image-panel-head[b-7pbf7xxgah] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
}

.profile-image-panel-head[b-7pbf7xxgah]  .mud-icon-root {
    color: #0e5c50;
    font-size: 1.2rem;
}

.driver-shell .profile-image-panel-head[b-7pbf7xxgah]  .mud-icon-root {
    color: #c78417;
}

.profile-image-panel[b-7pbf7xxgah]  .mud-grid {
    margin-top: 0;
}

.profile-image-panel[b-7pbf7xxgah]  .mud-paper {
    max-width: 100% !important;
    border-radius: 12px;
    border-color: rgba(24, 96, 81, 0.2);
    background: #ffffff;
}

.profile-image-panel[b-7pbf7xxgah]  img {
    width: 100%;
    max-height: 240px;
    object-fit: cover !important;
}

.profile-wallet-card[b-7pbf7xxgah] {
    display: flex;
    align-items: center;
    gap: 14px;
    background: linear-gradient(135deg, #0e5c50 0%, #1a8a77 42%, #2db89d 100%);
    border-radius: 16px;
    padding: 16px 20px;
    color: #e0faf5;
    box-shadow: 0 8px 24px rgba(14, 92, 80, 0.35);
    flex-wrap: wrap;
}

.driver-spotlight[b-7pbf7xxgah] {
    background: linear-gradient(135deg, #8d5c13 0%, #dfa04a 42%, #f0bf67 100%);
    box-shadow: 0 8px 24px rgba(141, 92, 19, 0.3);
}

.profile-wallet-icon[b-7pbf7xxgah] {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.18);
    border: 1.5px solid rgba(255, 255, 255, 0.28);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #e0faf5;
}

.profile-wallet-info[b-7pbf7xxgah] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.profile-wallet-label[b-7pbf7xxgah] {
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: rgba(255, 249, 233, 0.76);
}

.profile-wallet-points[b-7pbf7xxgah] {
    font-size: 1.75rem;
    font-weight: 900;
    line-height: 1.1;
    color: #fffdf8;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
}

.account-role-strip[b-7pbf7xxgah] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
}

.account-role-chip[b-7pbf7xxgah] {
    font-weight: 700;
}

.account-stat-card[b-7pbf7xxgah] {
    border-radius: 16px;
    border: 1px solid rgba(20, 78, 66, 0.12);
    background: linear-gradient(180deg, #ffffff 0%, #fffaf0 100%);
}

@media (max-width: 600px) {
    .profile-shell[b-7pbf7xxgah] {
        border-radius: 18px;
    }

    .profile-header[b-7pbf7xxgah] {
        padding: 12px;
    }

    .profile-section[b-7pbf7xxgah] {
        padding: 14px;
    }

    .profile-wallet-card[b-7pbf7xxgah] {
        padding: 14px;
    }

    .profile-image-panel[b-7pbf7xxgah] {
        margin-top: 4px;
    }
}
/* _content/Khadma.Dashboard/Components/Pages/DriverOps.razor.rz.scp.css */
.driver-ops-page[b-jvsufxd8pc] {
    --ops-shell-bg: linear-gradient(145deg, #f8fcfb 0%, #eef8f5 52%, #fbf5ea 100%);
    --ops-border: rgba(23, 89, 74, 0.12);
}

.ops-hero-shell[b-jvsufxd8pc] {
    border-radius: 24px;
    border: 1px solid var(--ops-border);
    background: var(--ops-shell-bg);
    box-shadow: 0 18px 44px rgba(17, 58, 49, 0.12);
}

.ops-chip-strip[b-jvsufxd8pc] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 12px;
}

.journey-shell[b-jvsufxd8pc] {
    border-radius: 24px;
    border: 1px solid var(--ops-border);
    background: linear-gradient(180deg, #ffffff 0%, #f8fbfa 100%);
}

.journey-grid[b-jvsufxd8pc] {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    margin-bottom: 10px;
}

.journey-step[b-jvsufxd8pc] {
    position: relative;
    display: flex;
    gap: 12px;
    align-items: flex-start;
    min-height: 112px;
    border-radius: 18px;
    padding: 14px;
    border: 1px solid rgba(25, 84, 71, 0.12);
    background: #fbfdfc;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.journey-step:hover[b-jvsufxd8pc] {
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(22, 67, 57, 0.08);
}

.journey-step-done[b-jvsufxd8pc] {
    background: linear-gradient(180deg, #f2fcf8 0%, #e8f9f1 100%);
    border-color: rgba(48, 145, 110, 0.22);
}

.journey-step-active[b-jvsufxd8pc] {
    background: linear-gradient(180deg, #eef7ff 0%, #f6fbff 100%);
    border-color: rgba(58, 118, 203, 0.24);
    box-shadow: 0 12px 24px rgba(58, 118, 203, 0.12);
}

.journey-step-pending[b-jvsufxd8pc] {
    background: linear-gradient(180deg, #fffdfa 0%, #faf8f4 100%);
}

.journey-node[b-jvsufxd8pc] {
    width: 34px;
    height: 34px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #dfece7;
    color: #17483d;
    font-weight: 800;
    flex-shrink: 0;
}

.journey-step-done .journey-node[b-jvsufxd8pc] {
    background: #2f9b77;
    color: #ffffff;
}

.journey-step-active .journey-node[b-jvsufxd8pc] {
    background: #3f79d6;
    color: #ffffff;
}

.journey-content[b-jvsufxd8pc] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.journey-title-row[b-jvsufxd8pc] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
}

.journey-caption[b-jvsufxd8pc] {
    color: rgba(19, 54, 46, 0.66);
    line-height: 1.4;
}

.journey-detail-card[b-jvsufxd8pc] {
    height: 100%;
    border-radius: 16px;
    padding: 14px;
    border: 1px solid rgba(21, 85, 71, 0.12);
    background: linear-gradient(180deg, #ffffff 0%, #f7faf9 100%);
}

.journey-next-step-card[b-jvsufxd8pc] {
    border-radius: 16px;
    padding: 14px;
    border: 1px solid rgba(58, 118, 203, 0.24);
    background: linear-gradient(180deg, #eef6ff 0%, #f7fbff 100%);
}

@media (max-width: 600px) {
    .ops-hero-shell[b-jvsufxd8pc],
    .journey-shell[b-jvsufxd8pc] {
        border-radius: 18px;
    }

    .journey-step[b-jvsufxd8pc] {
        min-height: 96px;
    }
}

/* ── Action Shell ─────────────────────────────────────────── */
.action-shell[b-jvsufxd8pc] {
    border-radius: 24px;
    border: 1px solid rgba(23, 89, 74, 0.12);
    background: linear-gradient(180deg, #ffffff 0%, #f8fbfa 100%);
}

.action-empty-state[b-jvsufxd8pc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 32px 16px;
}

.action-assignment-banner[b-jvsufxd8pc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(135deg, #eef6ff 0%, #f4f9ff 100%);
    border: 1px solid rgba(58, 118, 203, 0.18);
    border-radius: 16px;
    padding: 12px 16px;
    margin-bottom: 16px;
}

.action-banner-left[b-jvsufxd8pc] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.action-banner-icon[b-jvsufxd8pc] {
    font-size: 1.8rem;
    color: #3a76cb;
    opacity: 0.8;
}

.action-buttons-grid[b-jvsufxd8pc] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 14px;
    margin-bottom: 8px;
}

.action-card[b-jvsufxd8pc] {
    display: flex;
    align-items: center;
    gap: 14px;
    border-radius: 18px;
    padding: 16px 18px;
    cursor: pointer;
    border: 2px solid transparent;
    transition: transform 0.18s ease, box-shadow 0.18s ease;
    user-select: none;
}

.action-card:hover[b-jvsufxd8pc] {
    transform: translateY(-3px);
    box-shadow: 0 12px 28px rgba(0,0,0,0.1);
}

.action-card-icon[b-jvsufxd8pc] {
    font-size: 2.2rem;
    flex-shrink: 0;
}

.action-accept[b-jvsufxd8pc] {
    background: linear-gradient(135deg, #e8f9ef 0%, #f0fbf4 100%);
    border-color: rgba(46, 140, 96, 0.28);
    color: #1a6b47;
}

.action-accept .action-card-icon[b-jvsufxd8pc] { color: #2e8c60; }

.action-reject[b-jvsufxd8pc] {
    background: linear-gradient(135deg, #fff0f0 0%, #fff6f6 100%);
    border-color: rgba(200, 60, 60, 0.24);
    color: #8b2020;
}

.action-reject .action-card-icon[b-jvsufxd8pc] { color: #c44040; }

.action-pickup[b-jvsufxd8pc] {
    background: linear-gradient(135deg, #fff8e8 0%, #fffbf2 100%);
    border-color: rgba(190, 140, 30, 0.28);
    color: #7a5010;
}

.action-pickup .action-card-icon[b-jvsufxd8pc] { color: #c8900a; }

.action-deliver[b-jvsufxd8pc] {
    background: linear-gradient(135deg, #eef4ff 0%, #f5f8ff 100%);
    border-color: rgba(58, 118, 203, 0.28);
    color: #1a3f7a;
}

.action-deliver .action-card-icon[b-jvsufxd8pc] { color: #3a76cb; }

.action-done[b-jvsufxd8pc] {
    background: linear-gradient(135deg, #f6f6f6 0%, #fafafa 100%);
    border-color: rgba(100, 100, 100, 0.15);
    color: #555;
    cursor: default;
}

.action-done:hover[b-jvsufxd8pc] { transform: none; box-shadow: none; }

.reject-panel[b-jvsufxd8pc] {
    background: #fff5f5;
    border: 1px dashed rgba(200, 60, 60, 0.3);
    border-radius: 16px;
    padding: 16px;
    margin-top: 12px;
}

/* ── Location Presets ─────────────────────────────────────── */
.location-presets[b-jvsufxd8pc] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 4px;
}
/* _content/Khadma.Dashboard/Components/Pages/Home.razor.rz.scp.css */
:global(body)[b-enw03enr6c] {
    background:
        radial-gradient(circle at 10% -15%, rgba(9, 159, 136, 0.2), transparent 32%),
        radial-gradient(circle at 100% -10%, rgba(236, 146, 54, 0.24), transparent 36%),
        linear-gradient(180deg, #f6fcfa 0%, #eef7f3 100%);
}

.intro-card[b-enw03enr6c],
.panel[b-enw03enr6c],
.endpoint-card[b-enw03enr6c] {
    backdrop-filter: blur(10px);
}

.intro-card[b-enw03enr6c] {
    border: 1px solid rgba(32, 131, 114, 0.32);
    background: linear-gradient(130deg, rgba(33, 156, 135, 0.2), rgba(245, 163, 86, 0.22));
    border-radius: 18px;
    padding: 1.35rem;
    margin-bottom: 1rem;
    box-shadow: 0 12px 24px rgba(17, 73, 66, 0.14);
}

.intro-card h1[b-enw03enr6c] {
    margin: 0 0 0.45rem;
    font-family: "Space Grotesk", sans-serif;
    color: #123a35;
    letter-spacing: 0.2px;
}

.intro-card p[b-enw03enr6c] {
    margin: 0;
    color: #24554f;
}

.panel-grid[b-enw03enr6c] {
    display: grid;
    grid-template-columns: repeat(2, minmax(300px, 1fr));
    gap: 1rem;
    margin-bottom: 1rem;
}

.panel[b-enw03enr6c] {
    border: 1px solid rgba(67, 144, 132, 0.26);
    border-radius: 16px;
    padding: 1.1rem;
    background: rgba(255, 255, 255, 0.78);
    margin-bottom: 1.1rem;
    box-shadow: 0 10px 18px rgba(28, 85, 79, 0.09);
}

.panel h2[b-enw03enr6c] {
    font-family: "Space Grotesk", sans-serif;
    font-size: 1.02rem;
    margin: 0 0 0.8rem;
    color: #1e665c;
}

label[b-enw03enr6c] {
    display: block;
    font-size: 0.79rem;
    color: #2c6762;
    margin-bottom: 0.32rem;
    font-weight: 600;
}

input[b-enw03enr6c],
select[b-enw03enr6c],
textarea[b-enw03enr6c] {
    width: 100%;
    background: rgba(247, 252, 250, 0.96);
    border: 1px solid rgba(88, 154, 144, 0.34);
    border-radius: 11px;
    color: #1f4a46;
    padding: 0.55rem 0.65rem;
    margin-bottom: 0.65rem;
    font-family: "IBM Plex Mono", monospace;
    font-size: 0.82rem;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
}

input[b-enw03enr6c]::placeholder,
textarea[b-enw03enr6c]::placeholder {
    color: #6d928d;
}

input:focus[b-enw03enr6c],
select:focus[b-enw03enr6c],
textarea:focus[b-enw03enr6c] {
    outline: none;
    border-color: #2e9b88;
    box-shadow: 0 0 0 3px rgba(52, 170, 149, 0.2);
    background: #ffffff;
}

textarea[b-enw03enr6c] {
    resize: vertical;
}

.hint[b-enw03enr6c] {
    color: #3f726c;
    font-size: 0.78rem;
}

.row2[b-enw03enr6c] {
    display: grid;
    grid-template-columns: repeat(2, minmax(200px, 1fr));
    gap: 0.8rem;
}

.actions[b-enw03enr6c] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

button[b-enw03enr6c] {
    border: 1px solid rgba(29, 134, 117, 0.4);
    background: linear-gradient(140deg, #2f9d89, #1f7f6d);
    color: #f6fffc;
    border-radius: 11px;
    padding: 0.52rem 0.84rem;
    font-family: "Space Grotesk", sans-serif;
    font-weight: 700;
    letter-spacing: 0.2px;
    cursor: pointer;
    transition: transform 0.16s ease, filter 0.16s ease, box-shadow 0.16s ease;
}

button:hover:not(:disabled)[b-enw03enr6c] {
    filter: brightness(1.04);
    transform: translateY(-1px);
    box-shadow: 0 8px 16px rgba(16, 88, 76, 0.24);
}

button:focus-visible[b-enw03enr6c] {
    outline: none;
    box-shadow: 0 0 0 3px rgba(242, 168, 87, 0.35), 0 6px 12px rgba(16, 88, 76, 0.26);
}

button:disabled[b-enw03enr6c] {
    opacity: 0.6;
    cursor: not-allowed;
}

.token-panel textarea[b-enw03enr6c] {
    min-height: 80px;
}

.var-grid[b-enw03enr6c] {
    display: grid;
    grid-template-columns: repeat(4, minmax(170px, 1fr));
    gap: 0.8rem;
}

.group-strip[b-enw03enr6c] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 0.7rem;
}

.group-btn[b-enw03enr6c] {
    background: linear-gradient(140deg, #eef8f5, #dff2ec);
    color: #215f57;
    border-color: rgba(88, 151, 141, 0.32);
}

.group-btn.active[b-enw03enr6c] {
    border-color: rgba(226, 145, 60, 0.62);
    background: linear-gradient(140deg, #f5b565, #df9348);
    color: #fffaf1;
}

.endpoint-grid[b-enw03enr6c] {
    display: grid;
    grid-template-columns: repeat(2, minmax(320px, 1fr));
    gap: 1rem;
}

.endpoint-card[b-enw03enr6c] {
    transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease;
}

.endpoint-card:hover[b-enw03enr6c] {
    transform: translateY(-2px);
    border-color: rgba(43, 123, 109, 0.5);
    box-shadow: 0 14px 26px rgba(22, 92, 82, 0.16);
}

.endpoint-card[b-enw03enr6c] {
    border: 1px solid rgba(89, 154, 144, 0.3);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.83);
    padding: 0.98rem;
    box-shadow: 0 10px 18px rgba(28, 85, 79, 0.1);
}

.endpoint-head[b-enw03enr6c] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 0.45rem;
}

.endpoint-head h3[b-enw03enr6c] {
    margin: 0;
    font-size: 0.98rem;
    font-family: "Space Grotesk", sans-serif;
    color: #1c4d47;
}

.method[b-enw03enr6c] {
    border-radius: 999px;
    padding: 0.12rem 0.62rem;
    font-size: 0.72rem;
    font-family: "IBM Plex Mono", monospace;
    border: 1px solid transparent;
    font-weight: 600;
}

.m-get[b-enw03enr6c] {
    background: rgba(53, 121, 213, 0.15);
    border-color: rgba(53, 121, 213, 0.38);
    color: #1a5cb8;
}

.m-post[b-enw03enr6c] {
    background: rgba(43, 154, 120, 0.15);
    border-color: rgba(43, 154, 120, 0.4);
    color: #16775b;
}

.m-put[b-enw03enr6c] {
    background: rgba(221, 149, 62, 0.17);
    border-color: rgba(221, 149, 62, 0.42);
    color: #a25c10;
}

.m-delete[b-enw03enr6c] {
    background: rgba(199, 81, 81, 0.14);
    border-color: rgba(199, 81, 81, 0.35);
    color: #a23e3e;
}

.m-other[b-enw03enr6c] {
    background: rgba(90, 117, 126, 0.14);
    border-color: rgba(90, 117, 126, 0.35);
    color: #36535d;
}

.meta[b-enw03enr6c] {
    color: #456f69;
    font-size: 0.75rem;
    margin-bottom: 0.35rem;
}

.route[b-enw03enr6c] {
    color: #137a6c;
    font-size: 0.79rem;
    font-family: "IBM Plex Mono", monospace;
    margin-bottom: 0.5rem;
    overflow-wrap: anywhere;
    user-select: all;
}

.notes[b-enw03enr6c] {
    margin: 0 0 0.5rem;
    color: #27514c;
    font-size: 0.84rem;
}

.status[b-enw03enr6c] {
    color: #8b4b06;
    font-size: 0.79rem;
    margin: 0.45rem 0;
}

pre[b-enw03enr6c] {
    margin: 0;
    background: #0f2023;
    border: 1px solid rgba(81, 154, 142, 0.45);
    border-radius: 11px;
    padding: 0.72rem;
    font-size: 0.74rem;
    color: #dbfff8;
    max-height: 300px;
    overflow: auto;
}

@media (max-width: 1150px) {
    .panel-grid[b-enw03enr6c],
    .endpoint-grid[b-enw03enr6c],
    .var-grid[b-enw03enr6c],
    .row2[b-enw03enr6c] {
        grid-template-columns: 1fr;
    }

    .panel[b-enw03enr6c] {
        padding: 0.9rem;
    }
}
/* _content/Khadma.Dashboard/Components/Pages/HomeFeed.razor.rz.scp.css */
.mobile-home-page[b-30k6o8dn21] {
    background:
        radial-gradient(circle at 10% -20%, rgba(40, 156, 129, 0.16), transparent 34%),
        radial-gradient(circle at 100% -12%, rgba(255, 190, 103, 0.22), transparent 38%),
        linear-gradient(180deg, #f7fcf9 0%, #edf5f1 100%);
}

.mobile-home-shell[b-30k6o8dn21] {
    border-radius: 26px;
    border: 1px solid rgba(53, 140, 123, 0.22);
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 16px 30px rgba(21, 75, 67, 0.12);
}

.feed-header-row[b-30k6o8dn21] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.feed-subtitle[b-30k6o8dn21] {
    letter-spacing: 1.1px;
    color: #558078;
    font-weight: 700;
}

.feed-title[b-30k6o8dn21] {
    font-weight: 700;
    color: #183f3a;
}

.feed-insights-panel[b-30k6o8dn21] {
    border-color: rgba(59, 138, 124, 0.24);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(244, 250, 247, 0.95));
}

.feed-insight-card[b-30k6o8dn21] {
    position: relative;
    overflow: hidden;
    border-radius: 18px;
    border: 1px solid rgba(70, 143, 130, 0.18);
    box-shadow: 0 14px 28px rgba(23, 72, 65, 0.14);
    isolation: isolate;
}

/* ── New insight cards ─────────────────────────────────── */
.insight-card[b-30k6o8dn21] {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    padding: 20px 20px 18px;
    min-height: 110px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.insight-card-bg[b-30k6o8dn21] {
    position: absolute;
    inset: 0;
    border-radius: 20px;
    z-index: 0;
}

/* decorative circles top-right */
.insight-card-circles[b-30k6o8dn21] {
    position: absolute;
    top: -30px;
    right: -30px;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    opacity: 0.18;
    z-index: 0;
}

.insight-card-body[b-30k6o8dn21] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 18px;
}

.insight-icon-wrap[b-30k6o8dn21] {
    flex-shrink: 0;
    width: 54px;
    height: 54px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.insight-icon[b-30k6o8dn21] {
    font-size: 1.7rem !important;
}

.insight-text[b-30k6o8dn21] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.insight-label[b-30k6o8dn21] {
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
    opacity: 0.72;
}

.insight-value[b-30k6o8dn21] {
    font-size: 1.35rem;
    font-weight: 800;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 22ch;
}

.insight-unit[b-30k6o8dn21] {
    font-size: 0.85rem;
    font-weight: 600;
    opacity: 0.7;
}

.insight-sub[b-30k6o8dn21] {
    font-size: 0.72rem;
    font-weight: 500;
    opacity: 0.68;
    line-height: 1.3;
}

/* Promo card — deep amber */
.promo-card[b-30k6o8dn21] {
    background: linear-gradient(135deg, #b86e00 0%, #d4860a 40%, #e8a825 100%);
    box-shadow: 0 10px 28px rgba(180, 100, 0, 0.38), 0 2px 6px rgba(180, 100, 0, 0.18);
    color: #fff5e0;
}

.promo-card .insight-card-circles[b-30k6o8dn21] {
    background: rgba(255, 220, 130, 0.9);
    box-shadow: 0 0 0 40px rgba(255, 200, 80, 0.12);
}

.promo-card .insight-icon-wrap.promo[b-30k6o8dn21] {
    background: rgba(255, 255, 255, 0.18);
    color: #fff5e0;
    border: 1.5px solid rgba(255, 255, 255, 0.28);
    backdrop-filter: blur(8px);
}

.promo-card .insight-label[b-30k6o8dn21] { color: rgba(255, 240, 200, 0.85); }
.promo-card .insight-value[b-30k6o8dn21] { color: #fffaf0; }
.promo-card .insight-sub[b-30k6o8dn21]   { color: rgba(255, 235, 180, 0.8); }
.promo-value[b-30k6o8dn21] { font-size: 1.15rem !important; }

/* Points card — deep teal */
.points-card[b-30k6o8dn21] {
    background: linear-gradient(135deg, #0e5c50 0%, #1a8a77 40%, #2db89d 100%);
    box-shadow: 0 10px 28px rgba(14, 92, 80, 0.38), 0 2px 6px rgba(14, 92, 80, 0.18);
    color: #e0faf5;
}

.points-card .insight-card-circles[b-30k6o8dn21] {
    background: rgba(130, 240, 210, 0.8);
    box-shadow: 0 0 0 40px rgba(80, 200, 170, 0.12);
}

.points-card .insight-icon-wrap.points[b-30k6o8dn21] {
    background: rgba(255, 255, 255, 0.16);
    color: #e0faf5;
    border: 1.5px solid rgba(255, 255, 255, 0.26);
    backdrop-filter: blur(8px);
}

.points-card .insight-label[b-30k6o8dn21] { color: rgba(200, 248, 235, 0.82); }
.points-card .insight-value[b-30k6o8dn21] { color: #f0fffc; }
.points-card .insight-sub[b-30k6o8dn21]   { color: rgba(180, 240, 220, 0.78); }
.points-value[b-30k6o8dn21] { font-size: 1.7rem !important; font-weight: 900 !important; }

.highlight-strip[b-30k6o8dn21] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.service-card[b-30k6o8dn21] {
    border: 1px solid rgba(80, 151, 138, 0.22);
    border-radius: 12px;
    cursor: pointer;
    background: #ffffff;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background 0.18s ease;
    min-height: 126px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(19, 74, 66, 0.08);
}

.service-hero[b-30k6o8dn21] {
    position: relative;
    min-height: 126px;
}

.service-hero-image[b-30k6o8dn21] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    position: absolute;
    inset: 0;
}

.service-hero-fallback[b-30k6o8dn21] {
    display: none;
    position: absolute;
    inset: 0;
    align-items: center;
    justify-content: center;
    color: #e8f9f4;
    background: linear-gradient(155deg, #2f6d62, #1f4f47);
}

.service-hero-fallback.show[b-30k6o8dn21] {
    display: flex;
}

.service-hero-overlay[b-30k6o8dn21] {
    position: absolute;
    inset: 0;
    background: linear-gradient(165deg, rgba(18, 44, 40, 0.2), rgba(14, 36, 33, 0.72));
}

.service-hero-content[b-30k6o8dn21] {
    position: relative;
    z-index: 1;
    color: #f8fffc;
    padding: 10px;
    min-height: 126px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.service-icon-avatar[b-30k6o8dn21] {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    background: rgba(255, 255, 255, 0.22) !important;
    backdrop-filter: blur(2px);
}

.service-icon-avatar .mud-icon-root[b-30k6o8dn21] {
    font-size: 0.82rem;
    color: #ffffff;
}

.service-hero-top[b-30k6o8dn21] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.service-name[b-30k6o8dn21] {
    font-size: 0.98rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #ffffff;
}

.service-meta[b-30k6o8dn21] {
    font-size: 0.73rem;
    letter-spacing: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgba(238, 251, 246, 0.96) !important;
}

.service-card:hover[b-30k6o8dn21] {
    transform: translateY(-1px);
    box-shadow: 0 7px 14px rgba(20, 80, 69, 0.12);
}

.service-card.selected[b-30k6o8dn21] {
    border-color: rgba(41, 147, 128, 0.58);
    box-shadow: 0 9px 18px rgba(28, 113, 97, 0.2);
}

.service-tone-food[b-30k6o8dn21] {
    border-top: 2px solid rgba(239, 168, 74, 0.55);
}

.service-tone-grocery[b-30k6o8dn21] {
    border-top: 2px solid rgba(77, 170, 112, 0.55);
}

.service-tone-pharmacy[b-30k6o8dn21] {
    border-top: 2px solid rgba(73, 150, 194, 0.55);
}

.service-tone-default[b-30k6o8dn21] {
    border-top: 2px solid rgba(80, 151, 138, 0.45);
}

.service-open-chip[b-30k6o8dn21] {
    font-size: 0.68rem;
    min-width: 28px;
    justify-content: center;
    background: rgba(221, 244, 237, 0.92);
    border-radius: 999px;
    height: 22px;
}

@media (max-width: 900px) {
    .service-card[b-30k6o8dn21] {
        min-height: 114px;
    }

    .service-hero[b-30k6o8dn21] {
        min-height: 114px;
    }

    .service-hero-content[b-30k6o8dn21] {
        min-height: 114px;
        padding: 9px;
    }

    .service-name[b-30k6o8dn21] {
        font-size: 0.9rem;
    }
}

.section-head[b-30k6o8dn21] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.store-card[b-30k6o8dn21] {
    border-radius: 13px;
    overflow: hidden;
    border: 1px solid rgba(71, 141, 129, 0.24);
    cursor: pointer;
}

.store-card.selected[b-30k6o8dn21] {
    border-color: rgba(40, 145, 127, 0.72);
    box-shadow: 0 12px 20px rgba(20, 83, 73, 0.2);
}

.store-image-wrap[b-30k6o8dn21] {
    position: relative;
    height: 118px;
    background: linear-gradient(155deg, #e8f3ef, #deeee8);
}

.store-card .mud-card-content[b-30k6o8dn21] {
    padding: 9px 10px !important;
}

.store-card .mud-typography-subtitle1[b-30k6o8dn21] {
    font-size: 0.9rem;
    line-height: 1.2;
}

.store-card .mud-typography-body2[b-30k6o8dn21] {
    font-size: 0.78rem;
}

.store-image[b-30k6o8dn21],
.product-image[b-30k6o8dn21] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.store-image-fallback[b-30k6o8dn21],
.product-image-fallback[b-30k6o8dn21] {
    display: none;
    position: absolute;
    inset: 0;
    align-items: center;
    justify-content: center;
    color: #587972;
    background: linear-gradient(155deg, #eaf4f0, #dcece6);
}

.store-image-fallback.show[b-30k6o8dn21],
.product-image-fallback.show[b-30k6o8dn21] {
    display: flex;
}

.feed-product-card[b-30k6o8dn21] {
    height: 100%;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid rgba(83, 146, 136, 0.24);
}

.product-image-wrap[b-30k6o8dn21] {
    position: relative;
    height: 124px;
    background: linear-gradient(155deg, #edf5f2, #dfede7);
}

.feed-product-card .mud-card-content[b-30k6o8dn21] {
    padding: 9px 10px 8px !important;
}

.feed-product-card .mud-card-actions[b-30k6o8dn21] {
    padding: 6px 10px 10px !important;
}

.feed-product-card .mud-typography-subtitle1[b-30k6o8dn21] {
    font-size: 0.9rem;
    line-height: 1.2;
}

.feed-product-card .mud-button-root[b-30k6o8dn21] {
    min-height: 30px;
    font-size: 0.74rem;
}

.line-clamp-2[b-30k6o8dn21] {
    min-height: 32px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media (max-width: 900px) {
    .mobile-home-shell[b-30k6o8dn21] {
        border-radius: 20px;
    }

    .store-image-wrap[b-30k6o8dn21] {
        height: 108px;
    }

    .product-image-wrap[b-30k6o8dn21] {
        height: 108px;
    }
}
/* _content/Khadma.Dashboard/Components/Pages/Profile.razor.rz.scp.css */
:global(:root)[b-bou9ilsgry] {
    --profile-bg: linear-gradient(140deg, #f6fbf8 0%, #eef8f4 48%, #f9f5ec 100%);
    --profile-surface: #ffffff;
    --profile-border: rgba(20, 78, 66, 0.12);
    --profile-text: #153831;
    --profile-subtle: rgba(21, 56, 49, 0.62);
}

.profile-page[b-bou9ilsgry] {
    position: relative;
}

.profile-shell[b-bou9ilsgry] {
    border-radius: 24px;
    background: var(--profile-bg);
    border: 1px solid var(--profile-border);
    box-shadow: 0 18px 48px rgba(16, 54, 45, 0.14);
}

.profile-header[b-bou9ilsgry] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px;
    border-radius: 18px;
    border: 1px solid rgba(16, 96, 80, 0.18);
    background: linear-gradient(135deg, rgba(13, 95, 80, 0.08) 0%, rgba(43, 145, 124, 0.06) 100%);
}

.profile-avatar-wrap[b-bou9ilsgry] {
    width: 58px;
    height: 58px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #f4fffb;
    background: linear-gradient(135deg, #0e5c50 0%, #1a8a77 100%);
    box-shadow: 0 8px 22px rgba(14, 92, 80, 0.3);
}

.profile-avatar-wrap[b-bou9ilsgry]  .mud-icon-root {
    font-size: 1.8rem;
}

.profile-header-content[b-bou9ilsgry] {
    min-width: 0;
}

.profile-title[b-bou9ilsgry] {
    color: var(--profile-text);
    font-weight: 800;
    margin: 0;
}

.profile-subtitle[b-bou9ilsgry] {
    color: var(--profile-subtle);
    margin: 2px 0;
}

.profile-meta[b-bou9ilsgry] {
    color: rgba(21, 56, 49, 0.5);
    font-weight: 600;
}

.profile-section[b-bou9ilsgry] {
    background: var(--profile-surface);
    border-radius: 18px;
    border: 1px solid var(--profile-border);
    padding: 16px;
    box-shadow: 0 6px 18px rgba(18, 52, 45, 0.06);
}

.section-header[b-bou9ilsgry] {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    margin-bottom: 12px;
}

.section-icon[b-bou9ilsgry] {
    color: #0e5c50;
    margin-top: 2px;
}

.section-subtitle[b-bou9ilsgry] {
    color: var(--profile-subtle);
    margin-top: 2px;
}

.security-section[b-bou9ilsgry] {
    background: linear-gradient(135deg, #ffffff 0%, #f9f3ec 100%);
}

.profile-image-panel[b-bou9ilsgry] {
    height: 100%;
    border-radius: 14px;
    border: 1px dashed rgba(24, 96, 81, 0.28);
    background: linear-gradient(140deg, #f7fcfa 0%, #eff9f5 100%);
    padding: 12px;
}

.profile-image-panel-head[b-bou9ilsgry] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
}

.profile-image-panel-head[b-bou9ilsgry]  .mud-icon-root {
    color: #0e5c50;
    font-size: 1.2rem;
}

.profile-image-panel[b-bou9ilsgry]  .mud-grid {
    margin-top: 0;
}

.profile-image-panel[b-bou9ilsgry]  .mud-paper {
    max-width: 100% !important;
    border-radius: 12px;
    border-color: rgba(24, 96, 81, 0.2);
    background: #ffffff;
}

.profile-image-panel[b-bou9ilsgry]  img {
    width: 100%;
    max-height: 240px;
    object-fit: cover !important;
}

/* Wallet block */
.profile-wallet-card[b-bou9ilsgry] {
    display: flex;
    align-items: center;
    gap: 14px;
    background: linear-gradient(135deg, #0e5c50 0%, #1a8a77 42%, #2db89d 100%);
    border-radius: 16px;
    padding: 16px 20px;
    color: #e0faf5;
    box-shadow: 0 8px 24px rgba(14, 92, 80, 0.35);
    flex-wrap: wrap;
}

.profile-wallet-icon[b-bou9ilsgry] {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.18);
    border: 1.5px solid rgba(255, 255, 255, 0.28);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #e0faf5;
}

.profile-wallet-info[b-bou9ilsgry] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.profile-wallet-label[b-bou9ilsgry] {
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: rgba(200, 248, 235, 0.75);
}

.profile-wallet-points[b-bou9ilsgry] {
    font-size: 1.75rem;
    font-weight: 900;
    line-height: 1.1;
    color: #f0fffc;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
}

.profile-wallet-unit[b-bou9ilsgry] {
    font-size: 0.85rem;
    font-weight: 600;
    opacity: 0.65;
}

@media (max-width: 600px) {
    .profile-shell[b-bou9ilsgry] {
        border-radius: 18px;
    }

    .profile-header[b-bou9ilsgry] {
        padding: 12px;
    }

    .profile-section[b-bou9ilsgry] {
        padding: 14px;
    }

    .profile-wallet-card[b-bou9ilsgry] {
        padding: 14px;
    }

    .profile-image-panel[b-bou9ilsgry] {
        margin-top: 4px;
    }
}
/* _content/Khadma.Dashboard/Components/Pages/RewardHistory.razor.rz.scp.css */
/* Reuse visual language from wallet history rows */
.wallet-tx-row[b-9snmzfh3lm] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 16px;
    transition: background 0.15s;
}

.wallet-tx-row.even[b-9snmzfh3lm] {
    background: rgba(240, 252, 248, 0.5);
}

.wallet-tx-row:hover[b-9snmzfh3lm] {
    background: rgba(43, 123, 109, 0.06);
}

.wallet-tx-icon-wrap[b-9snmzfh3lm] {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wallet-tx-icon-wrap.earn[b-9snmzfh3lm] { background: rgba(46, 160, 67, 0.12); color: #1a7a30; }
.wallet-tx-icon-wrap.spend[b-9snmzfh3lm] { background: rgba(198, 80, 60, 0.10); color: #b03020; }
.wallet-tx-icon-wrap.reserve[b-9snmzfh3lm] { background: rgba(198, 148, 65, 0.12); color: #8a5e10; }
.wallet-tx-icon-wrap.neutral[b-9snmzfh3lm] { background: rgba(100, 100, 120, 0.1); color: #505060; }

.wallet-tx-info[b-9snmzfh3lm] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 1px;
    min-width: 0;
}

.wallet-tx-type[b-9snmzfh3lm] {
    font-size: 0.875rem;
    font-weight: 700;
    color: #1a2e28;
}

.wallet-tx-note[b-9snmzfh3lm] {
    font-size: 0.75rem;
    color: rgba(18, 52, 45, 0.62);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wallet-tx-date[b-9snmzfh3lm] {
    font-size: 0.7rem;
    color: rgba(18, 52, 45, 0.45);
    margin-top: 2px;
}

.wallet-tx-right[b-9snmzfh3lm] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
    flex-shrink: 0;
}

.wallet-tx-delta[b-9snmzfh3lm] {
    font-size: 0.9rem;
    font-weight: 800;
    white-space: nowrap;
}

.wallet-tx-delta.earn[b-9snmzfh3lm] { color: #1a7a30; }
.wallet-tx-delta.spend[b-9snmzfh3lm] { color: #b03020; }

.wallet-tx-balance[b-9snmzfh3lm] {
    font-size: 0.7rem;
    color: rgba(18, 52, 45, 0.45);
    white-space: nowrap;
}
/* _content/Khadma.Dashboard/Components/Pages/RewardWallet.razor.rz.scp.css */
/* ── Wallet hero card ─────────────────────────────────────────────── */
.wallet-hero-card[b-ahjryxlrpn] {
    position: relative;
    overflow: hidden;
    border-radius: 22px;
    padding: 22px 22px 20px;
    background: linear-gradient(135deg, #0e5c50 0%, #1a8a77 42%, #2db89d 100%);
    box-shadow: 0 12px 32px rgba(14, 92, 80, 0.42), 0 2px 8px rgba(14, 92, 80, 0.2);
    color: #e0faf5;
}

.wallet-hero-bg[b-ahjryxlrpn] {
    position: absolute;
    inset: 0;
    border-radius: 22px;
}

.wallet-hero-circles[b-ahjryxlrpn] {
    position: absolute;
    top: -40px;
    right: -40px;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    background: rgba(130, 240, 210, 0.18);
    box-shadow: 0 0 0 50px rgba(80, 200, 170, 0.08);
    pointer-events: none;
}

.wallet-hero-body[b-ahjryxlrpn] {
    position: relative;
    z-index: 1;
}

.wallet-hero-top[b-ahjryxlrpn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

.wallet-hero-icon[b-ahjryxlrpn] {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.16);
    border: 1.5px solid rgba(255, 255, 255, 0.28);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #e0faf5;
    backdrop-filter: blur(8px);
}

.wallet-hero-points[b-ahjryxlrpn] {
    font-size: 3rem;
    font-weight: 900;
    line-height: 1;
    color: #f0fffc;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    letter-spacing: -1px;
}

.wallet-hero-label[b-ahjryxlrpn] {
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: rgba(200, 248, 235, 0.78);
    margin-top: 4px;
}

.wallet-hero-sub[b-ahjryxlrpn] {
    font-size: 0.82rem;
    color: rgba(180, 240, 220, 0.75);
    margin-top: 6px;
    font-weight: 500;
}

/* ── Stat mini cards ──────────────────────────────────────────────── */
.wallet-stat-card[b-ahjryxlrpn] {
    background: linear-gradient(135deg, #e8f9f4 0%, #c8f0e6 100%);
    border: 1.5px solid rgba(43, 123, 109, 0.2);
    border-radius: 14px;
    padding: 14px 16px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.wallet-stat-card.reserved[b-ahjryxlrpn] {
    background: linear-gradient(135deg, #fff8ec 0%, #ffecc8 100%);
    border-color: rgba(198, 148, 65, 0.2);
}

.wallet-stat-label[b-ahjryxlrpn] {
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    color: rgba(20, 55, 48, 0.6);
}

.wallet-stat-value[b-ahjryxlrpn] {
    font-size: 1.5rem;
    font-weight: 900;
    color: #0e5c50;
    line-height: 1.1;
}

.wallet-stat-card.reserved .wallet-stat-value[b-ahjryxlrpn] {
    color: #7a4e10;
}

.wallet-stat-unit[b-ahjryxlrpn] {
    font-size: 0.78rem;
    font-weight: 600;
    opacity: 0.6;
}

/* ── Transaction rows ─────────────────────────────────────────────── */
.wallet-tx-row[b-ahjryxlrpn] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 16px;
    transition: background 0.15s;
}

.wallet-tx-row.even[b-ahjryxlrpn] {
    background: rgba(240, 252, 248, 0.5);
}

.wallet-tx-row:hover[b-ahjryxlrpn] {
    background: rgba(43, 123, 109, 0.06);
}

.wallet-tx-icon-wrap[b-ahjryxlrpn] {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wallet-tx-icon-wrap.earn[b-ahjryxlrpn]    { background: rgba(46, 160, 67, 0.12);  color: #1a7a30; }
.wallet-tx-icon-wrap.spend[b-ahjryxlrpn]   { background: rgba(198, 80, 60, 0.10);  color: #b03020; }
.wallet-tx-icon-wrap.reserve[b-ahjryxlrpn] { background: rgba(198, 148, 65, 0.12); color: #8a5e10; }
.wallet-tx-icon-wrap.neutral[b-ahjryxlrpn] { background: rgba(100, 100, 120, 0.1); color: #505060; }

.wallet-tx-info[b-ahjryxlrpn] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 1px;
    min-width: 0;
}

.wallet-tx-type[b-ahjryxlrpn] {
    font-size: 0.875rem;
    font-weight: 700;
    color: #1a2e28;
}

.wallet-tx-note[b-ahjryxlrpn] {
    font-size: 0.75rem;
    color: rgba(18, 52, 45, 0.62);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wallet-tx-date[b-ahjryxlrpn] {
    font-size: 0.7rem;
    color: rgba(18, 52, 45, 0.45);
    margin-top: 2px;
}

.wallet-tx-right[b-ahjryxlrpn] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
    flex-shrink: 0;
}

.wallet-tx-delta[b-ahjryxlrpn] {
    font-size: 0.9rem;
    font-weight: 800;
    white-space: nowrap;
}
.wallet-tx-delta.earn[b-ahjryxlrpn]  { color: #1a7a30; }
.wallet-tx-delta.spend[b-ahjryxlrpn] { color: #b03020; }

.wallet-tx-balance[b-ahjryxlrpn] {
    font-size: 0.7rem;
    color: rgba(18, 52, 45, 0.45);
    white-space: nowrap;
}
/* _content/Khadma.Dashboard/Components/Pages/Search.razor.rz.scp.css */
.search-page[b-684jj0xre6] {
    background: linear-gradient(180deg, #f8fbfa 0%, #eef6f2 100%);
}

.search-product-card[b-684jj0xre6] {
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid rgba(71, 140, 129, 0.22);
}

.search-image-wrap[b-684jj0xre6] {
    position: relative;
    height: 168px;
    background: linear-gradient(150deg, #edf5f2, #dfede7);
}

.search-image[b-684jj0xre6] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.search-image-fallback[b-684jj0xre6] {
    display: none;
    position: absolute;
    inset: 0;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 6px;
    color: #597972;
    background: linear-gradient(155deg, #ebf4f1, #deebe6);
}

.search-image-fallback.show[b-684jj0xre6] {
    display: flex;
}
/* _content/Khadma.Dashboard/Components/Pages/Services.razor.rz.scp.css */
.service-card[b-v4wzhf5qkt] {
    border: 1px solid rgba(80, 151, 138, 0.22);
    border-radius: 12px;
    cursor: pointer;
    background: #ffffff;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
    min-height: 126px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(19, 74, 66, 0.08);
}

.service-card:hover[b-v4wzhf5qkt] {
    transform: translateY(-1px);
    box-shadow: 0 9px 18px rgba(28, 113, 97, 0.2);
}

.service-card-click[b-v4wzhf5qkt] {
    cursor: pointer;
}

.service-hero[b-v4wzhf5qkt] {
    position: relative;
    min-height: 126px;
}

.service-hero-image[b-v4wzhf5qkt] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    position: absolute;
    inset: 0;
}

.service-hero-overlay[b-v4wzhf5qkt] {
    position: absolute;
    inset: 0;
    background: linear-gradient(165deg, rgba(18, 44, 40, 0.2), rgba(14, 36, 33, 0.72));
}

.service-hero-content[b-v4wzhf5qkt] {
    position: relative;
    z-index: 1;
    color: #f8fffc;
    padding: 10px;
    min-height: 126px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.service-hero-top[b-v4wzhf5qkt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.service-icon-avatar[b-v4wzhf5qkt] {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    background: rgba(255, 255, 255, 0.22) !important;
    backdrop-filter: blur(2px);
}

.service-icon-avatar .mud-icon-root[b-v4wzhf5qkt] {
    font-size: 0.82rem;
    color: #ffffff;
}

.service-name[b-v4wzhf5qkt] {
    font-size: 0.98rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #ffffff;
}

.service-meta[b-v4wzhf5qkt] {
    font-size: 0.73rem;
    letter-spacing: 0;
    color: rgba(238, 251, 246, 0.96);
}

.service-arrow[b-v4wzhf5qkt] {
    color: #e8faf5;
}

.service-tone-food[b-v4wzhf5qkt] {
    border-top: 2px solid rgba(239, 168, 74, 0.55);
}

.service-tone-grocery[b-v4wzhf5qkt] {
    border-top: 2px solid rgba(77, 170, 112, 0.55);
}

.service-tone-pharmacy[b-v4wzhf5qkt] {
    border-top: 2px solid rgba(73, 150, 194, 0.55);
}

.service-tone-default[b-v4wzhf5qkt] {
    border-top: 2px solid rgba(80, 151, 138, 0.45);
}

@media (max-width: 900px) {
    .service-card[b-v4wzhf5qkt] {
        min-height: 114px;
    }

    .service-hero[b-v4wzhf5qkt] {
        min-height: 114px;
    }

    .service-hero-content[b-v4wzhf5qkt] {
        min-height: 114px;
        padding: 9px;
    }

    .service-name[b-v4wzhf5qkt] {
        font-size: 0.9rem;
    }
}
/* _content/Khadma.Dashboard/Components/Pages/VendorAccount.razor.rz.scp.css */
:global(:root)[b-9jjie3vfg8] {
    --profile-bg: linear-gradient(140deg, #f6fbf8 0%, #eef8f4 48%, #f9f5ec 100%);
    --profile-surface: #ffffff;
    --profile-border: rgba(20, 78, 66, 0.12);
    --profile-text: #153831;
    --profile-subtle: rgba(21, 56, 49, 0.62);
}

.profile-page[b-9jjie3vfg8] {
    position: relative;
}

.profile-shell[b-9jjie3vfg8] {
    border-radius: 24px;
    background: var(--profile-bg);
    border: 1px solid var(--profile-border);
    box-shadow: 0 18px 48px rgba(16, 54, 45, 0.14);
}

.profile-header[b-9jjie3vfg8] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px;
    border-radius: 18px;
    border: 1px solid rgba(16, 96, 80, 0.18);
    background: linear-gradient(135deg, rgba(13, 95, 80, 0.08) 0%, rgba(43, 145, 124, 0.06) 100%);
}

.vendor-shell .profile-header[b-9jjie3vfg8] {
    background: linear-gradient(135deg, rgba(114, 84, 18, 0.08) 0%, rgba(198, 148, 65, 0.1) 100%);
}

.profile-avatar-wrap[b-9jjie3vfg8] {
    width: 58px;
    height: 58px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #f4fffb;
    background: linear-gradient(135deg, #0e5c50 0%, #1a8a77 100%);
    box-shadow: 0 8px 22px rgba(14, 92, 80, 0.3);
}

.vendor-shell .profile-avatar-wrap[b-9jjie3vfg8] {
    background: linear-gradient(135deg, #8d5c13 0%, #c69441 100%);
    box-shadow: 0 8px 22px rgba(141, 92, 19, 0.28);
}

.profile-avatar-wrap[b-9jjie3vfg8]  .mud-icon-root {
    font-size: 1.8rem;
}

.profile-header-content[b-9jjie3vfg8] {
    min-width: 0;
}

.profile-title[b-9jjie3vfg8] {
    color: var(--profile-text);
    font-weight: 800;
    margin: 0;
}

.profile-subtitle[b-9jjie3vfg8] {
    color: var(--profile-subtle);
    margin: 2px 0;
}

.profile-meta[b-9jjie3vfg8] {
    color: rgba(21, 56, 49, 0.5);
    font-weight: 600;
}

.profile-section[b-9jjie3vfg8] {
    background: var(--profile-surface);
    border-radius: 18px;
    border: 1px solid var(--profile-border);
    padding: 16px;
    box-shadow: 0 6px 18px rgba(18, 52, 45, 0.06);
}

.section-header[b-9jjie3vfg8] {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    margin-bottom: 12px;
}

.section-icon[b-9jjie3vfg8] {
    color: #0e5c50;
    margin-top: 2px;
}

.vendor-shell .section-icon[b-9jjie3vfg8] {
    color: #a46e1a;
}

.section-subtitle[b-9jjie3vfg8] {
    color: var(--profile-subtle);
    margin-top: 2px;
}

.profile-image-panel[b-9jjie3vfg8] {
    height: 100%;
    border-radius: 14px;
    border: 1px dashed rgba(24, 96, 81, 0.28);
    background: linear-gradient(140deg, #f7fcfa 0%, #eff9f5 100%);
    padding: 12px;
}

.profile-image-panel-head[b-9jjie3vfg8] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
}

.profile-image-panel-head[b-9jjie3vfg8]  .mud-icon-root {
    color: #0e5c50;
    font-size: 1.2rem;
}

.vendor-shell .profile-image-panel-head[b-9jjie3vfg8]  .mud-icon-root {
    color: #a46e1a;
}

.profile-image-panel[b-9jjie3vfg8]  .mud-grid {
    margin-top: 0;
}

.profile-image-panel[b-9jjie3vfg8]  .mud-paper {
    max-width: 100% !important;
    border-radius: 12px;
    border-color: rgba(24, 96, 81, 0.2);
    background: #ffffff;
}

.profile-image-panel[b-9jjie3vfg8]  img {
    width: 100%;
    max-height: 240px;
    object-fit: cover !important;
}

.profile-wallet-card[b-9jjie3vfg8] {
    display: flex;
    align-items: center;
    gap: 14px;
    background: linear-gradient(135deg, #0e5c50 0%, #1a8a77 42%, #2db89d 100%);
    border-radius: 16px;
    padding: 16px 20px;
    color: #e0faf5;
    box-shadow: 0 8px 24px rgba(14, 92, 80, 0.35);
    flex-wrap: wrap;
}

.vendor-spotlight[b-9jjie3vfg8] {
    background: linear-gradient(135deg, #8d5c13 0%, #c69441 42%, #e2b25c 100%);
    box-shadow: 0 8px 24px rgba(141, 92, 19, 0.28);
}

.profile-wallet-icon[b-9jjie3vfg8] {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.18);
    border: 1.5px solid rgba(255, 255, 255, 0.28);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #e0faf5;
}

.profile-wallet-info[b-9jjie3vfg8] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.profile-wallet-label[b-9jjie3vfg8] {
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: rgba(255, 247, 232, 0.76);
}

.profile-wallet-points[b-9jjie3vfg8] {
    font-size: 1.75rem;
    font-weight: 900;
    line-height: 1.1;
    color: #fffdf8;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
}

.account-role-strip[b-9jjie3vfg8] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
}

.account-role-chip[b-9jjie3vfg8] {
    font-weight: 700;
}

.account-stat-card[b-9jjie3vfg8] {
    border-radius: 16px;
    border: 1px solid rgba(20, 78, 66, 0.12);
    background: linear-gradient(180deg, #ffffff 0%, #fef9f0 100%);
}

@media (max-width: 600px) {
    .profile-shell[b-9jjie3vfg8] {
        border-radius: 18px;
    }

    .profile-header[b-9jjie3vfg8] {
        padding: 12px;
    }

    .profile-section[b-9jjie3vfg8] {
        padding: 14px;
    }

    .profile-wallet-card[b-9jjie3vfg8] {
        padding: 14px;
    }

    .profile-image-panel[b-9jjie3vfg8] {
        margin-top: 4px;
    }
}