/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-hglvtngcn9] {
    color-scheme: light only;
    background: var(--pim-warning-chip-bg);
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-hglvtngcn9] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-6ynfigk5wf],
.components-reconnect-repeated-attempt-visible[b-6ynfigk5wf],
.components-reconnect-failed-visible[b-6ynfigk5wf],
.components-pause-visible[b-6ynfigk5wf],
.components-resume-failed-visible[b-6ynfigk5wf],
.components-rejoining-animation[b-6ynfigk5wf] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-6ynfigk5wf],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-6ynfigk5wf],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-6ynfigk5wf],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-6ynfigk5wf],
#components-reconnect-modal.components-reconnect-retrying[b-6ynfigk5wf],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-6ynfigk5wf],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-6ynfigk5wf],
#components-reconnect-modal.components-reconnect-failed[b-6ynfigk5wf],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-6ynfigk5wf] {
    display: block;
}


#components-reconnect-modal[b-6ynfigk5wf] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-6ynfigk5wf 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-6ynfigk5wf 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-6ynfigk5wf 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-6ynfigk5wf]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-6ynfigk5wf 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-6ynfigk5wf {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-6ynfigk5wf {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-6ynfigk5wf {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-6ynfigk5wf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-6ynfigk5wf] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-6ynfigk5wf] {
    border: 0;
    background-color: var(--pim-brand-hover);
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-6ynfigk5wf] {
        background-color: var(--pim-brand-active);
    }

    #components-reconnect-modal button:active[b-6ynfigk5wf] {
        background-color: var(--pim-brand-hover);
    }

.components-rejoining-animation[b-6ynfigk5wf] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-6ynfigk5wf] {
        position: absolute;
        border: 3px solid var(--pim-brand);
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-6ynfigk5wf 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-6ynfigk5wf] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-6ynfigk5wf {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.hub[b-ryyvxerl23] {
    position: fixed;
    inset: 0;
    overflow: auto;
    background: var(--pim-canvas);
    color: var(--pim-ink);
    font-family: var(--pim-font);
}

.hub__inner[b-ryyvxerl23] {
    max-width: 1100px;
    margin: 0 auto;
    padding: 64px clamp(20px, 5vw, 48px) 56px;
}

.hub__head[b-ryyvxerl23] { margin-bottom: 36px; }
.hub__brand[b-ryyvxerl23] { display: flex; align-items: center; gap: 10px; margin-bottom: 24px; }
.hub__mark[b-ryyvxerl23] {
    font-weight: 700; font-size: 14px; letter-spacing: .02em;
    background: var(--pim-brand); color: var(--pim-on-brand);
    padding: 5px 10px; border-radius: var(--pim-radius-md);
}
.hub__eyebrow[b-ryyvxerl23] {
    font-size: 11px; letter-spacing: .18em; text-transform: uppercase; color: var(--pim-ink-subtle);
}
.hub__title[b-ryyvxerl23] {
    margin: 0 0 14px; font-size: clamp(28px, 4vw, 40px); font-weight: 600; letter-spacing: -.01em;
    color: var(--pim-ink);
}
.hub__lede[b-ryyvxerl23] {
    margin: 0 0 16px; max-width: 660px; font-size: 15px; line-height: 1.6; color: var(--pim-ink-subtle);
}
.hub__notice[b-ryyvxerl23] {
    display: inline-flex; align-items: center; gap: 6px;
    margin: 0; padding: 4px 12px;
    font-size: 12.5px; font-weight: 600;
    color: var(--pim-warning-text);
    background: var(--pim-warning-chip-bg);
    border: 1px solid var(--pim-warning-text);
    border-radius: var(--pim-radius-md);
}
.hub__notice .material-symbols[b-ryyvxerl23] { font-size: 16px; }

.hub__grid[b-ryyvxerl23] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
    gap: 18px;
}

.card[b-ryyvxerl23] {
    display: flex; flex-direction: column;
    background: var(--pim-surface);
    border: 1px solid var(--pim-border-card);
    border-radius: 14px; padding: 20px;
    text-decoration: none; color: inherit;
    min-height: 210px;
    box-shadow: var(--pim-elev-1);
    transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease;
}
.card--live[b-ryyvxerl23] { cursor: pointer; }
.card--live:hover[b-ryyvxerl23] {
    transform: translateY(-3px);
    border-color: var(--pim-border-hairline);
    box-shadow: var(--pim-elev-pane);
}
.card--live:focus-visible[b-ryyvxerl23] {
    outline: var(--pim-focus-ring-width) solid var(--pim-focus-ring);
    outline-offset: var(--pim-focus-ring-offset);
}
.card--soon[b-ryyvxerl23] { background: var(--pim-canvas); }

.card__top[b-ryyvxerl23] { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; }
.card__icon[b-ryyvxerl23] {
    display: inline-grid; place-items: center; width: 40px; height: 40px; border-radius: 10px;
    background: var(--pim-brand-subtle);
    color: var(--pim-brand);
    border: 1px solid var(--pim-brand-border);
}
.card__icon .material-symbols[b-ryyvxerl23] { font-size: 22px; }
.card__status[b-ryyvxerl23] {
    font-size: 10.5px; letter-spacing: .1em; text-transform: uppercase; font-weight: 600; color: var(--pim-ink-subtle);
}
.card__status--live[b-ryyvxerl23] { color: var(--pim-success-text); }
.card__name[b-ryyvxerl23] { font-size: 18px; font-weight: 600; margin-bottom: 7px; color: var(--pim-ink); }
.card__blurb[b-ryyvxerl23] { font-size: 13px; line-height: 1.55; color: var(--pim-ink-subtle); flex: 1; }
.card__foot[b-ryyvxerl23] {
    display: flex; align-items: center; justify-content: space-between;
    margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--pim-border-hairline);
}
.card__mode[b-ryyvxerl23] { font-size: 11px; color: var(--pim-ink-subtle); font-family: var(--pim-font-mono); }
.card__go[b-ryyvxerl23] { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; font-weight: 600; color: var(--pim-brand); }
.card__go .material-symbols[b-ryyvxerl23] { font-size: 16px; }

.hub__foot[b-ryyvxerl23] {
    margin-top: 44px; text-align: center; font-size: 11px; color: var(--pim-ink-subtle);
    font-family: var(--pim-font-mono); letter-spacing: .04em;
}
/* /Components/Pages/Samples/AtlHome.razor.rz.scp.css */
/* ATL Home - Ask / Search. Tokens only (see wwwroot/css/tokens.css); light only.
   Metrics are measured from the Figma frames "ATLNext -Home" (16079:4116) and
   "ATLNext -Home - lightweight suggestions panel" (16080:9379), file hZbCPOHa9IREnP8AR02nY8.
   Figma strokes are inside strokes: a 1px border is taken out of the Figma padding. */

/* MainWorkspace "Content" (16079:4287): 24 padding on the app-surface canvas. */
.home[b-lq4ms51ebz] {
    min-height: 100%;
    padding: var(--pim-space-6) var(--pim-space-6) 64px;
    background: var(--pim-canvas);
}

/* "ask-ai-home" (16079:4288): 860 wide, centered; Dashboard_Main_Area starts 48 down. */
.home__col[b-lq4ms51ebz] {
    width: min(var(--pim-home-col-w), 100%);
    margin: 0 auto;
    padding-top: var(--pim-space-12);
}

/* Greeting (16079:4291): 36 Light, line-height normal (42), tracking tight, 24 inset. */
.home__greeting[b-lq4ms51ebz] {
    margin: 0;
    padding-inline: var(--pim-space-6);
    font-size: var(--pim-font-size-display);
    font-weight: var(--pim-font-weight-light);
    letter-spacing: var(--pim-letter-spacing-tight);
    line-height: normal;
    color: var(--pim-ink-kit);
}
.home__greeting:focus[b-lq4ms51ebz] { outline: none; }

/* Ask-find (16079:4296): 58 below the greeting, 12 inset; 36 heading to input, 24 input to helpers. */
.home__ask[b-lq4ms51ebz] {
    margin-top: 58px;
    padding-inline: var(--pim-space-3);
}

/* Heading (16079:4298): XL 20 / 1.3 regular, frame padding 5 / 12. */
.home__heading[b-lq4ms51ebz] {
    margin: 0 0 36px;
    padding: 5px var(--pim-space-3);
    font-size: var(--pim-font-size-xl);
    font-weight: var(--pim-font-weight-normal);
    line-height: var(--pim-line-height-xl);
    color: var(--pim-ink-kit);
}

/* ---------- Custom hero input (16079:4300): ONE continuous pill, 836 x 64 ---------- */
.ask-wrap[b-lq4ms51ebz] {
    position: relative;
    z-index: 2;
}

.ask[b-lq4ms51ebz] {
    display: flex;
    align-items: center;
    gap: var(--pim-space-4);
    height: 64px;
    padding: calc(var(--pim-space-4) - 1px);
    background: var(--pim-surface);
    border: 1px solid var(--pim-border-control);
    border-radius: var(--pim-radius-pill);
    transition: border-color .12s ease, box-shadow .12s ease, background-color .12s ease;
}
.ask:hover[b-lq4ms51ebz] { border-color: var(--pim-border); }
.ask:focus-within[b-lq4ms51ebz] {
    border-color: var(--pim-brand);
    box-shadow: 0 0 0 var(--pim-focus-ring-width) var(--pim-brand-border);
    outline: var(--pim-focus-ring-width) solid var(--pim-focus-ring);
    outline-offset: 0;
}

/* The text area lives inside the pill: no stock border, fill, or outline of its own.
   LG 16 / 1.25 with a 2px top padding (Frame 67, 16079:4310). */
.ask__input[b-lq4ms51ebz] {
    flex: 1;
    min-width: 0;
    height: var(--pim-control-h);
    padding: var(--pim-space-0-5) 0 0;
    border: 0;
    background: transparent;
    outline: none;
    box-shadow: none;
    font: inherit;
    font-size: var(--pim-font-size-lg);
    line-height: var(--pim-line-height-lg);
    color: var(--pim-ink-kit);
}
.ask__input[b-lq4ms51ebz]::placeholder { color: var(--pim-ink-subtle); opacity: 1; }

.ask__plus[b-lq4ms51ebz],
.ask__submit[b-lq4ms51ebz] {
    flex: none;
    display: inline-grid;
    place-items: center;
    width: var(--pim-control-h);
    height: var(--pim-control-h);
    padding: 0;
    cursor: pointer;
    color: var(--pim-ink-subtle);
    background: transparent;
}
/* Kit flat icon button (16079:4305): transparent stroke, 4 radius. */
.ask__plus[b-lq4ms51ebz] {
    border: 1px solid transparent;
    border-radius: var(--pim-radius-md);
}
.ask__plus:hover[b-lq4ms51ebz] { background: var(--pim-hover); color: var(--pim-ink-kit); }

/* Kit outline icon button, full radius (16079:4314): disabled-border stroke, subtle glyph. */
.ask__submit[b-lq4ms51ebz] {
    border: 1px solid var(--pim-border-card);
    border-radius: var(--pim-radius-pill);
}
.ask__submit:hover:not(:disabled)[b-lq4ms51ebz] { background: var(--pim-brand); border-color: var(--pim-brand); color: var(--pim-on-brand); }
.ask__submit:active:not(:disabled)[b-lq4ms51ebz] { background: var(--pim-brand-active); border-color: var(--pim-brand-active); }
/* Empty input: the Figma idle look is kept; only the cursor says it is not actionable. */
.ask__submit:disabled[b-lq4ms51ebz] { cursor: default; }

.ask__plus:focus-visible[b-lq4ms51ebz],
.ask__submit:focus-visible[b-lq4ms51ebz] {
    outline: var(--pim-focus-ring-width) solid var(--pim-focus-ring);
    outline-offset: var(--pim-focus-ring-offset);
}

/* Disabled: shape and layout kept, fill dimmed. */
.ask--disabled[b-lq4ms51ebz] { background: var(--pim-hover); border-color: var(--pim-border-card); }
.ask--disabled:hover[b-lq4ms51ebz] { border-color: var(--pim-border-card); }
.ask--disabled .ask__input[b-lq4ms51ebz] { cursor: not-allowed; color: var(--pim-ink-faint); }
.ask--disabled .ask__input[b-lq4ms51ebz]::placeholder { color: var(--pim-ink-faint); }
.ask--disabled .ask__plus[b-lq4ms51ebz],
.ask--disabled .ask__submit[b-lq4ms51ebz] { cursor: not-allowed; color: var(--pim-ink-faint); }

/* Processing: submit swaps to a spinner, input stays readable. */
.ask--processing[b-lq4ms51ebz] { border-color: var(--pim-brand-border); }
.ask--processing .ask__submit[b-lq4ms51ebz] { border-color: var(--pim-brand-border); background: var(--pim-brand-subtle); }
.ask__spinner[b-lq4ms51ebz] {
    width: var(--pim-icon-box);
    height: var(--pim-icon-box);
    border: 2px solid var(--pim-brand-border);
    border-top-color: var(--pim-brand);
    border-radius: 50%;
    animation: ask-spin-b-lq4ms51ebz .8s linear infinite;
}
@keyframes ask-spin-b-lq4ms51ebz { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
    .ask__spinner[b-lq4ms51ebz] { animation-duration: 2.4s; }
    .ask[b-lq4ms51ebz] { transition: none; }
}

/* Error: outline and message change; the pill shape is unchanged. */
.ask--error[b-lq4ms51ebz] { border-color: var(--pim-error-text); background: var(--pim-error-chip-bg); }
.ask--error:hover[b-lq4ms51ebz] { border-color: var(--pim-error-text); }
.ask--error:focus-within[b-lq4ms51ebz] {
    border-color: var(--pim-error-text);
    outline-color: var(--pim-error-text);
    box-shadow: none;
}
.ask__error[b-lq4ms51ebz] {
    display: flex;
    align-items: center;
    gap: var(--pim-space-1-5);
    margin: var(--pim-space-2) 0 0;
    padding-inline: var(--pim-space-4);
    font-size: 13px;
    color: var(--pim-error-chip-text);
}
.ask__error .material-symbols[b-lq4ms51ebz] { font-size: 18px; }

/* ---------- Lightweight suggestion panel (16080:8801) ----------
   836 wide, 12 below the pill (it overlays the helpers), surface fill, 8 radius,
   no stroke, elevation-4, 24 padding, 16 gap between lists. */
.home__scrim[b-lq4ms51ebz] {
    position: fixed;
    inset: 0;
    z-index: -1;
    background: transparent;
}

.sug[b-lq4ms51ebz] {
    position: absolute;
    top: calc(100% + var(--pim-space-3));
    left: 0;
    right: 0;
    z-index: 3;
    display: flex;
    flex-direction: column;
    gap: var(--pim-space-4);
    padding: var(--pim-space-6);
    background: var(--pim-surface);
    border-radius: var(--pim-radius-lg);
    box-shadow: var(--pim-elev-4);
    overflow: hidden;
}

/* Kit ListView (16080:8854 / 9330). */
.sug__list[b-lq4ms51ebz] { display: flex; flex-direction: column; }
.sug__list--ask[b-lq4ms51ebz] { padding: 0 var(--pim-space-1); }
.sug__items[b-lq4ms51ebz] { display: flex; flex-direction: column; gap: var(--pim-space-2); padding: var(--pim-space-1); }

/* ListView Header (hidden in the complete-phrase frame; shown for the other two modes). */
.sug__title[b-lq4ms51ebz] {
    padding: var(--pim-space-1) var(--pim-space-1) var(--pim-space-1) var(--pim-space-2);
    font-size: var(--pim-font-size-sm);
    font-weight: var(--pim-font-weight-semibold);
    line-height: var(--pim-line-height-sm);
    color: var(--pim-ink-kit);
}

/* Ask row (16080:8855): 4 padding, 8 gap, SM semibold label, MD quoted question, 28 high. */
.sug__ask[b-lq4ms51ebz] {
    display: flex;
    align-items: center;
    gap: var(--pim-space-2);
    padding: var(--pim-space-1);
    border-radius: var(--pim-radius-md);
    cursor: pointer;
}
.sug__ask-label[b-lq4ms51ebz] {
    flex: none;
    font-size: var(--pim-font-size-sm);
    font-weight: var(--pim-font-weight-semibold);
    line-height: var(--pim-line-height-sm);
    color: var(--pim-ink-kit);
}
.sug__ask-text[b-lq4ms51ebz] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--pim-font-size-md);
    line-height: var(--pim-line-height-md);
    color: var(--pim-ink-kit);
}

/* Recent Item / Recent Place (16080:9336, 9368, 9337): 4 padding, 12 gap, 4 radius. */
.sug__item[b-lq4ms51ebz] {
    display: flex;
    align-items: center;
    gap: var(--pim-space-3);
    padding: var(--pim-space-1);
    border-radius: var(--pim-radius-md);
    background: var(--pim-surface);
    cursor: pointer;
    font-size: var(--pim-font-size-md);
    line-height: var(--pim-line-height-md);
    color: var(--pim-ink-kit);
}
.sug__ask--active[b-lq4ms51ebz],
.sug__item--active[b-lq4ms51ebz] { background: var(--pim-hover); }
.sug__ask:active[b-lq4ms51ebz],
.sug__item:active[b-lq4ms51ebz] { background: var(--pim-selected); }

/* icon-item: 24 x 24, 4 padding, 4 radius, 16 glyph; the icon sits at the top of a two-line row. */
.sug__icon[b-lq4ms51ebz] {
    flex: none;
    align-self: flex-start;
    display: inline-grid;
    place-items: center;
    width: 24px;
    height: 24px;
    border-radius: var(--pim-radius-md);
}
.sug__icon--record[b-lq4ms51ebz] { background: var(--pim-brand-wash); color: var(--pim-brand); }
.sug__icon--neutral[b-lq4ms51ebz] { background: var(--pim-chip-neutral-bg); color: var(--pim-ink-subtle); }

.sug__text[b-lq4ms51ebz] { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: var(--pim-space-0-5); }
.sug__label[b-lq4ms51ebz] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sug__label--record[b-lq4ms51ebz] { font-weight: var(--pim-font-weight-medium); }
.sug__detail[b-lq4ms51ebz] {
    font-size: var(--pim-font-size-sm);
    line-height: var(--pim-line-height-sm);
    color: var(--pim-ink-subtle);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.sug__action[b-lq4ms51ebz] {
    flex: none;
    font-size: var(--pim-font-size-sm);
    font-weight: var(--pim-font-weight-semibold);
    color: var(--pim-brand);
}

/* ---------- Prompt helpers (16079:4316): 48 inset, 1px toolbar padding, 8 gap ---------- */
.helpers[b-lq4ms51ebz] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--pim-space-2);
    margin-top: var(--pim-space-6);
    padding: 1px var(--pim-space-3) 1px calc(var(--pim-space-12) + 1px);
}
/* Kit outline button (16079:4321): 13 / 6 padding inside a 1px stroke, 32 high, no fill. */
.helper[b-lq4ms51ebz] {
    height: var(--pim-control-h);
    padding: 5px var(--pim-space-3);
    font: inherit;
    font-size: var(--pim-font-size-md);
    line-height: var(--pim-line-height-md);
    color: var(--pim-ink-kit);
    background: transparent;
    border: 1px solid var(--pim-border-control);
    border-radius: var(--pim-radius-md);
    cursor: pointer;
}
.helper:hover:not(:disabled)[b-lq4ms51ebz] { background: var(--pim-hover); }
.helper:active:not(:disabled)[b-lq4ms51ebz] { background: var(--pim-selected); }
.helper:disabled[b-lq4ms51ebz] { cursor: not-allowed; color: var(--pim-ink-faint); border-color: var(--pim-border-card); }
.helper:focus-visible[b-lq4ms51ebz] {
    outline: var(--pim-focus-ring-width) solid var(--pim-focus-ring);
    outline-offset: var(--pim-focus-ring-offset);
}
/* Kit flat icon button (16079:4324): 32 x 32, transparent stroke. */
.helper--more[b-lq4ms51ebz] {
    display: inline-grid;
    place-items: center;
    width: var(--pim-control-h);
    padding: 0;
    border-color: transparent;
    color: var(--pim-ink-subtle);
}

/* ---------- Page bar command (16079:4285): Recent queries ---------- */
.home__recent[b-lq4ms51ebz] {
    display: inline-flex;
    align-items: center;
    gap: var(--pim-space-1-5);
    height: var(--pim-control-h);
    padding: 5px var(--pim-space-3);
    border: 1px solid var(--pim-border-control);
    border-radius: var(--pim-radius-md);
    background: transparent;
    color: var(--pim-ink-kit);
    font: inherit;
    font-size: var(--pim-font-size-md);
    line-height: var(--pim-line-height-md);
    cursor: default;
}
.home__recent-icon[b-lq4ms51ebz] {
    display: inline-grid;
    place-items: center;
    width: var(--pim-icon-box);
    height: var(--pim-icon-box);
    color: var(--pim-ink-subtle);
}

.home__note[b-lq4ms51ebz] {
    margin: 12px 0 0 60px;
    font-size: 12.5px;
    color: var(--pim-ink-subtle);
}

/* ---------- Routing result (stub) ---------- */
.route[b-lq4ms51ebz] {
    margin: 32px 0 0;
    padding: 16px 20px;
    background: var(--pim-surface);
    border: 1px solid var(--pim-border-card);
    border-radius: 12px;
    box-shadow: var(--pim-elev-1);
}
.route__top[b-lq4ms51ebz] { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.route__stub[b-lq4ms51ebz] {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--pim-ink-subtle);
}
.route__rule[b-lq4ms51ebz], .route__detail[b-lq4ms51ebz] { margin: 10px 0 0; font-size: 13px; line-height: 1.5; color: var(--pim-ink-subtle); }
.route__rule strong[b-lq4ms51ebz] { color: var(--pim-ink); }
.route__req[b-lq4ms51ebz] { font-family: var(--pim-font-mono); color: var(--pim-ink); word-break: break-word; }

/* ---------- Design review controls ---------- */
.review[b-lq4ms51ebz] {
    margin-top: 280px; /* below the tallest suggestion panel, so review controls never sit under it */
    padding: 16px 20px;
    background: var(--pim-panel-raised);
    border: 1px dashed var(--pim-border-hairline);
    border-radius: 12px;
}
.review__title[b-lq4ms51ebz] { margin: 0 0 12px; font-size: 13px; font-weight: 600; color: var(--pim-ink); }
.review__tag[b-lq4ms51ebz] {
    margin-left: 6px;
    padding: 1px 6px;
    font-size: 10px;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--pim-warning-text);
    border: 1px solid var(--pim-warning-text);
    border-radius: var(--pim-radius-sm);
}
.review__row[b-lq4ms51ebz] { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; margin-top: 10px; }
.review__label[b-lq4ms51ebz] { flex: none; width: 90px; font-size: 12px; color: var(--pim-ink-subtle); }
.review__hint[b-lq4ms51ebz] { flex: 1; min-width: 240px; font-size: 12.5px; line-height: 1.6; color: var(--pim-ink-subtle); }
.review__hint code[b-lq4ms51ebz] { font-family: var(--pim-font-mono); font-size: 12px; color: var(--pim-ink); }

.seg[b-lq4ms51ebz] { display: inline-flex; flex-wrap: wrap; gap: 6px; }
.seg__btn[b-lq4ms51ebz] {
    padding: 4px 12px;
    font: inherit;
    font-size: 12.5px;
    color: var(--pim-ink);
    background: var(--pim-surface);
    border: 1px solid var(--pim-border-hairline);
    border-radius: var(--pim-radius-pill);
    cursor: pointer;
}
.seg__btn:hover[b-lq4ms51ebz] { background: var(--pim-hover); }
.seg__btn--on[b-lq4ms51ebz] { color: var(--pim-brand); background: var(--pim-brand-subtle); border-color: var(--pim-brand); font-weight: 600; }
.seg__btn:focus-visible[b-lq4ms51ebz] {
    outline: var(--pim-focus-ring-width) solid var(--pim-focus-ring);
    outline-offset: var(--pim-focus-ring-offset);
}

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

.review__sample[b-lq4ms51ebz] {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    margin: 0 0 12px;
    font-size: 12.5px;
    line-height: 1.4;
    color: var(--pim-warning-text);
}
.review__sample .material-symbols[b-lq4ms51ebz] { font-size: 16px; margin-top: 1px; }

@media (max-width: 720px) {
    .home__ask[b-lq4ms51ebz] { margin-top: 40px; }
    .helpers[b-lq4ms51ebz] { padding-left: 1px; }
    .home__note[b-lq4ms51ebz] { margin-left: 0; }
}