/**

 * Front Workspace — layout tweaks (design system loaded separately).

 */



.ml-front-workspace .ml-ui-dashboard,

.ml-ui-dashboard.ml-ui-dashboard--sidebar {

    min-height: 50vh;

    margin-top: 0;

    padding-top: 0;

}



/* Sidebar 300px + fluid content — workspace shell only.
 * Poké HUB modules pages use theme 18-modules-nav.css
 * (minmax(220px, 260px)) via .pokehub-modules-page-layout. */

.ml-ui-dashboard--sidebar .ml-ui-dashboard__inner:not(.pokehub-modules-page-layout):not(.me5rine-lab-modules-page-layout) {

    display: grid;

    grid-template-columns: 300px minmax(0, 1fr);

    column-gap: var(--me5rine-lab-spacing-xl, 2rem);

    row-gap: 0;

    max-width: var(--me5rine-chrome-width, min(1280px, calc(100% - 2 * var(--me5rine-lab-spacing-lg, 20px))));

    margin: 0 auto;

    align-items: stretch;

}

@media (min-width: 1025px) {
    .ml-ui-dashboard--sidebar .ml-ui-dashboard__inner.pokehub-modules-page-layout,
    .ml-ui-dashboard--sidebar .ml-ui-dashboard__inner.me5rine-lab-modules-page-layout {
        display: grid;
        grid-template-columns: minmax(220px, 260px) minmax(0, 1fr);
        column-gap: var(--me5rine-lab-spacing-xl, 2rem);
        row-gap: 0;
        max-width: none;
        margin: 0;
        align-items: start;
    }

    .ml-ui-dashboard--sidebar .ml-ui-dashboard__inner.me5rine-lab-modules-page-layout:has(> .ml-ui-sidebar.is-empty),
    .ml-ui-dashboard--sidebar .ml-ui-dashboard__inner.pokehub-modules-page-layout:has(> .ml-ui-sidebar.is-empty),
    .ml-ui-dashboard--sidebar .ml-ui-dashboard__inner:not(:has(> .ml-ui-sidebar)) {
        grid-template-columns: minmax(0, 1fr);
        column-gap: 0;
    }

    .ml-ui-dashboard--sidebar .ml-ui-dashboard__inner:has(> .ml-ui-sidebar.is-empty) > .ml-ui-dashboard__panel,
    .ml-ui-dashboard--sidebar .ml-ui-dashboard__inner:not(:has(> .ml-ui-sidebar)) > .ml-ui-dashboard__panel {
        grid-column: 1;
    }
}

.ml-ui-dashboard--sidebar .ml-ui-sidebar {

    grid-column: 1;

    grid-row: 1;

    align-self: stretch;

    display: flex;

    flex-direction: column;

    position: relative;

    min-height: 0;

    padding: 0;

    margin: 0;

    border: none;

    background: transparent;

    max-height: none;

    overflow: visible;

}



.ml-ui-dashboard--sidebar .ml-ui-dashboard__panel {

    display: flex;

    flex-direction: column;

    gap: var(--ml-ui-space-sm, 0.5rem);

    grid-column: 2;

    grid-row: 1;

    min-width: 0;

    margin: 0;

    padding: 0;

    align-self: start;

}



/* Page title — plain header (no card), tiles start below in content */

[data-ml-dashboard] .ml-ui-page-header--front {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--me5rine-lab-spacing-md, 1rem);
    margin: 0 0 var(--me5rine-lab-spacing-md, 1rem);
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    flex-shrink: 0;
}

/*
 * Theme .me5rine-lab-page-head { flex: 1 1 16rem } is for nested heads.
 * As the dashboard panel header it must NOT grow — that left a huge empty band
 * under the title when the panel stretched to min-height.
 */
[data-ml-dashboard] .ml-ui-page-header.me5rine-lab-page-head,
.ml-ui-dashboard--content .ml-ui-page-header.me5rine-lab-page-head {
    flex: 0 0 auto;
    align-self: stretch;
    width: 100%;
}

.ml-ui-dashboard--content {
    min-height: 0;
}

.ml-ui-dashboard--content .ml-ui-dashboard__panel {
    min-height: 0;
    gap: var(--me5rine-lab-spacing-md, 1rem);
}

.ml-ui-dashboard--content .ml-ui-dashboard__content {
    flex: 0 1 auto;
}

[data-ml-dashboard] .ml-ui-page-header__inner {
    flex: 1;
    min-width: 0;
}

/* Prefer theme page-title / lead when present — do not shrink the H1. */
[data-ml-dashboard] .ml-ui-page-header__title:not(.me5rine-lab-page-title) {
    margin: 0;
    font-size: clamp(1.5rem, 2.4vw, 2rem);
    font-weight: 700;
    line-height: 1.2;
    color: var(--me5rine-lab-text, #11161E);
}

[data-ml-dashboard] .ml-ui-page-header .me5rine-lab-page-title {
    margin: 0;
}

[data-ml-dashboard] .ml-ui-page-header__desc:not(.me5rine-lab-lead) {
    margin: 0.35rem 0 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--me5rine-lab-text-light, #5D697D);
}

[data-ml-dashboard] .ml-ui-page-header .me5rine-lab-lead {
    margin: 0.35rem 0 0;
}

[data-ml-dashboard] .ml-ui-page-header__actions {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--me5rine-lab-spacing-sm, 0.65rem);
    flex-shrink: 0;
    margin-left: auto;
}

[data-ml-dashboard] .ml-ui-page-header__actions .me5rine-lab-form-button svg {
    width: 1.1rem;
    height: 1.1rem;
}

[data-ml-dashboard] .ml-ui-page-header--front > .me5rine-lab-page-head__icon {
    flex-shrink: 0;
}

/* Giveaways list stacks KPI / filter card / table card / callout — works
   with or without [data-ml-dashboard] (Workspace Shell wraps content directly).
   Prefer theme `.me5rine-lab-list-layout` for new module listings. */
.my-giveaways-dashboard,
[data-ml-dashboard] .my-giveaways-dashboard {
    display: flex;
    flex-direction: column;
    gap: var(--me5rine-lab-spacing-lg, 20px);
    margin: 0;
    padding: 0;
    min-width: 0;
    max-width: 100%;
}

.my-giveaways-dashboard > .me5rine-lab-card,
[data-ml-dashboard] .my-giveaways-dashboard > .me5rine-lab-card {
    min-width: 0;
    max-width: 100%;
}

.my-giveaways-dashboard > .me5rine-lab-list-table,
[data-ml-dashboard] .my-giveaways-dashboard > .me5rine-lab-list-table {
    overflow-x: auto;
}

.my-giveaways-dashboard .me5rine-lab-card.me5rine-lab-toolbar,
.my-giveaways-contest .me5rine-lab-card.me5rine-lab-toolbar,
[data-ml-dashboard] .my-giveaways-dashboard .me5rine-lab-card.me5rine-lab-toolbar,
[data-ml-dashboard] .my-giveaways-contest .me5rine-lab-card.me5rine-lab-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    border-bottom: none;
}

.my-giveaways-dashboard .me5rine-lab-toolbar__form,
.my-giveaways-contest .me5rine-lab-toolbar__form,
[data-ml-dashboard] .my-giveaways-dashboard .me5rine-lab-toolbar__form,
[data-ml-dashboard] .my-giveaways-contest .me5rine-lab-toolbar__form {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: var(--me5rine-lab-spacing-sm, 10px);
    min-width: 0;
    max-width: 100%;
}

.my-giveaways-dashboard .me5rine-lab-toolbar__control,
.my-giveaways-dashboard .me5rine-lab-toolbar__search,
.my-giveaways-contest .me5rine-lab-toolbar__control,
.my-giveaways-contest .me5rine-lab-toolbar__search,
[data-ml-dashboard] .my-giveaways-dashboard .me5rine-lab-toolbar__control,
[data-ml-dashboard] .my-giveaways-dashboard .me5rine-lab-toolbar__search,
[data-ml-dashboard] .my-giveaways-contest .me5rine-lab-toolbar__control,
[data-ml-dashboard] .my-giveaways-contest .me5rine-lab-toolbar__search {
    width: auto !important;
    margin: 0;
}

.my-giveaways-dashboard .me5rine-lab-toolbar > details > summary svg,
.my-giveaways-dashboard .me5rine-lab-toolbar__filters summary svg,
.my-giveaways-contest .me5rine-lab-toolbar > details > summary svg,
[data-ml-dashboard] .my-giveaways-dashboard .me5rine-lab-toolbar > details > summary svg,
[data-ml-dashboard] .my-giveaways-dashboard .me5rine-lab-toolbar__filters summary svg,
[data-ml-dashboard] .my-giveaways-contest .me5rine-lab-toolbar > details > summary svg {
    width: 1.1rem;
    height: 1.1rem;
    max-width: 1.1rem;
    max-height: 1.1rem;
}

.my-giveaways-dashboard .me5rine-lab-form-checkbox-group,
[data-ml-dashboard] .my-giveaways-dashboard .me5rine-lab-form-checkbox-group {
    display: flex;
    flex-wrap: wrap;
    gap: var(--me5rine-lab-spacing-sm, 10px) var(--me5rine-lab-spacing-md, 15px);
    margin: 0 0 var(--me5rine-lab-spacing-md, 15px);
}

[data-ml-dashboard] .ml-ui-page-header__toggle {
    display: none;
}



.lab-ds-page--front .lab-ds-module-card__footer .lab-ds-btn-group {

    display: flex;

    flex-wrap: wrap;

    gap: var(--lab-ds-space-xs, 4px);

}



.lab-ds-module-activation-toolbar {

    display: flex;

    flex-wrap: wrap;

    align-items: flex-start;

    gap: var(--lab-ds-space-md, 16px);

}



.lab-ds-module-activation-toolbar .lab-ds-limit-badge {

    flex-shrink: 0;

    margin-top: 0.35rem;

}



.ml-ui-dashboard--sidebar .ml-ui-dashboard__content {

    margin: 0;

    padding: 0;

    min-width: 0;

    flex: 1;

}



/* Standalone FO shell — no duplicate header/sidebar chrome */

.m5fo-app--workspace-shell {
    max-width: none;
    margin: 0;
    padding: var(--ml-ui-space-lg, 1.5rem);
    box-sizing: border-box;
}

/* When nested inside WorkspaceShell, shell already pads — no second chrome box. */
.me5rine-workspace-shell .m5fo-app--workspace-shell {
    padding: 0;
}



.m5fo-body--workspace-shell .m5fo-app--workspace-shell {

    min-height: 50vh;

}



.m5fo-main:has(.ml-ui-dashboard) {

    padding: 0;

    margin: 0;

}



.ml-front-dashboard-home__summary {
    margin-bottom: var(--lab-ds-space-lg, 1.5rem);
}

/* ── Workspace home (welcome / subscription / modules / discovery) ── */

.ml-front-dashboard-home {
    display: flex;
    flex-direction: column;
    gap: var(--me5rine-lab-spacing-md, 1rem);
    width: 100%;
    max-width: 100%;
    container-type: inline-size;
    container-name: ml-ws-dashboard-home;
}

/* Page-level main + sticky plan aside (mockup). */
.ml-front-dashboard-home__layout {
    align-items: start;
    gap: var(--me5rine-lab-spacing-xl, 1.5rem);
    grid-template-columns: minmax(0, 1fr) minmax(17.5rem, 20.5rem);
    width: 100%;
}

.ml-front-dashboard-home__main {
    display: flex;
    flex-direction: column;
    gap: var(--me5rine-lab-spacing-xl, 1.5rem);
    min-width: 0;
}

.ml-front-dashboard-home__aside {
    width: 100%;
    max-width: 20.5rem;
    position: sticky;
    top: calc(var(--ml-ws-topbar-height, 3.5rem) + 1rem);
}

.ml-front-dashboard-home__aside-stack {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

@container ml-ws-dashboard-home (max-width: 980px) {
    .ml-front-dashboard-home__layout {
        grid-template-columns: 1fr;
    }

    .ml-front-dashboard-home__aside {
        position: static;
        max-width: none;
        width: 100%;
        order: -1;
    }
}

/* Sections own their internal rhythm — do not stack lab-ds-section margins
 * (32px) on top of the home flex gap. */
.ml-front-dashboard-home > * {
    flex: 0 0 auto;
    margin-block: 0;
}

.ml-front-dashboard-home > .lab-ds-section {
    margin: 0;
}

.ml-front-dashboard-home__modules {
    display: flex;
    flex-direction: column;
    gap: var(--me5rine-lab-spacing-md, 1rem);
}

/* Full-width home: content uses the whole shell (no sidebar gutter). */
.ml-ui-dashboard--content .ml-front-dashboard-home,
.ml-ui-dashboard--content .ml-ui-dashboard__content {
    width: 100%;
    max-width: 100%;
}

.ml-front-dashboard-home__welcome {
    width: 100%;
}

.ml-front-dashboard-home__welcome-card,
.ml-front-dashboard-home__subscription {
    flex: 1 1 auto;
    width: 100%;
    box-sizing: border-box;
}

.ml-front-dashboard-home__welcome-card {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: var(--me5rine-lab-spacing-lg, 1.25rem);
    padding: var(--me5rine-lab-spacing-xl, 1.5rem);
    background:
        radial-gradient(
            18rem 12rem at 100% 0%,
            color-mix(in srgb, var(--me5rine-lab-secondary, #0485C8) 14%, transparent),
            transparent 70%
        ),
        color-mix(in srgb, var(--me5rine-lab-secondary, #0485C8) 3%, var(--me5rine-lab-bg, #fff));
}

.ml-front-dashboard-home__welcome-copy {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    max-width: 40rem;
}

.ml-front-dashboard-home__hello {
    margin: 0;
    font-family: var(--me5rine-lab-font);
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: normal;
    text-transform: none;
    color: var(--me5rine-lab-text, #11161E);
}

.ml-front-dashboard-home__welcome-title {
    margin: 0;
    font-weight: 700;
    line-height: 1.15;
}

.ml-front-dashboard-home__welcome-status {
    margin: 0.25rem 0 0;
    font-family: var(--me5rine-lab-font);
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.35;
    color: var(--me5rine-lab-text, #11161E);
}

.ml-front-dashboard-home__welcome-desc {
    margin: 0.2rem 0 0;
    max-width: 36rem;
    font-family: var(--me5rine-lab-font);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.45;
    color: var(--me5rine-lab-text-light, #5D697D);
}

.ml-front-dashboard-home__shortcuts.me5rine-lab-action-list--tiles {
    position: relative;
    z-index: 1;
    margin-top: auto;
    grid-template-columns: repeat(auto-fit, minmax(11.5rem, 1fr));
    gap: var(--me5rine-lab-spacing-sm, 0.65rem);
}

.ml-front-dashboard-home__shortcuts.me5rine-lab-action-list--tiles .me5rine-lab-action-row__row {
    align-items: center;
    min-height: 0;
    padding: 0.85rem 0.9rem;
    gap: 0.65rem;
}

.ml-front-dashboard-home__shortcuts .me5rine-lab-action-row__body {
    flex: 1 1 auto;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 0.1rem;
    min-width: 0;
}

.ml-front-dashboard-home__shortcuts .me5rine-lab-action-row__title {
    font-size: 0.95rem;
    font-weight: 700;
    line-height: 1.25;
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
    color: var(--me5rine-lab-text, #11161E);
}

.ml-front-dashboard-home__shortcut-object {
    display: block;
    font-size: 0.8125rem;
    font-weight: 400;
    line-height: 1.3;
    color: var(--me5rine-lab-text-light, #5D697D);
}

/* Beat theme .me5rine-lab-action-row__icon (circle + single accent). */
.ml-front-dashboard-home__shortcuts .me5rine-lab-action-row__icon.ml-front-dashboard-home__shortcut-icon {
    display: grid;
    place-items: center;
    width: 2.35rem;
    height: 2.35rem;
    flex-shrink: 0;
    border-radius: var(--me5rine-lab-radius-md, 8px);
    background: color-mix(in srgb, var(--me5rine-lab-secondary, #0485C8) 14%, #fff);
    color: var(--me5rine-lab-secondary, #0485C8);
}

.ml-front-dashboard-home__shortcuts .me5rine-lab-action-row__icon.ml-front-dashboard-home__shortcut-icon .dashicons {
    width: 1.2rem;
    height: 1.2rem;
    font-size: 1.2rem;
    line-height: 1;
    color: inherit;
}

.ml-front-dashboard-home__shortcuts .me5rine-lab-action-row__icon.ml-front-dashboard-home__shortcut-icon--blue {
    color: #0485c8;
    background: color-mix(in srgb, #0485c8 16%, #fff);
}

.ml-front-dashboard-home__shortcuts .me5rine-lab-action-row__icon.ml-front-dashboard-home__shortcut-icon--pink {
    color: #d81b60;
    background: color-mix(in srgb, #d81b60 14%, #fff);
}

.ml-front-dashboard-home__shortcuts .me5rine-lab-action-row__icon.ml-front-dashboard-home__shortcut-icon--purple {
    color: #7b1fa2;
    background: color-mix(in srgb, #7b1fa2 14%, #fff);
}

.ml-front-dashboard-home__shortcuts .me5rine-lab-action-row__icon.ml-front-dashboard-home__shortcut-icon--sky {
    color: #0288d1;
    background: color-mix(in srgb, #0288d1 16%, #fff);
}

.ml-front-dashboard-home__shortcuts.me5rine-lab-action-list--tiles .me5rine-lab-action-row .me5rine-lab-action-row__aside.ml-front-dashboard-home__shortcut-chevron {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    flex: 0 0 auto;
    width: auto;
    min-width: 0;
    height: 100%;
    margin-left: auto;
    padding: 0;
    font-size: 1.15rem;
    font-weight: 600;
    line-height: 1;
    color: var(--me5rine-lab-text-light, #5D697D);
}

.ml-front-dashboard-home__shortcut:hover .ml-front-dashboard-home__shortcut-chevron,
.ml-front-dashboard-home__shortcut:focus-visible .ml-front-dashboard-home__shortcut-chevron {
    color: var(--me5rine-lab-text, #11161E);
}

.ml-front-dashboard-home__subscription,
.ml-front-dashboard-home__help {
    display: flex;
    flex-direction: column;
    gap: var(--me5rine-lab-spacing-sm, 0.65rem);
    padding: var(--me5rine-lab-spacing-lg, 1.25rem);
}

.ml-front-dashboard-home__aside-card-head {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.ml-front-dashboard-home__aside-card-icon {
    display: grid;
    place-items: center;
    width: 2.25rem;
    height: 2.25rem;
    flex-shrink: 0;
    border-radius: var(--me5rine-lab-radius-md, 8px);
    background: color-mix(in srgb, var(--me5rine-lab-secondary, #0485C8) 12%, transparent);
    color: var(--me5rine-lab-secondary, #0485C8);
}

.ml-front-dashboard-home__aside-card-icon .dashicons {
    width: 1.125rem;
    height: 1.125rem;
    font-size: 1.125rem;
    line-height: 1;
}

.ml-front-dashboard-home__aside-card-icon--accent {
    background: color-mix(in srgb, #e67e22 14%, transparent);
    color: #d35400;
}

.ml-front-dashboard-home__aside-card-title {
    flex: 1;
    min-width: 0;
    margin: 0;
    font-size: 1rem;
    line-height: 1.3;
}

.ml-front-dashboard-home__aside-card-badge {
    flex-shrink: 0;
    margin-left: auto;
}

.ml-front-dashboard-home__plan {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.ml-front-dashboard-home__plan-name {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.25;
    color: var(--me5rine-lab-text, #11161e);
}

.ml-front-dashboard-home__plan-desc {
    margin: 0;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.35;
    color: var(--me5rine-lab-text-light, #5D697D);
}

.ml-front-dashboard-home__subscription-stats {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

.ml-front-dashboard-home__subscription-stats li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    font-size: 0.875rem;
    line-height: 1.35;
}

.ml-front-dashboard-home__stat-label {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    min-width: 0;
    color: var(--me5rine-lab-text-light, #5D697D);
}

.ml-front-dashboard-home__stat-label .dashicons {
    width: 1rem;
    height: 1rem;
    font-size: 1rem;
    line-height: 1;
    flex-shrink: 0;
    color: var(--me5rine-lab-secondary, #0485C8);
}

.ml-front-dashboard-home__stat-value {
    font-weight: 600;
    color: var(--me5rine-lab-text, #11161e);
    text-align: right;
    flex-shrink: 0;
}

.ml-front-dashboard-home__subscription-actions {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: auto;
    padding-top: 0.5rem;
}

.ml-front-dashboard-home__subscription-cta,
.ml-front-dashboard-home__subscription-upgrade {
    width: 100%;
    justify-content: center;
    box-sizing: border-box;
}

.ml-front-dashboard-home__modules-head {
    flex-wrap: nowrap;
    align-items: flex-end;
    gap: var(--me5rine-lab-spacing-md, 1rem);
}

.ml-front-dashboard-home__modules-head .me5rine-lab-section-head__intro {
    flex: 1 1 auto;
    min-width: 0;
}

/* Beat theme .me5rine-lab-section-head__meta { flex-direction: column }. */
.ml-front-dashboard-home__modules-head .me5rine-lab-section-head__meta.ml-front-dashboard-home__modules-actions {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
    gap: var(--me5rine-lab-spacing-sm, 0.65rem);
    flex: 0 0 auto;
}

.ml-front-dashboard-home__modules-actions .me5rine-lab-form-button {
    white-space: nowrap;
}

.ml-front-dashboard-home__modules-actions .me5rine-lab-form-button .dashicons {
    width: 1em;
    height: 1em;
    font-size: 1em;
    line-height: 1;
    margin-right: 0.25rem;
}

@media (max-width: 781px) {
    .ml-front-dashboard-home__modules-head {
        flex-wrap: wrap;
        align-items: stretch;
    }

    .ml-front-dashboard-home__modules-head .me5rine-lab-section-head__meta.ml-front-dashboard-home__modules-actions {
        flex-wrap: wrap;
        justify-content: flex-start;
        width: 100%;
    }
}

.ml-front-dashboard-home__module-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--me5rine-lab-spacing-md, 1rem);
}

.ml-front-dashboard-home__module-grid--single {
    grid-template-columns: minmax(0, 28rem);
}

.ml-front-dashboard-home__module-card {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 1rem 1.1rem;
}

.ml-front-dashboard-home__module-head {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}

.ml-front-dashboard-home__module-icon {
    display: grid;
    place-items: center;
    width: 2.5rem;
    height: 2.5rem;
    flex-shrink: 0;
    border-radius: var(--me5rine-lab-radius-md, 8px);
    color: var(--me5rine-lab-secondary, #0485C8);
    background: color-mix(in srgb, var(--me5rine-lab-secondary, #0485C8) 12%, transparent);
}

.ml-front-dashboard-home__module-icon--tone-0 {
    color: #c2185b;
    background: color-mix(in srgb, #c2185b 12%, transparent);
}

.ml-front-dashboard-home__module-icon--tone-1 {
    color: #7b1fa2;
    background: color-mix(in srgb, #7b1fa2 12%, transparent);
}

.ml-front-dashboard-home__module-icon--tone-2 {
    color: #0288d1;
    background: color-mix(in srgb, #0288d1 12%, transparent);
}

.ml-front-dashboard-home__module-icon--tone-3 {
    color: #2e7d32;
    background: color-mix(in srgb, #2e7d32 12%, transparent);
}

.ml-front-dashboard-home__module-icon--tone-4 {
    color: #ef6c00;
    background: color-mix(in srgb, #ef6c00 12%, transparent);
}

.ml-front-dashboard-home__module-icon-inner,
.ml-front-dashboard-home__module-icon .dashicons,
.ml-front-dashboard-home__module-icon .lab-ds-module-card__icon {
    width: 1.25rem;
    height: 1.25rem;
    font-size: 1.25rem;
    line-height: 1;
    display: grid;
    place-items: center;
    background: transparent !important;
    color: inherit;
}

.ml-front-dashboard-home__module-copy {
    flex: 1;
    min-width: 0;
}

.ml-front-dashboard-home__module-title-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.5rem;
}

.ml-front-dashboard-home__module-title {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.3;
    color: var(--me5rine-lab-text, #11161e);
}

.ml-front-dashboard-home__module-desc {
    margin: 0.35rem 0 0;
    font-size: 0.875rem;
    line-height: 1.45;
    color: var(--me5rine-lab-text-light, #5D697D);
}

.ml-front-dashboard-home__module-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.ml-front-dashboard-home__module-footer {
    margin-top: auto;
    padding-top: 0.25rem;
}

.ml-front-dashboard-home__module-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    width: 100%;
}

.ml-front-dashboard-home__module-secondary {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    margin-left: auto;
}

.ml-front-dashboard-home__module-settings {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.35rem 0.25rem;
    color: var(--me5rine-lab-text-light, #5D697D);
    font-size: 0.875rem;
    font-weight: 600;
    text-decoration: none;
    border-radius: var(--me5rine-lab-radius-sm, 6px);
}

.ml-front-dashboard-home__module-settings:hover,
.ml-front-dashboard-home__module-settings:focus-visible {
    color: var(--me5rine-lab-secondary, #0485C8);
    text-decoration: underline;
}

.ml-front-dashboard-home__module-settings:focus-visible {
    outline: 2px solid var(--me5rine-lab-secondary, #0485C8);
    outline-offset: 2px;
}

.ml-front-dashboard-home__module-more {
    position: relative;
}

.ml-front-dashboard-home__module-more-toggle {
    list-style: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.25rem;
    min-height: 2.25rem;
    border-radius: var(--me5rine-lab-radius-md, 8px);
    color: var(--me5rine-lab-text-light, #5D697D);
}

.ml-front-dashboard-home__module-more-toggle::-webkit-details-marker {
    display: none;
}

.ml-front-dashboard-home__module-more-toggle:focus-visible {
    outline: 2px solid var(--me5rine-lab-secondary, #0485C8);
    outline-offset: 2px;
}

.ml-front-dashboard-home__module-more-menu {
    position: absolute;
    right: 0;
    bottom: calc(100% + 0.35rem);
    z-index: 5;
    min-width: 10rem;
    padding: 0.35rem;
    border: 1px solid var(--me5rine-lab-border, #DEE5EC);
    border-radius: var(--me5rine-lab-radius-md, 8px);
    background: var(--me5rine-lab-bg, #fff);
    box-shadow: var(--me5rine-lab-shadow-sm);
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.ml-front-dashboard-home__module-more-menu a,
.ml-front-dashboard-home__deactivate-btn {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 0.45rem 0.65rem;
    border: 0;
    border-radius: var(--me5rine-lab-radius-sm, 6px);
    background: transparent;
    color: var(--me5rine-lab-text, #11161e);
    font: inherit;
    font-size: 0.875rem;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
}

.ml-front-dashboard-home__module-more-menu a:hover,
.ml-front-dashboard-home__deactivate-btn:hover {
    background: var(--me5rine-lab-bg-secondary, #F9FAFB);
}

.ml-front-dashboard-home__deactivate-btn {
    color: var(--me5rine-lab-error, #b42318);
}

.ml-front-dashboard-home__modules-more {
    margin: 1rem 0 0;
    text-align: center;
}

.ml-front-dashboard-home__suggestions {
    list-style: none;
    margin: 0.5rem 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.ml-front-dashboard-home__suggestion {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.65rem 0.15rem;
    border-top: 1px solid var(--me5rine-lab-border, #DEE5EC);
}

.ml-front-dashboard-home__suggestion:first-child {
    border-top: 0;
}

.ml-front-dashboard-home__suggestion-icon {
    flex-shrink: 0;
    display: grid;
    place-items: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: var(--me5rine-lab-radius-md, 8px);
}

.ml-front-dashboard-home__suggestion-copy {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.ml-front-dashboard-home__suggestion-title {
    font-size: 0.9375rem;
}

.ml-front-dashboard-home__suggestion-desc {
    font-size: 0.8125rem;
    line-height: 1.35;
    color: var(--me5rine-lab-text-light, #5D697D);
}

.ml-front-dashboard-home__suggestion-add {
    flex-shrink: 0;
    min-width: 2.25rem;
    min-height: 2.25rem;
    padding-left: 0.55rem;
    padding-right: 0.55rem;
    justify-content: center;
}

/* Quick access uses theme `.me5rine-lab-link-list` (see primitives.css). */

.ml-front-module-tabs {

    margin-bottom: var(--lab-ds-space-lg, 1.5rem);

}



.page .ml-ui-dashboard,

.entry-content .ml-ui-dashboard,

.ml-front--integrated .ml-ui-dashboard {

    margin-top: 0;

    margin-bottom: 0;

    padding: 0;

}



.page .ml-ui-dashboard--sidebar .ml-ui-sidebar,

.entry-content .ml-ui-dashboard--sidebar .ml-ui-sidebar {

    align-self: start;

    min-height: 0;

    padding: 0;

    margin: 0;

}



@media (max-width: 1024px) {

    .ml-ui-dashboard--sidebar .ml-ui-dashboard__inner {

        grid-template-columns: 1fr;

    }



    .ml-ui-dashboard--sidebar .ml-ui-sidebar,

    .ml-ui-dashboard--sidebar .ml-ui-dashboard__panel {

        grid-column: 1;

        grid-row: auto;

    }



    /* Empty spacer only needed on desktop grid; collapse on stacked layout. */
    [data-ml-dashboard] .ml-ui-dashboard--sidebar .ml-ui-sidebar.is-empty {
        display: none !important;
    }

    [data-ml-dashboard] .ml-ui-dashboard--sidebar .ml-ui-sidebar {

        display: block;

        position: relative;

        width: 100%;

        max-width: none;

        inset: auto;

        box-shadow: none;

    }

    [data-ml-dashboard] .ml-ui-dashboard--sidebar .ml-ui-sidebar__sticky {

        position: static;

        max-height: none;

        overflow: visible;

    }



    [data-ml-dashboard] .ml-ui-page-header__toggle,

    .ml-ui-topbar__toggle {

        display: inline-flex;

    }



    .lab-ds-page--front .lab-ds-module-grid {
        grid-template-columns: 1fr;
    }

    .ml-front-dashboard-home__module-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ml-front-dashboard-home__shortcuts.me5rine-lab-action-list--tiles {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}

@media (max-width: 768px) {

    .page .ml-ui-dashboard--sidebar .ml-ui-sidebar__sticky {
        position: static;
    }

    .ml-front-dashboard-home__module-grid,
    .ml-front-dashboard-home__module-grid--single {
        grid-template-columns: 1fr;
    }

    .ml-front-dashboard-home__module-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .ml-front-dashboard-home__module-secondary {
        margin-left: 0;
        justify-content: flex-end;
        width: 100%;
    }

    [data-ml-dashboard] .ml-ui-page-header__actions .me5rine-lab-form-button {
        font-size: 0.8125rem;
    }

}