/* portal-masthead-new.css is loaded as a versioned stylesheet dependency. */

@font-face {
    font-family: "Reckless Neue";
    src: url("../ler-secure-checkout-plugin/assets/fonts/RecklessNeue-Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Matter is the portal UI and body face (LERWS_BRAND_GUIDE.md 2.2). It is
   declared here because the new shell no longer loads portal-typography.css,
   which is where the legacy routes picked it up. Do not reintroduce Arial or
   any other page-local body override on top of this. */
@font-face {
    font-family: Matter;
    src: url("./matter-regular.woff2") format("woff2"),
         url("./matter-regular.woff") format("woff");
    font-weight: 400 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Matter;
    src: url("./matter-light.woff2") format("woff2"),
         url("./matter-light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

:root {
    --ler-dashboard-ink: #1c1819;
    --ler-dashboard-muted: #765f5e;
    --ler-dashboard-paper: #ffffff;
    --ler-dashboard-bg: #f8f5f3;
    --ler-dashboard-line: #eadbd4;
    --ler-dashboard-active: #eaded8;
    --ler-dashboard-green: #08734f;
    --lerws-ui-button-height: 40px;
    --lerws-ui-button-radius: var(--lerws-radius-sm);
    --lerws-ui-button-compact-height: 36px;

    /* Corner radius has exactly three steps. Route CSS consumes these tokens;
       it must not introduce a fourth literal value.
         sm   controls, pills, small chips
         md   cards, panels, tables, modals
         pill fully rounded badges and meters */
    --lerws-radius-sm: 8px;
    --lerws-radius-md: 12px;
    --lerws-radius-pill: 999px;

    /* Canonical shell breakpoints. Custom properties cannot be used inside a
       media query, so these are documented rather than tokenised. Route CSS
       must use these two widths and no others, so a page never reflows at a
       width the rest of the portal does not.
         1000px  sidebar collapses to the mobile drawer
         760px   content drops to the narrow single-column gutter */

    /* Shared tokens consumed by isolated route styles. Keep these here so the
       new shell does not need the legacy portal-system.css dependency. */
    --lerws-type-family: Matter, Inter, system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
    --lerws-portal-font: var(--lerws-type-family, Matter, Inter, system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif);
    --lerws-type-size-body: 14px;
    --lerws-type-leading-body: 1.45;
    --lerws-portal-bg: var(--ler-dashboard-bg);
    --lerws-portal-surface: var(--ler-dashboard-paper);
    --lerws-portal-surface-alt: #f1eae6;
    --lerws-portal-surface-elevated: var(--ler-dashboard-paper);
    --lerws-portal-line: var(--ler-dashboard-line);
    --lerws-portal-line-soft: #f0e5df;
    /* Row hover on tables and table-shaped lists. */
    --lerws-portal-surface-hover: #fdfaf8;
    --lerws-portal-text: var(--ler-dashboard-ink);
    --lerws-portal-text-secondary: var(--ler-dashboard-muted);
    --lerws-portal-text-muted: #8c7773;
    --lerws-portal-text-dim: #a99490;
    --lerws-portal-accent: #dd3d06;
    --lerws-portal-accent-hover: #b93405;
    --lerws-portal-accent-soft: #f7dfd5;
    --lerws-portal-on-accent: #ffffff;
    --lerws-portal-success: #08734f;
    --lerws-portal-warning: #a15c00;
    --lerws-portal-danger: #b42318;
    --lerws-portal-info: #2563eb;
    --lerws-portal-shadow-sm: 0 1px 2px rgba(28, 24, 25, 0.08);
    --lerws-portal-shadow-md: 0 12px 32px rgba(28, 24, 25, 0.12);
    --lerws-portal-shadow-lg: 0 24px 70px rgba(28, 24, 25, 0.16);
    --lerws-control-height-standard: 46px;
    --lerws-control-radius-standard: var(--lerws-radius-md, 12px);
    --lerws-control-radius-large: var(--lerws-radius-md, 12px);
    --lerws-control-bg: color-mix(in srgb, var(--lerws-portal-surface) 96%, var(--lerws-portal-bg));
    --lerws-control-bg-hover: color-mix(in srgb, var(--lerws-portal-surface) 92%, var(--lerws-portal-bg));
    --lerws-control-bg-focus: color-mix(in srgb, var(--lerws-portal-surface-alt) 76%, var(--lerws-portal-surface));
    --lerws-control-border: var(--lerws-portal-line);
    --lerws-control-border-focus: var(--lerws-portal-text-secondary);
    --lerws-control-focus-ring: 0 0 0 3px rgba(28, 24, 25, 0.10);
}

html {
    /* Keep the content frame stable when one route is taller than the
       viewport and another route is not. */
    scrollbar-gutter: stable;
}

html,
body {
    margin: 0 !important;
    min-height: 100%;
    background: var(--ler-dashboard-bg) !important;
    color: var(--ler-dashboard-ink);
}

body,
body button,
body input,
body select,
body textarea {
    font-family: var(--lerws-type-family, Matter, Inter, system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif);
}

body * {
    box-sizing: border-box;
}

#lerws-portal.lerws-portal {
    --header-height: 56px;
    --sidebar-width: 232px;
    --lerws-shell-max-width: 1424px;
    --lerws-shell-gutter: 16px;
    --lerws-shell-sidebar-gap: 16px;
    /* Route files consume this shared tablet/mobile shell contract instead of
       guessing with page-specific header-offset values. */
    --lerws-mobile-shell-height: 136px;
    --lerws-mobile-main-offset: 140px;
    display: block;
    min-height: 100vh;
    width: 100%;
    max-width: none;
    overflow-x: hidden;
    background: var(--ler-dashboard-bg);
    color: var(--ler-dashboard-ink);
    font-family: var(--lerws-type-family, Matter, Inter, system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif) !important;
    font-size: 14px;
    line-height: 1.45;
}

#lerws-portal.lerws-portal,
#lerws-portal.lerws-portal button,
#lerws-portal.lerws-portal input,
#lerws-portal.lerws-portal select,
#lerws-portal.lerws-portal textarea,
#lerws-portal.lerws-portal * {
    font-family: var(--lerws-type-family, Matter, Inter, system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif) !important;
}

/* Keyboard focus safety net. Interactive elements in the portal mostly replace
 * the native outline with a box-shadow ring, which is fine — but anything that
 * neither sets a ring nor a focus style would otherwise be invisible to keyboard
 * users. This fires only for :focus-visible, so pointer clicks are unaffected,
 * and any component that defines its own focus treatment still wins on
 * specificity. Do not remove an outline without providing a visible substitute. */
#lerws-portal.lerws-portal :is(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
    outline: 2px solid var(--ler-dashboard-ink);
    outline-offset: 2px;
}

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

/* Shared new-shell UI primitives. Route styles own layout and exceptions;
 * button geometry and semantic variants belong to this base layer. */
#lerws-portal.lerws-portal .lerws-ui-button {
    display: inline-flex;
    min-height: var(--lerws-ui-button-height);
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0 14px;
    border: 1px solid var(--ler-dashboard-line);
    border-radius: var(--lerws-ui-button-radius);
    background: #fff;
    color: var(--ler-dashboard-ink);
    font-family: var(--lerws-type-family, Matter, Inter, system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif) !important;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none;
    white-space: nowrap;
    appearance: none;
    cursor: pointer;
    transition: background 160ms ease, border-color 160ms ease, color 160ms ease;
}

#lerws-portal.lerws-portal .lerws-ui-button:hover:not(:disabled),
#lerws-portal.lerws-portal .lerws-ui-button:focus-visible {
    border-color: var(--ler-dashboard-ink);
    color: var(--ler-dashboard-ink);
}

#lerws-portal.lerws-portal .lerws-ui-button:focus-visible {
    outline: 2px solid var(--ler-dashboard-ink);
    outline-offset: 2px;
}

#lerws-portal.lerws-portal .lerws-ui-button--primary {
    border-color: var(--ler-dashboard-ink);
    background: var(--ler-dashboard-ink);
    color: #fff;
}

#lerws-portal.lerws-portal .lerws-ui-button--primary:hover:not(:disabled),
#lerws-portal.lerws-portal .lerws-ui-button--primary:focus-visible {
    border-color: #000;
    background: #000;
    color: #fff;
}

#lerws-portal.lerws-portal .lerws-ui-button--secondary {
    background: #fff;
}

#lerws-portal.lerws-portal .lerws-ui-button--subtle {
    border-color: var(--ler-dashboard-line);
    background: #fbf8f6;
    color: var(--ler-dashboard-muted);
}

#lerws-portal.lerws-portal .lerws-ui-button--ghost {
    border-color: transparent;
    background: transparent;
    color: var(--ler-dashboard-muted);
}

#lerws-portal.lerws-portal .lerws-ui-button--ghost:hover:not(:disabled),
#lerws-portal.lerws-portal .lerws-ui-button--ghost:focus-visible {
    background: transparent;
    color: var(--ler-dashboard-ink);
}

#lerws-portal.lerws-portal .lerws-ui-button--danger {
    border-color: color-mix(in srgb, var(--lerws-portal-danger) 30%, var(--ler-dashboard-line));
    background: #fff;
    color: var(--lerws-portal-danger);
}

#lerws-portal.lerws-portal .lerws-ui-button--icon {
    width: 40px;
    min-width: 40px;
    padding: 0;
}

#lerws-portal.lerws-portal .lerws-ui-button--compact {
    min-height: var(--lerws-ui-button-compact-height);
    padding: 0 13px;
    font-size: 12px;
}

#lerws-portal.lerws-portal .lerws-ui-button--compact.lerws-ui-button--icon {
    width: 36px;
    min-width: 36px;
    padding: 0;
}

#lerws-portal.lerws-portal .lerws-ui-button svg {
    width: 18px;
    height: 18px;
}

#lerws-portal.lerws-portal .lerws-ui-button:disabled,
#lerws-portal.lerws-portal .lerws-ui-button[aria-disabled="true"] {
    opacity: .55;
    cursor: not-allowed;
}

@media (max-width: 760px) {
    #lerws-portal.lerws-portal .lerws-ui-button:not(.lerws-ui-button--compact) {
        min-height: 44px;
    }
}

/* Shared new-shell data, navigation, and form primitives. Keep component
 * geometry here; route styles should provide layout, min-widths, and domain
 * specific modifiers only. */
#lerws-portal.lerws-portal .lerws-ui-pill,
#lerws-portal.lerws-portal .lerws-ui-status {
    display: inline-flex;
    width: max-content;
    min-height: 25px;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 0 9px;
    border: 1px solid var(--ler-dashboard-line);
    border-radius: var(--lerws-radius-pill, 999px);
    background: #fbf8f6;
    color: var(--ler-dashboard-muted);
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
}

#lerws-portal.lerws-portal .lerws-ui-pill--compact,
#lerws-portal.lerws-portal .lerws-ui-status--compact {
    min-height: 24px;
    padding: 0 8px;
    font-size: 11px;
}

#lerws-portal.lerws-portal :is(.lerws-ui-pill--info, .lerws-ui-status--info, .lerws-ui-status--reviewed, .lerws-ui-status--captured) {
    border-color: #cbdaf5;
    background: #f1f6ff;
    color: var(--lerws-portal-info);
}

#lerws-portal.lerws-portal :is(.lerws-ui-pill--success, .lerws-ui-status--success, .lerws-ui-status--active, .lerws-ui-status--approved, .lerws-ui-status--completed, .lerws-ui-status--delivered, .lerws-ui-status--on-track, .lerws-ui-status--paid, .lerws-ui-status--published, .lerws-ui-status--rewarded) {
    border-color: #c9dfd5;
    background: #effaf5;
    color: var(--lerws-portal-success);
}

#lerws-portal.lerws-portal :is(.lerws-ui-pill--warning, .lerws-ui-status--warning, .lerws-ui-status--at-risk, .lerws-ui-status--draft, .lerws-ui-status--on-hold, .lerws-ui-status--pending, .lerws-ui-status--processing) {
    border-color: #ecd5a9;
    background: #fff8e8;
    color: var(--lerws-portal-warning);
}

#lerws-portal.lerws-portal :is(.lerws-ui-pill--danger, .lerws-ui-status--danger, .lerws-ui-status--cancelled, .lerws-ui-status--declined, .lerws-ui-status--error, .lerws-ui-status--failed, .lerws-ui-status--refunded, .lerws-ui-status--suspended, .lerws-ui-status--void) {
    border-color: #efc8c2;
    background: #fff2f0;
    color: var(--lerws-portal-danger);
}

/* Page-level alert. One component for every "something needs your attention"
 * message in the portal. Its four tones deliberately match the semantic groups
 * used by .lerws-ui-status above, so a page never invents a fifth meaning.
 * Route CSS must not define its own __notice element. */
#lerws-portal.lerws-portal .lerws-ui-notice {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    border: 1px solid var(--ler-dashboard-line);
    border-radius: var(--lerws-radius-md, 12px);
    background: var(--ler-dashboard-paper);
    color: var(--ler-dashboard-ink);
    font-size: 13px;
    line-height: 1.5;
}

#lerws-portal.lerws-portal .lerws-ui-notice__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--ler-dashboard-muted);
}

#lerws-portal.lerws-portal .lerws-ui-notice__icon svg {
    display: block;
    width: 18px;
    height: 18px;
}

#lerws-portal.lerws-portal .lerws-ui-notice__text {
    margin: 0;
    min-width: 0;
}

#lerws-portal.lerws-portal .lerws-ui-notice--info {
    border-color: #cbdaf5;
    background: #f1f6ff;
}

#lerws-portal.lerws-portal .lerws-ui-notice--info .lerws-ui-notice__icon {
    color: var(--lerws-portal-info);
}

#lerws-portal.lerws-portal .lerws-ui-notice--success {
    border-color: #c9dfd5;
    background: #effaf5;
}

#lerws-portal.lerws-portal .lerws-ui-notice--success .lerws-ui-notice__icon {
    color: var(--lerws-portal-success);
}

#lerws-portal.lerws-portal .lerws-ui-notice--warning {
    border-color: #ecd5a9;
    background: #fff8e8;
}

#lerws-portal.lerws-portal .lerws-ui-notice--warning .lerws-ui-notice__icon {
    color: var(--lerws-portal-warning);
}

#lerws-portal.lerws-portal .lerws-ui-notice--danger {
    border-color: #efc8c2;
    background: #fff2f0;
}

#lerws-portal.lerws-portal .lerws-ui-notice--danger .lerws-ui-notice__icon {
    color: var(--lerws-portal-danger);
}

@media (max-width: 760px) {
    #lerws-portal.lerws-portal .lerws-ui-notice {
        grid-template-columns: auto minmax(0, 1fr);
    }

    #lerws-portal.lerws-portal .lerws-ui-notice .lerws-ui-button {
        grid-column: 2;
        justify-self: start;
    }
}

/* Bordered content surface. This is the base every page-specific panel builds
 * on; it previously existed only in portal-system.css, which the new shell no
 * longer loads, so a new page using .lerws-ui-panel got an unstyled div. */
#lerws-portal.lerws-portal .lerws-ui-panel {
    display: block;
    min-width: 0;
    padding: 20px;
    border: 1px solid var(--ler-dashboard-line);
    border-radius: var(--lerws-radius-md, 12px);
    background: var(--ler-dashboard-paper);
}

#lerws-portal.lerws-portal .lerws-ui-panel__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

#lerws-portal.lerws-portal .lerws-ui-panel__header h2,
#lerws-portal.lerws-portal .lerws-ui-panel__header h3 {
    margin: 0;
    color: var(--ler-dashboard-ink);
    font-size: 15px;
    font-weight: 600;
    letter-spacing: -.01em;
}

#lerws-portal.lerws-portal .lerws-ui-pill-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px;
}

#lerws-portal.lerws-portal .lerws-ui-tabs {
    display: flex;
    min-width: 0;
    align-items: stretch;
    gap: 24px;
    overflow-x: auto;
    overflow-y: hidden;
    border-bottom: 1px solid var(--ler-dashboard-line);
    scrollbar-width: none;
}

#lerws-portal.lerws-portal .lerws-ui-tabs::-webkit-scrollbar,
#lerws-portal.lerws-portal .lerws-ui-filter-tabs::-webkit-scrollbar {
    display: none;
}

#lerws-portal.lerws-portal .lerws-ui-tabs > a,
#lerws-portal.lerws-portal .lerws-ui-tabs > button,
#lerws-portal.lerws-portal .lerws-ui-tabs > .lerws-ui-tab {
    position: relative;
    display: inline-flex;
    min-height: 42px;
    flex: 0 0 auto;
    align-items: center;
    gap: 7px;
    padding: 0 0 10px;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--ler-dashboard-muted);
    font: inherit;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
}

#lerws-portal.lerws-portal .lerws-ui-tabs > a:hover,
#lerws-portal.lerws-portal .lerws-ui-tabs > a:focus-visible,
#lerws-portal.lerws-portal .lerws-ui-tabs > button:hover,
#lerws-portal.lerws-portal .lerws-ui-tabs > button:focus-visible,
#lerws-portal.lerws-portal .lerws-ui-tabs > :is(a, button, .lerws-ui-tab).is-current,
#lerws-portal.lerws-portal .lerws-ui-tabs > :is(a, button, .lerws-ui-tab).is-active {
    color: var(--ler-dashboard-ink);
}

#lerws-portal.lerws-portal .lerws-ui-tabs > :is(a, button, .lerws-ui-tab).is-current::after,
#lerws-portal.lerws-portal .lerws-ui-tabs > :is(a, button, .lerws-ui-tab).is-active::after {
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    height: 2px;
    background: var(--ler-dashboard-ink);
    content: "";
}

#lerws-portal.lerws-portal .lerws-ui-tabs > :is(a, button, .lerws-ui-tab):focus-visible,
#lerws-portal.lerws-portal .lerws-ui-filter-tab:focus-visible,
#lerws-portal.lerws-portal .lerws-ui-sort-button:focus-visible,
#lerws-portal.lerws-portal .lerws-ui-disclosure summary:focus-visible {
    outline: 2px solid rgba(28, 24, 25, .28);
    outline-offset: 2px;
}

#lerws-portal.lerws-portal .lerws-ui-filter-tabs {
    display: inline-flex;
    max-width: 100%;
    align-items: center;
    gap: 2px;
    padding: 4px;
    overflow-x: auto;
    overflow-y: hidden;
    border: 1px solid var(--ler-dashboard-line);
    border-radius: var(--lerws-radius-md, 12px);
    background: #f7f2ef;
    scrollbar-width: none;
}

#lerws-portal.lerws-portal .lerws-ui-filter-tab {
    display: inline-flex;
    min-height: 40px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 0 14px;
    border: 0;
    border-radius: var(--lerws-radius-sm, 8px);
    background: transparent;
    color: var(--ler-dashboard-muted);
    font: inherit;
    font-size: 13px;
    line-height: 1.2;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
}

#lerws-portal.lerws-portal .lerws-ui-filter-tab:hover,
#lerws-portal.lerws-portal .lerws-ui-filter-tab:focus-visible,
#lerws-portal.lerws-portal .lerws-ui-filter-tab.is-active,
#lerws-portal.lerws-portal .lerws-ui-filter-tab.active,
#lerws-portal.lerws-portal .lerws-ui-filter-tab[aria-current="page"] {
    background: #fff;
    color: var(--ler-dashboard-ink);
    box-shadow: 0 2px 8px rgba(28, 24, 25, .08);
}

#lerws-portal.lerws-portal .lerws-ui-filter-tab.is-active,
#lerws-portal.lerws-portal .lerws-ui-filter-tab.active,
#lerws-portal.lerws-portal .lerws-ui-filter-tab[aria-current="page"] {
    font-weight: 600;
}

#lerws-portal.lerws-portal .lerws-ui-table-wrap {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    border: 1px solid var(--ler-dashboard-line);
    border-radius: var(--lerws-radius-md, 12px);
    background: var(--ler-dashboard-paper);
}

/* Use when a table already sits inside a bordered panel. The panel owns the
   outer surface; the table should keep its scroll behavior without drawing a
   second card outline inside it. */
#lerws-portal.lerws-portal .lerws-ui-table-wrap.lerws-ui-table-wrap--flush {
    border: 0;
    border-radius: 0;
    background: transparent;
}

#lerws-portal.lerws-portal .lerws-ui-table {
    width: 100%;
    border-collapse: collapse;
    color: var(--ler-dashboard-ink);
    font-size: 13px;
}

#lerws-portal.lerws-portal .lerws-ui-table th {
    padding: 14px 16px;
    border-bottom: 1px solid var(--ler-dashboard-line);
    color: var(--ler-dashboard-muted);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .08em;
    line-height: 1.2;
    text-align: left;
    text-transform: uppercase;
    white-space: nowrap;
}

#lerws-portal.lerws-portal .lerws-ui-table td {
    padding: 15px 16px;
    border-bottom: 1px solid var(--lerws-portal-line-soft);
    vertical-align: middle;
}

#lerws-portal.lerws-portal .lerws-ui-table tbody tr:last-child td {
    border-bottom: 0;
}

#lerws-portal.lerws-portal .lerws-ui-table tbody tr:hover td {
    background: var(--lerws-portal-surface-hover);
}

/* Data-heavy lists should keep one record on one visual line. Opt into this
   modifier when the table should scroll horizontally instead of wrapping. */
#lerws-portal.lerws-portal .lerws-ui-table.lerws-ui-table--single-line {
    min-width: max-content;
}

#lerws-portal.lerws-portal .lerws-ui-table.lerws-ui-table--single-line th,
#lerws-portal.lerws-portal .lerws-ui-table.lerws-ui-table--single-line td {
    vertical-align: middle;
    white-space: nowrap;
}

#lerws-portal.lerws-portal .lerws-ui-sort-button {
    display: inline-flex;
    min-height: 28px;
    align-items: center;
    gap: 4px;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    font-size: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    text-align: left;
    text-transform: inherit;
    cursor: pointer;
}

#lerws-portal.lerws-portal .lerws-ui-sort-inline {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

#lerws-portal.lerws-portal .lerws-ui-pagination {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin: 0;
    padding: 14px 0 0;
    color: var(--ler-dashboard-muted);
    font-size: 13px;
}

#lerws-portal.lerws-portal .lerws-ui-pagination__info {
    line-height: 1.4;
}

#lerws-portal.lerws-portal .lerws-ui-pagination__controls {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}

#lerws-portal.lerws-portal .lerws-ui-pagination__control {
    display: inline-flex;
    width: 40px;
    min-width: 40px;
    min-height: 40px;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    border: 1px solid var(--ler-dashboard-line);
    border-radius: var(--lerws-radius-sm, 8px);
    background: #fff;
    color: var(--ler-dashboard-ink);
    font: inherit;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
}

#lerws-portal.lerws-portal .lerws-ui-pagination__control:hover:not(.is-disabled),
#lerws-portal.lerws-portal .lerws-ui-pagination__control:focus-visible {
    border-color: #c9b5ae;
    background: #fbf8f6;
}

#lerws-portal.lerws-portal .lerws-ui-pagination__control.active,
#lerws-portal.lerws-portal .lerws-ui-pagination__control[aria-current="page"] {
    border-color: var(--ler-dashboard-ink);
    background: var(--ler-dashboard-ink);
    color: #fff;
}

#lerws-portal.lerws-portal .lerws-ui-pagination__control.is-disabled,
#lerws-portal.lerws-portal .lerws-ui-pagination__control[aria-disabled="true"] {
    opacity: .4;
    pointer-events: none;
    cursor: default;
}

#lerws-portal.lerws-portal .lerws-ui-pagination__control svg {
    display: block;
    width: 16px;
    height: 16px;
}

#lerws-portal.lerws-portal :is(.lerws-ui-field-label, .lerws-ui-field > label) {
    display: grid;
    gap: 6px;
    color: var(--ler-dashboard-muted);
    font-size: 12px;
    line-height: 1.3;
}

#lerws-portal.lerws-portal .lerws-ui-field {
    display: grid;
    min-width: 0;
    gap: 8px;
}

#lerws-portal.lerws-portal .lerws-ui-field--full {
    grid-column: 1 / -1;
}

#lerws-portal.lerws-portal :is(.lerws-ui-input, .lerws-ui-select, .lerws-ui-textarea) {
    width: 100%;
    min-height: 44px;
    padding: 0 14px;
    border: 1px solid var(--lerws-control-border);
    border-radius: var(--lerws-radius-md, 12px);
    background: var(--lerws-control-bg);
    color: var(--lerws-portal-text);
    font: inherit;
    font-size: 14px;
}

#lerws-portal.lerws-portal .lerws-ui-textarea {
    min-height: 120px;
    padding-top: 10px;
    padding-bottom: 10px;
    resize: vertical;
}

#lerws-portal.lerws-portal :is(.lerws-ui-input, .lerws-ui-select, .lerws-ui-textarea)::placeholder {
    color: var(--lerws-portal-text-muted);
}

#lerws-portal.lerws-portal :is(.lerws-ui-input, .lerws-ui-select, .lerws-ui-textarea):focus-visible {
    outline: 0;
    border-color: var(--lerws-control-border-focus);
    box-shadow: var(--lerws-control-focus-ring);
}

#lerws-portal.lerws-portal .lerws-ui-field-help,
#lerws-portal.lerws-portal .lerws-ui-field-error {
    display: block;
    margin: 0;
    font-size: 12px;
    line-height: 1.45;
}

#lerws-portal.lerws-portal .lerws-ui-field-help {
    color: var(--lerws-portal-text-secondary);
}

#lerws-portal.lerws-portal .lerws-ui-field-error {
    color: var(--lerws-portal-danger);
}

#lerws-portal.lerws-portal .lerws-ui-inline-status {
    display: block;
    padding: 10px 12px;
    border: 1px solid var(--ler-dashboard-line);
    border-radius: var(--lerws-radius-md, 12px);
    background: #fbf8f6;
    color: var(--ler-dashboard-muted);
    font-size: 13px;
    line-height: 1.45;
}

#lerws-portal.lerws-portal .lerws-ui-inline-status--compact {
    padding: 9px 10px;
    font-size: 12px;
}

#lerws-portal.lerws-portal .lerws-ui-inline-status:empty {
    display: none;
}

#lerws-portal.lerws-portal .lerws-ui-inline-status.is-success {
    border-color: #c9dfd5;
    background: #effaf5;
    color: var(--lerws-portal-success);
}

#lerws-portal.lerws-portal .lerws-ui-inline-status.is-error {
    border-color: #efc8c2;
    background: #fff2f0;
    color: var(--lerws-portal-danger);
}

#lerws-portal.lerws-portal .lerws-ui-inline-status.is-loading,
#lerws-portal.lerws-portal .lerws-ui-inline-status.is-warning {
    border-color: #ecd5a9;
    background: #fff8e8;
    color: var(--lerws-portal-warning);
}

#lerws-portal.lerws-portal .lerws-ui-inline-status[hidden],
#lerws-portal.lerws-portal .lerws-ui-empty-state[hidden] {
    display: none !important;
}

#lerws-portal.lerws-portal .lerws-ui-empty-state {
    display: grid;
    justify-items: center;
    gap: 8px;
    padding: 32px 20px;
    border: 1px dashed var(--ler-dashboard-line);
    border-radius: var(--lerws-radius-md, 12px);
    background: #fff;
    color: var(--ler-dashboard-muted);
    text-align: center;
}

#lerws-portal.lerws-portal .lerws-ui-empty-icon {
    display: inline-flex;
    width: 48px;
    height: 48px;
    align-items: center;
    justify-content: center;
    border-radius: var(--lerws-radius-pill, 999px);
    background: #f1eae6;
    color: var(--ler-dashboard-ink);
}

#lerws-portal.lerws-portal .lerws-ui-empty-icon svg {
    display: block;
    width: 22px;
    height: 22px;
}

#lerws-portal.lerws-portal .lerws-ui-empty-title,
#lerws-portal.lerws-portal .lerws-ui-empty-text {
    margin: 0;
}

#lerws-portal.lerws-portal .lerws-ui-empty-title {
    color: var(--ler-dashboard-ink);
    font-size: 16px;
    line-height: 1.3;
}

#lerws-portal.lerws-portal .lerws-ui-empty-text {
    max-width: 48ch;
    font-size: 13px;
    line-height: 1.5;
}

#lerws-portal.lerws-portal .lerws-ui-count {
    display: inline-flex;
    min-width: 22px;
    min-height: 22px;
    align-items: center;
    justify-content: center;
    padding: 0 6px;
    border-radius: var(--lerws-radius-pill, 999px);
    background: var(--ler-dashboard-active);
    color: var(--ler-dashboard-ink);
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
}

#lerws-portal.lerws-portal .lerws-ui-disclosure {
    overflow: hidden;
    border: 1px solid var(--ler-dashboard-line);
    border-radius: var(--lerws-radius-md, 12px);
    background: #fbf8f6;
}

#lerws-portal.lerws-portal .lerws-ui-disclosure summary {
    display: flex;
    min-height: 44px;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 0 12px;
    color: var(--ler-dashboard-ink);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    list-style: none;
}

#lerws-portal.lerws-portal .lerws-ui-disclosure summary::-webkit-details-marker {
    display: none;
}

#lerws-portal.lerws-portal .lerws-ui-disclosure summary::after {
    color: var(--ler-dashboard-muted);
    content: "+";
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
}

#lerws-portal.lerws-portal .lerws-ui-disclosure[open] summary {
    border-bottom: 1px solid var(--ler-dashboard-line);
}

#lerws-portal.lerws-portal .lerws-ui-disclosure[open] summary::after {
    content: "−";
}

#lerws-portal.lerws-portal .lerws-ui-segmented {
    display: flex;
    min-width: 0;
    align-items: stretch;
    gap: 4px;
    padding: 4px;
    border: 1px solid var(--ler-dashboard-line);
    border-radius: var(--lerws-radius-pill, 999px);
    background: #fbf8f6;
}

#lerws-portal.lerws-portal .lerws-ui-segmented__item {
    display: inline-flex;
    min-width: 0;
    min-height: 40px;
    flex: 1 1 0;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    border: 0;
    border-radius: var(--lerws-radius-pill, 999px);
    background: transparent;
    color: var(--ler-dashboard-muted);
    font: inherit;
    font-size: 13px;
    line-height: 1.2;
    text-align: center;
    cursor: pointer;
}

#lerws-portal.lerws-portal .lerws-ui-segmented__item:hover:not(:disabled),
#lerws-portal.lerws-portal .lerws-ui-segmented__item:focus-visible {
    background: #f0e5e0;
    color: var(--ler-dashboard-ink);
}

#lerws-portal.lerws-portal .lerws-ui-segmented__item.is-active,
#lerws-portal.lerws-portal .lerws-ui-segmented__item[aria-selected="true"] {
    background: var(--ler-dashboard-ink);
    color: #fff;
    font-weight: 600;
}

#lerws-portal.lerws-portal .lerws-ui-segmented__item:disabled {
    opacity: .55;
    cursor: not-allowed;
}

@media (max-width: 767px) {
    #lerws-portal.lerws-portal .lerws-ui-filter-tabs {
        width: 100%;
    }

    #lerws-portal.lerws-portal .lerws-ui-filter-tab {
        min-height: 44px;
    }

    #lerws-portal.lerws-portal .lerws-ui-pagination {
        flex-direction: column;
        align-items: stretch;
    }

    #lerws-portal.lerws-portal .lerws-ui-pagination__info {
        text-align: center;
    }

    #lerws-portal.lerws-portal .lerws-ui-pagination__controls {
        justify-content: center;
    }

    #lerws-portal.lerws-portal .lerws-ui-pagination__control {
        min-width: 44px;
        min-height: 44px;
    }
}

#lerws-portal .lerws-topbar--dashboard {
    position: fixed;
    z-index: 500;
    top: 16px;
    left: 50%;
    right: auto;
    width: min(1424px, calc(100% - 32px));
    height: var(--header-height);
    padding: 0 16px;
    border: 0;
    border-radius: var(--lerws-radius-sm, 8px);
    background: var(--ler-dashboard-ink);
    color: #fff;
    box-shadow: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transform: translateX(-50%);
}

#lerws-portal .lerws-topbar--dashboard .lerws-topbar-left {
    display: flex;
    align-items: center;
    gap: 18px;
    min-width: 0;
    flex: 1 1 auto;
}

#lerws-portal .lerws-topbar--dashboard .lerws-topbar-brand {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    width: 88px;
    height: 34px;
    color: #fff;
    text-decoration: none;
}

#lerws-portal .lerws-topbar--dashboard .lerws-topbar-brand .lerws-logo-img {
    display: none !important;
    max-width: 88px;
    max-height: 30px;
    width: auto;
    height: auto;
}

#lerws-portal .lerws-topbar--dashboard .lerws-topbar-brand .lerws-logo-dark,
#lerws-portal .lerws-topbar--dashboard .lerws-topbar-brand .lerws-logo-single,
#lerws-portal .lerws-topbar--dashboard .lerws-topbar-brand .lerws-logo-fallback {
    display: block !important;
}

#lerws-portal .lerws-topbar--dashboard .lerws-topbar-brand .lerws-logo-wordmark {
    /* Track the brand container so the compact-header widths (88/64/56px)
       scale the wordmark instead of letting it bleed under the controls. */
    display: block;
    width: 100%;
    height: auto;
    max-height: 30px;
}

#lerws-portal .lerws-topbar--dashboard .lerws-sidebar-toggle {
    display: none;
}

#lerws-portal .lerws-topbar--dashboard .lerws-workspace-nav {
    display: flex;
    align-items: center;
    gap: 0;
    min-width: 0;
    color: #fff;
    font-size: 14px;
}

#lerws-portal .lerws-topbar--dashboard .lerws-workspace-nav-home,
#lerws-portal .lerws-topbar--dashboard .lerws-workspace-nav-current {
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
}

#lerws-portal .lerws-topbar--dashboard .lerws-workspace-nav-home {
    display: inline-flex;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    align-items: center;
    justify-content: center;
    border-radius: var(--lerws-radius-sm, 8px);
}

#lerws-portal .lerws-topbar--dashboard .lerws-workspace-nav-home:hover,
#lerws-portal .lerws-topbar--dashboard .lerws-workspace-nav-home:focus-visible {
    outline: 0;
    background: #363132;
    color: #fff;
}

#lerws-portal .lerws-topbar--dashboard .lerws-workspace-nav-home svg {
    width: 18px;
    height: 18px;
}

#lerws-portal .lerws-topbar--dashboard .lerws-workspace-nav-separator {
    margin: 0 8px;
    color: rgba(255, 255, 255, .72);
    font-size: 18px;
    line-height: 1;
}

#lerws-portal .lerws-topbar--dashboard .lerws-workspace-nav-current {
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
}

#lerws-portal[data-page="dashboard"] .lerws-topbar--dashboard .lerws-workspace-nav-separator,
#lerws-portal[data-page="dashboard"] .lerws-topbar--dashboard .lerws-workspace-nav-current {
    display: none;
}

#lerws-portal .lerws-topbar--dashboard .lerws-topbar-right {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-left: auto;
    color: #fff;
}

#lerws-portal .lerws-topbar--dashboard .lerws-topbar-search,
#lerws-portal .lerws-topbar--dashboard .lerws-topbar-help span {
    display: none !important;
}

#lerws-portal .lerws-topbar--dashboard .lerws-quick-create-dropdown {
    position: relative;
    display: inline-flex;
    align-items: center;
}

#lerws-portal .lerws-topbar--dashboard .lerws-quick-create-trigger {
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 0 12px;
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: var(--lerws-radius-sm, 8px);
    background: rgba(255, 255, 255, .08);
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}

#lerws-portal .lerws-topbar--dashboard .lerws-quick-create-trigger:hover,
#lerws-portal .lerws-topbar--dashboard .lerws-quick-create-dropdown.open .lerws-quick-create-trigger,
#lerws-portal .lerws-topbar--dashboard .lerws-quick-create-trigger:focus-visible {
    outline: 0;
    border-color: rgba(255, 255, 255, .56);
    background: rgba(255, 255, 255, .16);
    color: #fff;
}

#lerws-portal .lerws-topbar--dashboard .lerws-quick-create-trigger svg {
    width: 15px;
    height: 15px;
    flex: 0 0 auto;
}

#lerws-portal .lerws-topbar--dashboard .lerws-quick-create-trigger svg:last-child {
    width: 13px;
    height: 13px;
}

#lerws-portal .lerws-topbar--dashboard .lerws-topbar-icon-btn,
#lerws-portal .lerws-topbar--dashboard .lerws-topbar-help,
#lerws-portal .lerws-topbar--dashboard .lerws-profile-trigger {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0;
    color: #fff;
    background: transparent;
    border: 0;
    box-shadow: none;
    cursor: pointer;
}

#lerws-portal .lerws-topbar--dashboard .lerws-topbar-icon-btn,
#lerws-portal .lerws-topbar--dashboard .lerws-topbar-help {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0;
    border-radius: var(--lerws-radius-sm, 8px);
}

#lerws-portal .lerws-topbar--dashboard .lerws-topbar-icon-btn:hover,
#lerws-portal .lerws-topbar--dashboard .lerws-topbar-help:hover,
#lerws-portal .lerws-topbar--dashboard .lerws-profile-trigger:hover {
    background: #363132;
    color: #fff;
}

#lerws-portal .lerws-topbar--dashboard .lerws-icon-theme {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #2f5dcc;
    color: #fff;
}

#lerws-portal .lerws-topbar--dashboard .lerws-icon-theme::before {
    content: "\23FB";
    font-size: 19px;
    line-height: 1;
}

#lerws-portal .lerws-topbar--dashboard .lerws-icon-theme:hover {
    background: #4774e2;
}

#lerws-portal .lerws-dashboard-page-title {
    margin: 0 0 24px;
    color: var(--ler-dashboard-ink);
    font-size: var(--lerws-masthead-title-size, 56px);
    font-weight: 400;
    font-family: "Reckless Neue", Georgia, serif !important;
    line-height: var(--lerws-masthead-title-leading, 1);
}

/* Keep the workspace navigation aligned with the left edge of the workspace
   content instead of placing it directly beside the wordmark. */
@media (min-width: 1001px) {
    #lerws-portal .lerws-topbar--dashboard .lerws-topbar-left {
        width: calc(var(--sidebar-width) + 8px);
        min-width: calc(var(--sidebar-width) + 8px);
        flex: 0 0 calc(var(--sidebar-width) + 8px);
    }

    #lerws-portal .lerws-topbar--dashboard .lerws-workspace-nav {
        position: static;
        width: auto;
        max-width: none;
        flex: 1 1 0;
        min-width: 0;
    }

    #lerws-portal .lerws-topbar--dashboard .lerws-workspace-nav-current {
        min-width: 0;
        max-width: none;
        flex: 1 1 auto;
    }

    #lerws-portal .lerws-topbar--dashboard .lerws-topbar-right {
        flex: 0 0 auto;
        margin-left: 16px;
    }

    #lerws-portal .lerws-topbar--dashboard .lerws-workspace-picker {
        width: 180px;
        max-width: 180px;
        flex: 0 1 180px;
    }

    #lerws-portal .lerws-topbar--dashboard .lerws-workspace-picker-menu {
        min-width: 270px;
    }
}

#lerws-portal .lerws-topbar--dashboard .lerws-profile-trigger {
    width: auto;
    gap: 8px;
    padding: 0 6px;
    border-radius: var(--lerws-radius-sm, 8px);
}

#lerws-portal .lerws-topbar--dashboard .lerws-profile-trigger > svg {
    width: 15px;
    height: 15px;
}

#lerws-portal .lerws-topbar--dashboard .lerws-profile-name {
    max-width: 130px;
    overflow: hidden;
    color: #fff;
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#lerws-portal .lerws-topbar--dashboard .lerws-profile-avatar {
    width: 30px;
    height: 30px;
    border: 2px solid #fff;
    border-radius: 50%;
}

#lerws-portal .lerws-topbar--dashboard .lerws-profile-dropdown {
    position: relative;
    display: inline-flex;
    align-items: center;
}

#lerws-portal .lerws-topbar--dashboard .lerws-profile-menu,
#lerws-portal .lerws-topbar--dashboard .lerws-quick-create-menu {
    position: absolute;
    z-index: 700;
    top: calc(100% + 10px);
    right: 0;
    width: 246px;
    padding: 8px;
    border: 1px solid var(--ler-dashboard-line);
    border-radius: var(--lerws-radius-md, 12px);
    background: #fff;
    box-shadow: 0 14px 34px rgba(28, 24, 25, .16);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-5px);
    transition: opacity 160ms ease, transform 160ms ease, visibility 160ms ease;
}

#lerws-portal .lerws-topbar--dashboard .lerws-profile-dropdown.open .lerws-profile-menu,
#lerws-portal .lerws-topbar--dashboard .lerws-quick-create-dropdown.open .lerws-quick-create-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
}

#lerws-portal .lerws-topbar--dashboard .lerws-profile-menu-header {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px;
}

#lerws-portal .lerws-topbar--dashboard .lerws-profile-menu-avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
}

#lerws-portal .lerws-topbar--dashboard .lerws-profile-menu-info {
    min-width: 0;
}

#lerws-portal .lerws-topbar--dashboard .lerws-profile-menu-name,
#lerws-portal .lerws-topbar--dashboard .lerws-profile-menu-email {
    overflow: hidden;
    color: var(--ler-dashboard-ink);
    text-overflow: ellipsis;
    white-space: nowrap;
}

#lerws-portal .lerws-topbar--dashboard .lerws-profile-menu-email {
    margin-top: 2px;
    color: var(--ler-dashboard-muted);
    font-size: 12px;
}

#lerws-portal .lerws-topbar--dashboard .lerws-profile-menu-divider {
    height: 1px;
    margin: 4px 0;
    background: #f0e5e0;
}

#lerws-portal .lerws-topbar--dashboard .lerws-profile-menu-label,
#lerws-portal .lerws-topbar--dashboard .lerws-quick-create-label {
    padding: 7px 10px 5px;
    color: var(--ler-dashboard-muted);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .1em;
    text-transform: uppercase;
}

#lerws-portal .lerws-topbar--dashboard .lerws-profile-menu-item {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 9px;
    padding: 9px 10px;
    border-radius: var(--lerws-radius-sm, 8px);
    color: var(--ler-dashboard-ink);
    font-size: 13px;
    text-decoration: none;
}

#lerws-portal .lerws-topbar--dashboard .lerws-profile-menu-item:hover,
#lerws-portal .lerws-topbar--dashboard .lerws-profile-menu-item.is-current {
    background: #f8f1ed;
    color: var(--ler-dashboard-ink);
}

#lerws-portal .lerws-topbar--dashboard .lerws-profile-menu-item svg {
    width: 16px;
    height: 16px;
    flex: 0 0 auto;
}

/* Kinsta-style account menu: compact, dark, and action-focused. */
#lerws-portal .lerws-topbar--dashboard .lerws-profile-menu {
    width: 232px;
    padding: 8px;
    border: 1px solid rgba(255, 255, 255, .72);
    border-radius: var(--lerws-radius-sm, 8px);
    background: #1c1819;
    box-shadow: 0 18px 34px rgba(28, 24, 25, .3);
    color: #fff;
}

#lerws-portal .lerws-topbar--dashboard .lerws-profile-menu .lerws-profile-menu-header {
    display: none;
}

#lerws-portal .lerws-topbar--dashboard .lerws-profile-menu .lerws-profile-menu-divider {
    height: 1px;
    margin: 6px 4px;
    background: rgba(255, 255, 255, .16);
}

#lerws-portal .lerws-topbar--dashboard .lerws-profile-menu .lerws-profile-menu-label {
    color: rgba(255, 255, 255, .62);
}

#lerws-portal .lerws-topbar--dashboard .lerws-profile-menu .lerws-profile-menu-item {
    min-height: 42px;
    align-items: center;
    gap: 10px;
    padding: 10px 10px;
    border-radius: var(--lerws-radius-sm, 8px);
    color: rgba(255, 255, 255, .92);
    font-size: 14px;
}

#lerws-portal .lerws-topbar--dashboard .lerws-profile-menu .lerws-profile-menu-item:hover,
#lerws-portal .lerws-topbar--dashboard .lerws-profile-menu .lerws-profile-menu-item:focus-visible,
#lerws-portal .lerws-topbar--dashboard .lerws-profile-menu .lerws-profile-menu-item.is-current {
    outline: 0;
    background: #363132;
    color: #fff;
}

#lerws-portal .lerws-topbar--dashboard .lerws-profile-menu .lerws-profile-menu-item svg {
    width: 18px;
    height: 18px;
    color: currentColor;
    opacity: 1;
}

/* Public quote pages keep the guest login action in the right rail. */
#lerws-portal.lerws-portal-guest[data-page="quote-request"] .lerws-topbar--guest .lerws-topbar-left {
    width: auto;
    min-width: 0;
    flex: 0 0 auto;
}

#lerws-portal.lerws-portal-guest[data-page="quote-request"] .lerws-topbar--guest .lerws-public-header-login,
#lerws-portal.lerws-portal-guest[data-page="share-ler"] .lerws-topbar--guest .lerws-public-header-login {
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    justify-content: center;
    padding: 0 14px;
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: var(--lerws-radius-sm, 8px);
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: background-color 160ms ease, border-color 160ms ease;
}

#lerws-portal.lerws-portal-guest[data-page="quote-request"] .lerws-topbar--guest .lerws-public-header-login:hover,
#lerws-portal.lerws-portal-guest[data-page="quote-request"] .lerws-topbar--guest .lerws-public-header-login:focus-visible,
#lerws-portal.lerws-portal-guest[data-page="share-ler"] .lerws-topbar--guest .lerws-public-header-login:hover,
#lerws-portal.lerws-portal-guest[data-page="share-ler"] .lerws-topbar--guest .lerws-public-header-login:focus-visible {
    outline: 0;
    border-color: rgba(255, 255, 255, .62);
    background: #363132;
}

#lerws-portal.lerws-portal-guest[data-page="quote-request"] .lerws-main {
    width: min(var(--lerws-shell-max-width), calc(100% - 32px));
    min-height: 100vh;
    margin: 0 auto;
    padding: 112px 0 48px;
    background: var(--ler-dashboard-bg);
}

#lerws-portal.lerws-portal-guest[data-page="quote-request"] .lerws-page-frame {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
}

/* Share LER is a public full-width shell. The shared non-dashboard route
   contract adds the authenticated sidebar offset later in this stylesheet;
   keep this guest page aligned with the fixed header instead. */
#lerws-portal.lerws-portal-guest[data-page="share-ler"] .lerws-main {
    width: min(var(--lerws-shell-max-width), calc(100% - 32px));
    min-height: 100vh;
    margin: 0 auto;
    padding: 112px 0 48px;
    background: var(--ler-dashboard-bg);
}

#lerws-portal.lerws-portal-guest[data-page="share-ler"] .lerws-page-frame {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
}

/* Share LER uses the same outer shell geometry as its public header. Keep
   header padding internal so it does not change the shared shell width. */
#lerws-portal.lerws-portal-guest[data-page="share-ler"] .lerws-topbar--dashboard {
    width: min(var(--lerws-shell-max-width), calc(100% - 32px));
    padding: 0 16px;
}

@media (max-width: 1000px) {
    #lerws-portal.lerws-portal-guest[data-page="quote-request"] .lerws-main {
        width: 100%;
        padding: 136px 16px 40px;
    }

    #lerws-portal.lerws-portal-guest[data-page="share-ler"] .lerws-main {
        width: min(var(--lerws-shell-max-width), calc(100% - 24px));
        margin: 0 auto;
        padding: 72px 0 40px;
    }

    #lerws-portal.lerws-portal-guest[data-page="share-ler"] .lerws-page-frame {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    #lerws-portal.lerws-portal-guest[data-page="share-ler"] .lerws-topbar--dashboard {
        left: 50%;
        right: auto;
        width: min(var(--lerws-shell-max-width), calc(100% - 24px));
        height: 56px;
        min-height: 56px;
        padding: 0 16px;
        flex-wrap: nowrap;
        align-content: center;
        transform: translateX(-50%);
    }

    #lerws-portal.lerws-portal-guest[data-page="share-ler"] .lerws-topbar--dashboard .lerws-topbar-left {
        height: 56px;
        padding-left: 0;
    }

    #lerws-portal.lerws-portal-guest[data-page="share-ler"] .lerws-topbar--dashboard .lerws-topbar-right {
        height: 56px;
        padding-right: 0;
    }

}

@media (min-width: 761px) and (max-width: 1000px) {
    #lerws-portal.lerws-portal-guest[data-page="share-ler"] .lerws-topbar--dashboard {
        top: 16px;
        border-radius: var(--lerws-radius-md, 12px);
    }
}

@media (max-width: 760px) {
    #lerws-portal.lerws-portal-guest[data-page="share-ler"] .lerws-main {
        padding-top: 80px;
    }

    #lerws-portal.lerws-portal-guest[data-page="share-ler"] .lerws-topbar--dashboard {
        left: 0;
        right: 0;
        width: 100%;
        top: 0;
        height: 64px;
        min-height: 64px;
        padding: 0 16px;
        flex-wrap: nowrap;
        align-content: center;
        border-radius: 0;
        transform: none;
    }

    #lerws-portal.lerws-portal-guest[data-page="share-ler"] .lerws-topbar--dashboard .lerws-topbar-left,
    #lerws-portal.lerws-portal-guest[data-page="share-ler"] .lerws-topbar--dashboard .lerws-topbar-right {
        height: 64px;
    }
}

/* Responsive shell contract -------------------------------------------------
 * Every authenticated route shares one fixed header and one slide-in
 * navigation layer. Keep the content below the complete header at the width
 * where the workspace navigation wraps. This guard intentionally excludes
 * the guest checkout shell, which has its own header and offset contract.
 */
@media (max-width: 1000px) {
    #lerws-portal.lerws-portal:not(.lerws-portal-guest)[data-page] .lerws-sidebar {
        top: var(--lerws-mobile-shell-height) !important;
        bottom: auto !important;
        height: auto !important;
        max-height: calc(100svh - var(--lerws-mobile-shell-height) - 16px) !important;
        overflow-y: auto;
    }
}

@media (max-width: 800px) {
    #lerws-portal.lerws-portal:not(.lerws-portal-guest)[data-page] .lerws-main {
        padding-top: var(--lerws-mobile-main-offset) !important;
    }

    /* Prevent a route-local masthead rule from reintroducing the desktop title
       size on the mobile breakpoint. */
    #lerws-portal.lerws-portal:not(.lerws-portal-guest)[data-page] {
        --lerws-masthead-title-size: 40px;
    }
}

/* The compact shell has two intentional heights: the 16px-inset tablet shell
 * and the full-width one-row phone/small-tablet shell. The shared drawer and
 * content offsets must track the actual header rather than a route-local
 * approximation. portal-navigation.js also measures the rendered topbar so a
 * future control change cannot silently move the drawer away from the header. */
@media (max-width: 760px) {
    #lerws-portal.lerws-portal:not(.lerws-portal-guest)[data-page] {
        --lerws-mobile-shell-height: 120px;
        --lerws-mobile-main-offset: 140px;
    }
}

#lerws-portal .lerws-topbar--dashboard .lerws-profile-menu .lerws-profile-menu-logout,
#lerws-portal .lerws-topbar--dashboard .lerws-profile-menu .lerws-profile-menu-logout:hover {
    color: rgba(255, 255, 255, .92);
}

#lerws-portal .lerws-mobile-context {
    display: none;
    font: inherit;
    text-align: left;
}

/* Persistent workspace context. Kinsta keeps the company/site context in the
   top navigation; the portal exposes the current LERWS workspace on every
   authenticated route. */
#lerws-portal .lerws-topbar--dashboard .lerws-workspace-picker {
    position: relative;
    z-index: 520;
    display: flex;
    min-width: 0;
    flex: 0 1 250px;
    align-items: center;
    color: #fff;
}

#lerws-portal .lerws-topbar--dashboard .lerws-workspace-context-label {
    display: none;
}

#lerws-portal .lerws-topbar--dashboard .lerws-workspace-picker > svg {
    display: none;
}

#lerws-portal .lerws-topbar--dashboard .lerws-workspace-picker-control {
    position: relative;
    display: flex;
    min-width: 0;
    flex: 1 1 auto;
    align-items: center;
    height: 34px;
    padding: 0 2px;
    border: 1px solid transparent;
    border-radius: var(--lerws-radius-sm, 8px);
    background: transparent;
    transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

#lerws-portal .lerws-topbar--dashboard .lerws-workspace-picker-input {
    width: 100%;
    min-width: 0;
    height: 32px;
    margin: 0;
    padding: 0 28px 0 8px;
    border: 0 !important;
    border-radius: var(--lerws-radius-sm, 8px);
    outline: 0;
    background: transparent !important;
    box-shadow: none !important;
    color: #fff;
    font: inherit;
    font-size: 13px;
    line-height: 32px;
    text-overflow: ellipsis;
    cursor: text;
}

#lerws-portal .lerws-topbar--dashboard .lerws-workspace-picker-input:hover,
#lerws-portal .lerws-topbar--dashboard .lerws-workspace-picker-input:focus {
    border: 0 !important;
    background: transparent !important;
}

#lerws-portal .lerws-topbar--dashboard .lerws-workspace-picker-input::-webkit-search-cancel-button {
    display: none;
}

#lerws-portal .lerws-topbar--dashboard .lerws-workspace-picker-input::placeholder {
    color: #fff;
    opacity: 1;
}

#lerws-portal .lerws-topbar--dashboard .lerws-workspace-picker.is-open .lerws-workspace-picker-input::placeholder {
    color: rgba(255, 255, 255, .62);
}

#lerws-portal .lerws-topbar--dashboard .lerws-workspace-picker-icon,
#lerws-portal .lerws-topbar--dashboard .lerws-workspace-picker-chevron {
    position: absolute;
    top: 0;
    right: 8px;
    display: inline-flex;
    width: 20px;
    height: 34px;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, .72);
    pointer-events: none;
}

#lerws-portal .lerws-topbar--dashboard .lerws-workspace-picker-icon {
    display: none;
}

#lerws-portal .lerws-topbar--dashboard .lerws-workspace-picker-chevron svg,
#lerws-portal .lerws-topbar--dashboard .lerws-workspace-picker-icon svg {
    width: 16px;
    height: 16px;
}

#lerws-portal .lerws-topbar--dashboard .lerws-workspace-picker-menu {
    position: absolute;
    z-index: 950;
    top: calc(100% + 9px);
    left: 0;
    display: none;
    width: 100%;
    max-width: min(290px, calc(100vw - 32px));
    overflow: hidden;
    padding: 7px;
    border: 1px solid rgba(255, 255, 255, .72);
    border-radius: var(--lerws-radius-md, 12px);
    background: #1c1819;
    box-shadow: 0 18px 34px rgba(28, 24, 25, .3);
}

#lerws-portal .lerws-topbar--dashboard .lerws-workspace-picker-control:hover,
#lerws-portal .lerws-topbar--dashboard .lerws-workspace-picker-input:focus-visible {
    background: #1c1819 !important;
}

#lerws-portal .lerws-topbar--dashboard .lerws-workspace-picker.is-open .lerws-workspace-picker-control {
    padding: 0 8px;
    border-color: rgba(255, 255, 255, .62);
    background: #1c1819;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, .12);
}

#lerws-portal .lerws-topbar--dashboard .lerws-workspace-picker.is-open .lerws-workspace-picker-input {
    padding-left: 0;
}

#lerws-portal .lerws-topbar--dashboard .lerws-workspace-picker.is-open .lerws-workspace-picker-menu {
    display: block;
}

#lerws-portal .lerws-topbar--dashboard .lerws-workspace-picker-heading {
    display: grid;
    gap: 3px;
    padding: 9px 10px 10px;
    border-bottom: 1px solid rgba(255, 255, 255, .14);
}

#lerws-portal .lerws-topbar--dashboard .lerws-workspace-picker-heading span {
    color: rgba(255, 255, 255, .62);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
}

#lerws-portal .lerws-topbar--dashboard .lerws-workspace-picker-heading strong {
    overflow: hidden;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#lerws-portal .lerws-topbar--dashboard .lerws-workspace-picker-divider {
    height: 1px;
    margin: 7px 4px;
    background: rgba(255, 255, 255, .14);
}

#lerws-portal .lerws-topbar--dashboard .lerws-workspace-picker-item {
    display: flex;
    width: 100%;
    min-height: 38px;
    align-items: center;
    gap: 9px;
    padding: 8px 10px;
    border-radius: var(--lerws-radius-sm, 8px);
    color: rgba(255, 255, 255, .92);
    font-size: 13px;
    text-decoration: none;
}

#lerws-portal .lerws-topbar--dashboard .lerws-workspace-picker-item:hover,
#lerws-portal .lerws-topbar--dashboard .lerws-workspace-picker-item:focus-visible {
    outline: 0;
    background: #363132;
    color: #fff;
}

#lerws-portal .lerws-topbar--dashboard .lerws-workspace-picker-item svg {
    width: 16px;
    height: 16px;
    flex: 0 0 auto;
}

#lerws-portal .lerws-topbar--dashboard .lerws-workspace-picker-item-current {
    margin-left: auto;
    color: #f07a49;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

#lerws-portal .lerws-topbar--dashboard .lerws-workspace-picker.is-open {
    z-index: 960;
}

#lerws-portal .lerws-topbar--dashboard .lerws-topbar-right {
    order: 2;
}

#lerws-portal .lerws-topbar--dashboard .lerws-help-dropdown {
    position: relative;
    display: inline-flex;
}

#lerws-portal .lerws-topbar--dashboard .lerws-help-menu {
    position: absolute;
    z-index: 700;
    top: calc(100% + 10px);
    right: 0;
    width: 238px;
    padding: 8px;
    border: 1px solid var(--ler-dashboard-line);
    border-radius: var(--lerws-radius-md, 12px);
    background: #fff;
    box-shadow: 0 14px 34px rgba(28, 24, 25, .16);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-5px);
    transition: opacity 160ms ease, transform 160ms ease, visibility 160ms ease;
}

#lerws-portal .lerws-topbar--dashboard .lerws-help-dropdown.open .lerws-help-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
}

#lerws-portal .lerws-topbar--dashboard .lerws-help-menu-title {
    padding: 7px 10px 8px;
    color: var(--ler-dashboard-ink);
    font-size: 15px;
    font-weight: 600;
}

#lerws-portal .lerws-topbar--dashboard .lerws-help-menu-item {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 9px 10px;
    border-radius: var(--lerws-radius-sm, 8px);
    color: var(--ler-dashboard-ink);
    font-size: 13px;
    text-decoration: none;
}

#lerws-portal .lerws-topbar--dashboard .lerws-help-menu-item:hover {
    background: #f8f1ed;
}

#lerws-portal .lerws-topbar--dashboard .lerws-help-menu-item svg {
    width: 16px;
    height: 16px;
}

#lerws-portal .lerws-topbar--dashboard .lerws-notif-badge {
    position: absolute;
    top: 3px;
    right: 3px;
    min-width: 14px;
    height: 14px;
    padding: 0 3px;
    border-radius: var(--lerws-radius-pill, 999px);
    background: #e21b23;
    color: #fff;
    font-size: 9px;
    line-height: 14px;
    text-align: center;
}

#lerws-portal[data-page="dashboard"] .lerws-sidebar {
    position: fixed;
    z-index: 300;
    top: 96px;
    bottom: 16px;
    left: max(16px, calc((100vw - 1424px) / 2));
    width: var(--sidebar-width);
    padding: 0 0 16px;
    border: 0;
    background: transparent;
    color: var(--ler-dashboard-ink);
    overflow-y: auto;
}

#lerws-portal[data-page="dashboard"] .lerws-sidebar-header {
    display: none;
}

#lerws-portal[data-page="dashboard"] .lerws-sidebar-nav {
    display: grid;
    gap: 3px;
    padding: 0;
    overflow: visible;
}

#lerws-portal[data-page="dashboard"] .lerws-sidebar-group {
    margin: 0 !important;
}

#lerws-portal[data-page="dashboard"] .lerws-sidebar-group-label {
    display: none;
}

#lerws-portal[data-page="dashboard"] .lerws-sidebar-group-items {
    display: grid;
    gap: 3px;
}

#lerws-portal[data-page="dashboard"] .lerws-sidebar-item {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 40px;
    padding: 9px 16px;
    border: 0;
    border-radius: var(--lerws-radius-sm, 8px);
    color: #3c3434;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
}

#lerws-portal[data-page="dashboard"] .lerws-sidebar-item:hover,
#lerws-portal[data-page="dashboard"] .lerws-sidebar-item:focus-visible {
    background: #f0e8e4;
    color: var(--ler-dashboard-ink);
}

#lerws-portal[data-page="dashboard"] .lerws-sidebar-item.is-current {
    background: var(--ler-dashboard-active);
    color: var(--ler-dashboard-ink);
    box-shadow: none;
    font-weight: 600;
}

#lerws-portal[data-page="dashboard"] .lerws-sidebar-item-icon,
#lerws-portal[data-page="dashboard"] .lerws-sidebar-item.is-current .lerws-sidebar-item-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 16px;
    line-height: 0;
    color: #524747;
}

#lerws-portal[data-page="dashboard"] .lerws-sidebar-item-icon svg {
    width: 16px;
    height: 16px;
}

#lerws-portal[data-page="dashboard"] .lerws-main {
    display: block;
    width: min(var(--lerws-shell-max-width), calc(100% - (var(--lerws-shell-gutter) * 2)));
    min-height: 100vh;
    margin: 0 auto;
    padding: 112px 8px 48px;
    background: var(--ler-dashboard-bg);
}

#lerws-portal[data-page="dashboard"] .lerws-page-frame {
    width: calc(100% - var(--sidebar-width) - var(--lerws-shell-sidebar-gap));
    max-width: none;
    margin: 0 0 0 calc(var(--sidebar-width) + var(--lerws-shell-sidebar-gap));
    padding: 0;
}

/* The same shell geometry applies to every isolated route. Dashboard has
   additional content-specific rules above, while Projects, Billing, Support,
   and account routes still need the shared sidebar/frame boundary here. */
#lerws-portal:not([data-page="dashboard"]) .lerws-sidebar {
    position: fixed;
    z-index: 300;
    top: 96px;
    bottom: 16px;
    left: max(var(--lerws-shell-gutter), calc((100vw - var(--lerws-shell-max-width)) / 2));
    width: var(--sidebar-width);
    padding: 0 0 16px;
    border: 0;
    background: transparent;
    color: var(--ler-dashboard-ink);
    overflow-y: auto;
}

#lerws-portal:not([data-page="dashboard"]) .lerws-sidebar-header {
    display: none;
}

#lerws-portal:not([data-page="dashboard"]) .lerws-sidebar-nav {
    display: grid;
    gap: 3px;
    padding: 0;
    overflow: visible;
}

#lerws-portal:not([data-page="dashboard"]) .lerws-sidebar-group {
    margin: 0 !important;
}

#lerws-portal:not([data-page="dashboard"]) .lerws-sidebar-group-label {
    display: none;
}

#lerws-portal:not([data-page="dashboard"]) .lerws-sidebar-group-items {
    display: grid;
    gap: 3px;
}

#lerws-portal:not([data-page="dashboard"]) .lerws-sidebar-item {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 40px;
    padding: 9px 16px;
    border: 0;
    border-radius: var(--lerws-radius-sm, 8px);
    color: #3c3434;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
}

#lerws-portal:not([data-page="dashboard"]) .lerws-sidebar-item:hover,
#lerws-portal:not([data-page="dashboard"]) .lerws-sidebar-item:focus-visible {
    background: #f0e8e4;
    color: var(--ler-dashboard-ink);
}

#lerws-portal:not([data-page="dashboard"]) .lerws-sidebar-item.is-current {
    background: var(--ler-dashboard-active);
    color: var(--ler-dashboard-ink);
    box-shadow: none;
    font-weight: 600;
}

#lerws-portal:not([data-page="dashboard"]) .lerws-sidebar-item-icon,
#lerws-portal:not([data-page="dashboard"]) .lerws-sidebar-item.is-current .lerws-sidebar-item-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 16px;
    line-height: 0;
    color: #524747;
}

#lerws-portal:not([data-page="dashboard"]) .lerws-sidebar-item-icon svg {
    width: 16px;
    height: 16px;
}

#lerws-portal:not([data-page="dashboard"]) .lerws-main {
    display: block;
    width: min(var(--lerws-shell-max-width), calc(100% - (var(--lerws-shell-gutter) * 2)));
    min-height: 100vh;
    margin: 0 auto;
    padding: 112px 8px 48px;
    background: var(--ler-dashboard-bg);
}

#lerws-portal:not([data-page="dashboard"]) .lerws-page-frame {
    width: calc(100% - var(--sidebar-width) - var(--lerws-shell-sidebar-gap));
    max-width: none;
    margin: 0 0 0 calc(var(--sidebar-width) + var(--lerws-shell-sidebar-gap));
    padding: 0;
}

/* Billing workspace tabs are part of the shared shell and appear on the
   overview, orders, subscriptions, and payment-method routes. */
#lerws-portal .lerws-billing-subnav {
    display: flex;
    gap: 24px;
    margin: 0 0 28px;
    padding: 0 0 1px;
    border-bottom: 1px solid var(--ler-dashboard-line);
    overflow-x: auto;
}

#lerws-portal .lerws-billing-subnav__item {
    position: relative;
    display: inline-flex;
    min-height: 40px;
    align-items: center;
    padding: 0 0 10px;
    color: var(--ler-dashboard-muted);
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}

#lerws-portal .lerws-billing-subnav__item:hover,
#lerws-portal .lerws-billing-subnav__item:focus-visible,
#lerws-portal .lerws-billing-subnav__item.is-current {
    color: var(--ler-dashboard-ink);
}

#lerws-portal .lerws-billing-subnav__item.is-current::after {
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    height: 2px;
    background: var(--ler-dashboard-ink);
    content: "";
}

@media (max-width: 720px) {
    #lerws-portal .lerws-billing-subnav {
        gap: 20px;
        margin-bottom: 22px;
    }
}

/* Global search and profile dialogs must remain inert until opened. The
   legacy navigation stylesheet used to provide these positioning rules. */
#lerws-portal .lerws-search-modal,
#lerws-portal .lerws-user-modal {
    position: fixed;
    z-index: 900;
    inset: 0;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 116px 16px 24px;
    background: transparent;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 160ms ease, visibility 160ms ease;
}

#lerws-portal .lerws-user-modal {
    align-items: center;
    padding-top: 24px;
}

#lerws-portal .lerws-search-modal.open,
#lerws-portal .lerws-user-modal.open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

#lerws-portal .lerws-search-backdrop,
#lerws-portal .lerws-user-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(28, 24, 25, .42);
}

#lerws-portal .lerws-search-content,
#lerws-portal .lerws-user-card {
    position: relative;
    z-index: 1;
    width: min(768px, 100%);
    max-height: min(640px, calc(100vh - 160px));
    overflow: auto;
    border: 1px solid var(--ler-dashboard-line);
    border-radius: var(--lerws-radius-md, 12px);
    background: #fff;
    box-shadow: 0 18px 48px rgba(28, 24, 25, .2);
    transform: translateY(-5px) scale(.99);
    transition: transform 160ms ease;
}

#lerws-portal .lerws-user-card {
    width: min(512px, 100%);
    max-height: calc(100vh - 48px);
}

#lerws-portal .lerws-search-modal.open .lerws-search-content,
#lerws-portal .lerws-user-modal.open .lerws-user-card {
    transform: translateY(0) scale(1);
}

#lerws-portal .lerws-search-input-wrap {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    min-height: 58px;
    padding: 0 16px;
    border-bottom: 1px solid #f0e5e0;
}

#lerws-portal .lerws-search-input,
#lerws-portal .lerws-search-input:focus {
    width: 100%;
    min-width: 0;
    border: 0 !important;
    outline: 0;
    background: transparent !important;
    color: var(--ler-dashboard-ink);
    box-shadow: none !important;
}

#lerws-portal .lerws-search-input::placeholder {
    color: var(--ler-dashboard-muted);
}

#lerws-portal .lerws-search-context {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 8px;
    min-height: 44px;
    padding: 8px 16px;
    border-bottom: 1px solid #f0e5e0;
    color: var(--ler-dashboard-muted);
    font-size: 12px;
}

#lerws-portal .lerws-search-context-label {
    white-space: nowrap;
}

#lerws-portal .lerws-search-context-company {
    max-width: 260px;
    overflow: hidden;
    color: var(--ler-dashboard-ink);
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#lerws-portal .lerws-search-scope-control {
    margin-left: auto;
}

#lerws-portal .lerws-search-scope-control select,
#lerws-portal .lerws-search-filters select,
#lerws-portal .lerws-search-filters input {
    min-height: 30px;
    padding: 4px 8px;
    border: 1px solid var(--ler-dashboard-line);
    border-radius: var(--lerws-radius-sm, 8px);
    background: #fff;
    color: var(--ler-dashboard-ink);
    font-size: 12px;
}

#lerws-portal .lerws-search-filter-toggle,
#lerws-portal .lerws-search-filter-clear {
    min-height: 30px;
    padding: 4px 10px;
    border: 1px solid var(--ler-dashboard-line);
    border-radius: var(--lerws-radius-sm, 8px);
    background: #fff;
    color: var(--ler-dashboard-ink);
    cursor: pointer;
    font-size: 12px;
}

#lerws-portal .lerws-search-filter-toggle {
    margin-left: 2px;
}

#lerws-portal .lerws-search-filter-toggle:hover,
#lerws-portal .lerws-search-filter-toggle.is-active,
#lerws-portal .lerws-search-filter-clear:hover {
    border-color: var(--ler-dashboard-ink);
    background: #f8f1ed;
}

#lerws-portal .lerws-search-filters {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr)) auto;
    gap: 8px;
    align-items: end;
    padding: 10px 16px;
    border-bottom: 1px solid #f0e5e0;
    background: #fcfaf9;
}

#lerws-portal .lerws-search-filters[hidden] {
    display: none;
}

#lerws-portal .lerws-search-filters label {
    display: grid;
    gap: 4px;
    min-width: 0;
    color: var(--ler-dashboard-muted);
    font-size: 11px;
}

#lerws-portal .lerws-search-filters input,
#lerws-portal .lerws-search-filters select {
    width: 100%;
}

@media (max-width: 760px) {
    #lerws-portal .lerws-search-scope-control {
        margin-left: 0;
    }

    #lerws-portal .lerws-search-filters {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #lerws-portal .lerws-search-filter-clear {
        justify-self: start;
    }
}

#lerws-portal .lerws-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

#lerws-portal .lerws-search-input-icon {
    display: inline-flex;
    color: var(--ler-dashboard-ink);
}

#lerws-portal .lerws-search-results {
    max-height: 352px;
    overflow-y: auto;
    padding: 14px 10px 10px;
}

#lerws-portal .lerws-search-group-label {
    padding: 0 12px 8px;
    color: var(--ler-dashboard-ink);
    font-size: 13px;
    font-weight: 600;
}

#lerws-portal .lerws-search-result-icon {
    display: inline-flex;
    width: 20px;
    height: 20px;
    align-items: center;
    justify-content: center;
    color: var(--ler-dashboard-ink);
}

#lerws-portal .lerws-search-result-icon svg {
    width: 18px;
    height: 18px;
}

#lerws-portal .lerws-search-result-copy {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 2px;
}

#lerws-portal .lerws-search-result-title {
    overflow: hidden;
    color: var(--ler-dashboard-ink);
    font-size: 15px;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#lerws-portal .lerws-search-result-subtitle {
    overflow: hidden;
    color: var(--ler-dashboard-muted);
    font-size: 12px;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#lerws-portal .lerws-search-result-type {
    color: var(--ler-dashboard-muted);
    font-size: 11px;
    letter-spacing: .08em;
    white-space: nowrap;
}

#lerws-portal .lerws-search-result-item {
    display: grid;
    grid-template-columns: 16px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-height: 40px;
    padding: 8px 10px;
    border: 0;
    border-radius: var(--lerws-radius-sm, 8px);
    background: transparent;
    color: var(--ler-dashboard-ink);
    text-align: left;
    text-decoration: none;
}

#lerws-portal .lerws-search-result-item:hover,
#lerws-portal .lerws-search-result-item.is-active {
    background: #f8f1ed;
}

#lerws-portal .lerws-user-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 20px;
    border-bottom: 1px solid var(--ler-dashboard-line);
}

#lerws-portal .lerws-user-header h2 {
    margin: 0;
    color: var(--ler-dashboard-ink);
    font-size: 18px;
}

#lerws-portal .lerws-user-subtitle {
    margin: 2px 0 0;
    color: var(--ler-dashboard-muted);
    font-size: 12px;
}

#lerws-portal .lerws-user-close {
    display: inline-flex;
    width: 32px;
    height: 32px;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: var(--lerws-radius-sm, 8px);
    background: transparent;
    color: var(--ler-dashboard-ink);
}

#lerws-portal .lerws-user-body {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 20px;
}

#lerws-portal .lerws-user-profile {
    display: flex;
    align-items: center;
    gap: 16px;
}

#lerws-portal .lerws-user-avatar {
    width: 64px;
    height: 64px;
    border: 2px solid var(--ler-dashboard-line);
    border-radius: 50%;
    object-fit: cover;
}

#lerws-portal .lerws-user-name {
    color: var(--ler-dashboard-ink);
    font-size: 16px;
    font-weight: 600;
}

#lerws-portal .lerws-user-meta {
    color: var(--ler-dashboard-muted);
    font-size: 13px;
}

/* MyKinsta-style notification popover */
#lerws-portal[data-page="dashboard"] .lerws-notif-panel {
    position: fixed;
    z-index: 850;
    inset: 0;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity 160ms ease, visibility 160ms ease;
}

#lerws-portal[data-page="dashboard"] .lerws-notif-panel.open {
    pointer-events: auto;
    opacity: 1;
    visibility: visible;
}

#lerws-portal[data-page="dashboard"] .lerws-notif-backdrop {
    position: absolute;
    inset: 0;
    background: transparent;
}

#lerws-portal[data-page="dashboard"] .lerws-notif-content {
    position: absolute;
    top: 72px;
    right: max(16px, calc((100vw - 1424px) / 2 + 16px));
    display: flex;
    width: min(480px, calc(100vw - 32px));
    max-height: min(520px, calc(100vh - 88px));
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--ler-dashboard-line);
    border-radius: var(--lerws-radius-md, 12px);
    background: #fff;
    box-shadow: 0 14px 34px rgba(28, 24, 25, .18);
    transform: translateY(-6px);
    transition: transform 160ms ease;
}

#lerws-portal[data-page="dashboard"] .lerws-notif-panel.open .lerws-notif-content {
    transform: translateY(0);
}

#lerws-portal[data-page="dashboard"] .lerws-notif-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 20px 12px;
    border-bottom: 1px solid #f0e5e0;
}

#lerws-portal[data-page="dashboard"] .lerws-notif-header h2 {
    margin: 0;
    color: var(--ler-dashboard-ink);
    font-size: 19px;
    font-weight: 500;
}

#lerws-portal[data-page="dashboard"] .lerws-notif-count {
    color: var(--ler-dashboard-muted);
    font-size: 12px;
}

#lerws-portal[data-page="dashboard"] .lerws-notif-close {
    display: inline-flex;
    width: 32px;
    height: 32px;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: var(--lerws-radius-sm, 8px);
    background: transparent;
    color: var(--ler-dashboard-ink);
}

#lerws-portal[data-page="dashboard"] .lerws-notif-actions {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 10px 20px;
    border-bottom: 1px solid #f0e5e0;
}

#lerws-portal[data-page="dashboard"] .lerws-mark-all-read,
#lerws-portal[data-page="dashboard"] .lerws-clear-all-notifications {
    border: 0;
    background: transparent;
    color: var(--ler-dashboard-muted);
    font-size: 12px;
}

#lerws-portal[data-page="dashboard"] .lerws-notif-list {
    flex: 1;
    overflow-y: auto;
    padding: 6px 0;
}

#lerws-portal[data-page="dashboard"] .lerws-notif-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 20px;
    border-bottom: 1px solid #f0e5e0;
    color: var(--ler-dashboard-ink);
    text-decoration: none;
}

#lerws-portal[data-page="dashboard"] .lerws-notif-item:hover {
    background: #fbf8f6;
}

#lerws-portal[data-page="dashboard"] .lerws-notif-icon {
    display: flex;
    width: 32px;
    height: 32px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #f0e7e1;
    color: var(--ler-dashboard-ink);
}

#lerws-portal[data-page="dashboard"] .lerws-notif-body {
    min-width: 0;
    flex: 1;
}

#lerws-portal[data-page="dashboard"] .lerws-notif-title {
    margin-bottom: 2px;
    color: var(--ler-dashboard-ink);
    font-size: 13px;
    font-weight: 600;
}

#lerws-portal[data-page="dashboard"] .lerws-notif-message,
#lerws-portal[data-page="dashboard"] .lerws-notif-time {
    color: var(--ler-dashboard-muted);
    font-size: 12px;
}

@media (max-width: 760px) {
    #lerws-portal[data-page="dashboard"] .lerws-notif-content {
        top: var(--lerws-mobile-shell-height, 120px);
        right: 8px;
        width: calc(100vw - 16px);
        height: calc(var(--lerws-viewport-height, 100vh) - var(--lerws-mobile-shell-height, 120px) - 16px);
        max-height: none;
    }

    #lerws-portal .lerws-topbar--dashboard .lerws-profile-name,
    #lerws-portal .lerws-topbar--dashboard .lerws-profile-trigger > svg {
        display: none;
    }
}

.lerws-dashboard-empty {
    width: 100%;
    color: var(--ler-dashboard-ink);
}

.lerws-dashboard-empty__hero {
    min-height: 500px;
    padding: 46px 48px 48px;
    border-radius: var(--lerws-radius-md, 12px);
    background: #181516 url("./wp-sites-empty.svg") center / cover no-repeat;
    color: #fff;
    overflow: hidden;
}

.lerws-dashboard-empty__intro {
    max-width: 700px;
}

.lerws-dashboard-empty__eyebrow {
    display: none;
}

#lerws-portal.lerws-portal .lerws-dashboard-empty__intro h1 {
    margin: 0;
    color: #fff;
    font-family: "Reckless Neue", Georgia, serif !important;
    font-size: clamp(32px, 4vw, 42px);
    font-weight: 400;
    line-height: 1.05;
    letter-spacing: -0.03em;
}

.lerws-dashboard-empty__intro > p:last-child {
    margin: 12px 0 0;
    color: #fff;
    font-size: 15px;
}

.lerws-dashboard-empty__options {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    margin-top: 40px;
}

.lerws-dashboard-empty__option {
    display: flex;
    min-height: 286px;
    flex-direction: column;
    justify-content: space-between;
    padding: 26px 24px 24px;
    border-radius: var(--lerws-radius-md, 12px);
    background: #fff;
    color: var(--ler-dashboard-ink);
}

.lerws-dashboard-empty__option h2,
.lerws-dashboard-empty__panel h2 {
    margin: 0;
    color: var(--ler-dashboard-ink);
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
}

.lerws-dashboard-empty__option ul {
    display: grid;
    gap: 10px;
    margin: 30px 0 0;
    padding: 0 0 0 17px;
    color: #252021;
    font-size: 14px;
}

.lerws-dashboard-empty__option li {
    padding-left: 1px;
}

.lerws-dashboard-empty__option--help p {
    margin: 28px 0 0;
    color: #352d2d;
    font-size: 14px;
    line-height: 1.55;
}

.lerws-dashboard-empty__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: flex-start;
    min-height: 40px;
    padding: 9px 16px;
    border: 1px solid var(--ler-dashboard-ink);
    border-radius: var(--lerws-radius-sm, 8px);
    background: var(--ler-dashboard-ink);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: background 160ms ease, border-color 160ms ease;
}

.lerws-dashboard-empty__button:hover,
.lerws-dashboard-empty__button:focus-visible {
    border-color: #000;
    background: #000;
    color: #fff;
}

.lerws-dashboard-empty__button--outline {
    border-color: var(--ler-dashboard-line);
    background: #fff;
    color: var(--ler-dashboard-ink);
}

.lerws-dashboard-empty__button--outline:hover,
.lerws-dashboard-empty__button--outline:focus-visible {
    border-color: var(--ler-dashboard-ink);
    background: #fff;
    color: var(--ler-dashboard-ink);
}

.lerws-dashboard-empty__lower {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(240px, 1fr);
    gap: 24px;
    margin-top: 24px;
}

.lerws-dashboard-empty__panel,
.lerws-dashboard-empty__service {
    border: 1px solid var(--ler-dashboard-line);
    border-radius: var(--lerws-radius-md, 12px);
    background: var(--ler-dashboard-paper);
}

.lerws-dashboard-empty__panel {
    min-height: 200px;
    padding: 26px 24px;
}

.lerws-dashboard-empty__panel-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.lerws-dashboard-empty__panel-heading p {
    margin: 7px 0 0;
    color: var(--ler-dashboard-muted);
    font-size: 14px;
}

.lerws-dashboard-empty__panel-mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--ler-dashboard-active);
    color: var(--ler-dashboard-ink);
    font-size: 20px;
}

.lerws-dashboard-empty__placeholder {
    display: grid;
    gap: 6px;
    margin-top: 32px;
    padding: 20px;
    border-radius: var(--lerws-radius-sm, 8px);
    background: #fbf8f6;
    color: var(--ler-dashboard-muted);
    font-size: 14px;
}

.lerws-dashboard-empty__placeholder strong {
    color: var(--ler-dashboard-ink);
    font-size: 15px;
}

.lerws-dashboard-empty__resources h2 {
    margin-bottom: 14px;
}

.lerws-dashboard-empty__resources a {
    display: flex;
    justify-content: space-between;
    padding: 11px 0;
    border-top: 1px solid #f0e5e0;
    color: #4d3532;
    font-size: 14px;
    text-decoration: none;
}

.lerws-dashboard-empty__resources a:hover,
.lerws-dashboard-empty__resources a:focus-visible {
    color: #000;
}

.lerws-dashboard-empty__service {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: 24px;
    padding: 20px 24px;
}

.lerws-dashboard-empty__service div {
    display: grid;
    gap: 4px;
}

.lerws-dashboard-empty__service strong {
    font-size: 16px;
}

.lerws-dashboard-empty__service span {
    color: var(--ler-dashboard-muted);
    font-size: 14px;
}

#lerws-portal[data-page="dashboard"] .lerws-sitemap-footer,
#lerws-portal[data-page="dashboard"] .lerws-bottom-nav,
#lerws-portal[data-page="dashboard"] .lerws-mobile-header {
    display: none !important;
}

/* Notifications popover (final override kept after legacy drawer rules) --- */
#lerws-portal[data-page="dashboard"] .lerws-notif-panel {
    position: fixed;
    z-index: 850;
    inset: 0;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity 160ms ease, visibility 160ms ease;
}

#lerws-portal[data-page="dashboard"] .lerws-notif-panel.open {
    pointer-events: auto;
    opacity: 1;
    visibility: visible;
}

#lerws-portal[data-page="dashboard"] .lerws-notif-backdrop {
    position: absolute;
    inset: 0;
    background: transparent;
}

#lerws-portal[data-page="dashboard"] .lerws-notif-content {
    position: absolute;
    top: 72px;
    right: max(16px, calc((100vw - 1424px) / 2 + 16px));
    display: flex;
    width: min(480px, calc(100vw - 32px));
    max-height: min(520px, calc(100vh - 88px));
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--ler-dashboard-line);
    border-radius: var(--lerws-radius-md, 12px);
    background: #fff;
    box-shadow: 0 14px 34px rgba(28, 24, 25, .18);
    transform: translateY(-6px);
    transition: transform 160ms ease;
}

#lerws-portal[data-page="dashboard"] .lerws-notif-panel.open .lerws-notif-content {
    transform: translateY(0);
}

#lerws-portal[data-page="dashboard"] .lerws-notif-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 20px;
    border-bottom: 1px solid var(--ler-dashboard-line);
}

#lerws-portal[data-page="dashboard"] .lerws-notif-header h2 {
    margin: 0;
    color: var(--ler-dashboard-ink);
    font-family: "Reckless Neue", Georgia, serif !important;
    font-size: 26px;
    font-weight: 400;
}

#lerws-portal[data-page="dashboard"] .lerws-notif-close {
    display: inline-flex;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid var(--ler-dashboard-line);
    border-radius: var(--lerws-radius-sm, 8px);
    background: #fff;
    color: var(--ler-dashboard-ink);
    cursor: pointer;
}

#lerws-portal[data-page="dashboard"] .lerws-notif-close:hover,
#lerws-portal[data-page="dashboard"] .lerws-notif-close:focus-visible {
    background: #f8f1ed;
}

#lerws-portal[data-page="dashboard"] .lerws-notif-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    padding: 12px;
    border-bottom: 1px solid #f0e5e0;
}

#lerws-portal[data-page="dashboard"] .lerws-mark-all-read,
#lerws-portal[data-page="dashboard"] .lerws-clear-all-notifications {
    min-height: 36px;
    padding: 8px 10px;
    border: 1px solid var(--ler-dashboard-line);
    border-radius: var(--lerws-radius-sm, 8px);
    background: #fff;
    color: var(--ler-dashboard-ink);
    cursor: pointer;
    font-size: 12px;
}

#lerws-portal[data-page="dashboard"] .lerws-mark-all-read:hover,
#lerws-portal[data-page="dashboard"] .lerws-clear-all-notifications:hover {
    border-color: var(--ler-dashboard-ink);
    background: #f8f1ed;
}

#lerws-portal[data-page="dashboard"] .lerws-notif-list {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 8px 0;
}

#lerws-portal[data-page="dashboard"] .lerws-notif-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 13px 20px;
    border-bottom: 1px solid #f0e5e0;
    color: var(--ler-dashboard-ink);
    cursor: pointer;
}

#lerws-portal[data-page="dashboard"] .lerws-notif-item:hover,
#lerws-portal[data-page="dashboard"] .lerws-notif-item:focus-visible {
    background: #fbf8f6;
}

#lerws-portal[data-page="dashboard"] .lerws-notif-icon {
    display: inline-flex;
    width: 36px;
    height: 36px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #f0e5e0;
    color: var(--ler-dashboard-ink);
}

#lerws-portal[data-page="dashboard"] .lerws-notif-body {
    min-width: 0;
    flex: 1;
}

#lerws-portal[data-page="dashboard"] .lerws-notif-title {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 3px;
    color: var(--ler-dashboard-ink);
    font-size: 13px;
    font-weight: 600;
}

#lerws-portal[data-page="dashboard"] .lerws-notif-message {
    overflow: hidden;
    margin-bottom: 4px;
    color: var(--ler-dashboard-muted);
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#lerws-portal[data-page="dashboard"] .lerws-notif-time {
    color: var(--ler-dashboard-muted);
    font-size: 11px;
}

#lerws-portal[data-page="dashboard"] .lerws-notif-delete {
    display: inline-flex;
    width: 28px;
    height: 28px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    margin-top: 2px;
    padding: 0;
    border: 0;
    border-radius: var(--lerws-radius-sm, 8px);
    background: transparent;
    color: var(--ler-dashboard-muted);
    cursor: pointer;
}

#lerws-portal[data-page="dashboard"] .lerws-notif-delete:hover,
#lerws-portal[data-page="dashboard"] .lerws-notif-delete:focus-visible {
    background: #f8f1ed;
    color: var(--ler-dashboard-ink);
}

/* Authenticated operations dashboard ------------------------------------ */
#lerws-portal[data-page="dashboard"] .lerws-ac--modern {
    margin: 0;
    color: var(--ler-dashboard-ink);
}

#lerws-portal[data-page="dashboard"] .lerws-ac--modern .lerws-ac__hero {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
}

#lerws-portal[data-page="dashboard"] .lerws-ac__eyebrow:not(.lerws-page-masthead__eyebrow) {
    display: block;
    color: var(--ler-dashboard-muted);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .1em;
    line-height: 1.2;
    text-transform: uppercase;
}

#lerws-portal[data-page="dashboard"] .lerws-ac--modern .lerws-ac__grid {
    display: grid;
    gap: 16px;
    margin-bottom: 16px;
}

#lerws-portal[data-page="dashboard"] .lerws-ac__grid--overview {
    grid-template-columns: minmax(0, 1.25fr) minmax(320px, .9fr);
}

#lerws-portal[data-page="dashboard"] .lerws-ac__grid--work {
    grid-template-columns: minmax(0, 1.35fr) minmax(300px, .8fr);
}

#lerws-portal[data-page="dashboard"] .lerws-ac__grid--lower {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

#lerws-portal[data-page="dashboard"] .lerws-ac__grid--activity > .lerws-ac__card:only-child {
    grid-column: 1 / -1;
}

#lerws-portal[data-page="dashboard"] .lerws-ac--modern .lerws-ac__card {
    min-width: 0;
    padding: 20px;
    border: 1px solid var(--ler-dashboard-line);
    border-radius: var(--lerws-radius-md, 12px);
    background: #fff;
}

#lerws-portal[data-page="dashboard"] .lerws-ac__section-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

#lerws-portal[data-page="dashboard"] .lerws-ac--modern .lerws-ac__section-head h2 {
    margin: 5px 0 0;
    color: var(--ler-dashboard-ink);
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -.02em;
}

#lerws-portal[data-page="dashboard"] .lerws-ac__text-link,
#lerws-portal[data-page="dashboard"] .lerws-ac__project-meta a {
    color: var(--ler-dashboard-muted);
    font-size: 12px;
    text-decoration: none;
}

#lerws-portal[data-page="dashboard"] .lerws-ac__text-button {
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--ler-dashboard-muted);
    cursor: pointer;
    font: inherit;
    font-size: 12px;
}

#lerws-portal[data-page="dashboard"] .lerws-ac__text-button:hover,
#lerws-portal[data-page="dashboard"] .lerws-ac__text-button:focus-visible {
    color: var(--ler-dashboard-ink);
    text-decoration: underline;
}

#lerws-portal[data-page="dashboard"] .lerws-ac__count-pill,
#lerws-portal[data-page="dashboard"] .lerws-ac__project-status {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: 4px 8px;
    border: 1px solid var(--ler-dashboard-line);
    border-radius: var(--lerws-radius-pill, 999px);
    color: var(--ler-dashboard-muted);
    font-size: 11px;
    line-height: 1;
}

#lerws-portal[data-page="dashboard"] .lerws-ac--modern .lerws-ac__queue {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

#lerws-portal[data-page="dashboard"] .lerws-ac--modern .lerws-ac__qrow {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 10px;
    padding: 10px;
    border: 1px solid var(--ler-dashboard-line);
    border-radius: var(--lerws-radius-sm, 8px);
    background: #fbf8f6;
    color: var(--ler-dashboard-ink);
    text-decoration: none;
}

#lerws-portal[data-page="dashboard"] .lerws-ac--modern .lerws-ac__qcount {
    display: grid;
    min-width: 26px;
    height: 26px;
    place-items: center;
    border-radius: var(--lerws-radius-sm, 8px);
    background: var(--ler-dashboard-ink);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
}

#lerws-portal[data-page="dashboard"] .lerws-ac__qlabel {
    overflow: hidden;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#lerws-portal[data-page="dashboard"] .lerws-ac__kpis {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

#lerws-portal[data-page="dashboard"] .lerws-ac--modern .lerws-ac__kpi {
    padding: 13px;
    border: 1px solid #f0e5e0;
    border-radius: var(--lerws-radius-md, 12px);
    background: #fbf8f6;
}

#lerws-portal[data-page="dashboard"] .lerws-ac--modern .lerws-ac__kpi span {
    display: block;
    color: var(--ler-dashboard-ink);
    font-size: 21px;
    font-weight: 500;
}

#lerws-portal[data-page="dashboard"] .lerws-ac--modern .lerws-ac__kpi small,
#lerws-portal[data-page="dashboard"] .lerws-ac__project-meta,
#lerws-portal[data-page="dashboard"] .lerws-ac__ameta {
    color: var(--ler-dashboard-muted);
    font-size: 11.5px;
}

#lerws-portal[data-page="dashboard"] .lerws-ac__projects-list,
#lerws-portal[data-page="dashboard"] .lerws-ac__bars {
    display: grid;
    gap: 15px;
}

#lerws-portal[data-page="dashboard"] .lerws-ac__project-row {
    display: grid;
    gap: 8px;
}

#lerws-portal[data-page="dashboard"] .lerws-ac__project-heading,
#lerws-portal[data-page="dashboard"] .lerws-ac__project-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

#lerws-portal[data-page="dashboard"] .lerws-ac__project-heading > div {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 8px;
}

#lerws-portal[data-page="dashboard"] .lerws-ac__project-heading strong {
    overflow: hidden;
    font-size: 13px;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#lerws-portal[data-page="dashboard"] .lerws-ac__progress,
#lerws-portal[data-page="dashboard"] .lerws-ac__bar-track {
    height: 7px;
    overflow: hidden;
    border-radius: var(--lerws-radius-pill, 999px);
    background: #f0e5e0;
}

#lerws-portal[data-page="dashboard"] .lerws-ac__progress span,
#lerws-portal[data-page="dashboard"] .lerws-ac__bar-track span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--ler-dashboard-green);
}

#lerws-portal[data-page="dashboard"] .lerws-ac__bar-row {
    display: grid;
    grid-template-columns: minmax(104px, .8fr) minmax(80px, 1.3fr) 24px;
    align-items: center;
    gap: 10px;
    color: var(--ler-dashboard-muted);
    font-size: 12px;
    text-decoration: none;
}

#lerws-portal[data-page="dashboard"] .lerws-ac__bar-row strong {
    color: var(--ler-dashboard-ink);
    font-size: 12px;
    text-align: right;
}

#lerws-portal[data-page="dashboard"] .lerws-ac__empty-state {
    display: grid;
    gap: 7px;
    padding: 18px;
    border: 1px dashed var(--ler-dashboard-line);
    border-radius: var(--lerws-radius-md, 12px);
    color: var(--ler-dashboard-muted);
    font-size: 13px;
}

#lerws-portal[data-page="dashboard"] .lerws-ac__empty-state strong {
    color: var(--ler-dashboard-ink);
    font-size: 14px;
    font-weight: 500;
}

#lerws-portal[data-page="dashboard"] .lerws-ac--modern .lerws-ac__urow,
#lerws-portal[data-page="dashboard"] .lerws-ac--modern .lerws-ac__arow {
    display: flex;
    gap: 11px;
    padding: 11px 0;
    border-bottom: 1px solid #f0e5e0;
    color: var(--ler-dashboard-ink);
    text-decoration: none;
}

#lerws-portal[data-page="dashboard"] .lerws-ac__udate {
    flex: none;
    width: 46px;
    color: var(--ler-dashboard-muted);
    font-size: 12px;
    font-weight: 600;
}

#lerws-portal[data-page="dashboard"] .lerws-ac__utitle {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    font-size: 13px;
}

#lerws-portal[data-page="dashboard"] .lerws-ac__utitle small {
    color: var(--ler-dashboard-muted);
    font-size: 11.5px;
}

#lerws-portal[data-page="dashboard"] .lerws-ac--modern .lerws-ac__arow {
    flex-direction: column;
    gap: 2px;
}

#lerws-portal[data-page="dashboard"] .lerws-ac__atitle {
    font-size: 13px;
    font-weight: 500;
}

#lerws-portal[data-page="dashboard"] .lerws-ac__notification-list {
    display: grid;
}

#lerws-portal[data-page="dashboard"] .lerws-ac__notification-row {
    display: grid;
    grid-template-columns: 8px minmax(0, 1fr) auto;
    align-items: start;
    gap: 10px;
    padding: 11px 0;
    border-bottom: 1px solid #f0e5e0;
    color: var(--ler-dashboard-ink);
    text-decoration: none;
}

#lerws-portal[data-page="dashboard"] .lerws-ac__notification-row:last-child {
    border-bottom: 0;
}

#lerws-portal[data-page="dashboard"] .lerws-ac__notification-row:hover,
#lerws-portal[data-page="dashboard"] .lerws-ac__notification-row:focus-visible {
    color: var(--ler-dashboard-ink);
}

#lerws-portal[data-page="dashboard"] .lerws-ac__notification-mark {
    width: 8px;
    height: 8px;
    margin-top: 5px;
    border-radius: 50%;
    background: transparent;
}

#lerws-portal[data-page="dashboard"] .lerws-ac__notification-row.is-unread .lerws-ac__notification-mark {
    background: var(--ler-dashboard-green);
}

#lerws-portal[data-page="dashboard"] .lerws-ac__notification-copy {
    display: grid;
    min-width: 0;
    gap: 3px;
}

#lerws-portal[data-page="dashboard"] .lerws-ac__notification-copy strong {
    overflow: hidden;
    color: var(--ler-dashboard-ink);
    font-size: 13px;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#lerws-portal[data-page="dashboard"] .lerws-ac__notification-copy span {
    overflow: hidden;
    color: var(--ler-dashboard-muted);
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#lerws-portal[data-page="dashboard"] .lerws-ac__notification-row time {
    color: var(--ler-dashboard-muted);
    font-size: 11px;
    white-space: nowrap;
}

#lerws-portal[data-page="dashboard"] .lerws-ac__card--activity {
    margin-top: 16px;
}

#lerws-portal[data-page="dashboard"] .lerws-ac__grid--activity .lerws-ac__card--activity {
    margin-top: 0;
}

@media (max-width: 1050px) {
    #lerws-portal[data-page="dashboard"] .lerws-ac__grid--overview,
    #lerws-portal[data-page="dashboard"] .lerws-ac__grid--work {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    #lerws-portal[data-page="dashboard"] .lerws-ac--modern .lerws-ac__hero {
        align-items: stretch;
        flex-direction: column;
        gap: 16px;
    }

    #lerws-portal[data-page="dashboard"] .lerws-ac--modern .lerws-ac__queue,
    #lerws-portal[data-page="dashboard"] .lerws-ac__grid--lower {
        grid-template-columns: 1fr;
    }

    #lerws-portal[data-page="dashboard"] .lerws-ac--modern .lerws-ac__card {
        padding: 16px;
    }

    #lerws-portal[data-page="dashboard"] .lerws-ac__bar-row {
        grid-template-columns: minmax(96px, .9fr) minmax(70px, 1fr) 24px;
    }

}

@media (max-width: 1000px) {
    #lerws-portal[data-page="dashboard"] .lerws-sidebar {
        transform: translateX(-110%);
        transition: transform 180ms ease;
        width: min(280px, calc(100vw - 32px));
        padding: 16px;
        border-radius:  0 var(--lerws-radius-md, 12px) var(--lerws-radius-md, 12px) 0;
        background: #fff;
        box-shadow: 12px 0 30px rgba(28, 24, 25, 0.12);
    }

    #lerws-portal[data-page="dashboard"].is-sidebar-open .lerws-sidebar {
        transform: translateX(0);
    }

    #lerws-portal[data-page="dashboard"] .lerws-sidebar-backdrop {
        display: block;
        position: fixed;
        z-index: 250;
        inset: 0;
        background: rgba(28, 24, 25, 0.35);
        opacity: 0;
        pointer-events: none;
        transition: opacity 180ms ease;
    }

    #lerws-portal[data-page="dashboard"].is-sidebar-open .lerws-sidebar-backdrop {
        opacity: 1;
        pointer-events: auto;
    }

    #lerws-portal .lerws-topbar--dashboard .lerws-sidebar-toggle {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 34px;
        height: 34px;
        padding: 0;
        color: #fff;
        background: transparent;
        border: 0;
    }

    #lerws-portal[data-page="dashboard"] .lerws-page-frame {
        width: 100%;
        margin-left: 0;
    }

    #lerws-portal:not([data-page="dashboard"]) .lerws-sidebar {
        transform: translateX(-110%);
        transition: transform 180ms ease;
        width: min(280px, calc(100vw - 32px));
        padding: 16px;
        border-radius:  0 var(--lerws-radius-md, 12px) var(--lerws-radius-md, 12px) 0;
        background: #fff;
        box-shadow: 12px 0 30px rgba(28, 24, 25, 0.12);
    }

    #lerws-portal:not([data-page="dashboard"]).is-sidebar-open .lerws-sidebar {
        transform: translateX(0);
    }

    #lerws-portal:not([data-page="dashboard"]) .lerws-sidebar-backdrop {
        display: block;
        position: fixed;
        z-index: 250;
        inset: 0;
        background: rgba(28, 24, 25, 0.35);
        opacity: 0;
        pointer-events: none;
        transition: opacity 180ms ease;
    }

    #lerws-portal:not([data-page="dashboard"]).is-sidebar-open .lerws-sidebar-backdrop {
        opacity: 1;
        pointer-events: auto;
    }

    #lerws-portal:not([data-page="dashboard"]) .lerws-main {
        width: 100%;
        margin-left: 0;
        padding-right: 16px;
        padding-left: 16px;
    }

    #lerws-portal[data-page="dashboard"] .lerws-main {
        width: 100%;
        margin-left: 0;
        padding-right: 16px;
        padding-left: 16px;
    }

    #lerws-portal:not([data-page="dashboard"]) .lerws-page-frame {
        width: 100%;
        margin-left: 0;
    }
}

@media (max-width: 1000px) {
    #lerws-portal .lerws-topbar--dashboard {
        left: 0;
        right: 0;
        width: 100%;
        top: 0;
        height: auto;
        min-height: 120px;
        padding: 0;
        flex-wrap: wrap;
        align-content: flex-start;
        border-radius: 0;
        transform: none;
    }

    #lerws-portal .lerws-topbar--dashboard .lerws-topbar-left {
        order: 1;
        width: auto;
        min-width: 0;
        flex: 0 0 auto;
        gap: 8px;
        height: 64px;
        padding: 0 0 0 16px;
    }

    #lerws-portal .lerws-topbar--dashboard .lerws-topbar-left .lerws-sidebar-toggle {
        order: -1;
        flex: 0 0 34px;
    }

    #lerws-portal .lerws-topbar--dashboard .lerws-topbar-brand {
        width: 88px;
        height: 30px;
    }

    #lerws-portal .lerws-topbar--dashboard .lerws-topbar-right {
        order: 2;
        min-width: 0;
        flex: 1 1 auto;
        justify-content: flex-end;
        height: 64px;
        gap: 2px;
        padding-right: 12px;
    }

    #lerws-portal .lerws-topbar--dashboard .lerws-topbar-help {
        display: inline-flex !important;
    }

    /* Keep global search available as a compact icon in the mobile action row. */
    #lerws-portal .lerws-topbar--dashboard .lerws-topbar-search-trigger {
        display: inline-flex !important;
    }

    #lerws-portal .lerws-topbar--dashboard .lerws-profile-name {
        display: none;
    }

    #lerws-portal .lerws-topbar--dashboard .lerws-profile-trigger > svg {
        display: block;
    }

    #lerws-portal .lerws-topbar--dashboard .lerws-workspace-nav {
        order: 3;
        display: flex;
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
        height: 56px;
        position: relative;
        align-items: center;
        gap: 8px;
        padding: 0 16px;
        border-top: 1px solid rgba(255, 255, 255, .22);
        color: #fff;
        font-size: 15px;
    }

    #lerws-portal .lerws-topbar--dashboard .lerws-workspace-nav-home {
        width: 34px;
        height: 34px;
        flex-basis: 34px;
    }

    #lerws-portal .lerws-topbar--dashboard .lerws-workspace-nav-separator {
        margin: 0 2px;
    }

    #lerws-portal .lerws-topbar--dashboard .lerws-workspace-nav-current {
        min-width: 0;
        max-width: 130px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #lerws-portal .lerws-topbar--dashboard .lerws-workspace-picker {
        min-width: 0;
        flex: 1 1 auto;
    }

    #lerws-portal .lerws-topbar--dashboard .lerws-workspace-picker > svg {
        width: 22px;
        height: 22px;
        flex: 0 0 auto;
    }

    #lerws-portal .lerws-topbar--dashboard .lerws-workspace-picker-control {
        position: relative;
        display: flex;
        align-items: center;
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    #lerws-portal .lerws-topbar--dashboard .lerws-workspace-picker-input {
        width: 180px;
        flex: 0 1 180px;
        max-width: 100%;
        min-width: 0;
        height: 42px;
        margin: 0;
        padding: 0;
        border: 0 !important;
        border-radius: 0;
        outline: 0;
        background: transparent !important;
        box-shadow: none !important;
        color: #fff;
        font: inherit;
        font-size: 15px;
        line-height: 42px;
    }

    #lerws-portal .lerws-topbar--dashboard .lerws-workspace-picker-input:focus {
        border: 0 !important;
        box-shadow: none !important;
    }

    #lerws-portal .lerws-topbar--dashboard .lerws-workspace-picker-input::-webkit-search-cancel-button {
        display: none;
    }

    #lerws-portal .lerws-topbar--dashboard .lerws-workspace-picker-icon {
        position: absolute;
        top: 0;
        right: 12px;
        display: none;
        width: 20px;
        height: 42px;
        align-items: center;
        justify-content: center;
        color: #fff;
        pointer-events: none;
    }

    #lerws-portal .lerws-topbar--dashboard .lerws-workspace-picker-chevron {
        display: inline-flex;
        width: 18px;
        height: 42px;
        align-items: center;
        justify-content: center;
        color: #fff;
        pointer-events: none;
    }

    #lerws-portal .lerws-topbar--dashboard .lerws-workspace-picker-chevron svg {
        width: 16px;
        height: 16px;
    }

    #lerws-portal .lerws-topbar--dashboard .lerws-workspace-picker.is-open .lerws-workspace-picker-control {
        width: min(100%, 300px);
        padding: 0 12px;
        border: 1px solid rgba(255, 255, 255, .72);
        border-radius: var(--lerws-radius-sm, 8px);
        background: #1c1819;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, .16);
    }

    #lerws-portal .lerws-topbar--dashboard .lerws-workspace-picker.is-open .lerws-workspace-picker-input {
        width: auto;
        flex: 1 1 auto;
        padding: 0 30px 0 0;
    }

    #lerws-portal .lerws-topbar--dashboard .lerws-workspace-picker.is-open .lerws-workspace-picker-icon {
        right: 12px;
        display: inline-flex;
    }

    #lerws-portal .lerws-topbar--dashboard .lerws-workspace-picker.is-open .lerws-workspace-picker-chevron {
        display: none;
    }

    #lerws-portal .lerws-topbar--dashboard .lerws-workspace-picker-icon svg {
        width: 18px;
        height: 18px;
    }

    #lerws-portal .lerws-topbar--dashboard .lerws-workspace-picker-menu {
        position: absolute;
        z-index: 950;
        top: calc(100% + 8px);
        left: 0;
        display: none;
        width: 100%;
        min-width: 0;
        overflow: hidden;
        border: 1px solid rgba(255, 255, 255, .72);
        border-radius: var(--lerws-radius-md, 12px);
        background: #1c1819;
        box-shadow: 0 18px 34px rgba(28, 24, 25, .3);
    }

    #lerws-portal .lerws-topbar--dashboard .lerws-workspace-picker.is-open .lerws-workspace-picker-menu {
        display: block;
    }

    #lerws-portal .lerws-topbar--dashboard .lerws-workspace-picker-item {
        display: flex;
        min-height: 52px;
        align-items: center;
        gap: 14px;
        padding: 0 16px;
        color: #fff;
        font-size: 15px;
        text-decoration: none;
    }

    #lerws-portal .lerws-topbar--dashboard .lerws-workspace-picker-divider {
        margin: 6px 16px;
    }

    #lerws-portal .lerws-topbar--dashboard .lerws-workspace-picker-item:hover,
    #lerws-portal .lerws-topbar--dashboard .lerws-workspace-picker-item:focus-visible {
        outline: 0;
        background: #363132;
    }

    #lerws-portal .lerws-topbar--dashboard .lerws-workspace-picker-item svg {
        width: 20px;
        height: 20px;
        flex: 0 0 auto;
    }

    #lerws-portal .lerws-topbar--dashboard .lerws-workspace-picker.is-open {
        z-index: 960;
    }

    #lerws-portal:not([data-page="dashboard"]) .lerws-main {
        padding-top: var(--lerws-mobile-main-offset);
        padding-right: 12px;
        padding-left: 12px;
    }

    #lerws-portal[data-page="dashboard"] .lerws-main {
        padding-top: var(--lerws-mobile-main-offset);
        padding-right: 12px;
        padding-left: 12px;
    }

    #lerws-portal .lerws-topbar--dashboard .lerws-profile-menu,
    #lerws-portal .lerws-topbar--dashboard .lerws-quick-create-menu {
        top: calc(100% + 6px);
        width: min(280px, calc(100vw - 24px));
        max-height: calc(100vh - 88px);
        overflow-y: auto;
    }

    #lerws-portal[data-page="dashboard"] .lerws-sidebar {
        left: 0;
    }

    #lerws-portal:not([data-page="dashboard"]) .lerws-sidebar {
        left: 0;
    }

    .lerws-dashboard-empty__hero {
        min-height: 0;
        padding: 32px 20px 20px;
        background-position: center top;
    }

    #lerws-portal .lerws-dashboard-page-title {
        margin-bottom: 18px;
        font-size: var(--lerws-masthead-title-mobile-size, 40px);
    }

    #lerws-portal.lerws-portal .lerws-dashboard-empty__intro h1 {
        font-size: 34px;
    }

    .lerws-dashboard-empty__options,
    .lerws-dashboard-empty__lower {
        grid-template-columns: 1fr;
        gap: 14px;
        margin-top: 24px;
    }

    .lerws-dashboard-empty__option {
        min-height: 0;
        gap: 28px;
    }

    .lerws-dashboard-empty__panel {
        min-height: 0;
    }

    .lerws-dashboard-empty__service {
        align-items: flex-start;
        flex-direction: column;
        gap: 16px;
    }

    /* iOS Safari zooms focused controls below 16px; keep portal inputs stable. */
    #lerws-portal input,
    #lerws-portal select,
    #lerws-portal textarea {
        font-size: 16px !important;
    }
}

@media (min-width: 761px) and (max-width: 1000px) {
    #lerws-portal .lerws-topbar--dashboard {
        top: 16px;
        right: 16px;
        left: 16px;
        width: auto;
        border-radius: var(--lerws-radius-md, 12px);
    }

}

/* Shared notification popover for isolated portal routes. The dashboard
   rules above remain more specific, while this keeps the same shell control
   usable on Support, Work, Billing, and account pages. */
#lerws-portal .lerws-notif-panel {
    position: fixed;
    z-index: 850;
    inset: 0;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity 160ms ease, visibility 160ms ease;
}

#lerws-portal .lerws-notif-panel.open {
    pointer-events: auto;
    opacity: 1;
    visibility: visible;
}

#lerws-portal .lerws-notif-backdrop {
    position: absolute;
    inset: 0;
    background: transparent;
}

#lerws-portal .lerws-notif-content {
    position: absolute;
    top: 72px;
    right: max(16px, calc((100vw - 1424px) / 2 + 16px));
    display: flex;
    width: min(480px, calc(100vw - 32px));
    max-height: min(520px, calc(100vh - 88px));
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--ler-dashboard-line);
    border-radius: var(--lerws-radius-md, 12px);
    background: var(--ler-dashboard-paper, #fff);
    box-shadow: 0 14px 34px rgba(28, 24, 25, .18);
    transform: translateY(-6px);
    transition: transform 160ms ease;
}

#lerws-portal .lerws-notif-panel.open .lerws-notif-content {
    transform: translateY(0);
}

#lerws-portal .lerws-notif-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 20px;
    border-bottom: 1px solid var(--ler-dashboard-line);
}

#lerws-portal .lerws-notif-header h2 {
    margin: 0;
    color: var(--ler-dashboard-ink);
    font-family: "Reckless Neue", Georgia, serif !important;
    font-size: 26px;
    font-weight: 400;
}

#lerws-portal .lerws-notif-count {
    color: var(--ler-dashboard-muted);
    font-size: 12px;
}

#lerws-portal .lerws-notif-close {
    display: inline-flex;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid var(--ler-dashboard-line);
    border-radius: var(--lerws-radius-sm, 8px);
    background: var(--ler-dashboard-paper, #fff);
    color: var(--ler-dashboard-ink);
    cursor: pointer;
}

#lerws-portal .lerws-notif-close:hover,
#lerws-portal .lerws-notif-close:focus-visible {
    background: #f8f1ed;
}

#lerws-portal .lerws-notif-close svg {
    display: block;
    width: 18px;
    height: 18px;
    color: currentColor !important;
    stroke: currentColor !important;
    fill: none !important;
}

#lerws-portal .lerws-notif-close svg * {
    stroke: currentColor !important;
    fill: none !important;
}

#lerws-portal .lerws-notif-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    padding: 12px;
    border-bottom: 1px solid #f0e5e0;
}

#lerws-portal .lerws-mark-all-read,
#lerws-portal .lerws-clear-all-notifications {
    min-height: 36px;
    padding: 8px 10px;
    border: 1px solid var(--ler-dashboard-line);
    border-radius: var(--lerws-radius-sm, 8px);
    background: var(--ler-dashboard-paper, #fff);
    color: var(--ler-dashboard-ink);
    cursor: pointer;
    font-size: 12px;
}

#lerws-portal .lerws-mark-all-read:hover,
#lerws-portal .lerws-clear-all-notifications:hover {
    border-color: var(--ler-dashboard-ink);
    background: #f8f1ed;
}

#lerws-portal .lerws-notif-list {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 8px 0;
}

#lerws-portal .lerws-notif-list > .lerws-search-empty {
    display: block;
    padding: 32px 20px;
    color: var(--ler-dashboard-muted);
    font-size: 13px;
    line-height: 1.5;
    text-align: center;
}

#lerws-portal .lerws-notif-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 13px 20px;
    border-bottom: 1px solid #f0e5e0;
    color: var(--ler-dashboard-ink);
    cursor: pointer;
    text-decoration: none;
}

#lerws-portal .lerws-notif-item:hover,
#lerws-portal .lerws-notif-item:focus-visible {
    background: #fbf8f6;
}

#lerws-portal .lerws-notif-icon {
    display: inline-flex;
    width: 36px;
    height: 36px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #f0e5e0;
    color: var(--ler-dashboard-ink);
}

#lerws-portal .lerws-notif-body {
    min-width: 0;
    flex: 1;
}

#lerws-portal .lerws-notif-title {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 3px;
    color: var(--ler-dashboard-ink);
    font-size: 13px;
    font-weight: 600;
}

#lerws-portal .lerws-notif-message {
    overflow: hidden;
    margin-bottom: 4px;
    color: var(--ler-dashboard-muted);
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#lerws-portal .lerws-notif-time {
    color: var(--ler-dashboard-muted);
    font-size: 11px;
}

#lerws-portal .lerws-notif-delete {
    display: inline-flex;
    width: 28px;
    height: 28px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    margin-top: 2px;
    padding: 0;
    border: 0;
    border-radius: var(--lerws-radius-sm, 8px);
    background: transparent;
    color: var(--ler-dashboard-muted);
    cursor: pointer;
}

#lerws-portal .lerws-notif-delete:hover,
#lerws-portal .lerws-notif-delete:focus-visible {
    background: #f8f1ed;
    color: var(--ler-dashboard-ink);
}

/* Kinsta-style notification lists do not place dismiss X controls on each row. */
#lerws-portal .lerws-notif-delete {
    display: none !important;
}

#lerws-portal .lerws-notif-loading {
    display: flex;
    min-height: 160px;
    align-items: center;
    justify-content: center;
}

#lerws-portal .lerws-notif-loading .lerws-spinner {
    width: 24px;
    height: 24px;
    border: 2px solid var(--ler-dashboard-line);
    border-top-color: var(--ler-dashboard-ink);
    border-radius: 50%;
    animation: lerws-notif-spin 700ms linear infinite;
}

@keyframes lerws-notif-spin {
    to { transform: rotate(360deg); }
}

@media (max-width: 760px) {
    #lerws-portal .lerws-notif-content {
        top: var(--lerws-mobile-shell-height, 120px);
        right: 8px;
        width: calc(100vw - 16px);
        height: calc(var(--lerws-viewport-height, 100vh) - var(--lerws-mobile-shell-height, 120px) - 16px);
        max-height: none;
    }
}

/* Kinsta-style notification header actions. The popover closes by clicking
   outside it or pressing Escape; the header has no panel-level X control. */
#lerws-portal .lerws-notif-close {
    display: none !important;
}

#lerws-portal .lerws-notif-header-copy {
    min-width: 0;
}

#lerws-portal .lerws-notif-context {
    display: block;
    margin-top: 3px;
    overflow: hidden;
    color: var(--ler-dashboard-muted);
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#lerws-portal .lerws-notif-header-actions {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 4px;
    margin-left: auto;
}

#lerws-portal .lerws-notif-header .lerws-mark-all-read,
#lerws-portal .lerws-notif-settings {
    display: inline-flex;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: var(--lerws-radius-sm, 8px);
    background: transparent;
    color: var(--ler-dashboard-ink);
    cursor: pointer;
    text-decoration: none;
}

#lerws-portal .lerws-notif-header .lerws-mark-all-read {
    min-height: 34px;
    font-size: 0;
}

#lerws-portal .lerws-notif-header .lerws-mark-all-read:hover:not(:disabled),
#lerws-portal .lerws-notif-header .lerws-mark-all-read:focus-visible,
#lerws-portal .lerws-notif-settings:hover,
#lerws-portal .lerws-notif-settings:focus-visible {
    outline: 0;
    background: #f8f1ed;
    color: var(--ler-dashboard-ink);
}

#lerws-portal .lerws-notif-header .lerws-mark-all-read:disabled {
    opacity: .45;
    cursor: not-allowed;
}

#lerws-portal .lerws-notif-header-actions svg {
    display: block;
    width: 20px;
    height: 20px;
    flex: 0 0 auto;
}

/* Keep the account menu aligned with the compact Kinsta-style shell even
   when a route-specific stylesheet contributes legacy menu rules. */
#lerws-portal .lerws-topbar--dashboard .lerws-profile-menu {
    width: 232px !important;
    padding: 8px !important;
    border: 1px solid rgba(255, 255, 255, .72) !important;
    border-radius: var(--lerws-radius-sm, 8px) !important;
    background: #1c1819 !important;
    box-shadow: 0 18px 34px rgba(28, 24, 25, .3) !important;
    color: #fff !important;
}

#lerws-portal .lerws-topbar--dashboard .lerws-profile-menu > .lerws-profile-menu-header,
#lerws-portal .lerws-topbar--dashboard .lerws-profile-menu > .lerws-profile-menu-label {
    display: none !important;
}

#lerws-portal .lerws-topbar--dashboard .lerws-profile-menu > .lerws-profile-menu-divider {
    margin: 6px 4px !important;
    background: rgba(255, 255, 255, .16) !important;
}

#lerws-portal .lerws-topbar--dashboard .lerws-profile-menu > .lerws-profile-menu-item {
    min-height: 42px;
    padding: 10px;
    border-radius: var(--lerws-radius-sm, 8px);
    color: rgba(255, 255, 255, .92) !important;
    font-size: 14px;
}

#lerws-portal .lerws-topbar--dashboard .lerws-profile-menu > .lerws-profile-menu-item:hover,
#lerws-portal .lerws-topbar--dashboard .lerws-profile-menu > .lerws-profile-menu-item:focus-visible,
#lerws-portal .lerws-topbar--dashboard .lerws-profile-menu > .lerws-profile-menu-item.is-current {
    outline: 0;
    background: #363132 !important;
    color: #fff !important;
}

/* Admin shell controls keep a compact visual footprint while retaining a usable hit area. */
#lerws-portal[data-page="admin_billing"] .lerws-topbar--dashboard .lerws-topbar-icon-btn,
#lerws-portal[data-page="admin_billing"] .lerws-topbar--dashboard .lerws-topbar-help,
#lerws-portal[data-page="admin_billing"] .lerws-topbar--dashboard .lerws-profile-trigger,
#lerws-portal[data-page="admin_billing"] .lerws-topbar--dashboard .lerws-workspace-nav-home,
#lerws-portal[data-page="admin_billing"] .lerws-topbar--dashboard .lerws-sidebar-toggle,
#lerws-portal[data-page="admin_subscriptions"] .lerws-topbar--dashboard .lerws-topbar-icon-btn,
#lerws-portal[data-page="admin_subscriptions"] .lerws-topbar--dashboard .lerws-topbar-help,
#lerws-portal[data-page="admin_subscriptions"] .lerws-topbar--dashboard .lerws-profile-trigger,
#lerws-portal[data-page="admin_subscriptions"] .lerws-topbar--dashboard .lerws-workspace-nav-home,
#lerws-portal[data-page="admin_subscriptions"] .lerws-topbar--dashboard .lerws-sidebar-toggle,
#lerws-portal[data-page="orders"][data-admin-billing-context="orders"] .lerws-topbar--dashboard .lerws-topbar-icon-btn,
#lerws-portal[data-page="orders"][data-admin-billing-context="orders"] .lerws-topbar--dashboard .lerws-topbar-help,
#lerws-portal[data-page="orders"][data-admin-billing-context="orders"] .lerws-topbar--dashboard .lerws-profile-trigger,
#lerws-portal[data-page="orders"][data-admin-billing-context="orders"] .lerws-topbar--dashboard .lerws-workspace-nav-home,
#lerws-portal[data-page="orders"][data-admin-billing-context="orders"] .lerws-topbar--dashboard .lerws-sidebar-toggle {
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
}

#lerws-portal[data-page="admin_billing"] .lerws-topbar--dashboard .lerws-workspace-nav-home,
#lerws-portal[data-page="admin_billing"] .lerws-topbar--dashboard .lerws-sidebar-toggle,
#lerws-portal[data-page="admin_subscriptions"] .lerws-topbar--dashboard .lerws-workspace-nav-home,
#lerws-portal[data-page="admin_subscriptions"] .lerws-topbar--dashboard .lerws-sidebar-toggle,
#lerws-portal[data-page="orders"][data-admin-billing-context="orders"] .lerws-topbar--dashboard .lerws-workspace-nav-home,
#lerws-portal[data-page="orders"][data-admin-billing-context="orders"] .lerws-topbar--dashboard .lerws-sidebar-toggle {
    flex: 0 0 40px;
}

#lerws-portal[data-page="admin_billing"] .lerws-topbar--dashboard .lerws-quick-create-trigger,
#lerws-portal[data-page="admin_subscriptions"] .lerws-topbar--dashboard .lerws-quick-create-trigger,
#lerws-portal[data-page="orders"][data-admin-billing-context="orders"] .lerws-topbar--dashboard .lerws-quick-create-trigger {
    min-height: 40px;
}

/* The former billing-only 44px control bumps at phone widths are removed:
   they out-ranked the final shared mobile header contract below and made the
   billing headers oversized relative to every other route. The 40px rules
   above remain the desktop/tablet treatment. */

#lerws-portal[data-page="sales"] .lerws-page-frame {
    width: calc(100% - var(--sidebar-width) - 16px);
    max-width: none;
    margin: 0 0 0 calc(var(--sidebar-width) + 16px);
    padding: 0;
}

@media (max-width: 1000px) {

    #lerws-portal[data-page="sales"] .lerws-page-frame {
        width: 100%;
        margin: 0;
    }
}

/* Final shared mobile header contract. Keep this after route compatibility
   rules so a page stylesheet cannot turn the first row into a second wrapped
   header row and move the drawer/content offset away from the workspace bar. */
@media (max-width: 760px) {
    #lerws-portal .lerws-topbar--dashboard .lerws-topbar-left {
        width: auto !important;
        min-width: 0 !important;
        flex: 0 0 auto !important;
        gap: 4px;
        padding-left: 12px;
    }

    #lerws-portal .lerws-topbar--dashboard .lerws-topbar-brand {
        width: 64px;
        max-width: 64px;
    }

    #lerws-portal .lerws-topbar--dashboard .lerws-topbar-right {
        min-width: 0 !important;
        flex: 1 1 0 !important;
        justify-content: flex-end;
        gap: 0;
        overflow: hidden;
        padding-right: 8px;
    }

    #lerws-portal .lerws-topbar--dashboard .lerws-quick-create-dropdown {
        min-width: 0;
        flex: 0 1 auto;
    }

    #lerws-portal .lerws-topbar--dashboard .lerws-quick-create-trigger {
        min-width: 0;
        max-width: 100%;
        gap: 4px;
        padding-right: 8px;
        padding-left: 8px;
        overflow: hidden;
        font-size: 11px;
        text-overflow: ellipsis;
    }

    #lerws-portal .lerws-topbar--dashboard .lerws-topbar-icon-btn,
    #lerws-portal .lerws-topbar--dashboard .lerws-topbar-help {
        width: 32px;
        min-width: 32px;
        height: 32px;
    }

    #lerws-portal .lerws-topbar--dashboard .lerws-profile-trigger {
        min-width: 0;
        gap: 4px;
        padding-right: 2px;
        padding-left: 2px;
    }

    #lerws-portal .lerws-topbar--dashboard .lerws-profile-avatar {
        width: 26px;
        height: 26px;
    }

    /* Billing routes keep their 40px desktop controls; on phones they join
       the same compact header as every other route. */
    #lerws-portal[data-page="admin_billing"] .lerws-topbar--dashboard .lerws-workspace-nav-home,
    #lerws-portal[data-page="admin_billing"] .lerws-topbar--dashboard .lerws-sidebar-toggle,
    #lerws-portal[data-page="admin_subscriptions"] .lerws-topbar--dashboard .lerws-workspace-nav-home,
    #lerws-portal[data-page="admin_subscriptions"] .lerws-topbar--dashboard .lerws-sidebar-toggle,
    #lerws-portal[data-page="orders"][data-admin-billing-context="orders"] .lerws-topbar--dashboard .lerws-workspace-nav-home,
    #lerws-portal[data-page="orders"][data-admin-billing-context="orders"] .lerws-topbar--dashboard .lerws-sidebar-toggle {
        flex: 0 0 34px;
    }

    #lerws-portal[data-page="admin_billing"] .lerws-topbar--dashboard .lerws-quick-create-trigger,
    #lerws-portal[data-page="admin_subscriptions"] .lerws-topbar--dashboard .lerws-quick-create-trigger,
    #lerws-portal[data-page="orders"][data-admin-billing-context="orders"] .lerws-topbar--dashboard .lerws-quick-create-trigger {
        min-height: 34px;
    }

    #lerws-portal[data-page="admin_billing"] .lerws-topbar--dashboard .lerws-topbar-icon-btn,
    #lerws-portal[data-page="admin_billing"] .lerws-topbar--dashboard .lerws-topbar-help,
    #lerws-portal[data-page="admin_subscriptions"] .lerws-topbar--dashboard .lerws-topbar-icon-btn,
    #lerws-portal[data-page="admin_subscriptions"] .lerws-topbar--dashboard .lerws-topbar-help,
    #lerws-portal[data-page="orders"][data-admin-billing-context="orders"] .lerws-topbar--dashboard .lerws-topbar-icon-btn,
    #lerws-portal[data-page="orders"][data-admin-billing-context="orders"] .lerws-topbar--dashboard .lerws-topbar-help {
        width: 32px;
        min-width: 32px;
        height: 32px;
        min-height: 32px;
    }

    #lerws-portal[data-page="admin_billing"] .lerws-topbar--dashboard .lerws-profile-trigger,
    #lerws-portal[data-page="admin_subscriptions"] .lerws-topbar--dashboard .lerws-profile-trigger,
    #lerws-portal[data-page="orders"][data-admin-billing-context="orders"] .lerws-topbar--dashboard .lerws-profile-trigger {
        width: auto;
        min-width: 0;
        height: auto;
        min-height: 0;
    }
}

@media (max-width: 452px) {
    #lerws-portal .lerws-topbar--dashboard .lerws-topbar-left {
        gap: 2px;
        padding-left: 10px;
    }

    #lerws-portal .lerws-topbar--dashboard .lerws-topbar-brand {
        width: 56px;
        max-width: 56px;
    }

    #lerws-portal .lerws-topbar--dashboard .lerws-topbar-right {
        padding-right: 6px;
    }

    #lerws-portal .lerws-topbar--dashboard .lerws-quick-create-trigger {
        gap: 2px;
        padding-right: 6px;
        padding-left: 6px;
        font-size: 10px;
    }

    #lerws-portal .lerws-topbar--dashboard .lerws-quick-create-trigger svg:first-child {
        width: 13px;
        height: 13px;
    }

    #lerws-portal .lerws-topbar--dashboard .lerws-quick-create-trigger svg:last-child {
        width: 11px;
        height: 11px;
    }

    #lerws-portal .lerws-topbar--dashboard .lerws-topbar-icon-btn,
    #lerws-portal .lerws-topbar--dashboard .lerws-topbar-help {
        width: 30px;
        min-width: 30px;
        height: 30px;
    }

    #lerws-portal .lerws-topbar--dashboard .lerws-profile-trigger {
        gap: 3px;
    }

    #lerws-portal .lerws-topbar--dashboard .lerws-profile-avatar {
        width: 24px;
        height: 24px;
    }

    #lerws-portal[data-page="admin_billing"] .lerws-topbar--dashboard .lerws-topbar-icon-btn,
    #lerws-portal[data-page="admin_billing"] .lerws-topbar--dashboard .lerws-topbar-help,
    #lerws-portal[data-page="admin_subscriptions"] .lerws-topbar--dashboard .lerws-topbar-icon-btn,
    #lerws-portal[data-page="admin_subscriptions"] .lerws-topbar--dashboard .lerws-topbar-help,
    #lerws-portal[data-page="orders"][data-admin-billing-context="orders"] .lerws-topbar--dashboard .lerws-topbar-icon-btn,
    #lerws-portal[data-page="orders"][data-admin-billing-context="orders"] .lerws-topbar--dashboard .lerws-topbar-help {
        width: 30px;
        min-width: 30px;
        height: 30px;
        min-height: 30px;
    }
}

/* Header popovers must remain above every route surface. The mobile header is
   a fixed two-row shell; its right control group cannot clip a menu that
   intentionally extends below the first row. */
#lerws-portal .lerws-topbar--dashboard {
    z-index: 1000;
    isolation: isolate;
}

#lerws-portal .lerws-topbar--dashboard .lerws-profile-menu,
#lerws-portal .lerws-topbar--dashboard .lerws-quick-create-menu {
    z-index: 1100;
}

@media (max-width: 760px) {
    #lerws-portal .lerws-topbar--dashboard .lerws-topbar-right {
        overflow: visible !important;
    }

    #lerws-portal .lerws-topbar--dashboard .lerws-quick-create-menu,
    #lerws-portal .lerws-topbar--dashboard .lerws-profile-menu {
        position: fixed;
        top: var(--lerws-mobile-shell-height);
        right: 12px;
        left: auto;
        max-height: calc(100svh - var(--lerws-mobile-shell-height) - 16px);
        overflow-y: auto;
    }

    #lerws-portal .lerws-topbar--dashboard .lerws-quick-create-menu {
        width: min(260px, calc(100vw - 24px));
    }

    #lerws-portal .lerws-topbar--dashboard .lerws-profile-menu {
        width: min(216px, calc(100vw - 24px)) !important;
    }
}

/* Keep the dashboard notification panel below the complete compact shell.
   This final rule intentionally follows every legacy popover declaration. */
@media (max-width: 760px) {
    #lerws-portal[data-page="dashboard"] .lerws-notif-content {
        top: var(--lerws-mobile-shell-height, 120px);
        right: 8px;
        width: calc(100vw - 16px);
        height: calc(var(--lerws-viewport-height, 100vh) - var(--lerws-mobile-shell-height, 120px) - 16px);
        max-height: none;
    }
}

/* --------------------------------------------------------------------------
   Combobox — search-first replacement for long <select> lists.
   The native select stays in the DOM for no-JS and for form submission; it is
   only hidden once the script has taken over, so nothing disappears if the
   script fails to load.
   -------------------------------------------------------------------------- */
.lerws-combobox {
    position: relative;
    display: block;
    width: 100%;
}

.lerws-combobox__native {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}

.lerws-combobox__field {
    position: relative;
    display: flex;
    align-items: center;
}

.lerws-combobox__input {
    width: 100%;
    padding-right: 34px;
}

.lerws-combobox__toggle {
    position: absolute;
    right: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    padding: 0;
    color: var(--ler-dashboard-muted);
    cursor: pointer;
    background: transparent;
    border: 0;
    border-radius: var(--lerws-radius-sm, 8px);
}

.lerws-combobox__toggle:hover {
    color: var(--ler-dashboard-ink);
    background: var(--lerws-portal-surface-hover, #fdfaf8);
}

.lerws-combobox.is-open .lerws-combobox__toggle svg {
    transform: rotate(180deg);
}

.lerws-combobox__list {
    position: absolute;
    z-index: 40;
    top: calc(100% + 4px);
    left: 0;
    width: 100%;
    max-height: 264px;
    padding: 4px;
    margin: 0;
    overflow-y: auto;
    list-style: none;
    background: var(--lerws-portal-surface, #fff);
    border: 1px solid var(--ler-dashboard-line, #eadbd4);
    border-radius: var(--lerws-radius-md, 12px);
    box-shadow: 0 12px 28px rgba(28, 24, 25, 0.12);
}

.lerws-combobox__option {
    padding: 8px 10px;
    font-size: 14px;
    line-height: 1.35;
    color: var(--ler-dashboard-ink);
    cursor: pointer;
    border-radius: var(--lerws-radius-sm, 8px);
}

.lerws-combobox__option.is-active,
.lerws-combobox__option:hover {
    background: var(--lerws-portal-accent-soft, #f7dfd5);
}

.lerws-combobox__match {
    padding: 0;
    font-weight: 600;
    color: inherit;
    background: transparent;
}

.lerws-combobox__empty,
.lerws-combobox__more {
    padding: 8px 10px;
    font-size: 12px;
    color: var(--ler-dashboard-muted);
}

.lerws-combobox__more {
    border-top: 1px solid var(--ler-dashboard-line, #eadbd4);
}

@media (prefers-reduced-motion: reduce) {
    .lerws-combobox__toggle svg {
        transition: none;
    }
}

/* Shared mobile filter/sort sheet. Markup contract:
   .lerws-mobile-sheet-backdrop[hidden] > .lerws-mobile-sheet with
   __header (__text-button | __header-spacer, __title, __close), __body,
   __section, __label, __choice-list/__choice/__choice-copy/__choice-mark,
   __pill-group/__pill, and __footer (__secondary, __apply). Route JS opens
   a sheet by clearing [hidden] and adding .is-open to the backdrop; route
   CSS owns only the trigger buttons. Projects and Leads still carry
   route-scoped copies of these rules that win on specificity; fold each
   copy into this block when that route is next touched. Sheets are a
   narrow-shell pattern, so they live inside the canonical 1000px
   breakpoint and are force-hidden above it. */
@media (max-width: 1000px) {
    .lerws-mobile-sheet-backdrop {
        position: fixed;
        inset: 0;
        z-index: 10040;
        display: none;
        align-items: flex-end;
        justify-content: center;
        padding: 1rem 0.8rem calc(1rem + env(safe-area-inset-bottom));
        background: rgba(28, 24, 25, 0.55);
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
        pointer-events: none;
    }

    .lerws-mobile-sheet-backdrop[hidden] {
        display: none;
    }

    .lerws-mobile-sheet-backdrop.is-open {
        display: flex;
        pointer-events: auto;
    }

    .lerws-mobile-sheet {
        position: relative;
        width: min(100%, 420px);
        max-width: 420px;
        max-height: min(82vh, 720px);
        overflow: auto;
        border: 1px solid var(--lerws-portal-line);
        border-radius: var(--lerws-radius-md, 12px);
        background: var(--lerws-portal-surface);
        box-shadow: var(--lerws-portal-shadow-lg);
        transform: translateY(24px);
        opacity: 0;
        transition: transform 0.22s ease, opacity 0.22s ease;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
    }

    .lerws-mobile-sheet-backdrop.is-open .lerws-mobile-sheet {
        transform: translateY(0);
        opacity: 1;
    }

    .lerws-mobile-sheet__header {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
        align-items: center;
        gap: 0.75rem;
        padding: 1.1rem 1rem 0.45rem;
    }

    .lerws-mobile-sheet__header-spacer {
        display: block;
        min-height: 32px;
    }

    .lerws-mobile-sheet__title {
        margin: 0;
        text-align: center;
        font-size: 1rem;
        font-weight: 500;
        color: var(--lerws-portal-text);
    }

    .lerws-mobile-sheet__text-button,
    .lerws-mobile-sheet__close,
    .lerws-mobile-sheet__secondary,
    .lerws-mobile-sheet__apply {
        font: inherit;
        appearance: none;
        -webkit-appearance: none;
    }

    .lerws-mobile-sheet__text-button {
        justify-self: start;
        min-height: 32px;
        padding: 0;
        border: 0;
        background: transparent;
        color: var(--lerws-portal-danger);
        cursor: pointer;
    }

    .lerws-mobile-sheet__close {
        justify-self: end;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        padding: 0;
        border: 0;
        border-radius: var(--lerws-radius-pill, 999px);
        background: transparent;
        color: var(--lerws-portal-text-muted);
        cursor: pointer;
    }

    .lerws-mobile-sheet__close svg {
        display: block;
        width: 18px;
        height: 18px;
    }

    .lerws-mobile-sheet__body {
        display: grid;
        gap: 1rem;
        padding: 1rem 1rem 0.9rem;
    }

    .lerws-mobile-sheet__section {
        display: grid;
        gap: 0.75rem;
    }

    .lerws-mobile-sheet__label {
        font-size: 0.86rem;
        font-weight: 500;
        color: var(--lerws-portal-text);
    }

    .lerws-mobile-sheet__choice-list {
        display: grid;
        gap: 0;
    }

    .lerws-mobile-sheet__choice {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.75rem;
        min-height: 46px;
        padding: 0.7rem 0.15rem;
        border-bottom: 1px solid var(--lerws-portal-line-soft);
        cursor: pointer;
    }

    .lerws-mobile-sheet__choice:last-child {
        border-bottom: 0;
    }

    .lerws-mobile-sheet__choice input,
    .lerws-mobile-sheet__pill input {
        position: absolute;
        opacity: 0;
        pointer-events: none;
    }

    .lerws-mobile-sheet__choice-copy {
        flex: 1 1 auto;
        min-width: 0;
        color: var(--lerws-portal-text);
        font-size: 0.95rem;
    }

    .lerws-mobile-sheet__choice-mark {
        flex: 0 0 auto;
        width: 20px;
        height: 20px;
        border: 1.5px solid color-mix(in srgb, var(--lerws-portal-text) 24%, var(--lerws-portal-line));
        border-radius: var(--lerws-radius-pill, 999px);
        background: transparent;
        transition: border-color 0.18s ease, box-shadow 0.18s ease;
    }

    .lerws-mobile-sheet__choice input:checked ~ .lerws-mobile-sheet__choice-mark {
        border-color: var(--lerws-portal-text);
        box-shadow: inset 0 0 0 5px var(--lerws-portal-text);
    }

    .lerws-mobile-sheet__choice:focus-within {
        outline: 2px solid color-mix(in srgb, var(--lerws-portal-text) 22%, transparent);
        outline-offset: 3px;
        border-radius: var(--lerws-radius-md, 12px);
    }

    .lerws-mobile-sheet__pill-group {
        display: flex;
        flex-wrap: wrap;
        gap: 0.6rem;
    }

    .lerws-mobile-sheet__pill {
        position: relative;
        display: inline-flex;
    }

    .lerws-mobile-sheet__pill span {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 38px;
        padding: 0 0.9rem;
        border: 1px solid var(--lerws-portal-line);
        border-radius: var(--lerws-radius-pill, 999px);
        background: var(--lerws-control-bg);
        color: var(--lerws-portal-text);
        font-size: 0.88rem;
        cursor: pointer;
        transition: border-color 0.18s ease, background 0.18s ease, color 0.18s ease;
    }

    .lerws-mobile-sheet__pill input:checked + span {
        background: var(--lerws-portal-text);
        border-color: var(--lerws-portal-text);
        color: var(--lerws-portal-surface);
    }

    .lerws-mobile-sheet__pill:focus-within span {
        outline: 2px solid color-mix(in srgb, var(--lerws-portal-text) 22%, transparent);
        outline-offset: 2px;
    }

    .lerws-mobile-sheet__footer {
        display: grid;
        gap: 0.75rem;
        padding: 0 1rem 1rem;
    }

    .lerws-mobile-sheet__secondary,
    .lerws-mobile-sheet__apply {
        width: 100%;
        min-height: 48px;
        padding: 0 1rem;
        border-radius: var(--lerws-radius-md, 12px);
        cursor: pointer;
    }

    .lerws-mobile-sheet__secondary {
        border: 1px solid var(--lerws-portal-line);
        background: transparent;
        color: var(--lerws-portal-text);
    }

    .lerws-mobile-sheet__apply {
        border: 1px solid var(--lerws-portal-accent);
        background: var(--lerws-portal-accent);
        color: var(--lerws-portal-on-accent);
    }
}

@media (min-width: 1001px) {
    .lerws-mobile-sheet-backdrop {
        display: none !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .lerws-mobile-sheet {
        transition: none;
        transform: none;
    }
}