/* AQARK_PHASE22_A10B1_R4_CANONICAL_THEME_BINDING */
:root {
    --aq22-primary: var(--aqark-primary, #212356);
    --aq22-secondary: var(--aqark-secondary, #0F172A);
    --aq22-background: var(--aqark-background, #F8FAFC);
    --aq22-surface: var(--aqark-surface, #FFFFFF);
    --aq22-text: var(--aqark-text, #0F172A);
    --aq22-muted: var(--aqark-muted, #64748B);
    --aq22-border: var(--aqark-border, #E2E8F0);
    --aq22-accent: var(--aqark-accent, #E11D48);
    --aq22-header-background: var(--aqark-header-background, #FFFFFF);
    --aq22-header-text: var(--aqark-header-text, #0F172A);
    --aq22-footer-background: var(--aqark-footer-background, #0F172A);
    --aq22-footer-text: var(--aqark-footer-text, #FFFFFF);
}

/*
|--------------------------------------------------------------------------
| AQARK Design System V2
|--------------------------------------------------------------------------
|
| Phase 22 canonical component foundation.
|
| This stylesheet is NOT attached to live site shells while Phase 22
| public convergence flags remain disabled.
|
| Existing AQARK logo files are not modified by this stylesheet.
|
*/

:root {
    --aqark-navy: var(--aq22-primary);
    --aqark-blue: var(--aq22-primary);
    --aqark-blue-dark: var(--aq22-secondary);

    --aqark-bg: var(--aq22-background);
    --aqark-surface: #ffffff;

    --aqark-text: var(--aqark-navy);
    --aqark-muted: var(--aq22-muted);
    --aqark-border: var(--aq22-border);

    --aqark-success: #12a66a;
    --aqark-warning: #f4a524;
    --aqark-danger: #d94d4d;

    --aqark-radius-sm: 8px;
    --aqark-radius-md: 12px;
    --aqark-radius-lg: 16px;
    --aqark-radius-xl: 20px;
    --aqark-radius-pill: 999px;

    --aqark-shadow-sm:
        0 4px 14px
        rgba(11, 30, 65, .05);

    --aqark-shadow-md:
        0 8px 28px
        rgba(11, 30, 65, .08);

    --aqark-shadow-lg:
        0 18px 48px
        rgba(11, 30, 65, .12);

    --aqark-content-max: 1440px;

    --aqark-public-header-height: 72px;

    --aqark-dashboard-sidebar-width: 248px;

    --aqark-mobile-bottom-nav-height: 68px;

    --aqark-transition: 160ms ease;
}


/* Base */

.aqark-v2 {
    color: var(--aqark-text);
    background: var(--aqark-bg);

    font-family:
        Inter,
        "Noto Sans Arabic",
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;
}

.aqark-v2 *,
.aqark-v2 *::before,
.aqark-v2 *::after {
    box-sizing: border-box;
}

.aqark-container {
    width:
        min(
            calc(100% - 40px),
            var(--aqark-content-max)
        );

    margin-inline: auto;
}


/* Buttons */

.aqark-btn {
    min-height: 42px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 8px;

    padding:
        0 16px;

    border:
        1px solid
        transparent;

    border-radius:
        var(--aqark-radius-md);

    font-size: 13px;
    font-weight: 800;

    text-decoration: none;

    cursor: pointer;

    transition:
        transform var(--aqark-transition),
        box-shadow var(--aqark-transition),
        background var(--aqark-transition),
        border-color var(--aqark-transition);
}

.aqark-btn:hover {
    transform:
        translateY(-1px);
}

.aqark-btn--primary {
    color: #fff;

    background:
        var(--aqark-blue);

    box-shadow:
        0 7px 18px
        rgba(33, 100, 243, .18);
}

.aqark-btn--primary:hover {
    background:
        var(--aqark-blue-dark);
}

.aqark-btn--secondary {
    color:
        var(--aqark-navy);

    border-color:
        var(--aqark-border);

    background: #fff;
}

.aqark-btn--ghost {
    color:
        var(--aqark-navy);

    background:
        transparent;
}


/* Inputs */

.aqark-field {
    display: grid;
    gap: 6px;
}

.aqark-field__label {
    color:
        var(--aqark-navy);

    font-size: 12px;
    font-weight: 800;
}

.aqark-input,
.aqark-select,
.aqark-textarea {
    width: 100%;

    border:
        1px solid
        var(--aqark-border);

    border-radius:
        var(--aqark-radius-md);

    color:
        var(--aqark-text);

    background: #fff;

    outline: 0;

    transition:
        border-color var(--aqark-transition),
        box-shadow var(--aqark-transition);
}

.aqark-input,
.aqark-select {
    min-height: 44px;

    padding-inline:
        13px;
}

.aqark-textarea {
    min-height: 110px;

    padding:
        12px 13px;
}

.aqark-input:focus,
.aqark-select:focus,
.aqark-textarea:focus {
    border-color:
        var(--aqark-blue);

    box-shadow:
        0 0 0 3px
        rgba(33, 100, 243, .10);
}


/* Cards */

.aqark-card {
    border:
        1px solid
        var(--aqark-border);

    border-radius:
        var(--aqark-radius-lg);

    background:
        var(--aqark-surface);

    box-shadow:
        var(--aqark-shadow-sm);
}

.aqark-card--interactive {
    transition:
        transform var(--aqark-transition),
        box-shadow var(--aqark-transition);
}

.aqark-card--interactive:hover {
    transform:
        translateY(-2px);

    box-shadow:
        var(--aqark-shadow-md);
}


/* Badge */

.aqark-badge {
    min-height: 24px;

    display: inline-flex;
    align-items: center;

    padding:
        0 9px;

    border-radius:
        var(--aqark-radius-pill);

    font-size: 10px;
    font-weight: 900;
}

.aqark-badge--primary {
    color:
        var(--aqark-blue);

    background:
        rgba(33, 100, 243, .10);
}

.aqark-badge--success {
    color:
        var(--aqark-success);

    background:
        rgba(18, 166, 106, .10);
}


/* Public header */

.aqark-public-header-v2 {
    min-height:
        var(--aqark-public-header-height);

    display: flex;
    align-items: center;

    border-bottom:
        1px solid
        var(--aqark-border);

    background:
        rgba(255, 255, 255, .97);
}

.aqark-public-header-v2__inner {
    width: 100%;

    display: flex;
    align-items: center;

    gap: 24px;
}

.aqark-public-header-v2__nav {
    display: flex;
    align-items: center;

    gap: 18px;

    margin-inline: auto;
}

.aqark-public-header-v2__nav a {
    color:
        var(--aqark-navy);

    font-size: 12px;
    font-weight: 750;

    text-decoration: none;
}


/* Dashboard */

.aqark-dashboard-shell-v2 {
    min-height: 100vh;

    display: grid;

    grid-template-columns:
        var(--aqark-dashboard-sidebar-width)
        minmax(0, 1fr);

    background:
        var(--aqark-bg);
}

.aqark-dashboard-sidebar-v2 {
    min-height: 100vh;

    padding:
        18px 14px;

    border-inline-end:
        1px solid
        var(--aqark-border);

    background: #fff;
}

.aqark-dashboard-content-v2 {
    min-width: 0;

    padding:
        24px;
}


/* Stats */

.aqark-stat-grid {
    display: grid;

    grid-template-columns:
        repeat(
            4,
            minmax(0, 1fr)
        );

    gap: 12px;
}

.aqark-stat-card {
    padding: 17px;

    border:
        1px solid
        var(--aqark-border);

    border-radius:
        var(--aqark-radius-lg);

    background: #fff;
}

.aqark-stat-card__label {
    color:
        var(--aqark-muted);

    font-size: 11px;
    font-weight: 700;
}

.aqark-stat-card__value {
    margin-top: 5px;

    color:
        var(--aqark-navy);

    font-size: 25px;
    font-weight: 900;
}


/* Table */

.aqark-table-wrap {
    overflow: auto;

    border:
        1px solid
        var(--aqark-border);

    border-radius:
        var(--aqark-radius-lg);

    background: #fff;
}

.aqark-table {
    width: 100%;

    border-collapse:
        collapse;
}

.aqark-table th,
.aqark-table td {
    padding:
        13px 15px;

    border-bottom:
        1px solid
        var(--aqark-border);

    text-align: start;
}

.aqark-table th {
    color:
        var(--aqark-muted);

    background:
        #fbfcfe;

    font-size: 10px;
    font-weight: 900;
}

.aqark-table td {
    color:
        var(--aqark-text);

    font-size: 12px;
}


/* Phase 22 dark preview composition */

.aqark-preview-main {
    padding-block: 32px;
}

.aqark-preview-stack {
    display: grid;
    gap: 18px;
}

.aqark-preview-card-pad {
    padding: 20px;
}

.aqark-preview-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}


/* Mobile bottom navigation */

.aqark-mobile-bottom-nav-v2 {
    display: none;
}


@media (max-width: 1024px) {

    .aqark-public-header-v2__nav {
        display: none;
    }

    .aqark-dashboard-shell-v2 {
        grid-template-columns:
            210px
            minmax(0, 1fr);
    }

    .aqark-stat-grid {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );
    }
}


@media (max-width: 760px) {

    .aqark-container {
        width:
            min(
                calc(100% - 24px),
                var(--aqark-content-max)
            );
    }

    .aqark-dashboard-shell-v2 {
        display: block;

        padding-bottom:
            calc(
                var(
                    --aqark-mobile-bottom-nav-height
                )
                + 16px
            );
    }

    .aqark-dashboard-sidebar-v2 {
        display: none;
    }

    .aqark-dashboard-content-v2 {
        padding: 14px;
    }

    .aqark-stat-grid {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );

        gap: 9px;
    }

    .aqark-mobile-bottom-nav-v2 {
        position: fixed;

        inset-inline: 0;
        bottom: 0;

        z-index: 60;

        min-height:
            var(
                --aqark-mobile-bottom-nav-height
            );

        display: grid;

        grid-template-columns:
            repeat(
                5,
                1fr
            );

        align-items: center;

        padding:
            5px 8px
            max(
                5px,
                env(safe-area-inset-bottom)
            );

        border-top:
            1px solid
            var(--aqark-border);

        background:
            rgba(255, 255, 255, .97);

        box-shadow:
            0 -8px 30px
            rgba(11, 30, 65, .06);
    }
}

/* Phase 22-A2 public shell */

.aqark-public-shell-header-v2 {
    position: relative;
    z-index: 40;

    min-height:
        var(--aqark-public-header-height);

    display: flex;
    align-items: center;

    border-bottom:
        1px solid
        var(--aqark-border);

    background:
        rgba(255, 255, 255, .98);
}

.aqark-public-shell-header-v2__inner {
    min-height:
        var(--aqark-public-header-height);

    display: flex;
    align-items: center;

    gap: 24px;
}

.aqark-public-brand-slot-v2,
.aqark-mobile-brand-slot-v2 {
    display: flex;
    align-items: center;

    flex: 0 0 auto;
}

.aqark-public-brand-slot-v2 img,
.aqark-mobile-brand-slot-v2 img {
    display: block;

    max-width: 148px;
    max-height: 44px;

    object-fit: contain;
}

.aqark-public-main-nav-v2 {
    display: flex;
    align-items: center;

    gap: 18px;

    margin-inline: auto;
}

.aqark-public-main-nav-v2 a {
    color:
        var(--aqark-navy);

    font-size: 12px;
    font-weight: 750;

    text-decoration: none;

    white-space: nowrap;
}

.aqark-public-main-nav-v2 a:hover {
    color:
        var(--aqark-blue);
}

.aqark-public-header-actions-v2 {
    display: flex;
    align-items: center;

    gap: 6px;
}

.aqark-country-switcher-v2 {
    min-width: 48px;
}


/* Mobile public header */

.aqark-mobile-header-v2 {
    display: none;

    min-height: 60px;

    border-bottom:
        1px solid
        var(--aqark-border);

    background: #fff;
}

.aqark-mobile-header-v2__inner {
    min-height: 60px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 12px;
}

.aqark-mobile-header-v2__actions {
    display: flex;
    align-items: center;

    gap: 4px;
}

.aqark-mobile-country-v2,
.aqark-mobile-menu-button-v2 {
    width: 40px;
    height: 40px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border: 0;

    border-radius:
        var(--aqark-radius-md);

    color:
        var(--aqark-navy);

    background:
        transparent;

    cursor: pointer;
}

.aqark-mobile-menu-button-v2 {
    flex-direction: column;
    gap: 4px;
}

.aqark-mobile-menu-button-v2 span {
    width: 18px;
    height: 2px;

    display: block;

    border-radius:
        var(--aqark-radius-pill);

    background:
        currentColor;
}


/* Homepage hero */

.aqark-home-v2 {
    min-height: 100vh;

    background:
        var(--aqark-bg);
}

.aqark-home-hero-v2 {
    position: relative;

    overflow: hidden;

    min-height: 570px;

    display: flex;
    align-items: center;

    background:
        linear-gradient(
            135deg,
            #eef4ff 0%,
            #f8fbff 42%,
            #edf2f8 100%
        );
}

.aqark-home-hero-v2::before {
    content: "";

    position: absolute;

    inset-inline-end: -8%;
    top: -28%;

    width: 58%;
    height: 150%;

    border-radius: 45%;

    background:
        radial-gradient(
            circle at center,
            rgba(33, 100, 243, .15),
            rgba(33, 100, 243, 0) 68%
        );

    pointer-events: none;
}

.aqark-home-hero-v2__content {
    position: relative;
    z-index: 2;

    display: grid;

    gap: 26px;

    padding-block:
        76px 54px;
}

.aqark-home-hero-v2__copy {
    max-width: 760px;
}

.aqark-home-hero-v2__title {
    max-width: 760px;

    margin:
        14px 0 0;

    color:
        var(--aqark-navy);

    font-size:
        clamp(
            38px,
            5.2vw,
            68px
        );

    line-height: 1.03;
    letter-spacing: -.045em;
}

.aqark-home-hero-v2__title strong {
    color:
        var(--aqark-blue);
}


/* Homepage search */

.aqark-home-search-v2 {
    max-width: 1120px;

    padding: 10px;

    box-shadow:
        var(--aqark-shadow-lg);
}

.aqark-home-search-v2__tabs {
    display: flex;
    align-items: center;

    gap: 4px;

    padding:
        2px 2px 10px;
}

.aqark-home-search-tab-v2 {
    min-height: 38px;

    padding:
        0 15px;

    border: 0;

    border-radius:
        var(--aqark-radius-pill);

    color:
        var(--aqark-muted);

    background:
        transparent;

    font-size: 12px;
    font-weight: 800;

    cursor: pointer;
}

.aqark-home-search-tab-v2.is-active {
    color: #fff;

    background:
        var(--aqark-blue);
}

.aqark-home-search-grid-v2 {
    display: grid;

    grid-template-columns:
        minmax(0, 2fr)
        minmax(170px, 1fr)
        minmax(170px, 1fr)
        132px;

    gap: 8px;

    align-items: end;
}

.aqark-home-search-submit-v2 {
    min-height: 44px;
}


/* Categories */

.aqark-home-category-strip-v2 {
    display: flex;
    align-items: center;

    gap: 9px;

    flex-wrap: wrap;
}

.aqark-home-category-strip-v2 a {
    min-height: 42px;

    display: inline-flex;
    align-items: center;

    gap: 8px;

    padding:
        5px 13px 5px 6px;

    border:
        1px solid
        var(--aqark-border);

    border-radius:
        var(--aqark-radius-pill);

    color:
        var(--aqark-navy);

    background:
        rgba(255, 255, 255, .94);

    font-size: 11px;
    font-weight: 800;

    text-decoration: none;

    box-shadow:
        var(--aqark-shadow-sm);
}

.aqark-category-icon-v2 {
    width: 30px;
    height: 30px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    color:
        var(--aqark-blue);

    background:
        rgba(33, 100, 243, .09);

    font-size: 10px;
    font-weight: 900;
}


/* Featured */

.aqark-home-featured-v2 {
    padding-block:
        48px 70px;
}

.aqark-section-heading-v2 {
    display: flex;
    align-items: end;
    justify-content: space-between;

    gap: 20px;

    margin-bottom: 18px;
}

.aqark-section-heading-v2 h2 {
    margin:
        4px 0 0;

    color:
        var(--aqark-navy);

    font-size: 28px;
}

.aqark-section-heading-v2 > a {
    color:
        var(--aqark-blue);

    font-size: 12px;
    font-weight: 850;

    text-decoration: none;
}

.aqark-section-eyebrow-v2 {
    color:
        var(--aqark-blue);

    font-size: 10px;
    font-weight: 900;

    letter-spacing: .08em;

    text-transform: uppercase;
}

.aqark-featured-grid-v2 {
    display: grid;

    grid-template-columns:
        repeat(
            3,
            minmax(0, 1fr)
        );

    gap: 16px;
}

.aqark-property-card-shell-v2 {
    overflow: hidden;
}

.aqark-property-card-shell-v2__media {
    position: relative;

    min-height: 220px;

    background:
        linear-gradient(
            135deg,
            #e9edf4,
            #dfe6ef
        );
}

.aqark-property-card-shell-v2__badge {
    position: absolute;

    inset-inline-start: 12px;
    top: 12px;
}

.aqark-property-card-shell-v2__favorite {
    position: absolute;

    inset-inline-end: 12px;
    top: 12px;

    width: 36px;
    height: 36px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border:
        1px solid
        rgba(255, 255, 255, .8);

    border-radius: 50%;

    color:
        var(--aqark-navy);

    background:
        rgba(255, 255, 255, .94);

    font-size: 20px;

    cursor: pointer;
}

.aqark-property-card-shell-v2__body {
    padding: 15px;
}

.aqark-property-card-shell-v2__price {
    color:
        var(--aqark-blue);

    font-size: 18px;
}

.aqark-property-card-shell-v2__body h3 {
    margin:
        8px 0 3px;

    color:
        var(--aqark-navy);

    font-size: 15px;
}

.aqark-property-card-shell-v2__body p {
    margin: 0;

    color:
        var(--aqark-muted);

    font-size: 11px;
}

.aqark-property-card-shell-v2__facts {
    display: flex;
    align-items: center;

    gap: 12px;

    margin-top: 13px;

    color:
        var(--aqark-muted);

    font-size: 10px;
    font-weight: 750;
}


@media (max-width: 1100px) {

    .aqark-public-main-nav-v2 {
        gap: 11px;
    }

    .aqark-public-main-nav-v2 a {
        font-size: 10px;
    }

    .aqark-home-search-grid-v2 {
        grid-template-columns:
            minmax(0, 2fr)
            repeat(
                2,
                minmax(150px, 1fr)
            )
            112px;
    }

}


@media (max-width: 900px) {

    .aqark-public-shell-header-v2 {
        display: none;
    }

    .aqark-mobile-header-v2 {
        display: flex;
        align-items: center;
    }

    .aqark-home-hero-v2 {
        min-height: auto;
    }

    .aqark-home-hero-v2__content {
        padding-block:
            42px;
    }

    .aqark-home-search-grid-v2 {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );
    }

    .aqark-home-search-submit-v2 {
        grid-column:
            1 / -1;
    }

    .aqark-featured-grid-v2 {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );
    }

}


@media (max-width: 760px) {

    .aqark-home-v2 {
        padding-bottom:
            calc(
                var(
                    --aqark-mobile-bottom-nav-height
                )
                + 18px
            );
    }

    .aqark-home-hero-v2__content {
        gap: 18px;

        padding-block:
            30px 26px;
    }

    .aqark-home-hero-v2__title {
        font-size:
            clamp(
                34px,
                11vw,
                48px
            );
    }

    .aqark-home-search-v2 {
        padding: 10px;
    }

    .aqark-home-search-v2__tabs {
        overflow-x: auto;
    }

    .aqark-home-search-grid-v2 {
        grid-template-columns:
            1fr;
    }

    .aqark-home-search-submit-v2 {
        grid-column: auto;
    }

    .aqark-home-category-strip-v2 {
        flex-wrap: nowrap;
        overflow-x: auto;

        padding-bottom: 4px;
    }

    .aqark-home-category-strip-v2 a {
        flex: 0 0 auto;
    }

    .aqark-home-featured-v2 {
        padding-block:
            30px 34px;
    }

    .aqark-section-heading-v2 {
        align-items: center;
    }

    .aqark-section-heading-v2 h2 {
        font-size: 22px;
    }

    .aqark-featured-grid-v2 {
        grid-template-columns: 1fr;
    }

    .aqark-property-card-shell-v2__media {
        min-height: 210px;
    }

}


/* Phase 22-A3 property discovery + detail */

.aqark-property-results-v2,
.aqark-property-detail-v2 {
    min-height: 100vh;

    padding-block:
        24px 64px;

    background:
        var(--aqark-bg);
}


/* Breadcrumbs */

.aqark-results-breadcrumbs-v2 {
    display: flex;
    align-items: center;

    gap: 7px;

    flex-wrap: wrap;

    color:
        var(--aqark-muted);

    font-size: 11px;
}

.aqark-results-breadcrumbs-v2 a {
    color:
        var(--aqark-muted);

    text-decoration: none;
}

.aqark-results-breadcrumbs-v2 a:hover {
    color:
        var(--aqark-blue);
}


/* Results heading */

.aqark-results-title-row-v2 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;

    gap: 20px;

    margin-block:
        14px 18px;
}

.aqark-results-title-row-v2 h1 {
    margin: 0;

    color:
        var(--aqark-navy);

    font-size:
        clamp(
            25px,
            3vw,
            36px
        );
}

.aqark-results-title-row-v2 p {
    margin:
        7px 0 0;

    color:
        var(--aqark-muted);

    font-size: 12px;
}


/* Filters */

.aqark-results-filters-v2 {
    padding: 10px;
}

.aqark-results-filter-tabs-v2 {
    display: flex;
    gap: 4px;

    padding-bottom: 10px;
}

.aqark-results-filter-tab-v2 {
    min-height: 36px;

    padding:
        0 14px;

    border: 0;

    border-radius:
        var(--aqark-radius-pill);

    color:
        var(--aqark-muted);

    background:
        transparent;

    font-size: 11px;
    font-weight: 850;

    cursor: pointer;
}

.aqark-results-filter-tab-v2.is-active {
    color: #fff;

    background:
        var(--aqark-blue);
}

.aqark-results-filter-grid-v2 {
    display: grid;

    grid-template-columns:
        minmax(210px, 1.5fr)
        repeat(
            3,
            minmax(135px, 1fr)
        )
        auto
        auto;

    gap: 8px;

    align-items: end;
}

.aqark-results-more-filter-v2,
.aqark-results-search-v2 {
    min-height: 44px;
}


/* Sublocations */

.aqark-results-subareas-v2 {
    display: flex;
    align-items: center;

    gap: 8px;

    flex-wrap: wrap;

    margin-block: 14px;

    color:
        var(--aqark-muted);

    font-size: 10px;
}

.aqark-results-subareas-v2 a {
    display: inline-flex;
    align-items: center;

    gap: 5px;

    padding:
        6px 10px;

    border:
        1px solid
        var(--aqark-border);

    border-radius:
        var(--aqark-radius-pill);

    color:
        var(--aqark-navy);

    background: #fff;

    text-decoration: none;
}

.aqark-results-subareas-v2 a strong {
    color:
        var(--aqark-blue);
}


/* Toolbar */

.aqark-results-toolbar-v2 {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 14px;

    margin-block:
        14px;
}

.aqark-results-toolbar-v2__actions {
    display: flex;
    align-items: center;

    gap: 8px;
}

.aqark-results-sort-v2 {
    width: auto;
    min-width: 140px;
}

.aqark-results-view-switch-v2 {
    display: inline-flex;

    padding: 3px;

    border:
        1px solid
        var(--aqark-border);

    border-radius:
        var(--aqark-radius-md);

    background: #fff;
}

.aqark-results-view-switch-v2 button {
    min-height: 34px;

    padding:
        0 12px;

    border: 0;

    border-radius:
        var(--aqark-radius-sm);

    color:
        var(--aqark-muted);

    background:
        transparent;

    font-size: 10px;
    font-weight: 850;

    cursor: pointer;
}

.aqark-results-view-switch-v2 button.is-active {
    color: #fff;

    background:
        var(--aqark-blue);
}


/* Results split layout */

.aqark-results-layout-v2 {
    display: grid;

    grid-template-columns:
        minmax(0, 43fr)
        minmax(420px, 57fr);

    gap: 16px;

    align-items: start;
}

.aqark-results-list-v2 {
    display: grid;

    gap: 12px;
}


/* Property result card */

.aqark-result-property-card-v2 {
    overflow: hidden;

    display: grid;

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

.aqark-result-property-card-v2__media {
    position: relative;

    min-height: 230px;

    background:
        linear-gradient(
            135deg,
            #e9edf4,
            #dce3ed
        );
}

.aqark-result-property-card-v2__badges {
    position: absolute;

    inset-inline-start: 10px;
    top: 10px;

    display: flex;

    gap: 5px;

    flex-wrap: wrap;
}

.aqark-result-property-card-v2__favorite {
    position: absolute;

    inset-inline-end: 10px;
    top: 10px;

    width: 36px;
    height: 36px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border: 0;

    border-radius: 50%;

    color:
        var(--aqark-navy);

    background:
        rgba(255, 255, 255, .94);

    font-size: 20px;

    cursor: pointer;
}

.aqark-result-property-card-v2__gallery-count {
    position: absolute;

    inset-inline-end: 10px;
    bottom: 10px;

    padding:
        5px 8px;

    border-radius:
        var(--aqark-radius-pill);

    color: #fff;

    background:
        rgba(11, 30, 65, .78);

    font-size: 9px;
    font-weight: 800;
}

.aqark-result-property-card-v2__content {
    min-width: 0;

    padding: 15px;

    display: flex;
    flex-direction: column;
}

.aqark-result-property-card-v2__price-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;

    gap: 12px;
}

.aqark-result-property-card-v2__price {
    display: block;

    color:
        var(--aqark-blue);

    font-size: 18px;
}

.aqark-result-property-card-v2__payment {
    display: block;

    margin-top: 3px;

    color:
        var(--aqark-muted);

    font-size: 9px;
}

.aqark-result-property-card-v2__source {
    color:
        var(--aqark-muted);

    font-size: 9px;
    font-weight: 700;
}

.aqark-result-property-card-v2 h2 {
    margin:
        12px 0 4px;

    color:
        var(--aqark-navy);

    font-size: 15px;
    line-height: 1.35;
}

.aqark-result-property-card-v2__location {
    margin: 0;

    color:
        var(--aqark-muted);

    font-size: 10px;
}

.aqark-result-property-card-v2__facts {
    display: flex;
    align-items: center;

    gap: 10px;

    flex-wrap: wrap;

    margin-top: 11px;

    color:
        var(--aqark-navy);

    font-size: 10px;
    font-weight: 750;
}

.aqark-result-property-card-v2__description {
    margin:
        10px 0 0;

    color:
        var(--aqark-muted);

    font-size: 10px;
    line-height: 1.55;
}

.aqark-result-property-card-v2__actions {
    display: flex;

    gap: 6px;

    flex-wrap: wrap;

    margin-top: auto;

    padding-top: 13px;
}

.aqark-result-property-card-v2__actions .aqark-btn {
    min-height: 36px;

    padding-inline: 11px;

    font-size: 10px;
}


/* Map shell */

.aqark-results-map-shell-v2 {
    position: sticky;

    top: 16px;

    overflow: hidden;

    min-height: 660px;

    background:
        linear-gradient(
            135deg,
            #edf2f7,
            #e1e8ef
        );
}

.aqark-map-search-area-v2 {
    position: absolute;

    z-index: 4;

    inset-inline-start: 50%;
    top: 14px;

    transform:
        translateX(-50%);
}

[dir="rtl"] .aqark-map-search-area-v2 {
    transform:
        translateX(50%);
}

.aqark-price-marker-v2,
.aqark-map-cluster-v2 {
    position: absolute;

    z-index: 3;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    box-shadow:
        var(--aqark-shadow-md);
}

.aqark-price-marker-v2 {
    min-height: 28px;

    padding:
        0 9px;

    border:
        2px solid #fff;

    border-radius:
        var(--aqark-radius-pill);

    color: #fff;

    background:
        var(--aqark-blue);

    font-size: 9px;
    font-weight: 900;
}

.aqark-price-marker-v2--one {
    inset-inline-start: 20%;
    top: 28%;
}

.aqark-price-marker-v2--two {
    inset-inline-start: 61%;
    top: 40%;
}

.aqark-price-marker-v2--three {
    inset-inline-start: 42%;
    top: 68%;
}

.aqark-map-cluster-v2 {
    inset-inline-start: 70%;
    top: 64%;

    width: 42px;
    height: 42px;

    border:
        3px solid #fff;

    border-radius: 50%;

    color: #fff;

    background:
        var(--aqark-navy);

    font-size: 10px;
    font-weight: 900;
}

.aqark-map-shell-message-v2 {
    position: absolute;

    inset-inline:
        20px;

    bottom: 18px;

    padding: 11px;

    border:
        1px solid
        rgba(255, 255, 255, .86);

    border-radius:
        var(--aqark-radius-md);

    color:
        var(--aqark-muted);

    background:
        rgba(255, 255, 255, .92);

    font-size: 10px;

    text-align: center;
}


/* Pagination */

.aqark-results-pagination-v2 {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 5px;

    margin-top: 10px;
}

.aqark-results-pagination-v2 button {
    width: 36px;
    height: 36px;

    border:
        1px solid
        var(--aqark-border);

    border-radius:
        var(--aqark-radius-sm);

    color:
        var(--aqark-navy);

    background: #fff;

    font-size: 10px;
    font-weight: 850;

    cursor: pointer;
}

.aqark-results-pagination-v2 button.is-active {
    color: #fff;

    border-color:
        var(--aqark-blue);

    background:
        var(--aqark-blue);
}


/* Mobile list / map switch */

.aqark-mobile-list-map-switch-v2 {
    display: none;
}


/* Property detail */

.aqark-property-detail-v2__breadcrumbs {
    margin-bottom: 15px;
}

.aqark-property-gallery-v2 {
    display: grid;

    grid-template-columns:
        minmax(0, 2fr)
        minmax(220px, .8fr);

    gap: 10px;

    min-height: 460px;
}

.aqark-property-gallery-v2__main,
.aqark-property-gallery-v2__thumb {
    position: relative;

    overflow: hidden;

    background:
        linear-gradient(
            135deg,
            #e4eaf1,
            #d7e0e9
        );
}

.aqark-property-gallery-v2__badges {
    position: absolute;

    inset-inline-start: 14px;
    top: 14px;

    display: flex;

    gap: 6px;
}

.aqark-property-gallery-v2__favorite {
    position: absolute;

    inset-inline-end: 14px;
    top: 14px;

    width: 40px;
    height: 40px;

    border: 0;

    border-radius: 50%;

    color:
        var(--aqark-navy);

    background:
        rgba(255, 255, 255, .96);

    font-size: 21px;

    cursor: pointer;
}

.aqark-property-gallery-v2__photos {
    position: absolute;

    inset-inline-end: 14px;
    bottom: 14px;

    min-height: 34px;

    padding:
        0 12px;

    border: 0;

    border-radius:
        var(--aqark-radius-pill);

    color:
        var(--aqark-navy);

    background:
        rgba(255, 255, 255, .96);

    font-size: 10px;
    font-weight: 850;

    cursor: pointer;
}

.aqark-property-gallery-v2__side {
    display: grid;

    grid-template-rows:
        repeat(
            2,
            minmax(0, 1fr)
        );

    gap: 10px;
}

.aqark-property-detail-layout-v2 {
    display: grid;

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

    gap: 18px;

    margin-top: 18px;

    align-items: start;
}

.aqark-property-detail-main-v2 {
    display: grid;

    gap: 14px;
}

.aqark-property-detail-summary-v2,
.aqark-property-detail-section-v2,
.aqark-property-contact-card-v2,
.aqark-property-reference-card-v2 {
    padding: 20px;
}

.aqark-property-detail-summary-v2__heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;

    gap: 14px;
}

.aqark-property-detail-summary-v2__price {
    display: block;

    color:
        var(--aqark-blue);

    font-size: 28px;
}

.aqark-property-detail-summary-v2__payment {
    display: block;

    margin-top: 4px;

    color:
        var(--aqark-muted);

    font-size: 10px;
}

.aqark-property-detail-summary-v2 h1 {
    margin:
        18px 0 5px;

    color:
        var(--aqark-navy);

    font-size:
        clamp(
            22px,
            3vw,
            32px
        );

    line-height: 1.25;
}

.aqark-property-detail-summary-v2__location {
    margin: 0;

    color:
        var(--aqark-muted);

    font-size: 11px;
}

.aqark-property-detail-facts-v2 {
    display: grid;

    grid-template-columns:
        repeat(
            4,
            minmax(0, 1fr)
        );

    gap: 8px;

    margin-top: 18px;
}

.aqark-property-detail-facts-v2 > div {
    padding: 12px;

    border:
        1px solid
        var(--aqark-border);

    border-radius:
        var(--aqark-radius-md);

    background:
        var(--aqark-bg);
}

.aqark-property-detail-facts-v2 span,
.aqark-property-detail-facts-v2 strong {
    display: block;
}

.aqark-property-detail-facts-v2 span {
    color:
        var(--aqark-muted);

    font-size: 9px;
}

.aqark-property-detail-facts-v2 strong {
    margin-top: 4px;

    color:
        var(--aqark-navy);

    font-size: 12px;
}

.aqark-property-detail-section-v2 h2 {
    margin:
        0 0 13px;

    color:
        var(--aqark-navy);

    font-size: 18px;
}

.aqark-property-detail-section-v2 p {
    margin: 0;

    color:
        var(--aqark-muted);

    font-size: 12px;
    line-height: 1.75;
}

.aqark-property-amenities-v2 {
    display: grid;

    grid-template-columns:
        repeat(
            3,
            minmax(0, 1fr)
        );

    gap: 8px;
}

.aqark-property-amenities-v2 span {
    padding: 10px 11px;

    border:
        1px solid
        var(--aqark-border);

    border-radius:
        var(--aqark-radius-md);

    color:
        var(--aqark-navy);

    background:
        var(--aqark-bg);

    font-size: 10px;
    font-weight: 750;
}

.aqark-property-detail-map-v2 {
    min-height: 300px;

    display: flex;
    align-items: center;
    justify-content: center;

    border:
        1px solid
        var(--aqark-border);

    border-radius:
        var(--aqark-radius-lg);

    color:
        var(--aqark-muted);

    background:
        linear-gradient(
            135deg,
            #edf2f7,
            #dfe7ef
        );

    font-size: 11px;
}

.aqark-property-detail-sidebar-v2 {
    position: sticky;

    top: 16px;

    display: grid;

    gap: 12px;
}

.aqark-property-contact-card-v2 {
    display: grid;

    gap: 9px;
}

.aqark-property-contact-card-v2__identity {
    display: flex;
    align-items: center;

    gap: 10px;

    padding-bottom: 7px;
}

.aqark-property-contact-card-v2__avatar {
    width: 44px;
    height: 44px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    color: #fff;

    background:
        var(--aqark-navy);

    font-size: 15px;
    font-weight: 900;
}

.aqark-property-contact-card-v2__identity strong,
.aqark-property-contact-card-v2__identity span {
    display: block;
}

.aqark-property-contact-card-v2__identity strong {
    color:
        var(--aqark-navy);

    font-size: 12px;
}

.aqark-property-contact-card-v2__identity span {
    margin-top: 3px;

    color:
        var(--aqark-muted);

    font-size: 9px;
}

.aqark-property-reference-card-v2 span,
.aqark-property-reference-card-v2 strong {
    display: block;
}

.aqark-property-reference-card-v2 span {
    color:
        var(--aqark-muted);

    font-size: 9px;
}

.aqark-property-reference-card-v2 strong {
    margin-top: 4px;

    color:
        var(--aqark-navy);

    font-size: 12px;
}

.aqark-property-similar-grid-v2 {
    display: grid;

    grid-template-columns:
        repeat(
            3,
            minmax(0, 1fr)
        );

    gap: 10px;
}

.aqark-similar-property-card-v2 {
    overflow: hidden;

    border:
        1px solid
        var(--aqark-border);

    border-radius:
        var(--aqark-radius-md);
}

.aqark-similar-property-card-v2__media {
    min-height: 120px;

    background:
        linear-gradient(
            135deg,
            #e8edf3,
            #dce4ed
        );
}

.aqark-similar-property-card-v2__body {
    padding: 10px;
}

.aqark-similar-property-card-v2__body strong,
.aqark-similar-property-card-v2__body span {
    display: block;
}

.aqark-similar-property-card-v2__body strong {
    color:
        var(--aqark-blue);

    font-size: 11px;
}

.aqark-similar-property-card-v2__body span {
    margin-top: 3px;

    color:
        var(--aqark-muted);

    font-size: 9px;
}

.aqark-property-mobile-actions-v2 {
    display: none;
}


/* Tablet */

@media (max-width: 1120px) {

    .aqark-results-filter-grid-v2 {
        grid-template-columns:
            repeat(
                3,
                minmax(0, 1fr)
            );
    }

    .aqark-results-layout-v2 {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(360px, .9fr);
    }

    .aqark-result-property-card-v2 {
        grid-template-columns:
            185px
            minmax(0, 1fr);
    }

    .aqark-property-detail-layout-v2 {
        grid-template-columns:
            minmax(0, 1fr)
            290px;
    }

}


/* Mobile */

@media (max-width: 900px) {

    .aqark-results-layout-v2 {
        display: block;
    }

    .aqark-results-map-shell-v2 {
        display: none;
    }

    .aqark-property-detail-layout-v2 {
        display: block;
    }

    .aqark-property-detail-sidebar-v2 {
        position: static;

        margin-top: 14px;
    }

}


@media (max-width: 760px) {

    .aqark-property-results-v2,
    .aqark-property-detail-v2 {
        padding-block:
            14px 88px;
    }

    .aqark-results-title-row-v2 {
        display: grid;
    }

    .aqark-results-title-row-v2 h1 {
        font-size: 24px;
    }

    .aqark-results-filter-tabs-v2 {
        overflow-x: auto;
    }

    .aqark-results-filter-tab-v2 {
        flex: 0 0 auto;
    }

    .aqark-results-filter-grid-v2 {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );
    }

    .aqark-results-search-v2 {
        grid-column:
            1 / -1;
    }

    .aqark-results-toolbar-v2 {
        align-items: flex-start;
    }

    .aqark-results-toolbar-v2__actions {
        align-items: stretch;
    }

    .aqark-results-sort-v2 {
        min-width: 118px;
    }

    .aqark-results-view-switch-v2 {
        display: none;
    }

    .aqark-result-property-card-v2 {
        display: block;
    }

    .aqark-result-property-card-v2__media {
        min-height: 230px;
    }

    .aqark-result-property-card-v2__description {
        display: none;
    }

    .aqark-result-property-card-v2__actions {
        display: grid;

        grid-template-columns:
            repeat(
                3,
                minmax(0, 1fr)
            );
    }

    .aqark-result-property-card-v2__actions .aqark-btn {
        padding-inline: 7px;
    }

    .aqark-mobile-list-map-switch-v2 {
        position: fixed;

        z-index: 70;

        inset-inline-start: 50%;
        bottom:
            calc(
                var(
                    --aqark-mobile-bottom-nav-height
                )
                + 10px
            );

        transform:
            translateX(-50%);

        display: inline-flex;

        padding: 4px;

        border:
            1px solid
            var(--aqark-border);

        border-radius:
            var(--aqark-radius-pill);

        background:
            rgba(255, 255, 255, .98);

        box-shadow:
            var(--aqark-shadow-md);
    }

    [dir="rtl"] .aqark-mobile-list-map-switch-v2 {
        transform:
            translateX(50%);
    }

    .aqark-mobile-list-map-switch-v2 button {
        min-height: 36px;

        padding:
            0 15px;

        border: 0;

        border-radius:
            var(--aqark-radius-pill);

        color:
            var(--aqark-muted);

        background:
            transparent;

        font-size: 10px;
        font-weight: 850;
    }

    .aqark-mobile-list-map-switch-v2 button.is-active {
        color: #fff;

        background:
            var(--aqark-blue);
    }

    .aqark-property-gallery-v2 {
        display: block;

        min-height: 290px;
    }

    .aqark-property-gallery-v2__main {
        min-height: 290px;
    }

    .aqark-property-gallery-v2__side {
        display: none;
    }

    .aqark-property-detail-summary-v2,
    .aqark-property-detail-section-v2,
    .aqark-property-contact-card-v2,
    .aqark-property-reference-card-v2 {
        padding: 15px;
    }

    .aqark-property-detail-summary-v2__price {
        font-size: 23px;
    }

    .aqark-property-detail-facts-v2 {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );
    }

    .aqark-property-amenities-v2 {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );
    }

    .aqark-property-similar-grid-v2 {
        grid-template-columns: 1fr;
    }

    .aqark-property-mobile-actions-v2 {
        position: fixed;

        z-index: 71;

        inset-inline: 0;
        bottom:
            var(--aqark-mobile-bottom-nav-height);

        display: grid;

        grid-template-columns:
            repeat(
                3,
                1fr
            );

        gap: 1px;

        border-top:
            1px solid
            var(--aqark-border);

        background:
            var(--aqark-border);
    }

    .aqark-property-mobile-actions-v2 a {
        min-height: 44px;

        display: flex;
        align-items: center;
        justify-content: center;

        color:
            var(--aqark-navy);

        background: #fff;

        font-size: 10px;
        font-weight: 850;

        text-decoration: none;
    }

    .aqark-property-mobile-actions-v2 a:nth-child(2) {
        color: #fff;

        background:
            var(--aqark-blue);
    }

}


/* Phase 22-A4 directory and profile pages */

.aqark-directory-v2,
.aqark-profile-page-v2 {
    min-height: 100vh;
    padding-block: 32px 72px;
    background: var(--aqark-bg);
}

.aqark-directory-heading-v2 {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 22px;
}

.aqark-directory-heading-v2 h1 {
    margin: 5px 0 0;
    color: var(--aqark-navy);
    font-size: clamp(28px, 4vw, 42px);
}

.aqark-directory-heading-v2 p {
    max-width: 650px;
    margin: 7px 0 0;
    color: var(--aqark-muted);
    font-size: 12px;
}

.aqark-directory-actions-v2 {
    display: flex;
    gap: 8px;
}

.aqark-directory-actions-v2 .aqark-select {
    width: auto;
    min-width: 150px;
}

.aqark-directory-grid-v2 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.aqark-project-card-v2,
.aqark-community-card-v2 {
    overflow: hidden;
}

.aqark-project-card-v2__media,
.aqark-community-card-v2__media {
    min-height: 210px;
    padding: 12px;
    background:
        linear-gradient(
            135deg,
            #e7edf5,
            #dbe4ee
        );
}

.aqark-project-card-v2__body,
.aqark-community-card-v2__body {
    padding: 16px;
}

.aqark-project-card-v2__developer {
    color: var(--aqark-blue);
    font-size: 9px;
    font-weight: 850;
}

.aqark-project-card-v2 h2,
.aqark-community-card-v2 h2 {
    margin: 7px 0 4px;
    color: var(--aqark-navy);
    font-size: 17px;
}

.aqark-project-card-v2 p,
.aqark-community-card-v2 p {
    margin: 0;
    color: var(--aqark-muted);
    font-size: 10px;
}

.aqark-project-card-v2__facts,
.aqark-community-card-v2__meta {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-block: 12px;
    color: var(--aqark-muted);
    font-size: 9px;
}

.aqark-project-card-v2__body > strong {
    display: block;
    margin-bottom: 12px;
    color: var(--aqark-navy);
    font-size: 12px;
}

.aqark-community-card-v2__body > a {
    color: var(--aqark-blue);
    font-size: 10px;
    font-weight: 850;
    text-decoration: none;
}


/* Partner cards */

.aqark-partner-grid-v2 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.aqark-partner-card-v2 {
    display: grid;
    gap: 12px;
    padding: 18px;
}

.aqark-partner-card-v2__logo {
    width: 56px;
    height: 56px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--aqark-radius-lg);
    color: #fff;
    background: var(--aqark-navy);
    font-size: 20px;
    font-weight: 900;
}

.aqark-partner-card-v2 h2 {
    margin: 0;
    color: var(--aqark-navy);
    font-size: 15px;
}

.aqark-partner-card-v2 h2 + span {
    display: block;
    margin-top: 4px;
    color: var(--aqark-muted);
    font-size: 9px;
}

.aqark-partner-card-v2__facts {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    color: var(--aqark-muted);
    font-size: 9px;
}


/* Project / community / company hero */

.aqark-project-hero-v2,
.aqark-community-hero-v2,
.aqark-company-profile-hero-v2,
.aqark-agent-profile-hero-v2 {
    margin-top: 15px;
    overflow: hidden;
}

.aqark-project-hero-v2 {
    display: grid;
    grid-template-columns: minmax(340px, .9fr) minmax(0, 1.1fr);
}

.aqark-project-hero-v2__media,
.aqark-community-hero-v2__media {
    min-height: 330px;
    background:
        linear-gradient(
            135deg,
            #e5ebf2,
            #d6e0ea
        );
}

.aqark-project-hero-v2__content,
.aqark-community-hero-v2__content {
    padding: 28px;
}

.aqark-project-hero-v2 h1,
.aqark-community-hero-v2 h1,
.aqark-company-profile-hero-v2 h1,
.aqark-agent-profile-hero-v2 h1 {
    margin: 12px 0 5px;
    color: var(--aqark-navy);
    font-size: clamp(28px, 4vw, 40px);
}

.aqark-project-hero-v2 p,
.aqark-community-hero-v2 p,
.aqark-company-profile-hero-v2 p,
.aqark-agent-profile-hero-v2 p {
    margin: 0;
    color: var(--aqark-muted);
    font-size: 11px;
}

.aqark-community-hero-v2 {
    display: grid;
    grid-template-columns: minmax(320px, .8fr) minmax(0, 1.2fr);
}

.aqark-company-profile-hero-v2,
.aqark-agent-profile-hero-v2 {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 24px;
}

.aqark-company-profile-hero-v2__logo,
.aqark-agent-profile-hero-v2__avatar {
    width: 92px;
    height: 92px;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--aqark-radius-xl);
    color: #fff;
    background: var(--aqark-navy);
    font-size: 30px;
    font-weight: 900;
}

.aqark-agent-profile-hero-v2__avatar {
    border-radius: 50%;
}


/* Stats */

.aqark-profile-stat-row-v2 {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 20px;
}

.aqark-profile-stat-row-v2 > div {
    min-width: 105px;
    padding: 10px 12px;
    border: 1px solid var(--aqark-border);
    border-radius: var(--aqark-radius-md);
    background: var(--aqark-bg);
}

.aqark-profile-stat-row-v2 span,
.aqark-profile-stat-row-v2 strong {
    display: block;
}

.aqark-profile-stat-row-v2 span {
    color: var(--aqark-muted);
    font-size: 8px;
}

.aqark-profile-stat-row-v2 strong {
    margin-top: 3px;
    color: var(--aqark-navy);
    font-size: 11px;
}


/* Profile layout */

.aqark-profile-layout-v2 {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 18px;
    margin-top: 18px;
    align-items: start;
}

.aqark-profile-main-v2 {
    display: grid;
    gap: 14px;
}

.aqark-profile-section-v2 {
    padding: 20px;
}

.aqark-profile-section-v2 h2 {
    margin: 0 0 12px;
    color: var(--aqark-navy);
    font-size: 18px;
}

.aqark-profile-section-v2 p {
    margin: 0;
    color: var(--aqark-muted);
    font-size: 12px;
    line-height: 1.75;
}

.aqark-profile-sidebar-v2 {
    position: sticky;
    top: 16px;
}

.aqark-profile-contact-v2 {
    display: grid;
    gap: 9px;
    padding: 18px;
}

.aqark-profile-contact-v2 > span {
    color: var(--aqark-muted);
    font-size: 9px;
}

.aqark-profile-contact-v2 > strong {
    color: var(--aqark-blue);
    font-size: 22px;
}

.aqark-unit-type-grid-v2 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.aqark-unit-type-grid-v2 > div {
    padding: 13px;
    border: 1px solid var(--aqark-border);
    border-radius: var(--aqark-radius-md);
    background: var(--aqark-bg);
}

.aqark-unit-type-grid-v2 strong,
.aqark-unit-type-grid-v2 span {
    display: block;
}

.aqark-unit-type-grid-v2 strong {
    color: var(--aqark-navy);
    font-size: 11px;
}

.aqark-unit-type-grid-v2 span {
    margin-top: 4px;
    color: var(--aqark-muted);
    font-size: 9px;
}

.aqark-profile-map-placeholder-v2 {
    min-height: 280px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--aqark-border);
    border-radius: var(--aqark-radius-lg);
    color: var(--aqark-muted);
    background:
        linear-gradient(
            135deg,
            #edf2f7,
            #dfe7ef
        );
    font-size: 10px;
}


/* Property strip */

.aqark-profile-property-strip-v2 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.aqark-mini-property-v2 {
    overflow: hidden;
    border: 1px solid var(--aqark-border);
    border-radius: var(--aqark-radius-md);
}

.aqark-mini-property-v2__media {
    min-height: 130px;
    background:
        linear-gradient(
            135deg,
            #e6ebf2,
            #dbe3ec
        );
}

.aqark-mini-property-v2 > div:last-child {
    padding: 10px;
}

.aqark-mini-property-v2 strong,
.aqark-mini-property-v2 span {
    display: block;
}

.aqark-mini-property-v2 strong {
    color: var(--aqark-blue);
    font-size: 10px;
}

.aqark-mini-property-v2 span {
    margin-top: 3px;
    color: var(--aqark-muted);
    font-size: 8px;
}


/* Agents */

.aqark-agent-grid-v2 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.aqark-agent-mini-card-v2 {
    padding: 14px;
    border: 1px solid var(--aqark-border);
    border-radius: var(--aqark-radius-md);
    text-align: center;
}

.aqark-agent-mini-card-v2__avatar {
    width: 50px;
    height: 50px;
    margin-inline: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    background: var(--aqark-navy);
    font-weight: 900;
}

.aqark-agent-mini-card-v2 strong,
.aqark-agent-mini-card-v2 span {
    display: block;
}

.aqark-agent-mini-card-v2 strong {
    margin-top: 8px;
    color: var(--aqark-navy);
    font-size: 10px;
}

.aqark-agent-mini-card-v2 span {
    margin-top: 3px;
    color: var(--aqark-muted);
    font-size: 8px;
}


@media (max-width: 1050px) {

    .aqark-directory-grid-v2 {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );
    }

    .aqark-partner-grid-v2 {
        grid-template-columns:
            repeat(
                3,
                minmax(0, 1fr)
            );
    }

    .aqark-profile-layout-v2 {
        grid-template-columns:
            minmax(0, 1fr)
            270px;
    }

}


@media (max-width: 760px) {

    .aqark-directory-v2,
    .aqark-profile-page-v2 {
        padding-block:
            20px 88px;
    }

    .aqark-directory-heading-v2 {
        display: grid;
    }

    .aqark-directory-actions-v2 {
        display: grid;
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );
    }

    .aqark-directory-actions-v2 .aqark-select {
        width: 100%;
        min-width: 0;
    }

    .aqark-directory-grid-v2,
    .aqark-partner-grid-v2 {
        grid-template-columns: 1fr;
    }

    .aqark-project-hero-v2,
    .aqark-community-hero-v2 {
        display: block;
    }

    .aqark-project-hero-v2__media,
    .aqark-community-hero-v2__media {
        min-height: 230px;
    }

    .aqark-project-hero-v2__content,
    .aqark-community-hero-v2__content {
        padding: 18px;
    }

    .aqark-company-profile-hero-v2,
    .aqark-agent-profile-hero-v2 {
        align-items: flex-start;
        padding: 18px;
    }

    .aqark-company-profile-hero-v2__logo,
    .aqark-agent-profile-hero-v2__avatar {
        width: 66px;
        height: 66px;
        font-size: 22px;
    }

    .aqark-profile-layout-v2 {
        display: block;
    }

    .aqark-profile-sidebar-v2 {
        position: static;
        margin-top: 14px;
    }

    .aqark-unit-type-grid-v2,
    .aqark-profile-property-strip-v2,
    .aqark-agent-grid-v2 {
        grid-template-columns: 1fr;
    }

}


/* Phase 22-A5 customer flows */

.aqark-auth-page-v2,
.aqark-customer-page-v2 {
    min-height: 100vh;

    padding-block:
        42px 80px;

    background:
        var(--aqark-bg);
}


/* Authentication */

.aqark-auth-layout-v2 {
    min-height: 650px;

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(380px, .75fr);

    gap: 26px;

    align-items: center;
}

.aqark-auth-visual-v2 {
    max-width: 640px;

    padding:
        34px 20px;
}

.aqark-auth-visual-v2 h1 {
    max-width: 590px;

    margin:
        10px 0 12px;

    color:
        var(--aqark-navy);

    font-size:
        clamp(
            36px,
            5vw,
            58px
        );

    line-height: 1.05;
}

.aqark-auth-visual-v2 p {
    max-width: 520px;

    margin: 0;

    color:
        var(--aqark-muted);

    font-size: 13px;
    line-height: 1.7;
}

.aqark-auth-card-v2 {
    max-width: 510px;

    width: 100%;

    margin-inline: auto;

    padding: 26px;

    box-shadow:
        var(--aqark-shadow-lg);
}

.aqark-auth-card-v2__heading {
    margin-bottom: 20px;
}

.aqark-auth-card-v2__heading h2 {
    margin: 0;

    color:
        var(--aqark-navy);

    font-size: 26px;
}

.aqark-auth-card-v2__heading p {
    margin:
        6px 0 0;

    color:
        var(--aqark-muted);

    font-size: 11px;
}

.aqark-auth-form-v2 {
    display: grid;

    gap: 14px;
}

.aqark-auth-options-v2 {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 12px;
}

.aqark-auth-options-v2 > a,
.aqark-auth-switch-v2 a {
    color:
        var(--aqark-blue);

    font-size: 10px;
    font-weight: 850;

    text-decoration: none;
}

.aqark-checkbox-row-v2 {
    display: inline-flex;
    align-items: flex-start;

    gap: 8px;

    color:
        var(--aqark-muted);

    font-size: 10px;
    line-height: 1.45;

    cursor: pointer;
}

.aqark-checkbox-row-v2 input {
    margin-top: 1px;
}

.aqark-auth-submit-v2 {
    width: 100%;

    min-height: 46px;
}

.aqark-auth-switch-v2 {
    margin:
        18px 0 0;

    color:
        var(--aqark-muted);

    font-size: 10px;

    text-align: center;
}


/* Customer heading */

.aqark-customer-heading-v2 {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;

    gap: 20px;

    margin-bottom: 22px;
}

.aqark-customer-heading-v2 h1 {
    margin:
        5px 0 0;

    color:
        var(--aqark-navy);

    font-size:
        clamp(
            28px,
            4vw,
            40px
        );
}

.aqark-customer-heading-v2 p {
    margin:
        7px 0 0;

    color:
        var(--aqark-muted);

    font-size: 11px;
}


/* Saved properties */

.aqark-saved-property-grid-v2 {
    display: grid;

    grid-template-columns:
        repeat(
            2,
            minmax(0, 1fr)
        );

    gap: 15px;
}

.aqark-saved-property-card-v2 {
    overflow: hidden;

    display: grid;

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

.aqark-saved-property-card-v2__media {
    position: relative;

    min-height: 230px;

    padding: 12px;

    background:
        linear-gradient(
            135deg,
            #e6ecf3,
            #d9e2eb
        );
}

.aqark-saved-property-card-v2__remove {
    position: absolute;

    inset-inline-end: 12px;
    top: 12px;

    width: 38px;
    height: 38px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border: 0;

    border-radius: 50%;

    color:
        var(--aqark-blue);

    background:
        rgba(255, 255, 255, .96);

    font-size: 18px;

    cursor: pointer;
}

.aqark-saved-property-card-v2__body {
    min-width: 0;

    padding: 16px;
}

.aqark-saved-property-card-v2__price {
    color:
        var(--aqark-blue);

    font-size: 17px;
}

.aqark-saved-property-card-v2 h2 {
    margin:
        9px 0 4px;

    color:
        var(--aqark-navy);

    font-size: 14px;
}

.aqark-saved-property-card-v2 p {
    margin: 0;

    color:
        var(--aqark-muted);

    font-size: 9px;
}

.aqark-saved-property-card-v2__facts {
    display: flex;
    align-items: center;

    gap: 10px;

    flex-wrap: wrap;

    margin-top: 12px;

    color:
        var(--aqark-muted);

    font-size: 9px;
}

.aqark-saved-property-card-v2__actions {
    display: flex;

    gap: 7px;

    flex-wrap: wrap;

    margin-top: 17px;
}


/* Saved searches */

.aqark-saved-search-list-v2 {
    display: grid;

    gap: 12px;
}

.aqark-saved-search-card-v2 {
    padding: 18px;
}

.aqark-saved-search-card-v2__heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;

    gap: 16px;
}

.aqark-saved-search-card-v2__heading h2 {
    margin: 0;

    color:
        var(--aqark-navy);

    font-size: 15px;
}

.aqark-saved-search-card-v2__heading span {
    display: block;

    margin-top: 5px;

    color:
        var(--aqark-muted);

    font-size: 9px;
}

.aqark-saved-search-card-v2__delete,
.aqark-compare-remove-v2 {
    border: 0;

    color:
        var(--aqark-danger);

    background:
        transparent;

    font-size: 9px;
    font-weight: 800;

    cursor: pointer;
}

.aqark-saved-search-tags-v2 {
    display: flex;
    align-items: center;

    gap: 6px;

    flex-wrap: wrap;

    margin-block: 14px;
}

.aqark-saved-search-tags-v2 span {
    padding:
        6px 9px;

    border:
        1px solid
        var(--aqark-border);

    border-radius:
        var(--aqark-radius-pill);

    color:
        var(--aqark-navy);

    background:
        var(--aqark-bg);

    font-size: 8px;
    font-weight: 750;
}

.aqark-saved-search-card-v2__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 12px;

    padding-top: 13px;

    border-top:
        1px solid
        var(--aqark-border);
}


/* Compare */

.aqark-compare-scroll-v2 {
    overflow-x: auto;

    border:
        1px solid
        var(--aqark-border);

    border-radius:
        var(--aqark-radius-lg);

    background: #fff;

    box-shadow:
        var(--aqark-shadow-sm);
}

.aqark-compare-table-v2 {
    width: 100%;
    min-width: 820px;

    border-collapse: collapse;
}

.aqark-compare-table-v2 th,
.aqark-compare-table-v2 td {
    padding: 14px;

    border-inline-end:
        1px solid
        var(--aqark-border);

    border-bottom:
        1px solid
        var(--aqark-border);

    color:
        var(--aqark-navy);

    font-size: 10px;

    text-align: start;
}

.aqark-compare-table-v2 tbody th {
    min-width: 130px;

    color:
        var(--aqark-muted);

    background:
        var(--aqark-bg);

    font-weight: 800;
}

.aqark-compare-property-v2 {
    min-width: 180px;
}

.aqark-compare-property-v2__media {
    min-height: 110px;

    margin-bottom: 10px;

    border-radius:
        var(--aqark-radius-md);

    background:
        linear-gradient(
            135deg,
            #e6ecf2,
            #dce4ed
        );
}

.aqark-compare-property-v2 > strong,
.aqark-compare-property-v2 > span {
    display: block;
}

.aqark-compare-property-v2 > strong {
    color:
        var(--aqark-navy);

    font-size: 11px;
}

.aqark-compare-property-v2 > span {
    margin-top: 3px;

    color:
        var(--aqark-muted);

    font-size: 8px;
}

.aqark-compare-property-v2__price {
    margin-top: 7px;

    color:
        var(--aqark-blue)
        !important;
}

.aqark-compare-remove-v2 {
    margin-top: 7px;
}


/* Contact / enquiry */

.aqark-contact-layout-v2 {
    display: grid;

    grid-template-columns:
        minmax(0, .85fr)
        minmax(390px, 1fr);

    gap: 18px;

    align-items: start;
}

.aqark-contact-property-card-v2 {
    overflow: hidden;
}

.aqark-contact-property-card-v2__media {
    min-height: 330px;

    background:
        linear-gradient(
            135deg,
            #e6ebf2,
            #d8e1eb
        );
}

.aqark-contact-property-card-v2__body {
    padding: 18px;
}

.aqark-contact-property-card-v2__body h1 {
    margin:
        10px 0 4px;

    color:
        var(--aqark-navy);

    font-size: 20px;
}

.aqark-contact-property-card-v2__body p {
    margin: 0;

    color:
        var(--aqark-muted);

    font-size: 10px;
}

.aqark-contact-property-card-v2__body > strong {
    display: block;

    margin-top: 12px;

    color:
        var(--aqark-blue);

    font-size: 22px;
}

.aqark-lead-form-card-v2 {
    padding: 22px;
}

.aqark-lead-form-card-v2__heading {
    margin-bottom: 18px;
}

.aqark-lead-form-card-v2__heading h2 {
    margin:
        5px 0 6px;

    color:
        var(--aqark-navy);

    font-size: 24px;
}

.aqark-lead-form-card-v2__heading p {
    margin: 0;

    color:
        var(--aqark-muted);

    font-size: 10px;
}

.aqark-lead-form-v2 {
    display: grid;

    gap: 13px;
}

.aqark-textarea-v2 {
    min-height: 116px;

    resize: vertical;
}

.aqark-lead-submit-v2 {
    min-height: 44px;
}

.aqark-lead-alt-actions-v2 {
    display: grid;

    grid-template-columns:
        repeat(
            2,
            minmax(0, 1fr)
        );

    gap: 7px;
}


/* Success */

.aqark-status-wrapper-v2 {
    min-height: 620px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.aqark-success-card-v2 {
    max-width: 620px;

    width: 100%;

    padding: 38px;

    text-align: center;

    box-shadow:
        var(--aqark-shadow-lg);
}

.aqark-success-icon-v2 {
    width: 62px;
    height: 62px;

    margin:
        0 auto 14px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    color: #fff;

    background:
        var(--aqark-success);

    font-size: 27px;
    font-weight: 900;
}

.aqark-success-card-v2 h1 {
    margin:
        7px 0 9px;

    color:
        var(--aqark-navy);

    font-size: 27px;
}

.aqark-success-card-v2 p {
    max-width: 470px;

    margin:
        0 auto;

    color:
        var(--aqark-muted);

    font-size: 11px;
    line-height: 1.65;
}

.aqark-success-actions-v2 {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 8px;

    flex-wrap: wrap;

    margin-top: 20px;
}


@media (max-width: 1000px) {

    .aqark-auth-layout-v2 {
        grid-template-columns:
            minmax(0, .85fr)
            minmax(360px, 1fr);
    }

    .aqark-saved-property-grid-v2 {
        grid-template-columns: 1fr;
    }

    .aqark-contact-layout-v2 {
        grid-template-columns:
            minmax(0, .8fr)
            minmax(360px, 1fr);
    }

}


@media (max-width: 760px) {

    .aqark-auth-page-v2,
    .aqark-customer-page-v2 {
        padding-block:
            20px 88px;
    }

    .aqark-auth-layout-v2 {
        min-height: 0;

        display: block;
    }

    .aqark-auth-visual-v2 {
        padding:
            14px 0 24px;
    }

    .aqark-auth-visual-v2 h1 {
        font-size: 35px;
    }

    .aqark-auth-card-v2 {
        padding: 18px;
    }

    .aqark-customer-heading-v2 {
        display: grid;
    }

    .aqark-saved-property-card-v2 {
        display: block;
    }

    .aqark-saved-property-card-v2__media {
        min-height: 230px;
    }

    .aqark-saved-property-card-v2__actions {
        display: grid;

        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );
    }

    .aqark-saved-search-card-v2__footer {
        align-items: flex-start;

        flex-direction: column;
    }

    .aqark-contact-layout-v2 {
        display: block;
    }

    .aqark-contact-property-v2 {
        margin-bottom: 14px;
    }

    .aqark-contact-property-card-v2__media {
        min-height: 240px;
    }

    .aqark-lead-form-card-v2 {
        padding: 16px;
    }

    .aqark-success-card-v2 {
        padding: 24px 17px;
    }

}


/* Phase 22-A6 role dashboards */

.aqark-dashboard-v2 {
    min-height: 100vh;

    color:
        var(--aqark-navy);

    background:
        var(--aqark-bg);
}

.aqark-dashboard-layout-v2 {
    min-height: 100vh;

    display: grid;

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


/* Sidebar */

.aqark-dashboard-sidebar-v2 {
    position: fixed;

    z-index: 60;

    inset-block: 0;
    inset-inline-start: 0;

    width: 246px;

    overflow-y: auto;

    padding:
        20px 14px;

    color: #fff;

    background:
        var(--aqark-navy);
}

.aqark-dashboard-brand-v2 {
    min-height: 50px;

    display: flex;
    align-items: center;

    padding-inline: 10px;

    margin-bottom: 15px;
}

.aqark-dashboard-brand-v2__fallback {
    color: #fff;

    font-size: 22px;
    font-weight: 950;

    letter-spacing: .4px;
}

.aqark-dashboard-nav-v2 {
    display: grid;

    gap: 4px;
}

.aqark-dashboard-nav-v2__item {
    position: relative;

    min-height: 43px;

    display: flex;
    align-items: center;

    gap: 10px;

    padding:
        0 10px;

    border-radius:
        var(--aqark-radius-md);

    color:
        rgba(255, 255, 255, .76);

    font-size: 10px;
    font-weight: 760;

    text-decoration: none;
}

.aqark-dashboard-nav-v2__item:hover,
.aqark-dashboard-nav-v2__item.is-active {
    color: #fff;

    background:
        rgba(255, 255, 255, .10);
}

.aqark-dashboard-nav-v2__icon {
    width: 28px;
    height: 28px;

    flex: 0 0 auto;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 9px;

    color: #fff;

    background:
        rgba(255, 255, 255, .08);

    font-size: 8px;
    font-weight: 900;
}

.aqark-dashboard-nav-v2__badge {
    margin-inline-start: auto;

    min-width: 20px;
    height: 20px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius:
        var(--aqark-radius-pill);

    color: #fff;

    background:
        var(--aqark-blue);

    font-size: 8px;
    font-weight: 900;
}

.aqark-dashboard-nav-v2__divider {
    height: 1px;

    margin:
        8px 6px;

    background:
        rgba(255, 255, 255, .10);
}

.aqark-dashboard-nav-v2__item--logout {
    margin-top: 4px;

    color:
        rgba(255, 255, 255, .63);
}


/* Content */

.aqark-dashboard-content-v2 {
    grid-column: 2;

    min-width: 0;

    padding-top: 68px;
}


/* Topbar */

.aqark-dashboard-topbar-v2 {
    position: fixed;

    z-index: 50;

    inset-inline-start: 246px;
    inset-inline-end: 0;
    top: 0;

    height: 68px;

    display: flex;
    align-items: center;

    gap: 20px;

    padding:
        0 24px;

    border-bottom:
        1px solid
        var(--aqark-border);

    background:
        rgba(255, 255, 255, .97);
}

.aqark-dashboard-topbar-v2__mobile-brand {
    display: none;
}

.aqark-dashboard-search-v2 {
    width: min(430px, 46vw);
    height: 40px;

    display: flex;
    align-items: center;

    gap: 8px;

    padding:
        0 12px;

    border:
        1px solid
        var(--aqark-border);

    border-radius:
        var(--aqark-radius-pill);

    background:
        var(--aqark-bg);
}

.aqark-dashboard-search-v2__icon {
    color:
        var(--aqark-muted);

    font-size: 9px;
    font-weight: 900;
}

.aqark-dashboard-search-v2 input {
    width: 100%;

    border: 0;
    outline: 0;

    color:
        var(--aqark-navy);

    background:
        transparent;

    font-size: 10px;
}

.aqark-dashboard-topbar-v2__actions {
    margin-inline-start: auto;

    display: flex;
    align-items: center;

    gap: 8px;
}

.aqark-dashboard-topbar-v2__country,
.aqark-dashboard-topbar-v2__notification {
    position: relative;

    width: 38px;
    height: 38px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border:
        1px solid
        var(--aqark-border);

    border-radius: 50%;

    color:
        var(--aqark-navy);

    background: #fff;

    font-size: 9px;
    font-weight: 900;

    cursor: pointer;
}

.aqark-dashboard-topbar-v2__notification > span {
    position: absolute;

    inset-inline-end: -2px;
    top: -2px;

    width: 17px;
    height: 17px;

    display: flex;
    align-items: center;
    justify-content: center;

    border:
        2px solid #fff;

    border-radius: 50%;

    color: #fff;

    background:
        var(--aqark-blue);

    font-size: 7px;
}

.aqark-dashboard-user-v2 {
    display: flex;
    align-items: center;

    gap: 8px;

    padding:
        4px 9px 4px 4px;

    border:
        1px solid
        var(--aqark-border);

    border-radius:
        var(--aqark-radius-pill);

    color:
        var(--aqark-navy);

    background: #fff;

    cursor: pointer;
}

[dir="rtl"] .aqark-dashboard-user-v2 {
    padding:
        4px 4px 4px 9px;
}

.aqark-dashboard-user-v2__avatar {
    width: 30px;
    height: 30px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    color: #fff;

    background:
        var(--aqark-navy);

    font-size: 9px;
    font-weight: 900;
}

.aqark-dashboard-user-v2__copy {
    text-align: start;
}

.aqark-dashboard-user-v2__copy strong,
.aqark-dashboard-user-v2__copy small {
    display: block;
}

.aqark-dashboard-user-v2__copy strong {
    font-size: 9px;
}

.aqark-dashboard-user-v2__copy small {
    margin-top: 2px;

    color:
        var(--aqark-muted);

    font-size: 7px;
}


/* Overview */

.aqark-dashboard-main-v2,
.aqark-dashboard-subpage-v2 {
    max-width: 1500px;

    margin-inline: auto;

    padding:
        25px;
}

.aqark-dashboard-heading-v2,
.aqark-dashboard-subpage-v2__heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;

    gap: 20px;

    margin-bottom: 20px;
}

.aqark-dashboard-heading-v2__eyebrow {
    color:
        var(--aqark-blue);

    font-size: 9px;
    font-weight: 900;

    text-transform: uppercase;
}

.aqark-dashboard-heading-v2 h1,
.aqark-dashboard-subpage-v2__heading h1 {
    margin:
        5px 0 5px;

    color:
        var(--aqark-navy);

    font-size:
        clamp(
            24px,
            3vw,
            34px
        );
}

.aqark-dashboard-heading-v2 p {
    margin: 0;

    color:
        var(--aqark-muted);

    font-size: 10px;
}

.aqark-dashboard-add-property-v2 {
    min-width: 132px;
}


/* Stats */

.aqark-dashboard-stat-grid-v2 {
    display: grid;

    grid-template-columns:
        repeat(
            4,
            minmax(0, 1fr)
        );

    gap: 12px;

    margin-bottom: 15px;
}

.aqark-dashboard-stat-card-v2 {
    padding: 17px;
}

.aqark-dashboard-stat-card-v2__label {
    color:
        var(--aqark-muted);

    font-size: 9px;
    font-weight: 760;
}

.aqark-dashboard-stat-card-v2 > strong {
    display: block;

    margin:
        8px 0 5px;

    color:
        var(--aqark-navy);

    font-size: 28px;
}

.aqark-dashboard-stat-card-v2 > small {
    color:
        var(--aqark-success);

    font-size: 8px;
    font-weight: 800;
}


/* Main dashboard grid */

.aqark-dashboard-grid-v2 {
    display: grid;

    grid-template-columns:
        minmax(0, 1.45fr)
        minmax(300px, .8fr);

    gap: 14px;
}

.aqark-dashboard-panel-v2 {
    min-width: 0;

    padding: 17px;
}

.aqark-dashboard-panel-v2__heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;

    gap: 12px;

    margin-bottom: 13px;
}

.aqark-dashboard-panel-v2__heading h2 {
    margin: 0;

    color:
        var(--aqark-navy);

    font-size: 15px;
}

.aqark-dashboard-panel-v2__heading p {
    margin:
        4px 0 0;

    color:
        var(--aqark-muted);

    font-size: 8px;
}

.aqark-dashboard-panel-v2__heading a {
    color:
        var(--aqark-blue);

    font-size: 8px;
    font-weight: 850;

    text-decoration: none;
}


/* Recent leads */

.aqark-dashboard-lead-table-v2 {
    display: grid;
}

.aqark-dashboard-lead-row-v2 {
    display: grid;

    grid-template-columns:
        minmax(180px, 1.5fr)
        .55fr
        .45fr
        auto;

    gap: 10px;

    align-items: center;

    min-height: 62px;

    padding:
        8px 0;

    border-bottom:
        1px solid
        var(--aqark-border);

    color:
        var(--aqark-muted);

    font-size: 8px;
}

.aqark-dashboard-lead-row-v2:last-child {
    border-bottom: 0;
}

.aqark-dashboard-lead-row-v2__person {
    display: flex;
    align-items: center;

    gap: 9px;
}

.aqark-dashboard-lead-row-v2__avatar {
    width: 34px;
    height: 34px;

    flex: 0 0 auto;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    color: #fff;

    background:
        var(--aqark-navy);

    font-size: 8px;
    font-weight: 900;
}

.aqark-dashboard-lead-row-v2__person strong,
.aqark-dashboard-lead-row-v2__person span {
    display: block;
}

.aqark-dashboard-lead-row-v2__person strong {
    color:
        var(--aqark-navy);

    font-size: 9px;
}

.aqark-dashboard-lead-row-v2__person span {
    margin-top: 3px;

    color:
        var(--aqark-muted);

    font-size: 7px;
}

.aqark-dashboard-lead-status-v2 {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: fit-content;

    min-height: 23px;

    padding:
        0 8px;

    border-radius:
        var(--aqark-radius-pill);

    color:
        var(--aqark-blue);

    background:
        rgba(33, 100, 243, .09);

    font-size: 7px;
    font-weight: 900;
}


/* Chart */

.aqark-dashboard-chart-v2 {
    min-height: 230px;

    display: flex;
    align-items: flex-end;

    padding:
        16px 5px 8px;
}

.aqark-dashboard-chart-v2__bars {
    width: 100%;
    height: 190px;

    display: flex;
    align-items: flex-end;
    justify-content: space-around;

    gap: 8px;

    border-bottom:
        1px solid
        var(--aqark-border);
}

.aqark-dashboard-chart-v2__bar {
    width: 11%;

    min-width: 17px;

    border-radius:
        8px 8px 3px 3px;

    background:
        var(--aqark-blue);
}

.aqark-dashboard-chart-v2__bar--1 {
    height: 42%;
}

.aqark-dashboard-chart-v2__bar--2 {
    height: 63%;
}

.aqark-dashboard-chart-v2__bar--3 {
    height: 54%;
}

.aqark-dashboard-chart-v2__bar--4 {
    height: 78%;
}

.aqark-dashboard-chart-v2__bar--5 {
    height: 68%;
}

.aqark-dashboard-chart-v2__bar--6 {
    height: 90%;
}


/* Role panel */

.aqark-dashboard-role-panel-v2 {
    margin-top: 14px;

    padding: 17px;
}

.aqark-dashboard-role-stats-v2 {
    display: grid;

    grid-template-columns:
        repeat(
            3,
            minmax(0, 1fr)
        );

    gap: 10px;
}

.aqark-dashboard-role-stats-v2 > div {
    padding: 13px;

    border:
        1px solid
        var(--aqark-border);

    border-radius:
        var(--aqark-radius-md);

    background:
        var(--aqark-bg);
}

.aqark-dashboard-role-stats-v2 span,
.aqark-dashboard-role-stats-v2 strong {
    display: block;
}

.aqark-dashboard-role-stats-v2 span {
    color:
        var(--aqark-muted);

    font-size: 8px;
}

.aqark-dashboard-role-stats-v2 strong {
    margin-top: 5px;

    color:
        var(--aqark-navy);

    font-size: 18px;
}


/* Listings */

.aqark-dashboard-listing-table-v2 {
    overflow: hidden;

    padding: 0;
}

.aqark-dashboard-listing-toolbar-v2 {
    display: grid;

    grid-template-columns:
        minmax(220px, 1fr)
        160px
        140px;

    gap: 8px;

    padding: 14px;

    border-bottom:
        1px solid
        var(--aqark-border);
}

.aqark-dashboard-listing-row-v2 {
    display: grid;

    grid-template-columns:
        78px
        minmax(180px, 1.2fr)
        minmax(120px, .6fr)
        80px
        minmax(120px, .6fr)
        auto;

    gap: 12px;

    align-items: center;

    padding: 12px 14px;

    border-bottom:
        1px solid
        var(--aqark-border);
}

.aqark-dashboard-listing-row-v2:last-child {
    border-bottom: 0;
}

.aqark-dashboard-listing-row-v2__media {
    width: 78px;
    height: 58px;

    border-radius:
        var(--aqark-radius-md);

    background:
        linear-gradient(
            135deg,
            #e8edf4,
            #dce4ed
        );
}

.aqark-dashboard-listing-row-v2__copy strong,
.aqark-dashboard-listing-row-v2__copy span {
    display: block;
}

.aqark-dashboard-listing-row-v2__copy strong {
    color:
        var(--aqark-navy);

    font-size: 9px;
}

.aqark-dashboard-listing-row-v2__copy span {
    margin-top: 4px;

    color:
        var(--aqark-muted);

    font-size: 7px;
}

.aqark-dashboard-listing-row-v2__price {
    color:
        var(--aqark-blue);

    font-size: 10px;
}

.aqark-dashboard-listing-status-v2 {
    display: inline-flex;

    width: fit-content;

    padding:
        5px 8px;

    border-radius:
        var(--aqark-radius-pill);

    color:
        var(--aqark-success);

    background:
        rgba(18, 166, 106, .08);

    font-size: 7px;
    font-weight: 900;
}

.aqark-dashboard-listing-row-v2__metrics {
    color:
        var(--aqark-muted);

    font-size: 7px;
}

.aqark-dashboard-listing-row-v2__metrics span {
    display: block;

    margin-block: 2px;
}


/* Leads / messages */

.aqark-dashboard-lead-layout-v2 {
    display: grid;

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

    gap: 12px;

    min-height: 620px;
}

.aqark-dashboard-lead-inbox-v2,
.aqark-dashboard-message-panel-v2 {
    overflow: hidden;
}

.aqark-dashboard-lead-inbox-v2__filters {
    display: flex;

    gap: 5px;

    overflow-x: auto;

    padding: 12px;

    border-bottom:
        1px solid
        var(--aqark-border);
}

.aqark-dashboard-lead-inbox-v2__filters button {
    min-height: 31px;

    flex: 0 0 auto;

    padding:
        0 10px;

    border:
        1px solid
        var(--aqark-border);

    border-radius:
        var(--aqark-radius-pill);

    color:
        var(--aqark-muted);

    background: #fff;

    font-size: 8px;
    font-weight: 800;
}

.aqark-dashboard-lead-inbox-v2__filters button.is-active {
    color: #fff;

    border-color:
        var(--aqark-blue);

    background:
        var(--aqark-blue);
}

.aqark-dashboard-lead-item-v2 {
    display: grid;

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

    gap: 9px;

    align-items: center;

    padding: 12px;

    border-bottom:
        1px solid
        var(--aqark-border);
}

.aqark-dashboard-lead-item-v2__avatar {
    width: 38px;
    height: 38px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    color: #fff;

    background:
        var(--aqark-navy);

    font-size: 8px;
    font-weight: 900;
}

.aqark-dashboard-lead-item-v2 strong,
.aqark-dashboard-lead-item-v2 span,
.aqark-dashboard-lead-item-v2 small {
    display: block;
}

.aqark-dashboard-lead-item-v2 strong {
    color:
        var(--aqark-navy);

    font-size: 9px;
}

.aqark-dashboard-lead-item-v2 div > span {
    margin-top: 3px;

    overflow: hidden;

    color:
        var(--aqark-muted);

    font-size: 7px;

    text-overflow: ellipsis;
    white-space: nowrap;
}

.aqark-dashboard-lead-item-v2 small {
    margin-top: 3px;

    color:
        var(--aqark-muted);

    font-size: 6px;
}

.aqark-dashboard-message-panel-v2 {
    display: grid;

    grid-template-rows:
        auto
        1fr
        auto;
}

.aqark-dashboard-message-panel-v2__header {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 10px;

    padding: 14px;

    border-bottom:
        1px solid
        var(--aqark-border);
}

.aqark-dashboard-message-panel-v2__header strong,
.aqark-dashboard-message-panel-v2__header span {
    display: block;
}

.aqark-dashboard-message-panel-v2__header strong {
    font-size: 10px;
}

.aqark-dashboard-message-panel-v2__header span {
    margin-top: 3px;

    color:
        var(--aqark-muted);

    font-size: 7px;
}

.aqark-dashboard-message-thread-v2 {
    display: flex;
    flex-direction: column;

    gap: 9px;

    padding: 17px;

    background:
        var(--aqark-bg);
}

.aqark-dashboard-message-v2 {
    max-width: 72%;

    padding:
        10px 12px;

    border-radius:
        var(--aqark-radius-lg);

    font-size: 9px;
    line-height: 1.5;
}

.aqark-dashboard-message-v2--incoming {
    align-self: flex-start;

    color:
        var(--aqark-navy);

    background: #fff;
}

.aqark-dashboard-message-v2--outgoing {
    align-self: flex-end;

    color: #fff;

    background:
        var(--aqark-blue);
}

.aqark-dashboard-message-compose-v2 {
    display: grid;

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

    gap: 8px;

    padding: 12px;

    border-top:
        1px solid
        var(--aqark-border);
}


/* Mobile nav */

.aqark-dashboard-mobile-nav-v2 {
    display: none;
}


@media (max-width: 1100px) {

    .aqark-dashboard-stat-grid-v2 {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );
    }

    .aqark-dashboard-grid-v2 {
        grid-template-columns: 1fr;
    }

    .aqark-dashboard-listing-row-v2 {
        grid-template-columns:
            70px
            minmax(170px, 1fr)
            110px
            70px
            auto;
    }

    .aqark-dashboard-listing-row-v2__metrics {
        display: none;
    }

}


@media (max-width: 760px) {

    .aqark-dashboard-layout-v2 {
        display: block;
    }

    .aqark-dashboard-sidebar-v2 {
        display: none;
    }

    .aqark-dashboard-content-v2 {
        min-height: 100vh;

        padding:
            62px 0 84px;
    }

    .aqark-dashboard-topbar-v2 {
        inset-inline-start: 0;

        height: 62px;

        gap: 10px;

        padding:
            0 13px;
    }

    .aqark-dashboard-topbar-v2__mobile-brand {
        display: block;

        color:
            var(--aqark-navy);

        font-size: 16px;
    }

    .aqark-dashboard-search-v2 {
        display: none;
    }

    .aqark-dashboard-user-v2__copy {
        display: none;
    }

    .aqark-dashboard-main-v2,
    .aqark-dashboard-subpage-v2 {
        padding:
            17px 13px;
    }

    .aqark-dashboard-heading-v2,
    .aqark-dashboard-subpage-v2__heading {
        display: grid;

        gap: 12px;
    }

    .aqark-dashboard-heading-v2 h1,
    .aqark-dashboard-subpage-v2__heading h1 {
        font-size: 23px;
    }

    .aqark-dashboard-add-property-v2,
    .aqark-dashboard-subpage-v2__heading > .aqark-btn {
        width: 100%;
    }

    .aqark-dashboard-stat-grid-v2 {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );

        gap: 8px;
    }

    .aqark-dashboard-stat-card-v2 {
        padding: 13px;
    }

    .aqark-dashboard-stat-card-v2 > strong {
        font-size: 23px;
    }

    .aqark-dashboard-lead-row-v2 {
        grid-template-columns:
            minmax(0, 1fr)
            auto;

        gap: 7px;
    }

    .aqark-dashboard-lead-row-v2 > span:not(.aqark-dashboard-lead-status-v2) {
        display: none;
    }

    .aqark-dashboard-lead-row-v2 > .aqark-btn {
        display: none;
    }

    .aqark-dashboard-role-stats-v2 {
        grid-template-columns: 1fr;
    }

    .aqark-dashboard-listing-toolbar-v2 {
        grid-template-columns: 1fr;
    }

    .aqark-dashboard-listing-row-v2 {
        grid-template-columns:
            70px
            minmax(0, 1fr)
            auto;

        gap: 9px;
    }

    .aqark-dashboard-listing-row-v2__price,
    .aqark-dashboard-listing-status-v2 {
        grid-column: 2;
    }

    .aqark-dashboard-listing-row-v2 > .aqark-btn {
        grid-column: 3;
        grid-row:
            1 / span 3;
    }

    .aqark-dashboard-lead-layout-v2 {
        display: block;

        min-height: 0;
    }

    .aqark-dashboard-message-panel-v2 {
        display: none;
    }

    .aqark-dashboard-mobile-nav-v2 {
        position: fixed;

        z-index: 80;

        inset-inline: 0;
        bottom: 0;

        min-height: 68px;

        display: grid;

        grid-template-columns:
            repeat(
                5,
                1fr
            );

        align-items: end;

        padding:
            7px 7px 8px;

        border-top:
            1px solid
            var(--aqark-border);

        background:
            rgba(255, 255, 255, .98);

        box-shadow:
            0 -7px 26px
            rgba(11, 30, 65, .07);
    }

    .aqark-dashboard-mobile-nav-v2 > a {
        min-height: 47px;

        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;

        gap: 3px;

        color:
            var(--aqark-muted);

        font-size: 10px;

        text-decoration: none;
    }

    .aqark-dashboard-mobile-nav-v2 > a.is-active {
        color:
            var(--aqark-blue);
    }

    .aqark-dashboard-mobile-nav-v2 > a small {
        font-size: 7px;
        font-weight: 800;
    }

    .aqark-dashboard-mobile-nav-v2__add {
        width: 52px;
        height: 52px;

        min-height: 52px
            !important;

        margin:
            -20px auto 0;

        border:
            5px solid
            var(--aqark-bg);

        border-radius: 50%;

        color: #fff
            !important;

        background:
            var(--aqark-blue);

        box-shadow:
            var(--aqark-shadow-md);

        font-size: 23px
            !important;
        font-weight: 500;
    }

}


/* Phase 22-A7 admin and location management */

.aqark-admin-v2 {
    min-height: 100vh;
    background: var(--aqark-bg);
}

.aqark-admin-layout-v2 {
    min-height: 100vh;
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr);
}

.aqark-admin-sidebar-v2 {
    position: fixed;
    inset-block: 0;
    inset-inline-start: 0;
    width: 260px;
    overflow-y: auto;
    padding: 18px 14px;
    color: #fff;
    background: var(--aqark-navy);
}

.aqark-admin-brand-v2 {
    min-height: 52px;
    display: flex;
    align-items: center;
    padding-inline: 10px;
}

.aqark-admin-brand-v2__fallback {
    font-size: 22px;
    font-weight: 950;
}

.aqark-admin-role-v2 {
    margin: 10px 4px 14px;
    padding: 9px 10px;
    border-radius: var(--aqark-radius-md);
    background: rgba(255,255,255,.08);
    font-size: 9px;
    font-weight: 900;
}

.aqark-admin-nav-v2 {
    display: grid;
    gap: 3px;
}

.aqark-admin-nav-v2 a {
    min-height: 39px;
    display: flex;
    align-items: center;
    padding-inline: 10px;
    border-radius: var(--aqark-radius-md);
    color: rgba(255,255,255,.72);
    text-decoration: none;
    font-size: 9px;
    font-weight: 760;
}

.aqark-admin-nav-v2 a.is-active,
.aqark-admin-nav-v2 a:hover {
    color: #fff;
    background: rgba(255,255,255,.10);
}

.aqark-admin-content-v2 {
    grid-column: 2;
    min-width: 0;
    padding-top: 66px;
}

.aqark-admin-topbar-v2 {
    position: fixed;
    z-index: 50;
    inset-inline-start: 260px;
    inset-inline-end: 0;
    top: 0;
    height: 66px;
    display: flex;
    align-items: center;
    gap: 15px;
    padding-inline: 22px;
    border-bottom: 1px solid var(--aqark-border);
    background: rgba(255,255,255,.98);
}

.aqark-admin-search-v2 {
    width: min(430px, 45vw);
}

.aqark-admin-search-v2 input {
    width: 100%;
    min-height: 39px;
    padding-inline: 13px;
    border: 1px solid var(--aqark-border);
    border-radius: var(--aqark-radius-pill);
    background: var(--aqark-bg);
}

.aqark-admin-topbar-v2__actions {
    margin-inline-start: auto;
    display: flex;
    align-items: center;
    gap: 8px;
}

.aqark-admin-topbar-v2__actions button,
.aqark-admin-country-chip-v2 {
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    padding-inline: 10px;
    border: 1px solid var(--aqark-border);
    border-radius: var(--aqark-radius-pill);
    background: #fff;
    color: var(--aqark-navy);
    font-size: 8px;
    font-weight: 800;
}

.aqark-admin-main-v2,
.aqark-admin-subpage-v2 {
    max-width: 1500px;
    margin-inline: auto;
    padding: 24px;
}

.aqark-admin-heading-v2 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 18px;
}

.aqark-admin-heading-v2 > div > span {
    color: var(--aqark-blue);
    font-size: 8px;
    font-weight: 900;
    text-transform: uppercase;
}

.aqark-admin-heading-v2 h1 {
    margin: 5px 0;
    color: var(--aqark-navy);
    font-size: clamp(24px, 3vw, 34px);
}

.aqark-admin-heading-v2 p {
    margin: 0;
    color: var(--aqark-muted);
    font-size: 9px;
}

.aqark-admin-stat-grid-v2 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 12px;
    margin-bottom: 14px;
}

.aqark-admin-stat-card-v2 {
    padding: 17px;
}

.aqark-admin-stat-card-v2 span,
.aqark-admin-stat-card-v2 strong {
    display: block;
}

.aqark-admin-stat-card-v2 span {
    color: var(--aqark-muted);
    font-size: 8px;
}

.aqark-admin-stat-card-v2 strong {
    margin-top: 7px;
    font-size: 25px;
}

.aqark-admin-grid-v2 {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 12px;
}

.aqark-admin-panel-v2 {
    padding: 18px;
}

.aqark-admin-panel-v2 h2 {
    margin: 0 0 8px;
    font-size: 15px;
}

.aqark-admin-panel-v2 p {
    margin: 0;
    color: var(--aqark-muted);
    font-size: 9px;
    line-height: 1.7;
}

.aqark-admin-safety-list-v2 {
    display: grid;
    gap: 8px;
    font-size: 9px;
}


/* RBAC */

.aqark-rbac-table-v2,
.aqark-staff-table-v2 {
    overflow: hidden;
}

.aqark-rbac-row-v2 {
    display: grid;
    grid-template-columns: 180px 130px minmax(260px,1fr) 120px;
    gap: 12px;
    padding: 13px 15px;
    border-bottom: 1px solid var(--aqark-border);
    align-items: center;
    font-size: 8px;
}

.aqark-rbac-row-v2--head {
    background: var(--aqark-bg);
    font-weight: 900;
}

.aqark-rbac-row-v2 strong {
    font-size: 9px;
}


/* Builder */

.aqark-builder-layout-v2 {
    display: grid;
    grid-template-columns: 220px minmax(0,1fr) 260px;
    gap: 12px;
}

.aqark-builder-tools-v2,
.aqark-builder-properties-v2,
.aqark-builder-canvas-v2 {
    padding: 14px;
}

.aqark-builder-tools-v2 h2,
.aqark-builder-properties-v2 h2 {
    margin: 0 0 10px;
    font-size: 13px;
}

.aqark-builder-tools-v2 {
    display: grid;
    align-content: start;
    gap: 6px;
}

.aqark-builder-tools-v2 button {
    min-height: 34px;
    border: 1px solid var(--aqark-border);
    border-radius: var(--aqark-radius-md);
    background: #fff;
    text-align: start;
    font-size: 8px;
}

.aqark-builder-canvas-v2__toolbar {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding-bottom: 11px;
    border-bottom: 1px solid var(--aqark-border);
}

.aqark-builder-canvas-v2__toolbar button {
    min-height: 29px;
    border: 1px solid var(--aqark-border);
    border-radius: var(--aqark-radius-md);
    background: #fff;
    font-size: 7px;
}

.aqark-builder-preview-v2 {
    display: grid;
    gap: 10px;
    padding-top: 12px;
}

.aqark-builder-preview-v2 section {
    padding: 18px;
    border: 1px dashed var(--aqark-border);
    border-radius: var(--aqark-radius-md);
    background: var(--aqark-bg);
}

.aqark-builder-preview-v2 span,
.aqark-builder-preview-v2 strong {
    display: block;
}

.aqark-builder-preview-v2 span {
    color: var(--aqark-blue);
    font-size: 8px;
}

.aqark-builder-preview-v2 strong {
    margin-top: 5px;
    font-size: 10px;
}

.aqark-builder-properties-v2 label {
    display: grid;
    gap: 5px;
    margin-bottom: 10px;
    color: var(--aqark-muted);
    font-size: 8px;
}


/* Locations */

.aqark-location-admin-layout-v2 {
    display: grid;
    grid-template-columns: 270px minmax(0,1fr);
    gap: 12px;
}

.aqark-location-tree-v2,
.aqark-location-editor-v2 {
    padding: 15px;
}

.aqark-location-tree-v2 h2 {
    margin: 0 0 11px;
    font-size: 13px;
}

.aqark-location-node-v2 {
    min-height: 34px;
    display: flex;
    align-items: center;
    margin-bottom: 4px;
    padding-inline: 9px;
    border-radius: var(--aqark-radius-md);
    font-size: 8px;
}

.aqark-location-node-v2.is-active {
    color: var(--aqark-blue);
    background: rgba(33,100,243,.08);
}

.aqark-location-node-v2--l2 {
    margin-inline-start: 14px;
}

.aqark-location-node-v2--l3 {
    margin-inline-start: 28px;
}

.aqark-location-node-v2--l4 {
    margin-inline-start: 42px;
}

.aqark-location-editor-v2__heading {
    display: flex;
    justify-content: space-between;
    margin-bottom: 13px;
}

.aqark-location-editor-v2__heading h2 {
    margin: 0;
    font-size: 15px;
}

.aqark-location-editor-v2__heading span {
    color: var(--aqark-muted);
    font-size: 8px;
}

.aqark-location-form-grid-v2,
.aqark-location-geo-grid-v2,
.aqark-map-settings-grid-v2 {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 10px;
}

.aqark-location-form-grid-v2 label,
.aqark-location-geo-grid-v2 label,
.aqark-map-settings-grid-v2 label {
    display: grid;
    gap: 5px;
    color: var(--aqark-muted);
    font-size: 8px;
}

.aqark-location-map-shell-v2 {
    min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-block: 14px;
    border: 1px solid var(--aqark-border);
    border-radius: var(--aqark-radius-lg);
    background:
        linear-gradient(
            135deg,
            #eaf0f6,
            #dce5ee
        );
    text-align: center;
}

.aqark-location-map-shell-v2 strong,
.aqark-location-map-shell-v2 span {
    display: block;
}

.aqark-location-map-shell-v2 span {
    margin-top: 5px;
    color: var(--aqark-muted);
    font-size: 8px;
}

.aqark-map-settings-v2 {
    padding: 18px;
}


/* Payment review */

.aqark-receipt-review-v2 {
    padding: 18px;
}

.aqark-receipt-review-v2__summary {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 10px;
    margin-bottom: 14px;
}

.aqark-receipt-review-v2__summary > div {
    padding: 12px;
    border: 1px solid var(--aqark-border);
    border-radius: var(--aqark-radius-md);
    background: var(--aqark-bg);
}

.aqark-receipt-review-v2__summary span,
.aqark-receipt-review-v2__summary strong {
    display: block;
}

.aqark-receipt-review-v2__summary span {
    color: var(--aqark-muted);
    font-size: 7px;
}

.aqark-receipt-review-v2__summary strong {
    margin-top: 4px;
    font-size: 10px;
}

.aqark-receipt-review-layout-v2 {
    display: grid;
    grid-template-columns: minmax(300px,.9fr) minmax(0,1.1fr);
    gap: 14px;
}

.aqark-receipt-preview-v2 {
    min-height: 380px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--aqark-radius-lg);
    background: var(--aqark-bg);
    color: var(--aqark-muted);
    font-size: 9px;
}

.aqark-receipt-analysis-v2 h2 {
    margin-top: 0;
    font-size: 14px;
}

.aqark-receipt-signal-v2 {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    padding: 10px 0;
    border-bottom: 1px solid var(--aqark-border);
    font-size: 8px;
}

.aqark-receipt-actions-v2 {
    display: flex;
    gap: 7px;
    flex-wrap: wrap;
    margin-top: 15px;
}

.aqark-receipt-lifecycle-v2 {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-top: 16px;
}

.aqark-receipt-lifecycle-v2 span {
    padding: 7px 9px;
    border: 1px solid var(--aqark-border);
    border-radius: var(--aqark-radius-pill);
    font-size: 7px;
}


/* Staff */

.aqark-staff-row-v2 {
    display: grid;
    grid-template-columns: 1.2fr 1fr 1fr .6fr;
    gap: 10px;
    padding: 13px 15px;
    border-bottom: 1px solid var(--aqark-border);
    font-size: 8px;
}

.aqark-staff-row-v2--head {
    background: var(--aqark-bg);
    font-weight: 900;
}


@media (max-width: 1100px) {

    .aqark-admin-stat-grid-v2 {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

    .aqark-builder-layout-v2 {
        grid-template-columns: 190px minmax(0,1fr);
    }

    .aqark-builder-properties-v2 {
        grid-column: 1 / -1;
    }

}


@media (max-width: 760px) {

    .aqark-admin-layout-v2 {
        display: block;
    }

    .aqark-admin-sidebar-v2 {
        display: none;
    }

    .aqark-admin-content-v2 {
        padding-top: 62px;
    }

    .aqark-admin-topbar-v2 {
        inset-inline-start: 0;
        height: 62px;
        padding-inline: 12px;
    }

    .aqark-admin-search-v2 {
        width: 42%;
    }

    .aqark-admin-country-chip-v2 {
        display: none;
    }

    .aqark-admin-main-v2,
    .aqark-admin-subpage-v2 {
        padding: 15px 12px 80px;
    }

    .aqark-admin-heading-v2 {
        display: grid;
    }

    .aqark-admin-stat-grid-v2,
    .aqark-admin-grid-v2 {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

    .aqark-rbac-row-v2 {
        grid-template-columns: 1fr;
    }

    .aqark-builder-layout-v2 {
        display: block;
    }

    .aqark-builder-tools-v2,
    .aqark-builder-properties-v2 {
        margin-bottom: 10px;
    }

    .aqark-location-admin-layout-v2 {
        display: block;
    }

    .aqark-location-tree-v2 {
        margin-bottom: 10px;
    }

    .aqark-location-form-grid-v2,
    .aqark-location-geo-grid-v2,
    .aqark-map-settings-grid-v2 {
        grid-template-columns: 1fr;
    }

    .aqark-receipt-review-v2__summary {
        grid-template-columns: 1fr;
    }

    .aqark-receipt-review-layout-v2 {
        display: block;
    }

    .aqark-receipt-preview-v2 {
        min-height: 250px;
        margin-bottom: 12px;
    }

    .aqark-staff-row-v2 {
        grid-template-columns: 1fr;
    }

}


/* Phase 22-A8 dashboard commercial and editor tools */

.aqark-growth-current-plan-v2 {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 10px;
    padding: 16px;
    margin-bottom: 15px;
}

.aqark-growth-current-plan-v2 span,
.aqark-growth-current-plan-v2 strong {
    display: block;
}

.aqark-growth-current-plan-v2 span {
    color: var(--aqark-muted);
    font-size: 8px;
}

.aqark-growth-current-plan-v2 strong {
    margin-top: 5px;
    font-size: 13px;
}

.aqark-package-tabs-v2 {
    display: flex;
    gap: 6px;
    margin-bottom: 12px;
}

.aqark-package-tabs-v2 button {
    min-height: 35px;
    padding-inline: 13px;
    border: 1px solid var(--aqark-border);
    border-radius: var(--aqark-radius-pill);
    background: #fff;
    color: var(--aqark-muted);
    font-size: 8px;
    font-weight: 800;
}

.aqark-package-tabs-v2 button.is-active {
    border-color: var(--aqark-blue);
    background: var(--aqark-blue);
    color: #fff;
}

.aqark-package-grid-v2 {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 12px;
}

.aqark-package-card-v2 {
    display: grid;
    gap: 9px;
    padding: 18px;
}

.aqark-package-card-v2__target {
    width: fit-content;
    padding: 5px 8px;
    border-radius: var(--aqark-radius-pill);
    color: var(--aqark-blue);
    background: rgba(33,100,243,.08);
    font-size: 7px;
    font-weight: 900;
}

.aqark-package-card-v2 h2 {
    margin: 0;
    font-size: 15px;
}

.aqark-package-card-v2 > strong {
    color: var(--aqark-blue);
    font-size: 17px;
}

.aqark-package-card-v2 > small {
    color: var(--aqark-muted);
    font-size: 7px;
}

.aqark-package-benefits-v2 {
    display: grid;
    gap: 6px;
    margin-block: 5px;
}

.aqark-package-benefits-v2 span {
    color: var(--aqark-muted);
    font-size: 8px;
}


/* Billing */

.aqark-billing-summary-grid-v2 {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 12px;
    margin-bottom: 14px;
}

.aqark-billing-summary-grid-v2 article {
    padding: 16px;
}

.aqark-billing-summary-grid-v2 span,
.aqark-billing-summary-grid-v2 strong {
    display: block;
}

.aqark-billing-summary-grid-v2 span {
    color: var(--aqark-muted);
    font-size: 8px;
}

.aqark-billing-summary-grid-v2 strong {
    margin-top: 5px;
    font-size: 13px;
}

.aqark-billing-table-v2 {
    overflow: hidden;
}

.aqark-billing-row-v2 {
    display: grid;
    grid-template-columns: 120px minmax(180px,1fr) 120px 130px auto;
    gap: 10px;
    align-items: center;
    padding: 12px 14px;
    border-bottom: 1px solid var(--aqark-border);
    font-size: 8px;
}

.aqark-billing-row-v2--head {
    background: var(--aqark-bg);
    font-weight: 900;
}


/* AI */

.aqark-ai-credit-strip-v2 {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 10px;
    margin-bottom: 14px;
    padding: 16px;
}

.aqark-ai-credit-strip-v2 span,
.aqark-ai-credit-strip-v2 strong {
    display: block;
}

.aqark-ai-credit-strip-v2 span {
    color: var(--aqark-muted);
    font-size: 8px;
}

.aqark-ai-credit-strip-v2 strong {
    margin-top: 5px;
    font-size: 13px;
}

.aqark-ai-tool-grid-v2 {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 12px;
}

.aqark-ai-tool-card-v2 {
    display: grid;
    gap: 9px;
    padding: 18px;
}

.aqark-ai-tool-card-v2 > span {
    color: var(--aqark-blue);
    font-size: 7px;
    font-weight: 900;
}

.aqark-ai-tool-card-v2 h2 {
    margin: 0;
    font-size: 14px;
}

.aqark-ai-tool-card-v2 p {
    margin: 0;
    color: var(--aqark-muted);
    font-size: 8px;
    line-height: 1.6;
}

.aqark-ai-tool-card-v2 > strong {
    font-size: 12px;
}


/* Marketing */

.aqark-marketing-grid-v2 {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 12px;
    margin-bottom: 14px;
}

.aqark-marketing-card-v2 {
    padding: 16px;
}

.aqark-marketing-card-v2 h2 {
    margin: 0 0 7px;
    font-size: 13px;
}

.aqark-marketing-card-v2 p {
    min-height: 42px;
    margin: 0 0 9px;
    color: var(--aqark-muted);
    font-size: 8px;
    line-height: 1.55;
}

.aqark-marketing-card-v2 strong {
    color: var(--aqark-blue);
    font-size: 9px;
}

.aqark-campaign-table-v2 {
    overflow: hidden;
}

.aqark-campaign-row-v2 {
    display: grid;
    grid-template-columns: 1fr 1.4fr .8fr .6fr;
    gap: 10px;
    padding: 12px 14px;
    border-bottom: 1px solid var(--aqark-border);
    font-size: 8px;
}

.aqark-campaign-row-v2--head {
    background: var(--aqark-bg);
    font-weight: 900;
}


/* SEO */

.aqark-seo-score-v2 {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 17px;
    margin-bottom: 14px;
}

.aqark-seo-score-v2__meter {
    width: 62px;
    height: 62px;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 6px solid rgba(33,100,243,.16);
    border-radius: 50%;
    color: var(--aqark-blue);
    font-size: 18px;
    font-weight: 900;
}

.aqark-seo-score-v2 strong,
.aqark-seo-score-v2 span {
    display: block;
}

.aqark-seo-score-v2 span {
    margin-top: 4px;
    color: var(--aqark-muted);
    font-size: 8px;
}

.aqark-seo-grid-v2 {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 12px;
}

.aqark-seo-card-v2 {
    padding: 16px;
}

.aqark-seo-card-v2 h2 {
    margin: 0 0 6px;
    font-size: 13px;
}

.aqark-seo-card-v2 p {
    min-height: 42px;
    margin: 0 0 10px;
    color: var(--aqark-muted);
    font-size: 8px;
    line-height: 1.6;
}


/* Profile */

.aqark-profile-settings-layout-v2 {
    display: grid;
    grid-template-columns: 220px minmax(0,1fr);
    gap: 12px;
}

.aqark-profile-settings-nav-v2 {
    display: grid;
    align-content: start;
    gap: 5px;
    padding: 12px;
}

.aqark-profile-settings-nav-v2 button {
    min-height: 36px;
    border: 0;
    border-radius: var(--aqark-radius-md);
    background: transparent;
    color: var(--aqark-muted);
    text-align: start;
    font-size: 8px;
    font-weight: 800;
}

.aqark-profile-settings-nav-v2 button.is-active {
    color: var(--aqark-blue);
    background: rgba(33,100,243,.08);
}

.aqark-profile-settings-form-v2 {
    padding: 18px;
}

.aqark-profile-avatar-v2 {
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    border-radius: 50%;
    background: var(--aqark-navy);
    color: #fff;
    font-weight: 900;
}

.aqark-profile-form-grid-v2 {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 11px;
}

.aqark-profile-form-grid-v2 label {
    display: grid;
    gap: 5px;
    color: var(--aqark-muted);
    font-size: 8px;
}


/* Property editor */

.aqark-property-editor-actions-v2 {
    display: flex;
    gap: 7px;
    flex-wrap: wrap;
}

.aqark-property-editor-layout-v2 {
    display: grid;
    grid-template-columns: 220px minmax(0,1fr);
    gap: 12px;
}

.aqark-property-editor-steps-v2 {
    display: grid;
    align-content: start;
    gap: 5px;
    padding: 12px;
}

.aqark-property-editor-steps-v2 button {
    min-height: 38px;
    border: 0;
    border-radius: var(--aqark-radius-md);
    color: var(--aqark-muted);
    background: transparent;
    text-align: start;
    font-size: 8px;
    font-weight: 800;
}

.aqark-property-editor-steps-v2 button.is-active {
    color: var(--aqark-blue);
    background: rgba(33,100,243,.08);
}

.aqark-property-editor-form-v2 {
    padding: 18px;
}

.aqark-property-editor-form-v2 h2 {
    margin: 0 0 12px;
    font-size: 15px;
}

.aqark-property-form-grid-v2 {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 11px;
}

.aqark-property-form-grid-v2 label,
.aqark-property-editor-full-v2 {
    display: grid;
    gap: 5px;
    color: var(--aqark-muted);
    font-size: 8px;
}

.aqark-property-editor-divider-v2 {
    margin: 20px 0;
    border: 0;
    border-top: 1px solid var(--aqark-border);
}

.aqark-property-map-editor-v2 {
    min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-block: 14px;
    border: 1px solid var(--aqark-border);
    border-radius: var(--aqark-radius-lg);
    background:
        linear-gradient(
            135deg,
            #e9eff5,
            #dce5ee
        );
    text-align: center;
}

.aqark-property-map-editor-v2 strong,
.aqark-property-map-editor-v2 span {
    display: block;
}

.aqark-property-map-editor-v2 span {
    margin-top: 5px;
    color: var(--aqark-muted);
    font-size: 8px;
}


@media (max-width: 1100px) {

    .aqark-package-grid-v2,
    .aqark-ai-tool-grid-v2,
    .aqark-marketing-grid-v2 {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

}


@media (max-width: 760px) {

    .aqark-growth-current-plan-v2,
    .aqark-billing-summary-grid-v2,
    .aqark-ai-credit-strip-v2,
    .aqark-package-grid-v2,
    .aqark-ai-tool-grid-v2,
    .aqark-marketing-grid-v2,
    .aqark-seo-grid-v2 {
        grid-template-columns: 1fr;
    }

    .aqark-billing-row-v2,
    .aqark-campaign-row-v2 {
        grid-template-columns: 1fr;
    }

    .aqark-profile-settings-layout-v2,
    .aqark-property-editor-layout-v2 {
        display: block;
    }

    .aqark-profile-settings-nav-v2,
    .aqark-property-editor-steps-v2 {
        margin-bottom: 10px;
    }

    .aqark-profile-form-grid-v2,
    .aqark-property-form-grid-v2 {
        grid-template-columns: 1fr;
    }

    .aqark-property-editor-actions-v2 {
        display: grid;
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

    .aqark-property-map-editor-v2 {
        min-height: 230px;
    }

}


/* Phase 22-A9 quality hardening */

.aqark-v2 :where(
    a,
    button,
    input,
    select,
    textarea,
    [tabindex]
):focus-visible {
    outline:
        3px solid
        var(--aqark-blue);

    outline-offset:
        2px;
}

.aqark-v2 :where(
    button,
    input,
    select,
    textarea
):disabled {
    cursor: not-allowed;

    opacity: .58;
}

.aqark-v2 :where(
    input,
    select,
    textarea,
    button
) {
    font: inherit;
}

.aqark-v2 :where(
    input,
    select,
    textarea
) {
    max-width: 100%;
}

.aqark-v2 img,
.aqark-v2 svg,
.aqark-v2 video {
    max-width: 100%;
}

.aqark-v2 img,
.aqark-v2 video {
    height: auto;
}

.aqark-v2 :where(
    .aqark-dashboard-content-v2,
    .aqark-admin-content-v2,
    .aqark-dashboard-main-v2,
    .aqark-dashboard-subpage-v2,
    .aqark-admin-main-v2,
    .aqark-admin-subpage-v2
) {
    min-inline-size: 0;
}

.aqark-v2 :where(
    .aqark-card,
    .aqark-dashboard-panel-v2,
    .aqark-admin-panel-v2
) {
    min-inline-size: 0;
}

.aqark-v2 :where(
    h1,
    h2,
    h3,
    p,
    span,
    strong,
    small
) {
    overflow-wrap: anywhere;
}

.aqark-v2 [dir="rtl"],
[dir="rtl"] .aqark-v2 {
    text-align: start;
}

.aqark-v2 :where(
    .aqark-dashboard-lead-table-v2,
    .aqark-billing-table-v2,
    .aqark-campaign-table-v2,
    .aqark-rbac-table-v2,
    .aqark-staff-table-v2
) {
    max-inline-size: 100%;
}

@media (max-width: 760px) {

    .aqark-v2 :where(
        .aqark-dashboard-lead-table-v2,
        .aqark-billing-table-v2,
        .aqark-campaign-table-v2,
        .aqark-rbac-table-v2,
        .aqark-staff-table-v2
    ) {
        overflow-x: auto;
    }

    .aqark-v2 :where(
        .aqark-btn,
        button,
        input,
        select,
        textarea
    ) {
        min-height: 44px;
    }

}

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

    .aqark-v2 *,
    .aqark-v2 *::before,
    .aqark-v2 *::after {
        scroll-behavior: auto !important;

        animation-duration:
            .01ms !important;

        animation-iteration-count:
            1 !important;

        transition-duration:
            .01ms !important;
    }

}

@media (prefers-contrast: more) {

    .aqark-v2 :where(
        .aqark-card,
        input,
        select,
        textarea,
        button
    ) {
        border-width: 2px;
    }

}




/* ============================================================
   AQARK PHASE22 VISUAL REFINEMENT R2
   Product-led / bright / spacious / colorful
   Canonical AQARK brand remains authoritative.
   ============================================================ */

:root {
    /*
     * Canonical brand aliases.
     * ThemeService remains the source of truth.
     */
    --aq-r2-brand:
        var(--aqark-primary, #212356);

    --aq-r2-ink:
        var(--aqark-text, #0F172A);

    --aq-r2-muted:
        var(--aqark-muted, #64748B);

    --aq-r2-border:
        var(--aqark-border, #E2E8F0);

    --aq-r2-canvas:
        var(--aqark-background, #F8FAFC);

    --aq-r2-surface:
        var(--aqark-surface, #FFFFFF);

    /*
     * Semantic UI accents.
     * These do not replace AQARK brand colors.
     */
    --aq-r2-action: #2563EB;
    --aq-r2-action-strong: #1D4ED8;

    --aq-r2-sky: #EAF7FF;
    --aq-r2-sky-strong: #BAE6FD;

    --aq-r2-blue-soft: #EEF4FF;
    --aq-r2-indigo-soft: #EEF2FF;

    --aq-r2-green-soft: #ECFDF5;
    --aq-r2-green: #15803D;

    --aq-r2-amber-soft: #FFF7E6;
    --aq-r2-amber: #B7791F;

    --aq-r2-rose-soft: #FFF1F2;

    --aq-r2-purple-soft: #F5F3FF;

    --aq-r2-radius-xs: 8px;
    --aq-r2-radius-sm: 12px;
    --aq-r2-radius-md: 16px;
    --aq-r2-radius-lg: 20px;
    --aq-r2-radius-xl: 24px;
    --aq-r2-radius-2xl: 30px;

    --aq-r2-shadow-card:
        0 1px 2px rgba(15, 23, 42, .025),
        0 10px 32px rgba(15, 23, 42, .035);

    --aq-r2-shadow-float:
        0 18px 55px rgba(15, 23, 42, .10);

    --aq-r2-content:
        min(1280px, calc(100vw - 48px));

    --aq-r2-section-space:
        clamp(72px, 8vw, 124px);
}


/* ---------- Base canvas ---------- */

.aq-v2-page,
.aq-phase22-page,
.aq-r2-page {
    background:
        linear-gradient(
            180deg,
            #FFFFFF 0,
            var(--aq-r2-canvas) 520px,
            #F5F9FD 100%
        );

    color: var(--aq-r2-ink);
}

.aq-v2-container,
.aq-r2-container {
    width: var(--aq-r2-content);
    margin-inline: auto;
}

.aq-v2-section,
.aq-r2-section {
    padding-block: var(--aq-r2-section-space);
}


/* ---------- Typography ---------- */

.aq-v2-eyebrow,
.aq-r2-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    font-size: 11px;
    line-height: 1.2;
    font-weight: 800;

    letter-spacing: .10em;
    text-transform: uppercase;

    color: var(--aq-r2-action);
}

.aq-v2-title,
.aq-r2-display {
    margin: 0;

    max-width: 880px;

    font-size:
        clamp(42px, 5.4vw, 78px);

    line-height: .98;
    letter-spacing: -.055em;
    font-weight: 800;

    color: var(--aq-r2-ink);
}

.aq-r2-display strong,
.aq-r2-accent {
    color: var(--aq-r2-action);
}

.aq-v2-section-title,
.aq-r2-section-title {
    margin: 0;

    font-size:
        clamp(30px, 3.2vw, 48px);

    line-height: 1.03;
    letter-spacing: -.045em;
    font-weight: 800;

    color: var(--aq-r2-ink);
}

.aq-r2-copy {
    max-width: 650px;

    color: var(--aq-r2-muted);

    font-size: 16px;
    line-height: 1.7;
}


/* ---------- Surfaces ---------- */

.aq-v2-card,
.aq-r2-card {
    background: var(--aq-r2-surface);

    border:
        1px solid
        rgba(226, 232, 240, .92);

    border-radius: var(--aq-r2-radius-lg);

    box-shadow: var(--aq-r2-shadow-card);
}

.aq-r2-card--sky {
    background: var(--aq-r2-sky);
}

.aq-r2-card--blue {
    background: var(--aq-r2-blue-soft);
}

.aq-r2-card--green {
    background: var(--aq-r2-green-soft);
}

.aq-r2-card--purple {
    background: var(--aq-r2-purple-soft);
}

.aq-r2-card--amber {
    background: var(--aq-r2-amber-soft);
}


/* ---------- Buttons ---------- */

.aq-v2-button-primary,
.aq-r2-button-primary {
    min-height: 46px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;

    padding-inline: 22px;

    border: 0;
    border-radius: 13px;

    background: var(--aq-r2-action);
    color: #FFFFFF;

    font-weight: 750;
    text-decoration: none;

    box-shadow:
        0 8px 20px
        rgba(37, 99, 235, .18);

    transition:
        transform .18s ease,
        box-shadow .18s ease,
        background .18s ease;
}

.aq-v2-button-primary:hover,
.aq-r2-button-primary:hover {
    background: var(--aq-r2-action-strong);

    transform: translateY(-1px);

    box-shadow:
        0 12px 26px
        rgba(37, 99, 235, .22);
}

.aq-r2-button-secondary {
    min-height: 44px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    padding-inline: 18px;

    border:
        1px solid
        var(--aq-r2-border);

    border-radius: 13px;

    background: #FFFFFF;
    color: var(--aq-r2-ink);

    font-weight: 700;
}


/* ---------- Header ---------- */

.aq-v2-public-header,
.aq-r2-public-header {
    background:
        rgba(255, 255, 255, .94);

    border-bottom:
        1px solid
        rgba(226, 232, 240, .75);

    backdrop-filter: blur(18px);
}

.aq-v2-public-header a,
.aq-r2-public-header a {
    transition:
        color .18s ease,
        background .18s ease;
}


/* ---------- Hero ---------- */

.aq-v2-hero,
.aq-r2-hero {
    position: relative;
    overflow: hidden;

    min-height:
        clamp(560px, 69vh, 760px);

    display: flex;
    align-items: center;
}

.aq-r2-hero::after {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            rgba(8, 25, 48, .76) 0%,
            rgba(8, 25, 48, .48) 38%,
            rgba(8, 25, 48, .08) 72%
        );
}

.aq-r2-hero-content {
    position: relative;
    z-index: 2;

    width: var(--aq-r2-content);
    margin-inline: auto;
}

.aq-r2-hero .aq-r2-display {
    color: #FFFFFF;
}

.aq-r2-hero-copy {
    margin-top: 22px;

    max-width: 580px;

    color:
        rgba(255, 255, 255, .88);

    font-size: 17px;
    line-height: 1.65;
}


/* ---------- Search ---------- */

.aq-v2-search-panel,
.aq-r2-search-panel {
    position: relative;
    z-index: 5;

    width:
        min(1040px, calc(100% - 32px));

    margin:
        -84px auto 0;

    padding: 12px;

    background:
        rgba(255, 255, 255, .97);

    border:
        1px solid
        rgba(255, 255, 255, .9);

    border-radius: 24px;

    box-shadow: var(--aq-r2-shadow-float);
}

.aq-r2-search-tabs {
    display: grid;
    grid-template-columns: repeat(3, 1fr);

    gap: 6px;

    margin-bottom: 10px;
}

.aq-r2-search-tab {
    min-height: 52px;

    display: flex;
    flex-direction: column;
    justify-content: center;

    padding: 9px 16px;

    border-radius: 13px;

    color: var(--aq-r2-muted);

    font-size: 12px;
    font-weight: 700;
}

.aq-r2-search-tab.is-active {
    background: var(--aq-r2-action);
    color: #FFFFFF;
}

.aq-r2-search-grid {
    display: grid;

    grid-template-columns:
        minmax(300px, 2fr)
        minmax(160px, .8fr)
        minmax(160px, .8fr)
        auto;

    gap: 8px;
}

.aq-r2-field {
    min-height: 58px;

    display: flex;
    align-items: center;
    gap: 11px;

    padding-inline: 16px;

    background: #FFFFFF;

    border:
        1px solid
        var(--aq-r2-border);

    border-radius: 13px;
}


/* ---------- Category shortcuts ---------- */

.aq-r2-category-grid {
    display: grid;
    grid-template-columns:
        repeat(6, minmax(0, 1fr));

    gap: 12px;

    margin-top: 34px;
}

.aq-r2-category {
    min-height: 82px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    gap: 9px;

    background: #FFFFFF;

    border:
        1px solid
        var(--aq-r2-border);

    border-radius: 16px;

    color: var(--aq-r2-ink);

    transition:
        transform .18s ease,
        border-color .18s ease,
        background .18s ease;
}

.aq-r2-category:hover {
    transform: translateY(-2px);

    border-color: var(--aq-r2-sky-strong);

    background: var(--aq-r2-sky);
}


/* ---------- Property cards ---------- */

.aq-v2-property-card,
.aq-r2-property-card {
    overflow: hidden;

    background: #FFFFFF;

    border:
        1px solid
        var(--aq-r2-border);

    border-radius: 20px;

    box-shadow: none;

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

.aq-v2-property-card:hover,
.aq-r2-property-card:hover {
    transform: translateY(-3px);

    box-shadow:
        0 18px 40px
        rgba(15, 23, 42, .08);
}

.aq-r2-property-media {
    position: relative;

    aspect-ratio: 16 / 10;

    overflow: hidden;

    background: var(--aq-r2-blue-soft);
}

.aq-r2-property-media img {
    width: 100%;
    height: 100%;

    object-fit: cover;

    transition: transform .35s ease;
}

.aq-r2-property-card:hover
.aq-r2-property-media img {
    transform: scale(1.025);
}

.aq-r2-property-body {
    padding: 18px;
}

.aq-r2-price {
    margin-top: 10px;

    font-size: 22px;
    line-height: 1.1;

    letter-spacing: -.025em;
    font-weight: 800;

    color: var(--aq-r2-brand);
}


/* ---------- Status pills ---------- */

.aq-r2-pill {
    display: inline-flex;
    align-items: center;
    gap: 5px;

    min-height: 24px;

    padding: 4px 9px;

    border-radius: 999px;

    font-size: 10px;
    line-height: 1;
    font-weight: 800;
}

.aq-r2-pill--verified {
    background: var(--aq-r2-green-soft);
    color: var(--aq-r2-green);
}

.aq-r2-pill--featured {
    background: var(--aq-r2-amber-soft);
    color: var(--aq-r2-amber);
}

.aq-r2-pill--info {
    background: var(--aq-r2-blue-soft);
    color: var(--aq-r2-action);
}


/* ---------- Homepage storytelling ---------- */

.aq-r2-editorial-head {
    display: flex;
    align-items: end;
    justify-content: space-between;

    gap: 32px;

    margin-bottom: 34px;
}

.aq-r2-feature-grid {
    display: grid;
    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 18px;
}

.aq-r2-feature-card {
    min-height: 180px;

    padding: 24px;

    border:
        1px solid
        var(--aq-r2-border);

    border-radius: 20px;

    background: #FFFFFF;
}

.aq-r2-market-intelligence {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(360px, .9fr);

    gap: 42px;

    align-items: center;

    padding:
        clamp(30px, 5vw, 58px);

    background: var(--aq-r2-sky);

    border:
        1px solid
        #CFEAF8;

    border-radius: 28px;
}

.aq-r2-price-guide {
    padding:
        clamp(30px, 5vw, 58px);

    background: var(--aq-r2-brand);
    color: #FFFFFF;

    border-radius: 28px;
}

.aq-r2-price-guide
.aq-r2-section-title {
    color: #FFFFFF;
}


/* ---------- Dashboard ---------- */

.aq-v2-dashboard,
.aq-r2-dashboard {
    min-height: 100vh;

    background: #F6F9FC;
}

.aq-v2-sidebar,
.aq-r2-sidebar {
    background:
        linear-gradient(
            180deg,
            #173F69 0%,
            #15395F 100%
        );

    color: #FFFFFF;
}

.aq-r2-sidebar a {
    border-radius: 12px;
}

.aq-r2-sidebar a:hover,
.aq-r2-sidebar a.is-active {
    background:
        rgba(186, 230, 253, .16);
}

.aq-r2-workspace {
    padding:
        clamp(24px, 3vw, 46px);

    background:
        linear-gradient(
            180deg,
            #F8FBF8 0%,
            #F6F9FC 100%
        );
}

.aq-r2-dashboard-header {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 24px;

    margin-bottom: 28px;
}

.aq-r2-dashboard-title {
    margin: 0;

    font-size:
        clamp(32px, 3.2vw, 48px);

    line-height: 1;

    letter-spacing: -.045em;
    font-weight: 800;

    color: #123E32;
}


/* ---------- Metrics ---------- */

.aq-v2-stat-grid,
.aq-r2-stat-grid {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 16px;
}

.aq-v2-stat-card,
.aq-r2-stat-card {
    min-height: 150px;

    padding: 20px;

    background: #FFFFFF;

    border:
        1px solid
        var(--aq-r2-border);

    border-radius: 18px;

    box-shadow: none;
}

.aq-r2-stat-icon {
    width: 34px;
    height: 34px;

    display: grid;
    place-items: center;

    border-radius: 999px;

    background: var(--aq-r2-sky);
    color: var(--aq-r2-action);
}

.aq-r2-stat-value {
    margin-top: 24px;

    font-size: 30px;
    line-height: 1;

    letter-spacing: -.035em;
    font-weight: 800;

    color: #123E32;
}


/* ---------- Dashboard panels ---------- */

.aq-v2-dashboard-card,
.aq-r2-panel {
    padding: 22px;

    background: #FFFFFF;

    border:
        1px solid
        var(--aq-r2-border);

    border-radius: 20px;

    box-shadow: none;
}

.aq-r2-panel--ai {
    background: var(--aq-r2-sky);
    border-color: #CFEAF8;
}

.aq-r2-panel--success {
    background: var(--aq-r2-green-soft);
    border-color: #CDEDDD;
}

.aq-r2-dashboard-grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1.55fr)
        minmax(300px, .75fr);

    gap: 18px;

    margin-top: 18px;
}


/* ---------- Tables ---------- */

.aq-r2-table {
    width: 100%;

    border-collapse: collapse;
}

.aq-r2-table th {
    padding:
        11px 12px;

    text-align: start;

    color: #94A3B8;

    font-size: 10px;
    font-weight: 800;

    letter-spacing: .08em;
    text-transform: uppercase;

    border-bottom:
        1px solid
        var(--aq-r2-border);
}

.aq-r2-table td {
    padding:
        14px 12px;

    border-bottom:
        1px solid
        #F1F5F9;
}


/* ---------- AI / paid tools ---------- */

.aq-r2-ai-grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 10px;
}

.aq-r2-ai-tool {
    min-height: 126px;

    padding: 15px;

    background:
        rgba(255, 255, 255, .76);

    border:
        1px solid
        rgba(186, 230, 253, .8);

    border-radius: 14px;
}


/* ---------- Mobile ---------- */

@media (max-width: 980px) {
    :root {
        --aq-r2-content:
            min(100% - 32px, 760px);

        --aq-r2-section-space:
            72px;
    }

    .aq-r2-search-grid {
        grid-template-columns:
            1fr 1fr;
    }

    .aq-r2-category-grid {
        grid-template-columns:
            repeat(3, 1fr);
    }

    .aq-r2-feature-grid {
        grid-template-columns: 1fr;
    }

    .aq-r2-market-intelligence {
        grid-template-columns: 1fr;
    }

    .aq-v2-stat-grid,
    .aq-r2-stat-grid {
        grid-template-columns:
            repeat(2, 1fr);
    }

    .aq-r2-dashboard-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    :root {
        --aq-r2-content:
            calc(100% - 24px);

        --aq-r2-section-space:
            54px;
    }

    .aq-v2-title,
    .aq-r2-display {
        font-size:
            clamp(38px, 12vw, 54px);
    }

    .aq-v2-section-title,
    .aq-r2-section-title {
        font-size:
            clamp(28px, 8vw, 38px);
    }

    .aq-v2-hero,
    .aq-r2-hero {
        min-height: 520px;
    }

    .aq-r2-hero::after {
        background:
            linear-gradient(
                180deg,
                rgba(8, 25, 48, .40) 0%,
                rgba(8, 25, 48, .76) 100%
            );
    }

    .aq-v2-search-panel,
    .aq-r2-search-panel {
        width: calc(100% - 20px);

        margin-top: -58px;

        border-radius: 20px;
    }

    .aq-r2-search-tabs {
        grid-template-columns:
            repeat(3, 1fr);
    }

    .aq-r2-search-grid {
        grid-template-columns: 1fr;
    }

    .aq-r2-category-grid {
        grid-template-columns:
            repeat(3, 1fr);

        gap: 8px;
    }

    .aq-r2-category {
        min-height: 76px;
    }

    .aq-r2-editorial-head {
        align-items: start;
        flex-direction: column;
    }

    .aq-v2-stat-grid,
    .aq-r2-stat-grid {
        gap: 10px;
    }

    .aq-v2-stat-card,
    .aq-r2-stat-card {
        min-height: 124px;
        padding: 15px;
    }

    .aq-r2-stat-value {
        margin-top: 18px;
        font-size: 25px;
    }

    .aq-r2-workspace {
        padding:
            18px 12px 94px;
    }

    .aq-r2-dashboard-title {
        font-size: 30px;
    }

    .aq-r2-ai-grid {
        grid-template-columns:
            repeat(2, 1fr);
    }
}


/* ---------- RTL ---------- */

[dir="rtl"] .aq-r2-hero::after {
    background:
        linear-gradient(
            270deg,
            rgba(8, 25, 48, .76) 0%,
            rgba(8, 25, 48, .48) 38%,
            rgba(8, 25, 48, .08) 72%
        );
}

@media (max-width: 640px) {
    [dir="rtl"] .aq-r2-hero::after {
        background:
            linear-gradient(
                180deg,
                rgba(8, 25, 48, .40) 0%,
                rgba(8, 25, 48, .76) 100%
            );
    }
}


/* ---------- Accessibility ---------- */

.aq-r2-button-primary:focus-visible,
.aq-r2-button-secondary:focus-visible,
.aq-r2-category:focus-visible,
.aq-r2-field:focus-within {
    outline:
        3px solid
        rgba(37, 99, 235, .24);

    outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
    .aq-r2-button-primary,
    .aq-r2-category,
    .aq-r2-property-card,
    .aq-r2-property-media img {
        transition: none;
    }
}


/* ============================================================
   AQARK PHASE22 VISUAL R2-R2 REAL MARKUP BINDING
   Uses actual Phase22 selectors.
   Canonical AQARK logo/theme remain authoritative.
   ============================================================ */


/* ------------------------------------------------------------
   GLOBAL PRODUCT CANVAS
   ------------------------------------------------------------ */

.aqark-v2 {
    min-height: 100vh;
    color: var(--aq-r2-ink);
    background:
        linear-gradient(
            180deg,
            #ffffff 0,
            #f8fbff 34%,
            #f4f8fc 100%
        );
}

.aqark-container {
    width: min(
        1280px,
        calc(100% - 48px)
    );
    margin-inline: auto;
}

.aqark-card {
    background: #ffffff;
    border:
        1px solid
        rgba(226, 232, 240, .94);
    border-radius: 20px;
    box-shadow:
        0 1px 2px
        rgba(15, 23, 42, .02),
        0 12px 34px
        rgba(15, 23, 42, .035);
}


/* ------------------------------------------------------------
   BUTTONS + INPUTS
   ------------------------------------------------------------ */

.aqark-btn {
    min-height: 44px;
    border-radius: 13px;
    padding-inline: 18px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    font-weight: 750;

    transition:
        transform .18s ease,
        box-shadow .18s ease,
        border-color .18s ease,
        background .18s ease;
}

.aqark-btn:hover {
    transform: translateY(-1px);
}

.aqark-btn--primary {
    border-color: transparent;
    background: #2563eb;
    color: #fff;

    box-shadow:
        0 8px 20px
        rgba(37, 99, 235, .18);
}

.aqark-btn--primary:hover {
    background: #1d4ed8;
    box-shadow:
        0 12px 25px
        rgba(37, 99, 235, .22);
}

.aqark-btn--secondary,
.aqark-btn--ghost {
    background: #fff;
    color: var(--aq-r2-ink);

    border:
        1px solid
        var(--aq-r2-border);

    box-shadow: none;
}

.aqark-input,
.aqark-select,
.aqark-textarea-v2 {
    min-height: 48px;

    border:
        1px solid
        #dfe7f0;

    border-radius: 13px;

    background: #fff;
    color: var(--aq-r2-ink);

    transition:
        border-color .18s ease,
        box-shadow .18s ease;
}

.aqark-input:focus,
.aqark-select:focus,
.aqark-textarea-v2:focus {
    border-color: #93c5fd;
    box-shadow:
        0 0 0 4px
        rgba(37, 99, 235, .09);

    outline: 0;
}

.aqark-field__label {
    color: #64748b;
    font-size: 11px;
    font-weight: 750;
}


/* ------------------------------------------------------------
   BADGES / STATUS
   ------------------------------------------------------------ */

.aqark-badge {
    border-radius: 999px;
    padding: 5px 9px;

    font-size: 10px;
    font-weight: 800;
}

.aqark-badge--primary {
    background: #eef4ff;
    color: #2563eb;
}

.aqark-badge--success {
    background: #ecfdf5;
    color: #15803d;
}


/* ------------------------------------------------------------
   PUBLIC HEADER
   ------------------------------------------------------------ */

.aqark-public-shell-header-v2,
.aqark-mobile-header-v2 {
    background:
        rgba(255, 255, 255, .94);

    border-bottom:
        1px solid
        rgba(226, 232, 240, .78);

    backdrop-filter: blur(18px);
}

.aqark-public-shell-header-v2__inner,
.aqark-mobile-header-v2__inner {
    min-height: 72px;
}

.aqark-public-main-nav-v2 {
    gap: 24px;
}

.aqark-public-main-nav-v2 a {
    color: #334155;
    font-weight: 650;
}

.aqark-public-main-nav-v2 a:hover {
    color: #2563eb;
}

.aqark-country-switcher-v2,
.aqark-mobile-country-v2 {
    border-radius: 999px;
    background: #f8fafc;
}


/* ------------------------------------------------------------
   HOMEPAGE HERO
   ------------------------------------------------------------ */

.aqark-home-v2 {
    overflow: hidden;
}

.aqark-home-hero-v2 {
    position: relative;
    overflow: hidden;

    min-height:
        clamp(560px, 70vh, 760px);

    display: flex;
    align-items: center;
}

.aqark-home-hero-v2::after {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            rgba(8, 26, 48, .76) 0%,
            rgba(8, 26, 48, .50) 37%,
            rgba(8, 26, 48, .10) 70%
        );
}

.aqark-home-hero-v2__content {
    position: relative;
    z-index: 2;

    max-width: 720px;
}

.aqark-home-hero-v2__copy {
    max-width: 590px;
}

.aqark-home-hero-v2__title {
    max-width: 760px;

    margin-block: 16px 18px;

    font-size:
        clamp(46px, 5.7vw, 78px);

    line-height: .98;

    letter-spacing: -.055em;

    font-weight: 850;

    color: #fff;
}

.aqark-home-hero-v2__copy p {
    max-width: 560px;

    color:
        rgba(255, 255, 255, .88);

    font-size: 17px;
    line-height: 1.65;
}


/* ------------------------------------------------------------
   HOMEPAGE SEARCH
   ------------------------------------------------------------ */

.aqark-home-search-v2 {
    position: relative;
    z-index: 5;

    width:
        min(1060px, calc(100% - 32px));

    margin:
        -84px auto 0;

    padding: 12px;

    background:
        rgba(255, 255, 255, .98);

    border:
        1px solid
        rgba(255, 255, 255, .94);

    border-radius: 24px;

    box-shadow:
        0 22px 60px
        rgba(15, 23, 42, .13);
}

.aqark-home-search-v2__tabs {
    display: grid;
    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 6px;
    margin-bottom: 10px;
}

.aqark-home-search-tab-v2 {
    min-height: 50px;

    border-radius: 13px;

    padding:
        8px 14px;

    color: #64748b;

    font-size: 12px;
    font-weight: 750;
}

.aqark-home-search-tab-v2.is-active {
    background: #2563eb;
    color: #fff;
}

.aqark-home-search-grid-v2 {
    display: grid;

    grid-template-columns:
        minmax(280px, 2fr)
        minmax(170px, .9fr)
        minmax(170px, .9fr)
        auto;

    gap: 8px;
}

.aqark-home-search-submit-v2 {
    min-width: 140px;
}


/* ------------------------------------------------------------
   HOMEPAGE CATEGORY / STORY SECTIONS
   ------------------------------------------------------------ */

.aqark-home-category-strip-v2 {
    display: grid;
    grid-template-columns:
        repeat(6, minmax(0, 1fr));

    gap: 12px;

    margin:
        34px auto 0;
}

.aqark-category-icon-v2 {
    width: 42px;
    height: 42px;

    display: grid;
    place-items: center;

    border-radius: 13px;

    background: #eaf7ff;
    color: #2563eb;
}

.aqark-section-eyebrow-v2 {
    color: #2563eb;

    font-size: 10px;
    font-weight: 850;

    letter-spacing: .11em;
    text-transform: uppercase;
}


/* ------------------------------------------------------------
   DIRECTORY / PROJECTS / COMPOUNDS / PARTNERS
   ------------------------------------------------------------ */

.aqark-directory-v2,
.aqark-profile-page-v2,
.aqark-customer-page-v2,
.aqark-property-results-v2,
.aqark-property-detail-v2 {
    padding-block:
        clamp(54px, 7vw, 96px);
}

.aqark-directory-heading-v2,
.aqark-customer-heading-v2,
.aqark-property-detail-summary-v2__heading {
    letter-spacing: -.035em;
}

.aqark-directory-grid-v2,
.aqark-partner-grid-v2 {
    gap: 18px;
}

.aqark-community-card-v2,
.aqark-project-card-v2,
.aqark-partner-card-v2,
.aqark-mini-property-v2,
.aqark-saved-property-card-v2 {
    overflow: hidden;

    border-radius: 20px;

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

.aqark-community-card-v2:hover,
.aqark-project-card-v2:hover,
.aqark-partner-card-v2:hover,
.aqark-mini-property-v2:hover,
.aqark-saved-property-card-v2:hover {
    transform: translateY(-3px);

    box-shadow:
        0 18px 42px
        rgba(15, 23, 42, .08);
}

.aqark-community-card-v2__media,
.aqark-project-card-v2__media,
.aqark-mini-property-v2__media,
.aqark-saved-property-card-v2__media {
    background: #edf6fd;
}


/* ------------------------------------------------------------
   PROPERTY RESULTS
   ------------------------------------------------------------ */

.aqark-results-title-row-v2 {
    margin-block: 20px 24px;
}

.aqark-results-filters-v2 {
    padding: 14px;

    border-radius: 20px;

    background: #fff;

    border:
        1px solid
        #e2e8f0;

    box-shadow:
        0 12px 34px
        rgba(15, 23, 42, .035);
}

.aqark-results-filter-tabs-v2 {
    gap: 6px;
}

.aqark-results-filter-tab-v2 {
    border-radius: 12px;
}

.aqark-results-filter-tab-v2.is-active {
    background: #2563eb;
    color: #fff;
}

.aqark-results-filter-grid-v2 {
    gap: 9px;
}

.aqark-price-marker-v2 {
    border-radius: 999px;

    background: #2563eb;
    color: #fff;

    box-shadow:
        0 8px 18px
        rgba(37, 99, 235, .24);
}


/* ------------------------------------------------------------
   PROPERTY DETAIL
   ------------------------------------------------------------ */

.aqark-property-gallery-v2__main,
.aqark-property-gallery-v2__thumb {
    overflow: hidden;
    border-radius: 18px;
}

.aqark-property-detail-layout-v2 {
    gap: 24px;
}

.aqark-property-detail-section-v2 {
    padding: 24px;

    background: #fff;

    border:
        1px solid
        #e2e8f0;

    border-radius: 20px;
}

.aqark-property-detail-summary-v2__price {
    color: var(--aq-r2-brand);

    font-size:
        clamp(28px, 3vw, 38px);

    font-weight: 850;

    letter-spacing: -.035em;
}


/* ------------------------------------------------------------
   PROFILE / PROJECT / DEVELOPER
   ------------------------------------------------------------ */

.aqark-company-profile-hero-v2,
.aqark-community-hero-v2,
.aqark-project-hero-v2,
.aqark-agent-profile-hero-v2 {
    border-radius: 24px;
}

.aqark-profile-stat-row-v2 {
    gap: 10px;
}

.aqark-profile-layout-v2 {
    gap: 20px;
}

.aqark-profile-section-v2 {
    padding: 24px;
}

.aqark-profile-sidebar-v2 {
    border-radius: 20px;
}


/* ------------------------------------------------------------
   AUTH / CUSTOMER FLOWS
   ------------------------------------------------------------ */

.aqark-auth-page-v2 {
    min-height: calc(100vh - 72px);

    display: flex;
    align-items: center;

    background:
        linear-gradient(
            135deg,
            #f8fbff,
            #eef8fd
        );
}

.aqark-auth-layout-v2 {
    gap: 28px;
}

.aqark-auth-visual-v2 {
    border-radius: 26px;

    background:
        linear-gradient(
            145deg,
            #eaf7ff,
            #eef4ff
        );
}

.aqark-auth-card-v2,
.aqark-lead-form-card-v2,
.aqark-success-card-v2 {
    border-radius: 22px;
}


/* ------------------------------------------------------------
   DASHBOARD APPLICATION SHELL
   ------------------------------------------------------------ */

.aqark-dashboard-v2 {
    min-height: 100vh;

    background:
        #f5f8fb;
}

.aqark-dashboard-layout-v2 {
    min-height: 100vh;
}

.aqark-dashboard-sidebar-v2 {
    background:
        linear-gradient(
            180deg,
            #173f69 0%,
            #15385e 100%
        );

    color: #fff;
}

.aqark-dashboard-brand-v2 {
    padding-block: 22px;
}

.aqark-dashboard-nav-v2 {
    padding-inline: 12px;
}

.aqark-dashboard-nav-v2__item {
    min-height: 44px;

    border-radius: 12px;

    margin-bottom: 4px;

    color:
        rgba(255,255,255,.78);
}

.aqark-dashboard-nav-v2__item:hover,
.aqark-dashboard-nav-v2__item.is-active {
    background:
        rgba(186, 230, 253, .15);

    color: #fff;
}

.aqark-dashboard-nav-v2__icon {
    color: #bae6fd;
}

.aqark-dashboard-content-v2 {
    min-width: 0;

    background:
        linear-gradient(
            180deg,
            #f8fbf8 0%,
            #f5f8fb 100%
        );
}

.aqark-dashboard-topbar-v2 {
    background:
        rgba(255,255,255,.91);

    border-bottom:
        1px solid
        #e6edf4;

    backdrop-filter:
        blur(16px);
}

.aqark-dashboard-search-v2 {
    border-radius: 999px;

    background: #f8fafc;
}

.aqark-dashboard-main-v2,
.aqark-dashboard-subpage-v2 {
    padding:
        clamp(24px, 3.4vw, 46px);
}

.aqark-dashboard-heading-v2,
.aqark-dashboard-subpage-v2__heading {
    margin-bottom: 28px;
}

.aqark-dashboard-heading-v2__eyebrow {
    color: #779487;

    font-size: 10px;
    font-weight: 850;

    letter-spacing: .10em;
    text-transform: uppercase;
}


/* ------------------------------------------------------------
   DASHBOARD METRICS
   ------------------------------------------------------------ */

.aqark-dashboard-stat-grid-v2 {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 16px;
}

.aqark-dashboard-stat-card-v2,
.aqark-admin-stat-card-v2 {
    min-height: 144px;

    padding: 20px;

    border-radius: 18px;

    background: #fff;

    border:
        1px solid
        #e2e8f0;

    box-shadow: none;
}

.aqark-dashboard-stat-card-v2__label {
    color: #64748b;

    font-size: 11px;
    font-weight: 700;
}


/* ------------------------------------------------------------
   DASHBOARD PANELS
   ------------------------------------------------------------ */

.aqark-dashboard-grid-v2,
.aqark-admin-grid-v2 {
    gap: 18px;
}

.aqark-dashboard-panel-v2,
.aqark-admin-panel-v2 {
    border-radius: 20px;

    background: #fff;

    border:
        1px solid
        #e2e8f0;

    box-shadow: none;
}

.aqark-dashboard-panel-v2__heading {
    padding-bottom: 14px;

    border-bottom:
        1px solid
        #f1f5f9;
}

.aqark-dashboard-lead-row-v2,
.aqark-billing-row-v2,
.aqark-campaign-row-v2,
.aqark-dashboard-listing-row-v2 {
    border-bottom:
        1px solid
        #f1f5f9;
}


/* ------------------------------------------------------------
   DASHBOARD ANALYTICS
   ------------------------------------------------------------ */

.aqark-dashboard-chart-v2 {
    border-radius: 18px;

    background:
        linear-gradient(
            180deg,
            #ffffff,
            #f9fcff
        );
}

.aqark-dashboard-chart-v2__bar {
    border-radius:
        8px 8px 2px 2px;

    background:
        #b7dff5;
}

.aqark-dashboard-chart-v2__bar:nth-last-child(-n+3) {
    background:
        #2b63ad;
}


/* ------------------------------------------------------------
   GROWTH STORE / BILLING / AI
   ------------------------------------------------------------ */

.aqark-growth-current-plan-v2,
.aqark-ai-credit-strip-v2,
.aqark-seo-score-v2 {
    border-radius: 20px;

    background:
        #eaf7ff;

    border:
        1px solid
        #cceafa;
}

.aqark-package-grid-v2,
.aqark-ai-tool-grid-v2,
.aqark-marketing-grid-v2,
.aqark-seo-grid-v2 {
    gap: 14px;
}

.aqark-package-card-v2,
.aqark-ai-tool-card-v2,
.aqark-marketing-card-v2,
.aqark-seo-card-v2 {
    border-radius: 18px;

    background: #fff;

    border:
        1px solid
        #e2e8f0;

    box-shadow: none;
}

.aqark-ai-tool-card-v2:nth-child(3n+1) {
    background: #eef7ff;
}

.aqark-ai-tool-card-v2:nth-child(3n+2) {
    background: #f5f3ff;
}

.aqark-ai-tool-card-v2:nth-child(3n+3) {
    background: #ecfdf5;
}


/* ------------------------------------------------------------
   PROPERTY EDITOR
   ------------------------------------------------------------ */

.aqark-property-editor-layout-v2 {
    gap: 18px;
}

.aqark-property-editor-steps-v2 {
    border-radius: 18px;

    background: #f8fbff;
}

.aqark-property-map-editor-v2,
.aqark-location-map-shell-v2 {
    overflow: hidden;

    border-radius: 18px;

    background: #eaf7ff;

    border:
        1px solid
        #cfeaf8;
}


/* ------------------------------------------------------------
   ADMIN
   ------------------------------------------------------------ */

.aqark-admin-v2 {
    min-height: 100vh;
    background: #f5f8fb;
}

.aqark-admin-sidebar-v2 {
    background:
        linear-gradient(
            180deg,
            #122f51,
            #173f69
        );

    color: #fff;
}

.aqark-admin-content-v2 {
    min-width: 0;
    background: #f6f9fc;
}

.aqark-admin-topbar-v2 {
    background:
        rgba(255,255,255,.93);

    border-bottom:
        1px solid
        #e2e8f0;

    backdrop-filter:
        blur(16px);
}

.aqark-admin-main-v2,
.aqark-admin-subpage-v2 {
    padding:
        clamp(24px, 3.4vw, 46px);
}

.aqark-admin-stat-grid-v2 {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0,1fr));

    gap: 16px;
}

.aqark-admin-country-chip-v2 {
    border-radius: 999px;
}


/* ------------------------------------------------------------
   LOCATION / RBAC / PAYMENT REVIEW
   ------------------------------------------------------------ */

.aqark-location-admin-layout-v2,
.aqark-receipt-review-layout-v2,
.aqark-builder-layout-v2 {
    gap: 18px;
}

.aqark-location-tree-v2,
.aqark-location-editor-v2,
.aqark-receipt-preview-v2,
.aqark-receipt-analysis-v2,
.aqark-builder-tools-v2,
.aqark-builder-canvas-v2,
.aqark-builder-properties-v2 {
    border-radius: 18px;
}

.aqark-receipt-signal-v2 {
    border-radius: 14px;
    background: #f8fafc;
}


/* ------------------------------------------------------------
   MOBILE DASHBOARD NAV
   ------------------------------------------------------------ */

.aqark-dashboard-mobile-nav-v2,
.aqark-mobile-bottom-nav-v2 {
    background:
        rgba(255,255,255,.96);

    border-top:
        1px solid
        #e2e8f0;

    box-shadow:
        0 -10px 30px
        rgba(15,23,42,.06);

    backdrop-filter:
        blur(16px);
}

.aqark-dashboard-mobile-nav-v2__add,
.aqark-mobile-bottom-nav-v2__primary {
    background: #2563eb;
    color: #fff;

    box-shadow:
        0 8px 20px
        rgba(37,99,235,.23);
}


/* ------------------------------------------------------------
   RESPONSIVE
   ------------------------------------------------------------ */

@media (max-width: 1100px) {
    .aqark-home-search-grid-v2 {
        grid-template-columns:
            minmax(240px, 1.5fr)
            1fr
            1fr;
    }

    .aqark-home-search-submit-v2 {
        grid-column:
            1 / -1;
    }

    .aqark-dashboard-stat-grid-v2,
    .aqark-admin-stat-grid-v2 {
        grid-template-columns:
            repeat(2, minmax(0,1fr));
    }
}

@media (max-width: 760px) {
    .aqark-container {
        width:
            calc(100% - 24px);
    }

    .aqark-home-hero-v2 {
        min-height: 530px;
    }

    .aqark-home-hero-v2::after {
        background:
            linear-gradient(
                180deg,
                rgba(8,26,48,.28),
                rgba(8,26,48,.78)
            );
    }

    .aqark-home-hero-v2__title {
        font-size:
            clamp(39px, 11vw, 54px);
    }

    .aqark-home-search-v2 {
        width:
            calc(100% - 20px);

        margin-top: -54px;

        border-radius: 20px;
    }

    .aqark-home-search-grid-v2 {
        grid-template-columns: 1fr;
    }

    .aqark-home-search-submit-v2 {
        grid-column: auto;
    }

    .aqark-home-category-strip-v2 {
        grid-template-columns:
            repeat(3, minmax(0,1fr));

        gap: 8px;
    }

    .aqark-dashboard-main-v2,
    .aqark-dashboard-subpage-v2,
    .aqark-admin-main-v2,
    .aqark-admin-subpage-v2 {
        padding:
            18px 12px 94px;
    }

    .aqark-dashboard-stat-grid-v2,
    .aqark-admin-stat-grid-v2 {
        gap: 10px;
    }

    .aqark-dashboard-stat-card-v2,
    .aqark-admin-stat-card-v2 {
        min-height: 120px;
        padding: 15px;
    }

    .aqark-directory-v2,
    .aqark-profile-page-v2,
    .aqark-customer-page-v2,
    .aqark-property-results-v2,
    .aqark-property-detail-v2 {
        padding-block: 46px;
    }
}


/* ------------------------------------------------------------
   RTL
   ------------------------------------------------------------ */

[dir="rtl"]
.aqark-home-hero-v2::after {
    background:
        linear-gradient(
            270deg,
            rgba(8,26,48,.76) 0%,
            rgba(8,26,48,.50) 37%,
            rgba(8,26,48,.10) 70%
        );
}

@media (max-width: 760px) {
    [dir="rtl"]
    .aqark-home-hero-v2::after {
        background:
            linear-gradient(
                180deg,
                rgba(8,26,48,.28),
                rgba(8,26,48,.78)
            );
    }
}


/* ------------------------------------------------------------
   ACCESSIBILITY
   ------------------------------------------------------------ */

.aqark-btn:focus-visible,
.aqark-input:focus-visible,
.aqark-select:focus-visible,
.aqark-mobile-menu-button-v2:focus-visible {
    outline:
        3px solid
        rgba(37,99,235,.24);

    outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
    .aqark-btn,
    .aqark-card,
    .aqark-community-card-v2,
    .aqark-project-card-v2,
    .aqark-partner-card-v2,
    .aqark-mini-property-v2,
    .aqark-saved-property-card-v2 {
        transition: none;
    }
}


/* ============================================================
   AQARK OWNER VISUAL REVIEW
   Static owner-review presentation only.
   ============================================================ */

.aqark-owner-review-marker {
    position: fixed;
    z-index: 999999;

    right: 14px;
    bottom: 14px;

    padding: 8px 11px;

    border-radius: 999px;

    background:
        rgba(15, 23, 42, .88);

    color: #fff;

    font-size: 10px;
    font-weight: 750;

    letter-spacing: .02em;

    pointer-events: none;

    backdrop-filter:
        blur(12px);
}

.aqark-review-gallery-page {
    margin: 0;

    background:
        linear-gradient(
            180deg,
            #f7fbff,
            #f4f8fc
        );

    color: #0f172a;
}

.aqark-review-gallery {
    width:
        min(1180px, calc(100% - 40px));

    margin-inline: auto;

    padding:
        72px 0 100px;
}

.aqark-review-gallery__intro {
    max-width: 720px;

    margin-bottom: 36px;
}

.aqark-review-gallery__intro > span {
    color: #2563eb;

    font-size: 11px;
    font-weight: 850;

    letter-spacing: .11em;
}

.aqark-review-gallery__intro h1 {
    margin:
        10px 0 14px;

    font-size:
        clamp(42px, 6vw, 72px);

    line-height: .98;

    letter-spacing: -.055em;
}

.aqark-review-gallery__intro p {
    max-width: 650px;

    color: #64748b;

    font-size: 16px;
    line-height: 1.7;
}

.aqark-review-gallery__grid {
    display: grid;

    grid-template-columns:
        repeat(
            3,
            minmax(0, 1fr)
        );

    gap: 14px;
}

.review-card {
    min-height: 150px;

    padding: 20px;

    display: flex;
    flex-direction: column;

    text-decoration: none;

    color: #0f172a;

    background: #fff;

    border:
        1px solid
        #e2e8f0;

    border-radius: 20px;

    transition:
        transform .18s ease,
        box-shadow .18s ease;
}

.review-card:hover {
    transform: translateY(-2px);

    box-shadow:
        0 16px 38px
        rgba(15,23,42,.07);
}

.review-number {
    width: 34px;
    height: 34px;

    display: grid;
    place-items: center;

    margin-bottom: 26px;

    border-radius: 11px;

    background: #eaf7ff;

    color: #2563eb;

    font-size: 11px;
    font-weight: 850;
}

.review-card strong {
    margin-bottom: 6px;
}

.review-card > span:last-child {
    margin-top: auto;

    color: #64748b;

    font-size: 12px;
}

@media (max-width: 860px) {
    .aqark-review-gallery__grid {
        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            );
    }
}

@media (max-width: 560px) {
    .aqark-review-gallery {
        width:
            calc(100% - 24px);

        padding-top: 42px;
    }

    .aqark-review-gallery__grid {
        grid-template-columns: 1fr;
    }
}


/* ============================================================
   AQARK OWNER VISUAL REVIEW
   Static owner-review presentation only.
   ============================================================ */

.aqark-owner-review-marker {
    position: fixed;
    z-index: 999999;

    right: 14px;
    bottom: 14px;

    padding: 8px 11px;

    border-radius: 999px;

    background:
        rgba(15, 23, 42, .88);

    color: #fff;

    font-size: 10px;
    font-weight: 750;

    letter-spacing: .02em;

    pointer-events: none;

    backdrop-filter:
        blur(12px);
}

.aqark-review-gallery-page {
    margin: 0;

    background:
        linear-gradient(
            180deg,
            #f7fbff,
            #f4f8fc
        );

    color: #0f172a;
}

.aqark-review-gallery {
    width:
        min(1180px, calc(100% - 40px));

    margin-inline: auto;

    padding:
        72px 0 100px;
}

.aqark-review-gallery__intro {
    max-width: 720px;

    margin-bottom: 36px;
}

.aqark-review-gallery__intro > span {
    color: #2563eb;

    font-size: 11px;
    font-weight: 850;

    letter-spacing: .11em;
}

.aqark-review-gallery__intro h1 {
    margin:
        10px 0 14px;

    font-size:
        clamp(42px, 6vw, 72px);

    line-height: .98;

    letter-spacing: -.055em;
}

.aqark-review-gallery__intro p {
    max-width: 650px;

    color: #64748b;

    font-size: 16px;
    line-height: 1.7;
}

.aqark-review-gallery__grid {
    display: grid;

    grid-template-columns:
        repeat(
            3,
            minmax(0, 1fr)
        );

    gap: 14px;
}

.review-card {
    min-height: 150px;

    padding: 20px;

    display: flex;
    flex-direction: column;

    text-decoration: none;

    color: #0f172a;

    background: #fff;

    border:
        1px solid
        #e2e8f0;

    border-radius: 20px;

    transition:
        transform .18s ease,
        box-shadow .18s ease;
}

.review-card:hover {
    transform: translateY(-2px);

    box-shadow:
        0 16px 38px
        rgba(15,23,42,.07);
}

.review-number {
    width: 34px;
    height: 34px;

    display: grid;
    place-items: center;

    margin-bottom: 26px;

    border-radius: 11px;

    background: #eaf7ff;

    color: #2563eb;

    font-size: 11px;
    font-weight: 850;
}

.review-card strong {
    margin-bottom: 6px;
}

.review-card > span:last-child {
    margin-top: auto;

    color: #64748b;

    font-size: 12px;
}

@media (max-width: 860px) {
    .aqark-review-gallery__grid {
        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            );
    }
}

@media (max-width: 560px) {
    .aqark-review-gallery {
        width:
            calc(100% - 24px);

        padding-top: 42px;
    }

    .aqark-review-gallery__grid {
        grid-template-columns: 1fr;
    }
}

/* =========================================================
   AQARK PHASE22 VISUAL R3 PUBLIC + WORKSPACE
   bright / spacious / premium / data-led
   ========================================================= */

:root {
    --aqark-r3-canvas: #f5f8fc;
    --aqark-r3-soft-blue: #eef5ff;
    --aqark-r3-soft-cyan: #edfaff;
    --aqark-r3-soft-green: #eefaf5;
    --aqark-r3-soft-violet: #f4f1ff;
    --aqark-r3-soft-amber: #fff7e8;
    --aqark-r3-ink: #16204f;
    --aqark-r3-copy: #62708a;
    --aqark-r3-line: rgba(27, 37, 89, .10);
}

/* ---------- shared refinement ---------- */

.aqark-home-v2,
.aqark-dashboard-v2 {
    background:
        radial-gradient(circle at top right, rgba(33, 100, 243, .035), transparent 28rem),
        var(--aqark-r3-canvas);
}

.aqark-home-v2 .aqark-container,
.aqark-dashboard-v2 .aqark-container {
    width: min(100% - 40px, 1280px);
    margin-inline: auto;
}

.aqark-r3-eyebrow {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    background: var(--aqark-r3-soft-blue);
    color: var(--aqark-theme-primary, var(--aqark-primary, #212356));
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .02em;
}

.aqark-r3-status-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 27px;
    padding: 0 10px;
    border-radius: 999px;
    background: var(--aqark-r3-soft-green);
    color: #16835d;
    font-size: 11px;
    font-weight: 800;
}

.aqark-r3-icon-chip {
    display: inline-grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 12px;
    background: rgba(255,255,255,.74);
    border: 1px solid rgba(27,37,89,.06);
    color: var(--aqark-r3-ink);
    font-size: 12px;
    font-weight: 900;
}

/* ---------- header polish ---------- */

.aqark-public-shell-header-v2 {
    min-height: 74px;
    background: rgba(255,255,255,.96);
    border-bottom: 1px solid var(--aqark-r3-line);
    box-shadow: none;
}

.aqark-public-shell-header-v2__inner {
    min-height: 74px;
}

.aqark-public-main-nav-v2 {
    gap: clamp(18px, 2vw, 31px);
}

.aqark-public-main-nav-v2 a {
    color: var(--aqark-r3-ink);
    font-weight: 700;
}

.aqark-public-header-actions-v2 {
    gap: 10px;
}

/* ---------- homepage hero ---------- */

.aqark-home-hero-v2 {
    position: relative;
    min-height: 610px;
    margin: 0 auto;
    overflow: hidden;
    isolation: isolate;
    background-position: center !important;
    background-size: cover !important;
}

.aqark-home-hero-v2::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        linear-gradient(
            90deg,
            rgba(7, 21, 48, .32) 0%,
            rgba(7, 21, 48, .18) 42%,
            rgba(7, 21, 48, .50) 100%
        );
}

.aqark-home-hero-v2::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 160px;
    z-index: -1;
    background: linear-gradient(to top, rgba(7,21,48,.34), transparent);
}

.aqark-home-hero-v2__content {
    min-height: 610px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-block: 78px 92px;
}

.aqark-home-hero-v2__copy {
    width: min(760px, 72%);
    margin-inline-start: auto;
    margin-bottom: 30px;
    color: white;
}

.aqark-home-hero-v2__title {
    max-width: 760px;
    margin: 0;
    color: white;
    font-size: clamp(44px, 5.4vw, 78px);
    line-height: 1.04;
    letter-spacing: -.045em;
    text-wrap: balance;
}

.aqark-home-search-v2 {
    width: min(880px, 100%);
    margin-inline: auto;
    padding: 18px;
    border-radius: 24px;
    border: 1px solid rgba(255,255,255,.7);
    background: rgba(255,255,255,.96);
    box-shadow:
        0 26px 70px rgba(10, 25, 56, .20),
        0 3px 10px rgba(10, 25, 56, .08);
    backdrop-filter: blur(14px);
}

.aqark-home-search-v2__tabs {
    margin-bottom: 13px;
    gap: 6px;
}

.aqark-home-search-v2__tabs > * {
    min-height: 46px;
    border-radius: 14px;
}

.aqark-home-search-grid-v2 {
    gap: 10px;
}

.aqark-home-search-v2 .aqark-input,
.aqark-home-search-v2 .aqark-select {
    min-height: 54px;
    border-radius: 14px;
    border-color: rgba(27,37,89,.12);
    background: #fff;
}

.aqark-home-search-submit-v2 {
    min-height: 54px;
    border-radius: 14px;
    font-weight: 800;
}

.aqark-home-category-strip-v2 {
    margin-top: 28px;
    gap: 10px;
}

.aqark-home-category-strip-v2 > * {
    min-height: 48px;
    padding-inline: 16px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.68);
    background: rgba(255,255,255,.92);
    box-shadow: none;
}

/* ---------- featured property cards ---------- */

.aqark-home-v2 .aqark-card {
    border: 1px solid var(--aqark-r3-line);
    box-shadow:
        0 12px 34px rgba(20, 37, 73, .045);
}

.aqark-home-v2 [class*="property-card"],
.aqark-home-v2 [class*="featured"] .aqark-card {
    overflow: hidden;
    border-radius: 22px;
    background: #fff;
}

.aqark-home-v2 [class*="property-card"] img {
    transition: transform .35s ease;
}

.aqark-home-v2 [class*="property-card"]:hover img {
    transform: scale(1.025);
}

/* ---------- homepage editorial sections ---------- */

.aqark-r3-discovery-story,
.aqark-r3-places {
    padding: 86px 0;
}

.aqark-r3-section-heading {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(280px, .7fr);
    align-items: end;
    gap: 36px;
    margin-bottom: 34px;
}

.aqark-r3-section-heading h2 {
    max-width: 720px;
    margin: 11px 0 0;
    color: var(--aqark-r3-ink);
    font-size: clamp(28px, 3vw, 46px);
    line-height: 1.13;
    letter-spacing: -.025em;
}

.aqark-r3-section-heading p {
    margin: 0;
    color: var(--aqark-r3-copy);
    font-size: 16px;
    line-height: 1.85;
}

.aqark-r3-section-heading--compact {
    grid-template-columns: 1fr auto;
    align-items: end;
}

.aqark-r3-section-heading--compact > a {
    color: var(--aqark-theme-primary, var(--aqark-primary, #212356));
    font-weight: 800;
}

.aqark-r3-value-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.aqark-r3-value-card {
    min-height: 260px;
    padding: 28px;
    border: 1px solid rgba(27,37,89,.06);
    border-radius: 26px;
}

.aqark-r3-value-card--cyan {
    background: var(--aqark-r3-soft-cyan);
}

.aqark-r3-value-card--blue {
    background: var(--aqark-r3-soft-blue);
}

.aqark-r3-value-card--green {
    background: var(--aqark-r3-soft-green);
}

.aqark-r3-value-card h3 {
    margin: 34px 0 8px;
    color: var(--aqark-r3-ink);
    font-size: 22px;
}

.aqark-r3-value-card p {
    margin: 0 0 20px;
    color: var(--aqark-r3-copy);
    line-height: 1.75;
}

.aqark-r3-value-card a {
    color: var(--aqark-r3-ink);
    font-weight: 800;
}

.aqark-r3-market-band {
    padding: 88px 0;
    background:
        radial-gradient(circle at 20% 20%, rgba(66,202,255,.11), transparent 24rem),
        #101d49;
}

.aqark-r3-market-layout {
    display: grid;
    grid-template-columns: .85fr 1.15fr;
    align-items: center;
    gap: 74px;
}

.aqark-r3-market-copy h2 {
    max-width: 620px;
    margin: 14px 0;
    color: #fff;
    font-size: clamp(34px, 4vw, 55px);
    line-height: 1.12;
    letter-spacing: -.035em;
}

.aqark-r3-market-copy p {
    max-width: 580px;
    margin: 0;
    color: rgba(255,255,255,.72);
    font-size: 16px;
    line-height: 1.9;
}

.aqark-r3-market-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 28px;
}

.aqark-r3-market-band .aqark-btn--secondary {
    color: #fff;
    border-color: rgba(255,255,255,.22);
    background: rgba(255,255,255,.07);
}

.aqark-r3-market-visual {
    min-height: 365px;
    display: grid;
    place-items: center;
}

.aqark-r3-market-card {
    width: min(100%, 560px);
    padding: 26px;
    border-radius: 26px;
    background: rgba(255,255,255,.97);
    box-shadow: 0 40px 90px rgba(0,0,0,.20);
}

.aqark-r3-market-card__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

.aqark-r3-market-card__head small {
    display: block;
    color: var(--aqark-r3-copy);
}

.aqark-r3-market-card__head strong {
    display: block;
    margin-top: 4px;
    color: var(--aqark-r3-ink);
    font-size: 19px;
}

.aqark-r3-spark-bars {
    height: 185px;
    display: flex;
    align-items: end;
    gap: 13px;
    padding-top: 30px;
}

.aqark-r3-spark-bars i {
    flex: 1;
    min-width: 12px;
    border-radius: 9px 9px 4px 4px;
    background: linear-gradient(to top, #2767d8, #6dcdf1);
}

.aqark-r3-spark-bars i:nth-child(1) { height: 52%; }
.aqark-r3-spark-bars i:nth-child(2) { height: 72%; }
.aqark-r3-spark-bars i:nth-child(3) { height: 61%; }
.aqark-r3-spark-bars i:nth-child(4) { height: 87%; }
.aqark-r3-spark-bars i:nth-child(5) { height: 76%; }
.aqark-r3-spark-bars i:nth-child(6) { height: 94%; }
.aqark-r3-spark-bars i:nth-child(7) { height: 83%; }

.aqark-r3-market-mini-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    margin-top: 18px;
}

.aqark-r3-market-mini-grid span {
    padding: 12px;
    border-radius: 11px;
    background: #f7f9fc;
    color: var(--aqark-r3-copy);
    text-align: center;
    font-size: 12px;
    font-weight: 700;
}

.aqark-r3-place-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 15px;
}

.aqark-r3-place-card {
    min-height: 190px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 24px;
    border-radius: 24px;
    border: 1px solid rgba(27,37,89,.07);
    background:
        linear-gradient(140deg, rgba(33,100,243,.03), rgba(33,100,243,.11)),
        #fff;
    color: var(--aqark-r3-ink);
}

.aqark-r3-place-card:nth-child(2) {
    background:
        linear-gradient(140deg, rgba(33,100,243,.02), rgba(64,200,228,.12)),
        #fff;
}

.aqark-r3-place-card:nth-child(3) {
    background:
        linear-gradient(140deg, rgba(33,100,243,.02), rgba(32,168,119,.11)),
        #fff;
}

.aqark-r3-place-card:nth-child(4) {
    background:
        linear-gradient(140deg, rgba(33,100,243,.02), rgba(137,103,245,.11)),
        #fff;
}

.aqark-r3-place-card span {
    font-size: 22px;
    font-weight: 850;
}

.aqark-r3-place-card small {
    margin-top: 5px;
    color: var(--aqark-r3-copy);
}

.aqark-r3-seller-cta {
    padding: 10px 0 96px;
}

.aqark-r3-seller-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 50px;
    padding: 42px;
    border-radius: 30px;
    background:
        radial-gradient(circle at top left, rgba(66,202,255,.15), transparent 22rem),
        var(--aqark-r3-ink);
}

.aqark-r3-seller-card h2 {
    max-width: 700px;
    margin: 12px 0 8px;
    color: #fff;
    font-size: clamp(28px, 3vw, 44px);
}

.aqark-r3-seller-card p {
    max-width: 650px;
    margin: 0;
    color: rgba(255,255,255,.72);
}

.aqark-r3-seller-actions {
    flex: 0 0 auto;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.aqark-r3-seller-card .aqark-btn--secondary {
    color: white;
    border-color: rgba(255,255,255,.25);
    background: rgba(255,255,255,.06);
}

/* ---------- dashboard shell ---------- */

.aqark-dashboard-layout-v2 {
    background: var(--aqark-r3-canvas);
}

.aqark-dashboard-sidebar-v2 {
    background:
        linear-gradient(180deg, #173d6c 0%, #12345e 100%);
    border-inline-end: 0;
}

.aqark-dashboard-nav-v2 {
    padding: 14px 12px 22px;
    gap: 5px;
}

.aqark-dashboard-nav-v2__item {
    min-height: 46px;
    padding-inline: 13px;
    border-radius: 13px;
    color: rgba(255,255,255,.84);
}

.aqark-dashboard-nav-v2__item:hover,
.aqark-dashboard-nav-v2__item.is-active,
.aqark-dashboard-nav-v2__item[aria-current="page"] {
    background: rgba(101, 190, 239, .19);
    color: #fff;
}

.aqark-dashboard-topbar-v2 {
    min-height: 70px;
    border-bottom: 1px solid var(--aqark-r3-line);
    background: rgba(255,255,255,.92);
}

.aqark-dashboard-main-v2 {
    padding: 42px clamp(24px, 4vw, 62px) 100px;
}

.aqark-dashboard-stat-grid-v2 {
    gap: 16px;
}

.aqark-dashboard-stat-card-v2 {
    min-height: 142px;
    padding: 22px;
    border: 1px solid var(--aqark-r3-line);
    border-radius: 22px;
    background: white;
    box-shadow: none;
}

.aqark-dashboard-stat-card-v2:nth-child(1) {
    background: linear-gradient(150deg, #fff, var(--aqark-r3-soft-blue));
}

.aqark-dashboard-stat-card-v2:nth-child(2) {
    background: linear-gradient(150deg, #fff, var(--aqark-r3-soft-cyan));
}

.aqark-dashboard-stat-card-v2:nth-child(3) {
    background: linear-gradient(150deg, #fff, var(--aqark-r3-soft-green));
}

.aqark-dashboard-stat-card-v2:nth-child(4) {
    background: linear-gradient(150deg, #fff, var(--aqark-r3-soft-violet));
}

.aqark-dashboard-stat-card-v2 strong {
    color: var(--aqark-r3-ink);
    font-size: clamp(28px, 3vw, 38px);
}

.aqark-dashboard-panel-v2 {
    border: 1px solid var(--aqark-r3-line);
    border-radius: 23px;
    background: #fff;
    box-shadow: none;
}

/* ---------- new dashboard modules ---------- */

.aqark-r3-workspace-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
    gap: 18px;
    margin-top: 18px;
}

.aqark-r3-workspace-lower-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin-top: 18px;
}

.aqark-r3-growth-panel,
.aqark-r3-activity-panel,
.aqark-r3-copilot-panel,
.aqark-r3-viewing-panel {
    padding: 24px;
}

.aqark-r3-panel-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 20px;
}

.aqark-r3-panel-heading h2 {
    margin: 8px 0 0;
    color: var(--aqark-r3-ink);
    font-size: 20px;
}

.aqark-r3-panel-heading > a {
    color: var(--aqark-theme-primary, var(--aqark-primary, #212356));
    font-size: 12px;
    font-weight: 800;
}

.aqark-r3-growth-options {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.aqark-r3-growth-option {
    min-height: 160px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 18px;
    border-radius: 18px;
    color: var(--aqark-r3-ink);
}

.aqark-r3-growth-option--blue {
    background: var(--aqark-r3-soft-blue);
}

.aqark-r3-growth-option--violet {
    background: var(--aqark-r3-soft-violet);
}

.aqark-r3-growth-option--cyan {
    background: var(--aqark-r3-soft-cyan);
}

.aqark-r3-growth-option strong {
    margin-top: 24px;
    font-size: 15px;
}

.aqark-r3-growth-option small {
    margin-top: 4px;
    color: var(--aqark-r3-copy);
    line-height: 1.5;
}

.aqark-r3-activity-list {
    display: grid;
    gap: 2px;
}

.aqark-r3-activity-item {
    display: grid;
    grid-template-columns: 10px 1fr;
    gap: 12px;
    padding: 13px 0;
    border-bottom: 1px solid rgba(27,37,89,.07);
}

.aqark-r3-activity-item:last-child {
    border-bottom: 0;
}

.aqark-r3-activity-dot {
    width: 9px;
    height: 9px;
    margin-top: 7px;
    border-radius: 999px;
}

.aqark-r3-activity-dot--green { background: #20a877; }
.aqark-r3-activity-dot--blue { background: var(--aqark-theme-primary, var(--aqark-primary, #212356)); }
.aqark-r3-activity-dot--amber { background: #e8a125; }

.aqark-r3-activity-item strong,
.aqark-r3-activity-item small {
    display: block;
}

.aqark-r3-activity-item strong {
    color: var(--aqark-r3-ink);
    font-size: 13px;
}

.aqark-r3-activity-item small {
    margin-top: 3px;
    color: var(--aqark-r3-copy);
}

.aqark-r3-panel-intro {
    margin: -4px 0 20px;
    color: var(--aqark-r3-copy);
    line-height: 1.7;
}

.aqark-r3-copilot-box {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 14px;
    padding: 16px;
    border-radius: 17px;
    background: var(--aqark-r3-soft-blue);
}

.aqark-r3-copilot-box strong,
.aqark-r3-copilot-box small {
    display: block;
}

.aqark-r3-copilot-box strong {
    color: var(--aqark-r3-ink);
}

.aqark-r3-copilot-box small {
    margin-top: 3px;
    color: var(--aqark-r3-copy);
}

.aqark-r3-copilot-box > a {
    color: var(--aqark-theme-primary, var(--aqark-primary, #212356));
    font-size: 12px;
    font-weight: 800;
}

.aqark-r3-calendar-strip {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 7px;
}

.aqark-r3-calendar-strip span {
    display: grid;
    place-items: center;
    min-height: 68px;
    border-radius: 14px;
    background: #f7f9fc;
}

.aqark-r3-calendar-strip small {
    color: var(--aqark-r3-copy);
}

.aqark-r3-calendar-strip strong {
    color: var(--aqark-r3-ink);
    font-size: 19px;
}

.aqark-r3-viewing-empty {
    margin-top: 12px;
    padding: 16px;
    border-radius: 16px;
    border: 1px dashed rgba(27,37,89,.14);
}

.aqark-r3-viewing-empty strong,
.aqark-r3-viewing-empty small {
    display: block;
}

.aqark-r3-viewing-empty strong {
    color: var(--aqark-r3-ink);
}

.aqark-r3-viewing-empty small {
    margin-top: 4px;
    color: var(--aqark-r3-copy);
}

/* ---------- mobile workspace navigation ---------- */

.aqark-r3-mobile-workspace-nav {
    display: none;
}

/* ---------- responsive ---------- */

@media (max-width: 960px) {
    .aqark-r3-section-heading,
    .aqark-r3-market-layout,
    .aqark-r3-workspace-grid,
    .aqark-r3-workspace-lower-grid {
        grid-template-columns: 1fr;
    }

    .aqark-r3-value-grid {
        grid-template-columns: 1fr;
    }

    .aqark-r3-place-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .aqark-r3-market-layout {
        gap: 38px;
    }

    .aqark-r3-seller-card {
        align-items: flex-start;
        flex-direction: column;
    }

    .aqark-r3-growth-options {
        grid-template-columns: 1fr;
    }

    .aqark-r3-growth-option {
        min-height: 130px;
    }
}

@media (max-width: 720px) {
    body {
        padding-bottom: env(safe-area-inset-bottom);
    }

    .aqark-home-v2 .aqark-container,
    .aqark-dashboard-v2 .aqark-container {
        width: min(100% - 28px, 1280px);
    }

    .aqark-public-shell-header-v2 {
        display: none;
    }

    .aqark-mobile-header-v2 {
        min-height: 68px;
        border-bottom: 1px solid var(--aqark-r3-line);
        background: rgba(255,255,255,.97);
    }

    .aqark-home-hero-v2 {
        min-height: auto;
        margin: 0 8px;
        border-radius: 0;
    }

    .aqark-home-hero-v2__content {
        min-height: 700px;
        justify-content: flex-start;
        padding: 74px 22px 32px;
    }

    .aqark-home-hero-v2__copy {
        width: 100%;
        margin-bottom: 28px;
    }

    .aqark-home-hero-v2__title {
        max-width: 100%;
        font-size: clamp(38px, 11.5vw, 52px);
        line-height: 1.06;
        letter-spacing: -.035em;
    }

    .aqark-home-search-v2 {
        width: 100%;
        margin: 0;
        padding: 13px;
        border-radius: 22px;
    }

    .aqark-home-search-v2__tabs {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    .aqark-home-search-grid-v2 {
        grid-template-columns: 1fr !important;
    }

    .aqark-home-search-v2 .aqark-input,
    .aqark-home-search-v2 .aqark-select,
    .aqark-home-search-submit-v2 {
        width: 100%;
        min-height: 52px;
    }

    .aqark-home-category-strip-v2 {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
        margin-top: 18px;
    }

    .aqark-home-category-strip-v2 > * {
        width: 100%;
        justify-content: center;
    }

    .aqark-r3-discovery-story,
    .aqark-r3-places {
        padding: 62px 0;
    }

    .aqark-r3-section-heading {
        display: block;
        margin-bottom: 24px;
    }

    .aqark-r3-section-heading p {
        margin-top: 14px;
    }

    .aqark-r3-section-heading--compact > a {
        display: inline-block;
        margin-top: 12px;
    }

    .aqark-r3-market-band {
        padding: 64px 0;
    }

    .aqark-r3-market-copy h2 {
        font-size: 34px;
    }

    .aqark-r3-market-actions,
    .aqark-r3-seller-actions {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
    }

    .aqark-r3-market-actions .aqark-btn,
    .aqark-r3-seller-actions .aqark-btn {
        width: 100%;
    }

    .aqark-r3-market-visual {
        min-height: 290px;
    }

    .aqark-r3-market-card {
        padding: 18px;
    }

    .aqark-r3-spark-bars {
        height: 145px;
        gap: 8px;
    }

    .aqark-r3-place-grid {
        grid-template-columns: 1fr;
    }

    .aqark-r3-place-card {
        min-height: 145px;
    }

    .aqark-r3-seller-cta {
        padding-bottom: 70px;
    }

    .aqark-r3-seller-card {
        padding: 28px 22px;
        border-radius: 24px;
    }

    .aqark-dashboard-sidebar-v2 {
        display: none !important;
    }

    .aqark-dashboard-layout-v2 {
        display: block !important;
    }

    .aqark-dashboard-main-v2 {
        padding: 28px 20px 118px;
    }

    .aqark-dashboard-stat-grid-v2 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px;
    }

    .aqark-dashboard-stat-card-v2 {
        min-height: 128px;
        padding: 17px;
        border-radius: 19px;
    }

    .aqark-r3-workspace-grid,
    .aqark-r3-workspace-lower-grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .aqark-r3-growth-panel,
    .aqark-r3-activity-panel,
    .aqark-r3-copilot-panel,
    .aqark-r3-viewing-panel {
        padding: 19px;
    }

    .aqark-r3-copilot-box {
        grid-template-columns: auto 1fr;
    }

    .aqark-r3-copilot-box > a {
        grid-column: 2;
    }

    .aqark-r3-mobile-workspace-nav {
        position: fixed;
        z-index: 80;
        inset-inline: 0;
        bottom: 0;
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        align-items: center;
        min-height: 74px;
        padding:
            7px
            10px
            calc(7px + env(safe-area-inset-bottom));
        border-top: 1px solid rgba(27,37,89,.09);
        background: rgba(255,255,255,.96);
        backdrop-filter: blur(16px);
        box-shadow: 0 -12px 35px rgba(18,35,70,.08);
    }

    .aqark-r3-mobile-workspace-nav > a {
        min-height: 54px;
        display: grid;
        place-items: center;
        align-content: center;
        gap: 2px;
        color: #728099;
        text-align: center;
    }

    .aqark-r3-mobile-workspace-nav > a > span {
        font-size: 19px;
        line-height: 1;
    }

    .aqark-r3-mobile-workspace-nav > a > small {
        font-size: 9px;
        font-weight: 750;
    }

    .aqark-r3-mobile-workspace-nav > a.is-active {
        color: var(--aqark-theme-primary, var(--aqark-primary, #212356));
    }

    .aqark-r3-mobile-workspace-nav__add {
        position: relative;
        top: -13px;
    }

    .aqark-r3-mobile-workspace-nav__add > span {
        width: 54px;
        height: 54px;
        display: grid;
        place-items: center;
        border-radius: 999px;
        background: var(--aqark-theme-primary, var(--aqark-primary, #212356));
        color: #fff;
        box-shadow: 0 10px 24px rgba(33,100,243,.27);
        font-size: 28px !important;
    }
}

@media (max-width: 410px) {
    .aqark-dashboard-main-v2 {
        padding-inline: 14px;
    }

    .aqark-home-hero-v2__content {
        padding-inline: 18px;
    }

    .aqark-r3-calendar-strip {
        grid-template-columns: repeat(2, 1fr);
    }
}



/* ==========================================================
   AQARK PHASE22 VISUAL R4 LAYOUT COMPOSITION REPAIR

   Purpose:
   - Repair desktop R3 parent-grid collapse
   - Preserve R3 mobile composition
   - Remove workspace vertical stretching
   - Preserve canonical AQARK theme/logo
   ========================================================== */


/* ---------- Shared structural safety ---------- */

.aqark-r3-discovery-story,
.aqark-r3-market-band,
.aqark-r3-places,
.aqark-r3-seller-cta,
.aqark-r3-workspace-grid,
.aqark-r3-growth-panel,
.aqark-r3-activity-panel,
.aqark-r3-copilot-panel,
.aqark-r3-viewing-panel {
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
}

.aqark-r3-discovery-story *,
.aqark-r3-market-band *,
.aqark-r3-places *,
.aqark-r3-seller-cta *,
.aqark-r3-workspace-grid * {
    box-sizing: border-box;
}


/* Arabic must wrap by words, not by individual characters. */

.aqark-r3-discovery-story h1,
.aqark-r3-discovery-story h2,
.aqark-r3-discovery-story h3,
.aqark-r3-market-band h1,
.aqark-r3-market-band h2,
.aqark-r3-market-band h3,
.aqark-r3-places h1,
.aqark-r3-places h2,
.aqark-r3-places h3,
.aqark-r3-seller-cta h1,
.aqark-r3-seller-cta h2,
.aqark-r3-seller-cta h3 {
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
    white-space: normal;
}


/* ---------- Desktop public composition ---------- */

@media (min-width: 901px) {

    /*
     * R3 screenshot proof showed these four sections being treated as
     * narrow sibling grid cells.
     *
     * Force every major editorial section to occupy the complete
     * parent grid regardless of the parent's historic column count.
     */

    .aqark-r3-discovery-story,
    .aqark-r3-market-band,
    .aqark-r3-places,
    .aqark-r3-seller-cta {
        grid-column: 1 / -1 !important;
        width: min(100%, 1280px) !important;
        margin-inline: auto !important;
        align-self: stretch;
    }

    .aqark-r3-discovery-story {
        margin-block: 64px 28px !important;
    }

    .aqark-r3-market-band {
        margin-block: 28px !important;
        min-height: 0 !important;
        height: auto !important;
    }

    .aqark-r3-places {
        margin-block: 28px !important;
    }

    .aqark-r3-seller-cta {
        margin-block: 28px 72px !important;
        min-height: 0 !important;
        height: auto !important;
    }

    /*
     * Any inner layout already defined by R3 is now given a normal
     * usable width. These protections prevent a nested item from
     * forcing a narrow intrinsic column.
     */

    .aqark-r3-discovery-story > *,
    .aqark-r3-market-band > *,
    .aqark-r3-places > *,
    .aqark-r3-seller-cta > * {
        min-width: 0;
        max-width: 100%;
    }

    /*
     * Market Intelligence:
     * If the R3 element has multiple direct children, present them
     * as an editorial split rather than a vertical narrow rail.
     */

    .aqark-r3-market-band {
        display: grid !important;
        grid-template-columns:
            minmax(0, 1.12fr)
            minmax(320px, .88fr) !important;
        gap: clamp(28px, 4vw, 64px) !important;
        align-items: center !important;
    }

    .aqark-r3-market-band > :only-child {
        grid-column: 1 / -1;
    }

    /*
     * Seller CTA:
     * keep a horizontal premium composition when more than one
     * direct child exists.
     */

    .aqark-r3-seller-cta {
        display: grid !important;
        grid-template-columns:
            minmax(0, 1fr)
            minmax(280px, .55fr) !important;
        gap: 32px !important;
        align-items: center !important;
    }

    .aqark-r3-seller-cta > :only-child {
        grid-column: 1 / -1;
    }
}


/* ---------- Desktop workspace composition ---------- */

@media (min-width: 1024px) {

    /*
     * Do not let one tall item stretch the entire dashboard row.
     */

    .aqark-r3-workspace-grid {
        display: grid !important;
        grid-template-columns:
            repeat(12, minmax(0, 1fr)) !important;
        grid-auto-flow: row !important;
        grid-auto-rows: max-content !important;
        align-items: start !important;
        align-content: start !important;
        gap: 20px !important;
    }

    .aqark-r3-workspace-grid > * {
        align-self: start !important;
        min-height: 0 !important;
        height: auto !important;
    }

    .aqark-r3-growth-panel,
    .aqark-r3-activity-panel,
    .aqark-r3-copilot-panel,
    .aqark-r3-viewing-panel {
        min-height: 0 !important;
        height: auto !important;
        align-self: start !important;
    }

    /*
     * Secondary operational cards form a dense SaaS workspace.
     * Missing optional selectors are harmless.
     */

    .aqark-r3-growth-panel {
        grid-column: span 4 !important;
    }

    .aqark-r3-activity-panel {
        grid-column: span 4 !important;
    }

    .aqark-r3-copilot-panel {
        grid-column: span 4 !important;
    }

    .aqark-r3-viewing-panel {
        grid-column: span 6 !important;
    }

    /*
     * Never allow inherited preview min-heights to create the
     * 800–1200px empty cards visible in R3 desktop.
     */

    .aqark-r3-growth-panel > *,
    .aqark-r3-activity-panel > *,
    .aqark-r3-copilot-panel > *,
    .aqark-r3-viewing-panel > * {
        min-height: 0 !important;
    }
}


/* ---------- Tablet safety ---------- */

@media (min-width: 701px) and (max-width: 1023px) {

    .aqark-r3-discovery-story,
    .aqark-r3-market-band,
    .aqark-r3-places,
    .aqark-r3-seller-cta {
        grid-column: 1 / -1 !important;
        width: 100% !important;
        min-width: 0;
    }

    .aqark-r3-market-band,
    .aqark-r3-seller-cta {
        grid-template-columns: 1fr !important;
    }

    .aqark-r3-workspace-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;
        grid-auto-rows: max-content !important;
        align-items: start !important;
    }

    .aqark-r3-workspace-grid > * {
        min-height: 0 !important;
        height: auto !important;
        align-self: start !important;
    }
}


/* ---------- Mobile: preserve successful R3 architecture ---------- */

@media (max-width: 700px) {

    .aqark-r3-discovery-story,
    .aqark-r3-market-band,
    .aqark-r3-places,
    .aqark-r3-seller-cta {
        grid-column: auto;
        width: 100%;
        min-width: 0;
    }

    .aqark-r3-market-band,
    .aqark-r3-seller-cta {
        grid-template-columns: 1fr !important;
    }

    .aqark-r3-workspace-grid {
        grid-auto-rows: max-content !important;
        align-items: start !important;
    }

    .aqark-r3-growth-panel,
    .aqark-r3-activity-panel,
    .aqark-r3-copilot-panel,
    .aqark-r3-viewing-panel {
        min-height: 0 !important;
        height: auto !important;
    }
}


/* ==========================================================
   AQARK PHASE22 VISUAL R5 WORKSPACE DENSITY REPAIR

   Fixes desktop lower-dashboard vertical stretching.
   Homepage and successful mobile R4 composition are preserved.
   ========================================================== */


@media (min-width: 1024px) {

    /*
     * The rendered R4 review identified this exact section as
     * the lower workspace parent. It must be content-sized rather
     * than carrying inherited preview height/min-height.
     */

    .aqark-r3-workspace-lower-grid {
        display: grid !important;
        grid-template-columns:
            repeat(12, minmax(0, 1fr)) !important;

        grid-auto-flow: row dense !important;
        grid-auto-rows: max-content !important;

        align-items: start !important;
        align-content: start !important;

        gap: 20px !important;

        width: 100% !important;
        min-width: 0 !important;

        min-height: 0 !important;
        height: auto !important;

        margin-block: 20px 0 !important;
        padding-block: 0 !important;
    }


    .aqark-r3-workspace-lower-grid > * {
        min-width: 0 !important;
        min-height: 0 !important;

        height: auto !important;

        align-self: start !important;

        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }


    /*
     * Main lower-dashboard modules.
     *
     * Keep the composition dense and operational:
     * Copilot + Activity/Growth across one row,
     * Viewings then other operational modules beneath.
     */

    .aqark-r3-growth-panel {
        grid-column: span 4 !important;
    }

    .aqark-r3-activity-panel {
        grid-column: span 4 !important;
    }

    .aqark-r3-copilot-panel {
        grid-column: span 4 !important;
    }

    .aqark-r3-viewing-panel {
        grid-column: span 6 !important;
    }


    /*
     * Remove inherited oversized preview dimensions.
     */

    .aqark-r3-growth-panel,
    .aqark-r3-activity-panel,
    .aqark-r3-copilot-panel,
    .aqark-r3-viewing-panel {
        min-height: 0 !important;
        height: auto !important;

        align-self: start !important;

        margin-block: 0 !important;
    }


    .aqark-r3-growth-panel > *,
    .aqark-r3-activity-panel > *,
    .aqark-r3-copilot-panel > *,
    .aqark-r3-viewing-panel > * {
        min-height: 0 !important;
        height: auto !important;
    }


    /*
     * Defensive reset for cards that may have inherited viewport-
     * driven sizing from the preview shell.
     */

    .aqark-r3-workspace-lower-grid .aqark-card,
    .aqark-r3-workspace-lower-grid [class*="panel"],
    .aqark-r3-workspace-lower-grid [class*="card"] {
        min-height: 0 !important;
    }


    /*
     * Avoid giant vertical holes caused by empty grid tracks.
     */

    .aqark-r3-workspace-lower-grid:empty {
        display: none !important;
    }
}


/* Tablet remains compact but two-column. */

@media (min-width: 701px) and (max-width: 1023px) {

    .aqark-r3-workspace-lower-grid {
        display: grid !important;

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        grid-auto-rows: max-content !important;

        align-items: start !important;
        align-content: start !important;

        gap: 16px !important;

        min-height: 0 !important;
        height: auto !important;
    }

    .aqark-r3-workspace-lower-grid > * {
        min-height: 0 !important;
        height: auto !important;

        align-self: start !important;
    }
}


/*
 * Mobile R4 passed visually.
 * Preserve its single-column document flow.
 */

@media (max-width: 700px) {

    .aqark-r3-workspace-lower-grid {
        display: block !important;

        min-height: 0 !important;
        height: auto !important;
    }

    .aqark-r3-workspace-lower-grid > * {
        min-height: 0 !important;
        height: auto !important;
    }
}


/* ==========================================================
   AQARK PHASE22 VISUAL R6 DASHBOARD CONTENT COMPOSITION
   Desktop operational modules only.
   Mobile R4/R5 workspace remains unchanged.
   ========================================================== */


.aqark-r6-desktop-operations {
    display: none;
}


@media (min-width: 1024px) {

    .aqark-r6-desktop-operations {
        display: block;

        width: 100%;
        min-width: 0;

        margin-top: 26px;
        margin-bottom: 48px;
    }


    .aqark-r6-section-heading {
        display: flex;
        justify-content: space-between;
        align-items: end;

        gap: 20px;

        margin-bottom: 18px;
    }


    .aqark-r6-section-heading h2 {
        margin: 4px 0 0;

        font-size: clamp(22px, 2vw, 30px);
        line-height: 1.25;
    }


    .aqark-r6-section-heading p {
        margin: 8px 0 0;

        max-width: 620px;

        color: var(--aqark-theme-muted);
        line-height: 1.7;
    }


    .aqark-r6-eyebrow,
    .aqark-r6-card-kicker {
        display: inline-flex;

        font-size: 11px;
        font-weight: 800;
        letter-spacing: .04em;

        color: var(--aqark-theme-muted);
    }


    .aqark-r6-operations-grid {
        display: grid;

        grid-template-columns:
            repeat(12, minmax(0, 1fr));

        gap: 18px;

        align-items: start;
    }


    .aqark-r6-operation-card {
        grid-column: span 4;

        min-width: 0;
        min-height: 0;

        padding: 22px;

        background: var(--aqark-theme-surface);
        border: 1px solid var(--aqark-theme-border);

        border-radius:
            var(--aqark-theme-radius);

        align-self: start;
    }


    .aqark-r6-operation-card--wide {
        grid-column: span 8;
    }


    .aqark-r6-operation-card--activity {
        grid-column: span 8;
    }


    .aqark-r6-operation-card__head {
        display: flex;
        align-items: center;

        gap: 12px;

        margin-bottom: 14px;
    }


    .aqark-r6-operation-icon {
        flex: 0 0 auto;

        width: 42px;
        height: 42px;

        display: grid;
        place-items: center;

        border-radius: 12px;

        background:
            color-mix(
                in srgb,
                var(--aqark-theme-primary) 8%,
                var(--aqark-theme-surface)
            );

        color: var(--aqark-theme-primary);

        font-size: 12px;
        font-weight: 900;
    }


    .aqark-r6-operation-card h3 {
        margin: 2px 0 0;

        font-size: 17px;
        line-height: 1.35;
    }


    .aqark-r6-operation-card > p {
        margin: 0 0 18px;

        color: var(--aqark-theme-muted);

        font-size: 13px;
        line-height: 1.8;
    }


    .aqark-r6-action-row {
        display: flex;
        flex-wrap: wrap;

        gap: 9px;
    }


    .aqark-r6-action-row a,
    .aqark-r6-text-link {
        display: inline-flex;
        align-items: center;
        justify-content: center;

        min-height: 38px;

        padding: 8px 13px;

        border-radius:
            var(--aqark-theme-button-radius);

        text-decoration: none;

        font-size: 12px;
        font-weight: 750;
    }


    .aqark-r6-action-row a:first-child {
        background: var(--aqark-theme-primary);
        color: var(--aqark-theme-surface);
    }


    .aqark-r6-action-row a:not(:first-child),
    .aqark-r6-text-link {
        background:
            color-mix(
                in srgb,
                var(--aqark-theme-primary) 6%,
                var(--aqark-theme-surface)
            );

        color: var(--aqark-theme-primary);
    }


    .aqark-r6-activity-list {
        list-style: none;

        margin: 0;
        padding: 0;

        display: grid;
        gap: 12px;
    }


    .aqark-r6-activity-list li {
        display: flex;
        align-items: center;

        gap: 10px;

        color: var(--aqark-theme-text);

        font-size: 13px;
    }


    .aqark-r6-activity-list li > span {
        width: 8px;
        height: 8px;

        flex: 0 0 8px;

        border-radius: 999px;

        background: var(--aqark-theme-primary);
    }
}


/* Keep R6 out of successful mobile/tablet composition. */

@media (max-width: 1023px) {
    .aqark-r6-desktop-operations {
        display: none !important;
    }
}


/* ==========================================================
   AQARK PHASE22 VISUAL R6-R4 LOWER GRID PLACEMENT REPAIR

   R6 operations are a direct child of the already validated
   aqark-r3-workspace-lower-grid.

   This avoids relying on outer layout/component markup.
   ========================================================== */


@media (min-width: 1024px) {

    .aqark-r3-workspace-lower-grid
    > .aqark-r6-desktop-operations {
        display: block !important;

        grid-column: 1 / -1 !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        min-height: 0 !important;
        height: auto !important;

        margin:
            10px
            0
            18px !important;

        padding: 0 !important;

        align-self: start !important;
        justify-self: stretch !important;

        position: static !important;
        inset: auto !important;

        float: none !important;
        clear: both !important;

        transform: none !important;
    }


    .aqark-r3-workspace-lower-grid
    > .aqark-r6-desktop-operations
    .aqark-r6-section-heading {
        width: 100% !important;
        min-width: 0 !important;

        margin-bottom: 18px !important;
    }


    .aqark-r3-workspace-lower-grid
    > .aqark-r6-desktop-operations
    .aqark-r6-operations-grid {
        display: grid !important;

        width: 100% !important;
        min-width: 0 !important;

        grid-template-columns:
            repeat(12, minmax(0, 1fr)) !important;

        grid-auto-flow: row dense !important;
        grid-auto-rows: max-content !important;

        gap: 18px !important;

        align-items: start !important;
        align-content: start !important;
    }


    .aqark-r3-workspace-lower-grid
    > .aqark-r6-desktop-operations
    .aqark-r6-operation-card {
        min-width: 0 !important;
        min-height: 0 !important;

        height: auto !important;

        align-self: start !important;

        word-break: normal !important;
        overflow-wrap: normal !important;
        white-space: normal !important;
    }


    .aqark-r3-workspace-lower-grid
    > .aqark-r6-desktop-operations
    .aqark-r6-operation-card--wide {
        grid-column: span 8 !important;
    }


    .aqark-r3-workspace-lower-grid
    > .aqark-r6-desktop-operations
    .aqark-r6-operation-card--activity {
        grid-column: span 8 !important;
    }
}


@media (max-width: 1023px) {

    .aqark-r3-workspace-lower-grid
    > .aqark-r6-desktop-operations {
        display: none !important;
    }
}


/* ==========================================================
   AQARK PHASE22 VISUAL R6-R5 CANONICAL CARD TOKEN BINDING

   R6-R4 placement is retained exactly.
   This layer only guarantees that R6 surfaces have valid
   values when optional theme aliases are absent.
   ========================================================== */


@media (min-width: 1024px) {

    .aqark-r3-workspace-lower-grid
    > .aqark-r6-desktop-operations {
        color:
            var(
                --aqark-theme-text,
                var(--aqark-text, #0F172A)
            );
    }


    .aqark-r3-workspace-lower-grid
    > .aqark-r6-desktop-operations
    .aqark-r6-section-heading {
        padding:
            0
            2px
            2px;
    }


    .aqark-r3-workspace-lower-grid
    > .aqark-r6-desktop-operations
    .aqark-r6-section-heading p,
    .aqark-r3-workspace-lower-grid
    > .aqark-r6-desktop-operations
    .aqark-r6-card-kicker,
    .aqark-r3-workspace-lower-grid
    > .aqark-r6-desktop-operations
    .aqark-r6-eyebrow {
        color:
            var(
                --aqark-theme-muted,
                var(--aqark-muted, #64748B)
            ) !important;
    }


    .aqark-r3-workspace-lower-grid
    > .aqark-r6-desktop-operations
    .aqark-r6-operation-card {
        background:
            var(
                --aqark-theme-surface,
                var(--aqark-surface, #FFFFFF)
            ) !important;

        border:
            1px
            solid
            var(
                --aqark-theme-border,
                var(--aqark-border, #E2E8F0)
            ) !important;

        border-radius:
            var(
                --aqark-theme-radius,
                var(--aqark-radius, 16px)
            ) !important;

        padding: 22px !important;

        box-shadow: none !important;

        color:
            var(
                --aqark-theme-text,
                var(--aqark-text, #0F172A)
            ) !important;
    }


    .aqark-r3-workspace-lower-grid
    > .aqark-r6-desktop-operations
    .aqark-r6-operation-card > p {
        color:
            var(
                --aqark-theme-muted,
                var(--aqark-muted, #64748B)
            ) !important;
    }


    .aqark-r3-workspace-lower-grid
    > .aqark-r6-desktop-operations
    .aqark-r6-operation-icon {
        background:
            #F1F5F9 !important;

        border:
            1px
            solid
            var(
                --aqark-theme-border,
                var(--aqark-border, #E2E8F0)
            ) !important;

        color:
            var(
                --aqark-theme-primary,
                var(--aqark-primary, #212356)
            ) !important;

        border-radius: 12px !important;
    }


    .aqark-r3-workspace-lower-grid
    > .aqark-r6-desktop-operations
    .aqark-r6-action-row a,
    .aqark-r3-workspace-lower-grid
    > .aqark-r6-desktop-operations
    .aqark-r6-text-link {
        border-radius:
            var(
                --aqark-theme-button-radius,
                var(--aqark-button-radius, 12px)
            ) !important;
    }


    .aqark-r3-workspace-lower-grid
    > .aqark-r6-desktop-operations
    .aqark-r6-action-row a:first-child {
        background:
            var(
                --aqark-theme-primary,
                var(--aqark-primary, #212356)
            ) !important;

        color: #FFFFFF !important;
    }


    .aqark-r3-workspace-lower-grid
    > .aqark-r6-desktop-operations
    .aqark-r6-action-row a:not(:first-child),
    .aqark-r3-workspace-lower-grid
    > .aqark-r6-desktop-operations
    .aqark-r6-text-link {
        background:
            #F1F5F9 !important;

        border:
            1px
            solid
            var(
                --aqark-theme-border,
                var(--aqark-border, #E2E8F0)
            ) !important;

        color:
            var(
                --aqark-theme-primary,
                var(--aqark-primary, #212356)
            ) !important;
    }


    .aqark-r3-workspace-lower-grid
    > .aqark-r6-desktop-operations
    .aqark-r6-activity-list li {
        color:
            var(
                --aqark-theme-text,
                var(--aqark-text, #0F172A)
            ) !important;
    }


    .aqark-r3-workspace-lower-grid
    > .aqark-r6-desktop-operations
    .aqark-r6-activity-list li > span {
        background:
            var(
                --aqark-theme-primary,
                var(--aqark-primary, #212356)
            ) !important;
    }


    /*
     * Give each card enough presence without recreating the
     * oversized vertical stretching fixed by R5.
     */

    .aqark-r3-workspace-lower-grid
    > .aqark-r6-desktop-operations
    .aqark-r6-operation-card {
        min-height: 178px !important;
    }


    .aqark-r3-workspace-lower-grid
    > .aqark-r6-desktop-operations
    .aqark-r6-operation-card--wide,
    .aqark-r3-workspace-lower-grid
    > .aqark-r6-desktop-operations
    .aqark-r6-operation-card--activity {
        min-height: 178px !important;
    }
}

/* ============================================================
   AQARK PHASE22 VISUAL R7 PROPERTY DISCOVERY EXPERIENCE
   Existing Phase21/22 functional contracts remain authoritative.
   Visual enhancement only. No provider activation.
   ============================================================ */

.aqark-property-results-v2 {
    background:
        radial-gradient(
            circle at 8% 0%,
            rgba(39, 120, 246, .055),
            transparent 26rem
        ),
        #F8FAFC;
}

.aqark-results-title-row-v2 {
    align-items: flex-end;
    gap: 24px;
    margin-bottom: 20px;
}

.aqark-results-title-row-v2 h1 {
    max-width: 850px;
    letter-spacing: -.035em;
}

.aqark-results-filters-v2 {
    border: 1px solid #e5eaf3;
    border-radius: 22px;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 16px 42px rgba(20, 35, 75, .045);
}

.aqark-results-filter-grid-v2 {
    gap: 10px;
}

.aqark-results-filter-grid-v2 .aqark-input,
.aqark-results-filter-grid-v2 .aqark-select {
    border-color: #e3e8f2;
    background: #f9fbfe;
}

.aqark-results-toolbar-v2 {
    padding: 14px 0;
}

.aqark-results-layout-v2 {
    gap: 18px;
}

.aqark-results-list-v2 {
    gap: 14px;
}

.aqark-result-property-card-v2 {
    overflow: hidden;
    border-color: #e4e9f2;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 8px 28px rgba(24, 40, 82, .035);
    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}

.aqark-result-property-card-v2:hover {
    transform: translateY(-2px);
    border-color: #cbd8ed;
    box-shadow: 0 14px 38px rgba(24, 40, 82, .075);
}

.aqark-result-property-card-v2__media {
    background:
        linear-gradient(
            145deg,
            #dfe8f6,
            #edf3fa
        );
}

.aqark-result-property-card-v2__content {
    padding: 18px;
}

.aqark-result-property-card-v2__price {
    letter-spacing: -.025em;
}

.aqark-result-property-card-v2__facts {
    flex-wrap: wrap;
}

.aqark-result-property-card-v2__actions {
    padding-top: 4px;
}

.aqark-results-map-shell-v2 {
    overflow: hidden;
    border: 1px solid #dce5f1;
    border-radius: 24px;
    background:
        linear-gradient(
            rgba(255,255,255,.18),
            rgba(255,255,255,.18)
        ),
        #eaf2f6;
    box-shadow: 0 12px 36px rgba(20, 35, 75, .045);
}

.aqark-price-marker-v2 {
    border: 2px solid #fff;
    box-shadow:
        0 6px 18px rgba(33, 35, 86, .18),
        0 0 0 1px rgba(33, 35, 86, .08);
}

.aqark-map-cluster-v2 {
    border: 4px solid rgba(255,255,255,.88);
    box-shadow: 0 7px 20px rgba(33,35,86,.22);
}

.aqark-map-search-area-v2 {
    box-shadow: 0 8px 24px rgba(33, 35, 86, .16);
}


/* R7 discovery assist */

.aqark-r7-discovery-assist {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin: 0 0 16px;
    padding: 18px 20px;
    border: 1px solid #dce8f6;
    border-radius: 20px;
    background:
        linear-gradient(
            110deg,
            #f4f9ff 0%,
            #f7fbff 50%,
            #f3fbf8 100%
        );
}

.aqark-r7-discovery-assist__intro {
    display: grid;
    gap: 5px;
    max-width: 660px;
}

.aqark-r7-eyebrow {
    color: #2878e8;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.aqark-r7-discovery-assist__intro strong {
    color: #212356;
    font-size: 17px;
    line-height: 1.35;
}

.aqark-r7-discovery-assist__intro p {
    margin: 0;
    color: #64748b;
    font-size: 13px;
    line-height: 1.65;
}

.aqark-r7-discovery-assist__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.aqark-r7-assist-chip {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 38px;
    padding: 0 13px;
    border: 1px solid #dbe4f1;
    border-radius: 999px;
    background: #fff;
    color: #334155;
    font: inherit;
    font-size: 12px;
    font-weight: 750;
    cursor: default;
}

.aqark-r7-assist-chip.is-active {
    border-color: #c9ddff;
    background: #eaf3ff;
    color: #1f64c8;
}


/* Commute preview */

.aqark-r7-commute-panel {
    margin: 0 0 18px;
    padding: 18px 20px;
    border: 1px solid #dce5f2;
    border-radius: 20px;
    background: #fff;
}

.aqark-r7-commute-panel__heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 15px;
}

.aqark-r7-commute-panel__heading > div {
    display: grid;
    gap: 5px;
}

.aqark-r7-commute-panel__heading strong {
    color: #212356;
    font-size: 16px;
}

.aqark-r7-preview-status {
    display: inline-flex;
    align-items: center;
    min-height: 27px;
    padding: 0 10px;
    border-radius: 999px;
    background: #edf8f3;
    color: #16805a;
    font-size: 10px;
    font-weight: 800;
}

.aqark-r7-commute-panel__controls {
    display: grid;
    grid-template-columns:
        minmax(230px, 1.35fr)
        minmax(320px, 1.7fr)
        minmax(120px, .65fr);
    gap: 12px;
    align-items: end;
}

.aqark-r7-origin-field {
    display: grid;
    gap: 6px;
}

.aqark-r7-origin-field > span {
    color: #64748b;
    font-size: 11px;
    font-weight: 700;
}

.aqark-r7-origin-field input {
    width: 100%;
    height: 44px;
    padding: 0 13px;
    border: 1px solid #e0e7f0;
    border-radius: 12px;
    outline: none;
    background: #f8fafc;
    color: #64748b;
    font: inherit;
    font-size: 12px;
}

.aqark-r7-travel-times {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 6px;
}

.aqark-r7-travel-times button {
    display: grid;
    place-items: center;
    height: 44px;
    padding: 0;
    border: 1px solid #e0e7f0;
    border-radius: 11px;
    background: #f8fafc;
    color: #334155;
    font: inherit;
    font-size: 12px;
    font-weight: 800;
    cursor: default;
}

.aqark-r7-travel-times button small {
    font-size: 8px;
    font-weight: 700;
    opacity: .62;
}

.aqark-r7-travel-times button.is-active {
    border-color: #2d78e5;
    background: #2d78e5;
    color: #fff;
}

.aqark-r7-travel-mode {
    display: flex;
    align-items: center;
    gap: 9px;
    min-height: 44px;
    padding: 0 12px;
    border: 1px solid #e0e7f0;
    border-radius: 12px;
    background: #f8fafc;
}

.aqark-r7-travel-mode > span {
    color: #2d78e5;
}

.aqark-r7-travel-mode > div {
    display: grid;
    gap: 1px;
}

.aqark-r7-travel-mode small {
    color: #94a3b8;
    font-size: 8px;
}

.aqark-r7-travel-mode strong {
    color: #334155;
    font-size: 11px;
}


/* Property detail polish */

.aqark-property-detail-v2 {
    background:
        radial-gradient(
            circle at 85% 0%,
            rgba(39, 120, 246, .045),
            transparent 30rem
        ),
        #F8FAFC;
}

.aqark-property-gallery-v2 {
    gap: 10px;
}

.aqark-property-gallery-v2__main,
.aqark-property-gallery-v2__thumb {
    overflow: hidden;
    border-radius: 18px;
}

.aqark-property-detail-summary-v2,
.aqark-property-detail-section-v2,
.aqark-property-contact-card-v2,
.aqark-property-reference-card-v2 {
    border: 1px solid #e3e9f2;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 8px 28px rgba(24, 40, 82, .03);
}

.aqark-property-contact-card-v2 {
    position: sticky;
    top: 94px;
}

.aqark-property-detail-map-v2 {
    overflow: hidden;
    border-radius: 18px;
}


/* AQARK Intelligence */

.aqark-r7-property-intelligence {
    margin: 22px 0;
    padding: 22px;
    border-radius: 22px;
    background:
        radial-gradient(
            circle at 92% 8%,
            rgba(49, 181, 255, .20),
            transparent 18rem
        ),
        #182052;
    color: #fff;
}

.aqark-r7-property-intelligence__heading {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 18px;
}

.aqark-r7-property-intelligence__heading > div {
    display: grid;
    gap: 6px;
}

.aqark-r7-property-intelligence__heading h2 {
    margin: 0;
    color: #fff;
    font-size: 22px;
}

.aqark-r7-property-intelligence__heading p {
    max-width: 680px;
    margin: 0;
    color: rgba(255,255,255,.7);
    font-size: 13px;
    line-height: 1.7;
}

.aqark-r7-property-intelligence .aqark-r7-eyebrow {
    color: #6fd5ff;
}

.aqark-r7-property-intelligence .aqark-r7-preview-status {
    align-self: flex-start;
    background: rgba(255,255,255,.11);
    color: #dcefff;
}

.aqark-r7-intelligence-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.aqark-r7-intelligence-grid article {
    min-height: 130px;
    padding: 16px;
    border: 1px solid rgba(255,255,255,.11);
    border-radius: 16px;
    background: rgba(255,255,255,.065);
}

.aqark-r7-intelligence-icon {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    margin-bottom: 13px;
    border-radius: 10px;
    background: rgba(103, 208, 255, .14);
    color: #7bdcff;
    font-size: 14px;
    font-weight: 900;
}

.aqark-r7-intelligence-grid strong {
    display: block;
    margin-bottom: 5px;
    color: #fff;
    font-size: 13px;
}

.aqark-r7-intelligence-grid p {
    margin: 0;
    color: rgba(255,255,255,.63);
    font-size: 11px;
    line-height: 1.65;
}


/* Tablet */

@media (max-width: 1100px) {
    .aqark-r7-discovery-assist {
        align-items: flex-start;
        flex-direction: column;
    }

    .aqark-r7-discovery-assist__actions {
        justify-content: flex-start;
    }

    .aqark-r7-commute-panel__controls {
        grid-template-columns: 1fr 1.5fr;
    }

    .aqark-r7-travel-mode {
        grid-column: 1 / -1;
    }
}


/* Mobile */

@media (max-width: 760px) {
    .aqark-property-results-v2,
    .aqark-property-detail-v2 {
        background: #f7f9fc;
    }

    .aqark-results-filters-v2 {
        border-radius: 18px;
        box-shadow: none;
    }

    .aqark-results-title-row-v2 h1 {
        letter-spacing: -.025em;
    }

    .aqark-result-property-card-v2 {
        border-radius: 18px;
        box-shadow: none;
    }

    .aqark-result-property-card-v2:hover {
        transform: none;
    }

    .aqark-r7-discovery-assist {
        gap: 14px;
        padding: 15px;
        border-radius: 17px;
    }

    .aqark-r7-discovery-assist__intro strong {
        font-size: 15px;
    }

    .aqark-r7-discovery-assist__actions {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        width: 100%;
    }

    .aqark-r7-assist-chip {
        justify-content: center;
        min-width: 0;
        padding: 0 8px;
        font-size: 10px;
    }

    .aqark-r7-commute-panel {
        padding: 15px;
        border-radius: 17px;
    }

    .aqark-r7-commute-panel__controls {
        grid-template-columns: 1fr;
    }

    .aqark-r7-travel-mode {
        grid-column: auto;
    }

    .aqark-r7-travel-times {
        grid-template-columns: repeat(3, 1fr);
    }

    .aqark-r7-travel-times button {
        height: 40px;
    }

    .aqark-results-map-shell-v2 {
        min-height: calc(
            100dvh
            - var(--aqark-mobile-bottom-nav-height)
            - 122px
        );
        border-radius: 18px;
    }

    .aqark-property-detail-summary-v2,
    .aqark-property-detail-section-v2,
    .aqark-property-contact-card-v2,
    .aqark-property-reference-card-v2 {
        border-radius: 17px;
        box-shadow: none;
    }

    .aqark-property-contact-card-v2 {
        position: static;
    }

    .aqark-r7-property-intelligence {
        margin: 16px 0;
        padding: 17px;
        border-radius: 18px;
    }

    .aqark-r7-property-intelligence__heading {
        gap: 12px;
    }

    .aqark-r7-property-intelligence__heading h2 {
        font-size: 18px;
    }

    .aqark-r7-intelligence-grid {
        grid-template-columns: 1fr;
    }

    .aqark-r7-intelligence-grid article {
        min-height: auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .aqark-result-property-card-v2 {
        transition: none;
    }
}

/* ==========================================================
   AQARK PHASE22 VISUAL R7-R4 PROPERTY EXPERIENCE POLISH
   Screenshot-driven refinement only.
   No provider/runtime/data/publication activation.
   ========================================================== */

/* Desktop readability and information hierarchy */

.aqark-property-results-v2,
.aqark-property-detail-v2 {
    color: #0F172A;
}

.aqark-property-results-v2 h1,
.aqark-property-detail-v2 h1 {
    letter-spacing: -0.025em;
}

.aqark-property-results-v2 p,
.aqark-property-detail-v2 p {
    line-height: 1.75;
}

.aqark-result-property-card-v2 {
    overflow: hidden;
    border-radius: 18px;
}

.aqark-result-property-card-v2 h2,
.aqark-result-property-card-v2 h3 {
    line-height: 1.45;
}

.aqark-result-property-card-v2__meta,
.aqark-result-property-card-v2__location {
    line-height: 1.55;
}

/* Keep visual rhythm compact without changing results DOM. */

.aqark-results-filters-v2 {
    border-radius: 18px;
}

.aqark-r7-discovery-assist,
.aqark-r7-commute-panel {
    border-radius: 18px;
}

/* Detail experience */

.aqark-property-gallery-v2 {
    overflow: hidden;
    border-radius: 20px;
}

.aqark-property-detail-summary-v2,
.aqark-property-contact-card-v2 {
    border-radius: 18px;
}

.aqark-property-detail-summary-v2 h1 {
    max-width: 860px;
    line-height: 1.3;
}

.aqark-property-detail-summary-v2 p {
    color: #64748B;
}

.aqark-property-contact-card-v2 {
    overflow: hidden;
}

.aqark-r7-property-intelligence {
    overflow: hidden;
    border-radius: 20px;
}

.aqark-r7-intelligence-grid article {
    border-radius: 14px;
}

/* Mobile: reduce excessive section depth while preserving hierarchy. */

@media (max-width: 767px) {
    .aqark-property-results-v2 {
        padding-bottom: 84px;
    }

    .aqark-property-results-v2 h1 {
        font-size: clamp(25px, 7vw, 31px);
        line-height: 1.2;
    }

    .aqark-r7-discovery-assist,
    .aqark-r7-commute-panel {
        padding: 15px;
        border-radius: 16px;
    }

    .aqark-result-property-card-v2 {
        border-radius: 17px;
    }

    .aqark-property-detail-v2 {
        padding-bottom: 82px;
    }

    .aqark-property-gallery-v2 {
        border-radius: 16px;
    }

    .aqark-property-detail-summary-v2 {
        padding: 17px;
        border-radius: 16px;
    }

    .aqark-property-detail-summary-v2 h1 {
        font-size: clamp(21px, 6vw, 27px);
        line-height: 1.32;
    }

    .aqark-property-detail-v2 section {
        scroll-margin-top: 72px;
    }

    .aqark-property-contact-card-v2 {
        border-radius: 16px;
    }

    .aqark-r7-property-intelligence {
        margin-block: 12px;
        padding: 16px;
        border-radius: 18px;
    }

    .aqark-r7-intelligence-grid {
        gap: 8px;
    }

    .aqark-r7-intelligence-grid article {
        min-height: 0;
        padding: 13px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .aqark-result-property-card-v2,
    .aqark-property-contact-card-v2 {
        transition: none;
    }
}


/* ============================================================
   AQARK PHASE22 VISUAL R8 PROJECT ECOSYSTEM
   Existing A4 DOM refinement only.
   No runtime/provider/public release authority.
   ============================================================ */

.aqark-r8-projects-index,
.aqark-r8-compounds-index,
.aqark-r8-developers-index,
.aqark-r8-agencies-index,
.aqark-r8-project-detail,
.aqark-r8-compound-detail,
.aqark-r8-developer-profile,
.aqark-r8-agency-profile,
.aqark-r8-agent-profile {
    background:
        linear-gradient(180deg, #f8fbff 0, #ffffff 360px);
}

.aqark-r8-projects-index,
.aqark-r8-compounds-index,
.aqark-r8-developers-index,
.aqark-r8-agencies-index {
    position: relative;
}

.aqark-r8-projects-index img,
.aqark-r8-compounds-index img,
.aqark-r8-developers-index img,
.aqark-r8-agencies-index img,
.aqark-r8-project-detail img,
.aqark-r8-compound-detail img,
.aqark-r8-developer-profile img,
.aqark-r8-agency-profile img,
.aqark-r8-agent-profile img {
    object-fit: cover;
}

.aqark-r8-projects-index article,
.aqark-r8-compounds-index article,
.aqark-r8-developers-index article,
.aqark-r8-agencies-index article {
    transition:
        transform .2s ease,
        border-color .2s ease,
        box-shadow .2s ease;
}

.aqark-r8-projects-index article:hover,
.aqark-r8-compounds-index article:hover,
.aqark-r8-developers-index article:hover,
.aqark-r8-agencies-index article:hover {
    transform: translateY(-3px);
    border-color: #bfdbfe;
    box-shadow: 0 18px 48px rgba(15, 23, 42, .08);
}

.aqark-r8-discovery-assist {
    width: min(1280px, calc(100% - 48px));
    margin: 28px auto 48px;
    padding: 28px 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    border: 1px solid #dbeafe;
    border-radius: 24px;
    background:
        radial-gradient(circle at 85% 0%, rgba(56,189,248,.14), transparent 34%),
        linear-gradient(135deg, #eff8ff, #ffffff);
}

.aqark-r8-discovery-assist__copy {
    max-width: 720px;
}

.aqark-r8-eyebrow {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 12px;
    margin-bottom: 10px;
    border-radius: 999px;
    background: #dff4ff;
    color: #075985;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .02em;
}

.aqark-r8-discovery-assist h2,
.aqark-r8-intelligence h2 {
    margin: 0;
    color: #0f172a;
    font-size: clamp(24px, 3vw, 38px);
    line-height: 1.15;
    letter-spacing: -.025em;
}

.aqark-r8-discovery-assist p {
    margin: 10px 0 0;
    max-width: 660px;
    color: #64748b;
    line-height: 1.75;
}

.aqark-r8-discovery-assist__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.aqark-r8-chip {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    padding: 0 14px;
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    background: #ffffff;
    color: #1b2559;
    font-size: 13px;
    font-weight: 800;
    white-space: nowrap;
}

.aqark-r8-project-detail,
.aqark-r8-compound-detail,
.aqark-r8-developer-profile,
.aqark-r8-agency-profile,
.aqark-r8-agent-profile {
    padding-bottom: 40px;
}

.aqark-r8-project-detail > *,
.aqark-r8-compound-detail > *,
.aqark-r8-developer-profile > *,
.aqark-r8-agency-profile > *,
.aqark-r8-agent-profile > * {
    position: relative;
}

.aqark-r8-intelligence {
    width: min(1280px, calc(100% - 48px));
    margin: 40px auto 0;
    padding: 34px;
    border-radius: 28px;
    background:
        radial-gradient(circle at 90% 10%, rgba(14,165,233,.18), transparent 30%),
        linear-gradient(135deg, #0f172a, #1b2559);
    color: #ffffff;
    overflow: hidden;
}

.aqark-r8-intelligence__head {
    max-width: 760px;
}

.aqark-r8-eyebrow--dark {
    background: rgba(56,189,248,.14);
    color: #7dd3fc;
    border: 1px solid rgba(125,211,252,.18);
}

.aqark-r8-intelligence h2 {
    color: #ffffff;
}

.aqark-r8-intelligence__head > p {
    margin: 12px 0 0;
    color: #cbd5e1;
    line-height: 1.75;
}

.aqark-r8-intelligence__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-top: 26px;
}

.aqark-r8-intelligence-card {
    min-width: 0;
    padding: 20px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 20px;
    background: rgba(255,255,255,.07);
    backdrop-filter: blur(8px);
}

.aqark-r8-intelligence-card__icon {
    display: block;
    width: 36px;
    height: 36px;
    margin-bottom: 16px;
    border-radius: 12px;
    background:
        linear-gradient(135deg, #38bdf8, #2563eb);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.18);
}

.aqark-r8-intelligence-card strong {
    display: block;
    color: #ffffff;
    font-size: 15px;
}

.aqark-r8-intelligence-card p {
    margin: 8px 0 0;
    color: #cbd5e1;
    font-size: 13px;
    line-height: 1.65;
}

/* Profile surfaces: improve visual hierarchy without changing A4 data. */
.aqark-r8-developer-profile article,
.aqark-r8-agency-profile article,
.aqark-r8-agent-profile article,
.aqark-r8-project-detail article,
.aqark-r8-compound-detail article {
    border-color: #e2e8f0;
}

html[dir="rtl"] .aqark-r8-discovery-assist__actions {
    justify-content: flex-start;
}

@media (max-width: 1024px) {
    .aqark-r8-discovery-assist,
    .aqark-r8-intelligence {
        width: min(100% - 32px, 1280px);
    }

    .aqark-r8-intelligence__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .aqark-r8-projects-index,
    .aqark-r8-compounds-index,
    .aqark-r8-developers-index,
    .aqark-r8-agencies-index,
    .aqark-r8-project-detail,
    .aqark-r8-compound-detail,
    .aqark-r8-developer-profile,
    .aqark-r8-agency-profile,
    .aqark-r8-agent-profile {
        background:
            linear-gradient(180deg, #f8fbff 0, #ffffff 240px);
    }

    .aqark-r8-discovery-assist {
        width: calc(100% - 24px);
        margin: 20px auto 28px;
        padding: 20px;
        flex-direction: column;
        align-items: stretch;
        border-radius: 20px;
    }

    .aqark-r8-discovery-assist__actions {
        justify-content: flex-start;
    }

    .aqark-r8-discovery-assist h2,
    .aqark-r8-intelligence h2 {
        font-size: 25px;
    }

    .aqark-r8-intelligence {
        width: calc(100% - 24px);
        margin-top: 28px;
        padding: 22px;
        border-radius: 22px;
    }

    .aqark-r8-intelligence__grid {
        grid-template-columns: 1fr;
    }

    .aqark-r8-intelligence-card {
        padding: 17px;
    }
}

/* AQARK_PHASE22_VISUAL_R8_PROJECT_ECOSYSTEM */

/* AQARK_PHASE22_VISUAL_R8_R2_REFINEMENT
   Scope:
   - Developers directory desktop density
   - Agencies directory desktop density
   - Developer profile mobile overflow containment
   - No R7/dashboard structural changes
*/

/* ---------------------------------------------------------
   Directory surfaces
   --------------------------------------------------------- */

.aqark-r8-r2-directory-developers,
.aqark-r8-r2-directory-agencies {
    width: 100%;
    min-width: 0;
}

.aqark-r8-r2-directory-developers *,
.aqark-r8-r2-directory-agencies *,
.aqark-r8-r2-developer-profile * {
    box-sizing: border-box;
}

.aqark-r8-r2-directory-developers > *,
.aqark-r8-r2-directory-agencies > * {
    min-width: 0;
}

/*
 Desktop directory cards:
 Existing R8 rows are intentionally preserved.
 R2 converts their visual treatment from oversized horizontal rows
 into denser premium directory surfaces.
*/
@media (min-width: 900px) {
    .aqark-r8-r2-directory-developers [class*="card"],
    .aqark-r8-r2-directory-agencies [class*="card"] {
        min-width: 0;
    }

    .aqark-r8-r2-directory-developers [class*="list"] > *,
    .aqark-r8-r2-directory-developers [class*="grid"] > *,
    .aqark-r8-r2-directory-agencies [class*="list"] > *,
    .aqark-r8-r2-directory-agencies [class*="grid"] > * {
        min-width: 0;
    }

    /*
     Preserve RTL identity on the right while reducing the visual
     distance between entity metadata and its CTA.
    */
    .aqark-r8-r2-directory-developers article,
    .aqark-r8-r2-directory-agencies article {
        position: relative;
        min-width: 0;
        overflow: hidden;
    }

    .aqark-r8-r2-directory-developers article > *,
    .aqark-r8-r2-directory-agencies article > * {
        min-width: 0;
    }

    .aqark-r8-r2-directory-developers a,
    .aqark-r8-r2-directory-agencies a,
    .aqark-r8-r2-directory-developers button,
    .aqark-r8-r2-directory-agencies button {
        white-space: normal;
    }
}

/* ---------------------------------------------------------
   Developer profile responsive containment
   --------------------------------------------------------- */

.aqark-r8-r2-developer-profile {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: clip;
}

.aqark-r8-r2-developer-profile > * {
    min-width: 0;
    max-width: 100%;
}

.aqark-r8-r2-developer-profile img,
.aqark-r8-r2-developer-profile picture,
.aqark-r8-r2-developer-profile video,
.aqark-r8-r2-developer-profile iframe,
.aqark-r8-r2-developer-profile svg {
    max-width: 100%;
}

.aqark-r8-r2-developer-profile img {
    height: auto;
}

.aqark-r8-r2-developer-profile [class*="grid"],
.aqark-r8-r2-developer-profile [class*="row"],
.aqark-r8-r2-developer-profile [class*="columns"],
.aqark-r8-r2-developer-profile [class*="profile"],
.aqark-r8-r2-developer-profile [class*="content"],
.aqark-r8-r2-developer-profile [class*="card"],
.aqark-r8-r2-developer-profile [class*="panel"],
.aqark-r8-r2-developer-profile [class*="intelligence"] {
    min-width: 0;
    max-width: 100%;
}

.aqark-r8-r2-developer-profile h1,
.aqark-r8-r2-developer-profile h2,
.aqark-r8-r2-developer-profile h3,
.aqark-r8-r2-developer-profile p,
.aqark-r8-r2-developer-profile a,
.aqark-r8-r2-developer-profile span {
    overflow-wrap: anywhere;
}

@media (max-width: 767px) {
    .aqark-r8-r2-developer-profile {
        overflow-x: hidden;
    }

    .aqark-r8-r2-developer-profile [class*="grid"],
    .aqark-r8-r2-developer-profile [class*="columns"] {
        grid-template-columns: minmax(0, 1fr);
    }

    .aqark-r8-r2-developer-profile [class*="row"] {
        min-width: 0;
    }

    .aqark-r8-r2-developer-profile [class*="card"],
    .aqark-r8-r2-developer-profile [class*="panel"] {
        width: 100%;
        max-width: 100%;
    }

    .aqark-r8-r2-developer-profile [class*="gallery"] {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        overflow: hidden;
    }

    .aqark-r8-r2-developer-profile [class*="gallery"] img {
        width: 100%;
        max-width: 100%;
        object-fit: cover;
    }

    .aqark-r8-r2-developer-profile [class*="intelligence"] {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .aqark-r8-r2-developer-profile [class*="contact"],
    .aqark-r8-r2-developer-profile [class*="sticky"] {
        max-width: 100%;
        min-width: 0;
    }
}

/*
 Very narrow mobile contract.
 This protects 320–430px widths from flex/grid min-content overflow.
*/
@media (max-width: 430px) {
    .aqark-r8-r2-developer-profile,
    .aqark-r8-r2-developer-profile > *,
    .aqark-r8-r2-developer-profile article,
    .aqark-r8-r2-developer-profile section,
    .aqark-r8-r2-developer-profile aside {
        min-width: 0;
        max-width: 100%;
    }

    .aqark-r8-r2-developer-profile button,
    .aqark-r8-r2-developer-profile a {
        max-width: 100%;
    }
}

/* Preserve accepted mobile directory composition. */
@media (max-width: 899px) {
    .aqark-r8-r2-directory-developers,
    .aqark-r8-r2-directory-agencies {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        overflow-x: hidden;
    }

    .aqark-r8-r2-directory-developers > *,
    .aqark-r8-r2-directory-agencies > * {
        min-width: 0;
        max-width: 100%;
    }
}


/* AQARK_PHASE22_VISUAL_R8_R3_MOBILE_IDENTITY_REPAIR
   Surgical scope:
   Developer Profile mobile identity/header only.
   Fixes compressed developer name and min-content overflow.
   No directory, project-card, contact, intelligence, R7 or dashboard redesign.
*/

@media (max-width: 767px) {

    /*
     The profile hero must become a deliberate mobile stack rather
     than preserving the desktop multi-column geometry.
    */
    .aqark-r8-r2-developer-profile .aqark-r8-developer-profile__hero,
    .aqark-r8-r2-developer-profile .aqark-r8-developer-profile__identity,
    .aqark-r8-r2-developer-profile [class*="profile-hero"],
    .aqark-r8-r2-developer-profile [class*="profile__hero"],
    .aqark-r8-r2-developer-profile [class*="identity"] {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .aqark-r8-r2-developer-profile .aqark-r8-developer-profile__hero,
    .aqark-r8-r2-developer-profile [class*="profile-hero"],
    .aqark-r8-r2-developer-profile [class*="profile__hero"] {
        grid-template-columns: minmax(0, 1fr);
    }

    /*
     Neutralize flex min-content compression where the current R8
     header uses a row layout.
    */
    .aqark-r8-r2-developer-profile .aqark-r8-developer-profile__identity,
    .aqark-r8-r2-developer-profile [class*="identity"] {
        flex: 1 1 100%;
    }

    /*
     Developer name:
     normal word wrapping only.
     Explicitly undo the R8-R2 emergency overflow-wrap:anywhere rule.
    */
    .aqark-r8-r2-developer-profile h1,
    .aqark-r8-r2-developer-profile .aqark-r8-developer-profile__name,
    .aqark-r8-r2-developer-profile [class*="profile-name"],
    .aqark-r8-r2-developer-profile [class*="profile__name"],
    .aqark-r8-r2-developer-profile [class*="identity"] h1,
    .aqark-r8-r2-developer-profile [class*="identity"] h2 {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        word-break: normal;
        overflow-wrap: normal;
        hyphens: none;
        white-space: normal;
    }

    /*
     Keep logo/avatar as an intentional finite item instead of allowing
     it to force the developer name into a tiny residual column.
    */
    .aqark-r8-r2-developer-profile .aqark-r8-developer-profile__logo,
    .aqark-r8-r2-developer-profile .aqark-r8-developer-profile__avatar,
    .aqark-r8-r2-developer-profile [class*="profile-logo"],
    .aqark-r8-r2-developer-profile [class*="profile__logo"],
    .aqark-r8-r2-developer-profile [class*="avatar"] {
        flex: 0 0 auto;
        max-width: min(96px, 28vw);
    }

    /*
     Metrics should occupy their own available width and must never
     compete with the name for desktop-style horizontal space.
    */
    .aqark-r8-r2-developer-profile .aqark-r8-developer-profile__metrics,
    .aqark-r8-r2-developer-profile [class*="metrics"],
    .aqark-r8-r2-developer-profile [class*="stats"] {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .aqark-r8-r2-developer-profile .aqark-r8-developer-profile__metrics,
    .aqark-r8-r2-developer-profile [class*="metrics"] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    /*
     If the hero contact action is part of the desktop row, give it a
     dedicated mobile row rather than compressing the identity.
    */
    .aqark-r8-r2-developer-profile .aqark-r8-developer-profile__hero > a,
    .aqark-r8-r2-developer-profile .aqark-r8-developer-profile__hero > button,
    .aqark-r8-r2-developer-profile [class*="profile-hero"] > a,
    .aqark-r8-r2-developer-profile [class*="profile-hero"] > button {
        width: 100%;
        max-width: 100%;
    }
}

@media (max-width: 430px) {
    .aqark-r8-r2-developer-profile h1,
    .aqark-r8-r2-developer-profile .aqark-r8-developer-profile__name,
    .aqark-r8-r2-developer-profile [class*="profile-name"],
    .aqark-r8-r2-developer-profile [class*="profile__name"],
    .aqark-r8-r2-developer-profile [class*="identity"] h1,
    .aqark-r8-r2-developer-profile [class*="identity"] h2 {
        word-break: normal;
        overflow-wrap: normal;
    }
}


/* AQARK_PHASE22_VISUAL_R9_ACCOUNT_TRANSACTIONAL
   Customer/account visual convergence only.
   Existing authentication, favourites, saved-search, comparison,
   lead/contact, messaging, viewing and security authorities remain unchanged.
*/

.aqark-r9-flow,
.aqark-r9-flow * {
    box-sizing: border-box;
}

.aqark-r9-flow {
    width: 100%;
    max-width: 1180px;
    min-width: 0;
    margin-inline: auto;
    color: #0F172A;
}

.aqark-r9-flow > * {
    min-width: 0;
}

.aqark-r9-flow input,
.aqark-r9-flow select,
.aqark-r9-flow textarea {
    width: 100%;
    min-width: 0;
    min-height: 48px;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    background: #FFFFFF;
    color: #0F172A;
    padding-inline: 14px;
}

.aqark-r9-flow textarea {
    min-height: 120px;
    padding-block: 12px;
    resize: vertical;
}

.aqark-r9-flow input:focus,
.aqark-r9-flow select:focus,
.aqark-r9-flow textarea:focus {
    outline: 2px solid #212356;
    outline-offset: 2px;
}

.aqark-r9-flow button,
.aqark-r9-flow [class*="button"],
.aqark-r9-flow [class*="btn"] {
    border-radius: 12px;
}

.aqark-r9-flow img,
.aqark-r9-flow picture,
.aqark-r9-flow video,
.aqark-r9-flow svg {
    max-width: 100%;
}

/* ----------------------------------------------------------
   Authentication
   ---------------------------------------------------------- */

.aqark-r9-auth-login,
.aqark-r9-auth-register {
    max-width: 1040px;
}

.aqark-r9-auth-login form,
.aqark-r9-auth-register form,
.aqark-r9-auth-login [class*="card"],
.aqark-r9-auth-register [class*="card"] {
    min-width: 0;
    border: 1px solid #E2E8F0;
    border-radius: 16px;
    background: #FFFFFF;
}

.aqark-r9-auth-login h1,
.aqark-r9-auth-login h2,
.aqark-r9-auth-register h1,
.aqark-r9-auth-register h2 {
    color: #212356;
    letter-spacing: -0.02em;
}

.aqark-r9-auth-login [class*="subtitle"],
.aqark-r9-auth-register [class*="subtitle"],
.aqark-r9-auth-login [class*="hint"],
.aqark-r9-auth-register [class*="hint"] {
    color: #64748B;
}

/* ----------------------------------------------------------
   Saved properties
   ---------------------------------------------------------- */

.aqark-r9-saved-properties .aqark-saved-property-grid-v2 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.aqark-r9-saved-properties .aqark-saved-property-grid-v2 > * {
    min-width: 0;
    overflow: hidden;
    border: 1px solid #E2E8F0;
    border-radius: 16px;
    background: #FFFFFF;
}

.aqark-r9-saved-properties [class*="property"] img {
    width: 100%;
    object-fit: cover;
}

.aqark-r9-saved-properties [class*="empty"] {
    grid-column: 1 / -1;
    padding: 40px;
    border: 1px solid #E2E8F0;
    border-radius: 16px;
    background: #FFFFFF;
    text-align: center;
}

/* ----------------------------------------------------------
   Saved searches
   ---------------------------------------------------------- */

.aqark-r9-saved-searches .aqark-saved-search-list-v2 {
    display: grid;
    gap: 14px;
}

.aqark-r9-saved-searches .aqark-saved-search-list-v2 > * {
    min-width: 0;
    border: 1px solid #E2E8F0;
    border-radius: 16px;
    background: #FFFFFF;
}

.aqark-r9-saved-searches [class*="filter"],
.aqark-r9-saved-searches [class*="criteria"],
.aqark-r9-saved-searches [class*="meta"] {
    min-width: 0;
    color: #64748B;
}

/* ----------------------------------------------------------
   Compare
   ---------------------------------------------------------- */

.aqark-r9-compare {
    overflow: hidden;
}

.aqark-r9-compare .aqark-compare-table-v2 {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    border: 1px solid #E2E8F0;
    border-radius: 16px;
    background: #FFFFFF;
}

.aqark-r9-compare table {
    width: 100%;
    min-width: 760px;
    border-collapse: separate;
    border-spacing: 0;
}

.aqark-r9-compare th,
.aqark-r9-compare td {
    border-bottom: 1px solid #E2E8F0;
    padding: 16px;
    vertical-align: top;
}

.aqark-r9-compare th {
    color: #212356;
    background: #F8FAFC;
}

.aqark-r9-compare tr:last-child td {
    border-bottom: 0;
}

/* ----------------------------------------------------------
   Contact / lead capture
   ---------------------------------------------------------- */

.aqark-r9-contact .aqark-contact-layout-v2 {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr);
    gap: 22px;
    align-items: start;
}

.aqark-r9-contact .aqark-lead-form-card-v2,
.aqark-r9-contact [class*="card"],
.aqark-r9-contact [class*="panel"] {
    min-width: 0;
    border: 1px solid #E2E8F0;
    border-radius: 16px;
    background: #FFFFFF;
}

.aqark-r9-contact [class*="property"],
.aqark-r9-contact [class*="agent"],
.aqark-r9-contact [class*="agency"] {
    min-width: 0;
}

.aqark-r9-contact h1,
.aqark-r9-contact h2,
.aqark-r9-contact h3 {
    color: #212356;
}

/* ----------------------------------------------------------
   Lead success
   ---------------------------------------------------------- */

.aqark-r9-lead-success {
    max-width: 760px;
    text-align: center;
}

.aqark-r9-lead-success > * {
    min-width: 0;
}

.aqark-r9-lead-success [class*="card"],
.aqark-r9-lead-success [class*="panel"],
.aqark-r9-lead-success [class*="success"] {
    border: 1px solid #E2E8F0;
    border-radius: 16px;
    background: #FFFFFF;
}

.aqark-r9-lead-success h1,
.aqark-r9-lead-success h2 {
    color: #212356;
}

/* ----------------------------------------------------------
   Common state hierarchy
   ---------------------------------------------------------- */

.aqark-r9-flow [class*="empty"],
.aqark-r9-flow [class*="loading"],
.aqark-r9-flow [class*="error"] {
    min-width: 0;
    max-width: 100%;
}

.aqark-r9-flow [class*="badge"],
.aqark-r9-flow [class*="status"] {
    border-radius: 999px;
}

.aqark-r9-flow [class*="muted"],
.aqark-r9-flow small {
    color: #64748B;
}

/* ----------------------------------------------------------
   Tablet
   ---------------------------------------------------------- */

@media (max-width: 899px) {
    .aqark-r9-saved-properties .aqark-saved-property-grid-v2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .aqark-r9-contact .aqark-contact-layout-v2 {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* ----------------------------------------------------------
   Mobile
   ---------------------------------------------------------- */

@media (max-width: 640px) {
    .aqark-r9-flow {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        overflow-x: hidden;
    }

    .aqark-r9-flow > *,
    .aqark-r9-flow article,
    .aqark-r9-flow section,
    .aqark-r9-flow aside,
    .aqark-r9-flow form {
        max-width: 100%;
        min-width: 0;
    }

    .aqark-r9-saved-properties .aqark-saved-property-grid-v2 {
        grid-template-columns: minmax(0, 1fr);
    }

    .aqark-r9-contact .aqark-contact-layout-v2 {
        grid-template-columns: minmax(0, 1fr);
    }

    .aqark-r9-compare .aqark-compare-table-v2 {
        border-radius: 12px;
    }

    .aqark-r9-flow button,
    .aqark-r9-flow [class*="button"],
    .aqark-r9-flow [class*="btn"] {
        max-width: 100%;
    }
}


/* AQARK_PHASE22_VISUAL_R9_R1_SURGICAL_REFINEMENT
   Visual-only customer/account refinement.
   Dashboard, R7, R8 and all functional authorities remain frozen.
*/

/* ==========================================================
   GLOBAL R9-R1 CUSTOMER FLOW SHELL
   ========================================================== */

.aqark-phase22-r9-r1-shell {
    background: #F8FAFC;
    color: #0F172A;
}

.aqark-phase22-r9-r1-shell main {
    min-width: 0;
}

.aqark-phase22-r9-r1-shell .aqark-r9-flow {
    min-width: 0;
}

/*
 * Critical correction:
 * R9 base form styling must not turn checkbox/radio controls
 * into 48px-wide text inputs.
 */
.aqark-phase22-r9-r1-shell
.aqark-r9-flow
input[type="checkbox"],
.aqark-phase22-r9-r1-shell
.aqark-r9-flow
input[type="radio"] {
    width: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    height: 18px !important;
    min-height: 18px !important;
    max-height: 18px !important;
    margin: 0;
    padding: 0;
    flex: 0 0 18px;
    accent-color: #212356;
}

/* ==========================================================
   AUTH — LOGIN / REGISTER
   ========================================================== */

.aqark-phase22-r9-r1-shell
.aqark-auth-layout-v2 {
    max-width: 1080px;
    margin-inline: auto;
    gap: 28px;
    align-items: center;
}

.aqark-phase22-r9-r1-shell
.aqark-auth-card-v2 {
    border: 1px solid #E2E8F0;
    border-radius: 18px;
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.05);
}

.aqark-phase22-r9-r1-shell
.aqark-auth-card-v2 label {
    line-height: 1.45;
}

.aqark-phase22-r9-r1-shell
.aqark-auth-card-v2
input:not([type="checkbox"]):not([type="radio"]) {
    min-height: 50px;
}

.aqark-phase22-r9-r1-shell
.aqark-auth-card-v2
button {
    min-height: 48px;
    font-weight: 700;
}

.aqark-phase22-r9-r1-shell
.aqark-auth-card-v2
input[type="checkbox"] + label,
.aqark-phase22-r9-r1-shell
.aqark-auth-card-v2
label:has(input[type="checkbox"]) {
    min-width: 0;
}

/* ==========================================================
   SAVED PROPERTIES
   ========================================================== */

.aqark-phase22-r9-r1-shell
.aqark-saved-property-grid-v2 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    align-items: stretch;
}

.aqark-phase22-r9-r1-shell
.aqark-saved-property-grid-v2 > * {
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: 100%;
    overflow: hidden;
    border: 1px solid #E2E8F0;
    border-radius: 18px;
    background: #FFFFFF;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.04);
}

/*
 * Existing A5 cards are two-panel placeholders.
 * Force the media panel above the content instead of consuming
 * half of the desktop card horizontally.
 */
.aqark-phase22-r9-r1-shell
.aqark-saved-property-grid-v2 > * > :first-child {
    width: 100%;
    min-height: 190px;
    flex: 0 0 190px;
    background:
        radial-gradient(
            circle at 75% 20%,
            rgba(37, 99, 235, 0.12),
            transparent 38%
        ),
        linear-gradient(
            145deg,
            #EAF4FF 0%,
            #F8FBFF 55%,
            #E8F2FD 100%
        );
}

.aqark-phase22-r9-r1-shell
.aqark-saved-property-grid-v2 > * > :last-child {
    flex: 1 1 auto;
    min-width: 0;
}

.aqark-phase22-r9-r1-shell
.aqark-saved-property-grid-v2 img {
    width: 100%;
    height: 100%;
    min-height: 190px;
    object-fit: cover;
}

.aqark-phase22-r9-r1-shell
.aqark-saved-property-grid-v2
button,
.aqark-phase22-r9-r1-shell
.aqark-saved-property-grid-v2
a[class*="btn"],
.aqark-phase22-r9-r1-shell
.aqark-saved-property-grid-v2
a[class*="button"] {
    min-height: 44px;
}

/* ==========================================================
   SAVED SEARCHES
   ========================================================== */

.aqark-phase22-r9-r1-shell
.aqark-saved-search-list-v2 {
    display: grid;
    gap: 14px;
}

.aqark-phase22-r9-r1-shell
.aqark-saved-search-list-v2 > * {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 18px 24px;
    align-items: center;
    min-height: 0;
    padding: 22px;
    border-radius: 18px;
}

.aqark-phase22-r9-r1-shell
.aqark-saved-search-list-v2 > * > * {
    min-width: 0;
}

.aqark-phase22-r9-r1-shell
.aqark-saved-search-list-v2
input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;

    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;

    height: 24px !important;
    min-height: 24px !important;
    max-height: 24px !important;

    border: 0;
    border-radius: 999px;
    background: #CBD5E1;
    cursor: pointer;
    position: relative;
}

.aqark-phase22-r9-r1-shell
.aqark-saved-search-list-v2
input[type="checkbox"]::before {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    top: 3px;
    inset-inline-start: 3px;
    border-radius: 50%;
    background: #FFFFFF;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.20);
    transition: transform 160ms ease;
}

.aqark-phase22-r9-r1-shell
.aqark-saved-search-list-v2
input[type="checkbox"]:checked {
    background: #2563EB;
}

.aqark-phase22-r9-r1-shell
.aqark-saved-search-list-v2
input[type="checkbox"]:checked::before {
    transform: translateX(20px);
}

[dir="rtl"]
.aqark-phase22-r9-r1-shell
.aqark-saved-search-list-v2
input[type="checkbox"]:checked::before {
    transform: translateX(-20px);
}

/* ==========================================================
   PROPERTY COMPARE
   ========================================================== */

.aqark-phase22-r9-r1-shell
.aqark-compare-table-v2 {
    position: relative;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x proximity;
}

.aqark-phase22-r9-r1-shell
.aqark-compare-table-v2 table {
    min-width: 880px;
}

.aqark-phase22-r9-r1-shell
.aqark-compare-table-v2 th,
.aqark-phase22-r9-r1-shell
.aqark-compare-table-v2 td {
    min-width: 180px;
}

.aqark-phase22-r9-r1-shell
.aqark-compare-table-v2 th:first-child,
.aqark-phase22-r9-r1-shell
.aqark-compare-table-v2 td:first-child {
    position: sticky;
    inset-inline-start: 0;
    z-index: 2;
    min-width: 130px;
    background: #F8FAFC;
}

.aqark-phase22-r9-r1-shell
.aqark-compare-table-v2
[class*="property"] {
    scroll-snap-align: start;
}

/* ==========================================================
   CONTACT / LEAD
   ========================================================== */

.aqark-phase22-r9-r1-shell
.aqark-contact-layout-v2 {
    display: grid;
    grid-template-columns:
        minmax(320px, 0.90fr)
        minmax(0, 1.10fr);
    gap: 24px;
    align-items: start;
    max-width: 1120px;
    margin-inline: auto;
}

.aqark-phase22-r9-r1-shell
.aqark-contact-layout-v2 > * {
    min-width: 0;
}

.aqark-phase22-r9-r1-shell
.aqark-contact-layout-v2
[class*="property"] {
    overflow: hidden;
    border-radius: 18px;
}

.aqark-phase22-r9-r1-shell
.aqark-contact-layout-v2
[class*="media"],
.aqark-phase22-r9-r1-shell
.aqark-contact-layout-v2
[class*="image"] {
    max-height: 300px;
    min-height: 220px;
    background:
        radial-gradient(
            circle at 70% 25%,
            rgba(37, 99, 235, 0.13),
            transparent 35%
        ),
        linear-gradient(
            145deg,
            #EAF4FF 0%,
            #F8FBFF 60%,
            #E5F0FB 100%
        );
}

.aqark-phase22-r9-r1-shell
.aqark-contact-layout-v2
[class*="media"] img,
.aqark-phase22-r9-r1-shell
.aqark-contact-layout-v2
[class*="image"] img {
    width: 100%;
    height: 100%;
    max-height: 300px;
    object-fit: cover;
}

.aqark-phase22-r9-r1-shell
.aqark-lead-form-card-v2 {
    border-radius: 18px;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.04);
}

.aqark-phase22-r9-r1-shell
.aqark-lead-form-card-v2 textarea {
    min-height: 130px;
}

/* ==========================================================
   LEAD SUCCESS
   ========================================================== */

.aqark-phase22-r9-r1-shell
.aqark-r9-lead-success {
    width: min(100%, 720px);
    min-height: 0;
    margin-inline: auto;
    padding: 72px 20px 100px;
}

.aqark-phase22-r9-r1-shell
.aqark-success-card-v2 {
    max-width: 680px;
    margin-inline: auto;
    padding: 36px;
    border-radius: 20px;
}

.aqark-phase22-r9-r1-shell
.aqark-success-card-v2
[class*="icon"],
.aqark-phase22-r9-r1-shell
.aqark-success-card-v2
[class*="check"] {
    display: grid;
    place-items: center;
    width: 64px;
    height: 64px;
    margin-inline: auto;
    border-radius: 50%;
    border: 0;
    background: #E8F8F1;
    color: #0B8A59;
    font-size: 0;
}

.aqark-phase22-r9-r1-shell
.aqark-success-card-v2
[class*="icon"]::before,
.aqark-phase22-r9-r1-shell
.aqark-success-card-v2
[class*="check"]::before {
    content: "✓";
    font-size: 30px;
    line-height: 1;
    font-weight: 800;
}

/* ==========================================================
   R9 MOBILE BOTTOM NAVIGATION
   ========================================================== */

.aqark-phase22-r9-r1-shell
.aqark-mobile-bottom-nav-v2,
.aqark-phase22-r9-r1-shell
.aqark-mobile-nav-v2,
.aqark-phase22-r9-r1-shell
[class*="mobile-bottom-nav"] {
    position: fixed;
    inset-inline: 8px;
    bottom: 8px;
    z-index: 100;

    display: grid;
    grid-template-columns:
        repeat(auto-fit, minmax(64px, 1fr));

    gap: 4px;
    align-items: stretch;

    padding: 6px;

    border: 1px solid #E2E8F0;
    border-radius: 16px;

    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 12px 35px rgba(15, 23, 42, 0.14);
    backdrop-filter: blur(14px);
}

.aqark-phase22-r9-r1-shell
.aqark-mobile-bottom-nav-v2 a,
.aqark-phase22-r9-r1-shell
.aqark-mobile-nav-v2 a,
.aqark-phase22-r9-r1-shell
[class*="mobile-bottom-nav"] a {
    display: flex;
    align-items: center;
    justify-content: center;

    min-width: 0;
    min-height: 44px;

    padding: 6px 5px;

    border-radius: 11px;

    color: #212356;
    text-decoration: none !important;

    font-size: 12px;
    font-weight: 700;
    line-height: 1.15;
    text-align: center;
}

.aqark-phase22-r9-r1-shell
.aqark-mobile-bottom-nav-v2 a:hover,
.aqark-phase22-r9-r1-shell
.aqark-mobile-nav-v2 a:hover,
.aqark-phase22-r9-r1-shell
[class*="mobile-bottom-nav"] a:hover {
    background: #EFF6FF;
}

/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 1199px) {
    .aqark-phase22-r9-r1-shell
    .aqark-saved-property-grid-v2 {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 899px) {
    .aqark-phase22-r9-r1-shell
    .aqark-saved-property-grid-v2 {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .aqark-phase22-r9-r1-shell
    .aqark-contact-layout-v2 {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 640px) {
    .aqark-phase22-r9-r1-shell {
        padding-bottom: 78px;
    }

    .aqark-phase22-r9-r1-shell
    .aqark-auth-layout-v2 {
        display: flex;
        flex-direction: column;
        gap: 14px;
        padding-inline: 12px;
    }

    .aqark-phase22-r9-r1-shell
    .aqark-auth-card-v2 {
        width: 100%;
    }

    .aqark-phase22-r9-r1-shell
    .aqark-saved-property-grid-v2 {
        grid-template-columns: minmax(0, 1fr);
        gap: 16px;
    }

    .aqark-phase22-r9-r1-shell
    .aqark-saved-property-grid-v2 > * > :first-child {
        min-height: 230px;
        flex-basis: 230px;
    }

    .aqark-phase22-r9-r1-shell
    .aqark-saved-property-grid-v2 img {
        min-height: 230px;
    }

    .aqark-phase22-r9-r1-shell
    .aqark-saved-search-list-v2 > * {
        grid-template-columns: minmax(0, 1fr);
        gap: 14px;
        padding: 18px;
    }

    .aqark-phase22-r9-r1-shell
    .aqark-compare-table-v2 {
        margin-inline: 0;
        padding-bottom: 4px;
    }

    .aqark-phase22-r9-r1-shell
    .aqark-compare-table-v2 table {
        min-width: 760px;
    }

    .aqark-phase22-r9-r1-shell
    .aqark-contact-layout-v2 {
        display: flex;
        flex-direction: column;
        gap: 18px;
        padding-inline: 12px;
    }

    .aqark-phase22-r9-r1-shell
    .aqark-contact-layout-v2
    [class*="media"],
    .aqark-phase22-r9-r1-shell
    .aqark-contact-layout-v2
    [class*="image"] {
        min-height: 220px;
        max-height: 250px;
    }

    .aqark-phase22-r9-r1-shell
    .aqark-r9-lead-success {
        width: 100%;
        padding: 46px 12px 96px;
    }

    .aqark-phase22-r9-r1-shell
    .aqark-success-card-v2 {
        padding: 28px 18px;
    }
}


/*
 * AQARK_PHASE22_VISUAL_R9_R2_BOTTOM_NAV_FINALIZATION
 *
 * R9 account/transactional customer flows use the canonical public
 * hamburger/header as the mobile navigation authority.
 *
 * The legacy Phase22 bottom bar is intentionally suppressed only
 * inside the R9 customer-flow shell. No global public navigation,
 * dashboard shell, R7, or R8 surface is affected.
 */

body.aqark-phase22-r9-r1-shell .aqark-mobile-bottom-nav-v2,
body.aqark-phase22-r9-r1-shell .aqark-mobile-nav-v2,
body.aqark-phase22-r9-r1-shell [data-aqark-mobile-bottom-nav],
body.aqark-phase22-r9-r1-shell [class*="mobile-bottom-nav"] {
    display: none !important;
}

body.aqark-phase22-r9-r1-shell {
    padding-bottom: 0 !important;
}

/*
 * AQARK_PHASE22_VISUAL_R10_A6_R1_SHARED_CONTENT_REFINEMENT
 *
 * Scope:
 *   - A6 Overview content density
 *   - A6 mobile Listings presentation
 *   - A6 desktop/mobile Leads conversation
 *
 * Explicitly excluded:
 *   dashboard preview shell, sidebar, topbar, dashboard mobile nav,
 *   AQARK logo, R7, R8, R9.
 */

/* ---------------------------------------------------------
   A6 OVERVIEW — remove artificial workspace dead-space
   --------------------------------------------------------- */

.aqark-dashboard-v2 .aqark-dashboard-main-v2 {
    min-height: 0 !important;
}

.aqark-dashboard-v2 .aqark-dashboard-main-v2 .aqark-r3-workspace-lower-grid {
    min-height: 0 !important;
    height: auto !important;
    margin-top: clamp(24px, 3vw, 44px) !important;
    padding-top: 0 !important;
    align-content: start !important;
    align-items: start !important;
    row-gap: 18px !important;
}

.aqark-dashboard-v2 .aqark-dashboard-main-v2 .aqark-dashboard-grid-v2 {
    margin-bottom: 0 !important;
}

.aqark-dashboard-v2 .aqark-dashboard-main-v2 .aqark-dashboard-panel-v2 {
    min-height: 0;
}


/* ---------------------------------------------------------
   A6 LISTINGS — preserve desktop table, improve mobile cards
   --------------------------------------------------------- */

.aqark-dashboard-v2 .aqark-dashboard-listing-row-v2__copy,
.aqark-dashboard-v2 .aqark-dashboard-listing-row-v2__price,
.aqark-dashboard-v2 .aqark-dashboard-listing-row-v2__metrics {
    min-width: 0;
}

.aqark-dashboard-v2 .aqark-dashboard-listing-row-v2__copy strong,
.aqark-dashboard-v2 .aqark-dashboard-listing-row-v2__copy span {
    overflow-wrap: anywhere;
}


/* ---------------------------------------------------------
   A6 LEADS — compact desktop thread and restore mobile thread
   --------------------------------------------------------- */

.aqark-dashboard-v2 .aqark-dashboard-lead-layout-v2 {
    align-items: stretch !important;
    gap: 18px !important;
}

.aqark-dashboard-v2 .aqark-dashboard-message-panel-v2 {
    display: flex !important;
    flex-direction: column !important;
    min-height: 420px !important;
    height: auto !important;
    overflow: hidden;
}

.aqark-dashboard-v2 .aqark-dashboard-message-thread-v2 {
    flex: 1 1 auto;
    min-height: 230px !important;
    max-height: 360px;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.aqark-dashboard-v2 .aqark-dashboard-message-compose-v2 {
    margin-top: auto;
    flex: 0 0 auto;
}


/* ---------------------------------------------------------
   TABLET
   --------------------------------------------------------- */

@media (max-width: 1000px) {
    .aqark-dashboard-v2 .aqark-dashboard-lead-layout-v2 {
        grid-template-columns: minmax(230px, .8fr) minmax(0, 1.2fr) !important;
    }

    .aqark-dashboard-v2 .aqark-dashboard-message-panel-v2 {
        min-height: 390px !important;
    }

    .aqark-dashboard-v2 .aqark-dashboard-message-thread-v2 {
        min-height: 210px !important;
        max-height: 320px;
    }
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width: 760px) {

    /* Overview */
    .aqark-dashboard-v2 .aqark-dashboard-main-v2 .aqark-r3-workspace-lower-grid {
        margin-top: 20px !important;
        row-gap: 14px !important;
    }


    /* Listings toolbar */
    .aqark-dashboard-v2 .aqark-dashboard-listing-toolbar-v2 {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
        gap: 10px !important;
        align-items: stretch !important;
    }

    .aqark-dashboard-v2 .aqark-dashboard-listing-search-v2 {
        grid-column: 1 / -1 !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    .aqark-dashboard-v2 .aqark-dashboard-listing-toolbar-v2 .aqark-select {
        width: 100% !important;
        min-width: 0 !important;
    }


    /* Listings rows become readable compact cards */
    .aqark-dashboard-v2 .aqark-dashboard-listing-table-v2 {
        display: grid !important;
        gap: 12px !important;
    }

    .aqark-dashboard-v2 .aqark-dashboard-listing-row-v2 {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 88px !important;
        grid-template-areas:
            "copy media"
            "price media"
            "status metrics"
            "action action" !important;
        gap: 8px 12px !important;
        align-items: center !important;
        padding: 14px !important;
        margin: 0 !important;
        border: 1px solid rgba(218, 226, 239, .95) !important;
        border-radius: 16px !important;
        background: #fff !important;
    }

    .aqark-dashboard-v2 .aqark-dashboard-listing-row-v2__media {
        grid-area: media !important;
        width: 88px !important;
        height: 76px !important;
        min-width: 88px !important;
        min-height: 76px !important;
        align-self: start !important;
        border-radius: 12px !important;
    }

    .aqark-dashboard-v2 .aqark-dashboard-listing-row-v2__copy {
        grid-area: copy !important;
        min-width: 0 !important;
        align-self: end !important;
    }

    .aqark-dashboard-v2 .aqark-dashboard-listing-row-v2__copy strong {
        display: block !important;
        line-height: 1.35 !important;
    }

    .aqark-dashboard-v2 .aqark-dashboard-listing-row-v2__price {
        grid-area: price !important;
        justify-self: start !important;
        margin: 0 !important;
        white-space: nowrap;
    }

    [dir="rtl"] .aqark-dashboard-v2 .aqark-dashboard-listing-row-v2__price {
        justify-self: end !important;
    }

    .aqark-dashboard-v2 .aqark-dashboard-listing-status-v2 {
        grid-area: status !important;
        justify-self: start !important;
        margin: 0 !important;
    }

    [dir="rtl"] .aqark-dashboard-v2 .aqark-dashboard-listing-status-v2 {
        justify-self: end !important;
    }

    .aqark-dashboard-v2 .aqark-dashboard-listing-row-v2__metrics {
        grid-area: metrics !important;
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 5px 8px !important;
        min-width: 0 !important;
        margin: 0 !important;
    }

    .aqark-dashboard-v2 .aqark-dashboard-listing-row-v2 > .aqark-btn {
        grid-area: action !important;
        width: 100% !important;
        min-width: 0 !important;
        justify-self: stretch !important;
        margin-top: 4px !important;
    }


    /* Leads: inbox + selected conversation in one mobile flow */
    .aqark-dashboard-v2 .aqark-dashboard-lead-layout-v2 {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 14px !important;
    }

    .aqark-dashboard-v2 .aqark-dashboard-lead-inbox-v2 {
        width: 100% !important;
        max-height: 370px !important;
        overflow-y: auto !important;
        overscroll-behavior: contain;
    }

    .aqark-dashboard-v2 .aqark-dashboard-message-panel-v2 {
        display: flex !important;
        width: 100% !important;
        min-height: 360px !important;
        max-height: none !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .aqark-dashboard-v2 .aqark-dashboard-message-panel-v2__header {
        flex: 0 0 auto !important;
    }

    .aqark-dashboard-v2 .aqark-dashboard-message-thread-v2 {
        display: flex !important;
        flex-direction: column !important;
        min-height: 190px !important;
        max-height: 260px !important;
        overflow-y: auto !important;
        padding-block: 12px !important;
    }

    .aqark-dashboard-v2 .aqark-dashboard-message-v2 {
        max-width: 88% !important;
    }

    .aqark-dashboard-v2 .aqark-dashboard-message-compose-v2 {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        gap: 8px !important;
        width: 100% !important;
        margin-top: auto !important;
    }

    .aqark-dashboard-v2 .aqark-dashboard-message-compose-v2 .aqark-input {
        min-width: 0 !important;
        width: 100% !important;
    }
}

/*
 * AQARK_PHASE22_VISUAL_R10_A6_R2_FINAL_SPACING_REFINEMENT
 *
 * Final A6 visual polish only:
 * - tighten Overview -> lower workspace transition
 * - reduce excessive Leads conversation height
 * - reduce Leads -> lower workspace gap
 *
 * Listings presentation remains unchanged from R10 A6-R1.
 */

/* Shared lower workspace: modest final compression. */
.aqark-dashboard-v2 .aqark-dashboard-main-v2 .aqark-r3-workspace-lower-grid {
    margin-top: 18px !important;
    row-gap: 14px !important;
}

/* Leads desktop: thread should fit its content rather than dominate viewport. */
.aqark-dashboard-v2 .aqark-dashboard-lead-layout-v2 {
    min-height: 0 !important;
    height: auto !important;
    margin-bottom: 0 !important;
}

.aqark-dashboard-v2 .aqark-dashboard-message-panel-v2 {
    min-height: 330px !important;
    height: auto !important;
}

.aqark-dashboard-v2 .aqark-dashboard-message-thread-v2 {
    min-height: 150px !important;
    max-height: 220px !important;
}

/* Prevent any inherited spacer/min-height around lead content. */
.aqark-dashboard-v2 .aqark-dashboard-lead-layout-v2 + .aqark-r3-workspace-lower-grid {
    margin-top: 16px !important;
}


/* Tablet */
@media (max-width: 1000px) {
    .aqark-dashboard-v2 .aqark-dashboard-message-panel-v2 {
        min-height: 320px !important;
    }

    .aqark-dashboard-v2 .aqark-dashboard-message-thread-v2 {
        min-height: 145px !important;
        max-height: 210px !important;
    }

    .aqark-dashboard-v2 .aqark-dashboard-main-v2 .aqark-r3-workspace-lower-grid {
        margin-top: 16px !important;
    }
}


/* Mobile */
@media (max-width: 760px) {
    .aqark-dashboard-v2 .aqark-dashboard-main-v2 .aqark-r3-workspace-lower-grid {
        margin-top: 10px !important;
        padding-top: 0 !important;
        row-gap: 12px !important;
    }

    .aqark-dashboard-v2 .aqark-dashboard-lead-layout-v2 {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
        gap: 12px !important;
    }

    .aqark-dashboard-v2 .aqark-dashboard-message-panel-v2 {
        min-height: 300px !important;
        margin-bottom: 0 !important;
    }

    .aqark-dashboard-v2 .aqark-dashboard-message-thread-v2 {
        min-height: 135px !important;
        max-height: 175px !important;
    }

    .aqark-dashboard-v2 .aqark-dashboard-message-compose-v2 {
        padding-bottom: 0 !important;
    }

    .aqark-dashboard-v2 .aqark-dashboard-lead-layout-v2 + .aqark-r3-workspace-lower-grid {
        margin-top: 10px !important;
    }
}

/*
 * AQARK_PHASE22_VISUAL_R10_A6_R3_TYPOGRAPHY_CALIBRATION
 *
 * Owner direction:
 * - Preserve the current AQARK dashboard colors.
 * - Improve readability through type size and line-height.
 *
 * No palette, background, border, shadow, layout-grid,
 * logo or structural navigation changes are introduced here.
 */


/* =========================================================
   BASE DASHBOARD TYPOGRAPHY
   ========================================================= */

.aqark-dashboard-v2 {
    font-size: 14px;
    line-height: 1.55;
}

.aqark-dashboard-v2 p {
    font-size: 14px;
    line-height: 1.7;
}


/* =========================================================
   PRIMARY HEADINGS
   ========================================================= */

.aqark-dashboard-v2 .aqark-dashboard-heading-v2 h1,
.aqark-dashboard-v2 .aqark-dashboard-subpage-v2__heading h1 {
    font-size: clamp(28px, 2.1vw, 34px) !important;
    line-height: 1.22 !important;
    font-weight: 800 !important;
}

.aqark-dashboard-v2 .aqark-dashboard-heading-v2__eyebrow {
    font-size: 12px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
    letter-spacing: .035em;
}


/* =========================================================
   SECTION / CARD TITLES
   ========================================================= */

.aqark-dashboard-v2 .aqark-dashboard-panel-v2__heading h2,
.aqark-dashboard-v2 .aqark-dashboard-panel-v2__heading h3,
.aqark-dashboard-v2 .aqark-card h2,
.aqark-dashboard-v2 .aqark-card h3 {
    font-size: 18px;
    line-height: 1.4;
    font-weight: 800;
}

.aqark-dashboard-v2 .aqark-r3-workspace-lower-grid h2 {
    font-size: 22px;
    line-height: 1.35;
    font-weight: 800;
}

.aqark-dashboard-v2 .aqark-r3-workspace-lower-grid h3 {
    font-size: 17px;
    line-height: 1.4;
    font-weight: 800;
}


/* =========================================================
   KPI / STATS
   ========================================================= */

.aqark-dashboard-v2 .aqark-dashboard-stat-card-v2__label {
    font-size: 13px !important;
    line-height: 1.45 !important;
    font-weight: 600 !important;
}

.aqark-dashboard-v2 .aqark-dashboard-stat-card-v2 strong,
.aqark-dashboard-v2 .aqark-dashboard-stat-card-v2__value {
    font-size: clamp(30px, 2.35vw, 36px) !important;
    line-height: 1.05 !important;
    font-weight: 800 !important;
}

.aqark-dashboard-v2 .aqark-dashboard-stat-card-v2 small {
    font-size: 11.5px !important;
    line-height: 1.4 !important;
}


/* =========================================================
   DASHBOARD PANELS / OVERVIEW
   ========================================================= */

.aqark-dashboard-v2 .aqark-dashboard-panel-v2__heading {
    font-size: 16px;
    line-height: 1.45;
}

.aqark-dashboard-v2 .aqark-dashboard-panel-v2__heading strong {
    font-size: 18px;
    line-height: 1.4;
    font-weight: 800;
}

.aqark-dashboard-v2 .aqark-dashboard-panel-v2__heading small {
    font-size: 12.5px;
    line-height: 1.55;
}

.aqark-dashboard-v2 .aqark-dashboard-lead-row-v2__person strong {
    font-size: 13px !important;
    line-height: 1.4 !important;
}

.aqark-dashboard-v2 .aqark-dashboard-lead-row-v2__person small {
    font-size: 11.5px !important;
    line-height: 1.45 !important;
}

.aqark-dashboard-v2 .aqark-dashboard-lead-status-v2 {
    font-size: 11.5px !important;
    line-height: 1.3 !important;
}


/* =========================================================
   LISTINGS
   ========================================================= */

.aqark-dashboard-v2 .aqark-dashboard-listing-row-v2__copy strong {
    font-size: 13.5px !important;
    line-height: 1.45 !important;
    font-weight: 700 !important;
}

.aqark-dashboard-v2 .aqark-dashboard-listing-row-v2__copy span,
.aqark-dashboard-v2 .aqark-dashboard-listing-row-v2__copy small {
    font-size: 11.5px !important;
    line-height: 1.45 !important;
}

.aqark-dashboard-v2 .aqark-dashboard-listing-row-v2__price {
    font-size: 13.5px !important;
    line-height: 1.4 !important;
    font-weight: 800 !important;
}

.aqark-dashboard-v2 .aqark-dashboard-listing-status-v2 {
    font-size: 11.5px !important;
    line-height: 1.3 !important;
}

.aqark-dashboard-v2 .aqark-dashboard-listing-row-v2__metrics {
    font-size: 11.5px !important;
    line-height: 1.4 !important;
}


/* =========================================================
   LEADS / CRM
   ========================================================= */

.aqark-dashboard-v2 .aqark-dashboard-lead-inbox-v2__filters {
    font-size: 12px;
    line-height: 1.4;
}

.aqark-dashboard-v2 .aqark-dashboard-lead-item-v2 strong {
    font-size: 13px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
}

.aqark-dashboard-v2 .aqark-dashboard-lead-item-v2 small {
    font-size: 11.5px !important;
    line-height: 1.45 !important;
}

.aqark-dashboard-v2 .aqark-dashboard-message-panel-v2__header {
    font-size: 13px;
    line-height: 1.45;
}

.aqark-dashboard-v2 .aqark-dashboard-message-panel-v2__header strong {
    font-size: 14px;
    line-height: 1.4;
}

.aqark-dashboard-v2 .aqark-dashboard-message-panel-v2__header small {
    font-size: 11.5px;
    line-height: 1.4;
}

.aqark-dashboard-v2 .aqark-dashboard-message-v2 {
    font-size: 12.5px !important;
    line-height: 1.55 !important;
}


/* =========================================================
   QUICK ACCESS / LOWER WORKSPACE
   ========================================================= */

.aqark-dashboard-v2 .aqark-r3-workspace-lower-grid .aqark-card {
    font-size: 14px;
    line-height: 1.6;
}

.aqark-dashboard-v2 .aqark-r3-workspace-lower-grid .aqark-card p {
    font-size: 13.5px;
    line-height: 1.7;
}

.aqark-dashboard-v2 .aqark-r3-workspace-lower-grid .aqark-card small {
    font-size: 11.5px;
    line-height: 1.45;
}


/* =========================================================
   CONTROLS
   ========================================================= */

.aqark-dashboard-v2 .aqark-btn {
    font-size: 14px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
}

.aqark-dashboard-v2 .aqark-input,
.aqark-dashboard-v2 .aqark-select {
    font-size: 14px !important;
    line-height: 1.45 !important;
}


/* =========================================================
   DESKTOP SIDEBAR / TOPBAR
   Owner-approved typography-only shell refinement.
   ========================================================= */

.aqark-dashboard-v2 .aqark-dashboard-nav-v2__item {
    font-size: 13px !important;
    line-height: 1.4 !important;
    font-weight: 600 !important;
}

.aqark-dashboard-v2 .aqark-dashboard-nav-v2__item small {
    font-size: 11px !important;
    line-height: 1.35 !important;
}

.aqark-dashboard-v2 .aqark-dashboard-topbar-v2 {
    font-size: 12.5px;
    line-height: 1.4;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 760px) {

    .aqark-dashboard-v2 {
        font-size: 14px;
        line-height: 1.6;
    }

    .aqark-dashboard-v2 p {
        font-size: 14px;
        line-height: 1.7;
    }

    .aqark-dashboard-v2 .aqark-dashboard-heading-v2 h1,
    .aqark-dashboard-v2 .aqark-dashboard-subpage-v2__heading h1 {
        font-size: 26px !important;
        line-height: 1.25 !important;
    }

    .aqark-dashboard-v2 .aqark-dashboard-heading-v2__eyebrow {
        font-size: 11.5px !important;
    }

    .aqark-dashboard-v2 .aqark-dashboard-stat-card-v2__label {
        font-size: 12.5px !important;
    }

    .aqark-dashboard-v2 .aqark-dashboard-stat-card-v2 strong,
    .aqark-dashboard-v2 .aqark-dashboard-stat-card-v2__value {
        font-size: 30px !important;
    }

    .aqark-dashboard-v2 .aqark-dashboard-panel-v2__heading strong {
        font-size: 17px !important;
    }

    .aqark-dashboard-v2 .aqark-dashboard-panel-v2__heading small {
        font-size: 12px !important;
    }

    .aqark-dashboard-v2 .aqark-r3-workspace-lower-grid h2 {
        font-size: 21px !important;
    }

    .aqark-dashboard-v2 .aqark-r3-workspace-lower-grid h3 {
        font-size: 17px !important;
    }

    .aqark-dashboard-v2 .aqark-dashboard-listing-row-v2__copy strong {
        font-size: 13px !important;
    }

    .aqark-dashboard-v2 .aqark-dashboard-listing-row-v2__copy span,
    .aqark-dashboard-v2 .aqark-dashboard-listing-row-v2__copy small,
    .aqark-dashboard-v2 .aqark-dashboard-listing-row-v2__metrics {
        font-size: 11.5px !important;
    }

    .aqark-dashboard-v2 .aqark-dashboard-lead-item-v2 strong {
        font-size: 13px !important;
    }

    .aqark-dashboard-v2 .aqark-dashboard-lead-item-v2 small {
        font-size: 11.5px !important;
    }

    .aqark-dashboard-v2 .aqark-dashboard-message-v2 {
        font-size: 12.5px !important;
    }

    .aqark-dashboard-v2 .aqark-btn {
        font-size: 14px !important;
    }

    .aqark-dashboard-v2 .aqark-input,
    .aqark-dashboard-v2 .aqark-select {
        font-size: 14px !important;
    }

    .aqark-dashboard-v2 .aqark-dashboard-mobile-nav-v2 > a small {
        font-size: 11px !important;
        line-height: 1.25 !important;
        font-weight: 600 !important;
    }
}


/* Small mobile: retain readability without crowding navigation. */
@media (max-width: 410px) {

    .aqark-dashboard-v2 .aqark-dashboard-heading-v2 h1,
    .aqark-dashboard-v2 .aqark-dashboard-subpage-v2__heading h1 {
        font-size: 24px !important;
    }

    .aqark-dashboard-v2 .aqark-dashboard-stat-card-v2 strong,
    .aqark-dashboard-v2 .aqark-dashboard-stat-card-v2__value {
        font-size: 28px !important;
    }

    .aqark-dashboard-v2 .aqark-dashboard-mobile-nav-v2 > a small {
        font-size: 10.5px !important;
    }
}

/*
 * AQARK_PHASE22_VISUAL_R11_A7_R1_SHARED_ADMIN_REFINEMENT
 *
 * Owner-approved visual direction:
 * - keep current AQARK navy / blue / pale-neutral palette
 * - inherit R10 readability standards
 * - improve admin density and responsive presentation
 *
 * CSS only. No A7 Blade/controller/business/route mutation.
 */


/* =========================================================
   ADMIN BASE TYPOGRAPHY
   ========================================================= */

.aqark-admin-v2 {
    font-size: 14px;
    line-height: 1.55;
}

.aqark-admin-v2 p {
    font-size: 14px;
    line-height: 1.65;
}

.aqark-admin-v2 .aqark-admin-heading-v2 h1 {
    font-size: clamp(28px, 2.1vw, 34px) !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
}

.aqark-admin-v2 .aqark-admin-heading-v2 > small,
.aqark-admin-v2 .aqark-admin-heading-v2 > span {
    font-size: 12px !important;
    line-height: 1.45 !important;
    font-weight: 700 !important;
}

.aqark-admin-v2 .aqark-admin-heading-v2 p {
    font-size: 13.5px !important;
    line-height: 1.65 !important;
}


/* =========================================================
   ADMIN SHELL READABILITY
   Structure and colors remain unchanged.
   ========================================================= */

.aqark-admin-v2 .aqark-admin-sidebar-v2 {
    font-size: 13px;
    line-height: 1.4;
}

.aqark-admin-v2 .aqark-admin-role-v2 {
    font-size: 13px !important;
    line-height: 1.4 !important;
    font-weight: 800 !important;
}

.aqark-admin-v2 .aqark-admin-nav-v2 a,
.aqark-admin-v2 .aqark-admin-nav-v2 button,
.aqark-admin-v2 .aqark-admin-nav-v2 > * {
    font-size: 12.5px;
    line-height: 1.4;
    font-weight: 700;
}

.aqark-admin-v2 .aqark-admin-topbar-v2 {
    font-size: 12.5px;
    line-height: 1.4;
}

.aqark-admin-v2 .aqark-admin-search-v2 {
    font-size: 14px !important;
    line-height: 1.4 !important;
}

.aqark-admin-v2 .aqark-admin-country-chip-v2 {
    font-size: 12px !important;
    font-weight: 700 !important;
}


/* =========================================================
   OVERVIEW
   ========================================================= */

.aqark-admin-v2 .aqark-admin-main-v2,
.aqark-admin-v2 .aqark-admin-subpage-v2 {
    padding-top: 28px;
    padding-bottom: 28px;
}

.aqark-admin-v2 .aqark-admin-stat-grid-v2 {
    gap: 16px;
}

.aqark-admin-v2 .aqark-admin-stat-card-v2 {
    min-height: 130px !important;
    padding: 22px !important;
}

.aqark-admin-v2 .aqark-admin-stat-card-v2 > span,
.aqark-admin-v2 .aqark-admin-stat-card-v2 > small {
    font-size: 12.5px !important;
    line-height: 1.45 !important;
}

.aqark-admin-v2 .aqark-admin-stat-card-v2 strong {
    font-size: clamp(30px, 2.3vw, 38px) !important;
    line-height: 1.05 !important;
    font-weight: 800 !important;
}

.aqark-admin-v2 .aqark-admin-grid-v2 {
    gap: 16px;
    margin-top: 16px;
}

.aqark-admin-v2 .aqark-admin-panel-v2 {
    min-height: 150px !important;
    padding: 22px !important;
}

.aqark-admin-v2 .aqark-admin-panel-v2 h2,
.aqark-admin-v2 .aqark-admin-panel-v2 h3 {
    font-size: 20px !important;
    line-height: 1.35 !important;
}

.aqark-admin-v2 .aqark-admin-panel-v2 p,
.aqark-admin-v2 .aqark-admin-safety-list-v2 {
    font-size: 13px !important;
    line-height: 1.65 !important;
}


/* =========================================================
   RBAC + STAFF DESKTOP
   ========================================================= */

.aqark-admin-v2 .aqark-rbac-table-v2,
.aqark-admin-v2 .aqark-staff-table-v2 {
    overflow: hidden;
}

.aqark-admin-v2 .aqark-rbac-row-v2,
.aqark-admin-v2 .aqark-staff-row-v2 {
    min-height: 58px;
    align-items: center;
    column-gap: 18px;
    padding-block: 14px;
}

.aqark-admin-v2 .aqark-rbac-row-v2--head,
.aqark-admin-v2 .aqark-staff-row-v2--head {
    min-height: 48px;
    font-size: 12.5px !important;
    font-weight: 800 !important;
}

.aqark-admin-v2 .aqark-rbac-row-v2 > *,
.aqark-admin-v2 .aqark-staff-row-v2 > * {
    font-size: 12.5px;
    line-height: 1.5;
}

.aqark-admin-v2 .aqark-rbac-row-v2 > *:first-child,
.aqark-admin-v2 .aqark-staff-row-v2 > *:first-child {
    font-weight: 800;
}


/* =========================================================
   VISUAL PAGE BUILDER
   ========================================================= */

.aqark-admin-v2 .aqark-builder-layout-v2 {
    gap: 18px;
    align-items: start;
}

.aqark-admin-v2 .aqark-builder-tools-v2,
.aqark-admin-v2 .aqark-builder-canvas-v2,
.aqark-admin-v2 .aqark-builder-properties-v2 {
    min-height: 0 !important;
}

.aqark-admin-v2 .aqark-builder-tools-v2 {
    padding: 18px !important;
}

.aqark-admin-v2 .aqark-builder-tools-v2 h2,
.aqark-admin-v2 .aqark-builder-canvas-v2 h2,
.aqark-admin-v2 .aqark-builder-properties-v2 h2 {
    font-size: 19px !important;
    line-height: 1.35 !important;
}

.aqark-admin-v2 .aqark-builder-tools-v2 button {
    min-height: 38px;
    padding-block: 8px;
    font-size: 12.5px !important;
    line-height: 1.35 !important;
}

.aqark-admin-v2 .aqark-builder-canvas-v2 {
    padding: 18px !important;
}

.aqark-admin-v2 .aqark-builder-canvas-v2__toolbar {
    min-height: 36px;
    font-size: 12px;
}

.aqark-admin-v2 .aqark-builder-preview-v2 {
    gap: 10px;
}

.aqark-admin-v2 .aqark-builder-preview-v2 > * {
    min-height: 70px !important;
    padding: 14px !important;
}

.aqark-admin-v2 .aqark-builder-preview-v2 span,
.aqark-admin-v2 .aqark-builder-preview-v2 small {
    font-size: 11.5px !important;
    line-height: 1.4 !important;
}

.aqark-admin-v2 .aqark-builder-preview-v2 strong {
    font-size: 13px !important;
    line-height: 1.45 !important;
}

.aqark-admin-v2 .aqark-builder-properties-v2 {
    padding: 18px !important;
}


/* =========================================================
   LOCATION MANAGEMENT
   ========================================================= */

.aqark-admin-v2 .aqark-location-admin-layout-v2 {
    gap: 18px;
    align-items: start;
}

.aqark-admin-v2 .aqark-location-tree-v2 {
    padding: 18px !important;
}

.aqark-admin-v2 .aqark-location-tree-v2 h2,
.aqark-admin-v2 .aqark-location-editor-v2__heading h2 {
    font-size: 19px !important;
    line-height: 1.35 !important;
}

.aqark-admin-v2 .aqark-location-node-v2 {
    min-height: 36px;
    padding-block: 8px;
    font-size: 12.5px !important;
    line-height: 1.4 !important;
}

.aqark-admin-v2 .aqark-location-editor-v2 {
    padding: 18px !important;
}

.aqark-admin-v2 .aqark-location-editor-v2__heading {
    margin-bottom: 14px;
}

.aqark-admin-v2 .aqark-location-form-grid-v2 {
    gap: 12px 14px;
}

.aqark-admin-v2 .aqark-location-form-grid-v2 label,
.aqark-admin-v2 .aqark-location-geo-grid-v2 label {
    font-size: 11.5px !important;
    line-height: 1.4 !important;
}

.aqark-admin-v2 .aqark-location-map-shell-v2 {
    min-height: 260px !important;
    height: 260px !important;
}

.aqark-admin-v2 .aqark-location-map-shell-v2 strong {
    font-size: 20px !important;
    line-height: 1.35 !important;
}

.aqark-admin-v2 .aqark-location-map-shell-v2 small {
    font-size: 12px !important;
}

.aqark-admin-v2 .aqark-location-geo-grid-v2 {
    gap: 12px 14px;
}


/* =========================================================
   MAP SETTINGS
   ========================================================= */

.aqark-admin-v2 .aqark-map-settings-v2 {
    padding: 18px !important;
}

.aqark-admin-v2 .aqark-map-settings-grid-v2 {
    gap: 14px 16px;
}

.aqark-admin-v2 .aqark-map-settings-grid-v2 label,
.aqark-admin-v2 .aqark-map-settings-grid-v2 > * {
    font-size: 12.5px;
    line-height: 1.45;
}

.aqark-admin-v2 .aqark-map-settings-grid-v2 .aqark-select {
    min-height: 48px !important;
    font-size: 13px !important;
    font-weight: 600;
}


/* =========================================================
   PAYMENT / RECEIPT REVIEW
   ========================================================= */

.aqark-admin-v2 .aqark-receipt-review-v2 {
    padding: 18px !important;
}

.aqark-admin-v2 .aqark-receipt-review-v2__summary {
    gap: 12px;
    margin-bottom: 16px;
}

.aqark-admin-v2 .aqark-receipt-review-v2__summary > * {
    min-height: 68px !important;
    padding: 14px !important;
}

.aqark-admin-v2 .aqark-receipt-review-v2__summary span,
.aqark-admin-v2 .aqark-receipt-review-v2__summary small {
    font-size: 11.5px !important;
}

.aqark-admin-v2 .aqark-receipt-review-v2__summary strong {
    font-size: 15px !important;
    line-height: 1.35 !important;
}

.aqark-admin-v2 .aqark-receipt-review-layout-v2 {
    gap: 18px;
    align-items: start;
}

.aqark-admin-v2 .aqark-receipt-preview-v2 {
    min-height: 300px !important;
    height: 300px !important;
    font-size: 13px !important;
}

.aqark-admin-v2 .aqark-receipt-analysis-v2 {
    min-height: 0 !important;
}

.aqark-admin-v2 .aqark-receipt-analysis-v2 h2,
.aqark-admin-v2 .aqark-receipt-analysis-v2 h3 {
    font-size: 20px !important;
    line-height: 1.35 !important;
}

.aqark-admin-v2 .aqark-receipt-signal-v2 {
    min-height: 46px;
    padding-block: 11px;
    font-size: 12.5px !important;
    line-height: 1.4 !important;
}

.aqark-admin-v2 .aqark-receipt-signal-v2 strong {
    font-size: 13px !important;
}

.aqark-admin-v2 .aqark-receipt-actions-v2 {
    gap: 10px;
    margin-top: 16px;
}

.aqark-admin-v2 .aqark-receipt-actions-v2 .aqark-btn {
    min-height: 44px;
    font-size: 14px !important;
    font-weight: 800 !important;
}

.aqark-admin-v2 .aqark-receipt-lifecycle-v2 {
    gap: 10px 16px;
    margin-top: 18px;
    font-size: 11.5px !important;
    line-height: 1.45 !important;
}


/* =========================================================
   SHARED ADMIN INPUT READABILITY
   ========================================================= */

.aqark-admin-v2 .aqark-input,
.aqark-admin-v2 .aqark-select {
    font-size: 13px !important;
    line-height: 1.45 !important;
}

.aqark-admin-v2 .aqark-btn {
    font-size: 14px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1023px) {

    .aqark-admin-v2 .aqark-admin-main-v2,
    .aqark-admin-v2 .aqark-admin-subpage-v2 {
        padding-top: 22px;
        padding-bottom: 22px;
    }

    .aqark-admin-v2 .aqark-builder-layout-v2,
    .aqark-admin-v2 .aqark-location-admin-layout-v2,
    .aqark-admin-v2 .aqark-receipt-review-layout-v2 {
        gap: 14px;
    }

    .aqark-admin-v2 .aqark-location-map-shell-v2 {
        min-height: 230px !important;
        height: 230px !important;
    }

    .aqark-admin-v2 .aqark-receipt-preview-v2 {
        min-height: 270px !important;
        height: 270px !important;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 760px) {

    .aqark-admin-v2 {
        font-size: 14px;
        line-height: 1.6;
    }

    .aqark-admin-v2 .aqark-admin-main-v2,
    .aqark-admin-v2 .aqark-admin-subpage-v2 {
        padding-top: 20px;
        padding-bottom: 24px;
    }

    .aqark-admin-v2 .aqark-admin-heading-v2 h1 {
        font-size: 26px !important;
        line-height: 1.22 !important;
    }

    .aqark-admin-v2 .aqark-admin-heading-v2 p {
        font-size: 13px !important;
        line-height: 1.6 !important;
    }

    .aqark-admin-v2 .aqark-admin-topbar-v2 {
        font-size: 11.5px;
    }

    .aqark-admin-v2 .aqark-admin-search-v2 {
        font-size: 13px !important;
    }


    /* Overview */
    .aqark-admin-v2 .aqark-admin-stat-grid-v2 {
        gap: 10px;
    }

    .aqark-admin-v2 .aqark-admin-stat-card-v2 {
        min-height: 118px !important;
        padding: 16px !important;
    }

    .aqark-admin-v2 .aqark-admin-stat-card-v2 strong {
        font-size: 30px !important;
    }

    .aqark-admin-v2 .aqark-admin-grid-v2 {
        gap: 10px;
        margin-top: 12px;
    }

    .aqark-admin-v2 .aqark-admin-panel-v2 {
        min-height: 0 !important;
        padding: 16px !important;
    }


    /* RBAC mobile cards */
    .aqark-admin-v2 .aqark-rbac-row-v2--head {
        display: none !important;
    }

    .aqark-admin-v2 .aqark-rbac-table-v2 {
        display: grid !important;
        gap: 12px !important;
        padding: 12px !important;
        overflow: visible !important;
    }

    .aqark-admin-v2 .aqark-rbac-row-v2:not(.aqark-rbac-row-v2--head) {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 9px !important;
        min-height: 0 !important;
        padding: 16px !important;
        align-items: stretch !important;
    }

    .aqark-admin-v2 .aqark-rbac-row-v2:not(.aqark-rbac-row-v2--head) > * {
        display: grid !important;
        grid-template-columns: 104px minmax(0, 1fr) !important;
        gap: 10px !important;
        align-items: start !important;
        font-size: 12.5px !important;
        line-height: 1.5 !important;
    }

    .aqark-admin-v2 .aqark-rbac-row-v2:not(.aqark-rbac-row-v2--head) > *::before {
        font-size: 11px;
        line-height: 1.4;
        font-weight: 800;
        opacity: .62;
    }

    .aqark-admin-v2 .aqark-rbac-row-v2:not(.aqark-rbac-row-v2--head) > *:nth-child(1)::before {
        content: "Role";
    }

    .aqark-admin-v2 .aqark-rbac-row-v2:not(.aqark-rbac-row-v2--head) > *:nth-child(2)::before {
        content: "Scope";
    }

    .aqark-admin-v2 .aqark-rbac-row-v2:not(.aqark-rbac-row-v2--head) > *:nth-child(3)::before {
        content: "Key permissions";
    }

    .aqark-admin-v2 .aqark-rbac-row-v2:not(.aqark-rbac-row-v2--head) > *:nth-child(4)::before {
        content: "Status";
    }


    /* Staff mobile cards */
    .aqark-admin-v2 .aqark-staff-row-v2--head {
        display: none !important;
    }

    .aqark-admin-v2 .aqark-staff-table-v2 {
        display: grid !important;
        gap: 12px !important;
        padding: 12px !important;
        overflow: visible !important;
    }

    .aqark-admin-v2 .aqark-staff-row-v2:not(.aqark-staff-row-v2--head) {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 9px !important;
        min-height: 0 !important;
        padding: 16px !important;
        align-items: stretch !important;
    }

    .aqark-admin-v2 .aqark-staff-row-v2:not(.aqark-staff-row-v2--head) > * {
        display: grid !important;
        grid-template-columns: 88px minmax(0, 1fr) !important;
        gap: 10px !important;
        align-items: start !important;
        font-size: 12.5px !important;
        line-height: 1.5 !important;
    }

    .aqark-admin-v2 .aqark-staff-row-v2:not(.aqark-staff-row-v2--head) > *::before {
        font-size: 11px;
        line-height: 1.4;
        font-weight: 800;
        opacity: .62;
    }

    .aqark-admin-v2 .aqark-staff-row-v2:not(.aqark-staff-row-v2--head) > *:nth-child(1)::before {
        content: "Name";
    }

    .aqark-admin-v2 .aqark-staff-row-v2:not(.aqark-staff-row-v2--head) > *:nth-child(2)::before {
        content: "Role";
    }

    .aqark-admin-v2 .aqark-staff-row-v2:not(.aqark-staff-row-v2--head) > *:nth-child(3)::before {
        content: "Scope";
    }

    .aqark-admin-v2 .aqark-staff-row-v2:not(.aqark-staff-row-v2--head) > *:nth-child(4)::before {
        content: "Status";
    }


    /* Builder mobile */
    .aqark-admin-v2 .aqark-builder-layout-v2 {
        gap: 12px;
    }

    .aqark-admin-v2 .aqark-builder-tools-v2,
    .aqark-admin-v2 .aqark-builder-canvas-v2,
    .aqark-admin-v2 .aqark-builder-properties-v2 {
        padding: 15px !important;
        min-height: 0 !important;
    }

    .aqark-admin-v2 .aqark-builder-tools-v2 button {
        min-height: 36px;
        padding-block: 7px;
        font-size: 12.5px !important;
    }

    .aqark-admin-v2 .aqark-builder-preview-v2 {
        gap: 8px;
    }

    .aqark-admin-v2 .aqark-builder-preview-v2 > * {
        min-height: 64px !important;
        padding: 12px !important;
    }


    /* Location mobile */
    .aqark-admin-v2 .aqark-location-admin-layout-v2 {
        gap: 12px;
    }

    .aqark-admin-v2 .aqark-location-tree-v2,
    .aqark-admin-v2 .aqark-location-editor-v2 {
        padding: 15px !important;
    }

    .aqark-admin-v2 .aqark-location-node-v2 {
        min-height: 34px;
        padding-block: 7px;
    }

    .aqark-admin-v2 .aqark-location-form-grid-v2,
    .aqark-admin-v2 .aqark-location-geo-grid-v2 {
        gap: 10px;
    }

    .aqark-admin-v2 .aqark-location-map-shell-v2 {
        min-height: 200px !important;
        height: 200px !important;
    }

    .aqark-admin-v2 .aqark-location-map-shell-v2 strong {
        font-size: 18px !important;
    }


    /* Map settings mobile */
    .aqark-admin-v2 .aqark-map-settings-v2 {
        padding: 15px !important;
    }

    .aqark-admin-v2 .aqark-map-settings-grid-v2 {
        gap: 10px !important;
    }

    .aqark-admin-v2 .aqark-map-settings-grid-v2 .aqark-select {
        min-height: 46px !important;
        font-size: 13px !important;
    }


    /* Receipt review mobile */
    .aqark-admin-v2 .aqark-receipt-review-v2 {
        padding: 14px !important;
    }

    .aqark-admin-v2 .aqark-receipt-review-v2__summary {
        gap: 8px;
        margin-bottom: 12px;
    }

    .aqark-admin-v2 .aqark-receipt-review-v2__summary > * {
        min-height: 60px !important;
        padding: 12px !important;
    }

    .aqark-admin-v2 .aqark-receipt-review-layout-v2 {
        gap: 12px;
    }

    .aqark-admin-v2 .aqark-receipt-preview-v2 {
        min-height: 215px !important;
        height: 215px !important;
    }

    .aqark-admin-v2 .aqark-receipt-analysis-v2 h2,
    .aqark-admin-v2 .aqark-receipt-analysis-v2 h3 {
        font-size: 19px !important;
    }

    .aqark-admin-v2 .aqark-receipt-signal-v2 {
        min-height: 44px;
        padding-block: 10px;
        font-size: 12.5px !important;
    }

    .aqark-admin-v2 .aqark-receipt-actions-v2 {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    .aqark-admin-v2 .aqark-receipt-actions-v2 .aqark-btn {
        width: 100%;
        min-height: 44px;
    }

    .aqark-admin-v2 .aqark-receipt-actions-v2 .aqark-btn:last-child:first-child,
    .aqark-admin-v2 .aqark-receipt-actions-v2 .aqark-btn:nth-child(3) {
        grid-column: 1 / -1;
    }

    .aqark-admin-v2 .aqark-receipt-lifecycle-v2 {
        gap: 8px 12px;
        font-size: 11.5px !important;
        line-height: 1.45 !important;
    }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 410px) {

    .aqark-admin-v2 .aqark-admin-heading-v2 h1 {
        font-size: 24px !important;
    }

    .aqark-admin-v2 .aqark-admin-stat-card-v2 strong {
        font-size: 28px !important;
    }

    .aqark-admin-v2 .aqark-rbac-row-v2:not(.aqark-rbac-row-v2--head) > *,
    .aqark-admin-v2 .aqark-staff-row-v2:not(.aqark-staff-row-v2--head) > * {
        grid-template-columns: 86px minmax(0, 1fr) !important;
    }

    .aqark-admin-v2 .aqark-receipt-actions-v2 {
        grid-template-columns: 1fr !important;
    }

    .aqark-admin-v2 .aqark-receipt-actions-v2 .aqark-btn {
        grid-column: auto !important;
    }
}

/*
 * AQARK_PHASE22_VISUAL_R11_A7_R2_FINAL_MOBILE_USABILITY_POLISH
 *
 * Final A7 mobile-only owner-review polish:
 * - Overview lower panels stack on narrow phones
 * - RBAC records gain clearer whitespace grouping
 * - Staff records gain clearer whitespace grouping
 * - Receipt lifecycle actions become readable mobile controls
 *
 * No colors.
 * No desktop redesign.
 * No markup/controller/permission changes.
 */


/* =========================================================
   R11-R2 MOBILE FINALIZATION
   ========================================================= */

@media (max-width: 760px) {

    /*
     * RBAC
     * Keep the R11-R1 card transformation, but make each
     * role record read as a distinct administrative unit.
     */
    .aqark-admin-v2
    .aqark-rbac-row-v2:not(.aqark-rbac-row-v2--head) {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
        margin: 0 !important;
    }

    .aqark-admin-v2
    .aqark-rbac-row-v2:not(.aqark-rbac-row-v2--head)
    + .aqark-rbac-row-v2:not(.aqark-rbac-row-v2--head) {
        margin-top: 10px !important;
    }

    .aqark-admin-v2
    .aqark-rbac-row-v2:not(.aqark-rbac-row-v2--head)
    > * {
        min-height: 28px;
        align-content: start;
    }

    .aqark-admin-v2
    .aqark-rbac-row-v2:not(.aqark-rbac-row-v2--head)
    > *:first-child {
        margin-bottom: 3px;
        font-size: 13.5px !important;
    }


    /*
     * STAFF ACCOUNTS
     * Preserve the R11-R1 labels while strengthening
     * separation between individual staff records.
     */
    .aqark-admin-v2
    .aqark-staff-row-v2:not(.aqark-staff-row-v2--head) {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
        margin: 0 !important;
    }

    .aqark-admin-v2
    .aqark-staff-row-v2:not(.aqark-staff-row-v2--head)
    + .aqark-staff-row-v2:not(.aqark-staff-row-v2--head) {
        margin-top: 12px !important;
    }

    .aqark-admin-v2
    .aqark-staff-row-v2:not(.aqark-staff-row-v2--head)
    > * {
        min-height: 28px;
        align-content: start;
    }

    .aqark-admin-v2
    .aqark-staff-row-v2:not(.aqark-staff-row-v2--head)
    > *:first-child {
        margin-bottom: 3px;
        font-size: 13.5px !important;
    }


    /*
     * PAYMENT REVIEW LIFECYCLE
     * Convert the tiny footer links into a readable
     * two-column operational control area.
     */
    .aqark-admin-v2 .aqark-receipt-lifecycle-v2 {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px 10px !important;
        align-items: stretch !important;
        margin-top: 16px !important;
        font-size: 12px !important;
        line-height: 1.4 !important;
    }

    .aqark-admin-v2 .aqark-receipt-lifecycle-v2 > * {
        display: flex !important;
        min-width: 0;
        min-height: 40px;
        align-items: center !important;
        justify-content: center !important;
        padding: 6px 8px !important;
        text-align: center !important;
        line-height: 1.35 !important;
        overflow-wrap: anywhere;
    }

    /*
     * Receipt action order remains authoritative.
     * Only spacing/readability changes.
     */
    .aqark-admin-v2 .aqark-receipt-actions-v2 {
        margin-top: 14px !important;
        gap: 8px !important;
    }

    .aqark-admin-v2 .aqark-receipt-actions-v2 .aqark-btn {
        min-height: 46px !important;
    }
}


/* =========================================================
   NARROW MOBILE
   ========================================================= */

@media (max-width: 430px) {

    /*
     * Prevent Administration Scope from becoming a narrow
     * half-width panel with awkward heading wrapping.
     */
    .aqark-admin-v2 .aqark-admin-grid-v2 {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .aqark-admin-v2 .aqark-admin-panel-v2 {
        width: 100%;
        min-width: 0;
    }

    .aqark-admin-v2 .aqark-admin-panel-v2 h2,
    .aqark-admin-v2 .aqark-admin-panel-v2 h3 {
        overflow-wrap: normal;
        word-break: normal;
    }

    /*
     * Keep mobile metadata comfortably inside the screen.
     */
    .aqark-admin-v2
    .aqark-rbac-row-v2:not(.aqark-rbac-row-v2--head)
    > * {
        grid-template-columns: 92px minmax(0, 1fr) !important;
        gap: 9px !important;
    }

    .aqark-admin-v2
    .aqark-staff-row-v2:not(.aqark-staff-row-v2--head)
    > * {
        grid-template-columns: 78px minmax(0, 1fr) !important;
        gap: 9px !important;
    }

    /*
     * Preserve two columns for compact lifecycle controls;
     * permit long labels to wrap naturally.
     */
    .aqark-admin-v2 .aqark-receipt-lifecycle-v2 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        font-size: 11.5px !important;
    }

    .aqark-admin-v2 .aqark-receipt-lifecycle-v2 > * {
        min-height: 42px;
        padding-inline: 5px !important;
    }
}


/* =========================================================
   VERY NARROW MOBILE
   ========================================================= */

@media (max-width: 360px) {

    .aqark-admin-v2 .aqark-receipt-lifecycle-v2 {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .aqark-admin-v2
    .aqark-rbac-row-v2:not(.aqark-rbac-row-v2--head)
    > *,
    .aqark-admin-v2
    .aqark-staff-row-v2:not(.aqark-staff-row-v2--head)
    > * {
        grid-template-columns: 1fr !important;
        gap: 3px !important;
    }
}

/*
 * AQARK_PHASE22_VISUAL_R12_A8_R1_SURGICAL_REFINEMENT
 *
 * Scope:
 * - Preserve accepted AQARK color direction.
 * - Preserve R7-R11 visual/logic source.
 * - Refine only A8 dashboard-tool presentation.
 * - Mobile billing rows become readable record cards.
 * - Mobile marketing campaign rows become readable record cards.
 * - Profile section navigation becomes compact on mobile.
 * - Property editor eight-step navigation becomes compact/scrollable.
 * - Growth Store mobile density improves without hiding benefits.
 * - Supporting metadata and form labels receive readability calibration.
 * - AQARK AI Tools and SEO & Content structure remain unchanged.
 */

/* ------------------------------------------------------------
   R12 A8 shared supporting-text calibration
   ------------------------------------------------------------ */

.aqark-package-benefits-v2,
.aqark-billing-row-v2,
.aqark-campaign-row-v2 {
    font-size: 0.8125rem;
    line-height: 1.5;
}

.aqark-profile-settings-form-v2 label,
.aqark-property-editor-form-v2 label,
.aqark-property-editor-form-v2 .aqark-field__label {
    font-size: 0.75rem;
    line-height: 1.4;
}

.aqark-profile-settings-nav-v2 {
    font-size: 0.8125rem;
}

.aqark-property-editor-steps-v2 {
    font-size: 0.75rem;
}

.aqark-property-editor-form-v2 .aqark-input,
.aqark-property-editor-form-v2 .aqark-select,
.aqark-profile-settings-form-v2 .aqark-input,
.aqark-profile-settings-form-v2 .aqark-select {
    font-size: 0.9375rem;
}

/* ------------------------------------------------------------
   Growth Store
   ------------------------------------------------------------ */

@media (max-width: 767px) {
    .aqark-package-grid-v2 {
        gap: 0.875rem;
    }

    .aqark-package-card-v2 {
        padding: 1rem;
    }

    .aqark-package-card-v2 h2,
    .aqark-package-card-v2 h3 {
        line-height: 1.25;
        margin-bottom: 0.5rem;
    }

    .aqark-package-benefits-v2 {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.35rem 0.75rem;
        margin-top: 0.75rem;
        margin-bottom: 0.875rem;
        font-size: 0.75rem;
        line-height: 1.35;
    }

    .aqark-package-card-v2 .aqark-btn {
        min-height: 2.875rem;
    }
}

/* ------------------------------------------------------------
   Billing & Invoices
   Convert desktop row table to true mobile record cards.
   ------------------------------------------------------------ */

@media (max-width: 767px) {
    .aqark-billing-table-v2 {
        display: grid;
        gap: 0.875rem;
        overflow: visible;
    }

    .aqark-billing-table-v2
    .aqark-billing-row-v2--head {
        display: none !important;
    }

    .aqark-billing-table-v2
    .aqark-billing-row-v2:not(.aqark-billing-row-v2--head) {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.875rem 1rem;
        padding: 1rem;
        border: 1px solid rgba(15, 23, 42, 0.08);
        border-radius: 1rem;
        background: #ffffff;
    }

    .aqark-billing-table-v2
    .aqark-billing-row-v2:not(.aqark-billing-row-v2--head)
    > * {
        min-width: 0;
        text-align: start;
        overflow-wrap: anywhere;
    }

    .aqark-billing-table-v2
    .aqark-billing-row-v2:not(.aqark-billing-row-v2--head)
    > *::before {
        display: block;
        margin-bottom: 0.25rem;
        font-size: 0.625rem;
        font-weight: 700;
        line-height: 1.25;
        opacity: 0.58;
        text-transform: uppercase;
        letter-spacing: 0.025em;
    }

    .aqark-billing-row-v2:not(.aqark-billing-row-v2--head)
    > *:nth-child(1)::before {
        content: "Invoice";
    }

    .aqark-billing-row-v2:not(.aqark-billing-row-v2--head)
    > *:nth-child(2)::before {
        content: "Description";
    }

    .aqark-billing-row-v2:not(.aqark-billing-row-v2--head)
    > *:nth-child(3)::before {
        content: "Amount";
    }

    .aqark-billing-row-v2:not(.aqark-billing-row-v2--head)
    > *:nth-child(4)::before {
        content: "Status";
    }

    .aqark-billing-row-v2:not(.aqark-billing-row-v2--head)
    > *:nth-child(5)::before {
        content: "Action";
    }

    .aqark-billing-row-v2:not(.aqark-billing-row-v2--head)
    > *:last-child {
        grid-column: 1 / -1;
    }

    .aqark-billing-row-v2
    .aqark-btn {
        width: 100%;
        min-height: 2.75rem;
    }
}

/* ------------------------------------------------------------
   Marketing Workspace
   Convert campaign table into compact mobile campaign records.
   ------------------------------------------------------------ */

@media (max-width: 767px) {
    .aqark-campaign-table-v2 {
        display: grid;
        gap: 0.875rem;
        overflow: visible;
    }

    .aqark-campaign-table-v2
    .aqark-campaign-row-v2--head {
        display: none !important;
    }

    .aqark-campaign-table-v2
    .aqark-campaign-row-v2:not(.aqark-campaign-row-v2--head) {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.875rem 1rem;
        padding: 1rem;
        border: 1px solid rgba(15, 23, 42, 0.08);
        border-radius: 1rem;
        background: #ffffff;
    }

    .aqark-campaign-table-v2
    .aqark-campaign-row-v2:not(.aqark-campaign-row-v2--head)
    > * {
        min-width: 0;
        text-align: start;
        overflow-wrap: anywhere;
    }

    .aqark-campaign-table-v2
    .aqark-campaign-row-v2:not(.aqark-campaign-row-v2--head)
    > *::before {
        display: block;
        margin-bottom: 0.25rem;
        font-size: 0.625rem;
        font-weight: 700;
        line-height: 1.25;
        opacity: 0.58;
        text-transform: uppercase;
        letter-spacing: 0.025em;
    }

    .aqark-campaign-row-v2:not(.aqark-campaign-row-v2--head)
    > *:nth-child(1)::before {
        content: "Campaign";
    }

    .aqark-campaign-row-v2:not(.aqark-campaign-row-v2--head)
    > *:nth-child(2)::before {
        content: "Listing";
    }

    .aqark-campaign-row-v2:not(.aqark-campaign-row-v2--head)
    > *:nth-child(3)::before {
        content: "Type";
    }

    .aqark-campaign-row-v2:not(.aqark-campaign-row-v2--head)
    > *:nth-child(4)::before {
        content: "Status";
    }
}

/* ------------------------------------------------------------
   Profile & Settings
   Compact mobile section navigation and form spacing.
   ------------------------------------------------------------ */

@media (max-width: 767px) {
    .aqark-profile-settings-layout-v2 {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 0.875rem;
    }

    .aqark-profile-settings-nav-v2 {
        position: static !important;
        display: flex !important;
        flex-wrap: nowrap;
        align-items: center;
        gap: 0.5rem;
        width: 100%;
        padding: 0.625rem;
        overflow-x: auto;
        overflow-y: hidden;
        overscroll-behavior-inline: contain;
        scrollbar-width: thin;
        -webkit-overflow-scrolling: touch;
    }

    .aqark-profile-settings-nav-v2 > * {
        flex: 0 0 auto;
        width: auto !important;
        min-width: max-content;
        padding: 0.625rem 0.75rem;
        line-height: 1.25;
    }

    .aqark-profile-settings-form-v2 {
        padding: 1rem;
    }

    .aqark-profile-avatar-v2 {
        margin-bottom: 1rem;
    }

    .aqark-profile-form-grid-v2 {
        gap: 0.875rem;
    }
}

/* ------------------------------------------------------------
   Property Editor
   Keep all eight steps but remove the tall mobile step sidebar.
   ------------------------------------------------------------ */

@media (max-width: 767px) {
    .aqark-property-editor-layout-v2 {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 0.875rem;
    }

    .aqark-property-editor-steps-v2 {
        display: flex !important;
        flex-wrap: nowrap;
        align-items: stretch;
        gap: 0.5rem;
        width: 100%;
        max-height: none !important;
        padding: 0.625rem;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-snap-type: inline proximity;
        overscroll-behavior-inline: contain;
        scrollbar-width: thin;
        -webkit-overflow-scrolling: touch;
    }

    .aqark-property-editor-steps-v2 > * {
        flex: 0 0 7.5rem;
        min-width: 7.5rem;
        min-height: 2.625rem;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0.5rem 0.625rem;
        text-align: center;
        line-height: 1.2;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        scroll-snap-align: start;
    }

    .aqark-property-editor-form-v2 {
        padding: 1rem;
    }

    .aqark-property-form-grid-v2 {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 0.875rem;
    }

    .aqark-property-editor-actions-v2 {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.625rem;
    }

    .aqark-property-editor-actions-v2 .aqark-btn {
        width: 100%;
        min-width: 0;
    }

    .aqark-property-map-editor-v2 {
        min-height: 13rem;
    }

    .aqark-property-editor-full-v2 {
        grid-column: 1 / -1;
    }
}

/* ------------------------------------------------------------
   Narrow-phone safety
   ------------------------------------------------------------ */

@media (max-width: 420px) {
    .aqark-billing-table-v2
    .aqark-billing-row-v2:not(.aqark-billing-row-v2--head),
    .aqark-campaign-table-v2
    .aqark-campaign-row-v2:not(.aqark-campaign-row-v2--head) {
        grid-template-columns: minmax(0, 1fr);
    }

    .aqark-billing-row-v2:not(.aqark-billing-row-v2--head)
    > *:last-child {
        grid-column: auto;
    }

    .aqark-package-benefits-v2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .aqark-property-editor-actions-v2 {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* AQARK_PHASE22_VISUAL_R12_A8_R2_FINAL_MOBILE_POLISH_REVIEW_ONLY
   FINAL MOBILE POLISH ONLY
   - no AQARK color changes
   - no desktop structural changes
   - no application markup changes
   - no business logic changes
*/

@media (max-width: 767px) {

    /*
     * MOBILE TYPOGRAPHY CALIBRATION
     * Preserve current AQARK colors and hierarchy.
     */
    main h1,
    [class*="workspace"] h1,
    [class*="dashboard"] h1 {
        font-size: clamp(1.65rem, 7vw, 2rem) !important;
        line-height: 1.16 !important;
        letter-spacing: -0.02em;
    }

    main h2 {
        font-size: clamp(1.2rem, 5.2vw, 1.45rem) !important;
        line-height: 1.22 !important;
    }

    main h3 {
        font-size: clamp(1.03rem, 4.4vw, 1.2rem) !important;
        line-height: 1.28 !important;
    }

    main p,
    main td,
    main th,
    main input,
    main select,
    main textarea,
    main button,
    main a {
        line-height: 1.45;
    }

    main label,
    main [class*="label"] {
        font-size: max(0.72rem, 11px);
        line-height: 1.35;
    }

    main small,
    main [class*="meta"],
    main [class*="credit"],
    main [class*="runtime"],
    main [class*="helper"],
    main [class*="eyebrow"] {
        font-size: max(0.72rem, 11px) !important;
        line-height: 1.42 !important;
    }

    /*
     * PROPERTY EDITOR + PROFILE SETTINGS
     * Horizontal mobile step/tab navigation.
     */
    main [role="tablist"],
    main [class*="tabs"],
    main [class*="tab-list"],
    main [class*="stepper"],
    main [class*="steps"],
    main [class*="wizard-nav"],
    main [class*="section-nav"],
    main [class*="subnav"] {
        max-width: 100% !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        flex-wrap: nowrap !important;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-inline: contain;
        scroll-snap-type: x proximity;
        scrollbar-width: thin;
        padding-inline: 0.35rem;
    }

    main [role="tablist"] > *,
    main [class*="tabs"] > *,
    main [class*="tab-list"] > *,
    main [class*="stepper"] > *,
    main [class*="steps"] > *,
    main [class*="wizard-nav"] > *,
    main [class*="section-nav"] > *,
    main [class*="subnav"] > * {
        flex: 0 0 auto !important;
        min-width: max-content;
        scroll-snap-align: start;
    }

    /*
     * A8 panels that are side navigation on desktop.
     * On mobile allow horizontal navigation without clipping.
     */
    main aside > ul,
    main aside > ol {
        display: flex !important;
        max-width: 100% !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        flex-wrap: nowrap !important;
        gap: 0.35rem;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x proximity;
        scrollbar-width: thin;
    }

    main aside > ul > li,
    main aside > ol > li {
        flex: 0 0 auto !important;
        min-width: max-content;
        scroll-snap-align: start;
    }

    /*
     * BILLING MOBILE CARD POLISH
     * Hide duplicated ACTION pseudo-label and keep one clean View CTA.
     */
    table:has(td[data-label*="Invoice" i]) tbody tr {
        row-gap: 0.45rem !important;
    }

    table:has(td[data-label*="Invoice" i])
    td[data-label*="Action" i]::before {
        display: none !important;
        content: none !important;
    }

    table:has(td[data-label*="Invoice" i])
    td[data-label*="Action" i] {
        width: 100% !important;
        padding-top: 0.45rem !important;
    }

    table:has(td[data-label*="Invoice" i])
    td[data-label*="Action" i] > a,
    table:has(td[data-label*="Invoice" i])
    td[data-label*="Action" i] > button {
        width: 100% !important;
        min-height: 44px;
        display: flex !important;
        align-items: center;
        justify-content: center;
    }

    /*
     * MOBILE TABLE/CARD READABILITY
     */
    table td[data-label]::before {
        font-size: max(0.68rem, 10.5px);
        line-height: 1.3;
    }

    table td[data-label] {
        line-height: 1.42;
    }

    /*
     * GROWTH STORE / MARKETING / AI MICROCOPY
     * Small metadata receives a modest readability increase only.
     */
    main [class*="package"] small,
    main [class*="plan"] small,
    main [class*="marketing"] small,
    main [class*="campaign"] small,
    main [class*="credit"] small,
    main [class*="ai-"] small {
        font-size: max(0.72rem, 11px) !important;
        line-height: 1.45 !important;
    }

    /*
     * Keep touch controls comfortably usable.
     */
    main button,
    main a[class*="button"],
    main a[class*="btn"] {
        min-height: 42px;
    }

    main input,
    main select {
        min-height: 44px;
    }
}

/* AQARK_PHASE22_VISUAL_R12_A8_R3_EXACT_SELECTOR_FINAL_POLISH
   Review-only candidate.
   No color mutation.
   No desktop layout mutation.
   No markup mutation.
*/

@media (max-width: 767px) {

    /*
     * 1. PROPERTY EDITOR
     * Keep all eight stages but give every stage readable width.
     */
    .aqark-property-editor-steps-v2 {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;

        width: 100% !important;
        max-width: 100% !important;

        gap: 0.5rem !important;

        overflow-x: auto !important;
        overflow-y: hidden !important;

        padding: 0.25rem 0.25rem 0.5rem !important;

        -webkit-overflow-scrolling: touch;
        overscroll-behavior-inline: contain;
        scroll-snap-type: x proximity;

        scrollbar-width: none !important;
    }

    .aqark-property-editor-steps-v2::-webkit-scrollbar {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
    }

    .aqark-property-editor-steps-v2 > * {
        flex: 0 0 auto !important;

        width: auto !important;
        min-width: 8.75rem !important;
        max-width: none !important;

        padding: 0.75rem 0.9rem !important;

        white-space: nowrap !important;

        font-size: 0.76rem !important;
        line-height: 1.25 !important;

        scroll-snap-align: start;
    }

    /*
     * 2. PROFILE SETTINGS
     * Preserve horizontal swipe navigation while hiding the
     * visible browser scrollbar.
     */
    .aqark-profile-settings-nav-v2 {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;

        width: 100% !important;
        max-width: 100% !important;

        gap: 0.35rem !important;

        overflow-x: auto !important;
        overflow-y: hidden !important;

        padding: 0.3rem 0.35rem 0.45rem !important;

        -webkit-overflow-scrolling: touch;
        overscroll-behavior-inline: contain;
        scroll-snap-type: x proximity;

        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
    }

    .aqark-profile-settings-nav-v2::-webkit-scrollbar {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
    }

    .aqark-profile-settings-nav-v2 > * {
        flex: 0 0 auto !important;

        min-width: max-content !important;

        padding-inline: 0.85rem !important;

        white-space: nowrap !important;
        scroll-snap-align: start;
    }

    /*
     * 3. BILLING
     * Existing R1 mobile conversion already turns rows into cards.
     * Remove only the redundant ACTION pseudo-label.
     */
    .aqark-billing-row-v2:not(.aqark-billing-row-v2--head)
        > :last-child::before {
        display: none !important;
        content: none !important;
    }

    .aqark-billing-row-v2:not(.aqark-billing-row-v2--head)
        > :last-child {
        width: 100% !important;

        padding-top: 0.5rem !important;
        margin-top: 0.1rem !important;
    }

    .aqark-billing-row-v2:not(.aqark-billing-row-v2--head)
        > :last-child > a,
    .aqark-billing-row-v2:not(.aqark-billing-row-v2--head)
        > :last-child > button {
        width: 100% !important;
        min-height: 44px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /*
     * 4. GROWTH STORE
     * Increase only microcopy readability.
     */
    .aqark-package-card-v2__target {
        font-size: 0.72rem !important;
        line-height: 1.3 !important;
    }

    .aqark-package-benefits-v2 {
        font-size: 0.74rem !important;
        line-height: 1.42 !important;
    }

    .aqark-package-benefits-v2 li,
    .aqark-package-benefits-v2 span {
        font-size: inherit !important;
        line-height: inherit !important;
    }

    .aqark-growth-current-plan-v2 small,
    .aqark-package-card-v2 small {
        font-size: 0.72rem !important;
        line-height: 1.4 !important;
    }

    /*
     * 5. MARKETING
     * Increase only the smallest credit/runtime labels.
     */
    .aqark-marketing-card-v2 small {
        font-size: 0.72rem !important;
        line-height: 1.4 !important;
    }

    .aqark-campaign-row-v2:not(.aqark-campaign-row-v2--head)::before,
    .aqark-campaign-row-v2:not(.aqark-campaign-row-v2--head) small {
        font-size: 0.72rem !important;
        line-height: 1.4 !important;
    }
}

@media (max-width: 420px) {

    .aqark-property-editor-steps-v2 > * {
        min-width: 8.25rem !important;
    }

    .aqark-profile-settings-nav-v2 > * {
        padding-inline: 0.7rem !important;
    }
}

/* AQARK_PHASE22_VISUAL_R12_A8_R4_MARKETING_METADATA_FINAL_POLISH
   Marketing mobile metadata only.
   Review-only candidate.
*/

@media (max-width: 767px) {

    .aqark-marketing-card-v2 > strong {
        font-size: 0.72rem !important;
        line-height: 1.4 !important;
    }
}

/* ============================================================
   AQARK PUBLIC MARKETPLACE REPAIR R1
   Media integrity, list-first discovery, and detail conversion.
   ============================================================ */

.aqark-results-layout-v2--list-only {
    display: block;
}

.aqark-results-layout-v2--list-only .aqark-results-list-v2 {
    width: min(100%, 1040px);
    margin-inline: auto;
}

.aqark-results-layout-v2--list-only .aqark-result-property-card-v2 {
    grid-template-columns: minmax(260px, 34%) minmax(0, 1fr);
    min-height: 260px;
}

.aqark-results-map-shell-v2[hidden] {
    display: none;
}

.aqark-result-property-card-v2__media > img,
.aqark-property-card-shell-v2__media > img,
.aqark-project-card-v2__media > img,
.aqark-property-gallery-v2__main > img,
.aqark-property-gallery-v2__thumb > img,
.aqark-similar-property-card-v2__media > img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.aqark-media-placeholder-v3 {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    width: 100%;
    height: 100%;
    min-height: inherit;
    padding: clamp(18px, 4vw, 34px);
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    color: #172554;
    background:
        radial-gradient(circle at 18% 12%, rgba(255, 255, 255, .92), transparent 34%),
        linear-gradient(145deg, #dceafd 0%, #edf5ff 48%, #d9e5f4 100%);
}

[dir="rtl"] .aqark-media-placeholder-v3 {
    background:
        radial-gradient(circle at 82% 12%, rgba(255, 255, 255, .92), transparent 34%),
        linear-gradient(215deg, #dceafd 0%, #edf5ff 48%, #d9e5f4 100%);
}

.aqark-media-placeholder-v3::after {
    content: "";
    position: absolute;
    z-index: -1;
    inset-inline-end: -10%;
    bottom: -38%;
    width: 72%;
    aspect-ratio: 1;
    border: 1px solid rgba(37, 99, 235, .11);
    border-radius: 50%;
    box-shadow:
        0 0 0 32px rgba(37, 99, 235, .035),
        0 0 0 70px rgba(37, 99, 235, .025);
}

.aqark-media-placeholder-v3__art {
    flex: 0 0 auto;
    width: clamp(54px, 8vw, 86px);
    aspect-ratio: 1;
    padding: 14px;
    display: grid;
    place-items: center;
    color: #2563eb;
    border: 1px solid rgba(37, 99, 235, .15);
    border-radius: 22px;
    background: rgba(255, 255, 255, .72);
    box-shadow: 0 16px 38px rgba(30, 64, 175, .10);
}

.aqark-media-placeholder-v3__art svg {
    width: 100%;
    height: 100%;
    fill: none;
    stroke: currentColor;
    stroke-width: 4;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.aqark-media-placeholder-v3__copy {
    min-width: 0;
    display: grid;
    gap: 4px;
    text-align: start;
}

.aqark-media-placeholder-v3__copy strong {
    overflow: hidden;
    font-size: clamp(14px, 2vw, 18px);
    font-weight: 850;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.aqark-media-placeholder-v3__copy small {
    color: #475569;
    font-size: 12px;
    font-weight: 700;
}

.aqark-media-placeholder-v3__copy > span {
    margin-top: 4px;
    color: #64748b;
    font-size: 10px;
    font-weight: 650;
}

.aqark-project-card-v2__media,
.aqark-property-card-shell-v2__media,
.aqark-result-property-card-v2__media,
.aqark-similar-property-card-v2__media {
    position: relative;
    overflow: hidden;
}

.aqark-property-detail-intro-v3 {
    margin-bottom: 20px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 28px;
}

.aqark-property-detail-intro-v3__meta {
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    color: #64748b;
    font-size: 13px;
    font-weight: 750;
}

.aqark-property-detail-intro-v3 h1 {
    max-width: 820px;
    margin: 0;
    color: var(--aqark-navy);
    font-size: clamp(28px, 4vw, 48px);
    font-weight: 900;
    line-height: 1.15;
    letter-spacing: -.035em;
}

.aqark-property-detail-intro-v3__commercial {
    display: grid;
    justify-items: end;
    gap: 12px;
}

[dir="rtl"] .aqark-property-detail-intro-v3__commercial {
    justify-items: start;
}

.aqark-property-detail-intro-v3__commercial > strong {
    color: #1d4ed8;
    font-size: clamp(24px, 3vw, 34px);
    font-weight: 900;
    letter-spacing: -.025em;
    white-space: nowrap;
}

.aqark-property-detail-intro-v3__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.aqark-property-gallery-v2--single {
    grid-template-columns: minmax(0, 1fr);
    min-height: 430px;
}

.aqark-property-gallery-v2--single .aqark-property-gallery-v2__side {
    display: none;
}

.aqark-media-placeholder-v3--detail {
    min-height: 430px;
    align-items: center;
    justify-content: center;
}

.aqark-similar-property-card-v2__media .aqark-media-placeholder-v3 {
    min-height: 120px;
    padding: 14px;
    align-items: center;
    justify-content: center;
}

.aqark-similar-property-card-v2__media .aqark-media-placeholder-v3__art {
    width: 48px;
    padding: 10px;
    border-radius: 15px;
}

.aqark-similar-property-card-v2__media .aqark-media-placeholder-v3__copy {
    display: none;
}

.aqark-property-detail-summary-v2 > h2 {
    margin: 0 0 16px;
    color: var(--aqark-navy);
    font-size: 18px;
}

@media (max-width: 900px) {
    .aqark-results-layout-v2--list-only .aqark-result-property-card-v2 {
        grid-template-columns: minmax(210px, 36%) minmax(0, 1fr);
    }

    .aqark-property-detail-intro-v3 {
        grid-template-columns: 1fr;
        align-items: start;
        gap: 16px;
    }

    .aqark-property-detail-intro-v3__commercial,
    [dir="rtl"] .aqark-property-detail-intro-v3__commercial {
        justify-items: start;
    }
}

@media (max-width: 640px) {
    .aqark-results-layout-v2--list-only .aqark-result-property-card-v2 {
        display: block;
        min-height: 0;
    }

    .aqark-result-property-card-v2__media {
        min-height: 230px;
    }

    .aqark-media-placeholder-v3 {
        min-height: 230px;
        padding: 20px;
    }

    .aqark-media-placeholder-v3__art {
        width: 58px;
        padding: 11px;
        border-radius: 17px;
    }

    .aqark-media-placeholder-v3__copy > span {
        display: none;
    }

    .aqark-property-detail-intro-v3 h1 {
        font-size: clamp(26px, 9vw, 36px);
    }

    .aqark-property-detail-intro-v3__commercial > strong {
        font-size: 24px;
    }

    .aqark-property-detail-intro-v3__actions {
        width: 100%;
    }

    .aqark-property-detail-intro-v3__actions .aqark-btn {
        flex: 1 1 150px;
    }

    .aqark-property-gallery-v2--single,
    .aqark-media-placeholder-v3--detail {
        min-height: 300px;
    }
}