/*
 * Barama Real Estate — canonical application stylesheet
 * Keep all first-party application styling in this file.
 */

/* 1. Design tokens */
:root {
    --barama-bg: #f6f8fb;
    --barama-surface: #ffffff;
    --barama-surface-soft: #f0f4f8;
    --barama-text: #172033;
    --barama-muted: #657086;
    --barama-border: #dde3ea;
    --barama-primary: #165dff;
    --barama-primary-strong: #0f4bd4;
    --barama-success: #0c9b72;
    --barama-shadow: 0 18px 50px rgba(25, 43, 74, 0.08);
    --barama-radius-sm: 12px;
    --barama-radius-md: 18px;
    --barama-radius-lg: 28px;
    --barama-container: 1220px;
}

html[data-bs-theme="dark"] {
    --barama-bg: #0d1420;
    --barama-surface: #131d2b;
    --barama-surface-soft: #182537;
    --barama-text: #edf4ff;
    --barama-muted: #9eacc0;
    --barama-border: #26364b;
    --barama-primary: #6d98ff;
    --barama-primary-strong: #8aabff;
    --barama-success: #4ecba4;
    --barama-shadow: 0 20px 55px rgba(0, 0, 0, 0.24);
}

/* 2. Base */
html {
    min-height: 100%;
    background: var(--barama-bg);
}

body {
    min-height: 100vh;
    margin: 0;
    background: var(--barama-bg);
    color: var(--barama-text);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

a {
    color: inherit;
}

:where(
    a,
    button,
    input,
    select,
    textarea,
    summary,
    [tabindex]:not([tabindex="-1"])
):focus-visible {
    outline: 3px solid color-mix(in srgb, var(--barama-primary) 74%, #ffffff 26%);
    outline-offset: 3px;
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--barama-bg) 82%, transparent);
}

:where(button, input, select, textarea, summary):disabled {
    cursor: not-allowed;
}

.app-container {
    max-width: var(--barama-container);
}

.eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
    color: var(--barama-primary);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

/* 3. Header */
.site-header {
    position: sticky;
    top: 0;
    z-index: 100;
    border-bottom: 1px solid color-mix(in srgb, var(--barama-border) 86%, transparent);
    background: color-mix(in srgb, var(--barama-bg) 88%, transparent);
    backdrop-filter: blur(16px);
}

.site-header__inner {
    display: flex;
    min-height: 76px;
    align-items: center;
    gap: 2rem;
}

.brand {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    margin-right: auto;
    color: var(--barama-text);
    text-decoration: none;
}

.brand__mark {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 13px;
    background: var(--barama-primary);
    color: #fff;
    font-size: 1.15rem;
    font-weight: 900;
    box-shadow: 0 10px 24px color-mix(in srgb, var(--barama-primary) 24%, transparent);
}

.brand strong,
.brand small {
    display: block;
    line-height: 1.05;
}

.brand strong {
    font-size: 1rem;
}

.brand small {
    margin-top: 0.2rem;
    color: var(--barama-muted);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.main-nav {
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

.main-nav a {
    border-radius: 10px;
    color: var(--barama-muted);
    padding: 0.65rem 0.8rem;
    font-size: 0.9rem;
    font-weight: 700;
    text-decoration: none;
    transition: background-color 160ms ease, color 160ms ease;
}

.main-nav a:hover,
.main-nav a.is-active {
    background: var(--barama-surface-soft);
    color: var(--barama-text);
}

.theme-toggle {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border: 1px solid var(--barama-border);
    border-radius: 12px;
    background: var(--barama-surface);
    color: var(--barama-text);
}

.theme-toggle svg {
    width: 19px;
    height: 19px;
    fill: currentColor;
}

/* 4. Buttons */
.btn-primary {
    --bs-btn-bg: var(--barama-primary);
    --bs-btn-border-color: var(--barama-primary);
    --bs-btn-hover-bg: var(--barama-primary-strong);
    --bs-btn-hover-border-color: var(--barama-primary-strong);
}

.btn-outline-secondary {
    --bs-btn-color: var(--barama-text);
    --bs-btn-border-color: var(--barama-border);
    --bs-btn-hover-bg: var(--barama-surface-soft);
    --bs-btn-hover-border-color: var(--barama-border);
    --bs-btn-hover-color: var(--barama-text);
}

/* 5. Public foundation */
.hero-section {
    padding: clamp(4rem, 9vw, 8rem) 0;
}

.hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(300px, 0.7fr);
    align-items: center;
    gap: clamp(2.5rem, 6vw, 6rem);
}

.hero-section h1,
.workspace-hero h1 {
    max-width: 850px;
    margin: 0;
    color: var(--barama-text);
    font-size: clamp(2.4rem, 5.8vw, 5.4rem);
    font-weight: 850;
    letter-spacing: -0.055em;
    line-height: 0.98;
}

.hero-copy,
.workspace-hero > .container > p,
.section-heading p {
    max-width: 760px;
    margin: 1.5rem 0 0;
    color: var(--barama-muted);
    font-size: clamp(1rem, 1.5vw, 1.18rem);
    line-height: 1.75;
}

.hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem;
    margin-top: 2rem;
}

.foundation-panel {
    border: 1px solid var(--barama-border);
    border-radius: var(--barama-radius-lg);
    background: var(--barama-surface);
    padding: 1.35rem;
    box-shadow: var(--barama-shadow);
}

.foundation-panel__top {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    border-bottom: 1px solid var(--barama-border);
    padding: 0.2rem 0.15rem 1rem;
    font-size: 0.85rem;
    font-weight: 800;
}

.status-dot {
    width: 9px;
    height: 9px;
    border-radius: 999px;
    background: var(--barama-success);
    box-shadow: 0 0 0 5px color-mix(in srgb, var(--barama-success) 12%, transparent);
}

.foundation-list {
    margin: 0;
}

.foundation-list > div {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    border-bottom: 1px solid var(--barama-border);
    padding: 1rem 0.15rem;
}

.foundation-list > div:last-child {
    border-bottom: 0;
    padding-bottom: 0.15rem;
}

.foundation-list dt {
    color: var(--barama-text);
    font-size: 0.88rem;
}

.foundation-list dd {
    margin: 0;
    color: var(--barama-muted);
    font-size: 0.82rem;
    text-align: right;
}

.section-space {
    padding: 1rem 0 clamp(4rem, 8vw, 7rem);
}

.section-heading {
    max-width: 780px;
    margin-bottom: 2rem;
}

.section-heading h2 {
    margin: 0;
    font-size: clamp(2rem, 4vw, 3.4rem);
    font-weight: 820;
    letter-spacing: -0.045em;
}

.feature-grid,
.workspace-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.feature-card,
.workspace-card,
.empty-surface {
    border: 1px solid var(--barama-border);
    border-radius: var(--barama-radius-md);
    background: var(--barama-surface);
}

.feature-card {
    min-height: 210px;
    padding: 1.35rem;
}

.feature-card__number {
    color: var(--barama-primary);
    font-size: 0.78rem;
    font-weight: 850;
}

.feature-card h3 {
    margin: 2.8rem 0 0.75rem;
    font-size: 1.1rem;
    font-weight: 800;
}

.feature-card p {
    margin: 0;
    color: var(--barama-muted);
    font-size: 0.92rem;
    line-height: 1.65;
}

/* 6. Account/admin route foundations */
.workspace-hero {
    min-height: calc(100vh - 150px);
    padding: clamp(3.5rem, 7vw, 6.5rem) 0;
}

.workspace-hero h1 {
    max-width: 920px;
    font-size: clamp(2.35rem, 5vw, 4.7rem);
}

.workspace-grid {
    margin-top: 2.5rem;
}

.workspace-card {
    display: flex;
    min-height: 150px;
    flex-direction: column;
    justify-content: flex-end;
    padding: 1.25rem;
}

.workspace-card strong,
.empty-surface strong {
    font-size: 1rem;
    font-weight: 800;
}

.workspace-card span,
.empty-surface span {
    margin-top: 0.55rem;
    color: var(--barama-muted);
    font-size: 0.88rem;
    line-height: 1.55;
}

.empty-surface {
    display: flex;
    max-width: 780px;
    flex-direction: column;
    margin-top: 2.5rem;
    padding: 1.5rem;
}

/* 7. Footer */
.site-footer {
    border-top: 1px solid var(--barama-border);
    color: var(--barama-muted);
}

.site-footer__inner {
    display: flex;
    min-height: 74px;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    font-size: 0.8rem;
}

/* 8. Responsive */
@media (max-width: 991.98px) {
    .site-header__inner {
        flex-wrap: wrap;
        gap: 0.75rem;
        padding: 0.8rem 0;
    }

    .main-nav {
        order: 3;
        width: 100%;
        overflow-x: auto;
        padding-bottom: 0.15rem;
        scrollbar-width: none;
    }

    .main-nav::-webkit-scrollbar {
        display: none;
    }

    .hero-grid {
        grid-template-columns: 1fr;
    }

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

@media (max-width: 575.98px) {
    .hero-section,
    .workspace-hero {
        padding-top: 3rem;
    }

    .feature-grid,
    .workspace-grid {
        grid-template-columns: 1fr;
    }

    .site-footer__inner {
        min-height: 90px;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
    }
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}


/* 9. Authentication */
.auth-shell {
    padding: clamp(3rem, 7vw, 6rem) 0;
}

.auth-grid {
    display: grid;
    grid-template-columns: minmax(0, 0.8fr) minmax(360px, 0.55fr);
    align-items: start;
    justify-content: space-between;
    gap: clamp(2rem, 7vw, 7rem);
}

.auth-intro {
    padding-top: 1.25rem;
}

.auth-intro h1 {
    max-width: 720px;
    margin: 0;
    font-size: clamp(2.3rem, 5vw, 4.8rem);
    font-weight: 850;
    letter-spacing: -0.052em;
    line-height: 1;
}

.auth-intro p {
    max-width: 650px;
    margin: 1.4rem 0 0;
    color: var(--barama-muted);
    font-size: 1.02rem;
    line-height: 1.75;
}

.auth-card {
    border: 1px solid var(--barama-border);
    border-radius: var(--barama-radius-lg);
    background: var(--barama-surface);
    padding: clamp(1.35rem, 4vw, 2rem);
    box-shadow: var(--barama-shadow);
}

.auth-card h2 {
    margin: 0 0 0.35rem;
    font-size: 1.4rem;
    font-weight: 820;
    letter-spacing: -0.025em;
}

.auth-card__copy {
    margin: 0 0 1.5rem;
    color: var(--barama-muted);
    font-size: 0.9rem;
    line-height: 1.55;
}

.form-field {
    margin-bottom: 1rem;
}

.form-field label {
    display: block;
    margin-bottom: 0.45rem;
    font-size: 0.82rem;
    font-weight: 780;
}

.form-control {
    min-height: 48px;
    border-color: var(--barama-border);
    border-radius: var(--barama-radius-sm);
    background: var(--barama-bg);
    color: var(--barama-text);
}

.form-control:focus {
    border-color: var(--barama-primary);
    background: var(--barama-surface);
    color: var(--barama-text);
    box-shadow: 0 0 0 0.22rem color-mix(in srgb, var(--barama-primary) 14%, transparent);
}

.auth-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1.2rem;
}

.auth-meta {
    margin-top: 1.35rem;
    border-top: 1px solid var(--barama-border);
    padding-top: 1.15rem;
    color: var(--barama-muted);
    font-size: 0.86rem;
    line-height: 1.65;
}

.auth-link {
    color: var(--barama-primary);
    font-weight: 750;
    text-decoration: none;
}

.auth-link:hover {
    text-decoration: underline;
}

.alert-barama {
    border: 1px solid var(--barama-border);
    border-radius: var(--barama-radius-sm);
    margin-bottom: 1rem;
    padding: 0.85rem 1rem;
    font-size: 0.86rem;
    line-height: 1.5;
}

.alert-barama--error {
    border-color: color-mix(in srgb, #dc3545 38%, var(--barama-border));
    background: color-mix(in srgb, #dc3545 8%, var(--barama-surface));
}

.alert-barama--success {
    border-color: color-mix(in srgb, var(--barama-success) 38%, var(--barama-border));
    background: color-mix(in srgb, var(--barama-success) 8%, var(--barama-surface));
}

.header-auth {
    display: flex;
    align-items: center;
    gap: 0.45rem;
}

.header-auth form {
    margin: 0;
}

.header-auth__button {
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: var(--barama-muted);
    padding: 0.65rem 0.8rem;
    font-size: 0.9rem;
    font-weight: 700;
}

.header-auth__button:hover {
    background: var(--barama-surface-soft);
    color: var(--barama-text);
}

.site-footer__links {
    display: inline-flex;
    gap: 1rem;
}

.site-footer__links a {
    text-decoration: none;
}

.site-footer__links a:hover {
    color: var(--barama-text);
}

@media (max-width: 991.98px) {
    .auth-grid {
        grid-template-columns: 1fr;
    }

    .header-auth {
        margin-left: auto;
    }
}

@media (max-width: 575.98px) {
    .auth-card {
        border-radius: var(--barama-radius-md);
    }

    .auth-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .auth-actions .btn {
        width: 100%;
    }

    .site-footer__links {
        flex-wrap: wrap;
    }
}


/* 10. Management workspaces */
:root {
    --barama-danger: #c43f52;
    --barama-warning: #b7791f;
}

html[data-bs-theme="dark"] {
    --barama-danger: #ff7a8d;
    --barama-warning: #f3bd66;
}

.workspace-shell {
    display: grid;
    grid-template-columns: 270px minmax(0, 1fr);
    min-height: calc(100vh - 76px);
}

.workspace-sidebar {
    position: sticky;
    top: 76px;
    z-index: 70;
    display: flex;
    height: calc(100vh - 76px);
    flex-direction: column;
    border-right: 1px solid var(--barama-border);
    background: var(--barama-surface);
    padding: 1.1rem 0.9rem;
}

.workspace-sidebar__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.4rem 0.6rem 1rem;
}

.workspace-sidebar__top span,
.workspace-sidebar__footer span {
    display: block;
    color: var(--barama-muted);
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.workspace-sidebar__top strong {
    display: block;
    margin-top: 0.18rem;
    font-size: 0.98rem;
    font-weight: 850;
}

.workspace-sidebar__close {
    display: none;
    width: 36px;
    height: 36px;
    border: 1px solid var(--barama-border);
    border-radius: 10px;
    background: var(--barama-surface-soft);
    color: var(--barama-text);
    font-size: 1.35rem;
    line-height: 1;
}

.workspace-nav {
    display: grid;
    gap: 0.28rem;
}

.workspace-nav a {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    border-radius: 12px;
    color: var(--barama-muted);
    padding: 0.72rem 0.78rem;
    font-size: 0.86rem;
    font-weight: 760;
    text-decoration: none;
    transition: background-color 150ms ease, color 150ms ease, transform 150ms ease;
}

.workspace-nav a:hover {
    background: var(--barama-surface-soft);
    color: var(--barama-text);
}

.workspace-nav a.is-active {
    background: color-mix(in srgb, var(--barama-primary) 11%, var(--barama-surface));
    color: var(--barama-primary-strong);
}

.workspace-nav__icon,
.workspace-stat__icon {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
}

.workspace-nav__icon {
    width: 31px;
    height: 31px;
    border-radius: 9px;
    background: color-mix(in srgb, currentColor 8%, transparent);
}

.workspace-nav__icon svg {
    width: 17px;
    height: 17px;
}

.workspace-sidebar__footer {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0.5rem;
    margin-top: auto;
    border-top: 1px solid var(--barama-border);
    padding: 1rem 0.6rem 0.35rem;
}

.workspace-sidebar__footer small {
    color: var(--barama-muted);
    font-size: 0.72rem;
}

.workspace-main {
    min-width: 0;
    background:
        radial-gradient(circle at 75% 0%, color-mix(in srgb, var(--barama-primary) 5%, transparent), transparent 28rem),
        var(--barama-bg);
}

.workspace-main > main {
    min-height: calc(100vh - 150px);
}

.workspace-page {
    width: min(100%, 1500px);
    margin: 0 auto;
    padding: clamp(1.5rem, 3vw, 2.5rem);
}

.workspace-page__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 2rem;
    margin-bottom: 1.5rem;
}

.workspace-page__header .eyebrow {
    margin-bottom: 0.6rem;
}

.workspace-page__header h1 {
    margin: 0;
    font-size: clamp(1.65rem, 3vw, 2.35rem);
    font-weight: 850;
    letter-spacing: -0.035em;
}

.workspace-page__header p {
    max-width: 740px;
    margin: 0.65rem 0 0;
    color: var(--barama-muted);
    font-size: 0.92rem;
    line-height: 1.65;
}

.workspace-context-note {
    display: inline-flex;
    align-items: center;
    gap: 0.48rem;
    flex: 0 0 auto;
    border: 1px solid var(--barama-border);
    border-radius: 999px;
    background: var(--barama-surface);
    color: var(--barama-muted);
    padding: 0.58rem 0.78rem;
    font-size: 0.74rem;
    font-weight: 760;
}

.workspace-context-note svg {
    width: 15px;
    height: 15px;
    color: var(--barama-success);
}

.workspace-stats {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.75rem;
    margin-bottom: 1.25rem;
}

.workspace-stat {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 0.8rem;
    border: 1px solid var(--barama-border);
    border-radius: 16px;
    background: var(--barama-surface);
    padding: 0.95rem;
}

.workspace-stat__icon {
    width: 38px;
    height: 38px;
    border-radius: 11px;
    background: color-mix(in srgb, var(--barama-primary) 9%, var(--barama-surface));
    color: var(--barama-primary);
}

.workspace-stat__icon svg {
    width: 19px;
    height: 19px;
}

.workspace-stat strong,
.workspace-stat span {
    display: block;
}

.workspace-stat strong {
    font-size: 1.1rem;
    font-weight: 850;
}

.workspace-stat span {
    overflow: hidden;
    margin-top: 0.12rem;
    color: var(--barama-muted);
    font-size: 0.72rem;
    font-weight: 720;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.workspace-create,
.workspace-panel {
    border: 1px solid var(--barama-border);
    border-radius: 18px;
    background: var(--barama-surface);
}

.workspace-create {
    margin-bottom: 1rem;
}

.workspace-create > summary {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    cursor: pointer;
    list-style: none;
    padding: 0.95rem 1.1rem;
    color: var(--barama-text);
    font-size: 0.84rem;
    font-weight: 800;
}

.workspace-create > summary::-webkit-details-marker {
    display: none;
}

.workspace-create > summary svg {
    width: 17px;
    height: 17px;
    color: var(--barama-primary);
}

.workspace-create[open] > summary {
    border-bottom: 1px solid var(--barama-border);
}

.workspace-form {
    padding: 1.1rem;
}

.workspace-form__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
    margin-bottom: 1rem;
}

.workspace-form__grid--single {
    grid-template-columns: 1fr;
}

.workspace-form__span-2 {
    grid-column: 1 / -1;
}

.workspace-form label > span {
    display: block;
    margin-bottom: 0.4rem;
    color: var(--barama-muted);
    font-size: 0.74rem;
    font-weight: 780;
}

.workspace-form .form-control,
.workspace-form .form-select {
    min-height: 44px;
    border-color: var(--barama-border);
    border-radius: 11px;
    background-color: var(--barama-bg);
    color: var(--barama-text);
    font-size: 0.86rem;
}

.workspace-form .form-control:focus,
.workspace-form .form-select:focus {
    border-color: var(--barama-primary);
    box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--barama-primary) 12%, transparent);
}

.workspace-form-pair {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.workspace-panel {
    overflow: hidden;
}

.workspace-panel__toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border-bottom: 1px solid var(--barama-border);
    padding: 0.9rem 1rem;
}

.workspace-panel__toolbar > div > strong,
.workspace-panel__toolbar > div > span {
    display: block;
}

.workspace-panel__toolbar > div > strong {
    font-size: 0.88rem;
    font-weight: 820;
}

.workspace-panel__toolbar > div > span {
    margin-top: 0.12rem;
    color: var(--barama-muted);
    font-size: 0.72rem;
}

.workspace-search {
    display: flex;
    width: min(100%, 360px);
    align-items: center;
    border: 1px solid var(--barama-border);
    border-radius: 11px;
    background: var(--barama-bg);
    padding-left: 0.7rem;
}

.workspace-search > span {
    display: grid;
    place-items: center;
    color: var(--barama-muted);
}

.workspace-search svg {
    width: 16px;
    height: 16px;
}

.workspace-search input {
    min-width: 0;
    flex: 1;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--barama-text);
    padding: 0.62rem;
    font-size: 0.8rem;
}

.workspace-search button {
    align-self: stretch;
    border: 0;
    border-left: 1px solid var(--barama-border);
    background: transparent;
    color: var(--barama-primary);
    padding: 0 0.75rem;
    font-size: 0.75rem;
    font-weight: 800;
}

.workspace-table-wrap {
    overflow-x: auto;
}

.workspace-table {
    width: 100%;
    min-width: 850px;
    border-collapse: collapse;
}

.workspace-table th,
.workspace-table td {
    border-bottom: 1px solid var(--barama-border);
    padding: 0.78rem 0.9rem;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
}

.workspace-table th {
    background: color-mix(in srgb, var(--barama-surface-soft) 72%, var(--barama-surface));
    color: var(--barama-muted);
    font-size: 0.68rem;
    font-weight: 850;
    letter-spacing: 0.045em;
    text-transform: uppercase;
}

.workspace-table td {
    font-size: 0.79rem;
}

.workspace-table tbody tr:hover {
    background: color-mix(in srgb, var(--barama-primary) 2.5%, var(--barama-surface));
}

.workspace-table tbody tr:last-child td {
    border-bottom: 0;
}

.workspace-table__number {
    width: 4rem;
    min-width: 4rem;
    text-align: center;
    white-space: nowrap;
}

.workspace-table__title-link {
    color: var(--barama-text);
    font-weight: 760;
    text-decoration: none;
    background: transparent;
}

.workspace-table__title-link:hover,
.workspace-table__title-link:focus-visible {
    color: var(--barama-primary-strong);
    text-decoration: underline;
    text-underline-offset: 0.16em;
    outline: none;
}

.workspace-table__actions {
    width: 1%;
    text-align: right !important;
}

.status-badge {
    display: inline-flex;
    align-items: center;
    min-height: 25px;
    border-radius: 999px;
    background: var(--barama-surface-soft);
    color: var(--barama-muted);
    padding: 0.2rem 0.55rem;
    font-size: 0.67rem;
    font-weight: 820;
}

.status-badge--approved,
.status-badge--published,
.status-badge--won,
.status-badge--replied {
    background: color-mix(in srgb, var(--barama-success) 12%, var(--barama-surface));
    color: var(--barama-success);
}

.status-badge--pending,
.status-badge--qualified,
.status-badge--viewing,
.status-badge--negotiation {
    background: color-mix(in srgb, var(--barama-warning) 12%, var(--barama-surface));
    color: var(--barama-warning);
}

.status-badge--rejected,
.status-badge--suspended,
.status-badge--lost,
.status-badge--spam,
.status-badge--closed {
    background: color-mix(in srgb, var(--barama-danger) 11%, var(--barama-surface));
    color: var(--barama-danger);
}

.status-badge--draft,
.status-badge--paused,
.status-badge--archived,
.status-badge--expired {
    background: var(--barama-surface-soft);
    color: var(--barama-muted);
}

.table-actions {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.35rem;
}

.table-actions form {
    margin: 0;
}

.table-action {
    min-height: 30px;
    border: 1px solid var(--barama-border);
    border-radius: 9px;
    background: var(--barama-surface);
    color: var(--barama-text);
    padding: 0.32rem 0.58rem;
    font-size: 0.68rem;
    font-weight: 790;
}

.table-action:hover {
    background: var(--barama-surface-soft);
}

.table-action--primary {
    border-color: color-mix(in srgb, var(--barama-primary) 30%, var(--barama-border));
    color: var(--barama-primary);
}

.table-action--danger {
    border-color: color-mix(in srgb, var(--barama-danger) 30%, var(--barama-border));
    color: var(--barama-danger);
}

.table-action-placeholder {
    color: var(--barama-muted);
    font-size: 0.7rem;
}

.workspace-empty {
    height: 180px;
    text-align: center !important;
}

.workspace-empty strong,
.workspace-empty span {
    display: block;
}

.workspace-empty strong {
    font-size: 0.9rem;
}

.workspace-empty span {
    margin-top: 0.4rem;
    color: var(--barama-muted);
    font-size: 0.76rem;
}

.workspace-pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border-top: 1px solid var(--barama-border);
    padding: 0.8rem 1rem;
    color: var(--barama-muted);
    font-size: 0.74rem;
}

.workspace-pagination > div {
    display: flex;
    gap: 0.45rem;
}

.workspace-pagination a {
    border: 1px solid var(--barama-border);
    border-radius: 9px;
    background: var(--barama-surface);
    color: var(--barama-text);
    padding: 0.38rem 0.62rem;
    font-weight: 760;
    text-decoration: none;
}

.workspace-menu-button {
    display: none;
}

.workspace-backdrop {
    display: none;
}

[data-workspace-notice] {
    margin-bottom: 1rem;
    border: 1px solid var(--barama-border);
    border-radius: 12px;
    background: var(--barama-surface);
    padding: 0.75rem 0.9rem;
    font-size: 0.8rem;
    font-weight: 720;
}

[data-workspace-notice].is-success {
    border-color: color-mix(in srgb, var(--barama-success) 34%, var(--barama-border));
    color: var(--barama-success);
}

[data-workspace-notice].is-error {
    border-color: color-mix(in srgb, var(--barama-danger) 34%, var(--barama-border));
    color: var(--barama-danger);
}

@media (max-width: 1199.98px) {
    .workspace-stats {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 991.98px) {
    .workspace-shell {
        display: block;
        min-height: auto;
    }

    .workspace-sidebar {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 220;
        width: min(86vw, 300px);
        height: 100vh;
        transform: translateX(-105%);
        box-shadow: 25px 0 60px rgba(0, 0, 0, 0.18);
        transition: transform 180ms ease;
    }

    .workspace-nav-open .workspace-sidebar {
        transform: translateX(0);
    }

    .workspace-sidebar__close {
        display: grid;
        place-items: center;
    }

    .workspace-menu-button {
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        margin: 1rem 1rem 0;
        border: 1px solid var(--barama-border);
        border-radius: 11px;
        background: var(--barama-surface);
        color: var(--barama-text);
        padding: 0.6rem 0.8rem;
        font-size: 0.8rem;
        font-weight: 800;
    }

    .workspace-menu-button svg {
        width: 17px;
        height: 17px;
    }

    .workspace-backdrop {
        position: fixed;
        inset: 0;
        z-index: 210;
        border: 0;
        background: rgba(6, 12, 22, 0.48);
    }

    .workspace-nav-open .workspace-backdrop {
        display: block;
    }

    .workspace-nav-open {
        overflow: hidden;
    }

    .workspace-page {
        padding-top: 1.25rem;
    }

    .workspace-page__header {
        flex-direction: column;
        gap: 0.8rem;
    }

    .workspace-context-note {
        align-self: flex-start;
    }

    .workspace-form-pair {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    .workspace-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .workspace-panel__toolbar {
        align-items: stretch;
        flex-direction: column;
    }

    .workspace-search {
        width: 100%;
    }

    .workspace-form__grid {
        grid-template-columns: 1fr;
    }

    .workspace-form__span-2 {
        grid-column: auto;
    }
}

@media (max-width: 575.98px) {
    .workspace-page {
        padding: 1rem;
    }

    .workspace-stats {
        grid-template-columns: 1fr;
    }

    .workspace-stat {
        padding: 0.8rem;
    }

    .workspace-page__header h1 {
        font-size: 1.65rem;
    }
}


/* 11. Public marketplace */
.marketplace-hero {
    padding: clamp(3.2rem, 7vw, 6.2rem) 0 2rem;
}

.marketplace-hero--compact {
    padding-bottom: 1.4rem;
}

.marketplace-hero h1,
.company-profile-head h1,
.listing-detail h1 {
    max-width: 860px;
    margin: 0;
    font-size: clamp(2.1rem, 4.8vw, 4.5rem);
    font-weight: 860;
    letter-spacing: -0.052em;
    line-height: 1;
}

.marketplace-hero p,
.company-profile-head p {
    max-width: 760px;
    margin: 1rem 0 0;
    color: var(--barama-muted);
    line-height: 1.7;
}

.marketplace-hero__grid {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 2rem;
}

.marketplace-hero__count {
    flex: 0 0 auto;
    text-align: right;
}

.marketplace-hero__count strong,
.marketplace-hero__count span {
    display: block;
}

.marketplace-hero__count strong {
    font-size: clamp(2rem, 4vw, 3.2rem);
    font-weight: 880;
    letter-spacing: -0.045em;
}

.marketplace-hero__count span {
    margin-top: 0.2rem;
    color: var(--barama-muted);
    font-size: 0.78rem;
    font-weight: 720;
}

.marketplace-section {
    padding: 1rem 0 clamp(4rem, 7vw, 6rem);
}

.marketplace-section--home {
    padding-top: 2.5rem;
}

.marketplace-filter {
    display: grid;
    grid-template-columns: minmax(240px, 1.7fr) repeat(3, minmax(130px, 1fr));
    gap: 0.7rem;
    margin-bottom: 1.35rem;
    border: 1px solid var(--barama-border);
    border-radius: 18px;
    background: var(--barama-surface);
    padding: 1rem;
}

.marketplace-filter--projects {
    grid-template-columns: minmax(260px, 1.7fr) repeat(3, minmax(150px, 1fr)) auto;
}

.marketplace-filter--companies {
    grid-template-columns: minmax(280px, 2fr) minmax(170px, 1fr) minmax(170px, 1fr) auto;
}

.marketplace-filter label > span {
    display: block;
    margin-bottom: 0.38rem;
    color: var(--barama-muted);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.marketplace-filter .form-control,
.marketplace-filter .form-select {
    min-height: 43px;
    border-color: var(--barama-border);
    border-radius: 10px;
    background-color: var(--barama-bg);
    color: var(--barama-text);
    font-size: 0.8rem;
}

.marketplace-filter__actions {
    display: flex;
    align-items: flex-end;
    gap: 0.45rem;
}

.marketplace-filter__actions .btn {
    min-height: 43px;
    white-space: nowrap;
}

.inventory-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.inventory-grid--projects,
.inventory-grid--companies {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

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

.inventory-card {
    overflow: hidden;
    border: 1px solid var(--barama-border);
    border-radius: 18px;
    background: var(--barama-surface);
    transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

.inventory-card:hover {
    transform: translateY(-2px);
    border-color: color-mix(in srgb, var(--barama-primary) 28%, var(--barama-border));
    box-shadow: var(--barama-shadow);
}

.inventory-card__media {
    position: relative;
    display: block;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background:
        linear-gradient(145deg, color-mix(in srgb, var(--barama-primary) 9%, var(--barama-surface-soft)), var(--barama-surface-soft));
    text-decoration: none;
}

.inventory-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 260ms ease;
}

.inventory-card:hover .inventory-card__media img {
    transform: scale(1.025);
}

.inventory-card__placeholder {
    display: grid;
    width: 100%;
    height: 100%;
    place-items: center;
    color: color-mix(in srgb, var(--barama-primary) 65%, var(--barama-muted));
}

.inventory-card__placeholder svg {
    width: 52px;
    height: 52px;
}

.inventory-card__eyebrow {
    position: absolute;
    left: 0.75rem;
    bottom: 0.75rem;
    border: 1px solid color-mix(in srgb, #fff 25%, transparent);
    border-radius: 999px;
    background: rgba(12, 20, 33, 0.78);
    color: #fff;
    padding: 0.34rem 0.6rem;
    font-size: 0.65rem;
    font-weight: 830;
    backdrop-filter: blur(10px);
}

.inventory-card__body {
    padding: 1rem;
}

.inventory-card__heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.inventory-card__heading h3 {
    min-width: 0;
    margin: 0;
    font-size: 0.98rem;
    font-weight: 830;
    line-height: 1.35;
}

.inventory-card__heading h3 a {
    text-decoration: none;
}

.inventory-card__heading strong {
    flex: 0 0 auto;
    color: var(--barama-primary);
    font-size: 0.86rem;
    font-weight: 850;
}

.inventory-card__meta {
    margin: 0.6rem 0 0;
    color: var(--barama-muted);
    font-size: 0.73rem;
    line-height: 1.55;
}

.inventory-card__footer {
    margin-top: 0.8rem;
    border-top: 1px solid var(--barama-border);
    padding-top: 0.75rem;
    color: var(--barama-muted);
    font-size: 0.7rem;
    font-weight: 720;
}

.marketplace-empty {
    display: flex;
    min-height: 220px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border: 1px dashed var(--barama-border);
    border-radius: 18px;
    background: var(--barama-surface);
    text-align: center;
    padding: 2rem;
}

.marketplace-empty strong {
    font-size: 1rem;
}

.marketplace-empty span {
    margin-top: 0.45rem;
    color: var(--barama-muted);
    font-size: 0.82rem;
}

.marketplace-pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1.25rem;
    color: var(--barama-muted);
    font-size: 0.78rem;
}

.marketplace-pagination > div {
    display: flex;
    gap: 0.5rem;
}

.marketplace-pagination a {
    border: 1px solid var(--barama-border);
    border-radius: 10px;
    background: var(--barama-surface);
    color: var(--barama-text);
    padding: 0.5rem 0.75rem;
    font-weight: 780;
    text-decoration: none;
}

.home-search {
    display: grid;
    grid-template-columns: minmax(220px, 1.6fr) minmax(130px, 0.65fr) minmax(150px, 0.9fr) auto;
    gap: 0.55rem;
    margin-top: 2rem;
    border: 1px solid var(--barama-border);
    border-radius: 16px;
    background: var(--barama-surface);
    padding: 0.55rem;
    box-shadow: var(--barama-shadow);
}

.home-search input,
.home-search select {
    width: 100%;
    min-height: 47px;
    border: 0;
    border-right: 1px solid var(--barama-border);
    outline: 0;
    background: transparent;
    color: var(--barama-text);
    padding: 0 0.75rem;
    font-size: 0.84rem;
}

.home-search .btn {
    min-height: 47px;
}

.section-heading-row {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.section-heading-row .eyebrow {
    margin-bottom: 0.45rem;
}

.section-heading-row h2 {
    margin: 0;
    font-size: clamp(1.55rem, 3vw, 2.35rem);
    font-weight: 850;
    letter-spacing: -0.04em;
}

.section-heading-row p {
    margin: 0.5rem 0 0;
    color: var(--barama-muted);
    font-size: 0.86rem;
}

.section-heading-row > a {
    flex: 0 0 auto;
    color: var(--barama-primary);
    font-size: 0.78rem;
    font-weight: 800;
    text-decoration: none;
}

.listing-detail {
    padding: 1.5rem 0 clamp(4rem, 7vw, 6rem);
}

.detail-breadcrumb {
    display: flex;
    gap: 0.45rem;
    margin-bottom: 1rem;
    color: var(--barama-muted);
    font-size: 0.72rem;
}

.detail-breadcrumb a {
    color: var(--barama-primary);
    text-decoration: none;
}

.detail-gallery {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    grid-template-rows: repeat(2, minmax(150px, 220px));
    gap: 0.55rem;
    overflow: hidden;
    min-height: 360px;
    border-radius: 20px;
    background: var(--barama-surface-soft);
}

.detail-gallery figure {
    min-width: 0;
    min-height: 0;
    margin: 0;
    overflow: hidden;
}

.detail-gallery figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.detail-gallery__primary {
    grid-row: 1 / 3;
}

.detail-gallery__empty {
    display: grid;
    grid-column: 1 / -1;
    grid-row: 1 / -1;
    place-items: center;
    align-content: center;
    gap: 0.8rem;
    color: var(--barama-muted);
    text-align: center;
}

.detail-gallery__empty svg {
    width: 58px;
    height: 58px;
    color: var(--barama-primary);
}

.detail-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(310px, 380px);
    align-items: start;
    gap: clamp(2rem, 5vw, 5rem);
    margin-top: 2rem;
}

.detail-status {
    display: inline-flex;
    border-radius: 999px;
    background: color-mix(in srgb, var(--barama-primary) 10%, var(--barama-surface));
    color: var(--barama-primary);
    padding: 0.4rem 0.65rem;
    font-size: 0.68rem;
    font-weight: 820;
}

.detail-main h1 {
    margin-top: 0.85rem;
}

.detail-location {
    margin: 0.75rem 0 0;
    color: var(--barama-muted);
    font-size: 0.92rem;
}

.detail-price {
    margin-top: 1rem;
    font-size: clamp(1.6rem, 3vw, 2.4rem);
    font-weight: 880;
    letter-spacing: -0.035em;
}

.detail-facts {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.65rem;
    margin: 1.5rem 0 0;
}

.detail-facts > div {
    border: 1px solid var(--barama-border);
    border-radius: 13px;
    background: var(--barama-surface);
    padding: 0.8rem;
}

.detail-facts dt {
    color: var(--barama-muted);
    font-size: 0.66rem;
    font-weight: 780;
    text-transform: uppercase;
}

.detail-facts dd {
    margin: 0.25rem 0 0;
    font-size: 0.83rem;
    font-weight: 790;
}

.detail-section {
    margin-top: 2rem;
    border-top: 1px solid var(--barama-border);
    padding-top: 1.5rem;
}

.detail-section h2 {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 840;
}

.detail-section > p {
    margin: 0.8rem 0 0;
    color: var(--barama-muted);
    line-height: 1.8;
}

.detail-company-link {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-top: 0.8rem;
    border: 1px solid var(--barama-border);
    border-radius: 14px;
    background: var(--barama-surface);
    padding: 0.85rem;
    text-decoration: none;
}

.detail-company-link > svg {
    width: 25px;
    height: 25px;
    color: var(--barama-primary);
}

.detail-company-link strong,
.detail-company-link small {
    display: block;
}

.detail-company-link small {
    margin-top: 0.15rem;
    color: var(--barama-muted);
}

.inquiry-card {
    position: sticky;
    top: 96px;
    border: 1px solid var(--barama-border);
    border-radius: 18px;
    background: var(--barama-surface);
    padding: 1.15rem;
    box-shadow: var(--barama-shadow);
}

.inquiry-card .eyebrow {
    margin-bottom: 0.45rem;
}

.inquiry-card h2 {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 840;
}

.inquiry-card > p {
    margin: 0.55rem 0 1rem;
    color: var(--barama-muted);
    font-size: 0.8rem;
    line-height: 1.6;
}

.inquiry-card label {
    display: block;
    margin-bottom: 0.75rem;
}

.inquiry-card label > span {
    display: block;
    margin-bottom: 0.35rem;
    color: var(--barama-muted);
    font-size: 0.7rem;
    font-weight: 780;
}

.inquiry-card .form-control {
    min-height: 44px;
    background: var(--barama-bg);
    font-size: 0.82rem;
}

.inquiry-honeypot {
    position: absolute !important;
    left: -10000px !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

[data-inquiry-notice] {
    margin-bottom: 0.85rem;
    border: 1px solid var(--barama-border);
    border-radius: 10px;
    padding: 0.65rem 0.75rem;
    font-size: 0.75rem;
    font-weight: 720;
}

[data-inquiry-notice].is-success {
    border-color: color-mix(in srgb, var(--barama-success) 35%, var(--barama-border));
    color: var(--barama-success);
}

[data-inquiry-notice].is-error {
    border-color: color-mix(in srgb, var(--barama-danger) 35%, var(--barama-border));
    color: var(--barama-danger);
}

.company-profile-head {
    display: grid;
    grid-template-columns: 130px minmax(0, 1fr);
    align-items: center;
    gap: 1.35rem;
    margin: 1.2rem 0 2rem;
    border-bottom: 1px solid var(--barama-border);
    padding-bottom: 1.7rem;
}

.company-profile-head__media {
    display: grid;
    width: 130px;
    height: 130px;
    overflow: hidden;
    place-items: center;
    border: 1px solid var(--barama-border);
    border-radius: 24px;
    background: var(--barama-surface);
    color: var(--barama-primary);
}

.company-profile-head__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.company-profile-head__media svg {
    width: 45px;
    height: 45px;
}

.company-profile-head__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 1rem;
}

@media (max-width: 991.98px) {
    .marketplace-filter,
    .marketplace-filter--projects,
    .marketplace-filter--companies {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .marketplace-filter__search {
        grid-column: 1 / -1;
    }

    .inventory-grid,
    .inventory-grid--projects,
    .inventory-grid--companies {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .detail-layout {
        grid-template-columns: 1fr;
    }

    .inquiry-card {
        position: static;
    }

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

    .home-search label:first-child {
        grid-column: 1 / -1;
    }
}

@media (max-width: 767.98px) {
    .marketplace-hero__grid,
    .section-heading-row {
        align-items: flex-start;
        flex-direction: column;
    }

    .marketplace-hero__count {
        text-align: left;
    }

    .detail-gallery {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 260px 140px;
    }

    .detail-gallery__primary {
        grid-column: 1 / -1;
        grid-row: 1;
    }

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

    .inventory-grid--detail {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575.98px) {
    .marketplace-filter,
    .marketplace-filter--projects,
    .marketplace-filter--companies,
    .inventory-grid,
    .inventory-grid--projects,
    .inventory-grid--companies,
    .home-search {
        grid-template-columns: 1fr;
    }

    .marketplace-filter__search,
    .home-search label:first-child {
        grid-column: auto;
    }

    .marketplace-filter__actions {
        align-items: stretch;
        flex-direction: column;
    }

    .marketplace-filter__actions .btn {
        width: 100%;
    }

    .home-search input,
    .home-search select {
        border-right: 0;
        border-bottom: 1px solid var(--barama-border);
    }

    .detail-gallery {
        display: block;
        min-height: 0;
        border-radius: 16px;
    }

    .detail-gallery figure {
        display: none;
        height: 270px;
    }

    .detail-gallery figure:first-child {
        display: block;
    }

    .detail-gallery__empty {
        min-height: 270px;
    }

    .detail-facts {
        grid-template-columns: 1fr 1fr;
    }

    .company-profile-head {
        grid-template-columns: 90px minmax(0, 1fr);
    }

    .company-profile-head__media {
        width: 90px;
        height: 90px;
        border-radius: 18px;
    }
}


/* 12. Workspace record detail */
.workspace-record-page {
    max-width: 1500px;
}

.workspace-record-breadcrumb {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    margin-bottom: 1rem;
    color: var(--barama-muted);
    font-size: 0.72rem;
}

.workspace-record-breadcrumb a {
    color: var(--barama-primary);
    font-weight: 760;
    text-decoration: none;
}

.workspace-record-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.5rem;
    margin-bottom: 1rem;
}

.workspace-record-head .eyebrow {
    margin-bottom: 0.5rem;
}

.workspace-record-head h1 {
    margin: 0;
    font-size: clamp(1.65rem, 3vw, 2.4rem);
    font-weight: 860;
    letter-spacing: -0.04em;
}

.workspace-record-status {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    margin-top: 0.7rem;
    color: var(--barama-muted);
    font-size: 0.72rem;
}

.workspace-record-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.45rem;
}

.workspace-record-actions form {
    margin: 0;
}

.workspace-lock-note {
    display: flex;
    align-items: flex-start;
    gap: 0.8rem;
    margin-bottom: 1rem;
    border: 1px solid color-mix(in srgb, var(--barama-warning) 32%, var(--barama-border));
    border-radius: 14px;
    background: color-mix(in srgb, var(--barama-warning) 6%, var(--barama-surface));
    padding: 0.85rem 1rem;
}

.workspace-lock-note > svg {
    width: 21px;
    height: 21px;
    flex: 0 0 auto;
    margin-top: 0.08rem;
    color: var(--barama-warning);
}

.workspace-lock-note strong,
.workspace-lock-note span {
    display: block;
}

.workspace-lock-note strong {
    font-size: 0.82rem;
}

.workspace-lock-note span {
    margin-top: 0.18rem;
    color: var(--barama-muted);
    font-size: 0.75rem;
    line-height: 1.55;
}

.workspace-record-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 340px);
    align-items: start;
    gap: 1rem;
}

.workspace-record-main,
.workspace-record-side {
    display: grid;
    gap: 1rem;
}

.workspace-record-side {
    position: sticky;
    top: 92px;
}

.workspace-record-panel {
    overflow: hidden;
    border: 1px solid var(--barama-border);
    border-radius: 17px;
    background: var(--barama-surface);
}

.workspace-record-panel__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border-bottom: 1px solid var(--barama-border);
    padding: 0.9rem 1rem;
}

.workspace-record-panel__head h2 {
    margin: 0;
    font-size: 0.9rem;
    font-weight: 840;
}

.workspace-record-panel__head span {
    color: var(--barama-muted);
    font-size: 0.7rem;
}

.workspace-record-details {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
}

.workspace-record-details > div {
    min-width: 0;
    border-bottom: 1px solid var(--barama-border);
    padding: 0.85rem 1rem;
}

.workspace-record-details > div:nth-child(odd) {
    border-right: 1px solid var(--barama-border);
}

.workspace-record-details dt {
    color: var(--barama-muted);
    font-size: 0.66rem;
    font-weight: 790;
    text-transform: uppercase;
}

.workspace-record-details dd {
    overflow-wrap: anywhere;
    margin: 0.28rem 0 0;
    font-size: 0.8rem;
    font-weight: 730;
}

.workspace-record-copy {
    padding: 1rem;
}

.workspace-record-copy h3 {
    margin: 0;
    font-size: 0.8rem;
    font-weight: 820;
}

.workspace-record-copy p {
    margin: 0.55rem 0 0;
    color: var(--barama-muted);
    font-size: 0.8rem;
    line-height: 1.7;
}

.workspace-record-empty {
    padding: 1rem;
    color: var(--barama-muted);
    font-size: 0.78rem;
}

.workspace-history {
    position: relative;
    margin: 0;
    padding: 0.3rem 1rem 0.8rem 1.8rem;
    list-style: none;
}

.workspace-history::before {
    position: absolute;
    top: 1rem;
    bottom: 1rem;
    left: 1.34rem;
    width: 1px;
    background: var(--barama-border);
    content: "";
}

.workspace-history li {
    position: relative;
    display: grid;
    grid-template-columns: 0.5rem minmax(0, 1fr);
    gap: 0.65rem;
    padding: 0.7rem 0;
}

.workspace-history__dot {
    position: relative;
    z-index: 1;
    width: 8px;
    height: 8px;
    margin-top: 0.28rem;
    border-radius: 999px;
    background: var(--barama-primary);
    box-shadow: 0 0 0 4px var(--barama-surface);
}

.workspace-history strong,
.workspace-history small {
    display: block;
}

.workspace-history strong {
    font-size: 0.74rem;
}

.workspace-history small {
    margin-top: 0.2rem;
    color: var(--barama-muted);
    font-size: 0.65rem;
}

.workspace-history p {
    margin: 0.35rem 0 0;
    color: var(--barama-muted);
    font-size: 0.7rem;
    line-height: 1.55;
}

.workspace-media-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
    padding: 1rem;
}

.workspace-media-item {
    overflow: hidden;
    border: 1px solid var(--barama-border);
    border-radius: 13px;
    background: var(--barama-bg);
}

.workspace-media-item__preview {
    display: grid;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    place-items: center;
    background: var(--barama-surface-soft);
    color: var(--barama-primary);
}

.workspace-media-item__preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.workspace-media-item__preview svg {
    width: 34px;
    height: 34px;
}

.workspace-media-item__body {
    padding: 0.7rem;
}

.workspace-media-item__body strong,
.workspace-media-item__body span {
    display: block;
}

.workspace-media-item__body strong {
    overflow: hidden;
    font-size: 0.72rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.workspace-media-item__body span {
    margin-top: 0.18rem;
    color: var(--barama-muted);
    font-size: 0.64rem;
}

.workspace-media-item__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: 0.55rem;
}

.workspace-media-item__actions form {
    margin: 0;
}

.workspace-media-item__actions button {
    border: 1px solid var(--barama-border);
    border-radius: 8px;
    background: var(--barama-surface);
    color: var(--barama-text);
    padding: 0.3rem 0.48rem;
    font-size: 0.62rem;
    font-weight: 780;
}

.workspace-media-item__actions button.is-danger {
    color: var(--barama-danger);
}

.workspace-record-upload {
    display: grid;
    grid-template-columns: minmax(220px, 1.6fr) minmax(180px, 1fr) auto auto;
    align-items: end;
    gap: 0.65rem;
    border-top: 1px solid var(--barama-border);
    padding: 1rem;
}

.workspace-record-upload label > span {
    display: block;
    margin-bottom: 0.35rem;
    color: var(--barama-muted);
    font-size: 0.68rem;
    font-weight: 780;
}

.workspace-check {
    display: flex !important;
    min-height: 44px;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
    border: 1px solid var(--barama-border);
    border-radius: 11px;
    background: var(--barama-bg);
    padding: 0.65rem 0.75rem;
}

.workspace-check input {
    width: 16px;
    height: 16px;
}

.workspace-check span {
    margin: 0 !important;
    color: var(--barama-text) !important;
    font-size: 0.72rem !important;
    text-transform: none !important;
}

@media (max-width: 1199.98px) {
    .workspace-media-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .workspace-record-upload {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 991.98px) {
    .workspace-record-layout {
        grid-template-columns: 1fr;
    }

    .workspace-record-side {
        position: static;
    }
}

@media (max-width: 767.98px) {
    .workspace-record-head {
        flex-direction: column;
    }

    .workspace-record-actions {
        justify-content: flex-start;
    }

    .workspace-record-details {
        grid-template-columns: 1fr;
    }

    .workspace-record-details > div:nth-child(odd) {
        border-right: 0;
    }

    .workspace-record-upload {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575.98px) {
    .workspace-media-grid {
        grid-template-columns: 1fr;
    }
}


/* 13. Workspace filtering and moderation */
.workspace-table-controls {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: flex-end;
    gap: 0.45rem;
}

.workspace-table-controls .workspace-search {
    width: min(290px, 30vw);
}

.workspace-table-controls > select {
    min-height: 39px;
    max-width: 165px;
    border: 1px solid var(--barama-border);
    border-radius: 10px;
    background: var(--barama-bg);
    color: var(--barama-text);
    padding: 0 1.8rem 0 0.65rem;
    font-size: 0.72rem;
}

.workspace-table-controls > button,
.workspace-table-controls > a {
    display: inline-flex;
    min-height: 39px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--barama-border);
    border-radius: 10px;
    padding: 0 0.7rem;
    font-size: 0.7rem;
    font-weight: 800;
    text-decoration: none;
}

.workspace-table-controls > button {
    border-color: var(--barama-primary);
    background: var(--barama-primary);
    color: #fff;
}

.workspace-table-controls > a {
    background: var(--barama-surface);
    color: var(--barama-muted);
}

.workspace-bulk-bar {
    border-bottom: 1px solid var(--barama-border);
    background: color-mix(in srgb, var(--barama-primary) 4%, var(--barama-surface));
    padding: 0.65rem 1rem;
}

.workspace-bulk-bar form {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.workspace-bulk-bar form > span {
    flex: 0 0 auto;
    color: var(--barama-muted);
    font-size: 0.7rem;
}

.workspace-bulk-bar form > span strong {
    color: var(--barama-text);
}

.workspace-bulk-bar select,
.workspace-bulk-bar input {
    min-height: 36px;
    border: 1px solid var(--barama-border);
    border-radius: 9px;
    background: var(--barama-surface);
    color: var(--barama-text);
    padding: 0 0.6rem;
    font-size: 0.7rem;
}

.workspace-bulk-bar input {
    min-width: 190px;
    flex: 1;
}

.workspace-bulk-bar button {
    min-height: 36px;
    border: 0;
    border-radius: 9px;
    background: var(--barama-primary);
    color: #fff;
    padding: 0 0.75rem;
    font-size: 0.7rem;
    font-weight: 820;
}

.workspace-bulk-bar button:disabled {
    cursor: not-allowed;
    opacity: 0.45;
}

.workspace-table__check {
    width: 42px;
    text-align: center !important;
}

.workspace-table__check input {
    width: 15px;
    height: 15px;
    accent-color: var(--barama-primary);
}

@media (max-width: 1199.98px) {
    .workspace-panel__toolbar {
        align-items: stretch;
        flex-direction: column;
    }

    .workspace-table-controls {
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .workspace-table-controls .workspace-search {
        width: min(100%, 360px);
    }
}

@media (max-width: 767.98px) {
    .workspace-table-controls {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .workspace-table-controls .workspace-search {
        grid-column: 1 / -1;
        width: 100%;
    }

    .workspace-table-controls > select {
        width: 100%;
        max-width: none;
    }

    .workspace-bulk-bar form {
        align-items: stretch;
        flex-direction: column;
    }

    .workspace-bulk-bar select,
    .workspace-bulk-bar input,
    .workspace-bulk-bar button {
        width: 100%;
    }
}

@media (max-width: 575.98px) {
    .workspace-table-controls {
        grid-template-columns: 1fr;
    }

    .workspace-table-controls .workspace-search {
        grid-column: auto;
    }
}


/* 14. Customer marketplace account */
.account-page {
    width: min(100%, 1500px);
    padding: 1.25rem;
}

.account-page__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.5rem;
    margin-bottom: 1rem;
}

.account-page__head .eyebrow {
    margin-bottom: 0.5rem;
}

.account-page__head h1 {
    margin: 0;
    font-size: clamp(1.8rem, 3.2vw, 2.7rem);
    font-weight: 860;
    letter-spacing: -0.045em;
}

.account-page__head > div:first-child > p {
    max-width: 760px;
    margin: 0.55rem 0 0;
    color: var(--barama-muted);
    font-size: 0.82rem;
    line-height: 1.6;
}

.account-page__identity {
    display: flex;
    min-width: 240px;
    align-items: center;
    gap: 0.7rem;
    border: 1px solid var(--barama-border);
    border-radius: 14px;
    background: var(--barama-surface);
    padding: 0.7rem 0.8rem;
}

.account-page__identity > span {
    display: grid;
    width: 36px;
    height: 36px;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 10px;
    background: var(--barama-surface-soft);
    color: var(--barama-primary);
}

.account-page__identity svg {
    width: 19px;
    height: 19px;
}

.account-page__identity strong,
.account-page__identity small {
    display: block;
}

.account-page__identity strong {
    font-size: 0.76rem;
}

.account-page__identity small {
    margin-top: 0.15rem;
    color: var(--barama-muted);
    font-size: 0.65rem;
}

[data-account-notice] {
    margin-bottom: 1rem;
    border: 1px solid var(--barama-border);
    border-radius: 12px;
    background: var(--barama-surface);
    padding: 0.75rem 0.9rem;
    font-size: 0.76rem;
    font-weight: 740;
}

[data-account-notice].is-success {
    border-color: color-mix(in srgb, var(--barama-success) 34%, var(--barama-border));
    color: var(--barama-success);
}

[data-account-notice].is-error {
    border-color: color-mix(in srgb, var(--barama-danger) 34%, var(--barama-border));
    color: var(--barama-danger);
}

.account-stat-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.75rem;
}

.account-stat-grid a {
    display: grid;
    grid-template-columns: 36px 1fr;
    align-items: center;
    gap: 0 0.65rem;
    border: 1px solid var(--barama-border);
    border-radius: 15px;
    background: var(--barama-surface);
    padding: 0.9rem;
    text-decoration: none;
}

.account-stat-grid a > span {
    display: grid;
    width: 36px;
    height: 36px;
    grid-row: 1 / 3;
    place-items: center;
    border-radius: 10px;
    background: var(--barama-surface-soft);
    color: var(--barama-primary);
}

.account-stat-grid svg {
    width: 18px;
    height: 18px;
}

.account-stat-grid strong {
    font-size: 1rem;
    line-height: 1;
}

.account-stat-grid small {
    margin-top: 0.2rem;
    color: var(--barama-muted);
    font-size: 0.65rem;
}

.account-section {
    margin-top: 2rem;
}

.account-listing-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.account-listing-item {
    overflow: hidden;
    border-radius: 18px;
}

.account-listing-item .inventory-card {
    border-radius: 18px 18px 0 0;
}

.account-listing-item__actions {
    display: flex;
    gap: 0.45rem;
    border: 1px solid var(--barama-border);
    border-top: 0;
    border-radius: 0 0 18px 18px;
    background: var(--barama-surface);
    padding: 0.65rem;
}

.account-listing-item__actions form {
    flex: 1;
    margin: 0;
}

.account-listing-item__actions button,
.saved-search-row__actions button,
.saved-search-row__actions a,
.account-record-list footer button,
.account-record-list footer a {
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    border: 1px solid var(--barama-border);
    border-radius: 9px;
    background: var(--barama-surface);
    color: var(--barama-text);
    padding: 0 0.6rem;
    font-size: 0.67rem;
    font-weight: 790;
    text-decoration: none;
}

.account-listing-item__actions button {
    width: 100%;
}

.account-listing-item__actions svg {
    width: 14px;
    height: 14px;
}

.account-record-list {
    display: grid;
    gap: 0.75rem;
}

.account-record-list > article {
    border: 1px solid var(--barama-border);
    border-radius: 15px;
    background: var(--barama-surface);
    padding: 1rem;
}

.account-record-list > article > div:first-child,
.account-record-list footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.7rem;
}

.account-record-list h2 {
    margin: 0.8rem 0 0;
    font-size: 0.92rem;
    font-weight: 830;
}

.account-record-list p {
    margin: 0.55rem 0 0;
    color: var(--barama-muted);
    font-size: 0.76rem;
    line-height: 1.65;
}

.account-record-list small,
.account-record-list footer > span {
    color: var(--barama-muted);
    font-size: 0.65rem;
}

.account-record-list footer {
    margin-top: 0.85rem;
    border-top: 1px solid var(--barama-border);
    padding-top: 0.7rem;
}

.account-record-list footer form {
    margin: 0 0 0 auto;
}

.account-record-list footer button.is-danger,
.saved-search-row__actions button.is-danger {
    color: var(--barama-danger);
}

.account-inline-facts {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem 1.4rem;
    margin: 0.65rem 0 0;
}

.account-inline-facts div {
    display: flex;
    gap: 0.35rem;
}

.account-inline-facts dt,
.account-inline-facts dd {
    margin: 0;
    font-size: 0.68rem;
}

.account-inline-facts dt {
    color: var(--barama-muted);
}

.account-inline-facts dd {
    font-weight: 750;
}

.account-empty {
    display: grid;
    min-height: 300px;
    place-items: center;
    align-content: center;
    gap: 0.55rem;
    border: 1px dashed var(--barama-border);
    border-radius: 17px;
    background: var(--barama-surface);
    padding: 2rem;
    text-align: center;
}

.account-empty > svg {
    width: 38px;
    height: 38px;
    color: var(--barama-primary);
}

.account-empty strong {
    font-size: 0.9rem;
}

.account-empty span {
    max-width: 520px;
    color: var(--barama-muted);
    font-size: 0.75rem;
}

.account-compare-wrap {
    overflow-x: auto;
    border: 1px solid var(--barama-border);
    border-radius: 16px;
    background: var(--barama-surface);
}

.account-compare-table {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
}

.account-compare-table th,
.account-compare-table td {
    min-width: 180px;
    border-right: 1px solid var(--barama-border);
    border-bottom: 1px solid var(--barama-border);
    padding: 0.8rem;
    font-size: 0.72rem;
    text-align: left;
    vertical-align: top;
}

.account-compare-table th:first-child {
    min-width: 130px;
    color: var(--barama-muted);
}

.account-compare-table thead th {
    background: var(--barama-surface-soft);
    color: var(--barama-text);
}

.account-compare-table thead th a {
    font-weight: 820;
    text-decoration: none;
}

.account-compare-table thead form {
    margin-top: 0.5rem;
}

.account-compare-table thead button {
    border: 0;
    background: transparent;
    color: var(--barama-danger);
    padding: 0;
    font-size: 0.65rem;
    font-weight: 780;
}

.account-alert-layout {
    display: grid;
    grid-template-columns: minmax(320px, 0.8fr) minmax(0, 1.2fr);
    align-items: start;
    gap: 1rem;
}

.account-panel {
    border: 1px solid var(--barama-border);
    border-radius: 16px;
    background: var(--barama-surface);
}

.account-panel__head {
    border-bottom: 1px solid var(--barama-border);
    padding: 0.9rem 1rem;
}

.account-panel__head h2 {
    margin: 0;
    font-size: 0.9rem;
    font-weight: 840;
}

.account-panel__head span {
    display: block;
    margin-top: 0.3rem;
    color: var(--barama-muted);
    font-size: 0.67rem;
    line-height: 1.5;
}

.account-form {
    padding: 1rem;
}

.account-form > label,
.account-form__grid label {
    display: block;
    margin-bottom: 0.75rem;
}

.account-form label > span {
    display: block;
    margin-bottom: 0.35rem;
    color: var(--barama-muted);
    font-size: 0.66rem;
    font-weight: 780;
}

.account-form__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 0.65rem;
}

.account-form .form-control,
.account-form .form-select {
    min-height: 42px;
    background: var(--barama-bg);
    color: var(--barama-text);
    font-size: 0.76rem;
}

.saved-search-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border-bottom: 1px solid var(--barama-border);
    padding: 0.85rem 1rem;
}

.saved-search-row:last-child {
    border-bottom: 0;
}

.saved-search-row strong,
.saved-search-row span {
    display: block;
}

.saved-search-row strong {
    font-size: 0.76rem;
}

.saved-search-row span {
    margin-top: 0.2rem;
    color: var(--barama-muted);
    font-size: 0.64rem;
}

.saved-search-row__actions,
.saved-search-row__actions form {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    margin: 0;
}

.saved-search-row__actions select {
    min-height: 34px;
    border: 1px solid var(--barama-border);
    border-radius: 8px;
    background: var(--barama-bg);
    color: var(--barama-text);
    padding: 0 0.4rem;
    font-size: 0.65rem;
}

.saved-search-row__actions label {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    color: var(--barama-muted);
    font-size: 0.64rem;
}

.account-record-empty {
    padding: 1rem;
    color: var(--barama-muted);
    font-size: 0.74rem;
}

.property-engagement {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    margin-top: 1rem;
}

.property-engagement form {
    margin: 0;
}

.property-engagement__button,
.property-engagement__signin {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    gap: 0.45rem;
    border: 1px solid var(--barama-border);
    border-radius: 11px;
    background: var(--barama-surface);
    color: var(--barama-text);
    padding: 0 0.75rem;
    font-size: 0.72rem;
    font-weight: 790;
    text-decoration: none;
}

.property-engagement__button svg,
.property-engagement__signin svg {
    width: 16px;
    height: 16px;
}

.property-engagement__button.is-active {
    border-color: color-mix(in srgb, var(--barama-primary) 35%, var(--barama-border));
    background: color-mix(in srgb, var(--barama-primary) 8%, var(--barama-surface));
    color: var(--barama-primary);
}

.property-viewing-request {
    position: relative;
}

.property-viewing-request summary {
    cursor: pointer;
    list-style: none;
}

.property-viewing-request summary::-webkit-details-marker {
    display: none;
}

.property-viewing-request[open] > form {
    display: grid;
}

.property-viewing-request > form {
    position: absolute;
    z-index: 20;
    top: calc(100% + 0.5rem);
    right: 0;
    display: none;
    width: min(520px, calc(100vw - 2rem));
    gap: 0.7rem;
    border: 1px solid var(--barama-border);
    border-radius: 14px;
    background: var(--barama-surface);
    padding: 1rem;
    box-shadow: var(--barama-shadow);
}

.property-viewing-request__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
}

.property-viewing-request label > span {
    display: block;
    margin-bottom: 0.35rem;
    color: var(--barama-muted);
    font-size: 0.66rem;
    font-weight: 780;
}

.property-viewing-request .form-control,
.property-viewing-request .form-select {
    min-height: 41px;
    background: var(--barama-bg);
    color: var(--barama-text);
    font-size: 0.74rem;
}

@media (max-width: 1199.98px) {
    .account-stat-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

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

@media (max-width: 991.98px) {
    .account-alert-layout {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    .account-page__head {
        flex-direction: column;
    }

    .account-page__identity {
        width: 100%;
        min-width: 0;
    }

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

    .saved-search-row,
    .saved-search-row__actions {
        align-items: stretch;
        flex-direction: column;
    }

    .saved-search-row__actions form {
        flex-wrap: wrap;
    }

    .property-viewing-request > form {
        right: auto;
        left: 0;
    }
}

@media (max-width: 575.98px) {
    .account-page {
        padding: 1rem 0.75rem;
    }

    .account-stat-grid,
    .account-listing-grid,
    .account-form__grid,
    .property-viewing-request__grid {
        grid-template-columns: 1fr;
    }

    .property-engagement {
        align-items: stretch;
        flex-direction: column;
    }

    .property-engagement form,
    .property-engagement__button,
    .property-engagement__signin,
    .property-viewing-request,
    .property-viewing-request summary {
        width: 100%;
    }

    .property-viewing-request > form {
        position: static;
        width: 100%;
        margin-top: 0.5rem;
    }
}


/* 15. Notification center */
.account-notification-layout {
    display: grid;
    grid-template-columns: minmax(280px, 0.72fr) minmax(0, 1.28fr);
    align-items: start;
    gap: 1rem;
}

.account-notification-preferences {
    display: grid;
    gap: 0.35rem;
}

.account-notification-preferences .workspace-check {
    min-height: 42px;
    margin: 0;
    border: 1px solid var(--barama-border);
    border-radius: 11px;
    background: var(--barama-bg);
    padding: 0.65rem 0.75rem;
}

.account-preference-divider {
    height: 1px;
    margin: 0.35rem 0;
    background: var(--barama-border);
}

.account-panel__head--actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.account-panel__head--actions form {
    margin: 0;
}

.account-notification-list {
    display: grid;
}

.account-notification-item {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 0.8rem;
    border-bottom: 1px solid var(--barama-border);
    padding: 0.9rem 1rem;
}

.account-notification-item:last-child {
    border-bottom: 0;
}

.account-notification-item.is-unread {
    background: color-mix(in srgb, var(--barama-primary) 5%, var(--barama-surface));
}

.account-notification-item__icon {
    display: grid;
    width: 40px;
    height: 40px;
    place-items: center;
    border-radius: 11px;
    background: var(--barama-surface-soft);
    color: var(--barama-primary);
}

.account-notification-item__icon svg {
    width: 18px;
    height: 18px;
}

.account-notification-item__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    color: var(--barama-muted);
    font-size: 0.62rem;
}

.account-notification-item__meta span {
    font-weight: 780;
}

.account-notification-item h3 {
    margin: 0.35rem 0 0;
    font-size: 0.8rem;
    font-weight: 840;
}

.account-notification-item p {
    margin: 0.35rem 0 0;
    color: var(--barama-muted);
    font-size: 0.72rem;
    line-height: 1.6;
}

.account-notification-item__actions {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    margin-top: 0.65rem;
}

.account-notification-item__actions form {
    margin: 0;
}

.account-notification-item__actions a,
.account-notification-item__actions button {
    display: inline-flex;
    min-height: 32px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--barama-border);
    border-radius: 8px;
    background: var(--barama-surface);
    color: var(--barama-text);
    padding: 0 0.55rem;
    font-size: 0.64rem;
    font-weight: 780;
    text-decoration: none;
}

.account-empty--compact {
    min-height: 220px;
    border: 0;
    border-radius: 0;
}

@media (max-width: 1199.98px) {
    .account-stat-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 991.98px) {
    .account-notification-layout {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575.98px) {
    .account-panel__head--actions,
    .account-notification-item__meta {
        align-items: flex-start;
        flex-direction: column;
    }

    .account-notification-item {
        grid-template-columns: 34px minmax(0, 1fr);
        gap: 0.65rem;
        padding: 0.8rem;
    }

    .account-notification-item__icon {
        width: 34px;
        height: 34px;
    }
}


/* 16. One-click installer */
.installer-body {
    min-height: 100vh;
    overflow-x: hidden;
}

.installer-shell {
    display: grid;
    min-height: 100vh;
    grid-template-columns: 320px minmax(0, 1fr);
    background: var(--barama-bg);
}

.installer-sidebar {
    position: sticky;
    top: 0;
    display: flex;
    height: 100vh;
    flex-direction: column;
    border-right: 1px solid var(--barama-border);
    background: var(--barama-surface);
    padding: 1.35rem;
}

.installer-brand {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    padding: 0.15rem 0.25rem 1.25rem;
}

.installer-brand strong,
.installer-brand span {
    display: block;
}

.installer-brand strong {
    font-size: 0.92rem;
    font-weight: 860;
}

.installer-brand > div > span {
    margin-top: 0.2rem;
    color: var(--barama-muted);
    font-size: 0.7rem;
    font-weight: 700;
}

.installer-progress {
    display: grid;
    gap: 0.3rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.installer-progress li {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    align-items: center;
    gap: 0.7rem;
    border: 1px solid transparent;
    border-radius: 13px;
    padding: 0.72rem;
    color: var(--barama-muted);
}

.installer-progress li.is-active {
    border-color: color-mix(in srgb, var(--barama-primary) 22%, var(--barama-border));
    background: color-mix(in srgb, var(--barama-primary) 7%, var(--barama-surface));
    color: var(--barama-text);
}

.installer-progress li.is-complete {
    color: var(--barama-text);
}

.installer-progress__number {
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    border: 1px solid var(--barama-border);
    border-radius: 11px;
    background: var(--barama-bg);
    color: var(--barama-muted);
    font-size: 0.72rem;
    font-weight: 850;
}

.installer-progress li.is-active .installer-progress__number {
    border-color: var(--barama-primary);
    background: var(--barama-primary);
    color: #fff;
}

.installer-progress li.is-complete .installer-progress__number {
    border-color: color-mix(in srgb, var(--barama-success) 28%, var(--barama-border));
    background: color-mix(in srgb, var(--barama-success) 10%, var(--barama-surface));
    color: var(--barama-success);
}

.installer-progress__number svg {
    width: 17px;
    height: 17px;
}

.installer-progress strong,
.installer-progress small {
    display: block;
}

.installer-progress strong {
    font-size: 0.76rem;
    font-weight: 820;
}

.installer-progress small {
    margin-top: 0.16rem;
    font-size: 0.61rem;
    line-height: 1.35;
}

.installer-sidebar__footer {
    margin-top: auto;
    border-top: 1px solid var(--barama-border);
    padding: 1rem 0.25rem 0;
    color: var(--barama-muted);
    font-size: 0.64rem;
}

.installer-sidebar__footer span,
.installer-sidebar__footer small {
    display: block;
}

.installer-sidebar__footer small {
    margin-top: 0.2rem;
}

.installer-workspace {
    min-width: 0;
    font-size: 1rem;
}

.installer-topbar {
    display: flex;
    min-height: 72px;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border-bottom: 1px solid var(--barama-border);
    background: color-mix(in srgb, var(--barama-bg) 90%, transparent);
    padding: 0 1.75rem;
    backdrop-filter: blur(14px);
}

.installer-topbar > span {
    color: var(--barama-muted);
    font-size: 0.8rem;
    font-weight: 800;
}

.installer-utilities {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.installer-language {
    display: flex;
    min-height: 46px;
    align-items: center;
    gap: 0.5rem;
    border: 1px solid var(--barama-border);
    border-radius: 13px;
    background: var(--barama-surface);
    padding: 0 0.65rem;
}

.installer-language__icon,
.installer-language > svg {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    color: var(--barama-muted);
}

.installer-language svg {
    width: 18px;
    height: 18px;
}

.installer-language select {
    min-width: 118px;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--barama-text);
    padding: 0.2rem 1.45rem 0.2rem 0;
    font-size: 0.82rem;
    font-weight: 760;
    cursor: pointer;
}

.installer-main {
    width: min(100%, 1120px);
    margin: 0 auto;
    padding: clamp(2rem, 4vw, 4rem);
}

.installer-heading {
    margin-bottom: 1.7rem;
}

.installer-heading .eyebrow {
    margin-bottom: 0.55rem;
}

.installer-heading h1 {
    margin: 0;
    font-size: clamp(2.05rem, 3.4vw, 3rem);
    font-weight: 880;
    letter-spacing: -0.045em;
}

.installer-heading p {
    max-width: 760px;
    margin: 0.7rem 0 0;
    color: var(--barama-muted);
    font-size: 0.95rem;
    line-height: 1.65;
}

/* Main installer sections intentionally use the workspace background. */
.installer-card,
.installer-finish {
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    overflow: visible;
}

.installer-card__head {
    border: 0;
    padding: 0 0 1.25rem;
}

.installer-card__head > div {
    display: flex;
    align-items: center;
    gap: 0.85rem;
}

.installer-card__head > div > span {
    display: grid;
    width: 44px;
    height: 44px;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 13px;
    background: color-mix(in srgb, var(--barama-primary) 7%, var(--barama-surface));
    color: var(--barama-primary);
}

.installer-card__head svg {
    width: 20px;
    height: 20px;
}

.installer-card__head h2 {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 850;
}

.installer-card__head p {
    margin: 0.3rem 0 0;
    color: var(--barama-muted);
    font-size: 0.82rem;
    line-height: 1.5;
}

.installer-card > form,
.installer-form {
    padding: 0;
}

.installer-field {
    display: grid;
    min-width: 0;
    gap: 0.48rem;
}

.installer-field__label,
.installer-section-label {
    color: var(--barama-muted);
    font-size: 0.8rem;
    font-weight: 800;
}

.installer-field > small,
.installer-section-copy {
    color: var(--barama-muted);
    font-size: 0.76rem;
    line-height: 1.55;
}

.installer-section-copy {
    max-width: 760px;
    margin: -0.35rem 0 1rem;
}

.installer-input {
    display: flex;
    min-height: 54px;
    align-items: stretch;
    border: 1px solid var(--barama-border);
    border-radius: 14px;
    background: color-mix(in srgb, var(--barama-surface) 82%, var(--barama-bg));
    overflow: hidden;
    transition:
        border-color 150ms ease,
        background-color 150ms ease,
        box-shadow 150ms ease;
}

.installer-input:hover {
    border-color: color-mix(in srgb, var(--barama-primary) 22%, var(--barama-border));
}

.installer-input:focus-within {
    border-color: color-mix(in srgb, var(--barama-primary) 72%, var(--barama-border));
    background: var(--barama-surface);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--barama-primary) 11%, transparent);
}

.installer-input__icon {
    display: grid;
    width: 48px;
    flex: 0 0 48px;
    place-items: center;
    color: var(--barama-muted);
}

.installer-input__icon svg {
    width: 18px;
    height: 18px;
}

.installer-input .form-control,
.installer-input .form-select {
    min-width: 0;
    min-height: 52px;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--barama-text);
    padding: 0.78rem 0.85rem 0.78rem 0;
    font-size: 0.9rem;
    box-shadow: none !important;
}

.installer-input .form-control::placeholder {
    color: color-mix(in srgb, var(--barama-muted) 78%, transparent);
}

.installer-input .form-select {
    padding-right: 2.2rem;
}

.installer-input__action,
.installer-input__icon-button {
    flex: 0 0 auto;
    border: 0;
    border-left: 1px solid var(--barama-border);
    background: color-mix(in srgb, var(--barama-surface) 90%, var(--barama-bg));
    color: var(--barama-text);
    padding: 0 1rem;
    font-size: 0.8rem;
    font-weight: 820;
}

.installer-input__icon-button {
    display: grid;
    width: 48px;
    place-items: center;
    padding: 0;
}

.installer-input__icon-button svg {
    width: 18px;
    height: 18px;
}

.installer-input__action:disabled {
    cursor: not-allowed;
    opacity: 0.45;
}

.installer-form__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 1rem;
}

.installer-form__grid--pair + .installer-form__grid--pair {
    margin-top: 1rem;
}

.installer-field--wide {
    grid-column: 1 / -1;
}

.installer-section-label {
    margin: 1.5rem 0 0.8rem;
    border-top: 1px solid var(--barama-border);
    padding-top: 1.25rem;
    color: var(--barama-text);
    font-size: 0.78rem;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.installer-database-mode > .installer-section-label:first-child {
    margin-top: 1.35rem;
}

.installer-database-mode[hidden] {
    display: none;
}

.installer-option,
.installer-agreement {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    margin-top: 1rem;
    color: var(--barama-text);
    font-size: 0.82rem;
    line-height: 1.5;
}

.installer-option input,
.installer-agreement input {
    width: 18px;
    height: 18px;
    flex: 0 0 auto;
    margin-top: 0.06rem;
    accent-color: var(--barama-primary);
}

.installer-option strong,
.installer-option small {
    display: block;
}

.installer-option small {
    margin-top: 0.2rem;
    color: var(--barama-muted);
    font-size: 0.75rem;
}

.installer-terms-row {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 1rem;
    margin-top: 1.15rem;
    border-top: 1px solid var(--barama-border);
    padding-top: 1.1rem;
}

.installer-license-status {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.85rem;
    border-radius: 11px;
    background: color-mix(in srgb, var(--barama-success) 9%, var(--barama-surface));
    color: var(--barama-success);
    padding: 0.8rem 0.9rem;
    font-size: 0.8rem;
    font-weight: 780;
}

.installer-license-status.is-error {
    background: color-mix(in srgb, #d43b4f 8%, var(--barama-surface));
    color: #d43b4f;
}

.installer-license-status svg {
    width: 18px;
    height: 18px;
}

.installer-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1.4rem;
    border-top: 1px solid var(--barama-border);
    padding-top: 1.15rem;
}

.installer-actions__note {
    max-width: 600px;
    color: var(--barama-muted);
    font-size: 0.76rem;
    line-height: 1.55;
}

.installer-actions .btn {
    min-width: 155px;
    min-height: 44px;
    font-size: 0.82rem;
    font-weight: 820;
}

.installer-alert {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    margin-bottom: 1rem;
    border: 1px solid color-mix(in srgb, var(--barama-primary) 18%, var(--barama-border));
    border-radius: 12px;
    background: color-mix(in srgb, var(--barama-primary) 5%, var(--barama-surface));
    color: var(--barama-text);
    padding: 0.85rem 0.95rem;
    font-size: 0.8rem;
    line-height: 1.55;
}

.installer-alert.is-error {
    border-color: color-mix(in srgb, #e35d6a 42%, var(--barama-border));
    background: color-mix(in srgb, #e35d6a 9%, var(--barama-surface));
    color: color-mix(in srgb, #ff6f7d 88%, var(--barama-text));
}

.installer-alert.is-success {
    border-color: color-mix(in srgb, var(--barama-success) 30%, var(--barama-border));
    background: color-mix(in srgb, var(--barama-success) 7%, var(--barama-surface));
    color: var(--barama-success);
}

.installer-alert svg {
    width: 19px;
    height: 19px;
    flex: 0 0 auto;
}

/* Clean requirements table: no row cards/backgrounds. */
.installer-requirements-table {
    border-top: 1px solid var(--barama-border);
    border-bottom: 1px solid var(--barama-border);
}

.installer-requirements-table__head,
.installer-requirements-table__row {
    display: grid;
    grid-template-columns: minmax(220px, 1.1fr) minmax(300px, 1.6fr) minmax(100px, auto);
    align-items: center;
    gap: 1rem;
}

.installer-requirements-table__head {
    min-height: 46px;
    color: var(--barama-muted);
    font-size: 0.72rem;
    font-weight: 820;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.installer-requirements-table__row {
    min-height: 62px;
    border-top: 1px solid var(--barama-border);
    padding: 0.7rem 0;
}

.installer-requirements-table__row > div {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 0.7rem;
}

.installer-requirements-table__row strong {
    font-size: 0.84rem;
    font-weight: 820;
}

.installer-requirements-table__row > span {
    min-width: 0;
    color: var(--barama-muted);
    font-size: 0.78rem;
    line-height: 1.5;
}

.installer-requirement-icon {
    display: grid;
    width: 32px;
    height: 32px;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 10px;
}

.installer-requirement-icon svg {
    width: 16px;
    height: 16px;
}

.installer-requirement-icon--pass {
    background: color-mix(in srgb, var(--barama-success) 9%, transparent);
    color: var(--barama-success);
}

.installer-requirement-icon--warning {
    background: color-mix(in srgb, #d88b17 10%, transparent);
    color: #b9720d;
}

.installer-requirement-icon--fix {
    background: color-mix(in srgb, #d43b4f 9%, transparent);
    color: #d43b4f;
}

.installer-status {
    display: inline-flex;
    justify-content: center;
    border-radius: 999px;
    padding: 0.38rem 0.62rem;
    font-size: 0.66rem;
    font-weight: 850;
    white-space: nowrap;
}

.installer-status--pass {
    background: color-mix(in srgb, var(--barama-success) 10%, var(--barama-surface));
    color: var(--barama-success);
}

.installer-status--warning {
    background: color-mix(in srgb, #d88b17 11%, var(--barama-surface));
    color: #b9720d;
}

.installer-status--fix {
    background: color-mix(in srgb, #d43b4f 9%, var(--barama-surface));
    color: #d43b4f;
}

.installer-modal {
    position: fixed;
    z-index: 1000;
    inset: 0;
    display: grid;
    place-items: center;
    background: rgba(4, 11, 22, 0.62);
    padding: 1rem;
    backdrop-filter: blur(8px);
}

.installer-modal[hidden] {
    display: none;
}

.installer-modal__dialog {
    width: min(100%, 720px);
    max-height: min(88vh, 780px);
    display: flex;
    flex-direction: column;
    border: 1px solid var(--barama-border);
    border-radius: 18px;
    background: var(--barama-surface);
    box-shadow: 0 30px 90px rgba(0, 0, 0, 0.28);
    overflow: hidden;
}

.installer-modal__head,
.installer-modal__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.05rem 1.2rem;
}

.installer-modal__head {
    border-bottom: 1px solid var(--barama-border);
}

.installer-modal__head .eyebrow {
    margin-bottom: 0.25rem;
}

.installer-modal__head h2 {
    margin: 0;
    font-size: 1.12rem;
    font-weight: 860;
}

.installer-modal__head > button {
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    border: 1px solid var(--barama-border);
    border-radius: 10px;
    background: var(--barama-bg);
    color: var(--barama-text);
    font-size: 1.2rem;
}

.installer-modal__body {
    overflow: auto;
    padding: 0.3rem 1.2rem;
}

.installer-modal__body section {
    padding: 0.95rem 0;
    border-bottom: 1px solid var(--barama-border);
}

.installer-modal__body section:last-child {
    border-bottom: 0;
}

.installer-modal__body h3 {
    margin: 0;
    font-size: 0.86rem;
    font-weight: 840;
}

.installer-modal__body p {
    margin: 0.42rem 0 0;
    color: var(--barama-muted);
    font-size: 0.78rem;
    line-height: 1.65;
}

.installer-modal__footer {
    border-top: 1px solid var(--barama-border);
}

body.installer-modal-open {
    overflow: hidden;
}

.installer-finish {
    padding: 0;
}

.installer-finish__hero {
    display: grid;
    justify-items: center;
    border-bottom: 1px solid var(--barama-border);
    padding: 1.2rem 1rem 1.7rem;
    text-align: center;
}

.installer-finish__icon {
    display: grid;
    width: 62px;
    height: 62px;
    place-items: center;
    margin-bottom: 0.9rem;
    border-radius: 18px;
    background: color-mix(in srgb, var(--barama-success) 12%, var(--barama-surface));
    color: var(--barama-success);
}

.installer-finish__icon svg {
    width: 29px;
    height: 29px;
}

.installer-finish__hero .eyebrow {
    margin-bottom: 0.3rem;
}

.installer-finish__hero h2 {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 880;
}

.installer-finish__hero p {
    margin: 0.5rem 0 0;
    color: var(--barama-muted);
    font-size: 0.84rem;
}

.installer-health-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 1.1rem;
    border-top: 1px solid var(--barama-border);
    border-bottom: 1px solid var(--barama-border);
}

.installer-health {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.75rem;
    border-bottom: 1px solid var(--barama-border);
    padding: 0.8rem;
}

.installer-health:nth-child(odd) {
    border-right: 1px solid var(--barama-border);
}

.installer-health strong,
.installer-health small {
    display: block;
}

.installer-health strong {
    font-size: 0.8rem;
    font-weight: 820;
}

.installer-health small {
    margin-top: 0.16rem;
    color: var(--barama-muted);
    font-size: 0.72rem;
}

.installer-finish__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.65rem;
    padding-top: 1.25rem;
}

.installer-finish__actions .btn {
    min-height: 44px;
    font-size: 0.8rem;
    font-weight: 800;
}

@media (max-width: 991.98px) {
    .installer-shell {
        grid-template-columns: 1fr;
    }

    .installer-sidebar {
        position: static;
        width: 100%;
        min-width: 0;
        max-width: 100%;
        height: auto;
        border-right: 0;
        border-bottom: 1px solid var(--barama-border);
        padding: 1rem;
    }

    .installer-progress {
        width: 100%;
        min-width: 0;
        max-width: 100%;
        grid-template-columns: repeat(5, minmax(145px, 1fr));
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        padding-bottom: 0.25rem;
    }

    .installer-progress li {
        min-width: 145px;
    }

    .installer-progress small,
    .installer-sidebar__footer {
        display: none;
    }

    .installer-main {
        padding-top: 1.8rem;
    }

    .installer-requirements-table__head,
    .installer-requirements-table__row {
        grid-template-columns: minmax(180px, 1fr) minmax(220px, 1.4fr) auto;
    }
}

@media (max-width: 767.98px) {
    .installer-form__grid,
    .installer-health-grid {
        grid-template-columns: 1fr;
    }

    .installer-field--wide {
        grid-column: auto;
    }

    .installer-health:nth-child(odd) {
        border-right: 0;
    }

    .installer-terms-row,
    .installer-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .installer-actions .btn {
        width: 100%;
    }

    .installer-requirements-table__head {
        display: none;
    }

    .installer-requirements-table__row {
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 0.45rem 0.8rem;
        padding: 0.8rem 0;
    }

    .installer-requirements-table__row > div {
        grid-column: 1;
    }

    .installer-requirements-table__row > span:nth-child(2) {
        grid-column: 1 / -1;
        grid-row: 2;
        padding-left: 2.7rem;
    }

    .installer-requirements-table__row > span:last-child {
        grid-column: 2;
        grid-row: 1;
    }
}

@media (max-width: 575.98px) {
    .installer-sidebar {
        padding: 0.8rem;
    }

    .installer-brand {
        padding-bottom: 0.8rem;
    }

    .installer-progress {
        grid-template-columns: repeat(5, minmax(125px, 1fr));
    }

    .installer-progress li {
        grid-template-columns: 30px minmax(0, 1fr);
        min-width: 125px;
        padding: 0.55rem;
    }

    .installer-progress__number {
        width: 29px;
        height: 29px;
    }

    .installer-topbar {
        min-height: 64px;
        padding: 0 0.85rem;
    }

    .installer-main {
        padding: 1.25rem 0.9rem 1.75rem;
    }

    .installer-card__head {
        padding-bottom: 1rem;
    }

    .installer-language {
        padding: 0 0.45rem;
    }

    .installer-language select {
        min-width: 92px;
        max-width: 125px;
        font-size: 0.76rem;
    }

    .installer-heading h1 {
        font-size: 2rem;
    }

    .installer-heading p {
        font-size: 0.86rem;
    }

    .installer-card__head p,
    .installer-actions__note,
    .installer-section-copy {
        font-size: 0.74rem;
    }
}


/* 30. Unified premium shell, authentication and featured cards */
.site-navigation {
    display: flex;
    align-items: center;
    gap: 1.2rem;
}

.site-menu-toggle {
    display: none;
    width: 42px;
    height: 42px;
    place-items: center;
    border: 1px solid var(--barama-border);
    border-radius: 12px;
    background: var(--barama-surface);
    color: var(--barama-text);
}

.site-menu-toggle svg {
    width: 19px;
    height: 19px;
}

.header-auth {
    display: flex;
    align-items: center;
    gap: 0.55rem;
}

.header-auth__signin {
    color: var(--barama-muted);
    font-size: 0.86rem;
    font-weight: 800;
    text-decoration: none;
}

.account-switcher {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.account-switcher__identity,
.account-switcher__shortcut {
    display: flex;
    align-items: center;
    border: 1px solid transparent;
    color: var(--barama-muted);
    text-decoration: none;
}

.account-switcher__identity {
    gap: 0.52rem;
    border-radius: 13px;
    padding: 0.34rem 0.5rem 0.34rem 0.38rem;
}

.account-switcher__identity:hover,
.account-switcher__identity.is-active,
.account-switcher__shortcut:hover,
.account-switcher__shortcut.is-active {
    border-color: color-mix(in srgb, var(--barama-primary) 18%, var(--barama-border));
    background: color-mix(in srgb, var(--barama-primary) 6%, var(--barama-surface));
    color: var(--barama-text);
}

.account-switcher__avatar {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border-radius: 10px;
    background:
        linear-gradient(145deg,
            color-mix(in srgb, var(--barama-primary) 18%, var(--barama-surface)),
            color-mix(in srgb, var(--barama-success) 8%, var(--barama-surface)));
    color: var(--barama-primary);
}

.account-switcher__avatar svg,
.account-switcher__shortcut svg,
.header-signout svg {
    width: 16px;
    height: 16px;
}

.account-switcher__identity strong,
.account-switcher__identity small {
    display: block;
    max-width: 118px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.account-switcher__identity strong {
    color: var(--barama-text);
    font-size: 0.72rem;
    font-weight: 850;
}

.account-switcher__identity small {
    margin-top: 0.05rem;
    font-size: 0.6rem;
    font-weight: 750;
}

.account-switcher__shortcut {
    gap: 0.38rem;
    min-height: 42px;
    border-radius: 11px;
    padding: 0.55rem 0.62rem;
    font-size: 0.7rem;
    font-weight: 800;
}

.header-signout button {
    display: grid;
    width: 40px;
    height: 40px;
    place-items: center;
    border: 1px solid var(--barama-border);
    border-radius: 11px;
    background: var(--barama-surface);
    color: var(--barama-muted);
}

.header-signout button span {
    display: none;
}

.site-footer {
    border-top: 1px solid var(--barama-border);
    background:
        radial-gradient(circle at 8% 20%, color-mix(in srgb, var(--barama-primary) 7%, transparent), transparent 28%),
        radial-gradient(circle at 88% 8%, color-mix(in srgb, var(--barama-success) 5%, transparent), transparent 24%),
        color-mix(in srgb, var(--barama-surface) 82%, var(--barama-bg));
}

.site-footer__grid {
    display: grid;
    grid-template-columns: minmax(240px, 1.45fr) repeat(4, minmax(110px, 0.55fr));
    gap: 2.2rem;
    padding: 3rem 0 2.25rem;
}

.site-footer__brand {
    max-width: 380px;
}

.site-footer__brand .brand {
    margin-bottom: 1rem;
}

.site-footer__brand p {
    margin: 0;
    color: var(--barama-muted);
    font-size: 0.83rem;
    line-height: 1.7;
}

.site-footer nav {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.62rem;
}

.site-footer nav strong {
    margin-bottom: 0.25rem;
    color: var(--barama-text);
    font-size: 0.74rem;
    font-weight: 850;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.site-footer nav a {
    color: var(--barama-muted);
    font-size: 0.78rem;
    font-weight: 650;
    text-decoration: none;
}

.site-footer nav a:hover {
    color: var(--barama-primary);
}

.site-footer__bottom {
    display: flex;
    min-height: 58px;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border-top: 1px solid color-mix(in srgb, var(--barama-border) 76%, transparent);
    color: var(--barama-muted);
    font-size: 0.7rem;
    font-weight: 650;
}

/* Auth */
.auth-premium {
    position: relative;
    overflow: hidden;
    min-height: calc(100vh - 76px);
    padding: 4.5rem 0;
}

.auth-premium::before,
.auth-premium::after {
    position: absolute;
    width: 420px;
    height: 420px;
    border-radius: 999px;
    content: "";
    filter: blur(1px);
    pointer-events: none;
}

.auth-premium::before {
    top: -220px;
    left: -160px;
    background: radial-gradient(circle, color-mix(in srgb, var(--barama-primary) 13%, transparent), transparent 68%);
}

.auth-premium::after {
    right: -180px;
    bottom: -250px;
    background: radial-gradient(circle, color-mix(in srgb, var(--barama-success) 9%, transparent), transparent 68%);
}

.auth-premium__grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(390px, 0.72fr);
    gap: clamp(2.5rem, 7vw, 7rem);
    align-items: center;
}

.auth-story {
    max-width: 610px;
}

.auth-story h1 {
    max-width: 570px;
    margin: 0;
    font-size: clamp(2.25rem, 5vw, 4.5rem);
    font-weight: 900;
    letter-spacing: -0.055em;
    line-height: 0.98;
}

.auth-story > p {
    max-width: 550px;
    margin: 1.35rem 0 0;
    color: var(--barama-muted);
    font-size: 0.98rem;
    line-height: 1.8;
}

.auth-story__features {
    display: grid;
    gap: 0.65rem;
    max-width: 520px;
    margin-top: 2rem;
}

.auth-story__features article {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 0.75rem;
    align-items: center;
    padding: 0.72rem 0.8rem;
    border: 1px solid color-mix(in srgb, var(--barama-border) 74%, transparent);
    border-radius: 14px;
    background: color-mix(in srgb, var(--barama-surface) 68%, transparent);
    backdrop-filter: blur(12px);
}

.auth-story__features article > span {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 12px;
    background: linear-gradient(145deg,
        color-mix(in srgb, var(--barama-primary) 14%, var(--barama-surface)),
        color-mix(in srgb, var(--barama-primary) 3%, var(--barama-surface)));
    color: var(--barama-primary);
}

.auth-story__features svg {
    width: 18px;
    height: 18px;
}

.auth-story__features strong,
.auth-story__features small {
    display: block;
}

.auth-story__features strong {
    font-size: 0.77rem;
    font-weight: 850;
}

.auth-story__features small {
    margin-top: 0.13rem;
    color: var(--barama-muted);
    font-size: 0.68rem;
    line-height: 1.5;
}

.auth-panel {
    position: relative;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--barama-border) 78%, transparent);
    border-radius: 24px;
    background:
        linear-gradient(155deg,
            color-mix(in srgb, var(--barama-surface) 94%, transparent),
            color-mix(in srgb, var(--barama-primary) 3%, var(--barama-surface)));
    padding: clamp(1.35rem, 3vw, 2rem);
    box-shadow: var(--barama-shadow);
}

.auth-panel::after {
    position: absolute;
    top: -65px;
    right: -65px;
    width: 170px;
    height: 170px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--barama-primary) 7%, transparent);
    content: "";
    pointer-events: none;
}

.auth-panel__head {
    position: relative;
    z-index: 1;
    display: flex;
    gap: 0.8rem;
    align-items: center;
    margin-bottom: 1.35rem;
}

.auth-panel__icon {
    display: grid;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    place-items: center;
    border-radius: 14px;
    background: color-mix(in srgb, var(--barama-primary) 11%, var(--barama-surface));
    color: var(--barama-primary);
}

.auth-panel__icon svg {
    width: 20px;
    height: 20px;
}

.auth-panel__head h2 {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 900;
    letter-spacing: -0.03em;
}

.auth-panel__head p {
    margin: 0.18rem 0 0;
    color: var(--barama-muted);
    font-size: 0.72rem;
}

.auth-form {
    display: grid;
    gap: 0.9rem;
}

.auth-field {
    display: grid;
    gap: 0.38rem;
}

.auth-field > span:first-child {
    color: var(--barama-text);
    font-size: 0.7rem;
    font-weight: 800;
}

.auth-field > small {
    color: var(--barama-muted);
    font-size: 0.63rem;
    line-height: 1.5;
}

.auth-input {
    position: relative;
    display: flex;
    align-items: stretch;
}

.auth-input__icon {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 0.72rem;
    display: grid;
    transform: translateY(-50%);
    color: var(--barama-muted);
    pointer-events: none;
}

.auth-input__icon svg {
    width: 16px;
    height: 16px;
}

.auth-input .form-control {
    min-height: 48px;
    border-color: var(--barama-border);
    border-radius: 12px;
    background: color-mix(in srgb, var(--barama-bg) 55%, var(--barama-surface));
    padding-left: 2.45rem;
    color: var(--barama-text);
    font-size: 0.82rem;
}

.auth-input .form-control:focus {
    border-color: color-mix(in srgb, var(--barama-primary) 62%, var(--barama-border));
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--barama-primary) 9%, transparent);
}

.auth-input__action,
.auth-input__generate {
    position: absolute;
    z-index: 3;
    top: 50%;
    right: 0.38rem;
    transform: translateY(-50%);
    border: 0;
    border-radius: 9px;
    background: transparent;
    color: var(--barama-muted);
}

.auth-input__action {
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
}

.auth-input__action svg {
    width: 16px;
    height: 16px;
}

.auth-input__generate {
    min-height: 34px;
    padding: 0 0.65rem;
    background: color-mix(in srgb, var(--barama-primary) 9%, var(--barama-surface));
    color: var(--barama-primary);
    font-size: 0.64rem;
    font-weight: 850;
}

.auth-input--action .form-control {
    padding-right: 5.7rem;
}

.auth-form__meta {
    display: flex;
    justify-content: flex-end;
    margin-top: -0.1rem;
}

.auth-form__meta a,
.auth-panel__footer a {
    color: var(--barama-primary);
    font-size: 0.7rem;
    font-weight: 800;
    text-decoration: none;
}

.auth-submit {
    display: inline-flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    margin-top: 0.15rem;
    border-radius: 12px;
    font-size: 0.78rem;
    font-weight: 850;
}

.auth-submit svg {
    width: 16px;
    height: 16px;
}

.auth-panel__footer {
    display: flex;
    justify-content: center;
    gap: 0.35rem;
    margin-top: 1.15rem;
    border-top: 1px solid var(--barama-border);
    padding-top: 1rem;
    color: var(--barama-muted);
    font-size: 0.7rem;
}

.auth-password-strength {
    min-height: 5px;
    border-radius: 999px;
    background: var(--barama-surface-soft);
    overflow: hidden;
}

.auth-password-strength::before {
    display: block;
    width: var(--auth-strength, 0%);
    height: 5px;
    border-radius: inherit;
    background: var(--auth-strength-color, var(--barama-border));
    content: "";
    transition: width 160ms ease;
}

.auth-password-strength[data-level="weak"] {
    --auth-strength: 34%;
    --auth-strength-color: #d46b47;
}

.auth-password-strength[data-level="medium"] {
    --auth-strength: 68%;
    --auth-strength-color: #c89a2c;
}

.auth-password-strength[data-level="strong"] {
    --auth-strength: 100%;
    --auth-strength-color: var(--barama-success);
}

.auth-expired {
    display: grid;
    place-items: center;
    gap: 0.55rem;
    border: 1px solid var(--barama-border);
    border-radius: 16px;
    background: var(--barama-surface-soft);
    padding: 1.2rem;
    text-align: center;
}

.auth-expired > svg {
    width: 28px;
    color: #d46b47;
}

.auth-expired strong {
    font-size: 0.82rem;
}

.auth-expired span {
    color: var(--barama-muted);
    font-size: 0.68rem;
}


/* 36. Standalone centered auth experience */
.auth-standalone-body {
    min-height: 100svh;
    background:
        radial-gradient(
            circle at 3% 0%,
            color-mix(in srgb, var(--barama-primary) 10%, transparent),
            transparent 25rem
        ),
        radial-gradient(
            circle at 96% 100%,
            color-mix(in srgb, var(--barama-primary) 7%, transparent),
            transparent 31rem
        ),
        var(--barama-bg);
}

.auth-standalone-body > main {
    min-height: 100svh;
}

.auth-premium--standalone {
    display: grid;
    min-height: 100svh;
    place-items: center;
    overflow: hidden;
    padding:
        max(1.25rem, env(safe-area-inset-top))
        max(1rem, env(safe-area-inset-right))
        max(1.25rem, env(safe-area-inset-bottom))
        max(1rem, env(safe-area-inset-left));
}

.auth-premium--standalone::before {
    top: -245px;
    left: -185px;
    width: 500px;
    height: 500px;
    background: radial-gradient(
        circle,
        color-mix(in srgb, var(--barama-primary) 12%, transparent),
        transparent 69%
    );
}

.auth-premium--standalone::after {
    right: -230px;
    bottom: -285px;
    width: 560px;
    height: 560px;
    background: radial-gradient(
        circle,
        color-mix(in srgb, var(--barama-primary) 8%, transparent),
        transparent 69%
    );
}

.auth-premium--standalone .auth-standalone__container {
    position: relative;
    z-index: 1;
    display: grid;
    width: 100%;
    max-width: none;
    justify-items: center;
    gap: clamp(0.9rem, 2vh, 1.25rem);
    padding: 0;
}

.auth-standalone__brand {
    display: flex;
    width: min(100%, 210px);
    align-items: center;
    justify-content: center;
    color: var(--barama-text);
    text-decoration: none;
}

.auth-standalone__brand img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 54px;
    object-fit: contain;
}

.auth-premium__grid--standalone {
    display: block;
    width: min(100%, 520px);
}

.auth-premium__grid--standalone .auth-panel {
    width: 100%;
    max-width: none;
    margin: 0;
    border-radius: 22px;
    padding: clamp(1.15rem, 3vw, 1.65rem);
    box-shadow:
        0 26px 75px rgba(27, 45, 78, 0.10),
        0 8px 24px rgba(27, 45, 78, 0.05);
}

.auth-premium__grid--standalone .auth-panel__head {
    margin-bottom: 1.15rem;
}

.auth-premium__grid--standalone .auth-form {
    gap: 0.82rem;
}

.auth-panel__footer--split {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.9rem;
    text-align: left;
}

.auth-panel__footer--split .auth-panel__home {
    flex: 0 0 auto;
    color: var(--barama-muted);
    white-space: nowrap;
}

.auth-panel__footer--split .auth-panel__home:hover,
.auth-panel__footer--split .auth-panel__home:focus-visible {
    color: var(--barama-primary);
}

.auth-panel__secondary {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    justify-content: flex-end;
    gap: 0.35rem;
    text-align: right;
}

.auth-panel__secondary > span {
    color: var(--barama-muted);
}

@media (max-width: 767.98px) {
    .auth-premium--standalone {
        min-height: 100svh;
        padding:
            max(1rem, env(safe-area-inset-top))
            max(0.85rem, env(safe-area-inset-right))
            max(1rem, env(safe-area-inset-bottom))
            max(0.85rem, env(safe-area-inset-left));
    }

    .auth-premium--standalone .auth-standalone__container {
        gap: 0.85rem;
    }

    .auth-standalone__brand {
        width: min(100%, 188px);
    }

    .auth-premium__grid--standalone {
        width: min(100%, 500px);
    }

    .auth-premium__grid--standalone .auth-panel {
        border-radius: 20px;
        padding: 1.15rem;
    }
}

@media (max-width: 575.98px) {
    .auth-premium--standalone {
        overflow: visible;
        place-items: center;
        padding:
            max(0.85rem, env(safe-area-inset-top))
            max(0.7rem, env(safe-area-inset-right))
            max(0.85rem, env(safe-area-inset-bottom))
            max(0.7rem, env(safe-area-inset-left));
    }

    .auth-standalone__brand {
        width: min(100%, 168px);
    }

    .auth-premium__grid--standalone .auth-panel {
        border-radius: 18px;
        padding: 1rem;
    }

    .auth-premium__grid--standalone .auth-panel__icon {
        width: 44px;
        height: 44px;
        flex-basis: 44px;
        border-radius: 13px;
    }

    .auth-premium__grid--standalone .auth-panel__head h2 {
        font-size: 1.2rem;
    }

    .auth-premium__grid--standalone .auth-input .form-control {
        min-height: 47px;
        font-size: 0.8rem;
    }

    .auth-panel__footer--split {
        gap: 0.65rem;
        font-size: 0.64rem;
    }

    .auth-panel__footer--split a {
        font-size: 0.64rem;
    }

    .auth-panel__secondary {
        flex-wrap: wrap;
        row-gap: 0.1rem;
    }
}

@media (max-width: 380px) {
    .auth-premium--standalone {
        padding-right: 0.55rem;
        padding-left: 0.55rem;
    }

    .auth-premium__grid--standalone .auth-panel {
        padding: 0.9rem;
    }

    .auth-panel__footer--split {
        align-items: flex-start;
    }

    .auth-panel__secondary {
        max-width: 62%;
    }
}

@media (max-height: 720px) and (min-width: 576px) {
    .auth-premium--standalone {
        place-items: start center;
        overflow: visible;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .auth-standalone__brand {
        width: min(100%, 176px);
    }
}

@media (prefers-reduced-motion: reduce) {
    .auth-premium--standalone *,
    .auth-premium--standalone *::before,
    .auth-premium--standalone *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}


/* Featured inventory cards */
.inventory-card {
    position: relative;
    overflow: hidden;
    border-color: color-mix(in srgb, var(--barama-border) 70%, transparent);
    border-radius: 18px;
    background:
        linear-gradient(155deg,
            color-mix(in srgb, var(--barama-surface) 96%, transparent),
            color-mix(in srgb, var(--barama-primary) 2.5%, var(--barama-surface)));
    box-shadow: 0 16px 38px rgba(25, 43, 74, 0.055);
    transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.inventory-card:hover {
    transform: translateY(-4px);
    border-color: color-mix(in srgb, var(--barama-primary) 25%, var(--barama-border));
    box-shadow: 0 22px 52px rgba(25, 43, 74, 0.11);
}

.inventory-card__media {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background:
        linear-gradient(145deg,
            color-mix(in srgb, var(--barama-primary) 10%, var(--barama-surface-soft)),
            color-mix(in srgb, var(--barama-success) 5%, var(--barama-surface-soft)));
}

.inventory-card--project .inventory-card__media {
    background:
        linear-gradient(145deg,
            color-mix(in srgb, #7b61ff 12%, var(--barama-surface-soft)),
            color-mix(in srgb, var(--barama-primary) 6%, var(--barama-surface-soft)));
}

.inventory-card--company .inventory-card__media {
    background:
        linear-gradient(145deg,
            color-mix(in srgb, var(--barama-success) 11%, var(--barama-surface-soft)),
            color-mix(in srgb, var(--barama-primary) 5%, var(--barama-surface-soft)));
}

.inventory-card__media img {
    transition: transform 350ms ease;
}

.inventory-card:hover .inventory-card__media img {
    transform: scale(1.025);
}

.inventory-card__ambient {
    position: absolute;
    z-index: -1;
    top: -55px;
    right: -35px;
    width: 170px;
    height: 170px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--barama-primary) 16%, transparent);
    filter: blur(2px);
}

.inventory-card--company .inventory-card__ambient {
    background: color-mix(in srgb, var(--barama-success) 16%, transparent);
}

.inventory-card__placeholder {
    min-height: 190px;
}

.inventory-card__placeholder-icon {
    display: grid;
    width: 72px;
    height: 72px;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--barama-border) 60%, transparent);
    border-radius: 22px;
    background: color-mix(in srgb, var(--barama-surface) 72%, transparent);
    color: var(--barama-primary);
    box-shadow: 0 18px 42px color-mix(in srgb, var(--barama-primary) 10%, transparent);
    backdrop-filter: blur(10px);
}

.inventory-card__placeholder-icon svg {
    width: 30px;
    height: 30px;
}

.inventory-card__eyebrow {
    border: 1px solid rgba(255, 255, 255, 0.25);
    background: color-mix(in srgb, #101828 66%, transparent);
    backdrop-filter: blur(10px);
}

.inventory-card__open {
    position: absolute;
    z-index: 3;
    top: 0.72rem;
    right: 0.72rem;
    display: grid;
    width: 32px;
    height: 32px;
    place-items: center;
    border: 1px solid color-mix(in srgb, #fff 24%, transparent);
    border-radius: 10px;
    background: color-mix(in srgb, #101828 54%, transparent);
    color: #fff;
    font-size: 0.82rem;
    backdrop-filter: blur(10px);
}

.inventory-card__body {
    position: relative;
    padding: 1rem 1rem 0.92rem;
}

.inventory-card__heading h3 {
    font-size: 0.93rem;
    line-height: 1.35;
}

.inventory-card__heading strong {
    color: var(--barama-primary);
    font-size: 0.78rem;
}

.inventory-card__meta {
    margin-top: 0.45rem;
    color: var(--barama-muted);
    font-size: 0.67rem;
    line-height: 1.5;
}

.inventory-card__footer {
    display: flex;
    gap: 0.36rem;
    align-items: center;
    margin-top: 0.75rem;
    border-top: 1px solid color-mix(in srgb, var(--barama-border) 75%, transparent);
    padding-top: 0.7rem;
    color: var(--barama-muted);
    font-size: 0.64rem;
    font-weight: 700;
}

.inventory-card__footer-icon {
    display: grid;
    color: var(--barama-primary);
}

.inventory-card__footer-icon svg {
    width: 13px;
    height: 13px;
}

/* Account and management dashboard polish */
.account-stat-grid > a,
.workspace-stat-grid > article,
.workspace-stat-grid > a {
    position: relative;
    overflow: hidden;
    border-color: color-mix(in srgb, var(--barama-border) 70%, transparent);
    background:
        linear-gradient(145deg,
            color-mix(in srgb, var(--barama-surface) 96%, transparent),
            color-mix(in srgb, var(--barama-primary) 3%, var(--barama-surface)));
    box-shadow: 0 12px 28px rgba(25, 43, 74, 0.045);
}

.account-stat-grid > a::after,
.workspace-stat-grid > article::after,
.workspace-stat-grid > a::after {
    position: absolute;
    right: -24px;
    bottom: -28px;
    width: 88px;
    height: 88px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--barama-primary) 6%, transparent);
    content: "";
    pointer-events: none;
}

.account-stat-grid > a:hover {
    transform: translateY(-2px);
    border-color: color-mix(in srgb, var(--barama-primary) 22%, var(--barama-border));
}

.account-page__identity,
.workspace-page__header {
    border-color: color-mix(in srgb, var(--barama-border) 70%, transparent);
}

.workspace-panel {
    box-shadow: 0 16px 42px rgba(25, 43, 74, 0.045);
}

.workspace-page__header {
    position: relative;
}

.workspace-page__header::after {
    position: absolute;
    top: 8px;
    right: 10px;
    width: 110px;
    height: 110px;
    border-radius: 999px;
    background: radial-gradient(circle, color-mix(in srgb, var(--barama-primary) 7%, transparent), transparent 70%);
    content: "";
    pointer-events: none;
}

@media (max-width: 1180px) {
    .account-switcher__shortcut span {
        display: none;
    }

    .account-switcher__identity strong {
        max-width: 90px;
    }
}

@media (max-width: 991.98px) {
    .site-header__inner {
        min-height: 68px;
        gap: 0.75rem;
    }

    .site-menu-toggle {
        display: grid;
        margin-left: auto;
    }

    .site-navigation {
        position: absolute;
        top: calc(100% + 1px);
        right: 1rem;
        left: 1rem;
        display: none;
        align-items: stretch;
        gap: 0.8rem;
        border: 1px solid var(--barama-border);
        border-radius: 18px;
        background: color-mix(in srgb, var(--barama-surface) 96%, transparent);
        padding: 0.85rem;
        box-shadow: var(--barama-shadow);
        backdrop-filter: blur(18px);
    }

    .site-header.is-menu-open .site-navigation {
        display: grid;
    }

    .main-nav {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .main-nav a {
        border: 1px solid color-mix(in srgb, var(--barama-border) 72%, transparent);
        background: var(--barama-surface-soft);
        text-align: center;
    }

    .header-auth {
        display: grid;
        grid-template-columns: 1fr auto;
        gap: 0.55rem;
        border-top: 1px solid var(--barama-border);
        padding-top: 0.75rem;
    }

    .account-switcher {
        display: grid;
        grid-template-columns: 1fr auto auto;
    }

    .account-switcher__shortcut span {
        display: inline;
    }

    .header-signout {
        grid-column: 2;
        grid-row: 1;
    }

    .header-signout button {
        width: auto;
        padding: 0 0.72rem;
    }

    .header-signout button span {
        display: inline;
        margin-left: 0.4rem;
        font-size: 0.68rem;
        font-weight: 800;
    }

    .theme-toggle {
        grid-column: 2;
    }

    .header-auth__signin,
    .header-auth__register {
        align-self: center;
    }

    .auth-premium {
        min-height: auto;
        padding: 3.2rem 0;
    }

    .auth-premium__grid {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .auth-story {
        max-width: 720px;
    }

    .auth-story h1 {
        max-width: 700px;
        font-size: clamp(2.2rem, 8vw, 4rem);
    }

    .auth-story__features {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        max-width: none;
    }

    .auth-story__features article {
        grid-template-columns: 36px minmax(0, 1fr);
    }

    .auth-story__features article > span {
        width: 36px;
        height: 36px;
    }

    .auth-panel {
        max-width: 650px;
    }

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

    .site-footer__brand {
        grid-column: 1 / -1;
        max-width: 560px;
    }
}

@media (max-width: 767.98px) {
    .auth-story__features {
        grid-template-columns: 1fr;
    }

    .site-footer__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1.6rem;
    }

    .site-footer__brand {
        grid-column: 1 / -1;
    }

    .site-footer__bottom {
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        padding: 0.8rem 0;
    }
}

@media (max-width: 575.98px) {
    .site-navigation {
        right: 0.65rem;
        left: 0.65rem;
    }

    .main-nav {
        grid-template-columns: 1fr 1fr;
    }

    .account-switcher {
        grid-template-columns: 1fr 1fr;
    }

    .account-switcher__identity {
        grid-column: 1 / -1;
    }

    .account-switcher__shortcut {
        justify-content: center;
    }

    .header-auth {
        grid-template-columns: 1fr auto;
    }

    .auth-premium {
        padding: 2.2rem 0;
    }

    .auth-story h1 {
        font-size: 2.35rem;
    }

    .auth-story > p {
        font-size: 0.86rem;
    }

    .auth-panel {
        border-radius: 18px;
        padding: 1.1rem;
    }

    .auth-input__generate {
        padding: 0 0.5rem;
    }

    .site-footer__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1.35rem 1rem;
        padding: 2.3rem 0 1.7rem;
    }

    .site-footer__brand {
        grid-column: 1 / -1;
    }
}


.account-quick-actions {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.72rem;
    margin: 0.9rem 0 1.25rem;
}

.account-quick-actions > a {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 0.65rem;
    align-items: center;
    min-height: 68px;
    border: 1px solid color-mix(in srgb, var(--barama-border) 72%, transparent);
    border-radius: 15px;
    background:
        linear-gradient(145deg,
            color-mix(in srgb, var(--barama-surface) 94%, transparent),
            color-mix(in srgb, var(--barama-primary) 3%, var(--barama-surface)));
    padding: 0.7rem 0.78rem;
    color: var(--barama-text);
    text-decoration: none;
    transition: transform 160ms ease, border-color 160ms ease;
}

.account-quick-actions > a:hover {
    transform: translateY(-2px);
    border-color: color-mix(in srgb, var(--barama-primary) 24%, var(--barama-border));
}

.account-quick-actions > a > span:first-child {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border-radius: 11px;
    background: color-mix(in srgb, var(--barama-primary) 9%, var(--barama-surface));
    color: var(--barama-primary);
}

.account-quick-actions svg {
    width: 16px;
    height: 16px;
}

.account-quick-actions strong,
.account-quick-actions small {
    display: block;
}

.account-quick-actions strong {
    font-size: 0.72rem;
    font-weight: 850;
}

.account-quick-actions small {
    margin-top: 0.12rem;
    color: var(--barama-muted);
    font-size: 0.62rem;
    line-height: 1.45;
}

@media (max-width: 767.98px) {
    .account-quick-actions {
        grid-template-columns: 1fr;
    }
}


/* 31. Public marketplace discovery experience */
.market-home {
    position: relative;
    overflow: hidden;
    padding: clamp(3.2rem, 7vw, 6rem) 0 2.2rem;
}

.market-home::before {
    position: absolute;
    top: -260px;
    right: -180px;
    width: 620px;
    height: 620px;
    border-radius: 999px;
    background: radial-gradient(circle, color-mix(in srgb, var(--barama-primary) 12%, transparent), transparent 68%);
    content: "";
    pointer-events: none;
}

.market-home__hero {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(300px, 0.58fr);
    gap: clamp(2rem, 6vw, 5rem);
    align-items: center;
}

.market-home__copy h1 {
    max-width: 760px;
    margin: 0;
    font-size: clamp(2.5rem, 5vw, 4.55rem);
    font-weight: 900;
    letter-spacing: -0.065em;
    line-height: 0.94;
}

.market-home__copy > p {
    max-width: 680px;
    margin: 1.4rem 0 0;
    color: var(--barama-muted);
    font-size: clamp(0.92rem, 1.4vw, 1.05rem);
    line-height: 1.8;
}

.market-searchbar {
    display: grid;
    grid-template-columns: minmax(220px, 1.4fr) minmax(130px, 0.5fr) minmax(150px, 0.58fr) auto;
    gap: 0.45rem;
    max-width: 900px;
    margin-top: 2rem;
    border: 1px solid color-mix(in srgb, var(--barama-border) 72%, transparent);
    border-radius: 18px;
    background: color-mix(in srgb, var(--barama-surface) 90%, transparent);
    padding: 0.42rem;
    box-shadow: 0 20px 46px rgba(25, 43, 74, 0.08);
    backdrop-filter: blur(16px);
}

.market-searchbar label {
    position: relative;
    display: flex;
    align-items: center;
}

.market-searchbar__query > span {
    position: absolute;
    left: 0.78rem;
    z-index: 2;
    color: var(--barama-muted);
}

.market-searchbar__query svg {
    width: 16px;
    height: 16px;
}

.market-searchbar input,
.market-searchbar select {
    width: 100%;
    min-height: 48px;
    border: 0;
    border-radius: 12px;
    background: transparent;
    color: var(--barama-text);
    padding: 0 0.82rem;
    font-size: 0.78rem;
    outline: none;
}

.market-searchbar__query input {
    padding-left: 2.35rem;
}

.market-searchbar select {
    border-left: 1px solid var(--barama-border);
}

.market-searchbar button {
    display: inline-flex;
    min-width: 108px;
    align-items: center;
    justify-content: center;
    gap: 0.42rem;
    border: 0;
    border-radius: 12px;
    background: var(--barama-primary);
    color: #fff;
    padding: 0 1rem;
    font-size: 0.74rem;
    font-weight: 850;
}

.market-searchbar button svg {
    width: 15px;
    height: 15px;
}

.market-home__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
    margin-top: 1rem;
}

.market-home__actions a {
    display: inline-flex;
    align-items: center;
    gap: 0.38rem;
    color: var(--barama-muted);
    font-size: 0.7rem;
    font-weight: 800;
    text-decoration: none;
}

.market-home__actions a:hover {
    color: var(--barama-primary);
}

.market-home__actions svg {
    width: 15px;
    height: 15px;
}

.market-pulse {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--barama-border) 72%, transparent);
    border-radius: 26px;
    background:
        linear-gradient(145deg,
            color-mix(in srgb, var(--barama-surface) 95%, transparent),
            color-mix(in srgb, var(--barama-primary) 4%, var(--barama-surface)));
    padding: 1.25rem;
    box-shadow: 0 18px 42px rgba(8, 18, 35, 0.075);
    backdrop-filter: blur(16px);
}

.market-pulse__glow {
    position: absolute;
    z-index: -1;
    top: -90px;
    right: -80px;
    width: 240px;
    height: 240px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--barama-primary) 14%, transparent);
}

.market-pulse__head {
    display: flex;
    gap: 0.7rem;
    align-items: center;
}

.market-pulse__head > span {
    display: grid;
    width: 44px;
    height: 44px;
    place-items: center;
    border-radius: 13px;
    background: color-mix(in srgb, var(--barama-primary) 11%, var(--barama-surface));
    color: var(--barama-primary);
}

.market-pulse__head svg {
    width: 19px;
    height: 19px;
}

.market-pulse__head strong,
.market-pulse__head small {
    display: block;
}

.market-pulse__head strong {
    font-size: 0.8rem;
    font-weight: 900;
}

.market-pulse__head small {
    margin-top: 0.08rem;
    color: var(--barama-muted);
    font-size: 0.63rem;
}

.market-pulse__stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem;
    margin-top: 1.15rem;
}

.market-pulse__stats a {
    display: block;
    border: 1px solid color-mix(in srgb, var(--barama-border) 70%, transparent);
    border-radius: 14px;
    background: color-mix(in srgb, var(--barama-surface) 72%, transparent);
    padding: 0.78rem;
    text-decoration: none;
}

.market-pulse__stats strong,
.market-pulse__stats span {
    display: block;
}

.market-pulse__stats strong {
    font-size: 1.3rem;
    font-weight: 900;
    letter-spacing: -0.04em;
}

.market-pulse__stats span {
    margin-top: 0.12rem;
    color: var(--barama-muted);
    font-size: 0.62rem;
    font-weight: 700;
}

.market-pulse__note {
    display: flex;
    gap: 0.45rem;
    align-items: center;
    margin-top: 0.9rem;
    color: var(--barama-muted);
    font-size: 0.62rem;
    line-height: 1.5;
}

.market-pulse__note svg {
    flex: 0 0 15px;
    width: 15px;
    height: 15px;
    color: var(--barama-success);
}

.market-intent-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.72rem;
    margin-top: 2.1rem;
}

.market-intent {
    position: relative;
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) auto;
    gap: 0.65rem;
    align-items: center;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--barama-border) 70%, transparent);
    border-radius: 17px;
    background: color-mix(in srgb, var(--barama-surface) 84%, transparent);
    padding: 0.78rem;
    color: var(--barama-text);
    text-decoration: none;
    transition: transform 160ms ease, border-color 160ms ease;
}

.market-intent::after {
    position: absolute;
    right: -26px;
    bottom: -34px;
    width: 96px;
    height: 96px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--intent-accent, var(--barama-primary)) 8%, transparent);
    content: "";
}

.market-intent:hover {
    transform: translateY(-3px);
    border-color: color-mix(in srgb, var(--intent-accent, var(--barama-primary)) 24%, var(--barama-border));
}

.market-intent--sale { --intent-accent: var(--barama-primary); }
.market-intent--rent { --intent-accent: #8a5cf6; }
.market-intent--project { --intent-accent: #e58346; }
.market-intent--company { --intent-accent: var(--barama-success); }

.market-intent__icon {
    display: grid;
    width: 44px;
    height: 44px;
    place-items: center;
    border-radius: 13px;
    background: color-mix(in srgb, var(--intent-accent) 10%, var(--barama-surface));
    color: var(--intent-accent);
}

.market-intent__icon svg {
    width: 18px;
    height: 18px;
}

.market-intent strong,
.market-intent small {
    display: block;
}

.market-intent strong {
    font-size: 0.72rem;
    font-weight: 850;
}

.market-intent small {
    margin-top: 0.12rem;
    color: var(--barama-muted);
    font-size: 0.6rem;
    line-height: 1.45;
}

.market-intent__arrow {
    color: var(--barama-muted);
    font-size: 0.78rem;
}

.marketplace-section--soft {
    background:
        linear-gradient(180deg,
            transparent,
            color-mix(in srgb, var(--barama-primary) 2.2%, var(--barama-bg)) 18%,
            transparent);
}

.marketplace-duo {
    display: grid;
    gap: 2.6rem;
}

.section-heading-row--compact {
    margin-bottom: 1.1rem;
}

.section-heading-row--compact h2 {
    margin-bottom: 0;
    font-size: clamp(1.35rem, 2vw, 1.8rem);
}


/* Pre-demo Page 1 — homepage featured inventory */
.marketplace-section--home .inventory-card {
    --home-card-accent: var(--barama-primary);
    border-color: color-mix(in srgb, var(--home-card-accent) 14%, var(--barama-border));
    background:
        radial-gradient(
            circle at 100% 0%,
            color-mix(in srgb, var(--home-card-accent) 7%, transparent),
            transparent 46%
        ),
        linear-gradient(
            150deg,
            color-mix(in srgb, var(--barama-surface) 94%, transparent),
            color-mix(in srgb, var(--home-card-accent) 2.5%, var(--barama-surface))
        );
    box-shadow: 0 12px 30px rgba(8, 18, 35, 0.055);
    backdrop-filter: blur(14px);
}

.marketplace-section--home .inventory-card--project {
    --home-card-accent: #7b61ff;
}

.marketplace-section--home .inventory-card--company {
    --home-card-accent: var(--barama-success);
}

.marketplace-section--home .inventory-card:hover {
    border-color: color-mix(in srgb, var(--home-card-accent) 28%, var(--barama-border));
    box-shadow: 0 18px 38px rgba(8, 18, 35, 0.085);
}

.marketplace-section--home .inventory-card__heading h3 a {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.marketplace-section--home .inventory-card__meta {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Discovery filters */
.marketplace-hero--discovery {
    padding-bottom: 1.4rem;
    background:
        radial-gradient(circle at 88% 20%, color-mix(in srgb, var(--barama-primary) 8%, transparent), transparent 26%),
        transparent;
}

.marketplace-hero--projects {
    background:
        radial-gradient(circle at 88% 20%, color-mix(in srgb, #7b61ff 9%, transparent), transparent 26%),
        transparent;
}

.marketplace-hero--companies {
    background:
        radial-gradient(circle at 88% 20%, color-mix(in srgb, var(--barama-success) 8%, transparent), transparent 26%),
        transparent;
}

.marketplace-hero--discovery h1 {
    max-width: 780px;
    font-size: clamp(2.1rem, 4vw, 4rem);
    letter-spacing: -0.055em;
}

.discovery-filter {
    margin-top: 1.6rem;
    border: 1px solid color-mix(in srgb, var(--barama-border) 72%, transparent);
    border-radius: 19px;
    background: color-mix(in srgb, var(--barama-surface) 92%, transparent);
    padding: 0.48rem;
    box-shadow: 0 16px 38px rgba(25, 43, 74, 0.065);
    backdrop-filter: blur(15px);
}

.discovery-filter__primary {
    display: grid;
    grid-template-columns: minmax(220px, 1.4fr) minmax(135px, 0.48fr) minmax(160px, 0.58fr) auto;
    gap: 0.4rem;
    align-items: stretch;
}

.discovery-filter--compact .discovery-filter__primary {
    grid-template-columns: minmax(220px, 1.4fr) repeat(3, minmax(130px, 0.55fr)) auto;
}

.discovery-filter__primary label {
    position: relative;
    display: flex;
    align-items: center;
}

.discovery-filter__primary input,
.discovery-filter__primary select,
.discovery-filter__advanced input,
.discovery-filter__advanced select {
    width: 100%;
    min-height: 46px;
    border: 1px solid transparent;
    border-radius: 11px;
    background: color-mix(in srgb, var(--barama-bg) 52%, var(--barama-surface));
    color: var(--barama-text);
    padding: 0 0.72rem;
    font-size: 0.72rem;
}

.discovery-filter__primary select {
    cursor: pointer;
}

.discovery-filter__search > span {
    position: absolute;
    z-index: 2;
    left: 0.78rem;
    display: grid;
    color: var(--barama-muted);
}

.discovery-filter__search svg {
    width: 15px;
    height: 15px;
}

.discovery-filter__search input {
    padding-left: 2.3rem;
}

.discovery-filter__primary .btn {
    display: inline-flex;
    min-height: 46px;
    align-items: center;
    gap: 0.42rem;
    justify-content: center;
    border-radius: 11px;
    font-size: 0.7rem;
    font-weight: 850;
}

.discovery-filter__primary .btn svg {
    width: 14px;
    height: 14px;
}

.discovery-filter__more {
    margin-top: 0.4rem;
    border-top: 1px solid color-mix(in srgb, var(--barama-border) 78%, transparent);
}

.discovery-filter__more summary {
    display: flex;
    gap: 0.4rem;
    align-items: center;
    padding: 0.72rem 0.55rem 0.45rem;
    color: var(--barama-muted);
    cursor: pointer;
    font-size: 0.66rem;
    font-weight: 800;
    list-style: none;
}

.discovery-filter__more summary::-webkit-details-marker {
    display: none;
}

.discovery-filter__more summary svg {
    width: 14px;
    height: 14px;
}

.discovery-filter__more summary small {
    margin-left: auto;
    font-size: 0.58rem;
    font-weight: 700;
}

.discovery-filter__advanced {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.5rem;
    padding: 0.45rem 0.45rem 0.6rem;
}

.discovery-filter__advanced label {
    display: grid;
    gap: 0.28rem;
}

.discovery-filter__advanced label > span {
    color: var(--barama-muted);
    font-size: 0.58rem;
    font-weight: 800;
}

.discovery-filter__advanced-actions {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    gap: 0.72rem;
    margin-top: 0.2rem;
}

.discovery-filter__advanced-actions a,
.discovery-filter__links a {
    color: var(--barama-primary);
    font-size: 0.64rem;
    font-weight: 800;
    text-decoration: none;
}

.discovery-filter__links {
    display: flex;
    justify-content: flex-end;
    gap: 0.85rem;
    padding: 0.5rem 0.4rem 0.05rem;
}

.marketplace-results {
    padding-top: 1.3rem;
}


.marketplace-results .inventory-card {
    border-color: color-mix(in srgb, var(--barama-primary) 10%, var(--barama-border));
    background:
        linear-gradient(
            150deg,
            color-mix(in srgb, var(--barama-surface) 96%, transparent),
            color-mix(in srgb, var(--barama-primary) 2%, var(--barama-surface))
        );
    box-shadow: 0 10px 26px rgba(8, 18, 35, 0.045);
}

.marketplace-results .inventory-card:hover {
    border-color: color-mix(in srgb, var(--barama-primary) 24%, var(--barama-border));
    box-shadow: 0 16px 34px rgba(8, 18, 35, 0.075);
}

.marketplace-results__bar {
    display: flex;
    min-height: 52px;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.9rem;
}

.marketplace-results__bar strong,
.marketplace-results__bar span {
    display: block;
}

.marketplace-results__bar strong {
    font-size: 0.78rem;
    font-weight: 900;
}

.marketplace-results__bar > div:first-child span {
    margin-top: 0.1rem;
    color: var(--barama-muted);
    font-size: 0.62rem;
}

.filter-chips {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.35rem;
}

.filter-chips > span {
    display: inline-flex;
    gap: 0.32rem;
    align-items: center;
    border: 1px solid color-mix(in srgb, var(--barama-primary) 15%, var(--barama-border));
    border-radius: 999px;
    background: color-mix(in srgb, var(--barama-primary) 5%, var(--barama-surface));
    padding: 0.35rem 0.55rem;
    color: var(--barama-text);
    font-size: 0.58rem;
    font-weight: 750;
}

.filter-chips small {
    color: var(--barama-muted);
    font-size: 0.52rem;
    font-weight: 800;
}

.marketplace-empty--premium {
    display: grid;
    max-width: 650px;
    min-height: 260px;
    place-items: center;
    align-content: center;
    gap: 0.5rem;
    margin: 1rem auto;
    border: 1px solid color-mix(in srgb, var(--barama-border) 72%, transparent);
    border-radius: 22px;
    background:
        radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--barama-primary) 7%, transparent), transparent 40%),
        color-mix(in srgb, var(--barama-surface) 90%, transparent);
    text-align: center;
}

.marketplace-empty--premium > svg {
    width: 30px;
    height: 30px;
    color: var(--barama-primary);
}

.marketplace-empty--premium strong {
    font-size: 0.86rem;
}

.marketplace-empty--premium span {
    max-width: 430px;
    color: var(--barama-muted);
    font-size: 0.68rem;
    line-height: 1.6;
}

/* Detail experience */
.property-detail-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 2rem;
    margin: 1rem 0 1.15rem;
}

.property-detail-head__badges {
    display: flex;
    flex-wrap: wrap;
    gap: 0.42rem;
    margin-bottom: 0.65rem;
}

.detail-status--soft {
    background: color-mix(in srgb, var(--barama-primary) 7%, var(--barama-surface));
    color: var(--barama-primary);
}

.property-detail-head h1 {
    max-width: 850px;
    margin: 0;
    font-size: clamp(2rem, 4.3vw, 4.2rem);
    font-weight: 900;
    letter-spacing: -0.055em;
    line-height: 1;
}

.property-detail-head p {
    display: flex;
    gap: 0.4rem;
    align-items: center;
    margin: 0.75rem 0 0;
    color: var(--barama-muted);
    font-size: 0.73rem;
}

.property-detail-head p svg {
    width: 15px;
    height: 15px;
}

.property-detail-head__price {
    flex: 0 0 auto;
    min-width: 210px;
    text-align: right;
}

.property-detail-head__price small,
.property-detail-head__price strong,
.property-detail-head__price span {
    display: block;
}

.property-detail-head__price small,
.property-detail-head__price span {
    color: var(--barama-muted);
    font-size: 0.58rem;
    font-weight: 700;
}

.property-detail-head__price strong {
    margin: 0.18rem 0;
    color: var(--barama-primary);
    font-size: clamp(1.3rem, 2.5vw, 2rem);
    font-weight: 900;
    letter-spacing: -0.04em;
}

.detail-gallery--interactive button {
    overflow: hidden;
    border: 0;
    background: transparent;
    padding: 0;
    cursor: zoom-in;
}

.detail-gallery--interactive button img {
    transition: transform 260ms ease;
}

.detail-gallery--interactive button:hover img {
    transform: scale(1.02);
}

.detail-layout--premium {
    margin-top: 1.35rem;
}

.property-engagement--premium {
    margin-bottom: 1rem;
}

.detail-facts--premium {
    gap: 0.55rem;
}

.detail-facts--premium > div {
    position: relative;
    min-height: 92px;
    border-color: color-mix(in srgb, var(--barama-border) 72%, transparent);
    background:
        linear-gradient(145deg,
            color-mix(in srgb, var(--barama-surface) 96%, transparent),
            color-mix(in srgb, var(--barama-primary) 2.5%, var(--barama-surface)));
    padding-top: 0.9rem;
}

.detail-facts--premium > div > span {
    display: grid;
    width: 28px;
    height: 28px;
    place-items: center;
    margin-bottom: 0.45rem;
    border-radius: 9px;
    background: color-mix(in srgb, var(--barama-primary) 8%, var(--barama-surface));
    color: var(--barama-primary);
}

.detail-facts--premium svg {
    width: 13px;
    height: 13px;
}

.detail-facts--premium dt {
    font-size: 0.55rem;
}

.detail-facts--premium dd {
    font-size: 0.72rem;
    font-weight: 800;
}

.detail-section--clean {
    border: 0;
    background: transparent;
    padding-right: 0;
    padding-left: 0;
    box-shadow: none;
}

.detail-section--clean > p {
    max-width: 840px;
    color: var(--barama-muted);
    font-size: 0.78rem;
    line-height: 1.8;
}

.detail-link-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem;
}

.detail-company-link b {
    margin-left: auto;
    color: var(--barama-muted);
    font-size: 0.72rem;
}

.inquiry-card--sticky {
    position: sticky;
    top: 96px;
    align-self: start;
    border-color: color-mix(in srgb, var(--barama-border) 72%, transparent);
    border-radius: 20px;
    background:
        linear-gradient(155deg,
            color-mix(in srgb, var(--barama-surface) 96%, transparent),
            color-mix(in srgb, var(--barama-primary) 3%, var(--barama-surface)));
    box-shadow: 0 18px 44px rgba(25, 43, 74, 0.065);
}

.inquiry-card__head {
    display: flex;
    gap: 0.7rem;
    align-items: center;
}

.inquiry-card__head .eyebrow {
    margin-bottom: 0.2rem;
}

.inquiry-card__head h2 {
    margin: 0;
}

.inquiry-card__icon {
    display: grid;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 12px;
    background: color-mix(in srgb, var(--barama-primary) 9%, var(--barama-surface));
    color: var(--barama-primary);
}

.inquiry-card__icon svg {
    width: 17px;
    height: 17px;
}

.inquiry-card--sticky .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.42rem;
}

.inquiry-card--sticky .btn svg {
    width: 14px;
    height: 14px;
}

.inquiry-card__company {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    margin-top: 0.85rem;
    border-top: 1px solid var(--barama-border);
    padding-top: 0.75rem;
    color: var(--barama-muted);
}

.inquiry-card__company > span:first-child {
    display: grid;
    width: 32px;
    height: 32px;
    place-items: center;
    border-radius: 10px;
    background: color-mix(in srgb, var(--barama-success) 8%, var(--barama-surface));
    color: var(--barama-success);
}

.inquiry-card__company svg {
    width: 14px;
    height: 14px;
}

.inquiry-card__company strong,
.inquiry-card__company small {
    display: block;
}

.inquiry-card__company strong {
    color: var(--barama-text);
    font-size: 0.65rem;
}

.inquiry-card__company small {
    margin-top: 0.08rem;
    font-size: 0.55rem;
}

.detail-related {
    margin-top: 2.5rem;
    border-top: 1px solid var(--barama-border);
    padding-top: 1.8rem;
}

.project-company-chip {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr) auto;
    gap: 0.6rem;
    align-items: center;
    min-width: 250px;
    border: 1px solid var(--barama-border);
    border-radius: 15px;
    background: var(--barama-surface);
    padding: 0.62rem 0.72rem;
    color: var(--barama-text);
    text-decoration: none;
}

.project-company-chip > svg {
    width: 18px;
    height: 18px;
    color: var(--barama-primary);
}

.project-company-chip small,
.project-company-chip strong {
    display: block;
}

.project-company-chip small {
    color: var(--barama-muted);
    font-size: 0.54rem;
}

.project-company-chip strong {
    margin-top: 0.08rem;
    font-size: 0.67rem;
}

.project-company-chip b {
    color: var(--barama-muted);
    font-size: 0.7rem;
}

.company-profile-premium {
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr);
    gap: 1.3rem;
    align-items: center;
    margin: 1rem 0 1.4rem;
    border: 1px solid color-mix(in srgb, var(--barama-border) 70%, transparent);
    border-radius: 22px;
    background:
        radial-gradient(circle at 92% 10%, color-mix(in srgb, var(--barama-success) 7%, transparent), transparent 30%),
        color-mix(in srgb, var(--barama-surface) 92%, transparent);
    padding: 1rem;
}

.company-profile-premium__media {
    overflow: hidden;
    min-height: 130px;
    border-radius: 17px;
    background: color-mix(in srgb, var(--barama-success) 7%, var(--barama-surface-soft));
}

.company-profile-premium__media button {
    width: 100%;
    height: 130px;
    border: 0;
    background: transparent;
    padding: 0;
    cursor: zoom-in;
}

.company-profile-premium__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.company-profile-premium__media > span {
    display: grid;
    min-height: 130px;
    place-items: center;
    color: var(--barama-success);
}

.company-profile-premium__media svg {
    width: 36px;
    height: 36px;
}

.company-profile-premium__content h1 {
    margin: 0;
    font-size: clamp(1.9rem, 3.5vw, 3.5rem);
    font-weight: 900;
    letter-spacing: -0.05em;
}

.company-profile-premium__content > p {
    display: flex;
    gap: 0.38rem;
    align-items: center;
    margin: 0.55rem 0 0;
    color: var(--barama-muted);
    font-size: 0.68rem;
}

.company-profile-premium__content > p svg {
    width: 14px;
    height: 14px;
}

.company-profile-premium__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin-top: 0.9rem;
}

.company-profile-premium__actions .btn {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.65rem;
    font-weight: 800;
}

.company-profile-premium__actions svg {
    width: 14px;
    height: 14px;
}

/* Marketplace loading + lightbox */
.marketplace-is-loading {
    pointer-events: none;
    opacity: 0.72;
}

.marketplace-is-loading button[type="submit"] {
    position: relative;
}

.marketplace-lightbox {
    position: fixed;
    z-index: 3000;
    inset: 0;
    display: grid;
    place-items: center;
    background: rgba(4, 9, 18, 0.88);
    padding: 1rem;
    backdrop-filter: blur(10px);
}

.marketplace-lightbox[hidden] {
    display: none;
}

.marketplace-lightbox__frame {
    position: relative;
    display: grid;
    max-width: min(1180px, 96vw);
    max-height: 92vh;
    place-items: center;
}

.marketplace-lightbox__frame img {
    max-width: 100%;
    max-height: 88vh;
    border-radius: 16px;
    object-fit: contain;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.5);
}

.marketplace-lightbox__close {
    position: absolute;
    top: 0.6rem;
    right: 0.6rem;
    display: grid;
    width: 40px;
    height: 40px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 12px;
    background: rgba(8, 14, 24, 0.62);
    color: #fff;
    font-size: 1.2rem;
    backdrop-filter: blur(10px);
}

@media (max-width: 1100px) {
    .market-home__hero {
        grid-template-columns: 1fr;
    }

    .market-pulse {
        max-width: 660px;
    }

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

    .discovery-filter--compact .discovery-filter__primary {
        grid-template-columns: 1.4fr 0.7fr 0.7fr;
    }

    .discovery-filter--compact .discovery-filter__primary label:nth-of-type(4),
    .discovery-filter--compact .discovery-filter__primary button {
        grid-column: auto;
    }

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

@media (max-width: 991.98px) {
    .market-searchbar {
        grid-template-columns: 1fr 0.6fr;
    }

    .market-searchbar__query {
        grid-column: 1 / -1;
    }

    .market-searchbar button {
        min-height: 48px;
    }

    .discovery-filter__primary,
    .discovery-filter--compact .discovery-filter__primary {
        grid-template-columns: 1fr 1fr;
    }

    .discovery-filter__search {
        grid-column: 1 / -1;
    }

    .inquiry-card--sticky {
        position: static;
    }

    .property-detail-head {
        align-items: flex-start;
    }

    .detail-link-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    .market-home {
        padding-top: 2.8rem;
    }

    .market-home__copy h1 {
        font-size: clamp(2.25rem, 10.5vw, 3.15rem);
    }

    .market-intent-grid {
        grid-template-columns: 1fr;
    }

    .marketplace-results__bar {
        align-items: flex-start;
        flex-direction: column;
    }

    .filter-chips {
        justify-content: flex-start;
    }

    .property-detail-head {
        flex-direction: column;
    }

    .property-detail-head__price {
        min-width: 0;
        text-align: left;
    }

    .company-profile-premium {
        grid-template-columns: 110px minmax(0, 1fr);
    }
}

@media (max-width: 575.98px) {
    .market-searchbar,
    .discovery-filter__primary,
    .discovery-filter--compact .discovery-filter__primary {
        grid-template-columns: 1fr;
    }

    .market-searchbar__query,
    .discovery-filter__search {
        grid-column: auto;
    }

    .market-searchbar select {
        border-left: 0;
        border-top: 1px solid var(--barama-border);
    }

    .discovery-filter__advanced {
        grid-template-columns: 1fr;
    }

    .company-profile-premium {
        grid-template-columns: 1fr;
    }

    .company-profile-premium__media {
        max-width: 150px;
    }
}


/* 32. Account settings, company onboarding and invitations */
.account-settings-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.85rem;
    max-width: 980px;
}

.account-settings-grid--security {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 1120px;
}

.account-panel--featured {
    background:
        radial-gradient(circle at 95% 0%, color-mix(in srgb, var(--barama-primary) 8%, transparent), transparent 28%),
        linear-gradient(150deg,
            color-mix(in srgb, var(--barama-surface) 97%, transparent),
            color-mix(in srgb, var(--barama-primary) 2%, var(--barama-surface)));
}

.account-form__span-2 {
    grid-column: 1 / -1;
}

.account-company-form {
    margin-top: 1rem;
    border-top: 1px solid var(--barama-border);
    padding-top: 1rem;
}

.account-company-form .btn,
.account-settings-grid .account-form .btn {
    display: inline-flex;
    align-items: center;
    gap: 0.42rem;
    justify-self: start;
    font-size: 0.7rem;
    font-weight: 850;
}

.account-company-form .btn svg,
.account-settings-grid .account-form .btn svg {
    width: 14px;
    height: 14px;
}

.account-company-status,
.account-invitation-list {
    display: grid;
    gap: 0.55rem;
    margin-top: 0.8rem;
}

.account-company-status article,
.account-invitation-list article {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.8rem;
    align-items: center;
    border: 1px solid color-mix(in srgb, var(--barama-border) 74%, transparent);
    border-radius: 15px;
    background: color-mix(in srgb, var(--barama-surface) 76%, transparent);
    padding: 0.78rem;
}

.account-company-status h3 {
    margin: 0.38rem 0 0;
    font-size: 0.82rem;
    font-weight: 900;
}

.account-company-status p {
    margin: 0.12rem 0 0;
    color: var(--barama-muted);
    font-size: 0.62rem;
}

.account-review-note {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: var(--barama-muted);
    font-size: 0.62rem;
    font-weight: 800;
}

.account-review-note svg {
    width: 14px;
    height: 14px;
}

.account-review-note.is-danger {
    color: #c35252;
}

.account-invitation-list article {
    grid-template-columns: 40px minmax(0, 1fr) auto;
    background:
        linear-gradient(145deg,
            color-mix(in srgb, var(--barama-primary) 5%, var(--barama-surface)),
            color-mix(in srgb, var(--barama-surface) 92%, transparent));
}

.account-invitation-list__icon {
    display: grid;
    width: 40px;
    height: 40px;
    place-items: center;
    border-radius: 12px;
    background: color-mix(in srgb, var(--barama-primary) 9%, var(--barama-surface));
    color: var(--barama-primary);
}

.account-invitation-list__icon svg {
    width: 17px;
    height: 17px;
}

.account-invitation-list strong,
.account-invitation-list small {
    display: block;
}

.account-invitation-list strong {
    font-size: 0.72rem;
    font-weight: 850;
}

.account-invitation-list small {
    margin-top: 0.12rem;
    color: var(--barama-muted);
    font-size: 0.58rem;
    line-height: 1.45;
}

.account-access-ready {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) auto;
    gap: 0.68rem;
    align-items: center;
    margin-top: 0.85rem;
    border: 1px solid color-mix(in srgb, var(--barama-success) 20%, var(--barama-border));
    border-radius: 15px;
    background: color-mix(in srgb, var(--barama-success) 5%, var(--barama-surface));
    padding: 0.78rem;
}

.account-access-ready > svg {
    width: 22px;
    height: 22px;
    color: var(--barama-success);
}

.account-access-ready strong,
.account-access-ready span {
    display: block;
}

.account-access-ready strong {
    font-size: 0.72rem;
    font-weight: 850;
}

.account-access-ready span {
    margin-top: 0.12rem;
    color: var(--barama-muted);
    font-size: 0.6rem;
    line-height: 1.5;
}

.account-danger-zone {
    grid-column: 1 / -1;
    border-color: color-mix(in srgb, #c35252 24%, var(--barama-border));
    background:
        linear-gradient(150deg,
            color-mix(in srgb, #c35252 3%, var(--barama-surface)),
            var(--barama-surface));
}

.account-confirm-email {
    display: grid;
    gap: 0.2rem;
    margin-bottom: 1rem;
    border: 1px solid var(--barama-border);
    border-radius: 13px;
    background: var(--barama-surface-soft);
    padding: 0.8rem;
}

.account-confirm-email span {
    color: var(--barama-muted);
    font-size: 0.6rem;
    font-weight: 750;
}

.account-confirm-email strong {
    font-size: 0.76rem;
    word-break: break-word;
}

@media (max-width: 900px) {
    .account-settings-grid--security {
        grid-template-columns: 1fr;
    }

    .account-danger-zone {
        grid-column: auto;
    }
}

@media (max-width: 575.98px) {
    .account-company-status article,
    .account-invitation-list article,
    .account-access-ready {
        grid-template-columns: 1fr;
        align-items: start;
    }

    .account-invitation-list__icon {
        display: none;
    }

    .account-form__span-2 {
        grid-column: auto;
    }
}


/* 33. Locale switcher */
.header-locale {
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    gap: 0.35rem;
    border: 1px solid color-mix(in srgb, var(--barama-border) 82%, transparent);
    border-radius: 11px;
    background: color-mix(in srgb, var(--barama-surface) 82%, transparent);
    padding: 0.2rem 0.25rem 0.2rem 0.45rem;
}
.header-locale__icon { display: grid; color: var(--barama-muted); }
.header-locale__icon svg { width: 15px; height: 15px; }
.header-locale select,
.header-locale button {
    border: 0;
    background: transparent;
    color: var(--barama-text);
    font: inherit;
    font-size: 0.68rem;
    font-weight: 800;
}
.header-locale select { max-width: 86px; cursor: pointer; }
.header-locale button {
    border-left: 1px solid var(--barama-border);
    padding: 0.16rem 0.38rem;
    color: var(--barama-primary-strong);
    cursor: pointer;
}
@media (max-width: 575.98px) {
    .header-locale { width: 100%; justify-content: flex-start; }
    .header-locale select { width: 100%; max-width: none; }
    .header-locale button { flex: 0 0 auto; }
}

/* 34. Secure updater — compact release workflow */
.updater-body{min-height:100vh;background:radial-gradient(circle at 82% 4%,color-mix(in srgb,var(--barama-primary) 5%,transparent),transparent 28%),var(--barama-bg)}
.updater-shell{display:grid;min-height:100vh;grid-template-columns:252px minmax(0,1fr)}
.updater-sidebar{position:sticky;top:0;display:flex;height:100vh;flex-direction:column;border-right:1px solid var(--barama-border);background:color-mix(in srgb,var(--barama-surface) 82%,transparent);padding:1.45rem 1.1rem;backdrop-filter:blur(18px)}
.updater-brand{display:flex;align-items:center;gap:.7rem;padding:.2rem .15rem 1.6rem}.updater-brand .brand__mark{width:40px;height:40px;flex:0 0 40px;border-radius:12px;font-size:1rem}.updater-brand strong,.updater-brand span{display:block}.updater-brand strong{font-size:.86rem;font-weight:850}.updater-brand span{margin-top:.14rem;color:var(--barama-muted);font-size:.66rem;font-weight:700}
.updater-progress{display:grid;gap:.35rem;margin:0;padding:0;list-style:none}.updater-progress li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:.72rem;align-items:center;border:1px solid transparent;border-radius:13px;padding:.72rem;color:var(--barama-muted)}.updater-progress li.is-active{border-color:color-mix(in srgb,var(--barama-primary) 26%,var(--barama-border));background:color-mix(in srgb,var(--barama-primary) 5%,var(--barama-surface));color:var(--barama-text)}.updater-progress li.is-complete{color:var(--barama-text)}
.updater-progress__marker{display:grid;width:30px;height:30px;place-items:center;border:1px solid var(--barama-border);border-radius:999px;background:var(--barama-surface);color:var(--barama-muted);font-size:.7rem;font-weight:900}.updater-progress li.is-active .updater-progress__marker{border-color:var(--barama-primary);background:var(--barama-primary);color:#fff}.updater-progress li.is-complete .updater-progress__marker{border-color:color-mix(in srgb,var(--barama-success) 40%,var(--barama-border));background:color-mix(in srgb,var(--barama-success) 8%,var(--barama-surface));color:var(--barama-success)}.updater-progress__marker svg{width:15px;height:15px}.updater-progress strong,.updater-progress small{display:block}.updater-progress strong{font-size:.72rem;font-weight:820}.updater-progress small{margin-top:.12rem;color:var(--barama-muted);font-size:.6rem;line-height:1.4}
.updater-sidebar__footer{margin-top:auto;border-top:1px solid var(--barama-border);padding:1rem .2rem 0}.updater-sidebar__footer span,.updater-sidebar__footer strong{display:block}.updater-sidebar__footer span{color:var(--barama-muted);font-size:.61rem;font-weight:750}.updater-sidebar__footer strong{margin-top:.18rem;font-size:.74rem;font-weight:850}
.updater-workspace{min-width:0}.updater-topbar{display:flex;min-height:112px;align-items:center;justify-content:space-between;gap:2rem;border-bottom:1px solid var(--barama-border);background:color-mix(in srgb,var(--barama-bg) 90%,transparent);padding:1.35rem clamp(1.5rem,4vw,3rem);backdrop-filter:blur(18px)}.updater-heading .eyebrow{margin-bottom:.35rem;font-size:.67rem}.updater-heading h1{margin:0;font-size:clamp(1.65rem,3vw,2.35rem);font-weight:880;letter-spacing:-.045em}.updater-heading p{max-width:700px;margin:.42rem 0 0;color:var(--barama-muted);font-size:.78rem;line-height:1.55}
.updater-utilities{display:flex;flex:0 0 auto;align-items:center;gap:.55rem}.updater-target{display:flex;min-height:40px;align-items:center;gap:.5rem;border:1px solid var(--barama-border);border-radius:11px;background:color-mix(in srgb,var(--barama-surface) 82%,transparent);padding:.42rem .65rem}.updater-target small{color:var(--barama-muted);font-size:.58rem;font-weight:750}.updater-target strong{font-size:.68rem;font-weight:850}.updater-theme{display:grid;width:40px;height:40px;place-items:center;border:1px solid var(--barama-border);border-radius:11px;background:color-mix(in srgb,var(--barama-surface) 82%,transparent);color:var(--barama-text)}.updater-theme svg{width:17px;height:17px}
.updater-content{width:min(100%,920px);margin:0 auto;padding:clamp(1.7rem,4vw,3.2rem)}.updater-notice{display:flex;gap:.6rem;align-items:flex-start;margin-bottom:1rem;border:1px solid var(--barama-border);border-radius:13px;padding:.82rem .9rem;font-size:.74rem;line-height:1.55}.updater-notice svg{width:17px;height:17px;flex:0 0 auto}.updater-notice.is-error{border-color:color-mix(in srgb,#e35d6a 36%,var(--barama-border));background:color-mix(in srgb,#e35d6a 6%,var(--barama-surface));color:color-mix(in srgb,#e35d6a 80%,var(--barama-text))}
.updater-stage{border:1px solid color-mix(in srgb,var(--barama-border) 82%,transparent);border-radius:20px;background:radial-gradient(circle at 96% 0%,color-mix(in srgb,var(--barama-primary) 5%,transparent),transparent 30%),color-mix(in srgb,var(--barama-surface) 84%,transparent);padding:clamp(1.15rem,2.6vw,1.65rem);box-shadow:0 18px 48px rgba(21,38,68,.055)}.updater-stage__intro{display:flex;gap:.8rem;align-items:center;padding-bottom:1.15rem}.updater-stage__icon{display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--barama-primary) 8%,var(--barama-surface));color:var(--barama-primary)}.updater-stage__icon svg{width:19px;height:19px}.updater-stage__intro h2,.updater-form__head h2{margin:0;font-size:.92rem;font-weight:860}.updater-stage__intro p,.updater-form__head p{margin:.22rem 0 0;color:var(--barama-muted);font-size:.7rem;line-height:1.5}
.updater-summary{border-top:1px solid var(--barama-border);border-bottom:1px solid var(--barama-border)}.updater-summary__row{display:flex;min-height:58px;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--barama-border);padding:.68rem .15rem}.updater-summary__row:last-child{border-bottom:0}.updater-summary__row small,.updater-summary__row strong{display:block}.updater-summary__row small{color:var(--barama-muted);font-size:.6rem;font-weight:750}.updater-summary__row strong{margin-top:.12rem;font-size:.74rem;font-weight:820;line-height:1.45}.updater-badge{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;min-height:25px;border-radius:999px;background:var(--barama-surface-soft);color:var(--barama-muted);padding:.24rem .52rem;font-size:.57rem;font-weight:850;white-space:nowrap}.updater-badge.is-ready{background:color-mix(in srgb,var(--barama-success) 10%,var(--barama-surface));color:var(--barama-success)}.updater-badge.is-target{background:color-mix(in srgb,var(--barama-primary) 8%,var(--barama-surface));color:var(--barama-primary)}.updater-badge.is-blocked{background:color-mix(in srgb,#e35d6a 9%,var(--barama-surface));color:#d54b59}
.updater-issues{display:grid;gap:.5rem;margin-top:1rem;border:1px solid color-mix(in srgb,#e35d6a 30%,var(--barama-border));border-radius:13px;background:color-mix(in srgb,#e35d6a 5%,var(--barama-surface));padding:.85rem}.updater-issues>strong{font-size:.7rem}.updater-issues>div{display:flex;gap:.45rem;align-items:flex-start;color:var(--barama-muted);font-size:.67rem}.updater-issues svg{width:15px;height:15px;flex:0 0 auto;color:#d54b59}.updater-migrations{margin-top:1rem;border-bottom:1px solid var(--barama-border);padding-bottom:1rem}.updater-migrations summary{font-size:.68rem;font-weight:820;cursor:pointer}.updater-migrations>div{display:grid;gap:.42rem;margin-top:.65rem}.updater-migrations>div span{display:flex;gap:.38rem;align-items:center;color:var(--barama-muted);font-size:.64rem}.updater-migrations svg{width:14px;height:14px}
.updater-form{margin-top:1.3rem;border-top:1px solid var(--barama-border);padding-top:1.25rem}.updater-form__head{margin-bottom:1rem}.updater-form__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.updater-field{display:grid;gap:.38rem;min-width:0}.updater-field>span:first-child{color:var(--barama-muted);font-size:.66rem;font-weight:800}.updater-input{display:flex;min-height:48px;align-items:stretch;overflow:hidden;border:1px solid var(--barama-border);border-radius:12px;background:color-mix(in srgb,var(--barama-bg) 66%,var(--barama-surface));transition:border-color 150ms ease,box-shadow 150ms ease}.updater-input:focus-within{border-color:color-mix(in srgb,var(--barama-primary) 66%,var(--barama-border));background:var(--barama-surface);box-shadow:0 0 0 3px color-mix(in srgb,var(--barama-primary) 9%,transparent)}.updater-input__icon{display:grid;width:42px;flex:0 0 42px;place-items:center;color:var(--barama-muted)}.updater-input__icon svg{width:16px;height:16px}.updater-input .form-control{min-width:0;min-height:46px;border:0;border-radius:0;background:transparent;color:var(--barama-text);padding:.7rem .75rem .7rem 0;font-size:.78rem;box-shadow:none!important}
.updater-backup{display:flex;gap:.6rem;align-items:flex-start;margin-top:.95rem;border:1px solid var(--barama-border);border-radius:12px;background:color-mix(in srgb,var(--barama-surface-soft) 54%,transparent);padding:.75rem .8rem}.updater-backup input{width:17px;height:17px;flex:0 0 auto;margin-top:.06rem;accent-color:var(--barama-primary)}.updater-backup strong,.updater-backup small{display:block}.updater-backup strong{font-size:.68rem;font-weight:820}.updater-backup small{margin-top:.12rem;color:var(--barama-muted);font-size:.61rem}.updater-form__actions{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;margin-top:1rem}.updater-form__actions p{display:flex;max-width:480px;gap:.42rem;align-items:flex-start;margin:0;color:var(--barama-muted);font-size:.62rem;line-height:1.5}.updater-form__actions p svg{width:14px;height:14px;flex:0 0 auto;color:var(--barama-primary)}.updater-form__actions .btn{min-height:42px;flex:0 0 auto;border-radius:11px;padding-inline:1rem;font-size:.7rem;font-weight:850}
.updater-result{display:grid;justify-items:center;max-width:720px;margin:1.5rem auto;text-align:center}.updater-result__icon{display:grid;width:58px;height:58px;place-items:center;margin-bottom:.85rem;border-radius:18px;background:color-mix(in srgb,var(--barama-success) 10%,var(--barama-surface));color:var(--barama-success)}.updater-result__icon svg{width:26px;height:26px}.updater-result .eyebrow{margin-bottom:.3rem;font-size:.66rem}.updater-result h2{margin:0;font-size:clamp(1.55rem,3vw,2.35rem);font-weight:880;letter-spacing:-.04em}.updater-result>p{max-width:570px;margin:.55rem 0 0;color:var(--barama-muted);font-size:.75rem;line-height:1.6}.updater-result__summary{width:min(100%,600px);margin:1.35rem 0 0;border-top:1px solid var(--barama-border);border-bottom:1px solid var(--barama-border)}.updater-result__summary>div{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--barama-border);padding:.7rem .15rem}.updater-result__summary>div:last-child{border-bottom:0}.updater-result__summary dt{color:var(--barama-muted);font-size:.64rem;font-weight:750}.updater-result__summary dd{margin:0;font-size:.68rem;font-weight:850}.updater-result__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.55rem;margin-top:1.25rem}.updater-result__actions .btn{min-height:42px;border-radius:11px;font-size:.7rem;font-weight:850}
@media(max-width:900px){.updater-shell{grid-template-columns:1fr}.updater-sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--barama-border);padding:.9rem 1rem}.updater-brand{padding-bottom:.85rem}.updater-progress{grid-template-columns:repeat(3,minmax(0,1fr))}.updater-progress li{min-height:64px}.updater-sidebar__footer{display:none}.updater-topbar{min-height:auto;padding:1.1rem 1rem}}
@media(max-width:700px){.updater-topbar{align-items:flex-start}.updater-target{display:none}.updater-content{padding:1.2rem .9rem 1.7rem}.updater-form__grid{grid-template-columns:1fr}.updater-form__actions{align-items:stretch;flex-direction:column}.updater-form__actions .btn{width:100%}}
@media(max-width:575.98px){.updater-sidebar{padding:.8rem}.updater-brand{padding:.05rem 0 .75rem}.updater-progress{grid-template-columns:1fr;gap:.2rem}.updater-progress li{min-height:0;padding:.55rem}.updater-progress li:not(.is-active) small{display:none}.updater-topbar{gap:.75rem;padding:1rem .85rem}.updater-heading h1{font-size:1.55rem}.updater-heading p{font-size:.7rem}.updater-stage{border-radius:16px;padding:1rem}.updater-summary__row{min-height:54px}.updater-result{margin-top:.6rem}}



/* 35. Barama brand assets */
.brand--image {
    display: inline-flex;
    align-items: center;
    min-width: 0;
}
.brand__logo {
    display: block;
    width: auto;
    height: 42px;
    max-width: min(280px, 48vw);
    object-fit: contain;
}
.site-footer .brand__logo {
    height: 38px;
}
.installer-brand__logo,
.updater-brand__logo {
    display: block;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    border-radius: 12px;
    object-fit: cover;
    box-shadow: 0 9px 24px color-mix(in srgb, var(--barama-primary) 16%, transparent);
}
@media (max-width: 575.98px) {
    .brand__logo {
        height: 36px;
        max-width: min(230px, 62vw);
    }
    .site-footer .brand__logo {
        height: 34px;
    }
}



/* 37. Compact auth modal refinements */
.auth-premium--standalone .auth-standalone__container {
    gap: clamp(0.5rem, 1.1vh, 0.72rem);
}

.auth-standalone__brand {
    width: min(100%, 150px);
}

.auth-standalone__brand img {
    max-height: 36px;
}

.auth-premium__grid--standalone {
    width: min(100%, 410px);
}

.auth-premium__grid--standalone .auth-panel {
    width: 100%;
    max-width: 410px;
    border-radius: 17px;
    padding: 0.9rem;
    box-shadow:
        0 20px 52px rgba(27, 45, 78, 0.09),
        0 6px 18px rgba(27, 45, 78, 0.045);
}

.auth-premium__grid--standalone .auth-panel__decor {
    width: 96px;
    height: 96px;
}

.auth-premium__grid--standalone .auth-panel__head {
    margin-bottom: 0.72rem;
    gap: 0.62rem;
}

.auth-premium__grid--standalone .auth-panel__icon {
    width: 39px;
    height: 39px;
    flex: 0 0 39px;
    border-radius: 12px;
}

.auth-premium__grid--standalone .auth-panel__icon svg {
    width: 17px;
    height: 17px;
}

.auth-premium__grid--standalone .auth-panel__head h2 {
    font-size: 1rem;
    line-height: 1.18;
}

.auth-premium__grid--standalone .auth-panel__head p {
    margin-top: 0.12rem;
    font-size: 0.67rem;
    line-height: 1.4;
}

.auth-premium__grid--standalone .auth-form {
    gap: 0.58rem;
}

.auth-premium__grid--standalone .auth-form__field {
    gap: 0;
}

/* Labels remain in the DOM for accessibility while their text is moved
   into each input by the canonical app.js enhancement below. */
.auth-premium--standalone .auth-form__field > .auth-label.auth-label--field-placeholder {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.auth-premium__grid--standalone .auth-input {
    min-height: 40px;
    border-radius: 11px;
}

.auth-premium__grid--standalone .auth-input .form-control {
    min-height: 40px;
    padding: 0.62rem 0.78rem 0.62rem 2.08rem;
    border-radius: 11px;
    font-size: 0.75rem;
}

.auth-premium__grid--standalone .auth-input .form-control::placeholder {
    color: color-mix(in srgb, var(--barama-muted) 82%, transparent);
    opacity: 1;
}

.auth-premium__grid--standalone .auth-input__icon {
    left: 0.72rem;
    width: 14px;
    height: 14px;
}

.auth-premium__grid--standalone .auth-input__icon svg {
    width: 14px;
    height: 14px;
}

.auth-premium__grid--standalone .auth-input--password-group .form-control {
    padding-right: 6.4rem;
}

.auth-premium__grid--standalone .auth-input__addon {
    right: 0.42rem;
    min-height: 29px;
    padding: 0.32rem 0.58rem;
    border-radius: 9px;
    font-size: 0.61rem;
}

.auth-premium__grid--standalone .auth-input__toggle {
    right: 0.42rem;
    width: 29px;
    min-width: 29px;
    min-height: 29px;
    padding: 0;
    border-radius: 9px;
}

.auth-premium__grid--standalone .auth-password-help,
.auth-premium__grid--standalone .auth-password-strength,
.auth-premium__grid--standalone .auth-form__hint {
    font-size: 0.59rem;
    line-height: 1.42;
}

.auth-premium__grid--standalone .auth-form__row {
    margin-top: -0.05rem;
}

.auth-premium__grid--standalone .auth-link {
    font-size: 0.64rem;
}

.auth-premium__grid--standalone .btn-auth {
    min-height: 40px;
    border-radius: 11px;
    font-size: 0.73rem;
}

.auth-premium__grid--standalone .auth-panel__footer {
    margin-top: 0.08rem;
    padding-top: 0.66rem;
    font-size: 0.62rem;
}

.auth-premium__grid--standalone .auth-panel__footer a,
.auth-premium__grid--standalone .auth-panel__footer span {
    font-size: 0.62rem;
}

.auth-premium__grid--standalone .auth-panel__footer--split {
    gap: 0.5rem;
}

@media (max-width: 767.98px) {
    .auth-standalone__brand {
        width: min(100%, 144px);
    }

    .auth-premium__grid--standalone {
        width: min(100%, 390px);
    }

    .auth-premium__grid--standalone .auth-panel {
        max-width: 390px;
        padding: 0.86rem;
    }
}

@media (max-width: 575.98px) {
    .auth-premium--standalone {
        padding:
            max(0.72rem, env(safe-area-inset-top))
            max(0.62rem, env(safe-area-inset-right))
            max(0.72rem, env(safe-area-inset-bottom))
            max(0.62rem, env(safe-area-inset-left));
    }

    .auth-premium--standalone .auth-standalone__container {
        gap: 0.48rem;
    }

    .auth-standalone__brand {
        width: min(100%, 136px);
    }

    .auth-premium__grid--standalone {
        width: min(100%, 360px);
    }

    .auth-premium__grid--standalone .auth-panel {
        max-width: 360px;
        border-radius: 15px;
        padding: 0.8rem;
    }

    .auth-premium__grid--standalone .auth-panel__decor {
        width: 78px;
        height: 78px;
    }

    .auth-premium__grid--standalone .auth-panel__head {
        margin-bottom: 0.62rem;
    }

    .auth-premium__grid--standalone .auth-input,
    .auth-premium__grid--standalone .auth-input .form-control {
        min-height: 39px;
    }

    .auth-premium__grid--standalone .auth-input .form-control {
        font-size: 0.73rem;
        padding-left: 2rem;
    }

    .auth-premium__grid--standalone .btn-auth {
        min-height: 39px;
    }
}

@media (max-width: 390px) {
    .auth-premium__grid--standalone {
        width: 100%;
    }

    .auth-premium__grid--standalone .auth-panel {
        max-width: none;
        padding: 0.75rem;
    }

    .auth-panel__footer--split {
        align-items: flex-start;
    }

    .auth-panel__secondary {
        max-width: 62%;
    }
}

@media (max-width: 340px) {
    .auth-premium__grid--standalone .auth-panel {
        padding: 0.68rem;
    }

    .auth-premium__grid--standalone .auth-input--password-group .form-control {
        padding-right: 5.9rem;
    }

    .auth-premium__grid--standalone .auth-input__addon {
        padding-inline: 0.45rem;
        font-size: 0.58rem;
    }

    .auth-panel__secondary {
        max-width: 58%;
    }
}

@media (max-height: 680px) and (min-width: 576px) {
    .auth-premium--standalone {
        place-items: start center;
        overflow: auto;
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
    }

    .auth-standalone__brand {
        width: min(100%, 132px);
    }

    .auth-premium__grid--standalone .auth-panel {
        padding: 0.75rem;
    }

    .auth-premium__grid--standalone .auth-form {
        gap: 0.48rem;
    }
}



/* 38. Auth floating labels + device responsiveness */
.auth-premium--standalone {
    min-height: 100vh;
    min-height: 100dvh;
    place-items: center;
}

.auth-standalone-body,
.auth-standalone-body > main {
    min-height: 100vh;
    min-height: 100dvh;
}

.auth-premium--standalone .auth-standalone__container {
    width: 100%;
    max-width: 100%;
    gap: clamp(0.55rem, 1.2vh, 0.8rem);
}

.auth-premium--standalone .auth-premium__grid--standalone {
    width: min(100%, 430px);
    max-width: calc(100vw - 2rem);
}

.auth-premium--standalone .auth-panel {
    width: 100%;
    max-width: 430px;
    margin-inline: auto;
}

/* The existing PHP markup is:
   label.auth-field > span(label text) + span.auth-input > input.
   app.js moves the first span into .auth-input and applies these states. */
.auth-premium--standalone .auth-field {
    position: relative;
    display: grid;
    gap: 0;
}

.auth-premium--standalone .auth-input {
    position: relative;
    min-height: 44px;
}

.auth-premium--standalone .auth-input > .auth-floating-label {
    position: absolute;
    z-index: 4;
    top: 50%;
    left: 2.45rem;
    max-width: calc(100% - 5rem);
    margin: 0;
    transform: translateY(-50%);
    overflow: hidden;
    color: var(--barama-muted);
    font-size: 0.76rem;
    font-weight: 650;
    line-height: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    transition:
        top 150ms ease,
        transform 150ms ease,
        font-size 150ms ease,
        color 150ms ease;
}

.auth-premium--standalone .auth-field.is-floating .auth-input > .auth-floating-label,
.auth-premium--standalone .auth-field:focus-within .auth-input > .auth-floating-label {
    top: 0.42rem;
    transform: none;
    color: color-mix(in srgb, var(--barama-primary) 82%, var(--barama-muted));
    font-size: 0.52rem;
    font-weight: 800;
    letter-spacing: 0.01em;
}

.auth-premium--standalone .auth-input .form-control {
    min-height: 44px;
    padding:
        0.72rem
        2.35rem
        0.68rem
        2.45rem;
    line-height: 1.15;
}

.auth-premium--standalone .auth-field.is-floating .auth-input .form-control,
.auth-premium--standalone .auth-field:focus-within .auth-input .form-control {
    padding-top: 1.13rem;
    padding-bottom: 0.26rem;
}

.auth-premium--standalone .auth-input .form-control::placeholder {
    color: transparent !important;
    opacity: 0 !important;
}

.auth-premium--standalone .auth-input__icon {
    z-index: 5;
}

/* Leave enough room for Generate / eye controls. */
.auth-premium--standalone .auth-input--action .form-control {
    padding-right: 6rem;
}

.auth-premium--standalone .auth-input--action > .auth-floating-label {
    max-width: calc(100% - 8rem);
}

/* The helper text remains exactly where it is in the current register layout. */
.auth-premium--standalone .auth-field > small {
    margin-top: 0.34rem;
}

/* Prevent the card from becoming tiny on wide desktop screenshots. */
@media (min-width: 1200px) {
    .auth-premium--standalone .auth-premium__grid--standalone {
        width: min(100%, 430px);
    }

    .auth-premium--standalone .auth-panel {
        max-width: 430px;
    }
}

/* Tablet: keep a comfortable card width rather than scaling down with the viewport. */
@media (min-width: 576px) and (max-width: 991.98px) {
    .auth-premium--standalone {
        padding:
            max(1rem, env(safe-area-inset-top))
            max(1rem, env(safe-area-inset-right))
            max(1rem, env(safe-area-inset-bottom))
            max(1rem, env(safe-area-inset-left));
    }

    .auth-premium--standalone .auth-premium__grid--standalone {
        width: min(100%, 420px);
        max-width: calc(100vw - 2rem);
    }

    .auth-premium--standalone .auth-panel {
        max-width: 420px;
    }
}

/* Phones: use the available width with consistent real-device gutters. */
@media (max-width: 575.98px) {
    .auth-premium--standalone {
        min-height: 100vh;
        min-height: 100dvh;
        place-items: center;
        overflow-x: hidden;
        padding:
            max(0.9rem, env(safe-area-inset-top))
            max(0.75rem, env(safe-area-inset-right))
            max(0.9rem, env(safe-area-inset-bottom))
            max(0.75rem, env(safe-area-inset-left));
    }

    .auth-premium--standalone .auth-standalone__container {
        width: 100%;
        gap: 0.6rem;
    }

    .auth-standalone__brand {
        width: min(145px, 42vw);
    }

    .auth-premium--standalone .auth-premium__grid--standalone {
        width: min(100%, 390px);
        max-width: 100%;
    }

    .auth-premium--standalone .auth-panel {
        width: 100%;
        max-width: 390px;
        margin-inline: auto;
    }

    .auth-premium--standalone .auth-input > .auth-floating-label {
        left: 2.3rem;
        max-width: calc(100% - 4.6rem);
        font-size: 0.74rem;
    }

    .auth-premium--standalone .auth-field.is-floating .auth-input > .auth-floating-label,
    .auth-premium--standalone .auth-field:focus-within .auth-input > .auth-floating-label {
        top: 0.4rem;
        font-size: 0.5rem;
    }

    .auth-premium--standalone .auth-input .form-control {
        min-height: 43px;
        padding-left: 2.3rem;
    }

    .auth-premium--standalone .auth-input--action > .auth-floating-label {
        max-width: calc(100% - 7.4rem);
    }

    .auth-panel__footer--split {
        gap: 0.55rem;
    }

    .auth-panel__secondary {
        min-width: 0;
        max-width: 64%;
        flex-wrap: wrap;
        justify-content: flex-end;
    }
}

@media (max-width: 390px) {
    .auth-premium--standalone {
        padding-right: max(0.6rem, env(safe-area-inset-right));
        padding-left: max(0.6rem, env(safe-area-inset-left));
    }

    .auth-premium--standalone .auth-panel {
        max-width: none;
    }

    .auth-panel__secondary {
        max-width: 61%;
    }
}

@media (max-width: 340px) {
    .auth-premium--standalone {
        padding-right: max(0.48rem, env(safe-area-inset-right));
        padding-left: max(0.48rem, env(safe-area-inset-left));
    }

    .auth-premium--standalone .auth-panel {
        padding: 0.7rem;
    }

    .auth-panel__footer--split,
    .auth-premium--standalone .auth-panel__footer,
    .auth-premium--standalone .auth-panel__footer a,
    .auth-premium--standalone .auth-panel__footer span {
        font-size: 0.58rem;
    }

    .auth-panel__secondary {
        max-width: 58%;
    }
}

/* Landscape / short-height devices:
   preserve the design, but allow vertical scrolling instead of clipping. */
@media (max-height: 680px) {
    .auth-premium--standalone {
        min-height: 100vh;
        min-height: 100dvh;
        place-items: start center;
        overflow-y: auto;
        padding-top: max(0.65rem, env(safe-area-inset-top));
        padding-bottom: max(0.65rem, env(safe-area-inset-bottom));
    }

    .auth-premium--standalone .auth-standalone__container {
        margin-block: auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .auth-premium--standalone .auth-input > .auth-floating-label {
        transition: none;
    }
}

/* BARAMA_PUBLIC_UI_HEADER_HERO_FOOTER_V100 */

/* Keep primary header navigation quiet by default.
   Only hover/focus and the active route receive a surface. */
.site-header nav a:not(.brand),
.site-header .header-nav a,
.site-header .site-nav a {
    background: transparent !important;
    box-shadow: none !important;
    border-color: transparent !important;
}

.site-header nav a:not(.brand):hover,
.site-header nav a:not(.brand):focus-visible,
.site-header .header-nav a:hover,
.site-header .header-nav a:focus-visible,
.site-header .site-nav a:hover,
.site-header .site-nav a:focus-visible,
.site-header nav a.is-active,
.site-header .header-nav a.is-active,
.site-header .site-nav a.is-active {
    background: color-mix(in srgb, var(--barama-primary) 8%, var(--barama-surface)) !important;
    color: var(--barama-text) !important;
    border-color: color-mix(in srgb, var(--barama-primary) 13%, var(--barama-border)) !important;
}

.barama-nav-icon {
    display: inline-grid;
    width: 17px;
    height: 17px;
    flex: 0 0 17px;
    place-items: center;
}

.barama-nav-icon svg,
.barama-user-trigger svg,
.barama-user-action__icon svg {
    display: block;
    width: 100%;
    height: 100%;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.site-header nav a:not(.brand),
.site-header .header-nav a,
.site-header .site-nav a {
    display: inline-flex;
    align-items: center;
    gap: .42rem;
}

/* Smaller global marketplace hero headline. */
.market-home__copy h1 {
    max-width: 12.5ch;
    font-size: clamp(2.75rem, 4.45vw, 4rem) !important;
    line-height: .99 !important;
    letter-spacing: -.045em !important;
}

/* Locale selection applies immediately; the old Apply button stays hidden. */
.header-locale [data-locale-submit] {
    display: none !important;
}

.header-locale select {
    cursor: pointer;
}

/* Compact account/user menu. */
.barama-user-menu-wrap {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.barama-user-trigger {
    display: inline-grid;
    width: 42px;
    height: 42px;
    padding: 0;
    place-items: center;
    border: 1px solid var(--barama-border);
    border-radius: 13px;
    background: transparent;
    color: var(--barama-text);
    cursor: pointer;
    transition: background-color .16s ease, border-color .16s ease, transform .16s ease;
}

.barama-user-trigger:hover,
.barama-user-trigger:focus-visible,
.barama-user-trigger[aria-expanded="true"] {
    background: color-mix(in srgb, var(--barama-primary) 8%, var(--barama-surface));
    border-color: color-mix(in srgb, var(--barama-primary) 22%, var(--barama-border));
}

.barama-user-trigger:focus-visible {
    outline: 3px solid color-mix(in srgb, var(--barama-primary) 20%, transparent);
    outline-offset: 2px;
}

.barama-user-trigger svg {
    width: 20px;
    height: 20px;
}

.barama-user-menu {
    position: absolute;
    z-index: 1200;
    top: calc(100% + 10px);
    right: 0;
    width: min(340px, calc(100vw - 24px));
    padding: 10px;
    border: 1px solid var(--barama-border);
    border-radius: 18px;
    background: var(--barama-surface);
    color: var(--barama-text);
    box-shadow: 0 22px 55px rgba(15, 23, 42, .16);
}

.barama-user-menu[hidden] {
    display: none !important;
}

.barama-user-menu__head {
    padding: 8px 10px 10px;
}

.barama-user-menu__head strong,
.barama-user-menu__head small {
    display: block;
}

.barama-user-menu__head strong {
    font-size: .82rem;
    font-weight: 850;
}

.barama-user-menu__head small {
    margin-top: 2px;
    color: var(--barama-muted);
    font-size: .67rem;
    line-height: 1.45;
}

.barama-user-menu__actions {
    display: grid;
    gap: 6px;
}

.barama-user-action {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    min-height: 58px;
    padding: 9px 10px;
    border: 1px solid transparent;
    border-radius: 13px;
    color: var(--barama-text);
    text-decoration: none;
    background: transparent;
    transition: background-color .16s ease, border-color .16s ease;
}

.barama-user-action:hover,
.barama-user-action:focus-visible {
    background: color-mix(in srgb, var(--barama-primary) 7%, var(--barama-surface));
    border-color: color-mix(in srgb, var(--barama-primary) 12%, var(--barama-border));
    color: var(--barama-text);
}

.barama-user-action__icon {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border-radius: 11px;
    background: color-mix(in srgb, var(--barama-primary) 9%, transparent);
    color: var(--barama-primary);
}

.barama-user-action__icon svg {
    width: 18px;
    height: 18px;
}

.barama-user-action span:not(.barama-user-action__icon),
.barama-user-action strong,
.barama-user-action small {
    min-width: 0;
}

.barama-user-action strong,
.barama-user-action small {
    display: block;
}

.barama-user-action strong {
    font-size: .75rem;
    font-weight: 820;
}

.barama-user-action small {
    margin-top: 2px;
    color: var(--barama-muted);
    font-size: .63rem;
    line-height: 1.35;
}

.barama-user-action__arrow {
    color: var(--barama-muted);
    font-size: .76rem;
}

.barama-user-menu__footer {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 12px;
    margin-top: 9px;
    padding: 10px 6px 3px;
    border-top: 1px solid var(--barama-border);
}

.barama-user-menu__theme {
    display: flex;
    align-items: center;
    gap: 7px;
}

.barama-user-menu__theme .theme-toggle {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    border-radius: 10px !important;
}

.barama-user-menu__theme-label {
    color: var(--barama-muted);
    font-size: .61rem;
    font-weight: 750;
    white-space: nowrap;
}

.barama-user-menu__legal {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 4px 8px;
    text-align: right;
}

.barama-user-menu__legal a,
.barama-user-menu__legal span {
    color: var(--barama-muted);
    font-size: .58rem;
    line-height: 1.35;
    text-decoration: none;
}

.barama-user-menu__legal a:hover,
.barama-user-menu__legal a:focus-visible {
    color: var(--barama-primary);
    text-decoration: underline;
}

.barama-account-source-hidden {
    display: none !important;
}

/* Four desktop footer items become a real two-column grid on small screens.
   Do not let later mobile rules collapse it back to one column. */
@media (max-width: 767.98px) {
    .site-footer__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 24px 18px !important;
    }

    .site-footer__brand {
        grid-column: auto !important;
    }

    .market-home__copy h1 {
        font-size: clamp(2.35rem, 8vw, 3.25rem) !important;
    }
}

@media (max-width: 575.98px) {
    .site-footer__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .site-footer__brand {
        grid-column: auto !important;
    }

    .barama-user-menu {
        position: fixed;
        top: 72px;
        right: 12px;
        left: 12px;
        width: auto;
    }

    .barama-user-menu__footer {
        align-items: center;
    }

    .market-home__copy h1 {
        max-width: 13ch;
        font-size: clamp(2.2rem, 10vw, 2.85rem) !important;
        line-height: 1.01 !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .barama-user-trigger,
    .barama-user-action,
    .site-header nav a {
        transition: none !important;
    }
}


/* 39. Global typography system — BARAMA_GLOBAL_TYPOGRAPHY_V100 */
:root {
    --barama-type-body: 1rem;
    --barama-type-secondary: 0.9375rem;
    --barama-type-card-title: 1.0625rem;
    --barama-type-card-copy: 0.9375rem;
    --barama-type-nav: 0.9375rem;
    --barama-type-button: 0.9375rem;
    --barama-type-footer: 0.9375rem;
    --barama-type-section-h2: clamp(1.75rem, 2.5vw, 2.25rem);
    --barama-type-hero-h1: clamp(2.25rem, 4vw, 3.5rem);
}

html {
    font-size: 16px;
}

body {
    font-size: var(--barama-type-body);
    line-height: 1.6;
}

/* Global navigation and primary action text. */
.main-nav a,
.site-header nav a:not(.brand),
.header-locale select,
.header-auth__signin,
.barama-user-action strong {
    font-size: var(--barama-type-nav) !important;
}

body:not(.auth-standalone-body) .btn,
body:not(.auth-standalone-body) button:not(.theme-toggle):not(.barama-user-trigger) {
    font-size: var(--barama-type-button);
}

/* Public/workspace form controls: keep auth floating-label sizing unchanged. */
body:not(.auth-standalone-body) .form-control,
body:not(.auth-standalone-body) .form-select,
body:not(.auth-standalone-body) .market-searchbar input,
body:not(.auth-standalone-body) .market-searchbar select,
body:not(.auth-standalone-body) .discovery-filter input,
body:not(.auth-standalone-body) .discovery-filter select,
body:not(.auth-standalone-body) textarea {
    font-size: 1rem;
}

/* Unified hero scale. This intentionally overrides older oversized rules. */
.hero-section h1,
.workspace-hero h1,
.marketplace-hero h1,
.company-profile-head h1,
.listing-detail h1,
.market-home__copy h1,
.auth-intro h1 {
    font-size: var(--barama-type-hero-h1) !important;
    line-height: 1.06 !important;
    letter-spacing: -0.025em !important;
}

/* Keep homepage hero readable without letting it become a 70–90px headline. */
.market-home__copy h1 {
    max-width: 13ch;
}

/* Main hero/section supporting copy should read like normal body text. */
.hero-copy,
.workspace-hero > .container > p,
.marketplace-hero p,
.company-profile-head p,
.market-home__copy > p,
.section-heading p {
    font-size: clamp(1rem, 1.15vw, 1.0625rem) !important;
    line-height: 1.65 !important;
}

/* Section headings: clear hierarchy below hero H1. */
.section-heading h2 {
    font-size: var(--barama-type-section-h2) !important;
    line-height: 1.15 !important;
    letter-spacing: -0.025em !important;
}

/* Standard cards and workspace summaries. */
.feature-card h3,
.workspace-card strong,
.empty-surface strong {
    font-size: var(--barama-type-card-title) !important;
}

.feature-card p,
.workspace-card span,
.empty-surface span {
    font-size: var(--barama-type-card-copy) !important;
    line-height: 1.6 !important;
}

/* Compact marketplace intent cards: larger title/copy, still compact. */
.market-intent strong,
.account-quick-actions strong {
    font-size: 0.9375rem !important;
}

.market-intent small,
.account-quick-actions small {
    font-size: 0.875rem !important;
    line-height: 1.45 !important;
}

.market-home__actions a {
    font-size: 0.875rem !important;
}

/* Footer normal content should no longer look like fine print. */
.site-footer__brand p,
.site-footer nav a {
    font-size: var(--barama-type-footer) !important;
}

.site-footer nav strong {
    font-size: 0.8125rem !important;
}

.site-footer__bottom {
    font-size: 0.8125rem !important;
}

/*
 * Helper/hint text is intentionally NOT enlarged.
 * Keep the existing compact treatment for:
 * - .auth-password-help
 * - .auth-password-strength
 * - .auth-form__hint
 * - .form-text
 * - small contextual helper/validation copy
 */

@media (max-width: 767.98px) {
    :root {
        --barama-type-hero-h1: clamp(2.125rem, 7.5vw, 3rem);
        --barama-type-section-h2: clamp(1.625rem, 5vw, 2rem);
    }

    .hero-section h1,
    .workspace-hero h1,
    .marketplace-hero h1,
    .company-profile-head h1,
    .listing-detail h1,
    .market-home__copy h1,
    .auth-intro h1 {
        line-height: 1.07 !important;
    }
}

@media (max-width: 575.98px) {
    :root {
        --barama-type-hero-h1: clamp(2rem, 9vw, 2.75rem);
    }

    .market-home__copy h1 {
        max-width: 13ch;
    }

    .hero-copy,
    .workspace-hero > .container > p,
    .marketplace-hero p,
    .company-profile-head p,
    .market-home__copy > p,
    .section-heading p {
        font-size: 1rem !important;
    }
}

/* BARAMA_SINGLE_DETAIL_PAGES_V100 */
.single-detail {
    padding-top: 1.25rem;
}

.single-detail .detail-breadcrumb {
    margin-bottom: 1rem;
    font-size: 0.8125rem;
}

.single-detail__hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.62fr) minmax(320px, 0.68fr);
    gap: clamp(1rem, 2.2vw, 1.65rem);
    align-items: start;
}

.single-detail__primary {
    min-width: 0;
}

.detail-media-stage {
    min-width: 0;
}

.detail-media-stage__viewer {
    position: relative;
    overflow: hidden;
    aspect-ratio: 16 / 9;
    border: 1px solid var(--barama-border);
    border-radius: 22px;
    background:
        radial-gradient(circle at 15% 15%, color-mix(in srgb, var(--barama-primary) 7%, transparent), transparent 34%),
        color-mix(in srgb, var(--barama-bg) 78%, var(--barama-surface));
    box-shadow: 0 18px 48px rgba(8, 18, 35, 0.08);
}

.detail-media-slide {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
}

.detail-media-slide[hidden] {
    display: none !important;
}

.detail-media-slide__image {
    position: relative;
    width: 100%;
    height: 100%;
    border: 0;
    background: transparent;
    padding: 0;
    cursor: zoom-in;
}

.detail-media-slide__image img,
.detail-media-slide video,
.detail-media-slide iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}

.detail-media-slide__image img {
    object-fit: contain;
}

.detail-media-slide video {
    background: #050b14;
    object-fit: contain;
}

.detail-media-slide iframe {
    background: #050b14;
}

.detail-media-slide__zoom {
    position: absolute;
    right: 0.8rem;
    bottom: 0.8rem;
    display: inline-flex;
    gap: 0.4rem;
    align-items: center;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 999px;
    background: rgba(6, 14, 27, 0.72);
    color: #fff;
    padding: 0.48rem 0.72rem;
    font-size: 0.75rem;
    font-weight: 800;
    backdrop-filter: blur(12px);
}

.detail-media-slide__zoom svg {
    width: 15px;
    height: 15px;
}

.detail-media-stage__toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    margin-top: 0.65rem;
}

.detail-media-stage__counts {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.detail-media-stage__counts > span {
    display: inline-flex;
    gap: 0.3rem;
    align-items: center;
    border: 1px solid var(--barama-border);
    border-radius: 999px;
    background: var(--barama-surface);
    color: var(--barama-muted);
    padding: 0.34rem 0.56rem;
    font-size: 0.72rem;
    font-weight: 760;
}

.detail-media-stage__counts svg {
    width: 13px;
    height: 13px;
    color: var(--barama-primary);
}

.detail-media-thumbs {
    display: flex;
    gap: 0.55rem;
    overflow-x: auto;
    margin-top: 0.65rem;
    padding: 0 0 0.2rem;
    scrollbar-width: thin;
}

.detail-media-thumb {
    position: relative;
    display: grid;
    flex: 0 0 94px;
    width: 94px;
    height: 62px;
    overflow: hidden;
    place-items: center;
    border: 1px solid var(--barama-border);
    border-radius: 12px;
    background: var(--barama-surface-soft);
    color: var(--barama-muted);
    padding: 0;
}

.detail-media-thumb.is-active {
    border-color: color-mix(in srgb, var(--barama-primary) 72%, var(--barama-border));
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--barama-primary) 16%, transparent);
}

.detail-media-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.detail-media-thumb__icon {
    display: grid;
    width: 24px;
    height: 24px;
    place-items: center;
    color: var(--barama-primary);
}

.detail-media-thumb__icon svg {
    width: 20px;
    height: 20px;
}

.detail-media-thumb small {
    position: absolute;
    right: 0.3rem;
    bottom: 0.22rem;
    left: 0.3rem;
    overflow: hidden;
    color: var(--barama-text);
    font-size: 0.58rem;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.detail-media-stage--empty {
    display: grid;
    min-height: 390px;
    place-items: center;
    border: 1px dashed var(--barama-border);
    border-radius: 22px;
    background: var(--barama-surface-soft);
}

.detail-media-stage__empty {
    display: grid;
    max-width: 360px;
    place-items: center;
    gap: 0.5rem;
    color: var(--barama-muted);
    text-align: center;
    padding: 2rem;
}

.detail-media-stage__empty > svg {
    width: 48px;
    height: 48px;
    color: var(--barama-primary);
}

.detail-media-stage__empty strong {
    color: var(--barama-text);
    font-size: 1rem;
}

.detail-media-stage__empty span {
    font-size: 0.82rem;
    line-height: 1.55;
}

.single-detail__title-block {
    margin-top: 1rem;
    padding: 0.2rem 0 0;
}

.single-detail__title-block h1 {
    max-width: 18ch;
    margin: 0.65rem 0 0;
    font-size: clamp(2rem, 3.4vw, 3rem) !important;
    line-height: 1.06 !important;
    letter-spacing: -0.035em !important;
    font-weight: 900;
}

.single-detail__location {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    margin: 0.7rem 0 0;
    color: var(--barama-muted);
    font-size: 0.95rem;
}

.single-detail__location svg {
    width: 18px;
    height: 18px;
    color: var(--barama-primary);
}

.detail-summary-card {
    border: 1px solid var(--barama-border);
    border-radius: 22px;
    background:
        radial-gradient(circle at 88% 0%, color-mix(in srgb, var(--barama-primary) 10%, transparent), transparent 34%),
        var(--barama-surface);
    padding: 1.2rem;
    box-shadow: 0 18px 44px rgba(8, 18, 35, 0.08);
}

.detail-summary-card--sticky {
    position: sticky;
    top: 94px;
}

.detail-summary-card > .eyebrow {
    margin-bottom: 0.45rem;
}

.detail-summary-card__price {
    display: block;
    color: var(--barama-primary);
    font-size: clamp(1.65rem, 2.8vw, 2.35rem);
    line-height: 1.08;
    letter-spacing: -0.035em;
    font-weight: 900;
}

.detail-summary-card__price--text {
    color: var(--barama-text);
    font-size: clamp(1.35rem, 2.2vw, 1.8rem);
}

.detail-summary-card__badges {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-top: 0.8rem;
}

.detail-summary-list {
    display: grid;
    margin: 1rem 0 0;
    border-top: 1px solid var(--barama-border);
}

.detail-summary-list > div {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: 0.75rem;
    align-items: start;
    border-bottom: 1px solid var(--barama-border);
    padding: 0.72rem 0;
}

.detail-summary-list dt {
    display: flex;
    gap: 0.45rem;
    align-items: center;
    min-width: 0;
    color: var(--barama-muted);
    font-size: 0.78rem;
    font-weight: 760;
}

.detail-summary-list dt svg {
    width: 16px;
    height: 16px;
    flex: 0 0 auto;
    color: var(--barama-primary);
}

.detail-summary-list dd {
    overflow-wrap: anywhere;
    margin: 0;
    color: var(--barama-text);
    font-size: 0.84rem;
    font-weight: 800;
    text-align: right;
}

.detail-summary-list dd a {
    color: var(--barama-primary);
    text-decoration: none;
}

.detail-summary-actions {
    display: grid;
    gap: 0.55rem;
    margin-top: 1rem;
}

.detail-summary-actions form {
    margin: 0;
}

.detail-summary-actions .btn {
    display: inline-flex;
    gap: 0.45rem;
    align-items: center;
    justify-content: center;
    min-height: 46px;
}

.detail-summary-actions .btn svg {
    width: 16px;
    height: 16px;
}

.detail-facts--large {
    gap: 0.7rem;
    margin-top: 1rem;
}

.detail-facts--large > div {
    position: relative;
    min-height: 108px;
    border-radius: 16px;
    padding: 0.95rem 1rem 0.95rem 3.55rem;
}

.detail-facts--large .detail-facts__icon {
    position: absolute;
    top: 0.9rem;
    left: 0.9rem;
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border-radius: 11px;
    background: color-mix(in srgb, var(--barama-primary) 9%, var(--barama-surface));
    color: var(--barama-primary);
}

.detail-facts--large .detail-facts__icon svg {
    width: 20px;
    height: 20px;
}

.detail-facts--large dt {
    color: var(--barama-muted);
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.02em;
}

.detail-facts--large dd {
    margin-top: 0.38rem;
    color: var(--barama-text);
    font-size: 1rem;
    line-height: 1.35;
    font-weight: 850;
}

.detail-layout--content {
    margin-top: 1.4rem;
}

.detail-layout--content .detail-main {
    min-width: 0;
}

.detail-section--first {
    margin-top: 0;
    border-top: 0;
    padding-top: 0;
}

.detail-section--clean h2 {
    font-size: clamp(1.35rem, 2vw, 1.7rem);
}

.detail-section--clean > p {
    font-size: 1rem;
    line-height: 1.8;
}

.inquiry-card--premium {
    border-radius: 20px;
    padding: 1.15rem;
}

.inquiry-card--premium .inquiry-card__head h2 {
    font-size: 1.25rem;
}

.inquiry-card--premium > p {
    font-size: 0.875rem;
}

.inquiry-card--premium label {
    margin-bottom: 0.85rem;
}

.inquiry-card--premium label > .inquiry-field-label {
    display: flex !important;
    gap: 0.4rem;
    align-items: center;
    margin-bottom: 0.4rem;
    color: var(--barama-text);
    font-size: 0.8rem;
    font-weight: 800;
}

.inquiry-field-label > svg {
    width: 16px;
    height: 16px;
    color: var(--barama-primary);
}

.inquiry-card--premium .form-control {
    min-height: 48px;
    border-radius: 12px;
    font-size: 0.9375rem;
}

.inquiry-card--premium textarea.form-control {
    min-height: 124px;
    padding-top: 0.75rem;
    resize: vertical;
}

.inquiry-card--premium .btn {
    min-height: 48px;
}

.single-detail .detail-related {
    margin-top: 2.8rem;
}

@media (max-width: 1100px) {
    .single-detail__hero-grid {
        grid-template-columns: minmax(0, 1.45fr) minmax(300px, 0.72fr);
    }

    .detail-summary-list > div {
        grid-template-columns: 1fr;
        gap: 0.28rem;
    }

    .detail-summary-list dd {
        text-align: left;
    }
}

@media (max-width: 991.98px) {
    .single-detail__hero-grid {
        grid-template-columns: 1fr;
    }

    .detail-summary-card--sticky {
        position: static;
    }

    .detail-summary-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0 1rem;
    }

    .detail-summary-list > div {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    .single-detail {
        padding-top: 1rem;
    }

    .detail-media-stage__viewer {
        border-radius: 17px;
    }

    .single-detail__title-block h1 {
        max-width: none;
        font-size: clamp(1.85rem, 8vw, 2.5rem) !important;
    }

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

    .detail-summary-list {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575.98px) {
    .single-detail .app-container {
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .detail-media-stage__viewer {
        aspect-ratio: 4 / 3;
    }

    .detail-media-slide__zoom span {
        display: none;
    }

    .detail-media-thumb {
        flex-basis: 82px;
        width: 82px;
        height: 56px;
    }

    .detail-facts--large {
        grid-template-columns: 1fr;
    }

    .detail-facts--large > div {
        min-height: 92px;
    }

    .detail-summary-card {
        border-radius: 18px;
    }
}


/* BARAMA_SINGLE_DETAIL_REFINEMENT_V101 */

/*
 * Keep the accepted v1.0.0 hero intact while making the lower content
 * use the exact same sidebar track and gap. This keeps Contact Publisher
 * visually aligned with the hero summary.
 */
.single-detail .detail-layout--content {
    grid-template-columns: minmax(0, 1.62fr) minmax(320px, 0.68fr);
    gap: clamp(1rem, 2.2vw, 1.65rem);
}

.single-detail .inquiry-card--premium {
    width: 100%;
    max-width: none;
    box-sizing: border-box;
}

/*
 * Compact related / associated inventory for Property, Project and Company
 * single pages. The detail pages intentionally show 2–6 cards per row
 * depending on real device width.
 */
.single-detail .inventory-grid--detail {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.65rem;
}

.single-detail .inventory-grid--detail .inventory-card {
    min-width: 0;
    border-radius: 14px;
}

.single-detail .inventory-grid--detail .inventory-card__media {
    aspect-ratio: 4 / 3;
}

.single-detail .inventory-grid--detail .inventory-card__eyebrow {
    left: 0.5rem;
    bottom: 0.5rem;
    padding: 0.26rem 0.45rem;
    font-size: 0.56rem;
}

.single-detail .inventory-grid--detail .inventory-card__open {
    top: 0.48rem;
    right: 0.48rem;
    width: 28px;
    height: 28px;
    border-radius: 9px;
    font-size: 0.66rem;
}

.single-detail .inventory-grid--detail .inventory-card__body {
    padding: 0.66rem;
}

.single-detail .inventory-grid--detail .inventory-card__heading {
    display: grid;
    gap: 0.25rem;
}

.single-detail .inventory-grid--detail .inventory-card__heading h3 {
    font-size: 0.76rem;
    line-height: 1.3;
}

.single-detail .inventory-grid--detail .inventory-card__heading strong {
    font-size: 0.68rem;
}

.single-detail .inventory-grid--detail .inventory-card__meta {
    margin-top: 0.35rem;
    font-size: 0.62rem;
    line-height: 1.42;
}

.single-detail .inventory-grid--detail .inventory-card__footer {
    margin-top: 0.48rem;
    padding-top: 0.48rem;
    font-size: 0.6rem;
}

.single-detail .inventory-grid--detail .inventory-card__footer-icon svg {
    width: 12px;
    height: 12px;
}

.single-detail .detail-related,
.single-detail .detail-section:has(.inventory-grid--detail) {
    overflow: hidden;
}

@media (max-width: 1399.98px) {
    .single-detail .inventory-grid--detail {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}

@media (max-width: 1199.98px) {
    .single-detail .inventory-grid--detail {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 991.98px) {
    .single-detail .detail-layout--content {
        grid-template-columns: 1fr;
        gap: 1.25rem;
    }

    .single-detail .inventory-grid--detail {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .single-detail .inventory-grid--detail {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.55rem;
    }

    .single-detail .inventory-grid--detail .inventory-card__body {
        padding: 0.58rem;
    }

    .single-detail .inventory-grid--detail .inventory-card__heading h3 {
        font-size: 0.72rem;
    }

    .single-detail .inventory-grid--detail .inventory-card__heading strong {
        font-size: 0.64rem;
    }
}

@media (max-width: 420px) {
    .single-detail .inventory-grid--detail {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.45rem;
    }

    .single-detail .inventory-grid--detail .inventory-card {
        border-radius: 12px;
    }

    .single-detail .inventory-grid--detail .inventory-card__eyebrow {
        display: none;
    }

    .single-detail .inventory-grid--detail .inventory-card__meta {
        font-size: 0.58rem;
    }

    .single-detail .inventory-grid--detail .inventory-card__footer {
        font-size: 0.56rem;
    }
}


/* BARAMA_SINGLE_DETAIL_POLISH_V102 */

.single-detail .detail-summary-card__price {
    max-width: 100%;
    font-size: clamp(1.45rem, 2.15vw, 1.95rem);
    line-height: 1.06;
    letter-spacing: -0.03em;
    overflow-wrap: anywhere;
    word-break: normal;
}

.single-detail__content-surface {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--barama-border);
    border-radius: 22px;
    background:
        radial-gradient(
            circle at 100% 0%,
            color-mix(in srgb, var(--barama-primary) 6%, transparent),
            transparent 24rem
        ),
        var(--barama-surface);
    box-shadow: 0 18px 42px rgba(8, 18, 35, 0.06);
    padding: clamp(1rem, 2vw, 1.45rem);
}

.single-detail__content-surface .single-detail__title-block {
    margin-top: 0;
    padding: 0;
}

.single-detail__content-surface .single-detail__title-block h1 {
    max-width: 20ch;
}

.single-detail__content-surface .detail-section {
    margin-top: 1.35rem;
    padding-top: 1.35rem;
}

.single-detail__content-surface .detail-section--first {
    margin-top: 1.25rem;
    border-top: 1px solid var(--barama-border);
    padding-top: 1.25rem;
}

.single-detail__content-surface .detail-related {
    margin-top: 1.55rem;
    border-top: 1px solid var(--barama-border);
    padding-top: 1.35rem;
}

.single-detail .detail-layout--content {
    align-items: start;
}

@media (max-width: 991.98px) {
    .single-detail .detail-summary-card__price {
        font-size: clamp(1.4rem, 5vw, 1.8rem);
    }

    .single-detail__content-surface {
        border-radius: 19px;
        padding: 1rem;
    }
}

@media (max-width: 575.98px) {
    .single-detail .detail-summary-card__price {
        font-size: clamp(1.3rem, 7vw, 1.65rem);
    }

    .single-detail__content-surface {
        margin-right: -0.1rem;
        margin-left: -0.1rem;
        border-radius: 16px;
        padding: 0.9rem;
    }

    .single-detail__content-surface .single-detail__title-block h1 {
        font-size: clamp(1.7rem, 8vw, 2.15rem) !important;
    }

    .single-detail__content-surface .detail-section,
    .single-detail__content-surface .detail-related {
        margin-top: 1.1rem;
        padding-top: 1.05rem;
    }
}


/* BARAMA_SINGLE_DETAIL_CONTENT_BG_V103 */

/*
 * One continuous themed background begins at the main status/title area
 * and continues through the detailed content, Contact Publisher card and
 * related content. The accepted hero media + hero summary remain unchanged.
 */
.single-detail .detail-layout--content {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border: 1px solid var(--barama-border);
    border-radius: 24px;
    padding: clamp(1rem, 2vw, 1.5rem);
    background:
        radial-gradient(
            circle at 0% 0%,
            color-mix(in srgb, var(--barama-primary) 7%, transparent),
            transparent 30rem
        ),
        radial-gradient(
            circle at 100% 100%,
            color-mix(in srgb, var(--barama-primary) 4%, transparent),
            transparent 28rem
        ),
        color-mix(in srgb, var(--barama-surface) 94%, var(--barama-bg));
    box-shadow: 0 18px 42px rgba(8, 18, 35, 0.06);
}

/* Neutralize the v1.0.2 left-column card so the parent is one surface. */
.single-detail .detail-layout--content .single-detail__content-surface {
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    padding: 0;
}

.single-detail .detail-layout--content .single-detail__content-surface::before,
.single-detail .detail-layout--content .single-detail__content-surface::after {
    display: none;
}

/* Preserve the accepted Contact Publisher card inside the shared background. */
.single-detail .detail-layout--content .inquiry-card--premium {
    position: relative;
    z-index: 1;
}

.single-detail .detail-layout--content .single-detail__title-block {
    margin-top: 0;
}

.single-detail .detail-layout--content .detail-section--first {
    margin-top: 1.15rem;
}

.single-detail .detail-layout--content .detail-related {
    margin-bottom: 0;
}

@media (max-width: 991.98px) {
    .single-detail .detail-layout--content {
        border-radius: 20px;
        padding: 1rem;
    }
}

@media (max-width: 575.98px) {
    .single-detail .detail-layout--content {
        margin-right: 0;
        margin-left: 0;
        border-radius: 16px;
        padding: 0.85rem;
    }

    .single-detail .detail-layout--content .inquiry-card--premium {
        width: 100%;
        max-width: none;
    }
}


/* BARAMA_SINGLE_DETAIL_INTRO_BG_V104 */

/*
 * Correct v1.0.3: remove the shared wrapper background that grouped
 * main content and Contact Publisher together.
 */
.single-detail .detail-layout--content {
    overflow: visible;
    border: 0;
    border-radius: 0;
    padding: 0;
    background: transparent;
    box-shadow: none;
    isolation: auto;
}

/*
 * Keep the accepted left content column neutral except for the intro
 * surface below. This preserves the existing visual treatment of
 * Publisher / Properties / Projects / Related sections.
 */
.single-detail .detail-layout--content .single-detail__content-surface {
    overflow: visible;
    border: 0;
    border-radius: 0;
    padding: 0;
    background: transparent;
    box-shadow: none;
}

/*
 * New requested background: ONLY the status/title/location + About block.
 * It follows the existing Light/Dark tokens and stays responsive.
 */
.single-detail__intro-surface {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--barama-border);
    border-radius: 22px;
    padding: clamp(1rem, 2vw, 1.45rem);
    background:
        radial-gradient(
            circle at 100% 0%,
            color-mix(in srgb, var(--barama-primary) 6%, transparent),
            transparent 24rem
        ),
        color-mix(in srgb, var(--barama-surface) 96%, var(--barama-bg));
    box-shadow: 0 16px 36px rgba(8, 18, 35, 0.055);
}

.single-detail__intro-surface .single-detail__title-block {
    margin: 0;
    padding: 0;
}

.single-detail__intro-surface .detail-section--first {
    margin-top: 1.15rem;
    border-top: 1px solid var(--barama-border);
    padding-top: 1.15rem;
}

/* Preserve existing Contact Publisher card; no parent background around it. */
.single-detail .detail-layout--content .inquiry-card--premium {
    position: relative;
    z-index: 1;
}

/* Preserve later content sections exactly outside the intro surface. */
.single-detail__content-surface > .detail-section:not(.detail-section--first),
.single-detail__content-surface > .detail-related {
    background: inherit;
}

@media (max-width: 991.98px) {
    .single-detail__intro-surface {
        border-radius: 19px;
        padding: 1rem;
    }
}

@media (max-width: 575.98px) {
    .single-detail__intro-surface {
        border-radius: 16px;
        padding: 0.9rem;
    }

    .single-detail__intro-surface .detail-section--first {
        margin-top: 1rem;
        padding-top: 1rem;
    }
}


/* BARAMA_SINGLE_DETAIL_ALIGNMENT_WIDE_V105 */

/* Align the main content card and Contact Publisher on the exact same top edge. */
.single-detail .detail-layout--content {
    align-items: start;
}

.single-detail .detail-layout--content > .detail-main,
.single-detail .detail-layout--content > .inquiry-card--premium {
    align-self: start;
    margin-top: 0 !important;
    transform: none;
}

/* v1.0.4 temporarily overrode sticky with position:relative. Restore it. */
.single-detail .detail-layout--content > .inquiry-card--premium {
    position: sticky;
    top: 96px;
}

/* Full-width card groups are now outside the main/sidebar two-column grid. */
.single-detail__wide-section {
    width: 100%;
    max-width: none;
    margin-top: clamp(1.75rem, 3vw, 2.6rem);
    border-top: 1px solid var(--barama-border);
    padding-top: clamp(1.25rem, 2vw, 1.8rem);
}

.single-detail__wide-section .section-heading-row {
    width: 100%;
    margin-bottom: 0.9rem;
}

/* Responsive card density: 6 / 5 / 4 / 3 / 2. */
.single-detail__wide-section .inventory-grid--detail {
    width: 100%;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: clamp(0.65rem, 1vw, 0.9rem);
}

.single-detail__wide-section .inventory-card {
    width: 100%;
    min-width: 0;
}

.single-detail__wide-section .inventory-card__media {
    aspect-ratio: 4 / 3;
}

.single-detail__wide-section .inventory-card__heading h3 {
    font-size: clamp(0.74rem, 0.8vw, 0.86rem);
    line-height: 1.3;
}

.single-detail__wide-section .inventory-card__heading strong {
    font-size: clamp(0.66rem, 0.72vw, 0.78rem);
}

.single-detail__wide-section .inventory-card__meta {
    font-size: clamp(0.6rem, 0.66vw, 0.7rem);
}

.single-detail__wide-section .inventory-card__footer {
    font-size: clamp(0.58rem, 0.64vw, 0.68rem);
}

@media (max-width: 1399.98px) {
    .single-detail__wide-section .inventory-grid--detail { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}

@media (max-width: 1199.98px) {
    .single-detail__wide-section .inventory-grid--detail { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (max-width: 991.98px) {
    .single-detail .detail-layout--content > .inquiry-card--premium {
        position: static;
        top: auto;
    }
    .single-detail__wide-section .inventory-grid--detail { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 767.98px) {
    .single-detail__wide-section .inventory-grid--detail {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.6rem;
    }
}

@media (max-width: 420px) {
    .single-detail__wide-section .inventory-grid--detail {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.45rem;
    }
}


/* BARAMA_WORKSPACE_HEADER_V100 */
:root {
    --barama-workspace-topbar-height: 72px;
}

.workspace-topbar {
    position: sticky;
    top: 0;
    z-index: 190;
    height: var(--barama-workspace-topbar-height);
    border-bottom: 1px solid var(--barama-border);
    background: linear-gradient(135deg, color-mix(in srgb, var(--barama-surface) 96%, transparent), color-mix(in srgb, var(--barama-surface-soft) 88%, transparent));
    color: var(--barama-text);
    box-shadow: 0 8px 30px rgba(12, 24, 44, .045);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

.workspace-topbar__grid {
    display: grid;
    grid-template-columns: 270px minmax(0, 1fr) auto;
    align-items: center;
    width: 100%;
    height: 100%;
    min-width: 0;
}

.workspace-topbar__brand-zone {
    display: flex;
    min-width: 0;
    height: 100%;
    align-items: center;
    gap: .75rem;
    border-right: 1px solid var(--barama-border);
    padding: 0 1rem;
}

.workspace-topbar__brand {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    text-decoration: none;
}

.workspace-topbar__brand img {
    display: block;
    width: auto;
    height: 34px;
    max-width: 150px;
    object-fit: contain;
}

.workspace-topbar__middle {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: clamp(.85rem, 1.5vw, 1.4rem);
    padding: 0 1.1rem;
}

.workspace-topbar__context {
    min-width: 0;
    flex: 0 1 auto;
}

.workspace-topbar__context span,
.workspace-topbar__context strong {
    display: block;
}

.workspace-topbar__context span {
    margin-bottom: .08rem;
    color: var(--barama-muted);
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.workspace-topbar__context strong {
    max-width: 230px;
    overflow: hidden;
    font-size: .86rem;
    font-weight: 850;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.workspace-topbar__switcher {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: .25rem;
    border: 1px solid var(--barama-border);
    border-radius: 14px;
    background: color-mix(in srgb, var(--barama-surface) 82%, transparent);
    padding: .22rem;
}

.workspace-topbar__switcher a {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    gap: .45rem;
    border-radius: 10px;
    color: var(--barama-muted);
    padding: .48rem .65rem;
    font-size: .76rem;
    font-weight: 780;
    text-decoration: none;
    white-space: nowrap;
    transition: background-color 150ms ease, color 150ms ease, box-shadow 150ms ease;
}

.workspace-topbar__switcher a:hover,
.workspace-topbar__switcher a:focus-visible {
    background: var(--barama-surface-soft);
    color: var(--barama-text);
}

.workspace-topbar__switcher a.is-active {
    background: color-mix(in srgb, var(--barama-primary) 11%, var(--barama-surface));
    color: var(--barama-primary-strong);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--barama-primary) 12%, transparent);
}

.workspace-topbar__switcher svg {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
}

.workspace-topbar__actions {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: flex-end;
    gap: .4rem;
    padding: 0 1rem 0 .65rem;
}

.workspace-topbar__site-link,
.workspace-topbar__theme {
    display: inline-flex;
    min-height: 40px;
    align-items: center;
    justify-content: center;
    gap: .42rem;
    border: 1px solid var(--barama-border);
    border-radius: 12px;
    background: var(--barama-surface);
    color: var(--barama-text);
    padding: .5rem .68rem;
    font-size: .74rem;
    font-weight: 780;
    text-decoration: none;
}

.workspace-topbar__site-link:hover,
.workspace-topbar__site-link:focus-visible,
.workspace-topbar__theme:hover,
.workspace-topbar__theme:focus-visible {
    border-color: color-mix(in srgb, var(--barama-primary) 22%, var(--barama-border));
    background: color-mix(in srgb, var(--barama-primary) 7%, var(--barama-surface));
    color: var(--barama-primary-strong);
}

.workspace-topbar__site-link svg,
.workspace-topbar__theme svg {
    width: 17px;
    height: 17px;
}

.workspace-topbar__locale {
    display: inline-flex;
    min-height: 40px;
    align-items: center;
    border: 1px solid var(--barama-border);
    border-radius: 12px;
    background: var(--barama-surface);
    overflow: hidden;
}

.workspace-topbar__locale-icon {
    display: grid;
    width: 34px;
    place-items: center;
    color: var(--barama-muted);
}

.workspace-topbar__locale-icon svg {
    width: 15px;
    height: 15px;
}

.workspace-topbar__locale select {
    min-width: 78px;
    height: 38px;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--barama-text);
    padding: 0 .15rem;
    font-size: .74rem;
    font-weight: 760;
}

.workspace-topbar__locale button {
    align-self: stretch;
    border: 0;
    border-left: 1px solid var(--barama-border);
    background: transparent;
    color: var(--barama-primary-strong);
    padding: 0 .55rem;
    font-size: .68rem;
    font-weight: 800;
}

.workspace-topbar__locale button:hover,
.workspace-topbar__locale button:focus-visible {
    background: color-mix(in srgb, var(--barama-primary) 8%, var(--barama-surface));
}

.workspace-user-menu {
    position: relative;
}

.workspace-user-menu > summary {
    list-style: none;
}

.workspace-user-menu > summary::-webkit-details-marker {
    display: none;
}

.workspace-user-menu__trigger {
    display: flex;
    min-height: 42px;
    align-items: center;
    gap: .55rem;
    border: 1px solid var(--barama-border);
    border-radius: 13px;
    background: var(--barama-surface);
    color: var(--barama-text);
    padding: .34rem .55rem;
    cursor: pointer;
    user-select: none;
}

.workspace-user-menu[open] .workspace-user-menu__trigger,
.workspace-user-menu__trigger:hover,
.workspace-user-menu__trigger:focus-visible {
    border-color: color-mix(in srgb, var(--barama-primary) 22%, var(--barama-border));
    background: color-mix(in srgb, var(--barama-primary) 7%, var(--barama-surface));
}

.workspace-user-menu__avatar {
    display: grid;
    width: 31px;
    height: 31px;
    flex: 0 0 31px;
    place-items: center;
    border-radius: 9px;
    background: color-mix(in srgb, var(--barama-primary) 10%, var(--barama-surface-soft));
    color: var(--barama-primary-strong);
}

.workspace-user-menu__avatar svg {
    width: 16px;
    height: 16px;
}

.workspace-user-menu__identity {
    min-width: 0;
    max-width: 120px;
    padding-right: .15rem;
}

.workspace-user-menu__identity strong,
.workspace-user-menu__identity small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.workspace-user-menu__identity strong {
    font-size: .72rem;
    font-weight: 820;
}

.workspace-user-menu__identity small {
    margin-top: .05rem;
    color: var(--barama-muted);
    font-size: .62rem;
}

.workspace-user-menu__panel {
    position: absolute;
    z-index: 1300;
    top: calc(100% + 10px);
    right: 0;
    width: min(300px, calc(100vw - 24px));
    border: 1px solid var(--barama-border);
    border-radius: 17px;
    background: var(--barama-surface);
    box-shadow: 0 24px 60px rgba(8, 18, 35, .18);
    padding: .65rem;
}

.workspace-user-menu__head {
    display: flex;
    align-items: center;
    gap: .65rem;
    padding: .5rem;
}

.workspace-user-menu__head strong,
.workspace-user-menu__head small {
    display: block;
}

.workspace-user-menu__head strong {
    font-size: .78rem;
    font-weight: 840;
}

.workspace-user-menu__head small {
    margin-top: .12rem;
    color: var(--barama-muted);
    font-size: .66rem;
    overflow-wrap: anywhere;
}

.workspace-user-menu__panel nav {
    display: grid;
    gap: .2rem;
    border-top: 1px solid var(--barama-border);
    border-bottom: 1px solid var(--barama-border);
    padding: .45rem 0;
}

.workspace-user-menu__panel nav a,
.workspace-user-menu__panel form button {
    display: flex;
    width: 100%;
    min-height: 40px;
    align-items: center;
    gap: .55rem;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: var(--barama-text);
    padding: .5rem .6rem;
    font-size: .74rem;
    font-weight: 760;
    text-align: left;
    text-decoration: none;
}

.workspace-user-menu__panel nav a:hover,
.workspace-user-menu__panel nav a:focus-visible,
.workspace-user-menu__panel form button:hover,
.workspace-user-menu__panel form button:focus-visible {
    background: var(--barama-surface-soft);
}

.workspace-user-menu__panel nav svg,
.workspace-user-menu__panel form button svg {
    width: 16px;
    height: 16px;
}

.workspace-user-menu__panel form {
    margin: .45rem 0 0;
}

.workspace-shell {
    min-height: calc(100vh - var(--barama-workspace-topbar-height));
}

.workspace-sidebar {
    top: var(--barama-workspace-topbar-height);
    height: calc(100vh - var(--barama-workspace-topbar-height));
}

.workspace-main > main {
    min-height: calc(100vh - var(--barama-workspace-topbar-height));
}

.workspace-topbar .workspace-menu-button {
    display: none;
    flex: 0 0 auto;
    margin: 0;
}

@media (max-width: 1399.98px) {
    .workspace-topbar__context span { display: none; }
    .workspace-topbar__context strong { max-width: 175px; }
    .workspace-topbar__site-link span { display: none; }
}

@media (max-width: 1199.98px) {
    .workspace-topbar__grid { grid-template-columns: 230px minmax(0, 1fr) auto; }
    .workspace-topbar__switcher a span { display: none; }
    .workspace-topbar__switcher a { width: 38px; justify-content: center; padding-right: 0; padding-left: 0; }
    .workspace-user-menu__identity { display: none; }
    .workspace-topbar__locale button { display: none; }
}

@media (max-width: 991.98px) {
    :root { --barama-workspace-topbar-height: 64px; }
    .workspace-topbar__grid { grid-template-columns: minmax(0, 1fr) auto; }
    .workspace-topbar__brand-zone { gap: .55rem; border-right: 0; padding: 0 .75rem; }
    .workspace-topbar .workspace-menu-button {
        display: inline-flex;
        width: 40px;
        height: 40px;
        align-items: center;
        justify-content: center;
        border: 1px solid var(--barama-border);
        border-radius: 11px;
        background: var(--barama-surface);
        color: var(--barama-text);
        padding: 0;
    }
    .workspace-topbar .workspace-menu-button span { display: none; }
    .workspace-topbar .workspace-menu-button svg { width: 18px; height: 18px; }
    .workspace-topbar__brand img { height: 31px; max-width: 132px; }
    .workspace-topbar__middle { display: none; }
    .workspace-topbar__actions { padding-right: .75rem; }
    .workspace-sidebar { top: 0; height: 100vh; }
}

@media (max-width: 767.98px) {
    .workspace-topbar__site-link { display: none; }
    .workspace-topbar__locale-icon { display: none; }
    .workspace-topbar__locale select { min-width: 74px; padding-left: .45rem; }
}

@media (max-width: 575.98px) {
    .workspace-topbar__brand img { height: 29px; max-width: 118px; }
    .workspace-topbar__actions { gap: .3rem; padding-right: .55rem; }
    .workspace-topbar__locale { min-height: 38px; }
    .workspace-topbar__locale select { min-width: 68px; height: 36px; max-width: 82px; font-size: .68rem; }
    .workspace-topbar__theme { width: 38px; min-height: 38px; padding: 0; }
    .workspace-user-menu__trigger { min-height: 38px; padding: .25rem; }
    .workspace-user-menu__avatar { width: 30px; height: 30px; flex-basis: 30px; }
}

/* BARAMA_WORKSPACE_PROFILE_AVATAR_ONLY_V100
   Private workspace profile trigger refinement:
   - Header trigger is avatar-only.
   - Name/email remain in the dropdown panel.
   - Compact, accessible desktop/mobile hit target.
*/
.workspace-user-menu--avatar-only {
    flex: 0 0 auto;
}

.workspace-user-menu--avatar-only .workspace-user-menu__trigger {
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
    padding: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
}

.workspace-user-menu--avatar-only .workspace-user-menu__trigger .workspace-user-menu__avatar {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    margin: 0;
}

.workspace-user-menu--avatar-only .workspace-user-menu__trigger::after {
    display: none;
}

.workspace-user-menu--avatar-only .workspace-user-menu__panel {
    right: 0;
    min-width: 278px;
}

.workspace-user-menu--avatar-only[open] .workspace-user-menu__trigger,
.workspace-user-menu--avatar-only .workspace-user-menu__trigger:hover,
.workspace-user-menu--avatar-only .workspace-user-menu__trigger:focus-visible {
    transform: none;
}

@media (max-width: 575.98px) {
    .workspace-user-menu--avatar-only .workspace-user-menu__trigger {
        width: 38px;
        min-width: 38px;
        height: 38px;
        min-height: 38px;
        padding: 3px;
        border-radius: 10px;
    }

    .workspace-user-menu--avatar-only .workspace-user-menu__trigger .workspace-user-menu__avatar {
        width: 30px;
        height: 30px;
        flex-basis: 30px;
    }

    .workspace-user-menu--avatar-only .workspace-user-menu__panel {
        min-width: min(286px, calc(100vw - 24px));
    }
}

/* BARAMA_WORKSPACE_NAV_TOGGLE_V100
   Workspace navigation identity + sidebar toggle refinement.
   Desktop: the existing Menu control becomes a persistent show/hide sidebar toggle.
   Mobile/tablet: the existing drawer behavior is preserved.
*/

.workspace-topbar__context--refined {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: .55rem;
    flex: 0 1 auto;
}

.workspace-topbar__context-icon {
    display: grid;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--barama-primary) 14%, var(--barama-border));
    border-radius: 11px;
    background: color-mix(in srgb, var(--barama-primary) 8%, var(--barama-surface));
    color: var(--barama-primary-strong);
}

.workspace-topbar__context-icon svg {
    width: 16px;
    height: 16px;
}

.workspace-topbar__context-copy {
    display: block;
    min-width: 0;
}

.workspace-topbar__context--refined small,
.workspace-topbar__context--refined strong {
    display: block;
}

.workspace-topbar__context--refined small {
    margin: 0 0 .08rem;
    color: var(--barama-muted);
    font-size: .6rem;
    font-weight: 800;
    letter-spacing: .09em;
    line-height: 1.1;
    text-transform: uppercase;
}

.workspace-topbar__context--refined strong {
    max-width: 220px;
    overflow: hidden;
    font-size: .82rem;
    font-weight: 850;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.workspace-topbar__switcher {
    gap: .18rem;
    border-radius: 999px;
    padding: .2rem;
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--barama-border) 75%, transparent);
}

.workspace-topbar__switcher a {
    min-height: 36px;
    border-radius: 999px;
    padding: .44rem .68rem;
}

.workspace-topbar__switcher a.is-active {
    background: color-mix(in srgb, var(--barama-primary) 12%, var(--barama-surface));
    box-shadow: 0 4px 12px color-mix(in srgb, var(--barama-primary) 10%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--barama-primary) 16%, transparent);
}

.workspace-topbar__brand-zone {
    gap: .55rem;
}

@media (min-width: 992px) {
    .workspace-topbar .workspace-topbar__sidebar-toggle {
        display: inline-flex;
        width: 40px;
        min-width: 40px;
        height: 40px;
        align-items: center;
        justify-content: center;
        border: 1px solid var(--barama-border);
        border-radius: 11px;
        background: var(--barama-surface);
        color: var(--barama-text);
        padding: 0;
        transition: border-color 150ms ease, background-color 150ms ease, color 150ms ease;
    }

    .workspace-topbar .workspace-topbar__sidebar-toggle:hover,
    .workspace-topbar .workspace-topbar__sidebar-toggle:focus-visible {
        border-color: color-mix(in srgb, var(--barama-primary) 24%, var(--barama-border));
        background: color-mix(in srgb, var(--barama-primary) 7%, var(--barama-surface));
        color: var(--barama-primary-strong);
    }

    .workspace-topbar .workspace-topbar__sidebar-toggle span {
        display: none;
    }

    .workspace-topbar .workspace-topbar__sidebar-toggle svg {
        width: 18px;
        height: 18px;
    }

    html.workspace-sidebar-is-collapsed .workspace-shell {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    html.workspace-sidebar-is-collapsed .workspace-sidebar {
        display: none !important;
    }

    html.workspace-sidebar-is-collapsed .workspace-main {
        width: 100% !important;
        min-width: 0;
        margin-left: 0 !important;
    }

    html.workspace-sidebar-is-collapsed .workspace-topbar__brand-zone {
        border-right-color: transparent;
    }
}

@media (min-width: 1200px) {
    .workspace-topbar__grid {
        grid-template-columns: 248px minmax(0, 1fr) auto;
    }
}

@media (max-width: 1199.98px) and (min-width: 992px) {
    .workspace-topbar__context--refined small {
        display: none;
    }

    .workspace-topbar__context--refined strong {
        max-width: 155px;
    }
}

@media (max-width: 991.98px) {
    .workspace-topbar__sidebar-toggle {
        display: inline-flex;
    }

    .workspace-topbar__context--refined {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .workspace-topbar__sidebar-toggle,
    .workspace-topbar__switcher a {
        transition: none;
    }
}

/* BARAMA_WORKSPACE_SIDEBAR_NAV_REFINEMENT_V100
   Compact hierarchy, stronger active states, cleaner icon rhythm and accessible focus.
   Applies only inside the private workspace sidebar.
*/

.workspace-sidebar {
    --workspace-nav-item-height: 42px;
    --workspace-nav-icon-size: 32px;
}

.workspace-sidebar nav,
.workspace-sidebar .workspace-sidebar__navigation-refined {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: .18rem;
}

.workspace-sidebar nav a,
.workspace-sidebar .workspace-sidebar__navigation-refined a {
    position: relative;
    display: flex;
    min-height: var(--workspace-nav-item-height);
    min-width: 0;
    align-items: center;
    gap: .7rem;
    border: 1px solid transparent;
    border-radius: 11px;
    padding: .42rem .58rem;
    color: var(--barama-text);
    font-size: .78rem;
    font-weight: 730;
    line-height: 1.25;
    text-decoration: none;
    transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease, transform 140ms ease;
}

.workspace-sidebar nav a > svg,
.workspace-sidebar .workspace-sidebar__navigation-refined a > svg,
.workspace-sidebar nav a > span:first-child > svg,
.workspace-sidebar .workspace-sidebar__navigation-refined a > span:first-child > svg {
    width: 17px;
    height: 17px;
    flex: 0 0 17px;
}

.workspace-sidebar nav a:hover,
.workspace-sidebar .workspace-sidebar__navigation-refined a:hover {
    border-color: color-mix(in srgb, var(--barama-primary) 12%, var(--barama-border));
    background: color-mix(in srgb, var(--barama-primary) 6%, var(--barama-surface));
    color: var(--barama-primary-strong);
}

.workspace-sidebar nav a:focus-visible,
.workspace-sidebar .workspace-sidebar__navigation-refined a:focus-visible {
    outline: 2px solid color-mix(in srgb, var(--barama-primary) 66%, transparent);
    outline-offset: 2px;
    border-color: color-mix(in srgb, var(--barama-primary) 20%, var(--barama-border));
    background: color-mix(in srgb, var(--barama-primary) 7%, var(--barama-surface));
}

.workspace-sidebar nav a[aria-current="page"],
.workspace-sidebar nav a.is-current,
.workspace-sidebar .workspace-sidebar__navigation-refined a[aria-current="page"],
.workspace-sidebar .workspace-sidebar__navigation-refined a.is-current {
    border-color: color-mix(in srgb, var(--barama-primary) 18%, var(--barama-border));
    background: color-mix(in srgb, var(--barama-primary) 10%, var(--barama-surface));
    color: var(--barama-primary-strong);
    box-shadow: inset 3px 0 0 var(--barama-primary), 0 4px 14px color-mix(in srgb, var(--barama-primary) 6%, transparent);
    font-weight: 820;
}

.workspace-sidebar nav a[aria-current="page"]::after,
.workspace-sidebar nav a.is-current::after,
.workspace-sidebar .workspace-sidebar__navigation-refined a[aria-current="page"]::after,
.workspace-sidebar .workspace-sidebar__navigation-refined a.is-current::after {
    content: "";
    width: 6px;
    height: 6px;
    flex: 0 0 6px;
    margin-left: auto;
    border-radius: 999px;
    background: var(--barama-primary);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--barama-primary) 11%, transparent);
}

.workspace-sidebar nav > * + *,
.workspace-sidebar .workspace-sidebar__navigation-refined > * + * {
    margin-top: 0;
}

.workspace-sidebar nav hr,
.workspace-sidebar .workspace-sidebar__navigation-refined hr {
    width: 100%;
    height: 1px;
    border: 0;
    margin: .48rem 0;
    background: var(--barama-border);
}

.workspace-sidebar nav h2,
.workspace-sidebar nav h3,
.workspace-sidebar nav .workspace-nav-label,
.workspace-sidebar .workspace-sidebar__navigation-refined h2,
.workspace-sidebar .workspace-sidebar__navigation-refined h3,
.workspace-sidebar .workspace-sidebar__navigation-refined .workspace-nav-label {
    margin: .62rem .58rem .22rem;
    color: var(--barama-muted);
    font-size: .61rem;
    font-weight: 850;
    letter-spacing: .085em;
    line-height: 1.2;
    text-transform: uppercase;
}

.workspace-sidebar nav h2:first-child,
.workspace-sidebar nav h3:first-child,
.workspace-sidebar nav .workspace-nav-label:first-child,
.workspace-sidebar .workspace-sidebar__navigation-refined h2:first-child,
.workspace-sidebar .workspace-sidebar__navigation-refined h3:first-child,
.workspace-sidebar .workspace-sidebar__navigation-refined .workspace-nav-label:first-child {
    margin-top: .15rem;
}

.workspace-sidebar nav a span:not(:first-child),
.workspace-sidebar .workspace-sidebar__navigation-refined a span:not(:first-child) {
    min-width: 0;
}

@media (min-width: 992px) {
    html:not(.workspace-sidebar-is-collapsed) .workspace-sidebar {
        scrollbar-width: thin;
        scrollbar-color: color-mix(in srgb, var(--barama-muted) 35%, transparent) transparent;
    }

    html:not(.workspace-sidebar-is-collapsed) .workspace-sidebar::-webkit-scrollbar {
        width: 6px;
    }

    html:not(.workspace-sidebar-is-collapsed) .workspace-sidebar::-webkit-scrollbar-thumb {
        border-radius: 999px;
        background: color-mix(in srgb, var(--barama-muted) 30%, transparent);
    }
}

@media (max-width: 991.98px) {
    .workspace-sidebar nav a,
    .workspace-sidebar .workspace-sidebar__navigation-refined a {
        min-height: 44px;
        border-radius: 12px;
        padding: .5rem .65rem;
        font-size: .8rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .workspace-sidebar nav a,
    .workspace-sidebar .workspace-sidebar__navigation-refined a {
        transition: none;
    }
}

/* BARAMA_WORKSPACE_HEADER_UTILITY_ICON_FIX_V100
   Header utility cleanup:
   - View Site, Language and Theme are icon-only controls.
   - Utility control chrome is transparent.
   - Icon glyphs are centered inside their icon containers.
   - Locale selection applies immediately; there is no Apply button.
*/

.workspace-topbar__site-link,
.workspace-topbar__locale,
.workspace-topbar__theme,
.site-header .header-locale,
.site-header .theme-toggle {
    position: relative;
    display: inline-grid;
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
    place-items: center;
    border: 0 !important;
    border-radius: 10px;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    color: var(--barama-text);
}

.workspace-topbar__site-link:hover,
.workspace-topbar__locale:hover,
.workspace-topbar__theme:hover,
.site-header .header-locale:hover,
.site-header .theme-toggle:hover,
.workspace-topbar__site-link:focus-visible,
.workspace-topbar__locale:focus-within,
.workspace-topbar__theme:focus-visible,
.site-header .header-locale:focus-within,
.site-header .theme-toggle:focus-visible {
    background: transparent !important;
    color: var(--barama-primary-strong);
}

.workspace-topbar__site-link:focus-visible,
.workspace-topbar__locale:focus-within,
.workspace-topbar__theme:focus-visible,
.site-header .header-locale:focus-within,
.site-header .theme-toggle:focus-visible {
    outline: 2px solid color-mix(in srgb, var(--barama-primary) 64%, transparent);
    outline-offset: 2px;
}

.workspace-topbar__site-link > span,
.workspace-topbar__locale-icon,
.workspace-topbar__theme > span,
.site-header .header-locale__icon {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    margin: 0;
    border-radius: 10px;
    background: color-mix(in srgb, var(--barama-primary) 7%, transparent);
    color: currentColor;
    line-height: 1;
}

.workspace-topbar__site-link > span svg,
.workspace-topbar__locale-icon svg,
.workspace-topbar__theme > span svg,
.site-header .header-locale__icon svg {
    display: block;
    width: 17px;
    height: 17px;
    margin: auto;
}

/* Language remains a real select for keyboard/screen-reader/native-device behavior,
   but the header exposes only the language icon visually. */
.workspace-topbar__locale select,
.site-header .header-locale select {
    position: absolute;
    z-index: 2;
    inset: 0;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 100%;
    margin: 0;
    border: 0;
    opacity: 0;
    cursor: pointer;
}

.workspace-topbar__locale button,
.site-header .header-locale button,
.header-locale [data-locale-submit] {
    display: none !important;
}

/* Shared icon centering repair for icon backgrounds used throughout the app. */
.workspace-nav__icon,
.workspace-stat__icon,
.workspace-topbar__context-icon,
.workspace-user-menu__avatar,
.account-switcher__avatar,
.barama-user-action__icon,
.account-notification-item__icon,
.account-invitation-list__icon,
.auth-panel__icon,
.installer-input__icon,
.installer-input__icon-button,
.installer-requirement-icon,
.installer-finish__icon,
.inventory-card__placeholder-icon,
.company-profile-premium__media > span {
    display: grid;
    place-items: center;
    align-items: center;
    justify-items: center;
}

.workspace-nav__icon > svg,
.workspace-stat__icon > svg,
.workspace-topbar__context-icon > svg,
.workspace-user-menu__avatar > svg,
.account-switcher__avatar > svg,
.barama-user-action__icon > svg,
.account-notification-item__icon > svg,
.account-invitation-list__icon > svg,
.auth-panel__icon > svg,
.installer-input__icon > svg,
.installer-input__icon-button > svg,
.installer-requirement-icon > svg,
.installer-finish__icon > svg,
.inventory-card__placeholder-icon > svg,
.company-profile-premium__media > span > svg {
    display: block;
    margin: auto;
    align-self: center;
    justify-self: center;
}

@media (max-width: 575.98px) {
    .workspace-topbar__site-link,
    .workspace-topbar__locale,
    .workspace-topbar__theme {
        width: 38px;
        min-width: 38px;
        height: 38px;
        min-height: 38px;
    }

    .workspace-topbar__site-link > span,
    .workspace-topbar__locale-icon,
    .workspace-topbar__theme > span {
        width: 32px;
        height: 32px;
    }
}

/* BARAMA_WORKSPACE_HEADER_ALIGNMENT_FIX_V100
   - Brand appears first; desktop sidebar toggle sits immediately to its right.
   - Workspace account switcher is removed from the header.
   - Icon glyphs are force-centered inside every canonical icon background.
*/

/* Header brand zone: logo first, sidebar toggle immediately after it. */
.workspace-topbar__brand-zone {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0.55rem !important;
}

.workspace-topbar__brand {
    order: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0;
}

.workspace-topbar__sidebar-toggle {
    order: 2 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    padding: 0 !important;
    line-height: 0 !important;
}

.workspace-topbar__sidebar-toggle > svg {
    display: block !important;
    flex: 0 0 auto !important;
    margin: auto !important;
}

/* With the switcher removed, let current workspace identity occupy the middle cleanly. */
.workspace-topbar__middle {
    min-width: 0;
    justify-content: flex-start !important;
}

/* Canonical centering contract for all icon-background containers. */
.workspace-nav__icon,
.workspace-stat__icon,
.workspace-topbar__context-icon,
.workspace-user-menu__avatar,
.account-switcher__avatar,
.barama-user-action__icon,
.account-notification-item__icon,
.account-invitation-list__icon,
.auth-panel__icon,
.installer-input__icon,
.installer-input__icon-button,
.installer-requirement-icon,
.installer-finish__icon,
.inventory-card__placeholder-icon,
.company-profile-premium__media > span,
.workspace-topbar__site-link > span,
.workspace-topbar__locale-icon,
.workspace-topbar__theme > span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    line-height: 0 !important;
    padding: 0 !important;
}

.workspace-nav__icon > svg,
.workspace-stat__icon > svg,
.workspace-topbar__context-icon > svg,
.workspace-user-menu__avatar > svg,
.account-switcher__avatar > svg,
.barama-user-action__icon > svg,
.account-notification-item__icon > svg,
.account-invitation-list__icon > svg,
.auth-panel__icon > svg,
.installer-input__icon > svg,
.installer-input__icon-button > svg,
.installer-requirement-icon > svg,
.installer-finish__icon > svg,
.inventory-card__placeholder-icon > svg,
.company-profile-premium__media > span > svg,
.workspace-topbar__site-link > span > svg,
.workspace-topbar__locale-icon > svg,
.workspace-topbar__theme > span > svg {
    display: block !important;
    position: static !important;
    inset: auto !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    align-self: auto !important;
    justify-self: auto !important;
    transform: none !important;
    vertical-align: middle !important;
}

/* Ensure sidebar active-dot decoration does not influence icon geometry. */
.workspace-nav a .workspace-nav__icon {
    position: relative;
}

@media (max-width: 991.98px) {
    .workspace-topbar__brand-zone {
        gap: 0.45rem !important;
    }
}

/* BARAMA_WORKSPACE_HEADER_SEARCH_JOIN_FIX_V100
   - Sidebar toggle sits on the exact header/sidebar divider.
   - Header page/workspace title is removed.
   - A route-aware workspace search occupies the center header.
*/

/* Anchor the toggle on the divider between the fixed sidebar column and header content. */
.workspace-topbar__brand-zone {
    position: relative !important;
    overflow: visible !important;
    padding-right: 3.15rem !important;
}

@media (min-width: 992px) {
    .workspace-topbar .workspace-topbar__sidebar-toggle {
        position: absolute !important;
        z-index: 12 !important;
        top: 50% !important;
        right: -20px !important;
        left: auto !important;
        margin: 0 !important;
        transform: translateY(-50%) !important;
        box-shadow: 0 0 0 4px color-mix(in srgb, var(--barama-bg) 72%, transparent) !important;
    }

    .workspace-topbar__middle {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-width: 0 !important;
        padding: 0 2.15rem !important;
    }
}

/* Search replaces the redundant current-page title in the header. */
.workspace-topbar__search {
    position: relative;
    display: flex;
    width: min(100%, 620px);
    min-width: 220px;
    height: 42px;
    align-items: center;
    margin: 0 auto;
}

.workspace-topbar__search-icon {
    position: absolute;
    z-index: 2;
    left: .82rem;
    top: 50%;
    display: inline-flex;
    width: 18px;
    height: 18px;
    align-items: center;
    justify-content: center;
    line-height: 0;
    color: var(--barama-muted);
    pointer-events: none;
    transform: translateY(-50%);
}

.workspace-topbar__search-icon > svg {
    display: block !important;
    width: 17px !important;
    height: 17px !important;
    margin: 0 !important;
    transform: none !important;
}

.workspace-topbar__search input[type="search"] {
    width: 100%;
    height: 42px;
    min-width: 0;
    border: 1px solid color-mix(in srgb, var(--barama-border) 92%, transparent);
    border-radius: 12px;
    outline: 0;
    background: color-mix(in srgb, var(--barama-surface) 72%, transparent);
    color: var(--barama-text);
    padding: 0 .9rem 0 2.55rem;
    font: inherit;
    font-size: .76rem;
    transition: border-color 150ms ease, box-shadow 150ms ease, background-color 150ms ease;
}

.workspace-topbar__search input[type="search"]::placeholder {
    color: color-mix(in srgb, var(--barama-muted) 86%, transparent);
    opacity: 1;
}

.workspace-topbar__search input[type="search"]:hover {
    border-color: color-mix(in srgb, var(--barama-primary) 18%, var(--barama-border));
}

.workspace-topbar__search input[type="search"]:focus {
    border-color: color-mix(in srgb, var(--barama-primary) 48%, var(--barama-border));
    background: color-mix(in srgb, var(--barama-surface) 92%, transparent);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--barama-primary) 10%, transparent);
}

.workspace-topbar__search input[type="search"]::-webkit-search-cancel-button {
    cursor: pointer;
}

/* The search is desktop/tablet-header content; preserve the established mobile drawer shell. */
@media (max-width: 991.98px) {
    .workspace-topbar__brand-zone {
        padding-right: .75rem !important;
    }

    .workspace-topbar .workspace-topbar__sidebar-toggle {
        position: static !important;
        transform: none !important;
        box-shadow: none !important;
    }
}

@media (max-width: 1199.98px) and (min-width: 992px) {
    .workspace-topbar__search {
        width: min(100%, 460px);
    }
}

/* BARAMA_WORKSPACE_SIDEBAR_HEADING_REMOVAL_V100
   Remove duplicated Workspace + workspace-name heading below the Barama logo.
   Preserve mobile drawer close control and all navigation/footer behavior. */
.workspace-sidebar__top--controls-only {
    min-height: 0;
    justify-content: flex-end;
    gap: 0;
    padding: 0;
}

@media (max-width: 991.98px) {
    .workspace-sidebar__top--controls-only {
        min-height: 36px;
        padding: 0 0 0.75rem;
    }
}
\n\n

/* Workspace Settings v1.1.0 */
.workspace-nav__section-label {
    margin:.9rem .72rem .28rem;
    color:var(--barama-muted);
    font-size:.62rem;
    font-weight:850;
    letter-spacing:.11em;
    text-transform:uppercase;
}
.workspace-nav__section-label + a { margin-top:0; }
.workspace-settings-page { max-width:1180px; }
.workspace-settings-hero { align-items:center; margin-bottom:1.05rem; }
.workspace-settings-hero__badge {
    display:flex; align-items:center; gap:.65rem; flex:0 0 auto;
    border:1px solid var(--barama-border); border-radius:14px;
    background:color-mix(in srgb,var(--barama-primary) 4%,var(--barama-surface));
    padding:.58rem .72rem;
}
.workspace-settings-hero__badge > span,
.workspace-settings-card__icon {
    display:inline-flex; align-items:center; justify-content:center;
    width:36px; height:36px; flex:0 0 36px; border-radius:11px;
    background:color-mix(in srgb,var(--barama-primary) 10%,var(--barama-surface-soft));
    color:var(--barama-primary); line-height:0;
}
.workspace-settings-hero__badge svg,
.workspace-settings-card__icon svg { display:block; width:17px; height:17px; margin:0; }
.workspace-settings-hero__badge strong,
.workspace-settings-hero__badge small { display:block; }
.workspace-settings-hero__badge strong { font-size:.72rem; font-weight:850; }
.workspace-settings-hero__badge small { margin-top:.05rem; color:var(--barama-muted); font-size:.61rem; font-weight:720; }
.workspace-settings-notice {
    display:flex; align-items:center; gap:.65rem; margin:0 0 1rem;
    border:1px solid var(--barama-border); border-radius:13px;
    background:var(--barama-surface); padding:.72rem .82rem;
}
.workspace-settings-notice > span { display:inline-flex; align-items:center; justify-content:center; width:30px; height:30px; flex:0 0 30px; border-radius:9px; line-height:0; }
.workspace-settings-notice > span svg { width:15px; height:15px; }
.workspace-settings-notice strong,.workspace-settings-notice small { display:block; }
.workspace-settings-notice strong { font-size:.73rem; font-weight:850; }
.workspace-settings-notice small { margin-top:.08rem; font-size:.66rem; line-height:1.45; }
.workspace-settings-notice.is-success { border-color:color-mix(in srgb,var(--barama-success) 30%,var(--barama-border)); color:var(--barama-success); }
.workspace-settings-notice.is-success > span { background:color-mix(in srgb,var(--barama-success) 10%,transparent); }
.workspace-settings-notice.is-error { border-color:color-mix(in srgb,var(--barama-danger) 30%,var(--barama-border)); color:var(--barama-danger); }
.workspace-settings-notice.is-error > span { background:color-mix(in srgb,var(--barama-danger) 10%,transparent); }
.workspace-settings-layout { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(280px,.7fr); gap:1rem; align-items:start; }
.workspace-settings-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.workspace-settings-grid--security { margin-top:1rem; }
.workspace-settings-card {
    position:relative; overflow:hidden;
    border:1px solid var(--barama-border); border-radius:17px;
    background:linear-gradient(145deg,color-mix(in srgb,var(--barama-surface) 96%,var(--barama-primary) 4%),var(--barama-surface));
    padding:1rem;
}
.workspace-settings-card::after {
    content:""; position:absolute; pointer-events:none; right:-54px; top:-54px;
    width:140px; height:140px; border-radius:999px;
    background:radial-gradient(circle,color-mix(in srgb,var(--barama-primary) 7%,transparent),transparent 68%);
}
.workspace-settings-card--primary { min-height:100%; }
.workspace-settings-card__head { position:relative; z-index:1; display:flex; align-items:flex-start; gap:.72rem; margin-bottom:1rem; }
.workspace-settings-card__head h2 { margin:0; font-size:.96rem; font-weight:880; letter-spacing:-.02em; }
.workspace-settings-card__head p { max-width:700px; margin:.22rem 0 0; color:var(--barama-muted); font-size:.72rem; line-height:1.55; }
.workspace-settings-form { position:relative; z-index:1; max-width:none; }
.workspace-settings-form label > span { font-size:.68rem; font-weight:820; }
.workspace-settings-form label > small { display:block; margin:.15rem 0 .38rem; color:var(--barama-muted); font-size:.61rem; line-height:1.45; }
.workspace-settings-form .form-control,
.workspace-settings-form .form-select { min-height:45px; border-radius:11px; }
.workspace-settings-actions { display:flex; flex-wrap:wrap; align-items:center; gap:.65rem; margin-top:.9rem; }
.workspace-settings-actions .btn { display:inline-flex; align-items:center; justify-content:center; gap:.4rem; min-height:39px; border-radius:10px; font-size:.7rem; font-weight:820; }
.workspace-settings-actions .btn svg { width:14px; height:14px; }
.workspace-settings-link { color:var(--barama-primary-strong); font-size:.68rem; font-weight:780; text-decoration:none; }
.workspace-settings-link:hover { text-decoration:underline; }
.workspace-settings-summary-list { position:relative; z-index:1; display:grid; gap:.2rem; }
.workspace-settings-summary-list > div,
.workspace-settings-status-row { display:flex; align-items:center; justify-content:space-between; gap:1rem; border-top:1px solid color-mix(in srgb,var(--barama-border) 75%,transparent); padding:.68rem 0; }
.workspace-settings-summary-list > div:first-child { border-top:0; }
.workspace-settings-summary-list span,
.workspace-settings-status-row span { color:var(--barama-muted); font-size:.66rem; font-weight:740; }
.workspace-settings-summary-list strong,
.workspace-settings-status-row strong { color:var(--barama-text); font-size:.68rem; font-weight:850; text-align:right; }
.workspace-settings-status-row strong.is-good,
.workspace-security-status strong.is-good { color:var(--barama-success); }
.workspace-settings-status-row strong.is-warn,
.workspace-security-status strong.is-warn { color:var(--barama-warning); }
.workspace-settings-avatar { display:inline-flex; align-items:center; justify-content:center; width:64px; height:64px; margin-bottom:.7rem; border-radius:18px; background:color-mix(in srgb,var(--barama-primary) 12%,var(--barama-surface-soft)); color:var(--barama-primary); line-height:0; }
.workspace-settings-avatar svg { width:27px; height:27px; }
.workspace-settings-card--identity h2 { margin:0; font-size:1rem; font-weight:880; }
.workspace-settings-card--identity > p { margin:.18rem 0 .6rem; color:var(--barama-muted); font-size:.68rem; }
.workspace-settings-role { display:inline-flex; margin-bottom:.8rem; border:1px solid color-mix(in srgb,var(--barama-primary) 22%,var(--barama-border)); border-radius:999px; background:color-mix(in srgb,var(--barama-primary) 7%,transparent); color:var(--barama-primary-strong); padding:.28rem .55rem; font-size:.61rem; font-weight:820; }
.workspace-setting-toggle { position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; gap:1rem; border:1px solid var(--barama-border); border-radius:13px; background:color-mix(in srgb,var(--barama-surface-soft) 45%,transparent); padding:.78rem .82rem; }
.workspace-setting-toggle__copy strong,.workspace-setting-toggle__copy small { display:block; }
.workspace-setting-toggle__copy strong { color:var(--barama-text); font-size:.72rem; font-weight:830; }
.workspace-setting-toggle__copy small { margin-top:.16rem; color:var(--barama-muted); font-size:.62rem; line-height:1.45; }
.workspace-setting-toggle__control { position:relative; display:inline-flex; width:40px; height:22px; flex:0 0 40px; }
.workspace-setting-toggle__control input { position:absolute; inset:0; opacity:0; cursor:pointer; }
.workspace-setting-toggle__control i { width:40px; height:22px; border:1px solid var(--barama-border); border-radius:999px; background:var(--barama-surface-soft); transition:150ms ease; }
.workspace-setting-toggle__control i::after { content:""; position:absolute; top:4px; left:4px; width:14px; height:14px; border-radius:999px; background:var(--barama-muted); transition:150ms ease; }
.workspace-setting-toggle__control input:checked + i { border-color:color-mix(in srgb,var(--barama-primary) 48%,var(--barama-border)); background:color-mix(in srgb,var(--barama-primary) 20%,var(--barama-surface)); }
.workspace-setting-toggle__control input:checked + i::after { transform:translateX(18px); background:var(--barama-primary); }
.workspace-setting-toggle__control input:focus-visible + i { box-shadow:0 0 0 3px color-mix(in srgb,var(--barama-primary) 18%,transparent); }
.workspace-settings-muted { position:relative; z-index:1; margin:.25rem 0 .8rem; color:var(--barama-muted); font-size:.67rem; line-height:1.55; }
.workspace-settings-inline-form { position:relative; z-index:1; }
.workspace-settings-inline-form .btn { display:inline-flex; align-items:center; gap:.4rem; min-height:38px; border-radius:10px; font-size:.68rem; font-weight:800; }
.workspace-settings-inline-form .btn svg { width:14px; height:14px; }
.workspace-security-status { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.75rem; margin-bottom:1rem; }
.workspace-security-status > div { display:flex; align-items:center; gap:.6rem; border:1px solid var(--barama-border); border-radius:14px; background:color-mix(in srgb,var(--barama-surface) 96%,var(--barama-primary) 4%); padding:.72rem; }
.workspace-security-status small,.workspace-security-status strong { display:block; }
.workspace-security-status small { color:var(--barama-muted); font-size:.6rem; font-weight:740; }
.workspace-security-status strong { margin-top:.05rem; font-size:.7rem; font-weight:850; overflow-wrap:anywhere; }
.workspace-settings-card--danger { margin-top:1rem; border-color:color-mix(in srgb,var(--barama-danger) 30%,var(--barama-border)); background:linear-gradient(145deg,color-mix(in srgb,var(--barama-danger) 5%,var(--barama-surface)),var(--barama-surface)); }
.workspace-settings-card--danger .workspace-settings-card__icon { background:color-mix(in srgb,var(--barama-danger) 10%,transparent); color:var(--barama-danger); }
.workspace-settings-danger-button { border:1px solid color-mix(in srgb,var(--barama-danger) 58%,var(--barama-border)); background:color-mix(in srgb,var(--barama-danger) 12%,var(--barama-surface)); color:var(--barama-danger); }
.workspace-settings-danger-button:hover { background:color-mix(in srgb,var(--barama-danger) 18%,var(--barama-surface)); color:var(--barama-danger); }
.workspace-settings-card--info { margin-top:1rem; }
@media(max-width:991.98px){ .workspace-settings-layout{grid-template-columns:1fr;} .workspace-security-status{grid-template-columns:1fr;} }
@media(max-width:767.98px){ .workspace-settings-grid{grid-template-columns:1fr;} .workspace-nav__section-label{margin-top:.7rem;} .workspace-settings-hero{align-items:flex-start;} .workspace-settings-hero__badge{width:100%;} .workspace-setting-toggle{align-items:flex-start;} }

/* Workspace Settings v1.1.1 — field icons + transparent sections */
.workspace-settings-card,
.workspace-settings-hero__badge,
.workspace-settings-notice,
.workspace-security-status > div,
.workspace-setting-toggle {
    background: transparent;
}
.workspace-settings-card::after {
    display: none;
}
.workspace-settings-card--danger {
    background: transparent;
}
.workspace-settings-field-control {
    position: relative;
    display: block;
    width: 100%;
}
.workspace-settings-field-control__icon {
    position: absolute;
    top: 50%;
    left: .82rem;
    z-index: 2;
    display: inline-flex;
    width: 20px;
    height: 20px;
    align-items: center;
    justify-content: center;
    transform: translateY(-50%);
    color: var(--barama-muted);
    line-height: 0;
    pointer-events: none;
    transition: color 150ms ease;
}
.workspace-settings-field-control__icon svg {
    display: block;
    width: 16px;
    height: 16px;
    margin: 0;
}
.workspace-settings-field-control .form-control,
.workspace-settings-field-control .form-select {
    width: 100%;
    padding-left: 2.7rem;
}
.workspace-settings-field-control:focus-within .workspace-settings-field-control__icon {
    color: var(--barama-primary);
}
.workspace-settings-field-control .form-control:disabled {
    opacity: .82;
}
.workspace-setting-toggle {
    justify-content: flex-start;
}
.workspace-setting-toggle__icon {
    display: inline-flex;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--barama-border);
    border-radius: 10px;
    background: color-mix(in srgb,var(--barama-primary) 7%,transparent);
    color: var(--barama-primary);
    line-height: 0;
}
.workspace-setting-toggle__icon svg {
    display: block;
    width: 16px;
    height: 16px;
    margin: 0;
}
.workspace-setting-toggle__copy {
    min-width: 0;
    flex: 1 1 auto;
}
.workspace-setting-toggle__control {
    margin-left: auto;
}
@media (max-width: 575.98px) {
    .workspace-setting-toggle {
        display: grid;
        grid-template-columns: 34px minmax(0,1fr) auto;
    }
}


/* Workspace Module Structure v1.2.1 */
.workspace-nav__section-label {
    margin: .9rem .72rem .3rem;
    padding-top: .1rem;
    color: var(--barama-muted);
    font-size: .61rem;
    font-weight: 850;
    letter-spacing: .105em;
    line-height: 1.2;
    text-transform: uppercase;
}
.workspace-nav__section-label:first-child { margin-top: .15rem; }
.workspace-nav__section-label + a { margin-top: 0; }
.workspace-pagination { flex-wrap: wrap; }
.workspace-pagination__goto {
    display: inline-flex;
    align-items: center;
    gap: .42rem;
    margin-left: auto;
}
.workspace-pagination__goto label {
    color: var(--barama-muted);
    font-size: .68rem;
    font-weight: 760;
    white-space: nowrap;
}
.workspace-pagination__goto input {
    width: 66px;
    min-height: 34px;
    border: 1px solid var(--barama-border);
    border-radius: 9px;
    background: transparent;
    color: var(--barama-text);
    padding: .35rem .48rem;
    font-size: .72rem;
    outline: 0;
}
.workspace-pagination__goto input:focus {
    border-color: color-mix(in srgb, var(--barama-primary) 55%, var(--barama-border));
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--barama-primary) 12%, transparent);
}
.workspace-pagination__goto button {
    min-height: 34px;
    border: 1px solid color-mix(in srgb, var(--barama-primary) 35%, var(--barama-border));
    border-radius: 9px;
    background: transparent;
    color: var(--barama-primary-strong);
    padding: .35rem .62rem;
    font-size: .7rem;
    font-weight: 800;
}
.workspace-pagination__steps { display:flex; gap:.45rem; }
@media (max-width: 767.98px) {
    .workspace-pagination { align-items: flex-start; }
    .workspace-pagination__goto { order: 3; width: 100%; margin-left: 0; }
    .workspace-pagination__goto label { flex: 0 0 auto; }
    .workspace-pagination__goto input { flex: 1 1 auto; width: auto; }
    .workspace-nav__section-label { margin-top: .72rem; }
}


/* Admin Operations & Marketplace v1.3.0 */
.workspace-stat--link {
    color: inherit;
    text-decoration: none;
    transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}
.workspace-stat--link:hover {
    border-color: color-mix(in srgb, var(--barama-primary) 52%, var(--barama-border));
    transform: translateY(-1px);
    box-shadow: 0 10px 28px color-mix(in srgb, #000 12%, transparent);
}
.workspace-stat--link:focus-visible {
    outline: 0;
    border-color: var(--barama-primary);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--barama-primary) 14%, transparent);
}
.workspace-empty--contextual {
    min-height: 220px;
}
.workspace-empty__icon {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto .72rem;
    border: 1px solid color-mix(in srgb, var(--barama-primary) 22%, var(--barama-border));
    border-radius: 12px;
    color: var(--barama-primary-strong);
    background: transparent;
    line-height: 0;
}
.workspace-empty__icon svg { width: 20px; height: 20px; display:block; margin:auto; }
.workspace-row-actions {
    display: inline-flex;
    min-width: 38px;
    justify-content: flex-end;
}
.workspace-row-actions__trigger {
    width: 36px;
    height: 34px;
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--barama-border);
    border-radius: 9px;
    background: transparent;
    color: var(--barama-muted);
    cursor: pointer;
    user-select: none;
    font-size: 1.15rem;
    font-weight: 900;
    line-height: 1;
}
.workspace-row-actions__trigger[aria-expanded="true"],
.workspace-row-actions__trigger:hover,
.workspace-row-actions__trigger:focus-visible {
    color: var(--barama-primary-strong);
    border-color: color-mix(in srgb, var(--barama-primary) 42%, var(--barama-border));
    outline: none;
}
.workspace-row-actions__menu {
    position: fixed;
    z-index: 1400;
    min-width: 168px;
    max-width: min(240px, calc(100vw - 16px));
    padding: .34rem;
    display: grid;
    gap: .08rem;
    border: 1px solid var(--barama-border);
    border-radius: 11px;
    background: var(--barama-surface);
    box-shadow: 0 18px 42px rgba(8, 18, 35, .22);
}
.workspace-row-actions__menu[hidden] {
    display: none !important;
}
.workspace-row-actions__menu .table-action,
.workspace-row-actions__menu form,
.workspace-row-actions__menu button {
    width: 100%;
}
.workspace-row-actions__menu form {
    margin: 0;
}
.workspace-row-actions__menu .table-action {
    min-height: 34px;
    justify-content: flex-start;
    border: 0 !important;
    border-radius: 7px;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--barama-text);
    padding: .48rem .58rem;
    text-align: left;
    text-decoration: none;
}
.workspace-row-actions__menu .table-action:hover,
.workspace-row-actions__menu .table-action:focus-visible {
    background: transparent !important;
    color: var(--barama-primary-strong);
    outline: none;
}
.workspace-row-actions__menu .table-action--danger {
    background: transparent !important;
    color: var(--barama-danger, #dc3545);
}
.workspace-row-actions__menu .table-action--disabled,
.workspace-row-actions__menu .table-action:disabled {
    cursor: not-allowed;
    opacity: .42;
}
.workspace-admin-moderation {
    margin: 0 0 1.15rem;
    padding: 1rem 1.05rem;
    display: grid;
    grid-template-columns: minmax(220px, .85fr) minmax(360px, 1.35fr);
    gap: 1rem;
    border: 1px solid color-mix(in srgb, var(--barama-primary) 24%, var(--barama-border));
    border-radius: 16px;
    background: transparent;
}
.workspace-admin-moderation__intro {
    display: flex;
    align-items: flex-start;
    gap: .78rem;
}
.workspace-admin-moderation__icon {
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid color-mix(in srgb, var(--barama-primary) 30%, var(--barama-border));
    border-radius: 12px;
    color: var(--barama-primary-strong);
    line-height: 0;
}
.workspace-admin-moderation__icon svg { width:20px; height:20px; display:block; margin:auto; }
.workspace-admin-moderation__intro h2 {
    margin: .25rem 0 .36rem;
    font-size: 1.02rem;
}
.workspace-admin-moderation__intro p {
    margin: 0;
    color: var(--barama-muted);
    font-size: .78rem;
    line-height: 1.55;
}
.workspace-admin-moderation__form {
    display: grid;
    grid-template-columns: minmax(180px, .72fr) minmax(260px, 1.28fr) auto;
    gap: .72rem;
    align-items: end;
}
.workspace-admin-moderation__form label > span {
    display: block;
    margin-bottom: .38rem;
    color: var(--barama-muted);
    font-size: .69rem;
    font-weight: 780;
}
.workspace-admin-moderation__form label small {
    font-size: .62rem;
    font-weight: 650;
    opacity: .78;
}
.workspace-admin-moderation__form textarea { min-height: 92px; resize: vertical; }
.workspace-admin-moderation__form .btn {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .42rem;
    white-space: nowrap;
}
.workspace-admin-moderation__form .btn svg { width: 16px; height: 16px; }
@media (max-width: 1100px) {
    .workspace-admin-moderation { grid-template-columns: 1fr; }
    .workspace-admin-moderation__form { grid-template-columns: 1fr 1fr; }
    .workspace-admin-moderation__form .btn { grid-column: 1 / -1; justify-self: start; }
}
@media (max-width: 767.98px) {
    .workspace-admin-moderation { padding: .9rem; }
    .workspace-admin-moderation__form { grid-template-columns: 1fr; }
    .workspace-admin-moderation__form .btn { grid-column: auto; width: 100%; }
    .workspace-row-actions__menu { min-width: 132px; }
}


/* Barama Vendor / Developer Portfolio v1.4.0 */
.workspace-portfolio-lifecycle {
    margin: 0 0 18px;
    padding: 14px 16px;
    border: 1px solid var(--border-color, rgba(148, 163, 184, .22));
    border-radius: 16px;
    background: transparent;
}
.workspace-portfolio-lifecycle__head {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}
.workspace-portfolio-lifecycle__head > span,
.workspace-portfolio-state__icon {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 36px;
    border-radius: 11px;
    background: color-mix(in srgb, var(--primary, #6894ff) 12%, transparent);
    color: var(--primary, #6894ff);
    line-height: 0;
}
.workspace-portfolio-lifecycle__head svg,
.workspace-portfolio-state__icon svg {
    width: 18px;
    height: 18px;
    margin: 0;
}
.workspace-portfolio-lifecycle__head div {
    display: grid;
    gap: 2px;
}
.workspace-portfolio-lifecycle__head strong { font-size: .94rem; }
.workspace-portfolio-lifecycle__head small,
.workspace-portfolio-lifecycle > p {
    color: var(--text-muted, #94a3b8);
    font-size: .78rem;
}
.workspace-portfolio-lifecycle ol {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    gap: 8px;
    margin: 0;
    padding: 0;
}
.workspace-portfolio-lifecycle li {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 38px;
    padding: 7px 9px;
    border: 1px solid var(--border-color, rgba(148, 163, 184, .18));
    border-radius: 11px;
    background: transparent;
}
.workspace-portfolio-lifecycle li > span {
    width: 22px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: color-mix(in srgb, var(--primary, #6894ff) 13%, transparent);
    color: var(--primary, #6894ff);
    font-size: .7rem;
    font-weight: 800;
}
.workspace-portfolio-lifecycle li strong { font-size: .78rem; }
.workspace-portfolio-lifecycle > p { margin: 10px 0 0; }
.workspace-portfolio-state {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0 0 16px;
    padding: 12px 14px;
    border: 1px solid var(--border-color, rgba(148, 163, 184, .22));
    border-radius: 14px;
    background: transparent;
}
.workspace-portfolio-state > div { display: grid; gap: 3px; }
.workspace-portfolio-state strong { font-size: .9rem; }
.workspace-portfolio-state span:last-child { color: var(--text-muted, #94a3b8); font-size: .8rem; }
@media (max-width: 767px) {
    .workspace-portfolio-lifecycle { padding: 12px; }
    .workspace-portfolio-lifecycle ol { grid-template-columns: 1fr; }
}


/* BARAMA_CUSTOMER_PROPERTY_ACTIVITY_V150 */
.account-activity-toolbar,.account-compare-summary{margin:0 0 18px;padding:16px;border:1px solid var(--barama-border);border-radius:var(--barama-radius-md);background:transparent}.account-activity-toolbar__intro,.account-compare-summary{display:flex;align-items:center;gap:12px}.account-activity-toolbar__intro{margin-bottom:14px}.account-activity-toolbar__intro>div,.account-compare-summary>div{min-width:0;flex:1 1 auto}.account-activity-toolbar__intro strong,.account-compare-summary strong{display:block;color:var(--barama-text);font-size:.96rem;font-weight:750}.account-activity-toolbar__intro span:not(.account-activity-toolbar__icon),.account-compare-summary>div>span{display:block;margin-top:3px;color:var(--barama-muted);font-size:.82rem;line-height:1.45}.account-activity-toolbar__icon{width:38px;height:38px;flex:0 0 38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--barama-border);border-radius:12px;color:var(--barama-primary);background:color-mix(in srgb,var(--barama-primary) 8%,transparent);line-height:0}.account-activity-toolbar__icon svg{width:18px;height:18px;display:block}.account-activity-filter{display:grid;grid-template-columns:minmax(220px,1.6fr) repeat(3,minmax(140px,.75fr)) auto auto;align-items:end;gap:10px}.account-activity-filter--compact{grid-template-columns:minmax(260px,1.7fr) repeat(2,minmax(150px,.8fr)) auto auto}.account-activity-filter>label{min-width:0;margin:0}.account-activity-filter>label>span{display:block;margin:0 0 6px;color:var(--barama-muted);font-size:.74rem;font-weight:700}.account-activity-filter input,.account-activity-filter select{width:100%;min-height:40px;border:1px solid var(--barama-border);border-radius:11px;background:var(--barama-surface);color:var(--barama-text);padding:0 11px}.account-activity-search{position:relative}.account-activity-search>span{position:absolute;left:11px;bottom:11px;width:17px;height:17px;margin:0!important;display:inline-flex!important;align-items:center;justify-content:center;color:var(--barama-muted);line-height:0}.account-activity-search>span svg{width:16px;height:16px}.account-activity-search input{padding-left:36px}.account-listing-grid--activity .account-listing-item{display:flex;flex-direction:column}.account-listing-item__meta{display:flex;flex-wrap:wrap;gap:8px 14px;padding:10px 2px 0;color:var(--barama-muted);font-size:.76rem}.account-listing-item__meta span{display:inline-flex;align-items:center;gap:5px}.account-listing-item__meta svg{width:14px;height:14px}.account-listing-grid--activity .account-listing-item__actions{margin-top:auto;padding-top:12px}.account-listing-grid--activity .account-listing-item__actions>a,.account-listing-grid--activity .account-listing-item__actions button{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.account-listing-grid--activity .account-listing-item__actions svg{width:15px;height:15px}.account-compare-summary{justify-content:flex-start}.account-compare-summary>.btn{flex:0 0 auto}.account-record-list--activity article{border-color:var(--barama-border);background:transparent}.account-record-list__top{display:flex;align-items:center;justify-content:space-between;gap:12px}.account-record-subject{display:block;margin:4px 0 8px;color:var(--barama-text);font-size:.84rem}.account-inline-facts--activity{grid-template-columns:repeat(2,minmax(0,1fr))}.account-company-note{margin-top:12px;padding:11px 12px;border-left:3px solid var(--barama-primary);color:var(--barama-muted);background:color-mix(in srgb,var(--barama-primary) 5%,transparent);border-radius:0 10px 10px 0}@media(max-width:1100px){.account-activity-filter,.account-activity-filter--compact{grid-template-columns:repeat(2,minmax(0,1fr))}.account-activity-search{grid-column:1/-1}}@media(max-width:680px){.account-activity-toolbar,.account-compare-summary{padding:13px}.account-activity-toolbar__intro,.account-compare-summary{align-items:flex-start}.account-compare-summary{flex-wrap:wrap}.account-compare-summary>.btn{width:100%}.account-activity-filter,.account-activity-filter--compact{grid-template-columns:1fr}.account-activity-search{grid-column:auto}.account-activity-filter>.btn{width:100%}.account-record-list__top{align-items:flex-start;flex-direction:column}.account-inline-facts--activity{grid-template-columns:1fr}}


/* BARAMA_CUSTOMER_PERSONALIZATION_V160
   Real-estate-only customer personalization & company listing access */
.account-personalization-filter {
    display: grid;
    grid-template-columns: minmax(220px, 1.5fr) repeat(3, minmax(130px, .72fr)) auto auto;
    align-items: end;
    gap: 10px;
    margin: 0 0 16px;
    padding: 12px;
    border: 1px solid var(--barama-border);
    border-radius: var(--barama-radius-sm);
    background: transparent;
}

.account-personalization-filter--notifications {
    grid-template-columns: minmax(240px, 1.6fr) repeat(2, minmax(150px, .8fr)) auto auto;
}

.account-personalization-filter--recent {
    grid-template-columns: minmax(260px, 1.7fr) minmax(150px, .75fr) auto auto auto;
    margin-bottom: 0;
}

.account-personalization-filter > label { min-width: 0; margin: 0; }
.account-personalization-filter > label > span {
    display: block;
    margin: 0 0 6px;
    color: var(--barama-muted);
    font-size: .74rem;
    font-weight: 700;
}
.account-personalization-filter input,
.account-personalization-filter select {
    width: 100%;
    min-height: 39px;
    border: 1px solid var(--barama-border);
    border-radius: 10px;
    padding: 0 10px;
    color: var(--barama-text);
    background: var(--barama-surface);
}
.account-personalization-search { position: relative; }
.account-personalization-search > span {
    position: absolute;
    left: 10px;
    bottom: 11px;
    width: 16px;
    height: 16px;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    color: var(--barama-muted);
    line-height: 0;
}
.account-personalization-search > span svg { width: 15px; height: 15px; }
.account-personalization-search input { padding-left: 34px; }

.saved-search-list { display: grid; gap: 10px; }
.saved-search-row--premium {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
}
.saved-search-row__icon {
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--barama-border);
    border-radius: 11px;
    color: var(--barama-primary);
    background: color-mix(in srgb, var(--barama-primary) 7%, transparent);
    line-height: 0;
}
.saved-search-row__icon svg { width: 18px; height: 18px; }
.saved-search-row__body { min-width: 0; }
.saved-search-row__title { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-bottom: 4px; }
.saved-search-row__body > span,
.saved-search-row__body > small { display: block; color: var(--barama-muted); line-height: 1.45; }
.saved-search-row__body > span { font-size: .82rem; }
.saved-search-row__body > small { margin-top: 3px; font-size: .74rem; }

.account-read-state { display: inline-flex; align-items: center; gap: 5px; color: var(--barama-muted); font-size: .78rem; }
.account-read-state svg { width: 14px; height: 14px; }

.account-company-section-title {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin: 18px 0 10px;
    padding-top: 14px;
    border-top: 1px solid var(--barama-border);
}
.account-company-section-title strong { color: var(--barama-text); font-size: .92rem; }
.account-company-section-title span { color: var(--barama-muted); font-size: .76rem; }
.account-company-status--portfolio article { align-items: stretch; }
.account-company-status__main { min-width: 0; flex: 1 1 auto; }
.account-company-status__heading { display: flex; align-items: center; gap: 8px; color: var(--barama-muted); font-size: .75rem; }
.account-company-status__action { display: flex; align-items: center; justify-content: flex-end; min-width: 150px; }
.account-company-portfolio { display: grid; grid-template-columns: repeat(3, minmax(72px, 1fr)); gap: 8px; margin: 12px 0 0; }
.account-company-portfolio div { padding: 8px 10px; border: 1px solid var(--barama-border); border-radius: 10px; background: transparent; }
.account-company-portfolio dt { margin: 0 0 3px; color: var(--barama-muted); font-size: .68rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
.account-company-portfolio dd { margin: 0; color: var(--barama-text); font-weight: 800; }

.account-recent-toolbar {
    margin: 0 0 18px;
    padding: 15px;
    border: 1px solid var(--barama-border);
    border-radius: var(--barama-radius-md);
    background: transparent;
}
.account-listing-grid--recent .account-listing-item { display: flex; flex-direction: column; }
.account-listing-grid--recent .account-listing-item__actions { margin-top: auto; }

@media (max-width: 1100px) {
    .account-personalization-filter,
    .account-personalization-filter--notifications,
    .account-personalization-filter--recent {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .account-personalization-search { grid-column: 1 / -1; }
}

@media (max-width: 700px) {
    .account-personalization-filter,
    .account-personalization-filter--notifications,
    .account-personalization-filter--recent {
        grid-template-columns: 1fr;
    }
    .account-personalization-search { grid-column: auto; }
    .account-personalization-filter > .btn,
    .account-personalization-filter > form,
    .account-personalization-filter > form > .btn { width: 100%; }
    .saved-search-row--premium { grid-template-columns: 34px minmax(0, 1fr); }
    .saved-search-row--premium .saved-search-row__actions { grid-column: 1 / -1; }
    .account-company-section-title { align-items: flex-start; flex-direction: column; }
    .account-company-status--portfolio article { flex-direction: column; }
    .account-company-status__action { min-width: 0; justify-content: flex-start; }
}


/* Barama Vendor / Developer Customer Operations v1.7.0 */
.workspace-customer-operation-panel { background: transparent; }
.workspace-operation-ready {
    display: flex; align-items: center; gap: 12px; padding: 14px;
    border: 1px solid var(--barama-border, rgba(148,163,184,.22));
    border-radius: 14px; background: transparent;
}
.workspace-operation-ready__icon {
    width: 40px; height: 40px; flex: 0 0 40px; display: inline-flex;
    align-items: center; justify-content: center; border-radius: 12px;
    color: var(--barama-primary, #6d98ff);
    background: color-mix(in srgb, var(--barama-primary, #6d98ff) 10%, transparent);
    line-height: 0;
}
.workspace-operation-ready__icon svg { width: 19px; height: 19px; }
.workspace-operation-ready > div { min-width: 0; flex: 1 1 auto; display: grid; gap: 3px; }
.workspace-operation-ready strong { color: var(--barama-text, #e8eef8); font-size: .9rem; }
.workspace-operation-ready span { color: var(--barama-muted, #94a3b8); font-size: .78rem; line-height: 1.45; }
.workspace-customer-operation-panel .workspace-form { padding-top: 4px; }
@media (max-width: 680px) {
    .workspace-operation-ready { align-items: flex-start; flex-wrap: wrap; }
    .workspace-operation-ready .btn { width: 100%; }
}


/* Barama Vendor / Developer Workspace Management v1.8.0 */
.workspace-management-guide {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin: 0 0 16px;
}

.workspace-management-guide--media {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.workspace-management-guide > div {
    min-width: 0;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    grid-template-areas:
        "icon title"
        "icon text";
    gap: 2px 10px;
    align-items: center;
    padding: 12px;
    border: 1px solid var(--barama-border);
    border-radius: 14px;
    background: transparent;
}

.workspace-management-guide > div > span {
    grid-area: icon;
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    color: var(--barama-primary);
    background: color-mix(in srgb, var(--barama-primary) 9%, transparent);
    line-height: 0;
}

.workspace-management-guide > div > span svg {
    width: 17px;
    height: 17px;
}

.workspace-management-guide strong {
    grid-area: title;
    color: var(--barama-text);
    font-size: .84rem;
}

.workspace-management-guide small {
    grid-area: text;
    color: var(--barama-muted);
    font-size: .73rem;
    line-height: 1.4;
}

.workspace-media-item__alt {
    display: block;
    margin-top: 4px;
    color: var(--barama-muted);
    line-height: 1.4;
}

.workspace-media-alt-form {
    display: flex;
    align-items: end;
    gap: 8px;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid var(--barama-border);
}

.workspace-media-alt-form label {
    min-width: 0;
    flex: 1 1 auto;
    margin: 0;
}

.workspace-media-alt-form label > span {
    display: block;
    margin-bottom: 5px;
    color: var(--barama-muted);
    font-size: .72rem;
    font-weight: 700;
}

.workspace-media-alt-form button {
    min-height: 38px;
    flex: 0 0 auto;
}

@media (max-width: 1050px) {
    .workspace-management-guide,
    .workspace-management-guide--media {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .workspace-management-guide,
    .workspace-management-guide--media {
        grid-template-columns: 1fr;
    }

    .workspace-media-alt-form {
        align-items: stretch;
        flex-direction: column;
    }

    .workspace-media-alt-form button {
        width: 100%;
    }
}


/* BARAMA_PUBLIC_HERO_COMPACT_V101 */
/* Keep the four marketplace discovery hero headlines compact and consistent. */
.market-home__copy h1,
.marketplace-hero--discovery h1 {
    max-width: 18ch !important;
    font-size: clamp(1.9rem, 3vw, 2.75rem) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.035em !important;
}

@media (max-width: 575.98px) {
    .market-home__copy h1,
    .marketplace-hero--discovery h1 {
        font-size: clamp(1.8rem, 8vw, 2.25rem) !important;
    }
}


/* BARAMA_PRE_DEMO_CONTENT_DISCOVERY_V100 */
.content-config-page {
    width: min(100%, 1500px);
}

.content-config-page .workspace-page__header {
    margin-bottom: 1rem;
}

.content-config-table-wrap {
    width: 100%;
    overflow-x: auto;
    border-top: 1px solid var(--barama-border);
    border-bottom: 1px solid var(--barama-border);
    background: transparent;
}

.content-config-table {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
    background: transparent;
}

.content-config-table th,
.content-config-table td {
    border-bottom: 1px solid color-mix(in srgb, var(--barama-border) 82%, transparent);
    padding: 0.9rem 0.75rem;
    vertical-align: middle;
    text-align: left;
}

.content-config-table tr:last-child td {
    border-bottom: 0;
}

.content-config-table th {
    color: var(--barama-muted);
    font-size: 0.64rem;
    font-weight: 850;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.content-config-table__action {
    width: 140px;
    text-align: right !important;
}

.content-config-feature {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 0.72rem;
    align-items: center;
    min-width: 250px;
}

.content-config-feature__icon {
    display: grid;
    width: 40px;
    height: 40px;
    place-items: center;
    border-radius: 12px;
    background:
        linear-gradient(
            145deg,
            color-mix(in srgb, var(--barama-primary) 12%, var(--barama-surface)),
            color-mix(in srgb, var(--barama-primary) 3%, var(--barama-surface))
        );
    color: var(--barama-primary);
}

.content-config-feature__icon svg {
    width: 17px;
    height: 17px;
}

.content-config-feature strong,
.content-config-feature small {
    display: block;
}

.content-config-feature strong {
    color: var(--barama-text);
    font-size: 0.78rem;
    font-weight: 850;
}

.content-config-feature small {
    max-width: 520px;
    margin-top: 0.16rem;
    color: var(--barama-muted);
    font-size: 0.64rem;
    line-height: 1.45;
}

.content-config-summary {
    display: inline-block;
    max-width: 360px;
    overflow: hidden;
    color: var(--barama-muted);
    font-size: 0.7rem;
    line-height: 1.5;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.content-config-position {
    display: inline-grid;
    min-width: 30px;
    height: 30px;
    place-items: center;
    border: 1px solid var(--barama-border);
    border-radius: 9px;
    color: var(--barama-muted);
    font-size: 0.68rem;
    font-weight: 850;
}

.content-config-path {
    border: 0;
    background: transparent;
    color: var(--barama-muted);
    font-size: 0.68rem;
}

.content-config-button {
    display: inline-flex;
    min-height: 36px;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    border: 1px solid var(--barama-border);
    border-radius: 10px;
    background: transparent;
    color: var(--barama-text);
    padding: 0.45rem 0.7rem;
    font-size: 0.68rem;
    font-weight: 820;
    text-decoration: none;
}

.content-config-button:hover {
    border-color: color-mix(in srgb, var(--barama-primary) 30%, var(--barama-border));
    background: color-mix(in srgb, var(--barama-primary) 5%, transparent);
    color: var(--barama-primary);
}

.content-config-button svg {
    width: 14px;
    height: 14px;
}

.content-config-button--primary {
    border-color: var(--barama-primary);
    background: var(--barama-primary);
    color: #fff;
}

.content-config-button--primary:hover {
    background: var(--barama-primary-strong);
    color: #fff;
}

.premium-switch {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
    cursor: pointer;
    user-select: none;
}

.premium-switch > input {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
}

.premium-switch__track {
    position: relative;
    width: 38px;
    height: 22px;
    border: 1px solid var(--barama-border);
    border-radius: 999px;
    background: color-mix(in srgb, var(--barama-muted) 12%, var(--barama-surface));
    transition: background 160ms ease, border-color 160ms ease;
}

.premium-switch__track > span {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 14px;
    height: 14px;
    border-radius: 999px;
    background: var(--barama-muted);
    transition: transform 160ms ease, background 160ms ease;
}

.premium-switch > input:checked + .premium-switch__track {
    border-color: color-mix(in srgb, var(--barama-primary) 55%, var(--barama-border));
    background: color-mix(in srgb, var(--barama-primary) 18%, var(--barama-surface));
}

.premium-switch > input:checked + .premium-switch__track > span {
    transform: translateX(16px);
    background: var(--barama-primary);
}

.premium-switch > input:focus-visible + .premium-switch__track {
    outline: 3px solid color-mix(in srgb, var(--barama-primary) 38%, transparent);
    outline-offset: 2px;
}

.premium-switch b {
    min-width: 24px;
    color: var(--barama-muted);
    font-size: 0.58rem;
    font-weight: 900;
}

.premium-switch > input:checked ~ b {
    color: var(--barama-primary);
}

.config-dialog {
    width: min(720px, calc(100vw - 2rem));
    max-height: min(88vh, 900px);
    overflow: hidden;
    border: 1px solid var(--barama-border);
    border-radius: 20px;
    background: var(--barama-surface);
    color: var(--barama-text);
    padding: 0;
    box-shadow: 0 28px 90px rgba(0, 0, 0, 0.32);
}

.config-dialog--wide {
    width: min(980px, calc(100vw - 2rem));
}

.config-dialog::backdrop {
    background: rgba(4, 10, 20, 0.62);
    backdrop-filter: blur(5px);
}

.config-dialog__panel {
    display: flex;
    max-height: min(88vh, 900px);
    flex-direction: column;
    margin: 0;
}

.config-dialog__head,
.config-dialog__footer {
    flex: 0 0 auto;
}

.config-dialog__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    border-bottom: 1px solid var(--barama-border);
    padding: 1.15rem 1.2rem;
}

.config-dialog__head .eyebrow {
    margin-bottom: 0.3rem;
}

.config-dialog__head h2 {
    margin: 0;
    font-size: 1.15rem;
    font-weight: 880;
    letter-spacing: -0.025em;
}

.config-dialog__head p {
    max-width: 650px;
    margin: 0.35rem 0 0;
    color: var(--barama-muted);
    font-size: 0.7rem;
    line-height: 1.55;
}

.config-dialog__head > button {
    display: grid;
    width: 34px;
    height: 34px;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid var(--barama-border);
    border-radius: 10px;
    background: transparent;
    color: var(--barama-muted);
    transform: rotate(45deg);
}

.config-dialog__head > button svg {
    width: 15px;
    height: 15px;
}

.config-dialog__body {
    min-height: 0;
    overflow-y: auto;
    padding: 1.15rem 1.2rem;
}

.config-dialog__footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.55rem;
    border-top: 1px solid var(--barama-border);
    padding: 0.9rem 1.2rem;
}

.config-dialog__footer .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
}

.config-dialog__footer .btn svg {
    width: 14px !important;
    height: 14px !important;
    flex: 0 0 14px;
}

.config-dialog__notice {
    margin: 0;
    border-top: 1px solid var(--barama-border);
    padding: 0.72rem 1.2rem;
    font-size: 0.66rem;
    font-weight: 760;
    line-height: 1.5;
}

.config-dialog__notice.is-error {
    background: color-mix(in srgb, var(--barama-danger) 8%, transparent);
    color: var(--barama-danger);
}

.config-dialog__notice.is-success {
    background: color-mix(in srgb, var(--barama-success) 8%, transparent);
    color: var(--barama-success);
}

.config-dialog__footer button[aria-busy="true"] {
    cursor: wait;
    opacity: 0.72;
}

.config-dialog__footer--split {
    justify-content: space-between;
}

.config-dialog__footer--split > span {
    display: inline-flex;
    gap: 0.55rem;
}

.config-field-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.8rem;
}

.config-field-grid label {
    display: grid;
    gap: 0.36rem;
}

.config-field-grid label > span,
.config-source-panel label > span {
    color: var(--barama-muted);
    font-size: 0.64rem;
    font-weight: 800;
}

.config-field-grid label > small,
.config-source-panel label > small {
    color: var(--barama-muted);
    font-size: 0.58rem;
    line-height: 1.45;
}

.config-field-grid__wide {
    grid-column: 1 / -1;
}

.config-source-panel {
    margin-top: 1rem;
    border-top: 1px solid var(--barama-border);
    padding-top: 1rem;
}

.config-source-panel[hidden] {
    display: none !important;
}

.config-source-panel h3 {
    margin: 0 0 0.25rem;
    font-size: 0.82rem;
    font-weight: 860;
}

.config-source-panel > p {
    margin: 0;
    color: var(--barama-muted);
    font-size: 0.66rem;
    line-height: 1.55;
}

.config-source-panel > label {
    display: grid;
    gap: 0.35rem;
    max-width: 420px;
    margin-top: 0.75rem;
}

.premium-inline-toggle {
    display: inline-flex !important;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 0.5rem !important;
}

.premium-inline-toggle input {
    width: 16px;
    height: 16px;
    accent-color: var(--barama-primary);
}

.config-existing-list {
    display: grid;
    gap: 0.45rem;
    margin-top: 0.85rem;
}

.config-existing-list > strong {
    font-size: 0.68rem;
}

.config-existing-list label {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.5rem;
    align-items: center;
    border-top: 1px solid var(--barama-border);
    padding-top: 0.45rem;
}

.config-existing-list label span {
    min-width: 0;
    overflow: hidden;
    color: var(--barama-muted);
    font-size: 0.62rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.config-existing-list label small {
    color: var(--barama-danger);
    font-size: 0.56rem;
    font-weight: 800;
}

.config-media-current {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--barama-muted);
    font-size: 0.62rem;
}

.config-media-current svg {
    width: 15px;
    height: 15px;
    color: var(--barama-primary);
}

.quick-action-config-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem;
}

.quick-action-config-grid > div {
    border-top: 1px solid var(--barama-border);
    padding-top: 0.7rem;
}

.quick-action-config-grid > div > strong {
    display: block;
    margin-bottom: 0.55rem;
    font-size: 0.7rem;
}

.quick-action-config-grid label {
    display: grid;
    gap: 0.32rem;
    margin-top: 0.45rem;
}

.quick-action-config-grid label > span {
    color: var(--barama-muted);
    font-size: 0.6rem;
    font-weight: 800;
}

.hero-preset-strip {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.4rem;
    margin-top: 0.65rem;
}

.hero-preset {
    height: 46px;
    border: 1px solid color-mix(in srgb, var(--barama-border) 60%, transparent);
    border-radius: 10px;
}

.hero-preset--ocean { background: linear-gradient(135deg, #0d5bd8, #38a6ff); }
.hero-preset--aurora { background: linear-gradient(135deg, #2356d8, #6a5cf6 48%, #21b68a); }
.hero-preset--sunset { background: linear-gradient(135deg, #d14d72, #f28a43); }
.hero-preset--violet { background: linear-gradient(135deg, #5038c8, #a052e5); }
.hero-preset--emerald { background: linear-gradient(135deg, #087f5b, #23b26d); }

@media (max-width: 767.98px) {
    .content-config-table {
        min-width: 680px;
    }

    .config-dialog,
    .config-dialog--wide {
        width: calc(100vw - 1rem);
        max-height: 94vh;
        border-radius: 16px;
    }

    .config-dialog__panel {
        max-height: 94vh;
    }

    .config-field-grid,
    .quick-action-config-grid {
        grid-template-columns: 1fr;
    }

    .config-field-grid__wide {
        grid-column: auto;
    }

    .config-dialog__footer,
    .config-dialog__footer--split {
        align-items: stretch;
        flex-direction: column;
    }

    .config-dialog__footer--split > span {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .config-dialog__footer .btn {
        width: 100%;
    }
}


/* BARAMA_HOMEPAGE_HERO_BACKGROUNDS_V100 */
.market-home__content {
    position: relative;
    z-index: 2;
}

.market-home__background,
.market-home__background-overlay {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.market-home__background {
    z-index: 0;
    overflow: hidden;
}

.market-home__background-overlay {
    z-index: 1;
    background: rgba(3, 9, 18, var(--hero-overlay, 0.44));
}

.market-home__background--media img,
.market-home__background--video video,
.hero-slider__slide {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.market-home__background--video iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    width: max(100vw, 177.78vh);
    height: max(56.25vw, 100vh);
    border: 0;
    transform: translate(-50%, -50%);
}

.market-home__background--color {
    background: linear-gradient(135deg, #0d5bd8, #38a6ff);
}

.hero-bg-preset--ocean {
    background:
        radial-gradient(circle at 82% 12%, rgba(119, 173, 255, 0.42), transparent 28%),
        linear-gradient(135deg, #0c3c89 0%, #105fd2 52%, #3b8ef3 100%);
}

.hero-bg-preset--aurora {
    background:
        radial-gradient(circle at 78% 18%, rgba(77, 220, 168, 0.38), transparent 27%),
        linear-gradient(135deg, #173b8e 0%, #5b4bc4 55%, #168c6f 100%);
}

.hero-bg-preset--sunset {
    background:
        radial-gradient(circle at 78% 14%, rgba(255, 189, 116, 0.36), transparent 28%),
        linear-gradient(135deg, #7b274a 0%, #bd4e6f 52%, #e98348 100%);
}

.hero-bg-preset--violet {
    background:
        radial-gradient(circle at 80% 15%, rgba(215, 153, 255, 0.35), transparent 26%),
        linear-gradient(135deg, #352b84 0%, #623bb5 54%, #934dcf 100%);
}

.hero-bg-preset--emerald {
    background:
        radial-gradient(circle at 82% 14%, rgba(83, 223, 154, 0.32), transparent 26%),
        linear-gradient(135deg, #075c4a 0%, #0b8060 54%, #25a96f 100%);
}

.market-home--rich-background {
    min-height: 620px;
}

.market-home--rich-background::before {
    display: none;
}

.market-home--rich-background .market-home__copy h1,
.market-home--rich-background .market-home__copy > p,
.market-home--rich-background .market-home__actions a,
.market-home--rich-background .market-intent strong {
    color: #fff;
}

.market-home--rich-background .eyebrow,
.market-home--rich-background .market-home__actions a:hover {
    color: #cfe0ff;
}

.market-home--rich-background .market-searchbar {
    border-color: rgba(255, 255, 255, 0.18);
    background: rgba(7, 18, 36, 0.58);
    box-shadow: 0 22px 48px rgba(0, 0, 0, 0.18);
}

.market-home--rich-background .market-searchbar input,
.market-home--rich-background .market-searchbar select {
    color: #fff;
}

.market-home--rich-background .market-searchbar input::placeholder {
    color: rgba(255, 255, 255, 0.64);
}

.market-home--rich-background .market-searchbar select option {
    color: #101827;
}

.market-home--rich-background .market-searchbar__query > span {
    color: rgba(255, 255, 255, 0.68);
}

.market-home--rich-background .market-pulse,
.market-home--rich-background .market-intent {
    border-color: rgba(255, 255, 255, 0.16);
    background:
        linear-gradient(
            145deg,
            rgba(8, 18, 35, 0.68),
            rgba(19, 37, 68, 0.52)
        );
    backdrop-filter: blur(18px);
}

.market-home--rich-background .market-pulse__head strong,
.market-home--rich-background .market-pulse__stats strong {
    color: #fff;
}

.market-home--rich-background .market-pulse__head small,
.market-home--rich-background .market-pulse__stats span,
.market-home--rich-background .market-pulse__note,
.market-home--rich-background .market-intent small,
.market-home--rich-background .market-intent__arrow {
    color: rgba(255, 255, 255, 0.7);
}

.market-home--rich-background .market-pulse__stats a {
    border-color: rgba(255, 255, 255, 0.13);
    background: rgba(255, 255, 255, 0.045);
}

.market-home--rich-background .market-intent__icon {
    background: rgba(255, 255, 255, 0.08);
}

.hero-slider__slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    transform: scale(1.015);
    transition: opacity 900ms ease, transform 1200ms ease;
}

.hero-slider__slide.is-active {
    z-index: 1;
    opacity: 1;
    transform: scale(1);
}

.hero-slider--slide .hero-slider__slide {
    transform: translateX(5%) scale(1.01);
    transition: opacity 700ms ease, transform 900ms ease;
}

.hero-slider--slide .hero-slider__slide.is-active {
    transform: translateX(0) scale(1);
}

.hero-slider--kenburns .hero-slider__slide.is-active {
    animation: barama-hero-kenburns 9s ease-out both;
}

@keyframes barama-hero-kenburns {
    from { transform: scale(1.02); }
    to { transform: scale(1.09); }
}

@media (max-width: 767.98px) {
    .market-home--rich-background {
        min-height: 0;
    }

    .market-home__background--video iframe {
        width: max(177.78vw, 140vh);
        height: max(100vw, 78.75vh);
    }
}

@media (prefers-reduced-motion: reduce) {
    .hero-slider__slide,
    .hero-slider--slide .hero-slider__slide,
    .hero-slider--kenburns .hero-slider__slide.is-active {
        animation: none !important;
        transition: none !important;
        transform: none !important;
    }
}


/* BARAMA_APPEARANCE_MANAGER_V100 */
.appearance-manager__header-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    align-items: center;
    justify-content: flex-end;
}

.appearance-manager__header-actions form {
    margin: 0;
}

.appearance-manager__status {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem 0.8rem;
    align-items: center;
    margin: 0 0 1rem;
    border-top: 1px solid var(--barama-border);
    border-bottom: 1px solid var(--barama-border);
    background: transparent;
    padding: 0.72rem 0;
    color: var(--barama-muted);
    font-size: 0.66rem;
}

.appearance-manager__status > span {
    display: inline-flex;
    gap: 0.35rem;
    align-items: center;
    color: var(--barama-text);
    font-weight: 820;
}

.appearance-manager__status svg {
    width: 14px;
    height: 14px;
    color: var(--barama-success);
}

.appearance-manager__status code {
    border: 1px solid var(--barama-border);
    border-radius: 8px;
    background: transparent;
    color: var(--barama-primary);
    padding: 0.28rem 0.42rem;
    font-size: 0.6rem;
}

.appearance-manager__status small {
    margin-left: auto;
    color: var(--barama-muted);
    font-size: 0.6rem;
}

.appearance-color-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.appearance-color-grid > section {
    border-top: 1px solid var(--barama-border);
    padding-top: 0.8rem;
}

.appearance-color-grid h3 {
    margin: 0 0 0.7rem;
    font-size: 0.82rem;
    font-weight: 880;
}

.appearance-color-fields {
    display: grid;
    gap: 0.55rem;
}

.appearance-color-fields label {
    display: grid;
    grid-template-columns: minmax(110px, 1fr) minmax(0, 1.2fr);
    gap: 0.65rem;
    align-items: center;
}

.appearance-color-fields label > span {
    color: var(--barama-muted);
    font-size: 0.62rem;
    font-weight: 800;
}

.appearance-color-control {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 0.5rem;
    align-items: center;
}

.appearance-color-control input[type="color"] {
    width: 42px;
    height: 34px;
    overflow: hidden;
    border: 1px solid var(--barama-border);
    border-radius: 9px;
    background: transparent;
    padding: 2px;
}

.appearance-color-control code {
    overflow: hidden;
    color: var(--barama-muted);
    font-size: 0.6rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.appearance-preset-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.6rem;
}

.appearance-preset-option {
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.65rem;
    align-items: start;
    border: 1px solid var(--barama-border);
    border-radius: 14px;
    background: transparent;
    padding: 0.75rem;
    cursor: pointer;
}

.appearance-preset-option:has(input:checked) {
    border-color: color-mix(in srgb, var(--barama-primary) 58%, var(--barama-border));
    background: color-mix(in srgb, var(--barama-primary) 6%, transparent);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--barama-primary) 10%, transparent);
}

.appearance-preset-option input {
    margin-top: 0.18rem;
    accent-color: var(--barama-primary);
}

.appearance-preset-option strong,
.appearance-preset-option small {
    display: block;
}

.appearance-preset-option strong {
    color: var(--barama-text);
    font-size: 0.7rem;
    font-weight: 850;
}

.appearance-preset-option small {
    margin-top: 0.18rem;
    color: var(--barama-muted);
    font-size: 0.58rem;
    line-height: 1.45;
}

@media (max-width: 767.98px) {
    .appearance-manager__header-actions {
        width: 100%;
        justify-content: flex-start;
    }

    .appearance-manager__status {
        align-items: flex-start;
        flex-direction: column;
    }

    .appearance-manager__status small {
        margin-left: 0;
    }

    .appearance-color-grid,
    .appearance-preset-grid {
        grid-template-columns: 1fr;
    }
}


/* BARAMA_HOMEPAGE_EXPANDED_SECTIONS_V100 */
.homepage-repeat-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.8rem;
    margin-top: 1rem;
}

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

.homepage-repeat-grid > section {
    min-width: 0;
    border-top: 1px solid var(--barama-border);
    background: transparent;
    padding-top: 0.75rem;
}

.homepage-repeat-grid > section > strong {
    display: block;
    margin-bottom: 0.55rem;
    color: var(--barama-text);
    font-size: 0.68rem;
    font-weight: 860;
}

.homepage-repeat-grid label {
    display: grid;
    gap: 0.32rem;
    margin-top: 0.45rem;
}

.homepage-repeat-grid label > span {
    color: var(--barama-muted);
    font-size: 0.6rem;
    font-weight: 800;
}

.homepage-location-grid,
.homepage-how-grid,
.homepage-testimonial-grid,
.homepage-blog-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.85rem;
}

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

.homepage-location-card {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    gap: 0.7rem;
    align-items: center;
    min-height: 86px;
    border: 1px solid var(--barama-border);
    border-radius: 16px;
    background:
        linear-gradient(
            145deg,
            color-mix(in srgb, var(--barama-surface) 96%, transparent),
            color-mix(in srgb, var(--barama-primary) 3%, var(--barama-surface))
        );
    color: var(--barama-text);
    padding: 0.8rem;
    text-decoration: none;
    transition:
        transform 160ms ease,
        border-color 160ms ease,
        box-shadow 160ms ease;
}

.homepage-location-card:hover {
    transform: translateY(-2px);
    border-color: color-mix(in srgb, var(--barama-primary) 28%, var(--barama-border));
    box-shadow: var(--barama-shadow);
    color: var(--barama-text);
}

.homepage-location-card__icon {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 12px;
    background: color-mix(in srgb, var(--barama-primary) 10%, var(--barama-surface));
    color: var(--barama-primary);
}

.homepage-location-card__icon svg {
    width: 17px;
    height: 17px;
}

.homepage-location-card strong,
.homepage-location-card small {
    display: block;
}

.homepage-location-card strong {
    font-size: 0.78rem;
    font-weight: 850;
}

.homepage-location-card small {
    margin-top: 0.15rem;
    color: var(--barama-muted);
    font-size: 0.62rem;
}

.homepage-location-card > b {
    color: var(--barama-muted);
    font-size: 0.7rem;
}

.homepage-how-card,
.homepage-testimonial,
.homepage-blog-card {
    min-width: 0;
    border: 1px solid var(--barama-border);
    border-radius: 18px;
    background: var(--barama-surface);
    box-shadow: 0 12px 34px rgba(8, 18, 35, 0.045);
}

.homepage-how-card {
    position: relative;
    min-height: 190px;
    padding: 1.05rem;
}

.homepage-how-card > span {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border-radius: 10px;
    background: color-mix(in srgb, var(--barama-primary) 11%, var(--barama-surface));
    color: var(--barama-primary);
    font-size: 0.68rem;
    font-weight: 900;
}

.homepage-how-card h3,
.homepage-blog-card h3 {
    margin: 0.8rem 0 0.35rem;
    color: var(--barama-text);
    font-size: 0.9rem;
    font-weight: 860;
    letter-spacing: -0.018em;
}

.homepage-how-card p,
.homepage-blog-card p,
.homepage-subscribe__panel p {
    margin: 0;
    color: var(--barama-muted);
    font-size: 0.7rem;
    line-height: 1.6;
}

.homepage-trust__head {
    max-width: 720px;
    margin-bottom: 1rem;
}

.homepage-trust__head h2 {
    margin: 0.25rem 0 0;
    color: var(--barama-text);
    font-size: clamp(1.35rem, 2.4vw, 2rem);
    font-weight: 880;
    letter-spacing: -0.03em;
}

.homepage-trust-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border-top: 1px solid var(--barama-border);
    border-bottom: 1px solid var(--barama-border);
}

.homepage-trust-grid > div {
    min-width: 0;
    padding: 1rem;
    border-right: 1px solid var(--barama-border);
}

.homepage-trust-grid > div:last-child {
    border-right: 0;
}

.homepage-trust-grid strong,
.homepage-trust-grid span {
    display: block;
}

.homepage-trust-grid strong {
    color: var(--barama-text);
    font-size: clamp(1.1rem, 2.2vw, 1.7rem);
    font-weight: 900;
    letter-spacing: -0.03em;
}

.homepage-trust-grid span {
    margin-top: 0.2rem;
    color: var(--barama-muted);
    font-size: 0.64rem;
    line-height: 1.45;
}

.homepage-testimonial {
    position: relative;
    min-height: 210px;
    margin: 0;
    padding: 1rem;
}

.homepage-testimonial > span {
    display: block;
    height: 28px;
    color: color-mix(in srgb, var(--barama-primary) 55%, var(--barama-muted));
    font-family: Georgia, serif;
    font-size: 2rem;
    line-height: 1;
}

.homepage-testimonial p {
    margin: 0.2rem 0 1rem;
    color: var(--barama-text);
    font-size: 0.76rem;
    line-height: 1.65;
}

.homepage-testimonial footer {
    display: grid;
    gap: 0.12rem;
}

.homepage-testimonial footer strong {
    color: var(--barama-text);
    font-size: 0.68rem;
}

.homepage-testimonial footer small {
    color: var(--barama-muted);
    font-size: 0.6rem;
}

.homepage-blog-card {
    overflow: hidden;
}

.homepage-blog-card > img,
.homepage-blog-card__placeholder {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
}

.homepage-blog-card > img {
    object-fit: cover;
}

.homepage-blog-card__placeholder {
    display: grid;
    place-items: center;
    background:
        linear-gradient(
            135deg,
            color-mix(in srgb, var(--barama-primary) 12%, var(--barama-surface-soft)),
            var(--barama-surface-soft)
        );
    color: var(--barama-primary);
}

.homepage-blog-card__placeholder svg {
    width: 28px;
    height: 28px;
}

.homepage-blog-card > div:last-child {
    padding: 0 0.95rem 0.95rem;
}

.homepage-blog-card a {
    display: inline-flex;
    gap: 0.3rem;
    align-items: center;
    margin-top: 0.75rem;
    color: var(--barama-primary);
    font-size: 0.66rem;
    font-weight: 820;
    text-decoration: none;
}

.homepage-subscribe__panel {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(340px, 0.8fr);
    gap: 1.5rem;
    align-items: center;
    border: 1px solid color-mix(in srgb, var(--barama-primary) 18%, var(--barama-border));
    border-radius: 22px;
    background:
        radial-gradient(
            circle at 92% 8%,
            color-mix(in srgb, var(--barama-primary) 10%, transparent),
            transparent 32%
        ),
        var(--barama-surface);
    padding: clamp(1.1rem, 3vw, 2rem);
}

.homepage-subscribe__panel h2 {
    margin: 0.25rem 0 0.45rem;
    color: var(--barama-text);
    font-size: clamp(1.35rem, 2.5vw, 2rem);
    font-weight: 880;
    letter-spacing: -0.03em;
}

.homepage-subscribe__panel form {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.5rem;
}

.homepage-subscribe__panel form label {
    min-width: 0;
}

.homepage-subscribe__panel form input[type="email"] {
    width: 100%;
    min-height: 46px;
    border: 1px solid var(--barama-border);
    border-radius: 12px;
    background: var(--barama-bg);
    color: var(--barama-text);
    padding: 0 0.8rem;
    outline: none;
}

.homepage-subscribe__panel form input[type="email"]:focus {
    border-color: var(--barama-primary);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--barama-primary) 14%, transparent);
}

.homepage-subscribe__panel .btn {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    min-height: 46px;
}

.homepage-subscribe__panel .btn svg {
    width: 15px;
    height: 15px;
}

.homepage-subscribe__panel > div:last-child > small {
    display: block;
    margin-top: 0.45rem;
    color: var(--barama-muted);
    font-size: 0.58rem;
    line-height: 1.45;
}

.homepage-subscribe__notice {
    margin-bottom: 0.5rem;
    border: 1px solid var(--barama-border);
    border-radius: 10px;
    padding: 0.55rem 0.65rem;
    font-size: 0.64rem;
    font-weight: 760;
}

.homepage-subscribe__notice.is-success {
    border-color: color-mix(in srgb, var(--barama-success) 38%, var(--barama-border));
    background: color-mix(in srgb, var(--barama-success) 7%, transparent);
    color: var(--barama-success);
}

.homepage-subscribe__notice.is-error {
    border-color: color-mix(in srgb, var(--barama-danger) 38%, var(--barama-border));
    background: color-mix(in srgb, var(--barama-danger) 7%, transparent);
    color: var(--barama-danger);
}

@media (max-width: 991.98px) {
    .homepage-repeat-grid {
        grid-template-columns: 1fr;
    }

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

    .homepage-location-grid,
    .homepage-how-grid,
    .homepage-testimonial-grid,
    .homepage-blog-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

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

    .homepage-trust-grid > div:nth-child(2) {
        border-right: 0;
    }

    .homepage-trust-grid > div:nth-child(-n+2) {
        border-bottom: 1px solid var(--barama-border);
    }

    .homepage-subscribe__panel {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575.98px) {
    .homepage-repeat-grid--four,
    .homepage-location-grid,
    .homepage-how-grid,
    .homepage-testimonial-grid,
    .homepage-blog-grid,
    .homepage-trust-grid {
        grid-template-columns: 1fr;
    }

    .homepage-trust-grid > div {
        border-right: 0;
        border-bottom: 1px solid var(--barama-border);
    }

    .homepage-trust-grid > div:last-child {
        border-bottom: 0;
    }

    .homepage-subscribe__panel form {
        grid-template-columns: 1fr;
    }

    .homepage-subscribe__panel .btn {
        justify-content: center;
        width: 100%;
    }
}


/* BARAMA_PROJECT_DETAIL_AUDIT_V100 */
.project-facts-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.7rem;
    margin: 1rem 0 0;
}

.project-facts-grid > div {
    min-width: 0;
    min-height: 104px;
    border: 1px solid var(--barama-border);
    border-radius: 16px;
    background:
        linear-gradient(
            145deg,
            color-mix(in srgb, var(--barama-surface) 96%, transparent),
            color-mix(in srgb, var(--barama-primary) 3%, var(--barama-surface))
        );
    padding: 0.9rem;
    box-shadow: 0 10px 26px rgba(8, 18, 35, 0.04);
}

.project-facts-grid dt {
    display: flex;
    gap: 0.42rem;
    align-items: center;
    color: var(--barama-muted);
    font-size: 0.7rem;
    font-weight: 800;
}

.project-facts-grid dt svg {
    width: 15px;
    height: 15px;
    flex: 0 0 auto;
    color: var(--barama-primary);
}

.project-facts-grid dd {
    overflow-wrap: anywhere;
    margin: 0.55rem 0 0;
    color: var(--barama-text);
    font-size: 0.92rem;
    line-height: 1.45;
    font-weight: 850;
}

@media (max-width: 767.98px) {
    .project-facts-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575.98px) {
    .project-facts-grid {
        grid-template-columns: 1fr;
    }

    .project-facts-grid > div {
        min-height: 88px;
    }
}

/* BARAMA_COMPANIES_DIRECTORY_AUDIT_V100 */
.marketplace-results--companies .inventory-card {
    --company-directory-accent: var(--barama-success);
    border-color: color-mix(in srgb, var(--company-directory-accent) 14%, var(--barama-border));
    background:
        radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--company-directory-accent) 7%, transparent), transparent 44%),
        linear-gradient(150deg, color-mix(in srgb, var(--barama-surface) 96%, transparent), color-mix(in srgb, var(--company-directory-accent) 2.5%, var(--barama-surface)));
}

.marketplace-results--companies .inventory-card:hover {
    border-color: color-mix(in srgb, var(--company-directory-accent) 30%, var(--barama-border));
}

.inventory-grid--companies .inventory-card {
    display: flex;
    min-height: 100%;
    flex-direction: column;
}

.inventory-grid--companies .inventory-card__body {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
}

.inventory-grid--companies .inventory-card__footer {
    margin-top: auto;
}

.filter-chips--companies > span {
    border-color: color-mix(in srgb, var(--barama-success) 18%, var(--barama-border));
    background: color-mix(in srgb, var(--barama-success) 5%, var(--barama-surface));
}

/* BARAMA_COMPANY_DETAIL_AUDIT_V100 */
.company-information {
    margin-top: 0.2rem;
}

.company-facts-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.7rem;
    margin: 1rem 0 0;
}

.company-facts-grid > div {
    min-width: 0;
    min-height: 104px;
    border: 1px solid color-mix(in srgb, var(--barama-success) 12%, var(--barama-border));
    border-radius: 16px;
    background:
        linear-gradient(
            145deg,
            color-mix(in srgb, var(--barama-surface) 96%, transparent),
            color-mix(in srgb, var(--barama-success) 2.5%, var(--barama-surface))
        );
    padding: 0.9rem;
    box-shadow: 0 10px 26px rgba(8, 18, 35, 0.04);
}

.company-facts-grid dt {
    display: flex;
    gap: 0.42rem;
    align-items: center;
    color: var(--barama-muted);
    font-size: 0.7rem;
    font-weight: 800;
}

.company-facts-grid dt svg {
    width: 15px;
    height: 15px;
    flex: 0 0 auto;
    color: var(--barama-success);
}

.company-facts-grid dd {
    overflow-wrap: anywhere;
    margin: 0.55rem 0 0;
    color: var(--barama-text);
    font-size: 0.9rem;
    line-height: 1.45;
    font-weight: 850;
}

.company-contact-grid .detail-company-link {
    border-color: color-mix(in srgb, var(--barama-success) 14%, var(--barama-border));
    background:
        linear-gradient(
            145deg,
            color-mix(in srgb, var(--barama-surface) 97%, transparent),
            color-mix(in srgb, var(--barama-success) 2.5%, var(--barama-surface))
        );
}

@media (max-width: 767.98px) {
    .company-facts-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575.98px) {
    .company-facts-grid {
        grid-template-columns: 1fr;
    }

    .company-facts-grid > div {
        min-height: 88px;
    }
}

/* BARAMA_PUBLIC_CMS_LEGAL_AUDIT_V100 */
.cms-page {
    padding: clamp(2rem, 5vw, 4.5rem) 0 clamp(4rem, 8vw, 7rem);
}

.cms-page__breadcrumb {
    margin-bottom: clamp(1.4rem, 3vw, 2.2rem);
}

.content-page {
    max-width: 1040px;
    margin: 0 auto;
}

.content-page__header {
    border-bottom: 1px solid var(--barama-border);
    padding-bottom: clamp(1.3rem, 3vw, 2rem);
}

.content-page__heading {
    max-width: 820px;
}

.content-page__heading h1 {
    margin: 0;
    color: var(--barama-text);
    font-size: clamp(2rem, 5vw, 4.4rem);
    font-weight: 900;
    letter-spacing: -0.05em;
    line-height: 1;
}

.content-page__lead {
    max-width: 760px;
    margin: 1rem 0 0;
    color: var(--barama-muted);
    font-size: clamp(1rem, 1.5vw, 1.14rem);
    line-height: 1.7;
}

.content-page__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem 1rem;
    align-items: center;
    margin-top: 1.2rem;
    color: var(--barama-muted);
    font-size: 0.68rem;
}

.content-page__meta > span {
    display: inline-flex;
    gap: 0.38rem;
    align-items: center;
}

.content-page__meta svg {
    width: 14px;
    height: 14px;
    color: var(--barama-primary);
}

.content-page__meta strong {
    color: var(--barama-text);
    font-weight: 820;
}

.content-page__layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(210px, 0.28fr);
    gap: clamp(1.6rem, 4vw, 3.5rem);
    align-items: start;
    padding-top: clamp(1.5rem, 3.5vw, 2.8rem);
}

.content-page__body {
    min-width: 0;
    max-width: 760px;
}

.content-page__body p {
    margin: 0 0 1.15rem;
    color: var(--barama-text);
    font-size: 0.94rem;
    line-height: 1.82;
}

.content-page__body p:last-child {
    margin-bottom: 0;
}

.content-page__empty {
    border-left: 3px solid var(--barama-border);
    color: var(--barama-muted) !important;
    padding-left: 1rem;
}

.content-page__aside {
    position: sticky;
    top: 104px;
    display: grid;
    gap: 1rem;
    border-left: 1px solid var(--barama-border);
    background: transparent;
    padding-left: 1rem;
}

.content-page__aside > div > strong,
.content-page__aside > div > small {
    display: block;
}

.content-page__aside > div > strong {
    overflow-wrap: anywhere;
    color: var(--barama-text);
    font-size: 0.78rem;
    font-weight: 850;
    line-height: 1.45;
}

.content-page__aside > div > small {
    margin-top: 0.3rem;
    color: var(--barama-muted);
    font-size: 0.62rem;
}

.content-page__aside .eyebrow {
    margin-bottom: 0.45rem;
    font-size: 0.62rem;
}

.content-page__aside .btn {
    display: inline-flex;
    gap: 0.38rem;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.content-page__aside .btn svg {
    width: 14px;
    height: 14px;
}

@media (max-width: 767.98px) {
    .content-page__layout {
        grid-template-columns: 1fr;
    }

    .content-page__aside {
        position: static;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: end;
        border-top: 1px solid var(--barama-border);
        border-left: 0;
        padding-top: 1rem;
        padding-left: 0;
    }

    .content-page__aside .btn {
        width: auto;
    }
}

@media (max-width: 575.98px) {
    .cms-page {
        padding-top: 1.5rem;
    }

    .content-page__aside {
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    .content-page__aside .btn {
        width: 100%;
    }
}

@media print {
    .site-header,
    .site-footer,
    .cms-page__breadcrumb,
    .content-page__aside {
        display: none !important;
    }

    .cms-page {
        padding: 0;
    }

    .content-page {
        max-width: none;
    }

    .content-page__layout {
        display: block;
        padding-top: 1rem;
    }

    .content-page__body {
        max-width: none;
    }
}


/* BARAMA_WORKSPACE_RICH_DESCRIPTION_EDITOR_V100 */
.workspace-rich-field {
    grid-column: 1 / -1;
    min-width: 0;
}

.workspace-rich-field__label {
    display: block;
    margin-bottom: 0.4rem;
    color: var(--barama-muted);
    font-size: 0.74rem;
    font-weight: 780;
}

.workspace-rich-editor {
    overflow: hidden;
    border: 1px solid var(--barama-border);
    border-radius: 11px;
    background: var(--barama-bg);
    transition: border-color 160ms ease, box-shadow 160ms ease;
}

.workspace-rich-editor:focus-within {
    border-color: var(--barama-primary);
    box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--barama-primary) 12%, transparent);
}

.workspace-rich-toolbar {
    overflow-x: auto;
    border-bottom: 1px solid var(--barama-border);
    scrollbar-width: thin;
}

.workspace-rich-toolbar__list {
    display: flex;
    width: max-content;
    min-width: 100%;
    align-items: center;
    gap: 0.08rem;
    margin: 0;
    padding: 0.28rem 0.38rem;
    list-style: none;
}

.workspace-rich-toolbar__list li {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
}

.workspace-rich-toolbar button {
    display: grid;
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    place-items: center;
    border: 0;
    border-radius: 7px;
    outline: 0;
    background: transparent !important;
    color: var(--barama-muted);
    padding: 0;
    box-shadow: none;
    transition: color 140ms ease, transform 140ms ease;
}

.workspace-rich-toolbar button:hover,
.workspace-rich-toolbar button:focus-visible,
.workspace-rich-toolbar button.is-active {
    background: transparent !important;
    color: var(--barama-primary);
    box-shadow: none;
}

.workspace-rich-toolbar button:hover {
    transform: translateY(-1px);
}

.workspace-rich-toolbar button:focus-visible {
    outline: 2px solid color-mix(in srgb, var(--barama-primary) 60%, transparent);
    outline-offset: -2px;
}

.workspace-rich-toolbar button svg {
    width: 16px;
    height: 16px;
    pointer-events: none;
}

.workspace-rich-toolbar__separator {
    width: 1px;
    height: 18px;
    flex: 0 0 1px;
    margin: 0 0.24rem !important;
    background: var(--barama-border);
}

.workspace-rich-editor__surface {
    min-height: 190px;
    max-height: 560px;
    overflow-y: auto;
    outline: 0;
    color: var(--barama-text);
    padding: 0.8rem 0.9rem 1rem;
    font-size: 0.86rem;
    line-height: 1.72;
    white-space: normal;
}

.workspace-rich-editor__surface:empty::before {
    content: 'Write a clear property, project, or company description…';
    color: var(--barama-muted);
    pointer-events: none;
}

.workspace-rich-editor__surface > :first-child,
.rich-text-content > :first-child {
    margin-top: 0;
}

.workspace-rich-editor__surface > :last-child,
.rich-text-content > :last-child {
    margin-bottom: 0;
}

.workspace-rich-editor__surface p,
.workspace-rich-editor__surface h3,
.workspace-rich-editor__surface h4,
.workspace-rich-editor__surface blockquote,
.workspace-rich-editor__surface ul,
.workspace-rich-editor__surface ol,
.rich-text-content p,
.rich-text-content h3,
.rich-text-content h4,
.rich-text-content blockquote,
.rich-text-content ul,
.rich-text-content ol {
    margin-top: 0;
    margin-bottom: 0.85rem;
}

.workspace-rich-editor__surface h3,
.rich-text-content h3 {
    color: var(--barama-text);
    font-size: 1.08rem;
    font-weight: 850;
    line-height: 1.35;
}

.workspace-rich-editor__surface h4,
.rich-text-content h4 {
    color: var(--barama-text);
    font-size: 0.96rem;
    font-weight: 820;
    line-height: 1.4;
}

.workspace-rich-editor__surface blockquote,
.rich-text-content blockquote {
    border-left: 3px solid color-mix(in srgb, var(--barama-primary) 52%, var(--barama-border));
    color: var(--barama-muted);
    padding-left: 0.85rem;
}

.workspace-rich-editor__surface ul,
.workspace-rich-editor__surface ol,
.rich-text-content ul,
.rich-text-content ol {
    padding-left: 1.35rem;
}

.workspace-rich-editor__surface li + li,
.rich-text-content li + li {
    margin-top: 0.28rem;
}

.workspace-rich-editor__surface a,
.rich-text-content a {
    color: var(--barama-primary);
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 0.15em;
}

.workspace-rich-editor__surface .rt-align-left,
.rich-text-content .rt-align-left {
    text-align: left;
}

.workspace-rich-editor__surface .rt-align-center,
.rich-text-content .rt-align-center {
    text-align: center;
}

.workspace-rich-editor__surface .rt-align-right,
.rich-text-content .rt-align-right {
    text-align: right;
}

.workspace-rich-editor__surface .rt-align-justify,
.rich-text-content .rt-align-justify {
    text-align: justify;
}

.rich-text-content {
    min-width: 0;
    color: var(--barama-text);
    overflow-wrap: anywhere;
}

.rich-text-content--workspace {
    font-size: 0.8rem;
    line-height: 1.7;
}

.rich-text-content--detail {
    line-height: 1.78;
}

@media (max-width: 575.98px) {
    .workspace-rich-toolbar__list {
        padding-inline: 0.25rem;
    }

    .workspace-rich-toolbar button {
        width: 28px;
        height: 30px;
        flex-basis: 28px;
    }

    .workspace-rich-editor__surface {
        min-height: 170px;
        padding-inline: 0.78rem;
    }
}


/* BARAMA_BUILTIN_ABOUT_CONTACT_V100 */
.builtin-admin-page__header-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.65rem;
}

.builtin-admin-summary {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.builtin-admin-summary article {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 0.75rem;
    border: 1px solid var(--barama-border);
    border-radius: 14px;
    background: var(--barama-surface);
    padding: 0.9rem 1rem;
}

.builtin-admin-summary article > span {
    display: grid;
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    place-items: center;
    border-radius: 10px;
    background: color-mix(in srgb, var(--barama-primary) 10%, var(--barama-surface));
    color: var(--barama-primary);
}

.builtin-admin-summary svg,
.builtin-admin-status__icon svg {
    width: 18px;
    height: 18px;
}

.builtin-admin-summary small,
.builtin-admin-summary strong {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.builtin-admin-summary small {
    color: var(--barama-muted);
    font-size: 0.69rem;
    font-weight: 750;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.builtin-admin-summary strong {
    margin-top: 0.1rem;
    color: var(--barama-text);
    font-size: 0.92rem;
    font-weight: 850;
}

.builtin-admin-status {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
    border: 1px solid var(--barama-border);
    border-radius: 14px;
    background: color-mix(in srgb, var(--barama-surface-soft) 70%, var(--barama-surface));
    padding: 0.9rem 1rem;
}

.builtin-admin-status > div {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 0.75rem;
}

.builtin-admin-status__icon {
    display: grid;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    place-items: center;
    border-radius: 11px;
    background: color-mix(in srgb, var(--barama-primary) 11%, var(--barama-surface));
    color: var(--barama-primary);
}

.builtin-admin-status strong,
.builtin-admin-status small {
    display: block;
}

.builtin-admin-status strong {
    color: var(--barama-text);
    font-size: 0.86rem;
    font-weight: 850;
}

.builtin-admin-status small {
    margin-top: 0.12rem;
    color: var(--barama-muted);
    font-size: 0.74rem;
    line-height: 1.45;
}

.builtin-hours-editor {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
    margin-top: 1rem;
}

.builtin-hours-editor label {
    display: grid;
    grid-template-columns: minmax(90px, 0.4fr) minmax(0, 1fr);
    align-items: center;
    gap: 0.7rem;
}

.builtin-hours-editor label > span {
    color: var(--barama-text);
    font-size: 0.76rem;
    font-weight: 800;
}

.builtin-message-inbox {
    margin-top: 1rem;
    border: 1px solid var(--barama-border);
    border-radius: 16px;
    background: var(--barama-surface);
    padding: 1rem;
}

.builtin-message-inbox__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.builtin-message-inbox__head .eyebrow {
    margin-bottom: 0.35rem;
}

.builtin-message-inbox__head h2 {
    margin: 0;
    color: var(--barama-text);
    font-size: 1.05rem;
    font-weight: 900;
}

.builtin-message-inbox__head p {
    max-width: 720px;
    margin: 0.3rem 0 0;
    color: var(--barama-muted);
    font-size: 0.78rem;
    line-height: 1.55;
}

.builtin-message-inbox__counts {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.4rem;
}

.builtin-message-inbox__counts span {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    border: 1px solid var(--barama-border);
    border-radius: 999px;
    background: var(--barama-surface-soft);
    color: var(--barama-muted);
    padding: 0.34rem 0.55rem;
    font-size: 0.7rem;
    font-weight: 750;
}

.builtin-message-inbox__counts strong {
    color: var(--barama-text);
}

.builtin-message-list {
    display: grid;
    gap: 0.65rem;
}

.builtin-message-card {
    border: 1px solid var(--barama-border);
    border-radius: 13px;
    background: var(--barama-bg);
    padding: 0.85rem 0.9rem;
}

.builtin-message-card__top,
.builtin-message-card footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.builtin-message-card__top > div strong,
.builtin-message-card__top > div span {
    display: block;
}

.builtin-message-card__top > div strong {
    color: var(--barama-text);
    font-size: 0.82rem;
    font-weight: 850;
}

.builtin-message-card__top > div span,
.builtin-message-card footer small {
    color: var(--barama-muted);
    font-size: 0.7rem;
}

.builtin-message-card h3 {
    margin: 0.65rem 0 0.45rem;
    color: var(--barama-text);
    font-size: 0.86rem;
    font-weight: 850;
}

.builtin-message-card details {
    border-top: 1px solid var(--barama-border);
    border-bottom: 1px solid var(--barama-border);
    padding: 0.5rem 0;
}

.builtin-message-card summary {
    cursor: pointer;
    color: var(--barama-primary);
    font-size: 0.72rem;
    font-weight: 800;
}

.builtin-message-card details p {
    margin: 0.55rem 0 0;
    color: var(--barama-muted);
    font-size: 0.78rem;
    line-height: 1.65;
}

.builtin-message-card footer {
    margin-top: 0.65rem;
}

.builtin-message-card footer form {
    display: flex;
    align-items: center;
    gap: 0.45rem;
}

.builtin-message-card footer .form-select {
    min-width: 116px;
    height: 34px;
    padding-block: 0.25rem;
    font-size: 0.72rem;
}

.builtin-public-page {
    overflow: hidden;
    background: var(--barama-bg);
}

.builtin-hero {
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid var(--barama-border);
    background:
        radial-gradient(circle at 14% 18%, color-mix(in srgb, var(--barama-primary) 14%, transparent), transparent 34%),
        radial-gradient(circle at 85% 72%, color-mix(in srgb, var(--barama-success) 10%, transparent), transparent 30%),
        var(--barama-bg);
    padding: clamp(3.5rem, 7vw, 7rem) 0;
}

.builtin-hero::after {
    position: absolute;
    width: 360px;
    height: 360px;
    right: -140px;
    bottom: -210px;
    border: 1px solid color-mix(in srgb, var(--barama-primary) 18%, transparent);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.builtin-hero__grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(300px, 0.72fr);
    align-items: center;
    gap: clamp(2rem, 5vw, 5rem);
}

.builtin-hero__copy .eyebrow {
    margin-bottom: 0.8rem;
}

.builtin-hero__copy h1 {
    max-width: 760px;
    margin: 0;
    color: var(--barama-text);
    font-size: clamp(2.35rem, 5.3vw, 4.9rem);
    font-weight: 900;
    letter-spacing: -0.055em;
    line-height: 0.98;
}

.builtin-hero__copy > p {
    max-width: 720px;
    margin: 1.25rem 0 0;
    color: var(--barama-muted);
    font-size: clamp(1rem, 1.45vw, 1.18rem);
    line-height: 1.75;
}

.builtin-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-top: 1.6rem;
}

.builtin-hero__actions .btn,
.builtin-cta__actions .btn {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    border-radius: 11px;
    padding: 0.72rem 1rem;
    font-weight: 800;
}

.builtin-hero__actions svg {
    width: 16px;
    height: 16px;
}

.builtin-hero__media,
.builtin-hero__visual {
    overflow: hidden;
    min-height: 360px;
    border: 1px solid color-mix(in srgb, var(--barama-border) 82%, transparent);
    border-radius: 28px;
    background: var(--barama-surface);
    box-shadow: var(--barama-shadow);
}

.builtin-hero__media img {
    width: 100%;
    height: 100%;
    min-height: 360px;
    object-fit: cover;
}

.builtin-hero__visual {
    position: relative;
    display: grid;
    place-items: center;
    background:
        linear-gradient(145deg, color-mix(in srgb, var(--barama-primary) 13%, var(--barama-surface)), var(--barama-surface));
}

.builtin-hero__visual span {
    position: absolute;
    display: grid;
    width: 94px;
    height: 94px;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--barama-primary) 18%, var(--barama-border));
    border-radius: 27px;
    background: color-mix(in srgb, var(--barama-surface) 92%, transparent);
    color: var(--barama-primary);
    box-shadow: 0 16px 40px color-mix(in srgb, var(--barama-primary) 10%, transparent);
}

.builtin-hero__visual span:first-child {
    transform: translate(-72px, -54px) rotate(-7deg);
}

.builtin-hero__visual span:nth-child(2) {
    transform: translate(70px, -4px) rotate(8deg);
}

.builtin-hero__visual span:nth-child(3) {
    transform: translate(-5px, 78px) rotate(-2deg);
}

.builtin-hero__visual svg {
    width: 38px;
    height: 38px;
}

.builtin-section {
    padding: clamp(3.4rem, 6vw, 6rem) 0;
}

.builtin-section--soft {
    border-top: 1px solid var(--barama-border);
    border-bottom: 1px solid var(--barama-border);
    background: var(--barama-surface-soft);
}

.builtin-section__head {
    max-width: 760px;
    margin-bottom: 1.8rem;
}

.builtin-section__head .eyebrow,
.builtin-section__copy .eyebrow,
.builtin-cta .eyebrow {
    margin-bottom: 0.55rem;
}

.builtin-section__head h2,
.builtin-section__copy h2,
.builtin-cta h2,
.builtin-contact-office h2 {
    margin: 0;
    color: var(--barama-text);
    font-size: clamp(1.75rem, 3vw, 2.65rem);
    font-weight: 900;
    letter-spacing: -0.035em;
    line-height: 1.08;
}

.builtin-section__head > p,
.builtin-section__copy > p,
.builtin-contact-office > div > p {
    margin: 0.8rem 0 0;
    color: var(--barama-muted);
    line-height: 1.7;
}

.builtin-split {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.8fr);
    align-items: center;
    gap: clamp(2rem, 5vw, 5rem);
}

.builtin-prose {
    margin-top: 1rem;
    color: var(--barama-muted);
    font-size: 1rem;
    line-height: 1.85;
}

.builtin-split__media {
    overflow: hidden;
    min-height: 340px;
    border: 1px solid var(--barama-border);
    border-radius: 24px;
    background: var(--barama-surface);
    box-shadow: var(--barama-shadow);
}

.builtin-split__media img {
    width: 100%;
    height: 100%;
    min-height: 340px;
    object-fit: cover;
}

.builtin-split__media.is-placeholder {
    display: grid;
    place-items: center;
    background:
        linear-gradient(145deg, color-mix(in srgb, var(--barama-primary) 8%, var(--barama-surface)), var(--barama-surface));
}

.builtin-placeholder-mark {
    display: grid;
    justify-items: center;
    gap: 0.55rem;
    color: var(--barama-muted);
    text-align: center;
}

.builtin-placeholder-mark svg {
    width: 48px;
    height: 48px;
    color: var(--barama-primary);
}

.builtin-placeholder-mark strong {
    color: var(--barama-text);
    font-size: 1.05rem;
}

.builtin-placeholder-mark span {
    font-size: 0.78rem;
}

.builtin-card-grid {
    display: grid;
    gap: 0.85rem;
}

.builtin-card-grid--two {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.builtin-card-grid--four,
.builtin-stat-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.builtin-info-card {
    position: relative;
    overflow: hidden;
    min-height: 210px;
    border: 1px solid var(--barama-border);
    border-radius: 18px;
    background: var(--barama-surface);
    padding: 1.35rem;
    transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

.builtin-info-card:hover,
.builtin-contact-channel:hover,
.builtin-social-grid a:hover {
    transform: translateY(-3px);
    border-color: color-mix(in srgb, var(--barama-primary) 36%, var(--barama-border));
    box-shadow: 0 14px 34px color-mix(in srgb, var(--barama-primary) 8%, transparent);
}

.builtin-info-card__icon {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 12px;
    background: color-mix(in srgb, var(--barama-primary) 10%, var(--barama-surface));
    color: var(--barama-primary);
}

.builtin-info-card__icon svg {
    width: 20px;
    height: 20px;
}

.builtin-info-card__number {
    display: block;
    color: color-mix(in srgb, var(--barama-primary) 70%, var(--barama-muted));
    font-size: 0.74rem;
    font-weight: 900;
    letter-spacing: 0.08em;
}

.builtin-info-card h3 {
    margin: 1rem 0 0.45rem;
    color: var(--barama-text);
    font-size: 1.05rem;
    font-weight: 900;
}

.builtin-info-card p {
    margin: 0;
    color: var(--barama-muted);
    font-size: 0.88rem;
    line-height: 1.65;
}

.builtin-stat-grid {
    display: grid;
    gap: 0.75rem;
}

.builtin-stat {
    border: 1px solid var(--barama-border);
    border-radius: 17px;
    background: var(--barama-surface);
    padding: 1.25rem;
    text-align: center;
}

.builtin-stat strong,
.builtin-stat span {
    display: block;
}

.builtin-stat strong {
    color: var(--barama-primary);
    font-size: clamp(1.8rem, 3vw, 2.7rem);
    font-weight: 900;
    letter-spacing: -0.04em;
}

.builtin-stat span {
    margin-top: 0.3rem;
    color: var(--barama-muted);
    font-size: 0.78rem;
    font-weight: 750;
}

.builtin-team-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.85rem;
}

.builtin-team-card {
    overflow: hidden;
    border: 1px solid var(--barama-border);
    border-radius: 18px;
    background: var(--barama-surface);
}

.builtin-team-card__media {
    display: grid;
    min-height: 230px;
    place-items: center;
    overflow: hidden;
    background: var(--barama-surface-soft);
    color: var(--barama-primary);
}

.builtin-team-card__media img {
    width: 100%;
    height: 230px;
    object-fit: cover;
}

.builtin-team-card__media svg {
    width: 52px;
    height: 52px;
}

.builtin-team-card > div:last-child {
    padding: 1rem;
}

.builtin-team-card h3 {
    margin: 0;
    color: var(--barama-text);
    font-size: 1rem;
    font-weight: 900;
}

.builtin-team-card strong {
    display: block;
    margin-top: 0.2rem;
    color: var(--barama-primary);
    font-size: 0.74rem;
}

.builtin-team-card p {
    margin: 0.65rem 0 0;
    color: var(--barama-muted);
    font-size: 0.8rem;
    line-height: 1.6;
}

.builtin-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    border: 1px solid color-mix(in srgb, var(--barama-primary) 23%, var(--barama-border));
    border-radius: 24px;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--barama-primary) 10%, var(--barama-surface)), var(--barama-surface));
    padding: clamp(1.5rem, 4vw, 2.5rem);
    box-shadow: var(--barama-shadow);
}

.builtin-cta > div:first-child {
    max-width: 760px;
}

.builtin-cta p {
    margin: 0.75rem 0 0;
    color: var(--barama-muted);
    line-height: 1.7;
}

.builtin-cta__actions {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.6rem;
}

.builtin-contact-channel-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}

.builtin-contact-channel {
    display: flex;
    min-height: 110px;
    align-items: center;
    gap: 0.8rem;
    border: 1px solid var(--barama-border);
    border-radius: 16px;
    background: var(--barama-surface);
    color: inherit;
    padding: 1rem;
    text-decoration: none;
    transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

.builtin-contact-channel > svg {
    width: 25px;
    height: 25px;
    flex: 0 0 25px;
    color: var(--barama-primary);
}

.builtin-contact-channel strong,
.builtin-contact-channel small {
    display: block;
}

.builtin-contact-channel strong {
    color: var(--barama-text);
    font-size: 0.86rem;
}

.builtin-contact-channel small {
    margin-top: 0.2rem;
    color: var(--barama-muted);
    font-size: 0.72rem;
    overflow-wrap: anywhere;
}

.builtin-contact-office {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 0.75fr);
    align-items: center;
    gap: 2rem;
}

.builtin-office-address {
    display: flex;
    align-items: flex-start;
    gap: 0.55rem;
}

.builtin-office-address svg {
    width: 19px;
    height: 19px;
    flex: 0 0 19px;
    margin-top: 0.2rem;
    color: var(--barama-primary);
}

.builtin-map-placeholder {
    display: grid;
    min-height: 260px;
    place-items: center;
    align-content: center;
    gap: 0.5rem;
    border: 1px dashed color-mix(in srgb, var(--barama-primary) 36%, var(--barama-border));
    border-radius: 20px;
    background: var(--barama-surface);
    color: var(--barama-muted);
    text-align: center;
}

.builtin-map-placeholder svg {
    width: 42px;
    height: 42px;
    color: var(--barama-primary);
}

.builtin-map-placeholder strong {
    color: var(--barama-text);
    font-size: 0.95rem;
}

.builtin-map-placeholder span {
    max-width: 240px;
    font-size: 0.76rem;
}

.builtin-hours-card {
    max-width: 760px;
    border: 1px solid var(--barama-border);
    border-radius: 18px;
    background: var(--barama-surface);
    padding: 0.6rem 1rem 0.8rem;
}

.builtin-hours-card > div {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    border-bottom: 1px solid var(--barama-border);
    padding: 0.75rem 0.15rem;
}

.builtin-hours-card > div strong {
    color: var(--barama-text);
    font-size: 0.82rem;
}

.builtin-hours-card > div span {
    color: var(--barama-muted);
    font-size: 0.8rem;
}

.builtin-hours-card > small {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    margin-top: 0.7rem;
    color: var(--barama-muted);
    font-size: 0.72rem;
}

.builtin-hours-card > small svg {
    width: 15px;
    height: 15px;
}

.builtin-contact-form-layout {
    display: grid;
    grid-template-columns: minmax(260px, 0.65fr) minmax(0, 1fr);
    align-items: start;
    gap: clamp(1.5rem, 4vw, 3rem);
}

.builtin-contact-form-note {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    margin-top: 1rem;
    border: 1px solid var(--barama-border);
    border-radius: 13px;
    background: var(--barama-surface);
    color: var(--barama-muted);
    padding: 0.8rem;
    font-size: 0.75rem;
    line-height: 1.55;
}

.builtin-contact-form-note svg {
    width: 17px;
    height: 17px;
    flex: 0 0 17px;
    color: var(--barama-primary);
}

.builtin-contact-form-card {
    border: 1px solid var(--barama-border);
    border-radius: 20px;
    background: var(--barama-surface);
    padding: clamp(1rem, 3vw, 1.5rem);
    box-shadow: var(--barama-shadow);
}

.builtin-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.builtin-form-grid label > span {
    display: block;
    margin-bottom: 0.35rem;
    color: var(--barama-muted);
    font-size: 0.74rem;
    font-weight: 780;
}

.builtin-form-grid__wide {
    grid-column: 1 / -1;
}

.builtin-contact-consent {
    display: flex !important;
    align-items: flex-start;
    gap: 0.55rem;
    margin-top: 0.15rem;
}

.builtin-contact-consent input {
    margin-top: 0.18rem;
}

.builtin-contact-consent span {
    margin: 0 !important;
    font-weight: 650 !important;
    line-height: 1.5;
}

.builtin-contact-submit {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    margin-top: 0.9rem;
}

.builtin-contact-submit svg {
    width: 17px;
    height: 17px;
}

.builtin-faq-list {
    display: grid;
    max-width: 900px;
    gap: 0.55rem;
}

.builtin-faq-list details {
    border: 1px solid var(--barama-border);
    border-radius: 14px;
    background: var(--barama-surface);
    padding: 0 1rem;
}

.builtin-faq-list summary {
    display: flex;
    min-height: 58px;
    cursor: pointer;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    color: var(--barama-text);
    font-size: 0.88rem;
    font-weight: 850;
    list-style: none;
}

.builtin-faq-list summary::-webkit-details-marker {
    display: none;
}

.builtin-faq-list summary span {
    display: grid;
    width: 26px;
    height: 26px;
    flex: 0 0 26px;
    place-items: center;
    border-radius: 8px;
    background: var(--barama-surface-soft);
    color: var(--barama-primary);
    transition: transform 160ms ease;
}

.builtin-faq-list details[open] summary span {
    transform: rotate(45deg);
}

.builtin-faq-list summary svg {
    width: 14px;
    height: 14px;
}

.builtin-faq-list details p {
    margin: 0;
    border-top: 1px solid var(--barama-border);
    color: var(--barama-muted);
    padding: 0.8rem 0 1rem;
    font-size: 0.84rem;
    line-height: 1.7;
}

.builtin-social-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.builtin-social-grid a {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    border: 1px solid var(--barama-border);
    border-radius: 12px;
    background: var(--barama-surface);
    padding: 0.7rem 0.9rem;
    color: var(--barama-text);
    font-size: 0.8rem;
    font-weight: 800;
    text-decoration: none;
    transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

.builtin-social-grid svg {
    width: 16px;
    height: 16px;
    color: var(--barama-primary);
}

.contact-form-honeypot {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    white-space: nowrap !important;
}

@media (max-width: 1099.98px) {
    .builtin-admin-summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .builtin-card-grid--four,
    .builtin-stat-grid,
    .builtin-team-grid,
    .builtin-contact-channel-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 899.98px) {
    .builtin-hero__grid,
    .builtin-split,
    .builtin-contact-office,
    .builtin-contact-form-layout {
        grid-template-columns: 1fr;
    }

    .builtin-hero__media,
    .builtin-hero__visual {
        min-height: 300px;
    }

    .builtin-hero__media img {
        min-height: 300px;
    }

    .builtin-cta {
        align-items: flex-start;
        flex-direction: column;
    }

    .builtin-cta__actions {
        justify-content: flex-start;
    }
}

@media (max-width: 767.98px) {
    .builtin-admin-page__header-actions,
    .builtin-message-inbox__head,
    .builtin-admin-status,
    .builtin-message-card footer {
        align-items: stretch;
        flex-direction: column;
    }

    .builtin-admin-page__header-actions {
        justify-content: stretch;
    }

    .builtin-admin-page__header-actions > * {
        justify-content: center;
    }

    .builtin-message-inbox__counts {
        justify-content: flex-start;
    }

    .builtin-message-card footer form {
        width: 100%;
    }

    .builtin-message-card footer .form-select {
        flex: 1 1 auto;
    }

    .builtin-hours-editor {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575.98px) {
    .builtin-admin-summary,
    .builtin-card-grid--two,
    .builtin-card-grid--four,
    .builtin-stat-grid,
    .builtin-team-grid,
    .builtin-contact-channel-grid,
    .builtin-form-grid {
        grid-template-columns: 1fr;
    }

    .builtin-form-grid__wide {
        grid-column: auto;
    }

    .builtin-admin-summary article {
        padding: 0.8rem;
    }

    .builtin-hours-editor label {
        grid-template-columns: 1fr;
        gap: 0.3rem;
    }

    .builtin-hero {
        padding-block: 3rem;
    }

    .builtin-hero__copy h1 {
        font-size: clamp(2.2rem, 12vw, 3.5rem);
    }

    .builtin-hero__visual {
        min-height: 250px;
    }

    .builtin-hero__visual span {
        width: 76px;
        height: 76px;
    }

    .builtin-hero__visual span:first-child {
        transform: translate(-55px, -42px) rotate(-7deg);
    }

    .builtin-hero__visual span:nth-child(2) {
        transform: translate(55px, -2px) rotate(8deg);
    }

    .builtin-hero__visual span:nth-child(3) {
        transform: translate(-2px, 60px) rotate(-2deg);
    }

    .builtin-hero__visual svg {
        width: 31px;
        height: 31px;
    }

    .builtin-section {
        padding-block: 3rem;
    }

    .builtin-contact-form-card,
    .builtin-cta {
        border-radius: 18px;
    }
}


/* BARAMA_PUBLIC_HEADER_PROFILE_MENU_FOOTER_THEME_V100 */
.site-header__inner {
    gap: 1rem;
}

.site-navigation {
    min-width: 0;
    flex: 1 1 auto;
    justify-content: flex-end;
    gap: 0.8rem;
}

.main-nav {
    min-width: 0;
    flex: 0 1 auto;
}

.header-auth {
    flex: 0 0 auto;
    margin-left: auto;
}

.barama-user-menu-wrap {
    flex: 0 0 auto;
    justify-self: end;
}

.barama-user-menu-wrap--authenticated .barama-user-trigger {
    border-color: color-mix(in srgb, var(--barama-primary) 24%, var(--barama-border));
    background: color-mix(in srgb, var(--barama-primary) 7%, var(--barama-surface));
    color: var(--barama-primary);
}

.barama-user-menu__head--profile {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    align-items: center;
    gap: 0.75rem;
    min-height: 58px;
    border-bottom: 1px solid var(--barama-border);
    margin-bottom: 8px;
    padding: 8px 10px 12px;
}

.barama-user-menu__profile-avatar {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 12px;
    background:
        linear-gradient(
            145deg,
            color-mix(in srgb, var(--barama-primary) 16%, var(--barama-surface)),
            color-mix(in srgb, var(--barama-success) 7%, var(--barama-surface))
        );
    color: var(--barama-primary);
}

.barama-user-menu__profile-avatar svg {
    width: 19px;
    height: 19px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.barama-user-menu__profile-copy {
    min-width: 0;
}

.barama-user-menu__profile-copy strong,
.barama-user-menu__profile-copy small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.barama-user-menu__profile-copy strong {
    color: var(--barama-text);
    font-size: 0.86rem;
    font-weight: 850;
}

.barama-user-menu__profile-copy small {
    color: var(--barama-muted);
    font-size: 0.67rem;
    font-weight: 700;
}

.barama-user-menu__signout {
    margin: 0;
}

.barama-user-action--button {
    width: 100%;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.barama-user-action--button .barama-user-action__icon {
    color: var(--barama-muted);
    background: color-mix(in srgb, var(--barama-muted) 8%, transparent);
}

.barama-user-action--button:hover .barama-user-action__icon,
.barama-user-action--button:focus-visible .barama-user-action__icon {
    color: var(--barama-primary);
    background: color-mix(in srgb, var(--barama-primary) 9%, transparent);
}

/* The public theme switcher belongs in the footer, not the global header. */
.site-footer__grid {
    grid-template-columns: minmax(240px, 1.45fr) repeat(3, minmax(120px, 0.62fr));
}

.site-footer__bottom {
    min-height: 64px;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.site-footer__meta {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem 0.8rem;
}

.site-footer__utility {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: flex-end;
    gap: 0.8rem;
    margin-left: auto;
}

.site-footer .site-footer__legal {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.8rem;
    margin: 0;
}

.site-footer .site-footer__legal a {
    padding: 0;
    color: var(--barama-muted);
    font-size: 0.8125rem !important;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
}

.site-footer .site-footer__legal a:hover,
.site-footer .site-footer__legal a:focus-visible {
    color: var(--barama-primary);
}

.site-footer__theme {
    width: 36px;
    height: 36px;
    min-width: 36px;
    border-radius: 10px;
    background: transparent;
}

.site-footer__theme svg {
    width: 17px;
    height: 17px;
}

@media (max-width: 1180px) {
    .site-navigation {
        gap: 0.5rem;
    }

    .main-nav {
        gap: 0.12rem;
    }

    .main-nav a {
        padding-inline: 0.62rem;
    }
}

@media (max-width: 991.98px) {
    .site-navigation {
        justify-content: stretch;
    }

    .header-auth {
        grid-template-columns: minmax(0, 1fr) auto;
        margin-left: 0;
    }

    .barama-user-menu-wrap {
        grid-column: 2;
        grid-row: 1;
        align-self: center;
        justify-self: end;
    }

    .header-locale {
        grid-column: 1;
        grid-row: 1;
        align-self: center;
    }

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

    .site-footer__brand {
        grid-column: 1 / -1;
    }
}

@media (max-width: 767.98px) {
    .site-footer__bottom {
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 0.85rem 0;
    }

    .site-footer__meta {
        width: 100%;
        flex-basis: 100%;
    }

    .site-footer__utility {
        width: 100%;
        flex-basis: 100%;
        justify-content: space-between;
        margin-left: 0;
    }

    .site-footer .site-footer__legal {
        flex-wrap: wrap;
        gap: 0.65rem;
    }
}

@media (max-width: 575.98px) {
    .header-locale {
        width: auto;
        min-width: 0;
    }

    .header-locale select {
        width: auto;
        max-width: 100px;
    }

    .barama-user-menu {
        top: 72px;
    }

    .site-footer__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .site-footer__brand {
        grid-column: 1 / -1 !important;
    }

    .site-footer__bottom {
        flex-wrap: wrap;
    }

    .site-footer__meta {
        gap: 0.25rem 0.6rem;
    }

    .site-footer .site-footer__legal a {
        font-size: 0.75rem !important;
    }
}


/* BARAMA_PUBLIC_HEADER_RIGHT_NAV_DROPDOWN_FOOTER_V110 */
@media (min-width: 992px) {
    .site-navigation {
        justify-content: flex-end;
    }

    .main-nav {
        margin-left: auto;
    }

    .header-auth {
        margin-left: 0;
    }
}

/* Keep the account popover footer compact: theme at left, legal helper links at right. */
.barama-user-menu__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-top: 9px;
    padding: 10px 6px 3px;
    border-top: 1px solid var(--barama-border);
}

.barama-user-menu__theme {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
}

.barama-user-menu__theme .theme-toggle {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    border-radius: 10px !important;
    background: transparent;
}

.barama-user-menu__theme .theme-toggle svg {
    width: 16px;
    height: 16px;
}

.barama-user-menu__legal {
    display: flex;
    min-width: 0;
    flex: 1 1 auto;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 4px 8px;
    text-align: right;
}

.barama-user-menu__legal a {
    color: var(--barama-muted);
    font-size: 0.58rem !important;
    font-weight: 650;
    line-height: 1.35;
    text-decoration: none;
    white-space: nowrap;
}

.barama-user-menu__legal a:hover,
.barama-user-menu__legal a:focus-visible {
    color: var(--barama-primary);
    text-decoration: underline;
}

@media (max-width: 991.98px) {
    .main-nav {
        width: 100%;
        margin-left: 0;
    }

    .header-auth {
        margin-left: 0;
    }
}

@media (max-width: 575.98px) {
    .barama-user-menu__footer {
        align-items: center;
        gap: 0.55rem;
    }

    .barama-user-menu__legal {
        gap: 3px 7px;
    }

    .barama-user-menu__legal a {
        font-size: 0.56rem !important;
    }
}




/* BARAMA_MARKETPLACE_PAGE_CONFIGURATION_V100 */
.workspace-marketplace-configure {
    flex: 0 0 auto;
}

.marketplace-page-config-dialog .config-dialog__panel {
    width: min(980px, calc(100vw - 2rem));
}

.marketplace-page-config-body {
    display: grid;
    gap: 0.9rem;
}

.marketplace-config-section {
    display: grid;
    gap: 0.8rem;
    border: 1px solid color-mix(in srgb, var(--barama-border) 82%, transparent);
    border-radius: 16px;
    background: color-mix(in srgb, var(--barama-surface) 96%, transparent);
    padding: 0.9rem;
}

.marketplace-config-section__head {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
}

.marketplace-config-section__head > span {
    display: grid;
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--barama-primary) 15%, var(--barama-border));
    border-radius: 10px;
    background: color-mix(in srgb, var(--barama-primary) 6%, var(--barama-surface));
    color: var(--barama-primary);
}

.marketplace-config-section__head svg {
    width: 15px;
    height: 15px;
}

.marketplace-config-section__head strong,
.marketplace-config-section__head small {
    display: block;
}

.marketplace-config-section__head strong {
    font-size: 0.78rem;
    font-weight: 900;
}

.marketplace-config-section__head small {
    margin-top: 0.12rem;
    color: var(--barama-muted);
    font-size: 0.62rem;
    line-height: 1.45;
}

.config-check-field {
    display: flex !important;
    min-height: 42px;
    align-items: center;
    gap: 0.5rem !important;
}

.config-check-field input[type="checkbox"] {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    accent-color: var(--barama-primary);
}

.marketplace-config-hero {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

.marketplace-config-hero__background,
.marketplace-config-hero__overlay {
    position: absolute;
    z-index: -2;
    inset: 0;
}

.marketplace-config-hero__background--media img,
.marketplace-config-hero__background--slider img,
.marketplace-config-hero__background--video video,
.marketplace-config-hero__background--video iframe {
    width: 100%;
    height: 100%;
    border: 0;
    object-fit: cover;
}

.marketplace-config-hero__background--video iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    width: max(100%, 177.78vh);
    height: max(100%, 56.25vw);
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.marketplace-config-hero__overlay {
    z-index: -1;
    background: rgba(4, 12, 24, var(--marketplace-hero-overlay, 0.38));
}

.marketplace-config-hero__content {
    position: relative;
    z-index: 1;
}

.marketplace-config-hero--rich-background {
    min-height: clamp(410px, 55vh, 620px);
    display: flex;
    align-items: center;
}

.marketplace-config-hero--rich-background,
.marketplace-config-hero--rich-background h1,
.marketplace-config-hero--rich-background .eyebrow,
.marketplace-config-hero--rich-background .marketplace-hero__count strong,
.marketplace-config-hero--rich-background .marketplace-hero__count span {
    color: #fff;
}

.marketplace-config-hero--rich-background .marketplace-hero__grid p {
    color: rgba(255, 255, 255, 0.82);
}

.marketplace-config-hero--rich-background .discovery-filter {
    border-color: rgba(255, 255, 255, 0.22);
    background: color-mix(in srgb, var(--barama-surface) 91%, transparent);
}

.marketplace-config-hero--background-color {
    min-height: clamp(390px, 52vh, 590px);
    display: flex;
    align-items: center;
}

.marketplace-config-hero--background-color .marketplace-config-hero__background--color {
    z-index: -2;
}

.discovery-filter__primary--dynamic {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

.discovery-filter__primary--dynamic .discovery-filter__search {
    min-width: min(100%, 240px);
}

.marketplace-hero-intents {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem;
    margin-top: 0.75rem;
}

.marketplace-hero-intents > span,
.marketplace-hero-intents a {
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    gap: 0.35rem;
    border: 1px solid color-mix(in srgb, var(--barama-border) 76%, transparent);
    border-radius: 999px;
    background: color-mix(in srgb, var(--barama-surface) 92%, transparent);
    padding: 0.35rem 0.65rem;
    color: var(--barama-text);
    font-size: 0.62rem;
    font-weight: 800;
    text-decoration: none;
    backdrop-filter: blur(12px);
}

.marketplace-hero-intents > span {
    color: var(--barama-muted);
}

.marketplace-hero-intents svg {
    width: 13px;
    height: 13px;
}

.marketplace-config-hero--rich-background .marketplace-hero-intents > span,
.marketplace-config-hero--rich-background .marketplace-hero-intents a {
    border-color: rgba(255, 255, 255, 0.22);
    background: rgba(255, 255, 255, 0.9);
    color: #182437;
}

.marketplace-config-grid {
    grid-template-columns: repeat(var(--marketplace-grid-columns, 3), minmax(0, 1fr));
}

@media (max-width: 1024px) {
    .marketplace-config-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .marketplace-config-hero--rich-background,
    .marketplace-config-hero--background-color {
        min-height: auto;
    }

    .discovery-filter__primary--dynamic {
        grid-template-columns: 1fr;
    }

    .marketplace-config-grid {
        grid-template-columns: 1fr;
    }

    .marketplace-page-config-dialog .config-dialog__panel {
        width: calc(100vw - 1rem);
    }
}



/* BARAMA_MARKETPLACE_ADMIN_LAYOUT_REPAIR_V103
   Scoped containment for Admin Properties / Projects / Companies only.
   Prevents status-card links and inline SVG icons from escaping their card geometry.
*/
.workspace-page--marketplace-config {
    position: relative !important;
    width: min(100%, 1500px) !important;
    max-width: 1500px !important;
    margin: 0 auto !important;
}

.workspace-page--marketplace-config > .workspace-page__header {
    position: relative !important;
    inset: auto !important;
    z-index: 1 !important;
    display: flex !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    overflow: visible !important;
}

.workspace-page--marketplace-config .workspace-marketplace-configure {
    position: relative !important;
    inset: auto !important;
    width: auto !important;
    height: auto !important;
    min-height: 36px !important;
    flex: 0 0 auto !important;
}

.workspace-page--marketplace-config .workspace-marketplace-configure > svg {
    display: block !important;
    position: static !important;
    inset: auto !important;
    width: 14px !important;
    min-width: 14px !important;
    max-width: 14px !important;
    height: 14px !important;
    min-height: 14px !important;
    max-height: 14px !important;
    flex: 0 0 14px !important;
    margin: 0 !important;
    transform: none !important;
}

.workspace-page--marketplace-config > .marketplace-page-config-dialog:not([open]) {
    display: none !important;
    visibility: hidden !important;
}

.workspace-page--marketplace-config > .workspace-stats {
    position: relative !important;
    inset: auto !important;
    z-index: 1 !important;
    display: grid !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 0.75rem !important;
    overflow: visible !important;
}

.workspace-page--marketplace-config > .workspace-stats > .workspace-stat,
.workspace-page--marketplace-config > .workspace-stats > .workspace-stat--link {
    position: relative !important;
    inset: auto !important;
    z-index: auto !important;
    display: flex !important;
    box-sizing: border-box !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    align-items: center !important;
    gap: 0.8rem !important;
    overflow: hidden !important;
    float: none !important;
    transform: none !important;
}

.workspace-page--marketplace-config > .workspace-stats > .workspace-stat--link:hover {
    transform: translateY(-1px) !important;
}

.workspace-page--marketplace-config .workspace-stat__icon {
    position: relative !important;
    inset: auto !important;
    display: inline-flex !important;
    box-sizing: border-box !important;
    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    flex: 0 0 38px !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 0 !important;
    transform: none !important;
}

.workspace-page--marketplace-config .workspace-stat__icon > svg {
    display: block !important;
    position: static !important;
    inset: auto !important;
    box-sizing: border-box !important;
    width: 19px !important;
    min-width: 19px !important;
    max-width: 19px !important;
    height: 19px !important;
    min-height: 19px !important;
    max-height: 19px !important;
    flex: 0 0 19px !important;
    margin: 0 !important;
    transform: none !important;
}

.workspace-page--marketplace-config .workspace-stat > div {
    min-width: 0 !important;
    flex: 1 1 auto !important;
}

@media (max-width: 1199.98px) {
    .workspace-page--marketplace-config > .workspace-stats {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 767.98px) {
    .workspace-page--marketplace-config > .workspace-page__header {
        flex-direction: column !important;
        gap: 0.8rem !important;
    }

    .workspace-page--marketplace-config > .workspace-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 575.98px) {
    .workspace-page--marketplace-config > .workspace-stats {
        grid-template-columns: 1fr !important;
    }
}


/* BARAMA_MARKETPLACE_HERO_CLARITY_V111 */
.marketplace-config-hero__background--media img,
.marketplace-config-hero__background--slider img {
    filter: none !important;
    image-rendering: auto;
    -webkit-font-smoothing: auto;
}

.marketplace-config-hero__background--media,
.marketplace-config-hero__background--slider {
    backdrop-filter: none !important;
}


/* BARAMA_MAIL_QUEUE_VERTICAL_CARDS_V100
   Scoped Mail Queue & Logs presentation only. */
.mail-queue-page .mail-queue-metrics {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.8rem;
    margin: 1.7rem 0 1.45rem;
}

.mail-queue-page .mail-queue-metric {
    --mail-queue-accent: var(--barama-primary);
    position: relative;
    display: flex;
    min-width: 0;
    min-height: 138px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--barama-border) 82%, transparent);
    border-radius: 18px;
    background:
        linear-gradient(
            180deg,
            color-mix(in srgb, var(--mail-queue-accent) 5%, var(--barama-surface)) 0%,
            var(--barama-surface) 58%
        );
    padding: 1rem 0.9rem;
    color: var(--barama-text);
    text-align: center;
    box-shadow: 0 10px 28px color-mix(in srgb, #0b1322 7%, transparent);
    transition:
        transform 160ms ease,
        border-color 160ms ease,
        box-shadow 160ms ease,
        background-color 160ms ease;
}

.mail-queue-page .mail-queue-metric::before {
    position: absolute;
    top: 0;
    right: 18%;
    left: 18%;
    height: 2px;
    border-radius: 0 0 999px 999px;
    background: color-mix(in srgb, var(--mail-queue-accent) 72%, transparent);
    content: "";
    opacity: 0.85;
}

.mail-queue-page .mail-queue-metric:hover {
    transform: translateY(-2px);
    border-color: color-mix(in srgb, var(--mail-queue-accent) 34%, var(--barama-border));
    box-shadow: 0 16px 34px color-mix(in srgb, #0b1322 11%, transparent);
}

.mail-queue-page .mail-queue-metric__icon {
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    color: var(--mail-queue-accent);
}

.mail-queue-page .mail-queue-metric__icon svg {
    width: 22px;
    height: 22px;
}

.mail-queue-page .mail-queue-metric__value {
    margin-top: 0.08rem;
    color: var(--barama-text);
    font-size: clamp(1.45rem, 2vw, 1.85rem);
    font-weight: 850;
    letter-spacing: -0.045em;
    line-height: 1;
}

.mail-queue-page .mail-queue-metric__label {
    color: var(--barama-muted);
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.055em;
    line-height: 1.2;
    text-transform: uppercase;
}

.mail-queue-page .mail-queue-metric--pending {
    --mail-queue-accent: #d99a19;
}

.mail-queue-page .mail-queue-metric--processing {
    --mail-queue-accent: #6d98ff;
}

.mail-queue-page .mail-queue-metric--failed {
    --mail-queue-accent: #e26666;
}

.mail-queue-page .mail-queue-metric--sent {
    --mail-queue-accent: var(--barama-success);
}

.mail-queue-page .mail-queue-metric--cancelled {
    --mail-queue-accent: #8794a8;
}

.mail-queue-page .mail-queue-history {
    margin-top: 0.15rem;
    border: 1px solid color-mix(in srgb, var(--barama-border) 84%, transparent);
    border-radius: 20px;
    background: color-mix(in srgb, var(--barama-surface) 98%, transparent);
    box-shadow: 0 12px 32px color-mix(in srgb, #0b1322 5%, transparent);
}

.mail-queue-page .mail-queue-history .workspace-table-head {
    padding: 1.2rem 1.25rem 1rem;
}

.mail-queue-page .mail-queue-history .workspace-table-head h2 {
    margin-bottom: 0.25rem;
    font-size: clamp(1.25rem, 2vw, 1.6rem);
}

.mail-queue-page .mail-queue-history .workspace-table-head p {
    max-width: 940px;
    margin-bottom: 0;
}

.mail-queue-page .mail-queue-history .workspace-table-wrap {
    border-top: 1px solid color-mix(in srgb, var(--barama-border) 78%, transparent);
    border-radius: 0 0 20px 20px;
}

.mail-queue-page .mail-queue-history .workspace-table tbody tr {
    transition: background-color 140ms ease;
}

.mail-queue-page .mail-queue-history .workspace-table tbody tr:hover {
    background: color-mix(in srgb, var(--barama-primary) 4%, transparent);
}

html[data-bs-theme="dark"] .mail-queue-page .mail-queue-metric {
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.17);
}

html[data-bs-theme="dark"] .mail-queue-page .mail-queue-history {
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.15);
}

@media (max-width: 1199.98px) {
    .mail-queue-page .mail-queue-metrics {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .mail-queue-page .mail-queue-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mail-queue-page .mail-queue-metric {
        min-height: 124px;
    }
}

@media (max-width: 479.98px) {
    .mail-queue-page .mail-queue-metrics {
        grid-template-columns: 1fr;
    }

    .mail-queue-page .mail-queue-metric {
        min-height: 112px;
    }
}


/* BARAMA_MAIL_QUEUE_OPERATIONS_V110 */
.mail-queue-page .mail-queue-metric { text-decoration: none; }
.mail-queue-page .mail-queue-metric.is-active {
    border-color: color-mix(in srgb, var(--mail-queue-accent) 58%, var(--barama-border));
    background: linear-gradient(180deg, color-mix(in srgb, var(--mail-queue-accent) 11%, var(--barama-surface)) 0%, color-mix(in srgb, var(--mail-queue-accent) 3%, var(--barama-surface)) 100%);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--mail-queue-accent) 14%, transparent), 0 16px 34px color-mix(in srgb, #0b1322 10%, transparent);
}
.mail-queue-page .mail-queue-history__head { align-items: flex-start; justify-content: space-between; gap: 1rem; }
.mail-queue-page .mail-queue-history__count { display:inline-flex; flex:0 0 auto; align-items:baseline; gap:.35rem; border:1px solid color-mix(in srgb,var(--barama-border) 84%,transparent); border-radius:999px; background:var(--barama-surface-soft); padding:.5rem .75rem; color:var(--barama-muted); font-size:.75rem; font-weight:750; }
.mail-queue-page .mail-queue-history__count strong { color:var(--barama-text); font-size:.9rem; }
.mail-queue-page .mail-queue-filters { display:grid; grid-template-columns:minmax(170px,1.35fr) minmax(170px,1.35fr) minmax(130px,.8fr) minmax(132px,.8fr) minmax(132px,.8fr) minmax(78px,.45fr) auto; align-items:end; gap:.7rem; border-top:1px solid color-mix(in srgb,var(--barama-border) 78%,transparent); border-bottom:1px solid color-mix(in srgb,var(--barama-border) 78%,transparent); background:color-mix(in srgb,var(--barama-surface-soft) 38%,transparent); padding:.9rem 1.25rem; }
.mail-queue-page .mail-queue-filter { display:grid; min-width:0; gap:.32rem; }
.mail-queue-page .mail-queue-filter > span { color:var(--barama-muted); font-size:.68rem; font-weight:800; letter-spacing:.055em; text-transform:uppercase; }
.mail-queue-page .mail-queue-filter input,.mail-queue-page .mail-queue-filter select { width:100%; min-width:0; height:40px; border:1px solid color-mix(in srgb,var(--barama-border) 92%,transparent); border-radius:11px; background:var(--barama-surface); padding:0 .72rem; color:var(--barama-text); font:inherit; font-size:.8rem; outline:none; transition:border-color 140ms ease,box-shadow 140ms ease,background-color 140ms ease; }
.mail-queue-page .mail-queue-filter input::placeholder { color:color-mix(in srgb,var(--barama-muted) 76%,transparent); }
.mail-queue-page .mail-queue-filter input:focus,.mail-queue-page .mail-queue-filter select:focus { border-color:color-mix(in srgb,var(--barama-primary) 52%,var(--barama-border)); box-shadow:0 0 0 3px color-mix(in srgb,var(--barama-primary) 10%,transparent); }
.mail-queue-page .mail-queue-filter-actions { display:flex; min-height:40px; align-items:center; justify-content:flex-end; gap:.45rem; }
.mail-queue-page .mail-queue-filter-submit,.mail-queue-page .mail-queue-filter-clear,.mail-queue-page .mail-queue-page-link { display:inline-flex; min-height:38px; align-items:center; justify-content:center; gap:.38rem; border:1px solid color-mix(in srgb,var(--barama-border) 90%,transparent); border-radius:10px; background:var(--barama-surface); padding:.48rem .72rem; color:var(--barama-text); font-size:.76rem; font-weight:800; line-height:1; text-decoration:none; transition:transform 140ms ease,border-color 140ms ease,background-color 140ms ease; }
.mail-queue-page .mail-queue-filter-submit { border-color:color-mix(in srgb,var(--barama-primary) 66%,transparent); background:var(--barama-primary); color:#fff; }
.mail-queue-page .mail-queue-filter-submit svg,.mail-queue-page .mail-queue-page-link svg { width:14px; height:14px; }
.mail-queue-page .mail-queue-filter-submit:hover,.mail-queue-page .mail-queue-filter-clear:hover,.mail-queue-page .mail-queue-page-link:not(.is-disabled):hover { transform:translateY(-1px); }
.mail-queue-page .mail-queue-filter-summary { display:flex; align-items:center; justify-content:space-between; gap:.7rem; padding:.7rem 1.25rem; color:var(--barama-muted); font-size:.74rem; font-weight:700; }
.mail-queue-page .mail-queue-filter-summary__active { border-radius:999px; background:color-mix(in srgb,var(--barama-primary) 10%,transparent); padding:.32rem .55rem; color:var(--barama-primary); }
.mail-queue-page .workspace-record-empty a { display:inline-flex; margin-top:.45rem; color:var(--barama-primary); font-weight:800; text-decoration:none; }
.mail-queue-page .mail-queue-pagination { display:flex; align-items:center; justify-content:space-between; gap:1rem; border-top:1px solid color-mix(in srgb,var(--barama-border) 78%,transparent); padding:.85rem 1.25rem 1rem; }
.mail-queue-page .mail-queue-pagination__meta { color:var(--barama-muted); font-size:.75rem; font-weight:750; }
.mail-queue-page .mail-queue-pagination__links { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:.35rem; }
.mail-queue-page .mail-queue-page-link { min-width:38px; min-height:36px; padding:.42rem .6rem; }
.mail-queue-page .mail-queue-page-link--number { padding-right:.45rem; padding-left:.45rem; }
.mail-queue-page .mail-queue-page-link.is-active { border-color:var(--barama-primary); background:var(--barama-primary); color:#fff; }
.mail-queue-page .mail-queue-page-link.is-disabled { pointer-events:none; opacity:.42; }
html[data-bs-theme="dark"] .mail-queue-page .mail-queue-filter input,html[data-bs-theme="dark"] .mail-queue-page .mail-queue-filter select { color-scheme:dark; }
@media (max-width:1399.98px){.mail-queue-page .mail-queue-filters{grid-template-columns:repeat(3,minmax(0,1fr));}.mail-queue-page .mail-queue-filter-actions{justify-content:flex-start;}}
@media (max-width:767.98px){.mail-queue-page .mail-queue-history__head,.mail-queue-page .mail-queue-pagination{align-items:stretch;flex-direction:column;}.mail-queue-page .mail-queue-history__count{align-self:flex-start;}.mail-queue-page .mail-queue-filters{grid-template-columns:1fr 1fr;padding:.85rem;}.mail-queue-page .mail-queue-filter-summary{padding-right:.85rem;padding-left:.85rem;}.mail-queue-page .mail-queue-pagination__links{justify-content:flex-start;}}
@media (max-width:575.98px){.mail-queue-page .mail-queue-filters{grid-template-columns:1fr;}.mail-queue-page .mail-queue-filter-actions{justify-content:stretch;}.mail-queue-page .mail-queue-filter-submit,.mail-queue-page .mail-queue-filter-clear{flex:1 1 0;}.mail-queue-page .mail-queue-filter-summary{align-items:flex-start;flex-direction:column;}.mail-queue-page .mail-queue-pagination__links{width:100%;}}


/* BARAMA_MAIL_QUEUE_OPERATIONS_V120
   Scoped Mail Queue details, presets and guarded bulk operations. */
.mail-queue-page .mail-queue-presets {
    display:flex; align-items:center; gap:.55rem; border-bottom:1px solid color-mix(in srgb,var(--barama-border) 78%,transparent);
    padding:.72rem 1.25rem; background:color-mix(in srgb,var(--barama-surface) 96%,transparent);
}
.mail-queue-page .mail-queue-presets__label { display:grid; min-width:132px; gap:.08rem; margin-right:auto; }
.mail-queue-page .mail-queue-presets__label span { color:var(--barama-text); font-size:.76rem; font-weight:850; }
.mail-queue-page .mail-queue-presets__label small { color:var(--barama-muted); font-size:.66rem; }
.mail-queue-page .mail-queue-presets select,.mail-queue-page .mail-queue-presets button {
    min-height:36px; border:1px solid color-mix(in srgb,var(--barama-border) 90%,transparent); border-radius:10px;
    background:var(--barama-surface); padding:.42rem .65rem; color:var(--barama-text); font:inherit; font-size:.74rem; font-weight:760;
}
.mail-queue-page .mail-queue-presets select { min-width:190px; font-weight:650; }
.mail-queue-page .mail-queue-presets button:disabled { opacity:.42; cursor:not-allowed; }
.mail-queue-page .mail-queue-bulk {
    display:flex; align-items:center; justify-content:space-between; gap:1rem; border-top:1px solid color-mix(in srgb,var(--barama-border) 72%,transparent);
    border-bottom:1px solid color-mix(in srgb,var(--barama-border) 72%,transparent); background:color-mix(in srgb,var(--barama-primary) 3%,var(--barama-surface)); padding:.68rem 1.25rem;
}
.mail-queue-page .mail-queue-bulk__selection { display:flex; align-items:baseline; flex-wrap:wrap; gap:.45rem; color:var(--barama-muted); font-size:.72rem; }
.mail-queue-page .mail-queue-bulk__selection span { color:var(--barama-text); font-weight:800; }
.mail-queue-page .mail-queue-bulk__actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:.4rem; }
.mail-queue-page .mail-queue-bulk__actions button {
    min-height:34px; border:1px solid color-mix(in srgb,var(--barama-border) 90%,transparent); border-radius:9px; background:var(--barama-surface); padding:.4rem .65rem;
    color:var(--barama-text); font:inherit; font-size:.72rem; font-weight:800;
}
.mail-queue-page .mail-queue-bulk__actions button:not(:disabled):first-child { border-color:color-mix(in srgb,var(--barama-primary) 46%,var(--barama-border)); color:var(--barama-primary); }
.mail-queue-page .mail-queue-bulk__actions button:disabled { opacity:.38; cursor:not-allowed; }
.mail-queue-page .mail-queue-table__select { width:42px; text-align:center; }
.mail-queue-page .mail-queue-table__select input { width:15px; height:15px; accent-color:var(--barama-primary); }
.mail-queue-page .mail-queue-table__subject { min-width:180px; max-width:320px; }
.mail-queue-page .mail-queue-table__error { max-width:240px; }
.mail-queue-page .mail-queue-table__error small { display:block; max-width:230px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
body.mail-queue-drawer-open { overflow:hidden; }
.mail-queue-page .mail-queue-drawer { position:fixed; inset:0; z-index:1200; }
.mail-queue-page .mail-queue-drawer[hidden] { display:none; }
.mail-queue-page .mail-queue-drawer__backdrop { position:absolute; inset:0; width:100%; height:100%; border:0; background:rgba(4,10,19,.58); backdrop-filter:blur(3px); }
.mail-queue-page .mail-queue-drawer__panel {
    position:absolute; top:0; right:0; width:min(580px,94vw); height:100%; overflow:auto; border:0; border-left:1px solid var(--barama-border);
    background:var(--barama-bg); color:var(--barama-text); box-shadow:-24px 0 70px rgba(0,0,0,.24); outline:none;
}
.mail-queue-page .mail-queue-drawer__header { position:sticky; top:0; z-index:2; display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; border-bottom:1px solid var(--barama-border); background:color-mix(in srgb,var(--barama-bg) 94%,transparent); padding:1.2rem 1.25rem; backdrop-filter:blur(16px); }
.mail-queue-page .mail-queue-drawer__eyebrow { display:block; margin-bottom:.32rem; color:var(--barama-primary); font-size:.68rem; font-weight:850; letter-spacing:.09em; text-transform:uppercase; }
.mail-queue-page .mail-queue-drawer__header h2 { margin:0; font-size:1.2rem; line-height:1.3; }
.mail-queue-page .mail-queue-drawer__close { display:grid; width:34px; height:34px; flex:0 0 auto; place-items:center; border:1px solid var(--barama-border); border-radius:10px; background:var(--barama-surface); color:var(--barama-text); font-size:1.2rem; }
.mail-queue-page .mail-queue-drawer__body { display:grid; gap:1rem; padding:1.1rem 1.25rem 2rem; }
.mail-queue-page .mail-queue-detail-status-row { display:flex; align-items:center; justify-content:space-between; gap:.75rem; color:var(--barama-muted); font-size:.72rem; }
.mail-queue-page .mail-queue-detail-copy-grid { display:grid; grid-template-columns:1fr 1fr; gap:.7rem; }
.mail-queue-page .mail-queue-detail-copy-grid > div { position:relative; display:grid; gap:.22rem; min-width:0; border:1px solid var(--barama-border); border-radius:13px; background:var(--barama-surface); padding:.8rem 4rem .8rem .85rem; }
.mail-queue-page .mail-queue-detail-copy-grid span,.mail-queue-page .mail-queue-detail-grid dt { color:var(--barama-muted); font-size:.64rem; font-weight:800; letter-spacing:.055em; text-transform:uppercase; }
.mail-queue-page .mail-queue-detail-copy-grid strong { overflow:hidden; color:var(--barama-text); font-size:.8rem; text-overflow:ellipsis; white-space:nowrap; }
.mail-queue-page .mail-queue-detail-copy-grid button { position:absolute; top:50%; right:.55rem; transform:translateY(-50%); border:0; background:transparent; color:var(--barama-primary); font-size:.68rem; font-weight:850; }
.mail-queue-page .mail-queue-detail-grid { display:grid; grid-template-columns:1fr 1fr; gap:.55rem; margin:0; }
.mail-queue-page .mail-queue-detail-grid > div { border:1px solid color-mix(in srgb,var(--barama-border) 82%,transparent); border-radius:12px; background:var(--barama-surface); padding:.7rem .8rem; }
.mail-queue-page .mail-queue-detail-grid dd { margin:.24rem 0 0; color:var(--barama-text); font-size:.76rem; font-weight:720; }
.mail-queue-page .mail-queue-detail-section { border:1px solid var(--barama-border); border-radius:14px; background:var(--barama-surface); overflow:hidden; }
.mail-queue-page .mail-queue-detail-section__head { display:flex; align-items:baseline; justify-content:space-between; gap:.75rem; border-bottom:1px solid var(--barama-border); padding:.78rem .9rem; }
.mail-queue-page .mail-queue-detail-section__head h3 { margin:0; font-size:.86rem; font-weight:850; }
.mail-queue-page .mail-queue-detail-section__head small { color:var(--barama-muted); font-size:.64rem; }
.mail-queue-page .mail-queue-timeline { display:grid; gap:0; margin:0; padding:.35rem .9rem .55rem; list-style:none; }
.mail-queue-page .mail-queue-timeline li { display:grid; grid-template-columns:18px 1fr; gap:.55rem; min-height:48px; padding:.55rem 0; }
.mail-queue-page .mail-queue-timeline__dot { width:8px; height:8px; margin-top:.28rem; border-radius:999px; background:var(--barama-primary); box-shadow:0 0 0 4px color-mix(in srgb,var(--barama-primary) 10%,transparent); }
.mail-queue-page .mail-queue-timeline li div { display:grid; gap:.16rem; }
.mail-queue-page .mail-queue-timeline strong { font-size:.76rem; }
.mail-queue-page .mail-queue-timeline small { color:var(--barama-muted); font-size:.68rem; line-height:1.45; }
.mail-queue-page .mail-queue-error,.mail-queue-page .mail-queue-content-source { max-height:300px; overflow:auto; margin:0; background:color-mix(in srgb,var(--barama-surface-soft) 55%,var(--barama-surface)); padding:.9rem; color:var(--barama-text); font:500 .72rem/1.55 ui-monospace,SFMono-Regular,Menlo,monospace; white-space:pre-wrap; word-break:break-word; }
.mail-queue-page .mail-queue-error { color:#d85f5f; }
.mail-queue-page .mail-queue-detail-tabs { display:flex; gap:.2rem; border-bottom:1px solid var(--barama-border); padding:.45rem .55rem; }
.mail-queue-page .mail-queue-detail-tabs button { border:0; border-radius:8px; background:transparent; padding:.45rem .62rem; color:var(--barama-muted); font:inherit; font-size:.72rem; font-weight:800; }
.mail-queue-page .mail-queue-detail-tabs button.is-active { background:color-mix(in srgb,var(--barama-primary) 10%,transparent); color:var(--barama-primary); }
html[data-bs-theme="dark"] .mail-queue-page .mail-queue-presets select { color-scheme:dark; }
@media (max-width:767.98px) {
    .mail-queue-page .mail-queue-presets,.mail-queue-page .mail-queue-bulk { align-items:stretch; flex-direction:column; }
    .mail-queue-page .mail-queue-presets__label { margin-right:0; }
    .mail-queue-page .mail-queue-presets select { width:100%; min-width:0; }
    .mail-queue-page .mail-queue-bulk__actions { justify-content:flex-start; }
    .mail-queue-page .mail-queue-detail-copy-grid,.mail-queue-page .mail-queue-detail-grid { grid-template-columns:1fr; }
}

/* BARAMA_MAIL_ANALYTICS_V150 */
.mail-analytics-page { display:grid; gap:1rem; }
.mail-analytics-page__header-actions { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:.6rem; }
.mail-analytics-page__queue-link { display:inline-flex; align-items:center; gap:.45rem; min-height:40px; padding:.55rem .78rem; border:1px solid var(--barama-border); border-radius:12px; background:var(--barama-bg); color:var(--barama-text); font-size:.78rem; font-weight:800; text-decoration:none; }
.mail-analytics-page__queue-link:hover { border-color:var(--barama-primary); color:var(--barama-primary); }
.mail-analytics-page__queue-link svg { width:16px; height:16px; }
.mail-analytics-toolbar { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.85rem 1rem; border:1px solid var(--barama-border); border-radius:16px; background:var(--barama-surface); }
.mail-analytics-toolbar > div { display:grid; gap:.16rem; }
.mail-analytics-toolbar strong { font-size:.84rem; }
.mail-analytics-toolbar span { color:var(--barama-muted); font-size:.73rem; }
.mail-analytics-window-switcher { display:inline-flex; gap:.25rem; padding:.22rem; border:1px solid var(--barama-border); border-radius:11px; background:var(--barama-bg); }
.mail-analytics-window-switcher a { min-width:62px; padding:.42rem .62rem; border-radius:8px; color:var(--barama-muted); font-size:.74rem; font-weight:850; text-align:center; text-decoration:none; }
.mail-analytics-window-switcher a:hover, .mail-analytics-window-switcher a.is-active { background:var(--barama-primary); color:#fff; }
.mail-analytics-metrics { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:.7rem; }
.mail-analytics-metric { display:grid; gap:.24rem; min-width:0; padding:.9rem; border:1px solid var(--barama-border); border-radius:15px; background:var(--barama-surface); }
.mail-analytics-metric > span { color:var(--barama-muted); font-size:.68rem; font-weight:850; letter-spacing:.045em; text-transform:uppercase; }
.mail-analytics-metric strong { font-size:1.5rem; line-height:1.15; font-variant-numeric:tabular-nums; }
.mail-analytics-metric small { color:var(--barama-muted); font-size:.7rem; line-height:1.4; }
.mail-analytics-grid { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,.8fr) minmax(0,.85fr); gap:.75rem; }
.mail-analytics-panel { min-width:0; padding:1rem; border:1px solid var(--barama-border); border-radius:16px; background:var(--barama-surface); }
.mail-analytics-panel--wide { grid-row:span 2; }
.mail-analytics-panel header { margin-bottom:.85rem; }
.mail-analytics-panel h2 { margin:0; font-size:1rem; }
.mail-analytics-panel p { margin:.2rem 0 0; color:var(--barama-muted); font-size:.72rem; line-height:1.4; }
.mail-analytics-trends { display:grid; gap:.55rem; }
.mail-analytics-trend { display:grid; grid-template-columns:88px minmax(0,1fr) 60px; align-items:center; gap:.55rem; font-size:.71rem; }
.mail-analytics-trend time { color:var(--barama-muted); font-variant-numeric:tabular-nums; }
.mail-analytics-trend__bars { display:grid; gap:3px; }
.mail-analytics-trend__bars span { display:block; min-width:0; height:6px; border-radius:999px; }
.mail-analytics-trend__sent { background:#22a06b; }
.mail-analytics-trend__failed { background:#d84a4a; }
.mail-analytics-trend > span { color:var(--barama-muted); text-align:right; font-variant-numeric:tabular-nums; }
.mail-analytics-trend b { color:var(--barama-text); }
.mail-analytics-legend { display:flex; gap:.8rem; margin-top:.8rem; color:var(--barama-muted); font-size:.7rem; }
.mail-analytics-legend span { display:inline-flex; align-items:center; gap:.32rem; }
.mail-analytics-legend i { width:8px; height:8px; border-radius:50%; }
.mail-analytics-legend i.is-sent { background:#22a06b; }
.mail-analytics-legend i.is-failed { background:#d84a4a; }
.mail-analytics-health { display:grid; gap:.45rem; }
.mail-analytics-health > div, .mail-analytics-errors li { display:flex; align-items:center; justify-content:space-between; gap:.7rem; padding:.58rem .65rem; border:1px solid var(--barama-border); border-radius:10px; background:var(--barama-bg); }
.mail-analytics-health span, .mail-analytics-errors span { color:var(--barama-muted); font-size:.73rem; }
.mail-analytics-health strong, .mail-analytics-errors strong { font-variant-numeric:tabular-nums; }
.mail-analytics-errors { display:grid; gap:.45rem; margin:0; padding:0; list-style:none; }
.mail-analytics-errors li { align-items:flex-start; }
.mail-analytics-errors span { overflow-wrap:anywhere; line-height:1.4; }
.mail-analytics-distribution { display:grid; gap:.55rem; }
.mail-analytics-distribution > div { display:grid; grid-template-columns:74px minmax(0,1fr) 40px; align-items:center; gap:.5rem; font-size:.72rem; }
.mail-analytics-distribution > div > div { height:7px; overflow:hidden; border-radius:999px; background:color-mix(in srgb,var(--barama-border) 72%,transparent); }
.mail-analytics-distribution i { display:block; height:100%; border-radius:999px; background:var(--barama-primary); }
.mail-analytics-distribution strong { text-align:right; font-variant-numeric:tabular-nums; }
.mail-analytics-empty { padding:1rem .8rem; border:1px dashed var(--barama-border); border-radius:11px; color:var(--barama-muted); font-size:.76rem; }
.mail-analytics-boundary, .mail-analytics-unavailable { display:grid; gap:.5rem; padding:.9rem 1rem; border:1px solid var(--barama-border); border-radius:14px; background:var(--barama-surface); }
.mail-analytics-boundary > div { display:flex; align-items:center; gap:.45rem; font-size:.75rem; }
.mail-analytics-boundary svg, .mail-analytics-unavailable > span svg { width:16px; height:16px; }
.mail-analytics-boundary p { margin:0; color:var(--barama-muted); font-size:.71rem; line-height:1.45; }
.mail-analytics-unavailable { grid-template-columns:auto 1fr; align-items:start; }
.mail-analytics-unavailable h2 { margin:0; font-size:1rem; }
.mail-analytics-unavailable p { margin:.2rem 0 0; color:var(--barama-muted); font-size:.76rem; }
@media (max-width:1300px) { .mail-analytics-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); } .mail-analytics-grid { grid-template-columns:1fr 1fr; } .mail-analytics-panel--wide { grid-column:1 / -1; grid-row:auto; } }
@media (max-width:760px) { .mail-analytics-page__header-actions, .mail-analytics-toolbar { align-items:stretch; flex-direction:column; } .mail-analytics-window-switcher { width:100%; } .mail-analytics-window-switcher a { flex:1; } .mail-analytics-metrics, .mail-analytics-grid { grid-template-columns:1fr; } .mail-analytics-panel--wide { grid-column:auto; } .mail-analytics-trend { grid-template-columns:74px minmax(0,1fr) 52px; } }
\n
/* BARAMA_NOTIFICATION_CENTER_VERTICAL_CARDS_V100 */
.notification-center-page .notification-center-stats {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:.75rem;
    margin:1rem 0 1.15rem;
}

.notification-center-page .notification-center-stat {
    position:relative;
    display:flex;
    min-width:0;
    min-height:142px;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:.35rem;
    overflow:hidden;
    padding:1rem .9rem;
    border:1px solid var(--barama-border);
    border-radius:16px;
    background:
        linear-gradient(
            180deg,
            color-mix(in srgb,var(--notification-card-accent) 7%,transparent),
            transparent 54%
        ),
        var(--barama-surface);
    text-align:center;
    box-shadow:0 10px 24px rgba(15,23,42,.035);
    transition:
        transform 160ms ease,
        border-color 160ms ease,
        box-shadow 160ms ease;
}

.notification-center-page .notification-center-stat::before {
    content:"";
    position:absolute;
    top:0;
    left:18%;
    right:18%;
    height:2px;
    border-radius:0 0 999px 999px;
    background:var(--notification-card-accent);
    opacity:.88;
}

.notification-center-page .notification-center-stat:hover {
    transform:translateY(-2px);
    border-color:color-mix(
        in srgb,
        var(--notification-card-accent) 38%,
        var(--barama-border)
    );
    box-shadow:0 14px 30px rgba(15,23,42,.07);
}

.notification-center-page .notification-center-stat__icon {
    display:grid;
    width:30px;
    height:30px;
    place-items:center;
    margin-bottom:.1rem;
    color:var(--notification-card-accent);
}

.notification-center-page .notification-center-stat__icon svg {
    width:22px;
    height:22px;
}

.notification-center-page .notification-center-stat strong {
    margin:0;
    color:var(--barama-text);
    font-size:1.75rem;
    font-weight:850;
    line-height:1;
    letter-spacing:-.035em;
    font-variant-numeric:tabular-nums;
}

.notification-center-page .notification-center-stat small {
    margin:0;
    color:var(--barama-muted);
    font-size:.72rem;
    font-weight:800;
    letter-spacing:.065em;
    line-height:1.35;
    text-transform:uppercase;
}

.notification-center-page .notification-center-stat--total {
    --notification-card-accent:#6d98ff;
}

.notification-center-page .notification-center-stat--unread {
    --notification-card-accent:#e6a700;
}

.notification-center-page .notification-center-stat--pending {
    --notification-card-accent:#7f8cff;
}

.notification-center-page .notification-center-stat--sent {
    --notification-card-accent:#31b993;
}

html[data-bs-theme="dark"] .notification-center-page .notification-center-stat {
    box-shadow:0 12px 30px rgba(0,0,0,.14);
}

html[data-bs-theme="dark"] .notification-center-page .notification-center-stat:hover {
    box-shadow:0 16px 34px rgba(0,0,0,.2);
}

@media (max-width:1000px) {
    .notification-center-page .notification-center-stats {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media (max-width:560px) {
    .notification-center-page .notification-center-stats {
        grid-template-columns:1fr;
    }

    .notification-center-page .notification-center-stat {
        min-height:124px;
    }
}


/* BARAMA_NOTIFICATION_CENTER_VERTICAL_CARDS_V101
   Layout repair: force the Notification Center metrics into true columns.
   Scoped only to /dashboard/notifications. */
.notification-center-page .workspace-stat-grid.notification-center-stats {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    align-items: stretch !important;
    gap: .75rem !important;
    width: 100% !important;
}

.notification-center-page .notification-center-stats > .notification-center-stat {
    grid-column: auto !important;
    grid-row: auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 132px;
    margin: 0 !important;
}

@media (max-width: 1000px) {
    .notification-center-page .workspace-stat-grid.notification-center-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 560px) {
    .notification-center-page .workspace-stat-grid.notification-center-stats {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

/* BARAMA_FINANCE_VERTICAL_CARDS_V100
   Finance-only premium summary cards. Shared dashboard cards remain untouched. */
.finance-vertical-cards-page .finance-summary-cards {
    display:grid !important;
    gap:.75rem !important;
    width:100% !important;
    margin:1rem 0 1rem !important;
    align-items:stretch !important;
    grid-auto-flow:row !important;
}

.finance-vertical-cards-page--transactions .finance-summary-cards,
.finance-vertical-cards-page--invoices .finance-summary-cards,
.finance-vertical-cards-page--billing-operations .finance-summary-cards,
.finance-vertical-cards-page--payment-providers .finance-summary-cards {
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}

.finance-vertical-cards-page--taxes .finance-summary-cards,
.finance-vertical-cards-page--coupons .finance-summary-cards,
.finance-vertical-cards-page--subscriptions .finance-summary-cards {
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}

.finance-vertical-cards-page .finance-summary-cards > .workspace-stat {
    --finance-card-accent:#6d98ff;
    position:relative !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:.34rem !important;
    grid-column:auto !important;
    grid-row:auto !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    min-height:132px !important;
    margin:0 !important;
    padding:1rem .85rem !important;
    overflow:hidden !important;
    border:1px solid var(--barama-border) !important;
    border-radius:16px !important;
    background:
        linear-gradient(
            180deg,
            color-mix(in srgb,var(--finance-card-accent) 7%,transparent),
            transparent 56%
        ),
        var(--barama-surface) !important;
    text-align:center !important;
    box-shadow:0 10px 24px rgba(15,23,42,.035) !important;
    transition:
        transform 160ms ease,
        border-color 160ms ease,
        box-shadow 160ms ease !important;
}

.finance-vertical-cards-page .finance-summary-cards > .workspace-stat::before {
    content:"";
    position:absolute;
    top:0;
    left:18%;
    right:18%;
    height:2px;
    border-radius:0 0 999px 999px;
    background:var(--finance-card-accent);
    opacity:.9;
}

.finance-vertical-cards-page .finance-summary-cards > .workspace-stat:hover {
    transform:translateY(-2px);
    border-color:color-mix(
        in srgb,
        var(--finance-card-accent) 38%,
        var(--barama-border)
    ) !important;
    box-shadow:0 14px 30px rgba(15,23,42,.07) !important;
}

.finance-vertical-cards-page .finance-summary-cards > .workspace-stat > span {
    display:grid !important;
    width:30px !important;
    height:30px !important;
    place-items:center !important;
    margin:0 0 .08rem !important;
    color:var(--finance-card-accent) !important;
}

.finance-vertical-cards-page .finance-summary-cards > .workspace-stat > span svg {
    width:22px !important;
    height:22px !important;
}

.finance-vertical-cards-page .finance-summary-cards > .workspace-stat > strong {
    margin:0 !important;
    color:var(--barama-text) !important;
    font-size:1.72rem !important;
    font-weight:850 !important;
    line-height:1 !important;
    letter-spacing:-.035em !important;
    font-variant-numeric:tabular-nums;
}

.finance-vertical-cards-page .finance-summary-cards > .workspace-stat > small {
    margin:0 !important;
    color:var(--barama-muted) !important;
    font-size:.7rem !important;
    font-weight:800 !important;
    line-height:1.35 !important;
    letter-spacing:.055em !important;
    text-align:center !important;
    text-transform:uppercase !important;
}

.finance-vertical-cards-page .finance-summary-cards > .workspace-stat:nth-child(4n+1) {
    --finance-card-accent:#6d98ff;
}
.finance-vertical-cards-page .finance-summary-cards > .workspace-stat:nth-child(4n+2) {
    --finance-card-accent:#31b993;
}
.finance-vertical-cards-page .finance-summary-cards > .workspace-stat:nth-child(4n+3) {
    --finance-card-accent:#e6a700;
}
.finance-vertical-cards-page .finance-summary-cards > .workspace-stat:nth-child(4n+4) {
    --finance-card-accent:#e06b75;
}

.finance-vertical-cards-page .workspace-create {
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    padding:0 !important;
    margin:.15rem 0 1rem !important;
}

.finance-vertical-cards-page .workspace-create > summary {
    display:inline-flex !important;
    width:auto !important;
    min-height:40px !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:.45rem !important;
    padding:.52rem .76rem !important;
    border:1px solid var(--barama-border) !important;
    border-radius:11px !important;
    background:var(--barama-surface) !important;
    color:var(--barama-text) !important;
    font-size:.78rem !important;
    font-weight:800 !important;
    cursor:pointer;
    box-shadow:none !important;
}

.finance-vertical-cards-page .workspace-create > summary:hover {
    border-color:var(--barama-primary) !important;
    color:var(--barama-primary) !important;
}

.finance-vertical-cards-page .workspace-create > summary svg {
    width:16px !important;
    height:16px !important;
    color:var(--barama-primary) !important;
}

.finance-vertical-cards-page .workspace-create[open] > summary {
    margin-bottom:.75rem !important;
}

html[data-bs-theme="dark"] .finance-vertical-cards-page .finance-summary-cards > .workspace-stat {
    box-shadow:0 12px 30px rgba(0,0,0,.14) !important;
}

html[data-bs-theme="dark"] .finance-vertical-cards-page .finance-summary-cards > .workspace-stat:hover {
    box-shadow:0 16px 34px rgba(0,0,0,.2) !important;
}

@media (max-width:1100px) {
    .finance-vertical-cards-page .finance-summary-cards {
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
}

@media (max-width:600px) {
    .finance-vertical-cards-page .finance-summary-cards {
        grid-template-columns:minmax(0,1fr) !important;
    }

    .finance-vertical-cards-page .finance-summary-cards > .workspace-stat {
        min-height:122px !important;
    }
}

/* BARAMA_WORKSPACE_OVERFLOW_FIX_V100 */
.workspace-shell {
    width:100%;
    max-width:100%;
}

.workspace-main,
.workspace-main > main {
    min-width:0;
    max-width:100%;
}

.workspace-page {
    box-sizing:border-box;
    min-width:0;
    max-width:100%;
}

.workspace-page__header,
.workspace-panel,
.workspace-form-pair,
.workspace-stats,
.workspace-table-wrap {
    min-width:0;
    max-width:100%;
}

.workspace-table-wrap {
    width:100%;
}

/* BARAMA_PUBLIC_HEADER_COMPACT_V100
 * Compact global public navigation shell.
 * Scope: public frontend only; workspace/dashboard headers are untouched.
 */
.barama-public-root .site-header__inner {
    min-height: 60px;
    gap: 0.75rem;
}

.barama-public-root .site-header .brand__logo {
    height: 32px;
    max-width: min(220px, 42vw);
}

.barama-public-root .site-header .site-navigation {
    gap: 0.55rem;
}

.barama-public-root .site-header .main-nav {
    gap: 0.16rem;
}

.barama-public-root .site-header .main-nav a {
    border-radius: 9px;
    padding: 0.48rem 0.68rem;
    line-height: 1.1;
}

.barama-public-root .site-header .header-auth {
    gap: 0.42rem;
}

.barama-public-root .site-header .header-locale,
.barama-public-root .site-header .theme-toggle,
.barama-public-root .site-header .barama-user-trigger,
.barama-public-root .site-header .site-menu-toggle {
    width: 36px;
    min-width: 36px;
    height: 36px;
    min-height: 36px;
    border-radius: 10px;
}

.barama-public-root .site-header .header-locale__icon {
    width: 30px;
    height: 30px;
}

.barama-public-root .site-header .barama-user-trigger svg,
.barama-public-root .site-header .theme-toggle svg,
.barama-public-root .site-header .site-menu-toggle svg {
    width: 17px;
    height: 17px;
}

@media (max-width: 1180px) {
    .barama-public-root .site-header__inner {
        gap: 0.55rem;
    }

    .barama-public-root .site-header .main-nav a {
        padding-inline: 0.56rem;
    }
}

@media (max-width: 991.98px) {
    .barama-public-root .site-header__inner {
        min-height: 56px;
        gap: 0.5rem;
        padding: 0.38rem 0;
    }

    .barama-public-root .site-header .brand__logo {
        height: 30px;
        max-width: min(205px, 48vw);
    }

    .barama-public-root .site-header .site-navigation {
        top: calc(100% + 1px);
    }
}

@media (max-width: 575.98px) {
    .barama-public-root .site-header__inner {
        min-height: 54px;
        padding: 0.32rem 0;
    }

    .barama-public-root .site-header .brand__logo {
        height: 28px;
        max-width: min(190px, 56vw);
    }

    .barama-public-root .site-header .header-locale,
    .barama-public-root .site-header .theme-toggle,
    .barama-public-root .site-header .barama-user-trigger,
    .barama-public-root .site-header .site-menu-toggle {
        width: 34px;
        min-width: 34px;
        height: 34px;
        min-height: 34px;
    }
}

/* BARAMA_PROFILE_THEME_CONTROL_V100
 * Profile dropdown theme placement.
 * The old footer/hero placement is hidden only after successful relocation;
 * fallback mode restores it automatically if the profile menu is unavailable.
 */
.barama-profile-theme-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    margin: 10px 14px 12px;
    padding: 14px 0 0;
    border-top: 1px solid rgba(100, 116, 139, 0.16);
}

.barama-profile-theme-copy {
    min-width: 0;
    display: grid;
    gap: 3px;
}

.barama-profile-theme-copy strong {
    color: inherit;
    font: inherit;
    font-weight: 800;
    line-height: 1.2;
}

.barama-profile-theme-copy small {
    color: var(--muted, #64748b);
    font-size: 0.78rem;
    line-height: 1.35;
}

.barama-profile-theme-row .barama-profile-theme-toggle {
    position: static !important;
    inset: auto !important;
    margin: 0 !important;
    flex: 0 0 auto;
}

html.barama-profile-theme-ready .site-footer [data-theme-toggle],
html.barama-profile-theme-ready .market-home [data-theme-toggle],
html.barama-profile-theme-ready main > [data-theme-toggle] {
    display: none !important;
}

html.barama-profile-theme-fallback .site-footer [data-theme-toggle],
html.barama-profile-theme-fallback .market-home [data-theme-toggle],
html.barama-profile-theme-fallback main > [data-theme-toggle] {
    display: inline-grid !important;
}

html[data-bs-theme="dark"] .barama-profile-theme-row {
    border-top-color: rgba(226, 232, 240, 0.12);
}

html[data-bs-theme="dark"] .barama-profile-theme-copy small {
    color: rgba(226, 232, 240, 0.68);
}

@media (max-width: 767.98px) {
    .barama-profile-theme-row {
        margin-left: 12px;
        margin-right: 12px;
        gap: 12px;
    }
}

/* BARAMA_ADMIN_LISTINGS_TABLE_V1128 */
.workspace-table--admin-listings-v1128 .workspace-table__number{width:58px;min-width:58px;text-align:center;font-variant-numeric:tabular-nums}
.workspace-table--admin-listings-v1128 .workspace-table__relation-link{display:inline-flex;align-items:center;max-width:100%;color:var(--barama-primary,#2563eb);font-weight:700;line-height:1.35;text-decoration:none;text-underline-offset:3px}
.workspace-table--admin-listings-v1128 .workspace-table__relation-link:hover,.workspace-table--admin-listings-v1128 .workspace-table__relation-link:focus-visible{text-decoration:underline}
.workspace-table--admin-listings-v1128 .workspace-row-actions__menu form{width:100%;margin:0}
.workspace-table--admin-listings-v1128 .workspace-row-actions__menu .table-action{display:flex!important;width:100%!important;min-height:40px!important;align-items:center!important;justify-content:flex-start!important;margin:0!important;padding:9px 13px!important;border:0!important;background:transparent!important;font:inherit!important;font-size:.875rem!important;font-weight:700!important;line-height:1.25!important;letter-spacing:0!important;text-align:left!important;white-space:nowrap!important}
.workspace-table--admin-listings-v1128 .workspace-row-actions__menu .table-action--danger{color:var(--barama-danger,#dc3545)!important}
.workspace-table--admin-listings-v1128 .workspace-row-actions__menu .table-action:hover,.workspace-table--admin-listings-v1128 .workspace-row-actions__menu .table-action:focus-visible{background:color-mix(in srgb,var(--barama-primary,#2563eb) 8%,transparent)!important}

/* BARAMA_ACCOUNT_SECURITY_PREMIUM_TABLE_V1129
 * Account > Settings > Security only.
 * Presentation-only: preserves the live security controls and Configure actions.
 */
.account-page--security-v1129 {
    --security-table-border: var(--bs-border-color, #d9e1ec);
    --security-table-surface: var(--bs-body-bg, #ffffff);
    --security-table-soft: color-mix(in srgb, var(--barama-primary, #2563eb) 5%, var(--bs-body-bg, #ffffff));
    --security-table-text: var(--bs-body-color, #172033);
    --security-table-muted: var(--bs-secondary-color, #667085);
}
.account-page--security-v1129 table {
    width: 100% !important;
    margin: 18px 0 0 !important;
    border: 1px solid var(--security-table-border) !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    background: var(--security-table-surface) !important;
    box-shadow: 0 18px 45px rgba(15,23,42,.06) !important;
    color: var(--security-table-text) !important;
    table-layout: fixed !important;
}
.account-page--security-v1129 table thead th {
    padding: 14px 18px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--security-table-border) !important;
    background: var(--security-table-soft) !important;
    color: var(--security-table-muted) !important;
    font-size: .75rem !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    letter-spacing: .075em !important;
    text-transform: uppercase !important;
    vertical-align: middle !important;
}
.account-page--security-v1129 table thead th:nth-child(1){width:30%}
.account-page--security-v1129 table thead th:nth-child(2){width:13%}
.account-page--security-v1129 table thead th:nth-child(3){width:43%}
.account-page--security-v1129 table thead th:nth-child(4){width:14%;text-align:right!important}
.account-page--security-v1129 table tbody td {
    padding: 18px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--security-table-border) !important;
    background: transparent !important;
    color: var(--security-table-text) !important;
    font-size: .94rem !important;
    line-height: 1.55 !important;
    vertical-align: middle !important;
}
.account-page--security-v1129 table tbody tr:last-child td{border-bottom:0!important}
.account-page--security-v1129 table tbody tr{transition:background-color .18s ease,box-shadow .18s ease}
.account-page--security-v1129 table tbody tr:hover{background:color-mix(in srgb,var(--barama-primary,#2563eb) 3%,transparent)!important}
.account-page--security-v1129 table tbody td:first-child strong,
.account-page--security-v1129 table tbody td:first-child b {
    color: var(--security-table-text) !important;
    font-size: 1rem !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
}
.account-page--security-v1129 table tbody td:first-child svg {
    width:20px!important;
    height:20px!important;
    margin-right:9px!important;
    color:var(--barama-primary,#2563eb)!important;
    vertical-align:-4px!important;
}
.account-page--security-v1129 table tbody td:nth-child(2){font-weight:800!important;white-space:normal!important}
.account-page--security-v1129 table tbody td:nth-child(3){color:var(--security-table-muted)!important;line-height:1.6!important}
.account-page--security-v1129 table tbody td:last-child{text-align:right!important}
.account-page--security-v1129 table tbody td:last-child a,
.account-page--security-v1129 table tbody td:last-child button,
.account-page--security-v1129 table tbody td:last-child .btn {
    display:inline-flex!important;
    min-width:108px!important;
    min-height:40px!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    margin:0!important;
    padding:9px 14px!important;
    border:1px solid color-mix(in srgb,var(--barama-primary,#2563eb) 24%,var(--security-table-border))!important;
    border-radius:11px!important;
    background:color-mix(in srgb,var(--barama-primary,#2563eb) 7%,var(--security-table-surface))!important;
    color:var(--barama-primary,#2563eb)!important;
    box-shadow:none!important;
    font:inherit!important;
    font-size:.875rem!important;
    font-weight:800!important;
    line-height:1!important;
    text-decoration:none!important;
    white-space:nowrap!important;
    cursor:pointer!important;
}
.account-page--security-v1129 table tbody td:last-child a:hover,
.account-page--security-v1129 table tbody td:last-child button:hover,
.account-page--security-v1129 table tbody td:last-child .btn:hover {
    border-color:color-mix(in srgb,var(--barama-primary,#2563eb) 48%,var(--security-table-border))!important;
    background:color-mix(in srgb,var(--barama-primary,#2563eb) 12%,var(--security-table-surface))!important;
}
.account-page--security-v1129 table tbody td:last-child a:focus-visible,
.account-page--security-v1129 table tbody td:last-child button:focus-visible,
.account-page--security-v1129 table tbody td:last-child .btn:focus-visible {
    outline:3px solid color-mix(in srgb,var(--barama-primary,#2563eb) 24%,transparent)!important;
    outline-offset:2px!important;
}
html[data-bs-theme="dark"] .account-page--security-v1129 {
    --security-table-border:rgba(148,163,184,.20);
    --security-table-surface:#101a2a;
    --security-table-soft:#132238;
    --security-table-text:#edf4ff;
    --security-table-muted:#a9b7ca;
}
@media (max-width:900px) {
    .account-page--security-v1129 table {
        border:0!important;
        border-radius:0!important;
        background:transparent!important;
        box-shadow:none!important;
        table-layout:auto!important;
    }
    .account-page--security-v1129 table thead {
        position:absolute!important;
        width:1px!important;height:1px!important;
        padding:0!important;margin:-1px!important;
        overflow:hidden!important;clip:rect(0,0,0,0)!important;
        white-space:nowrap!important;border:0!important;
    }
    .account-page--security-v1129 table tbody,
    .account-page--security-v1129 table tr,
    .account-page--security-v1129 table td {display:block!important;width:100%!important}
    .account-page--security-v1129 table tbody {display:grid!important;gap:14px!important}
    .account-page--security-v1129 table tbody tr {
        overflow:hidden!important;
        border:1px solid var(--security-table-border)!important;
        border-radius:18px!important;
        background:var(--security-table-surface)!important;
        box-shadow:0 12px 32px rgba(15,23,42,.05)!important;
    }
    .account-page--security-v1129 table tbody td {
        padding:14px 16px!important;
        border-bottom:1px solid var(--security-table-border)!important;
        text-align:left!important;
    }
    .account-page--security-v1129 table tbody td::before {
        display:block;
        margin-bottom:6px;
        color:var(--security-table-muted);
        font-size:.69rem;
        font-weight:800;
        letter-spacing:.075em;
        line-height:1.2;
        text-transform:uppercase;
    }
    .account-page--security-v1129 table tbody td:nth-child(1)::before{content:"Feature"}
    .account-page--security-v1129 table tbody td:nth-child(2)::before{content:"Status"}
    .account-page--security-v1129 table tbody td:nth-child(3)::before{content:"Protection"}
    .account-page--security-v1129 table tbody td:nth-child(4)::before{content:"Actions"}
    .account-page--security-v1129 table tbody td:last-child{border-bottom:0!important}
    .account-page--security-v1129 table tbody td:last-child a,
    .account-page--security-v1129 table tbody td:last-child button,
    .account-page--security-v1129 table tbody td:last-child .btn{width:100%!important;min-height:44px!important}
}
@media (prefers-reduced-motion:reduce) {
    .account-page--security-v1129 table tbody tr{transition:none!important}
}

/* Property Readiness & Quality v1.0.0 */
.property-readiness {
    margin-bottom: 1rem;
}

.property-readiness .workspace-record-panel__head {
    align-items: flex-start;
}

.property-readiness .workspace-record-panel__head > div {
    min-width: 0;
}

.property-readiness .workspace-record-panel__head > div > span {
    display: block;
    margin-top: 0.3rem;
    line-height: 1.5;
}

.property-readiness__state {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    border: 1px solid var(--barama-border);
    border-radius: 999px;
    padding: 0.35rem 0.62rem;
    font-size: 0.7rem !important;
    font-weight: 820;
    line-height: 1;
}

.property-readiness__state--ready {
    border-color: color-mix(in srgb, var(--barama-success) 36%, var(--barama-border));
    color: var(--barama-success) !important;
}

.property-readiness__state--attention {
    border-color: color-mix(in srgb, #d78b00 42%, var(--barama-border));
    color: color-mix(in srgb, #d78b00 82%, var(--barama-text)) !important;
}

.property-readiness__state--incomplete {
    border-color: color-mix(in srgb, #c84141 38%, var(--barama-border));
    color: color-mix(in srgb, #c84141 82%, var(--barama-text)) !important;
}

.property-readiness__body {
    display: grid;
    grid-template-columns: minmax(190px, 0.34fr) minmax(0, 1fr);
    gap: 0;
}

.property-readiness__summary {
    display: flex;
    min-width: 0;
    flex-direction: column;
    justify-content: space-between;
    border-right: 1px solid var(--barama-border);
    padding: 1rem;
}

.property-readiness__score-row {
    display: flex;
    align-items: center;
    gap: 0.9rem;
}

.property-readiness__score-ring {
    --readiness-score: 0;
    position: relative;
    display: grid;
    width: 86px;
    height: 86px;
    flex: 0 0 86px;
    place-items: center;
    border-radius: 50%;
    background: conic-gradient(
        var(--barama-primary) calc(var(--readiness-score) * 1%),
        color-mix(in srgb, var(--barama-border) 78%, transparent) 0
    );
}

.property-readiness__score-ring::before {
    position: absolute;
    inset: 7px;
    border-radius: inherit;
    background: var(--barama-surface);
    content: "";
}

.property-readiness__score-value {
    position: relative;
    z-index: 1;
    text-align: center;
}

.property-readiness__score-value strong,
.property-readiness__score-value small {
    display: block;
}

.property-readiness__score-value strong {
    color: var(--barama-text);
    font-size: 1.35rem;
    font-weight: 880;
    letter-spacing: -0.04em;
    line-height: 1;
}

.property-readiness__score-value small {
    margin-top: 0.22rem;
    color: var(--barama-muted);
    font-size: 0.62rem;
    font-weight: 760;
}

.property-readiness__score-copy strong,
.property-readiness__context strong {
    display: block;
    color: var(--barama-text);
    font-weight: 820;
}

.property-readiness__score-copy span,
.property-readiness__context small {
    display: block;
    margin-top: 0.25rem;
    color: var(--barama-muted);
    font-size: 0.72rem;
    line-height: 1.45;
}

.property-readiness__context {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.7rem;
    margin-top: 1rem;
    border-top: 1px solid var(--barama-border);
    padding-top: 0.9rem;
}

.property-readiness__context > div {
    min-width: 0;
}

.property-readiness__context > div > span {
    display: block;
    margin-bottom: 0.2rem;
    color: var(--barama-muted);
    font-size: 0.64rem;
    font-weight: 780;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.property-readiness__checklist {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
    padding: 0;
    list-style: none;
}

.property-readiness__check {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr) auto;
    align-items: start;
    gap: 0.7rem;
    min-width: 0;
    border-bottom: 1px solid var(--barama-border);
    padding: 0.85rem 1rem;
}

.property-readiness__check:nth-child(odd) {
    border-right: 1px solid var(--barama-border);
}

.property-readiness__check:nth-last-child(-n + 2) {
    border-bottom: 0;
}

.property-readiness__check-icon {
    display: grid;
    width: 28px;
    height: 28px;
    place-items: center;
    border: 1px solid var(--barama-border);
    border-radius: 50%;
    color: var(--barama-muted);
}

.property-readiness__check-icon svg {
    width: 14px;
    height: 14px;
}

.property-readiness__check.is-pass .property-readiness__check-icon {
    border-color: color-mix(in srgb, var(--barama-success) 34%, var(--barama-border));
    color: var(--barama-success);
}

.property-readiness__check.is-missing .property-readiness__check-icon {
    border-color: color-mix(in srgb, #c84141 34%, var(--barama-border));
    color: color-mix(in srgb, #c84141 82%, var(--barama-text));
}

.property-readiness__check-copy {
    min-width: 0;
}

.property-readiness__check-copy strong,
.property-readiness__check-copy small {
    display: block;
}

.property-readiness__check-copy strong {
    color: var(--barama-text);
    font-size: 0.78rem;
    font-weight: 790;
}

.property-readiness__check-copy small {
    margin-top: 0.22rem;
    color: var(--barama-muted);
    font-size: 0.68rem;
    line-height: 1.45;
}

.property-readiness__weight {
    color: var(--barama-muted);
    font-size: 0.64rem;
    font-weight: 760;
    white-space: nowrap;
}

@media (max-width: 991.98px) {
    .property-readiness__body {
        grid-template-columns: 1fr;
    }

    .property-readiness__summary {
        border-right: 0;
        border-bottom: 1px solid var(--barama-border);
    }
}

@media (max-width: 767.98px) {
    .property-readiness__checklist {
        grid-template-columns: 1fr;
    }

    .property-readiness__check,
    .property-readiness__check:nth-child(odd),
    .property-readiness__check:nth-last-child(-n + 2) {
        border-right: 0;
        border-bottom: 1px solid var(--barama-border);
    }

    .property-readiness__check:last-child {
        border-bottom: 0;
    }
}

@media (max-width: 575.98px) {
    .property-readiness__score-row {
        align-items: flex-start;
    }

    .property-readiness__context {
        grid-template-columns: 1fr;
    }
}

/* Property Readiness & Quality v1.1.0 */
.workspace-readiness-cell {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    white-space: nowrap;
}

.workspace-readiness-cell > strong {
    min-width: 2.8rem;
    color: var(--barama-text);
    font-size: 0.82rem;
    font-weight: 850;
    text-align: right;
}

.workspace-readiness-cell .status-badge {
    margin: 0;
}

/* Property Readiness & Quality v1.2.1 */
.workspace-readiness-wrap {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.28rem;
}

.workspace-readiness-cell--quality {
    position: relative;
    cursor: help;
    outline: none;
}

.workspace-readiness-cell--quality > .status-badge {
    min-width: 5.8rem;
    justify-content: center;
}

.workspace-readiness-cell--quality[data-band="excellent"] > strong {
    color: var(--barama-success);
}

.workspace-readiness-cell--quality[data-band="incomplete"] > strong {
    color: color-mix(in srgb, #c84141 82%, var(--barama-text));
}

.workspace-readiness-popover {
    position: absolute;
    bottom: calc(100% + 0.55rem);
    left: 0;
    z-index: 80;
    display: none;
    width: min(340px, 76vw);
    border: 1px solid var(--barama-border);
    border-radius: 14px;
    background: var(--barama-surface);
    padding: 0.75rem;
    box-shadow: var(--barama-shadow);
    white-space: normal;
}

.workspace-readiness-cell--quality:hover .workspace-readiness-popover,
.workspace-readiness-cell--quality:focus .workspace-readiness-popover,
.workspace-readiness-cell--quality:focus-within .workspace-readiness-popover {
    display: block;
}

.workspace-readiness-popover > strong,
.workspace-readiness-popover > span {
    display: block;
}

.workspace-readiness-popover > strong {
    color: var(--barama-text);
    font-size: 0.78rem;
    font-weight: 840;
}

.workspace-readiness-popover > span {
    margin-top: 0.2rem;
    color: var(--barama-muted);
    font-size: 0.68rem;
    line-height: 1.45;
}

.workspace-readiness-popover ul {
    display: grid;
    gap: 0.45rem;
    margin: 0.65rem 0 0;
    padding: 0;
    list-style: none;
}

.workspace-readiness-popover li {
    border-top: 1px solid var(--barama-border);
    padding-top: 0.45rem;
}

.workspace-readiness-popover li strong,
.workspace-readiness-popover li span {
    display: block;
}

.workspace-readiness-popover li strong {
    color: var(--barama-text);
    font-size: 0.7rem;
    font-weight: 790;
}

.workspace-readiness-popover li span {
    margin-top: 0.12rem;
    color: var(--barama-muted);
    font-size: 0.65rem;
    line-height: 1.4;
}

.workspace-readiness-fix {
    color: var(--barama-primary);
    font-size: 0.68rem;
    font-weight: 790;
    text-decoration: none;
}

.workspace-readiness-fix:hover {
    text-decoration: underline;
}

.property-readiness__next-action {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.7rem;
    margin-top: 0.9rem;
    border-top: 1px solid var(--barama-border);
    padding-top: 0.9rem;
}

.property-readiness__next-action > span:first-child {
    display: grid;
    width: 30px;
    height: 30px;
    place-items: center;
    border: 1px solid color-mix(in srgb, #d78b00 34%, var(--barama-border));
    border-radius: 50%;
    color: color-mix(in srgb, #d78b00 82%, var(--barama-text));
}

.property-readiness__next-action > span:first-child svg {
    width: 15px;
    height: 15px;
}

.property-readiness__next-action strong,
.property-readiness__next-action small {
    display: block;
}

.property-readiness__next-action strong {
    color: var(--barama-text);
    font-size: 0.76rem;
    font-weight: 820;
}

.property-readiness__next-action small {
    margin-top: 0.16rem;
    color: var(--barama-muted);
    font-size: 0.67rem;
    line-height: 1.4;
}

.workspace-moderation-blockers {
    display: grid;
    gap: 0.3rem;
    margin: 0.45rem 0 0;
    padding-left: 1rem;
    color: var(--barama-muted);
    font-size: 0.72rem;
    line-height: 1.45;
}

@media (max-width: 575.98px) {
    .property-readiness__next-action {
        grid-template-columns: 30px minmax(0, 1fr);
    }

    .property-readiness__next-action .btn {
        grid-column: 1 / -1;
        justify-self: start;
    }
}

/* Property Readiness & Quality v1.3.1 */
.workspace-quality-ops {
    margin-top: 1rem;
    border: 1px solid var(--barama-border);
    border-radius: 18px;
    padding: 1rem;
}
.workspace-quality-ops__head,
.workspace-quality-ops__title,
.workspace-quality-ops__metric,
.workspace-quality-ops__issue,
.workspace-quality-ops__queue-item,
.workspace-quality-ops__company {
    display: flex;
    align-items: center;
}
.workspace-quality-ops__head {
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}
.workspace-quality-ops__title { gap: .65rem; }
.workspace-quality-ops__title > span {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border: 1px solid var(--barama-border);
    border-radius: 50%;
}
.workspace-quality-ops__title strong,
.workspace-quality-ops__title small { display: block; }
.workspace-quality-ops__title strong { font-size: .88rem; color: var(--barama-text); }
.workspace-quality-ops__title small { margin-top: .12rem; font-size: .68rem; color: var(--barama-muted); }
.workspace-quality-ops__export { white-space: nowrap; }
.workspace-quality-ops__metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
    margin-top: .95rem;
}
.workspace-quality-ops__metric {
    align-items: flex-start;
    gap: .55rem;
    border-top: 1px solid var(--barama-border);
    padding-top: .75rem;
}
.workspace-quality-ops__metric strong,
.workspace-quality-ops__metric span { display: block; }
.workspace-quality-ops__metric strong { font-size: 1.05rem; color: var(--barama-text); }
.workspace-quality-ops__metric span { margin-top: .1rem; font-size: .66rem; color: var(--barama-muted); }
.workspace-quality-ops__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}
.workspace-quality-ops__panel {
    min-width: 0;
    border-top: 1px solid var(--barama-border);
    padding-top: .85rem;
}
.workspace-quality-ops__panel > strong { display: block; font-size: .76rem; color: var(--barama-text); }
.workspace-quality-ops__panel > small { display: block; margin-top: .14rem; font-size: .64rem; color: var(--barama-muted); }
.workspace-quality-ops__list { display: grid; gap: .5rem; margin: .7rem 0 0; padding: 0; list-style: none; }
.workspace-quality-ops__issue,
.workspace-quality-ops__queue-item,
.workspace-quality-ops__company { justify-content: space-between; gap: .65rem; font-size: .68rem; }
.workspace-quality-ops__issue span,
.workspace-quality-ops__queue-item span,
.workspace-quality-ops__company span { color: var(--barama-muted); min-width: 0; }
.workspace-quality-ops__issue strong,
.workspace-quality-ops__queue-item strong,
.workspace-quality-ops__company strong { color: var(--barama-text); font-size: .69rem; }
.workspace-quality-ops__queue-item a { min-width: 0; color: var(--barama-primary); text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.workspace-quality-ops__queue-item a:hover { text-decoration: underline; }
.workspace-quality-ops__empty { margin-top: .7rem; color: var(--barama-muted); font-size: .68rem; }
@media (max-width: 991.98px) {
    .workspace-quality-ops__metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .workspace-quality-ops__grid { grid-template-columns: 1fr; }
}
@media (max-width: 575.98px) {
    .workspace-quality-ops__metrics { grid-template-columns: 1fr; }
}

/* Property Quality Operations & Remediation v1.4.0 */
.workspace-quality-ops__quick-filters {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    margin-top: .9rem;
    padding-top: .8rem;
    border-top: 1px solid var(--barama-border);
}
.workspace-quality-ops__chip {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    min-height: 30px;
    padding: .32rem .55rem;
    border: 1px solid var(--barama-border);
    border-radius: 999px;
    color: var(--barama-muted);
    text-decoration: none;
    font-size: .66rem;
    font-weight: 700;
}
.workspace-quality-ops__chip:hover,
.workspace-quality-ops__chip.is-active {
    color: var(--barama-text);
    border-color: var(--barama-primary);
    text-decoration: none;
}
.workspace-quality-ops__chip strong {
    color: var(--barama-text);
    font-size: .66rem;
}
.workspace-quality-health {
    display: grid;
    grid-template-columns: minmax(0,1.25fr) minmax(0,1fr);
    gap: 1rem;
    margin-top: 1rem;
    padding-top: .9rem;
    border-top: 1px solid var(--barama-border);
}
.workspace-quality-health__panel > strong,
.workspace-quality-stale__title {
    display: block;
    color: var(--barama-text);
    font-size: .75rem;
}
.workspace-quality-health__panel > small,
.workspace-quality-stale__subtitle {
    display: block;
    margin-top: .12rem;
    color: var(--barama-muted);
    font-size: .64rem;
}
.workspace-quality-health__bands,
.workspace-quality-stale__buckets {
    display: grid;
    gap: .45rem;
    margin-top: .7rem;
}
.workspace-quality-health__band,
.workspace-quality-stale__bucket {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    align-items: center;
    gap: .6rem;
    font-size: .67rem;
}
.workspace-quality-health__band span,
.workspace-quality-stale__bucket span { color: var(--barama-muted); }
.workspace-quality-health__band strong,
.workspace-quality-stale__bucket strong { color: var(--barama-text); }
.workspace-quality-ops__company a {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--barama-primary);
    text-decoration: none;
}
.workspace-quality-ops__company a:hover { text-decoration: underline; }
.workspace-quality-ops__queue-item {
    align-items: center;
}
.workspace-quality-ops__queue-copy {
    min-width: 0;
    display: grid;
    gap: .15rem;
}
.workspace-quality-ops__queue-copy > a {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.workspace-quality-ops__queue-copy small {
    color: var(--barama-muted);
    font-size: .61rem;
}
.workspace-quality-ops__queue-actions {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    white-space: nowrap;
}
.workspace-quality-ops__fix {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: .28rem .48rem;
    border: 1px solid var(--barama-border);
    border-radius: 999px;
    color: var(--barama-primary);
    text-decoration: none;
    font-size: .62rem;
    font-weight: 800;
}
.workspace-quality-ops__fix:hover {
    border-color: var(--barama-primary);
    text-decoration: none;
}
@media (max-width: 767.98px) {
    .workspace-quality-health { grid-template-columns: 1fr; }
    .workspace-quality-ops__queue-item { align-items: flex-start; }
    .workspace-quality-ops__queue-actions { align-items: flex-end; flex-direction: column; }
}

/* Property Quality Operations Workspace v1.4.1 */
.workspace-header-actions {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: .65rem;
    flex-wrap: wrap;
}
.workspace-quality-operations-trigger {
    white-space: nowrap;
}
.workspace-quality-ops-dialog {
    width: min(1180px, calc(100vw - 2rem));
    max-width: 1180px;
    max-height: min(900px, calc(100vh - 2rem));
}
.workspace-quality-ops-dialog__panel {
    max-height: min(900px, calc(100vh - 2rem));
}
.workspace-quality-ops-dialog__body {
    overflow: auto;
    padding-top: 0;
}
.workspace-quality-ops-dialog .workspace-quality-ops {
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}
.workspace-quality-ops-dialog .workspace-quality-ops__head {
    padding: 1rem 0;
    justify-content: flex-end;
}
.workspace-quality-ops-dialog .workspace-quality-ops__title {
    display: none;
}
.workspace-quality-ops-dialog .workspace-quality-ops__metrics {
    margin-top: 0;
}
@media (max-width: 760px) {
    .workspace-page__header {
        align-items: flex-start;
    }
    .workspace-header-actions {
        width: 100%;
        justify-content: flex-start;
    }
    .workspace-quality-ops-dialog {
        width: calc(100vw - 1rem);
        max-height: calc(100vh - 1rem);
    }
    .workspace-quality-ops-dialog__panel {
        max-height: calc(100vh - 1rem);
    }
}

/* BARAMA_HOMEPAGE_FEATURED_CARDS_BOTTOM_SPACING_V1844 */
@media (min-width: 1101px) and (min-height: 760px) {
    .market-home--rich-background .market-intent-grid {
        margin-top: clamp(5rem, 13vh, 8rem);
    }
}


/* BARAMA_WORKSPACE_PROFILE_DROPDOWN_FONT_PARITY_V108
   Match the public profile dropdown's established type scale.
   Scope to the existing private-workspace profile menu only; do not alter
   public pages, dropdown geometry, theme colors, or other navigation. */
.workspace-user-menu .workspace-user-menu__head strong {
    font-size: 0.86rem;
}
.workspace-user-menu .workspace-user-menu__head small {
    font-size: 0.67rem;
}
.workspace-user-menu .workspace-user-menu__panel :is(nav a, form button) {
    font-size: var(--barama-type-nav, 0.9375rem) !important;
}


/* BARAMA_APPEARANCE_FEEDBACK_V117A11 — only the Admin Appearance page.
   Fixed, accessible status toast: no layout shift or page scroll. */
.appearance-manager > [data-workspace-notice] {
    position:fixed!important;
    z-index:1090;
    top:clamp(76px, 11vh, 108px);
    right:clamp(12px, 2.2vw, 34px);
    left:auto;
    margin:0!important;
    width:min(440px, calc(100vw - 24px));
    min-height:65px;
    padding:14px 14px 14px 16px;
    display:flex;
    align-items:flex-start;
    gap:12px;
    border:1px solid var(--barama-border,#d9e2ee);
    border-radius:16px;
    background:var(--barama-surface,#fff);
    color:var(--barama-text,#172033);
    box-shadow:0 20px 58px rgba(20,36,64,.2);
    font-size:.875rem;
    font-weight:600;
    line-height:1.5;
    overflow-wrap:anywhere;
}
.appearance-manager > [data-workspace-notice][hidden] {display:none!important;}
.appearance-manager > [data-workspace-notice].is-success {border-color:color-mix(in srgb,var(--barama-success,#0c9b72) 55%,var(--barama-border,#d9e2ee));color:var(--barama-text,#172033);}
.appearance-manager > [data-workspace-notice].is-error {border-color:color-mix(in srgb,var(--barama-danger,#dc3545) 60%,var(--barama-border,#d9e2ee));color:var(--barama-text,#172033);}
.appearance-manager .appearance-toast__icon {width:28px;height:28px;min-width:28px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--barama-success,#0c9b72) 12%,var(--barama-surface,#fff));color:var(--barama-success,#0c9b72);font-size:18px;font-weight:800;line-height:1;}
.appearance-manager [data-workspace-notice].is-error .appearance-toast__icon {background:color-mix(in srgb,var(--barama-danger,#dc3545) 12%,var(--barama-surface,#fff));color:var(--barama-danger,#dc3545);}
.appearance-manager .appearance-toast__message {flex:1;min-width:0;padding-top:2px;}
.appearance-manager .appearance-toast__dismiss {appearance:none;border:0;background:transparent;color:var(--barama-muted,#657086);margin:-5px -5px 0 0;min-width:32px;min-height:32px;padding:0;font-size:24px;line-height:1;cursor:pointer;border-radius:8px;}
.appearance-manager .appearance-toast__dismiss:hover {background:var(--barama-surface-soft,#f0f4f8);color:var(--barama-text,#172033);}
.appearance-manager .appearance-toast__dismiss:focus-visible {outline:2px solid var(--barama-primary,#165dff);outline-offset:2px;}
@media (max-width:650px){.appearance-manager > [data-workspace-notice] {top:76px;right:12px;}}

/* BARAMA_A46_DASHBOARD_CSS_BEGIN — scoped admin overview; selection globally accessible */
::selection { background: #174fc4 !important; color: #ffffff !important; text-shadow: none; }
::-moz-selection { background: #174fc4 !important; color: #ffffff !important; text-shadow: none; }
html[data-theme="dark"] ::selection, html.dark ::selection, [data-bs-theme="dark"] ::selection,
body[data-theme="dark"] ::selection { background: #9bd6ff !important; color: #071326 !important; text-shadow: none; }
html[data-theme="dark"] ::-moz-selection, html.dark ::-moz-selection,
[data-bs-theme="dark"] ::-moz-selection, body[data-theme="dark"] ::-moz-selection {
  background: #9bd6ff !important; color: #071326 !important; text-shadow: none;
}
.barama-a46 { --a46-ink:var(--barama-text,#172033); --a46-muted:var(--barama-muted,#64748b);
  --a46-stroke:var(--barama-border,#dce3ed); --a46-surface:var(--barama-surface,#fff);
  --a46-blue:var(--barama-primary,#195cff); color:var(--a46-ink); width:100%; min-width:0;
  padding-bottom:2.2rem; }
.barama-a46 * { box-sizing:border-box; }
.barama-a46 a { text-decoration:none; }
.barama-a46 a:focus-visible,.barama-a46 button:focus-visible,.barama-a46 select:focus-visible {
  outline:3px solid var(--a46-blue); outline-offset:2px;
}
.barama-a46 h1,.barama-a46 h2,.barama-a46 p { margin:0; }
.barama-a46 .a46-heading { display:flex; flex-wrap:wrap; gap:1rem; align-items:center;
  justify-content:space-between; margin:0 0 1.25rem; }
.barama-a46 .a46-eyebrow { display:block; color:var(--a46-blue); font-size:.72rem;
  font-weight:800; letter-spacing:.13em; margin-bottom:.4rem; }
.barama-a46 h1 { font-size:clamp(1.75rem,2.4vw,2.35rem); font-weight:850; letter-spacing:-.035em; }
.barama-a46 h2 { font-size:1rem; font-weight:800; line-height:1.4; }
.barama-a46 .a46-head-actions { display:flex; gap:.5rem; flex-wrap:wrap; }
.barama-a46 .a46-head-actions a { border:1px solid var(--a46-stroke); padding:.6rem .85rem;
  border-radius:12px; font-weight:750; color:var(--a46-blue); background:var(--a46-surface); }
.barama-a46 .a46-head-actions a:hover { border-color:var(--a46-blue); }
.barama-a46 .a46-metrics { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:.8rem; margin-bottom:1rem; }
.barama-a46 .a46-metric { display:flex; flex-direction:column; align-items:flex-start; position:relative; min-width:0;
  min-height:166px; padding:1rem; border-radius:18px; background:var(--a46-surface);
  color:var(--a46-ink); border:1px solid var(--a46-stroke); transition:box-shadow .18s,border-color .18s,transform .18s; }
.barama-a46 .a46-metric:hover { border-color:var(--a46-blue); transform:translateY(-2px);
  box-shadow:0 9px 25px rgba(20,52,120,.10); }
.barama-a46 .a46-metric-icon { display:grid; place-items:center; width:41px; height:41px; flex:0 0 auto;
  background:color-mix(in srgb,var(--a46-blue) 10%,var(--a46-surface)); color:var(--a46-blue);
  border-radius:12px; margin-bottom:1rem; }
.barama-a46 .a46-metric-icon svg { width:19px; height:19px; }
.barama-a46 .a46-metric strong { font-size:clamp(1.45rem,2vw,2.05rem); font-weight:900; letter-spacing:-.035em;line-height:1.05; }
.barama-a46 .a46-metric-label { margin-top:.45rem; padding-right:1.1rem; font-size:.77rem;
  font-weight:720; color:var(--a46-muted); overflow-wrap:anywhere; }
.barama-a46 .a46-metric-arrow { position:absolute;right:.95rem;top:.95rem;color:var(--a46-blue);font-weight:800; }
.barama-a46 .a46-charts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin-bottom:1rem; }
.barama-a46 .a46-chart,.barama-a46 .a46-queue,.barama-a46 .a46-activity { background:var(--a46-surface);
  border:1px solid var(--a46-stroke); border-radius:18px; min-width:0;overflow:hidden; }
.barama-a46 .a46-chart { min-height:245px;padding:1.1rem; }
.barama-a46 .a46-chart-header,.barama-a46 .a46-section-head { display:flex;align-items:center;
  justify-content:space-between;gap:.6rem;flex-wrap:wrap;margin-bottom:1rem; }
.barama-a46 .a46-chart-header a,.barama-a46 .a46-section-head a,.barama-a46 .a46-activity td a {
  color:var(--a46-blue);font-size:.79rem;font-weight:760; }
.barama-a46 .a46-chart-header a:hover,.barama-a46 .a46-section-head a:hover,
.barama-a46 .a46-activity td a:hover { text-decoration:underline; }
.barama-a46 .a46-breakdown-row { margin-top:.75rem; }
.barama-a46 .a46-breakdown-label { display:flex;align-items:center;justify-content:space-between;
  font-size:.78rem;gap:.75rem;margin-bottom:.3rem; }
.barama-a46 .a46-breakdown-label span { color:var(--a46-muted); }
.barama-a46 .a46-breakdown-label strong {font-size:.78rem;}
.barama-a46 .a46-bar-track { height:9px;border-radius:99px;
  background:color-mix(in srgb,var(--a46-blue) 10%,var(--a46-surface));overflow:hidden; }
.barama-a46 .a46-bar-track span { display:block;height:100%;background:var(--a46-blue);border-radius:99px; }
.barama-a46 .a46-no-data { font-size:.83rem;color:var(--a46-muted);padding:1.3rem 0; }
.barama-a46 .a46-chart-total {font-weight:760;font-size:.82rem;margin:0 0 .8rem;}
.barama-a46 .a46-daybars { display:grid;grid-template-columns:repeat(14,minmax(0,1fr));align-items:end;
  height:124px;gap:6px;border-bottom:1px solid var(--a46-stroke); }
.barama-a46 .a46-daybar {height:100%;display:flex;align-items:end; }
.barama-a46 .a46-daybar span {display:block;width:100%;min-height:2px;background:var(--a46-blue);
  border-radius:6px 6px 0 0;opacity:.85; }
.barama-a46 .a46-daybar:hover span {opacity:1;}
.barama-a46 .a46-chart-axis {display:flex;justify-content:space-between;margin-top:.3rem;
  font-size:.69rem;color:var(--a46-muted);}
.barama-a46 .a46-queues {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;margin:0 0 1rem;}
.barama-a46 .a46-queue {padding:1rem;}
.barama-a46 .a46-queue-link {display:flex;justify-content:space-between;gap:.5rem;align-items:center;
  border-top:1px solid var(--a46-stroke);padding:.68rem .08rem;font-size:.77rem;font-weight:750;
  color:var(--a46-ink);}
.barama-a46 .a46-queue-link:hover {color:var(--a46-blue);}
.barama-a46 .a46-queue-link > span:first-child {min-width:0;overflow-wrap:anywhere;}
.barama-a46 .a46-queue-link small {display:block;font-size:.7rem;margin-top:.17rem;
  font-weight:500;color:var(--a46-muted);}
.barama-a46 .a46-queue-link > span:last-child {color:var(--a46-blue);white-space:nowrap;}
.barama-a46 .a46-activity-header {padding:1.1rem 1.1rem 0;}
.barama-a46 .a46-activity-header > div > span {display:block;color:var(--a46-muted);font-size:.77rem;margin-top:.22rem;}
.barama-a46 .a46-filter {display:flex;gap:.4rem;align-items:center;flex-wrap:wrap;}
.barama-a46 .a46-filter label {font-size:.76rem;font-weight:750;}
.barama-a46 .a46-filter select,.barama-a46 .a46-filter button {border:1px solid var(--a46-stroke);
  border-radius:10px;min-height:39px;padding:.4rem .65rem;background:var(--a46-surface);
  color:var(--a46-ink);font-size:.78rem;}
.barama-a46 .a46-filter button {background:var(--a46-blue);color:#fff;font-weight:750;cursor:pointer;}
.barama-a46 .a46-table-scroll {overflow:auto;width:100%;}
.barama-a46 table {border-collapse:collapse;width:100%;min-width:680px;}
.barama-a46 th {background:color-mix(in srgb,var(--a46-ink) 3%,var(--a46-surface));
  color:var(--a46-muted);font-size:.71rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;
  text-align:left;padding:.9rem .95rem;border-top:1px solid var(--a46-stroke);white-space:nowrap;}
.barama-a46 td {padding:.78rem .95rem;border-top:1px solid var(--a46-stroke);
  font-size:.79rem;color:var(--a46-ink);max-width:260px;overflow-wrap:anywhere;}
.barama-a46 td.a46-time {white-space:nowrap;color:var(--a46-muted);}
.barama-a46 td.a46-empty {padding:2rem;text-align:center;color:var(--a46-muted);}
@media (max-width:1440px){.barama-a46 .a46-metrics{grid-template-columns:repeat(4,minmax(0,1fr));}}
@media (max-width:1190px){.barama-a46 .a46-metrics{grid-template-columns:repeat(3,minmax(0,1fr));}
 .barama-a46 .a46-queues{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:800px){.barama-a46 .a46-metrics{grid-template-columns:repeat(2,minmax(0,1fr));}
 .barama-a46 .a46-charts{grid-template-columns:minmax(0,1fr);}
 .barama-a46 .a46-queues{grid-template-columns:minmax(0,1fr);}}
@media (max-width:480px){.barama-a46 .a46-metric{min-height:148px;padding:.8rem;}
 .barama-a46 .a46-metric-icon{margin-bottom:.65rem;}}
/* BARAMA_A46_DASHBOARD_CSS_END */

/* BARAMA_A46R1_ACTIVITY_PAGINATION_BEGIN */
.barama-a46 #a46-recent-activity { scroll-margin-top: 8.5rem; }
.barama-a46 .a46-pagination {
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  flex-wrap:wrap;border-top:1px solid var(--a46-stroke);padding:14px 17px;
  color:var(--a46-ink);font-size:.78rem;
}
.barama-a46 .a46-pagination-status {font-size:.76rem;color:var(--a46-muted);flex:1 1 210px;}
.barama-a46 .a46-pages {display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.barama-a46 .a46-page-link,.barama-a46 .a46-page-current {
  min-height:35px;min-width:35px;display:inline-flex;justify-content:center;align-items:center;
  padding:6px 10px;border-radius:9px;border:1px solid var(--a46-stroke);
  background:var(--a46-surface);color:var(--a46-blue);font-weight:760;white-space:nowrap;
}
.barama-a46 .a46-page-link:hover{border-color:var(--a46-blue);background:color-mix(in srgb,var(--a46-blue) 8%,var(--a46-surface));}
.barama-a46 .a46-page-current{background:var(--a46-blue);color:#fff;border-color:var(--a46-blue);}
.barama-a46 .a46-page-jump{display:flex;align-items:center;gap:7px;flex-wrap:wrap;}
.barama-a46 .a46-page-jump label{font-size:.76rem;font-weight:750;white-space:nowrap;}
.barama-a46 .a46-page-jump input {width:68px;min-height:36px;padding:6px 8px;
  color:var(--a46-ink);background:var(--a46-surface);border:1px solid var(--a46-stroke);border-radius:9px;}
.barama-a46 .a46-page-jump button{border:1px solid var(--a46-blue);border-radius:9px;
  background:var(--a46-blue);color:#fff;font-weight:760;min-height:36px;padding:6px 13px;cursor:pointer;}
.barama-a46 .a46-pagination a:focus-visible,.barama-a46 .a46-pagination button:focus-visible,
.barama-a46 .a46-page-jump input:focus-visible {outline:3px solid var(--a46-blue);outline-offset:2px;}
@media(max-width:740px) {.barama-a46 .a46-pagination{align-items:flex-start;flex-direction:column;}}
/* BARAMA_A46R1_ACTIVITY_PAGINATION_END */

/* BARAMA_A46R3_PREMIUM_KPI_AND_CTA_BEGIN */
/* Scoped strictly to the existing A46 admin overview; preserve all anchor hrefs. */
.barama-a46 .a46-metric {
  display:flex;flex-direction:row;align-items:center;position:relative;isolation:isolate;
  overflow:hidden;min-height:142px;padding:1.18rem 1.2rem;gap:.75rem;
  text-decoration:none;
}
.barama-a46 .a46-metric-copy {
  position:relative;z-index:1;display:flex;min-width:0;max-width:72%;
  flex-direction:column;justify-content:center;align-items:flex-start;
}
.barama-a46 .a46-metric strong {
  font-size:clamp(2.25rem,3.25vw,3.15rem);line-height:1.05;
  font-weight:900;letter-spacing:-.055em;font-variant-numeric:tabular-nums;
  white-space:nowrap;
}
.barama-a46 .a46-metric-label {
  font-size:.82rem;line-height:1.42;margin-top:.55rem;padding:0;
  font-weight:740;overflow-wrap:anywhere;
}
.barama-a46 .a46-metric-icon {
  position:absolute;z-index:0;right:1.02rem;top:50%;transform:translateY(-50%);
  display:flex;align-items:center;justify-content:center;
  width:clamp(65px,6.5vw,90px);height:clamp(65px,6.5vw,90px);
  margin:0;border:0;border-radius:0;background:transparent;
  color:var(--a46-blue);opacity:.18;pointer-events:none;
}
.barama-a46 .a46-metric-icon svg {width:100%;height:100%;stroke-width:1.4;}
.barama-a46 .a46-metric:hover .a46-metric-icon {opacity:.27;}
.barama-a46 .a46-metric:focus-visible {outline:3px solid var(--a46-blue);outline-offset:2px;}
.barama-a46 .a46-chart-header a.a46-chart-action,
.barama-a46 .a46-section-head a.a46-chart-action {
  display:inline-flex;align-items:center;justify-content:center;flex:0 0 39px;
  width:39px;height:39px;padding:8px;border:1px solid var(--a46-stroke);
  border-radius:11px;color:var(--a46-blue);
  background:color-mix(in srgb,var(--a46-blue) 5%,var(--a46-surface));
  text-decoration:none;transition:background .17s,border-color .17s,transform .17s;
}
.barama-a46 .a46-chart-header a.a46-chart-action:hover,
.barama-a46 .a46-section-head a.a46-chart-action:hover {
  border-color:var(--a46-blue);background:color-mix(in srgb,var(--a46-blue) 12%,var(--a46-surface));
  transform:translateY(-1px);text-decoration:none;
}
.barama-a46 .a46-chart-action svg {display:block;width:22px;height:22px;flex:0 0 auto;}
.barama-a46 .a46-chart-action:focus-visible {outline:3px solid var(--a46-blue);outline-offset:2px;}
@media(max-width:800px){
 .barama-a46 .a46-metric{min-height:129px;padding:1rem;}
 .barama-a46 .a46-metric strong{font-size:clamp(1.9rem,5vw,2.8rem);}
 .barama-a46 .a46-metric-icon{width:68px;height:68px;right:.7rem;}
}
@media(max-width:480px){
 .barama-a46 .a46-metric{min-height:125px;padding:.85rem;}
 .barama-a46 .a46-metric-copy{max-width:76%;}
 .barama-a46 .a46-metric strong{font-size:clamp(1.8rem,8.5vw,2.5rem);}
 .barama-a46 .a46-metric-label{font-size:.72rem;line-height:1.3;}
 .barama-a46 .a46-metric-icon{width:57px;height:57px;right:.5rem;opacity:.16;}
}
/* BARAMA_A46R3_PREMIUM_KPI_AND_CTA_END */

/* BARAMA_A46R4_ACCOUNT_DEVELOPER_CARDS_BEGIN */
/* A46R4R1: dashboard-like KPI dimensions, never over-wide 3-column desktop cards. */
.account-stat-grid.account-stat-grid--a46r4 {
  grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;
}
.account-stat-grid.account-stat-grid--a46r4 > a.account-stat-grid__card {
  display:flex;flex-direction:column;align-items:flex-start;justify-content:center;
  min-width:0;min-height:142px;position:relative;isolation:isolate;overflow:hidden;
  padding:18px 19px;gap:7px;border:1px solid var(--barama-border);
  border-radius:19px;background:var(--barama-surface);text-decoration:none;
  color:var(--barama-ink, var(--barama-text, #172139));
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
.account-stat-grid.account-stat-grid--a46r4 > a.account-stat-grid__card:hover,
.workspace-page--a46r4 .workspace-stats > a.workspace-stat:hover {
  transform:translateY(-2px);border-color:color-mix(in srgb,var(--barama-primary) 36%,var(--barama-border));
  box-shadow:0 8px 18px -14px color-mix(in srgb,var(--barama-primary) 45%,transparent);
}
.account-stat-grid.account-stat-grid--a46r4 > a.account-stat-grid__card:focus-visible,
.workspace-page--a46r4 .workspace-stats > a.workspace-stat:focus-visible {
  outline:3px solid var(--barama-primary);outline-offset:3px;
}
.account-stat-grid.account-stat-grid--a46r4 .account-stat-grid__watermark {
  position:absolute;z-index:0;right:14px;top:50%;transform:translateY(-50%);
  display:flex;place-items:center;justify-content:center;
  width:74px;height:74px;max-width:34%;margin:0;padding:0;border:0;border-radius:0;
  background:transparent;color:var(--barama-primary);opacity:.18;pointer-events:none;
}
.account-stat-grid.account-stat-grid--a46r4 .account-stat-grid__watermark svg {
  width:100%;height:100%;stroke-width:1.5;
}
.account-stat-grid.account-stat-grid--a46r4 > a.account-stat-grid__card:hover .account-stat-grid__watermark {opacity:.26;}
.account-stat-grid.account-stat-grid--a46r4 > a.account-stat-grid__card > strong {
  position:relative;z-index:1;display:block;max-width:72%;font-size:clamp(2.15rem,2.95vw,3.05rem);
  line-height:1.05;font-weight:900;letter-spacing:-.06em;font-variant-numeric:tabular-nums;
  white-space:nowrap;margin:0;
}
.account-stat-grid.account-stat-grid--a46r4 > a.account-stat-grid__card > small {
  position:relative;z-index:1;max-width:75%;display:block;
  color:var(--barama-muted);font-size:.8rem;line-height:1.35;
  font-weight:750;white-space:normal;overflow-wrap:anywhere;margin:0;
}
/* Account shortcuts remain anchors with their original URL and description. */
.account-page .account-quick-actions {gap:14px;}
.account-page .account-quick-actions > a {
  min-height:100px;border-radius:17px;border-color:var(--barama-border);
  background:var(--barama-surface);transition:border-color .16s ease,transform .16s ease;
}
.account-page .account-quick-actions > a:hover {border-color:color-mix(in srgb,var(--barama-primary) 35%,var(--barama-border));transform:translateY(-1px);}
.account-page .account-quick-actions > a:focus-visible {outline:3px solid var(--barama-primary);outline-offset:2px;}
/* Apply the same compact grid to Developer OVERVIEW only, not its other module pages. */
.workspace-page--a46r4 .workspace-stats {
  display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;
}
.workspace-page--a46r4 .workspace-stats > .workspace-stat {
  position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;
  justify-content:center;align-items:flex-start;gap:0;
  min-height:142px;min-width:0;border-radius:19px;
  padding:18px 19px;background:var(--barama-surface);color:var(--barama-ink,var(--barama-text,#172139));
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
.workspace-page--a46r4 .workspace-stats > a.workspace-stat {text-decoration:none;}
.workspace-page--a46r4 .workspace-stats > .workspace-stat > .workspace-stat__icon {
  position:absolute;z-index:0;top:50%;right:14px;transform:translateY(-50%);
  display:flex;align-items:center;justify-content:center;
  height:74px;width:74px;max-width:34%;margin:0;border:0;border-radius:0;
  background:transparent;color:var(--barama-primary);opacity:.18;pointer-events:none;
}
.workspace-page--a46r4 .workspace-stats > .workspace-stat > .workspace-stat__icon svg {
  width:100%;height:100%;stroke-width:1.5;
}
.workspace-page--a46r4 .workspace-stats > a.workspace-stat:hover > .workspace-stat__icon {opacity:.26;}
.workspace-page--a46r4 .workspace-stats > .workspace-stat > div {
  position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;
  max-width:75%;min-width:0;gap:7px;
}
.workspace-page--a46r4 .workspace-stats > .workspace-stat > div strong {
  display:block;font-size:clamp(2.15rem,2.95vw,3.05rem);font-weight:900;
  line-height:1.05;letter-spacing:-.06em;font-variant-numeric:tabular-nums;
  white-space:nowrap;margin:0;
}
.workspace-page--a46r4 .workspace-stats > .workspace-stat > div span {
  display:block;margin:0;font-size:.8rem;line-height:1.35;font-weight:750;
  color:var(--barama-muted);text-overflow:clip;overflow:visible;white-space:normal;overflow-wrap:anywhere;
}
/* Six equal-width desktop cards; adapt BEFORE they become too narrow. */
@media(max-width:1599px) {
 .account-stat-grid.account-stat-grid--a46r4,
 .workspace-page--a46r4 .workspace-stats {grid-template-columns:repeat(4,minmax(0,1fr));}
}
@media(max-width:1199px) {
 .account-stat-grid.account-stat-grid--a46r4,
 .workspace-page--a46r4 .workspace-stats {grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(max-width:870px) {
 .account-stat-grid.account-stat-grid--a46r4,
 .workspace-page--a46r4 .workspace-stats {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:650px) {
 .account-stat-grid.account-stat-grid--a46r4,
 .workspace-page--a46r4 .workspace-stats {grid-template-columns:minmax(0,1fr);}
 .account-stat-grid.account-stat-grid--a46r4 > a.account-stat-grid__card,
 .workspace-page--a46r4 .workspace-stats > .workspace-stat {min-height:123px;padding:16px 18px;}
 .account-stat-grid.account-stat-grid--a46r4 .account-stat-grid__watermark,
 .workspace-page--a46r4 .workspace-stats > .workspace-stat > .workspace-stat__icon {height:66px;width:66px;right:16px;}
 .account-stat-grid.account-stat-grid--a46r4 > a.account-stat-grid__card > strong,
 .workspace-page--a46r4 .workspace-stats > .workspace-stat > div strong {font-size:clamp(2.05rem,8.5vw,2.65rem);}
}
/* BARAMA_A46R4_ACCOUNT_DEVELOPER_CARDS_END */

/* BARAMA_A49A_USER_MANAGEMENT_UI_BEGIN */
/* Only Users list three-dot menus: native link/button typography parity. */
.workspace-row-actions__menu[id^="workspace-row-actions-menu-admin-users-"] .table-action,
.workspace-row-actions__menu[id^="workspace-row-actions-menu-admin-users-"] a,
.workspace-row-actions__menu[id^="workspace-row-actions-menu-admin-users-"] button {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
    width: 100%;
    min-height: 38px;
    margin: 0;
    padding: 0.6rem 0.7rem;
    font-family: inherit;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: left;
    text-transform: none;
    text-decoration: none;
    white-space: normal;
}
.workspace-row-actions__menu[id^="workspace-row-actions-menu-admin-users-"] form { width: 100%; margin: 0; }
.barama-a49-user-access { scroll-margin-top: 6rem; }
.barama-a49-user-access__body { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap: 1rem; padding: 1rem; }
.barama-a49-user-access__group { min-width:0; padding:1rem; border:1px solid var(--barama-border); border-radius:14px; background:var(--barama-surface); }
.barama-a49-user-access__group h3 { margin:0 0 .5rem; font-size:1rem; font-weight:800; color:var(--barama-text); }
.barama-a49-user-access__group p { margin:0 0 .9rem; color:var(--barama-muted); font-size:.8rem; line-height:1.5; }
.barama-a49-user-access__roles {display:flex; flex-wrap:wrap; gap:.4rem; margin-bottom:.8rem;}
.barama-a49-user-access__role {display:inline-flex; border:1px solid var(--barama-border); border-radius:999px; background:var(--barama-surface-soft); color:var(--barama-text); padding:.3rem .6rem; font-size:.76rem; font-weight:700;}
.barama-a49-user-access__actions {display:flex; flex-wrap:wrap; align-items:center; gap:.55rem; margin-bottom:.8rem;}
.barama-a49-user-access__actions form {margin:0;}
.barama-a49-user-access__group small {display:block; color:var(--barama-muted); font-size:.73rem; line-height:1.5;}
.barama-a49-user-access a:focus-visible,.barama-a49-user-access button:focus-visible {outline:2px solid var(--barama-primary);outline-offset:3px;}
@media(max-width:850px){.barama-a49-user-access__body{grid-template-columns:1fr;}}
/* BARAMA_A49A_USER_MANAGEMENT_UI_END */

/* Workspace access notice uses canonical stylesheet, not inline markup. */
.workspace-access-unavailable {padding:64px 20px;max-width:720px;min-height:65vh;}