.tenant-land-shell {
    background: color-mix(in srgb, var(--tenant-primary) 11%, #f9fafb 89%) !important;
}

.dark .tenant-land-shell {
    background: color-mix(in srgb, var(--tenant-primary) 14%, #030712 86%) !important;
}

/* Landing header: light outer band + dark inner bar (colors only) */
.tenant-land-site-header {
    background: linear-gradient(
        180deg,
        color-mix(in srgb, var(--tenant-primary) 9%, #ffffff 91%) 0%,
        color-mix(in srgb, var(--tenant-primary) 11%, #f9fafb 89%) 100%
    );
}

html.dark .tenant-land-site-header,
.dark .tenant-land-site-header {
    background: color-mix(in srgb, var(--tenant-primary) 14%, #030712 86%);
    border-bottom: none;
}

.tenant-land-header__bar {
    border-color: color-mix(in srgb, var(--tenant-primary) 28%, rgba(255, 255, 255, 0.35) 72%) !important;
    background: linear-gradient(
        180deg,
        color-mix(in srgb, var(--tenant-primary) 92%, #1e293b 8%) 0%,
        color-mix(in srgb, var(--tenant-primary) 80%, #0f172a 20%) 100%
    ) !important;
    box-shadow:
        inset 0 1px 0 color-mix(in srgb, var(--tenant-primary) 35%, rgba(255, 255, 255, 0.55)),
        inset 0 -4px 0 color-mix(in srgb, var(--tenant-primary) 9%, #ffffff 91%);
}

html.dark .tenant-land-header__bar,
.dark .tenant-land-header__bar {
    border-color: color-mix(in srgb, var(--tenant-primary) 26%, #2a3b3d 74%) !important;
    background: linear-gradient(
        180deg,
        color-mix(in srgb, var(--tenant-primary) 44%, #0d1117 56%) 0%,
        color-mix(in srgb, var(--tenant-primary) 36%, #0d1117 64%) 100%
    ) !important;
    box-shadow:
        0 1px 0 color-mix(in srgb, var(--tenant-primary) 16%, #1e293b 84%),
        inset 0 1px 0 color-mix(in srgb, var(--tenant-primary) 12%, rgba(255, 255, 255, 0.07));
}

/* Icon/text contrast on dark header bar (color only) */
.tenant-land-header__bar .lg\:hidden button[type="button"] {
    color: rgba(255, 255, 255, 0.88);
}

.tenant-land-header__bar .lg\:hidden button[type="button"]:hover {
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
}

.tenant-land-header__bar a[href][aria-label] {
    color: rgba(255, 255, 255, 0.88);
}

.tenant-land-header__bar a[href][aria-label]:hover {
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
}

.tenant-land-header__bar #theme-toggle {
    color: rgba(255, 255, 255, 0.88);
}

.tenant-land-header__bar #theme-toggle:hover {
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
}

.tenant-land-header__bar .i18n-trigger {
    color: rgba(255, 255, 255, 0.88);
}

.tenant-land-header__bar .i18n-trigger:hover {
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
}

.tenant-land-header__bar [data-dropdown-toggle="notification-dropdown"] {
    color: rgba(255, 255, 255, 0.88);
}

.tenant-land-header__bar [data-dropdown-toggle="notification-dropdown"]:hover {
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
}

html.dark .tenant-land-header__bar [data-dropdown-toggle="notification-dropdown"] .notification-bell-icon,
html.dark .tenant-land-header__bar [data-dropdown-toggle="notification-dropdown"] .notification-bell-outline,
.tenant-land-header__bar [data-dropdown-toggle="notification-dropdown"] .notification-bell-icon,
.tenant-land-header__bar [data-dropdown-toggle="notification-dropdown"] .notification-bell-outline {
    color: rgba(255, 255, 255, 0.92) !important;
    fill: currentColor;
}

.tenant-land-header__bar .notification-dot {
    background-color: #ef4444 !important;
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--tenant-primary) 80%, #0f172a 20%);
}

.tenant-land-header__bar [data-dropdown-toggle="user-dropdown"] {
    background: #fff !important;
}

.tenant-land-header__bar [data-dropdown-toggle="user-dropdown"]:hover {
    background: #fff !important;
    opacity: 0.96;
}

/* Dark mode: pill gelap + teks terang di bar hijau */
.dark .tenant-land-header__bar [data-dropdown-toggle="user-dropdown"] {
    background: color-mix(in srgb, var(--tenant-primary) 22%, #1e293b 78%) !important;
    border: 1px solid color-mix(in srgb, var(--tenant-primary) 38%, rgba(255, 255, 255, 0.22));
}

.dark .tenant-land-header__bar [data-dropdown-toggle="user-dropdown"]:hover {
    background: color-mix(in srgb, var(--tenant-primary) 28%, #334155 72%) !important;
    opacity: 1;
}

.dark .tenant-land-header__bar [data-dropdown-toggle="user-dropdown"] .text-gray-900 {
    color: #f8fafc !important;
}

.dark .tenant-land-header__bar [data-dropdown-toggle="user-dropdown"] .text-gray-500,
.dark .tenant-land-header__bar [data-dropdown-toggle="user-dropdown"] .text-gray-400 {
    color: color-mix(in srgb, #cbd5e1 85%, var(--tenant-secondary) 15%) !important;
}

.dark .tenant-land-header__bar [data-dropdown-toggle="user-dropdown"] .bg-gray-200,
.dark .tenant-land-header__bar [data-dropdown-toggle="user-dropdown"] .bg-gray-100 {
    background: color-mix(in srgb, var(--tenant-primary) 45%, #334155 55%) !important;
}

.dark .tenant-land-header__bar [data-dropdown-toggle="user-dropdown"] .text-gray-700,
.dark .tenant-land-header__bar [data-dropdown-toggle="user-dropdown"] .text-gray-300 {
    color: #e2e8f0 !important;
}

.dark .tenant-land-header__bar nav > div.rounded-full {
    border-color: color-mix(in srgb, var(--tenant-primary) 35%, rgba(255, 255, 255, 0.18)) !important;
    background: color-mix(in srgb, var(--tenant-primary) 16%, rgba(15, 23, 42, 0.72) 84%) !important;
}

.dark .tenant-land-header__bar nav a.rounded-full:not([class*="bg-"]) {
    color: rgba(255, 255, 255, 0.78);
}

.dark .tenant-land-header__bar nav a.rounded-full:not([class*="bg-"]):hover {
    background: rgba(255, 255, 255, 0.1) !important;
    color: #fff;
}

.dark .tenant-land-header__bar .notification-dot {
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--tenant-primary) 65%, #020617 35%);
}

:root {
    --tenant-land-header-offset: 6rem;
}

#tenant-scroll-root > section[id] {
    min-height: calc(100vh - var(--tenant-land-header-offset));
    min-height: calc(100svh - var(--tenant-land-header-offset));
}

#tenant-scroll-root > section[id] {
    scroll-margin-top: var(--tenant-land-header-offset);
}