/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* Hallmark · shell: Operations Rail · tone: modern-minimal · anchor hue: cobalt */

.page[b-t1yka5iktj] {
    background: var(--color-paper);
    color: var(--color-ink);
    display: flex;
    flex-direction: column;
    min-height: 100dvh;
}

main[b-t1yka5iktj] {
    flex: 1;
    min-width: 0;
}

.sidebar[b-t1yka5iktj] {
    background: var(--color-ink);
    color: var(--color-paper);
}

.top-row[b-t1yka5iktj] {
    align-items: center;
    background: var(--color-surface);
    border-block-end: var(--rule-thin) solid var(--color-rule);
    color: var(--color-muted);
    display: flex;
    gap: var(--space-lg);
    justify-content: flex-end;
    min-height: 3.75rem;
    padding-block: var(--space-sm);
}

.environment-label[b-t1yka5iktj] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
}

.top-row[b-t1yka5iktj]  strong {
    color: var(--color-ink);
    font-size: var(--text-sm);
}

.content[b-t1yka5iktj] {
    margin-inline: auto;
    max-width: 76rem;
    padding: clamp(var(--space-lg), 4vw, var(--space-2xl));
}

#blazor-error-ui[b-t1yka5iktj] {
    background: var(--color-error-soft);
    border-block-start: var(--rule-thin) solid var(--color-error);
    bottom: 0;
    box-sizing: border-box;
    color: var(--color-error);
    display: none;
    left: 0;
    padding: var(--space-md) var(--space-xl);
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .reload[b-t1yka5iktj] {
    margin-inline-start: var(--space-md);
}

#blazor-error-ui .dismiss[b-t1yka5iktj] {
    cursor: pointer;
    position: absolute;
    right: var(--space-md);
    top: var(--space-sm);
}

@media (max-width: 40rem) {
    .top-row[b-t1yka5iktj] {
        align-items: flex-start;
        flex-direction: column;
        gap: var(--space-xs);
        justify-content: center;
    }
}

@media (min-width: 40.0625rem) {
    .page[b-t1yka5iktj] {
        flex-direction: row;
    }

    .sidebar[b-t1yka5iktj] {
        height: 100vh;
        position: sticky;
        top: 0;
        width: 15.5rem;
    }

    .top-row[b-t1yka5iktj] {
        position: sticky;
        top: 0;
        z-index: 300;
    }

    .top-row[b-t1yka5iktj],
    article[b-t1yka5iktj] {
        padding-inline: var(--space-xl);
    }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
/* Hallmark · navigation: Operations Rail · tone: modern-minimal · anchor hue: cobalt */

.top-row[b-itl2n82d8x] {
    align-items: center;
    border-block-end: var(--rule-thin) solid var(--color-muted);
    display: flex;
    min-height: 4.5rem;
    padding-inline: var(--space-lg);
}

.brand-block[b-itl2n82d8x] {
    display: grid;
    gap: var(--space-xs);
    min-width: 0;
}

.navbar-brand[b-itl2n82d8x] {
    color: var(--color-paper);
    font-family: var(--font-display);
    font-size: var(--text-xl);
    font-weight: 650;
    letter-spacing: -.025em;
    line-height: 1;
    text-decoration: none;
}

.brand-block span[b-itl2n82d8x] {
    color: var(--color-rule-strong);
    font-family: var(--font-mono);
    font-size: var(--text-xs);
}

.navbar-toggler[b-itl2n82d8x] {
    appearance: none;
    background:
        linear-gradient(var(--color-paper), var(--color-paper)) center 30% / 1.5rem var(--rule-focus) no-repeat,
        linear-gradient(var(--color-paper), var(--color-paper)) center 50% / 1.5rem var(--rule-focus) no-repeat,
        linear-gradient(var(--color-paper), var(--color-paper)) center 70% / 1.5rem var(--rule-focus) no-repeat;
    border: var(--rule-thin) solid var(--color-muted);
    border-radius: var(--radius-sm);
    color: var(--color-paper);
    cursor: pointer;
    height: var(--control-height);
    position: absolute;
    right: var(--space-md);
    top: var(--space-md);
    width: var(--control-height);
}

.navbar-toggler:focus-visible[b-itl2n82d8x] {
    outline: var(--rule-focus) solid var(--color-focus);
    outline-offset: var(--rule-focus);
}

.navbar-toggler:checked[b-itl2n82d8x] {
    background-color: var(--color-muted);
}

.nav-scrollable[b-itl2n82d8x] {
    display: none;
    padding: var(--space-md);
}

.navbar-toggler:checked ~ .nav-scrollable[b-itl2n82d8x] {
    display: block;
}

.nav-item[b-itl2n82d8x] {
    font-size: var(--text-sm);
    margin-block-end: var(--space-xs);
}

.nav-item[b-itl2n82d8x]  .nav-link {
    align-items: center;
    background: transparent;
    border: var(--rule-thin) solid transparent;
    border-radius: var(--radius-sm);
    color: var(--color-rule-strong);
    display: flex;
    min-height: var(--control-height);
    padding-inline: var(--space-md);
    text-decoration: none;
    white-space: nowrap;
    width: 100%;
}

.nav-item[b-itl2n82d8x]  .nav-link:focus-visible {
    outline: var(--rule-focus) solid var(--color-focus);
    outline-offset: var(--rule-thin);
}

.nav-item[b-itl2n82d8x]  a.active {
    background: var(--color-accent);
    border-color: var(--color-accent);
    color: var(--color-accent-ink);
}

@media (hover: hover) and (pointer: fine) {
    .nav-item[b-itl2n82d8x]  .nav-link:hover {
        background: var(--color-muted);
        color: var(--color-paper);
    }
}

@media (min-width: 40.0625rem) {
    .navbar-toggler[b-itl2n82d8x] {
        display: none;
    }

    .nav-scrollable[b-itl2n82d8x] {
        display: block;
        height: calc(100vh - 4.5rem);
        overflow-y: auto;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-2dfw1ji5z6],
.components-reconnect-repeated-attempt-visible[b-2dfw1ji5z6],
.components-reconnect-failed-visible[b-2dfw1ji5z6],
.components-pause-visible[b-2dfw1ji5z6],
.components-resume-failed-visible[b-2dfw1ji5z6],
.components-rejoining-animation[b-2dfw1ji5z6] {
    display: none;
}

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


#components-reconnect-modal[b-2dfw1ji5z6] {
    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-2dfw1ji5z6 0.5s both;
    &[open]

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

}

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

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

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

@keyframes components-reconnect-modal-fadeInOpacity-b-2dfw1ji5z6 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

#components-reconnect-modal button[b-2dfw1ji5z6] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-2dfw1ji5z6] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-2dfw1ji5z6] {
        background-color: #6b9ed2;
    }

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

    .components-rejoining-animation div[b-2dfw1ji5z6] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-2dfw1ji5z6 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

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

@keyframes components-rejoining-animation-b-2dfw1ji5z6 {
    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/Layout/TenantIndicator.razor.rz.scp.css */
.tenant-indicator[b-fjyr3va2zx] {
    align-items: center;
    display: inline-flex;
    gap: var(--space-sm);
}

.tenant-indicator > span[b-fjyr3va2zx] {
    color: var(--color-muted);
    font-size: var(--text-xs);
}

.tenant-indicator strong[b-fjyr3va2zx] {
    background: var(--color-accent-soft);
    border-radius: var(--radius-sm);
    color: var(--color-accent-strong);
    font-size: var(--text-sm);
    padding: var(--space-xs) var(--space-sm);
    white-space: nowrap;
}

@media (max-width: 40rem) {
    .tenant-indicator[b-fjyr3va2zx] {
        align-items: flex-start;
        flex-direction: column;
        gap: var(--space-xs);
    }
}
/* /Components/Pages/Configuration.razor.rz.scp.css */
/* Hallmark · component: configuration form · genre: modern-minimal · theme: Cobalt
 * states: default · hover · focus · active · disabled · loading · error · success
 * contrast: pass (40–41)
 */

.configuration-header[b-5djxd5nvau] {
    margin-block-end: var(--space-xl);
    max-width: 65ch;
}

.configuration-header p[b-5djxd5nvau] {
    color: var(--color-muted);
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    margin: 0 0 var(--space-xs);
}

.configuration-header h1[b-5djxd5nvau] {
    font-family: var(--font-display);
    font-size: var(--text-3xl);
    font-style: normal;
    letter-spacing: -.035em;
    margin: 0 0 var(--space-sm);
    min-width: 0;
    overflow-wrap: anywhere;
}

.configuration-header > span[b-5djxd5nvau] { color: var(--color-muted); }

.configuration-panel[b-5djxd5nvau] {
    background: var(--color-surface);
    border: var(--rule-thin) solid var(--color-rule);
    border-radius: var(--radius-md);
    color: var(--color-ink);
    max-width: 46rem;
    padding: clamp(var(--space-lg), 4vw, var(--space-2xl));
}

.number-summary[b-5djxd5nvau] {
    align-items: center;
    border-block-end: var(--rule-thin) solid var(--color-rule);
    display: flex;
    justify-content: space-between;
    margin-block-end: var(--space-xl);
    padding-block-end: var(--space-lg);
}

.number-summary div[b-5djxd5nvau] { display: grid; gap: var(--space-xs); }
.number-summary div span[b-5djxd5nvau], .helper[b-5djxd5nvau] { color: var(--color-muted); font-size: var(--text-xs); }

.token-state[b-5djxd5nvau] {
    background: var(--color-error-soft);
    border-radius: var(--radius-sm);
    color: var(--color-error);
    font-size: var(--text-xs);
    padding: var(--space-xs) var(--space-sm);
    white-space: nowrap;
}

.token-state.is-configured[b-5djxd5nvau] {
    background: var(--color-success-soft);
    color: var(--color-success);
}

.field[b-5djxd5nvau] {
    display: grid;
    gap: var(--space-sm);
    margin-block-end: var(--space-lg);
}

.field label[b-5djxd5nvau] { font-size: var(--text-sm); font-weight: 650; }
.field label span[b-5djxd5nvau] { color: var(--color-muted); font-weight: 400; }

.control[b-5djxd5nvau] {
    background: var(--color-paper);
    border: var(--rule-thin) solid var(--color-rule-strong);
    border-radius: var(--radius-sm);
    color: var(--color-ink);
    min-height: var(--control-height);
    outline: var(--rule-focus) solid transparent;
    outline-offset: var(--rule-thin);
    padding-inline: var(--space-md);
}

.control:focus-visible[b-5djxd5nvau] { outline-color: var(--color-focus); }
.control:disabled[b-5djxd5nvau] { color: var(--color-muted); cursor: not-allowed; opacity: .55; }
.control.invalid[b-5djxd5nvau] { border-color: var(--color-error); }
.control.valid.modified[b-5djxd5nvau] { border-color: var(--color-success); }

.primary-action[b-5djxd5nvau], .secondary-action[b-5djxd5nvau] {
    border-radius: var(--radius-sm);
    min-height: var(--control-height);
    padding-inline: var(--space-lg);
    white-space: nowrap;
}

.primary-action[b-5djxd5nvau] {
    background: var(--color-accent);
    border: var(--rule-thin) solid var(--color-accent);
    color: var(--color-accent-ink);
}

.secondary-action[b-5djxd5nvau] {
    background: var(--color-paper);
    border: var(--rule-thin) solid var(--color-rule-strong);
    color: var(--color-ink);
}

.primary-action:focus-visible[b-5djxd5nvau], .secondary-action:focus-visible[b-5djxd5nvau] {
    outline: var(--rule-focus) solid var(--color-focus);
    outline-offset: var(--rule-focus);
}

.primary-action:active[b-5djxd5nvau], .secondary-action:active[b-5djxd5nvau] { transform: translateY(var(--rule-thin)); }
.primary-action:disabled[b-5djxd5nvau], .secondary-action:disabled[b-5djxd5nvau] { cursor: not-allowed; opacity: .55; }

.save-result[b-5djxd5nvau] {
    color: var(--color-success);
    margin-block-start: var(--space-md);
}

.save-result.is-error[b-5djxd5nvau] { color: var(--color-error); }
.error-panel[b-5djxd5nvau] { background: var(--color-error-soft); border-color: var(--color-error); }

@media (hover: hover) and (pointer: fine) {
    .control:hover[b-5djxd5nvau], .secondary-action:hover[b-5djxd5nvau] { background: var(--color-surface-muted); }
    .primary-action:hover[b-5djxd5nvau] { transform: translateY(calc(var(--rule-thin) * -1)); }
}

@media (max-width: 40rem) {
    .number-summary[b-5djxd5nvau] { align-items: flex-start; flex-direction: column; gap: var(--space-md); }
}

@media (prefers-reduced-motion: reduce) {
    .primary-action[b-5djxd5nvau], .secondary-action[b-5djxd5nvau] { transition-duration: var(--dur-reduced); }
}
/* /Components/Pages/Conversations.razor.rz.scp.css */
/* Hallmark · macrostructure: Conversation Desk · tone: modern-minimal · anchor hue: cobalt */

.conversation-header[b-12zjwu1ywo], .thread-heading[b-12zjwu1ywo] {
    align-items: flex-end;
    display: flex;
    justify-content: space-between;
}

.conversation-header[b-12zjwu1ywo] { margin-block-end: var(--space-xl); }
.conversation-search[b-12zjwu1ywo] {
    display: grid;
    gap: var(--space-xs);
    margin-block-end: var(--space-md);
    max-width: 28rem;
}

.conversation-search label[b-12zjwu1ywo] {
    color: var(--color-muted);
    font-size: var(--text-xs);
}

.conversation-search input[b-12zjwu1ywo],
.contact-editor input[b-12zjwu1ywo] {
    border: var(--rule-thin) solid var(--color-rule-strong);
    min-height: var(--control-height);
    padding-inline: var(--space-md);
}
.context-line[b-12zjwu1ywo] { color: var(--color-muted); font-family: var(--font-mono); font-size: var(--text-xs); margin: 0 0 var(--space-xs); }
h1[b-12zjwu1ywo] {
    font-family: var(--font-display);
    font-size: var(--text-3xl);
    font-style: normal;
    letter-spacing: -.035em;
    margin: 0;
    min-width: 0;
    overflow-wrap: anywhere;
}

.conversation-layout[b-12zjwu1ywo] {
    background: var(--color-surface);
    border: var(--rule-thin) solid var(--color-rule);
    border-radius: var(--radius-md);
    display: grid;
    grid-template-columns: minmax(15rem, 22rem) minmax(0, 1fr);
    min-height: 34rem;
    overflow: clip;
}

.conversation-list[b-12zjwu1ywo] { border-inline-end: var(--rule-thin) solid var(--color-rule); }
.conversation-item[b-12zjwu1ywo] {
    background: var(--color-surface);
    border: 0;
    border-block-end: var(--rule-thin) solid var(--color-rule);
    color: var(--color-ink);
    display: grid;
    gap: var(--space-xs);
    padding: var(--space-md);
    text-align: left;
    width: 100%;
}

.conversation-item.is-selected[b-12zjwu1ywo] { background: var(--color-accent-soft); }
.conversation-item:focus-visible[b-12zjwu1ywo],
.text-action:focus-visible[b-12zjwu1ywo],
.status-history-toggle:focus-visible[b-12zjwu1ywo],
.template-reply-composer summary:focus-visible[b-12zjwu1ywo],
.attachment-composer summary:focus-visible[b-12zjwu1ywo] {
    outline: var(--rule-focus) solid var(--color-focus);
    outline-offset: calc(var(--rule-focus) * -1);
}
.conversation-contact[b-12zjwu1ywo] { font-weight: 650; }
.conversation-label[b-12zjwu1ywo] { color: var(--color-muted); font-size: var(--text-xs); }
.conversation-channel[b-12zjwu1ywo] { color: var(--color-accent); font-weight: 650; }
.conversation-number[b-12zjwu1ywo] { color: var(--color-muted); font-size: var(--text-xs); }
.conversation-meta[b-12zjwu1ywo] { color: var(--color-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.conversation-meta[b-12zjwu1ywo] { font-size: var(--text-xs); }
.service-window[b-12zjwu1ywo] { font-size: var(--text-xs); }
.service-window.is-open[b-12zjwu1ywo] { color: var(--color-success); }
.service-window.is-closed[b-12zjwu1ywo] { color: var(--color-error); }
.message-thread[b-12zjwu1ywo] { background: var(--color-surface); min-width: 0; padding: var(--space-lg); }
.thread-heading[b-12zjwu1ywo] { border-block-end: var(--rule-thin) solid var(--color-rule); padding-block-end: var(--space-md); }
.thread-heading div[b-12zjwu1ywo] { display: grid; gap: var(--space-xs); }
.thread-heading .contact-heading[b-12zjwu1ywo] {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-sm);
}

.contact-editor[b-12zjwu1ywo] {
    align-items: center;
    display: flex !important;
    flex-wrap: wrap;
}

.text-action[b-12zjwu1ywo] {
    background: transparent;
    border: 0;
    color: var(--color-accent);
    cursor: pointer;
    padding: 0;
}
.thread-heading span[b-12zjwu1ywo], .thread-placeholder[b-12zjwu1ywo] { color: var(--color-muted); font-size: var(--text-sm); }
.thread-status[b-12zjwu1ywo] { align-items: end; text-align: right; }
.message-list[b-12zjwu1ywo] { display: grid; gap: var(--space-md); padding-block-start: var(--space-lg); }
.message-bubble[b-12zjwu1ywo] {
    background: var(--color-surface-muted);
    border-radius: var(--radius-md);
    justify-self: start;
    max-width: min(36rem, 85%);
    padding: var(--space-md);
}

.message-bubble.is-outbound[b-12zjwu1ywo] { background: var(--color-accent-soft); justify-self: end; }
.message-bubble p[b-12zjwu1ywo] { margin: var(--space-xs) 0; white-space: pre-wrap; }
.message-bubble footer[b-12zjwu1ywo], .message-kind[b-12zjwu1ywo] { color: var(--color-muted); font-size: var(--text-xs); }
.status-history-toggle[b-12zjwu1ywo] {
    background: transparent;
    border: 0;
    color: var(--color-accent);
    cursor: pointer;
    font-size: var(--text-xs);
    margin-block-start: var(--space-xs);
    padding: 0;
}

.status-history[b-12zjwu1ywo] {
    border-block-start: var(--rule-thin) solid var(--color-rule);
    color: var(--color-muted);
    font-size: var(--text-xs);
    margin-block-start: var(--space-sm);
    padding-block-start: var(--space-sm);
}

.status-history ol[b-12zjwu1ywo] {
    display: grid;
    gap: var(--space-xs);
    list-style: none;
    margin: 0;
    padding: 0;
}

.status-history li[b-12zjwu1ywo] {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
}

.status-history li span[b-12zjwu1ywo] { grid-column: 1 / -1; }
.status-history-error[b-12zjwu1ywo] { color: var(--color-error); }
.reply-composer[b-12zjwu1ywo] {
    border-block-start: var(--rule-thin) solid var(--color-rule);
    display: grid;
    gap: var(--space-sm);
    margin-block-start: var(--space-xl);
    padding-block-start: var(--space-md);
}

.reply-composer label[b-12zjwu1ywo] { font-weight: 650; }
.template-reply-composer summary[b-12zjwu1ywo] {
    color: var(--color-accent);
    cursor: pointer;
    font-weight: 650;
}
.reply-composer textarea[b-12zjwu1ywo],
.reply-composer select[b-12zjwu1ywo] {
    border: var(--rule-thin) solid var(--color-rule-strong);
    border-radius: var(--radius-sm);
    padding: var(--space-sm);
    width: 100%;
}

.reply-composer textarea[b-12zjwu1ywo] { resize: vertical; }

.reply-actions[b-12zjwu1ywo] {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.reply-actions span[b-12zjwu1ywo] { color: var(--color-muted); font-size: var(--text-xs); }
.reply-error[b-12zjwu1ywo] { color: var(--color-error); margin: 0; }
.attachment-composer[b-12zjwu1ywo] {
    border-block-start: var(--rule-thin) solid var(--color-rule);
    display: grid;
    gap: var(--space-sm);
    padding-block-start: var(--space-md);
}

.attachment-composer summary[b-12zjwu1ywo] {
    color: var(--color-accent);
    cursor: pointer;
    font-weight: 650;
}

.attachment-composer input[type="file"][b-12zjwu1ywo],
.attachment-composer input[type="text"][b-12zjwu1ywo] {
    border: var(--rule-thin) solid var(--color-rule-strong);
    padding: var(--space-sm);
    width: 100%;
}

.attachment-hint[b-12zjwu1ywo] {
    color: var(--color-muted);
    font-size: var(--text-xs);
}
.conversation-error[b-12zjwu1ywo], .empty-conversations[b-12zjwu1ywo] {
    background: var(--color-surface);
    border: var(--rule-thin) solid var(--color-rule);
    border-radius: var(--radius-md);
    padding: var(--space-xl);
}

@media (max-width: 48rem) {
    .conversation-layout[b-12zjwu1ywo] { grid-template-columns: minmax(0, 1fr); }
    .conversation-list[b-12zjwu1ywo] { border-inline-end: 0; }
    .message-thread[b-12zjwu1ywo] { min-height: 24rem; }
}
/* /Components/Pages/Home.razor.rz.scp.css */
/* Hallmark · pre-emit critique: P5 H4 E4 S5 R5 V4 */
/* Hallmark · genre: modern-minimal · macrostructure: Workbench · theme: Cobalt · enrichment: none · nav: N3 · footer: none · contrast: pass (40–41) · mobile: pass (34, 49, 50–57) */

.workspace-header[b-29h4la3xr2], .panel-heading[b-29h4la3xr2], .field-meta[b-29h4la3xr2] {
    display: flex;
    justify-content: space-between;
    gap: var(--space-lg);
}

.workspace-header[b-29h4la3xr2] {
    align-items: flex-end;
    margin-block-end: var(--space-xl);
}

.context-line[b-29h4la3xr2] {
    color: var(--color-muted);
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    margin: 0 0 var(--space-xs);
}

h1[b-29h4la3xr2] {
    font-family: var(--font-display);
    font-size: var(--text-3xl);
    font-style: normal;
    font-weight: 650;
    letter-spacing: -.035em;
    margin: 0;
    min-width: 0;
    overflow-wrap: anywhere;
}

.connection-state[b-29h4la3xr2] {
    align-items: center;
    color: var(--color-muted);
    display: inline-flex;
    font-size: var(--text-sm);
    gap: var(--space-sm);
    white-space: nowrap;
}

.connection-state span[b-29h4la3xr2] {
    background: var(--color-error);
    border-radius: var(--radius-round);
    height: var(--space-sm);
    width: var(--space-sm);
}

.connection-state.is-online span[b-29h4la3xr2] { background: var(--color-success); }

.tenant-strip[b-29h4la3xr2] {
    border-block: var(--rule-thin) solid var(--color-rule);
    display: grid;
    gap: var(--space-lg);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-block-end: var(--space-xl);
    padding-block: var(--space-md);
}

.meta-rules[b-29h4la3xr2] {
    background: var(--color-accent-soft);
    border-inline-start: var(--rule-accent) solid var(--color-accent);
    margin-block-end: var(--space-xl);
    padding: var(--space-md);
}

.meta-rules p[b-29h4la3xr2] {
    color: var(--color-muted);
    margin: var(--space-xs) 0 0;
    max-width: 70rem;
}

.tenant-strip div[b-29h4la3xr2], .field[b-29h4la3xr2] {
    display: grid;
    gap: var(--space-sm);
}

.tenant-strip span[b-29h4la3xr2], .field-meta span[b-29h4la3xr2] {
    color: var(--color-muted);
    font-size: var(--text-xs);
}

.workbench-panel[b-29h4la3xr2] {
    background: var(--color-surface);
    border: var(--rule-thin) solid var(--color-rule);
    border-radius: var(--radius-md);
    color: var(--color-ink);
    padding: clamp(var(--space-lg), 4vw, var(--space-2xl));
}

.panel-heading[b-29h4la3xr2] {
    align-items: flex-start;
    margin-block-end: var(--space-xl);
}

h2[b-29h4la3xr2] {
    font-family: var(--font-display);
    font-size: var(--text-xl);
    font-style: normal;
    margin: 0 0 var(--space-xs);
}

.panel-heading p[b-29h4la3xr2], .error-panel p[b-29h4la3xr2] { color: var(--color-muted); margin: 0; }

.provider-badge[b-29h4la3xr2] {
    background: var(--color-accent-soft);
    border-radius: var(--radius-sm);
    color: var(--color-accent-strong);
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    padding: var(--space-xs) var(--space-sm);
    white-space: nowrap;
}

.form-grid[b-29h4la3xr2] {
    display: grid;
    gap: var(--space-lg);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.field[b-29h4la3xr2] { margin-block-end: var(--space-lg); }
.field label[b-29h4la3xr2] { font-size: var(--text-sm); font-weight: 600; }

.control[b-29h4la3xr2] {
    background: var(--color-paper);
    border: var(--rule-thin) solid var(--color-rule-strong);
    border-radius: var(--radius-sm);
    color: var(--color-ink);
    min-height: var(--control-height);
    outline: var(--rule-focus) solid transparent;
    outline-offset: var(--rule-thin);
    padding-inline: var(--space-md);
}

.message-control[b-29h4la3xr2] {
    min-height: 8rem;
    padding-block: var(--space-md);
    resize: vertical;
}

.file-control[b-29h4la3xr2] { padding-block: var(--space-sm); }
.file-hint[b-29h4la3xr2] { color: var(--color-muted); font-size: var(--text-xs); }

.control:focus-visible[b-29h4la3xr2] { outline-color: var(--color-focus); }
.control:disabled[b-29h4la3xr2] { color: var(--color-muted); cursor: not-allowed; opacity: .55; }
.control.invalid[b-29h4la3xr2] { border-color: var(--color-error); }
.control.valid.modified[b-29h4la3xr2] { border-color: var(--color-success); }
.field-meta[b-29h4la3xr2] { min-height: 1.25rem; }
.field-meta span[b-29h4la3xr2] { font-family: var(--font-mono); margin-inline-start: auto; }

.primary-action[b-29h4la3xr2], .secondary-action[b-29h4la3xr2] {
    border-radius: var(--radius-sm);
    font-weight: 650;
    min-height: var(--control-height);
    padding-inline: var(--space-lg);
    white-space: nowrap;
}

.primary-action[b-29h4la3xr2] {
    background: var(--color-accent);
    border: var(--rule-thin) solid var(--color-accent);
    color: var(--color-accent-ink);
}

.secondary-action[b-29h4la3xr2] {
    background: var(--color-paper);
    border: var(--rule-thin) solid var(--color-rule-strong);
    color: var(--color-ink);
}

.primary-action:focus-visible[b-29h4la3xr2], .secondary-action:focus-visible[b-29h4la3xr2] {
    outline: var(--rule-focus) solid var(--color-focus);
    outline-offset: var(--rule-focus);
}

.primary-action:active[b-29h4la3xr2], .secondary-action:active[b-29h4la3xr2] { transform: translateY(var(--rule-thin)); }
.primary-action:disabled[b-29h4la3xr2] { cursor: not-allowed; opacity: .55; }
.secondary-action:disabled[b-29h4la3xr2] { cursor: not-allowed; opacity: .55; }

.result-panel[b-29h4la3xr2] {
    background: var(--color-success-soft);
    border-inline-start: var(--rule-accent) solid var(--color-success);
    color: var(--color-ink);
    display: grid;
    gap: var(--space-sm);
    margin-block-start: var(--space-lg);
    padding: var(--space-lg);
}

.result-panel code[b-29h4la3xr2] { color: var(--color-muted); overflow-wrap: anywhere; }
.result-panel.is-error[b-29h4la3xr2], .error-panel[b-29h4la3xr2] { background: var(--color-error-soft); border-color: var(--color-error); }

.template-parameters[b-29h4la3xr2] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.template-toolbar[b-29h4la3xr2] { align-items: end; display: grid; gap: var(--space-md); grid-template-columns: minmax(0, 1fr) auto; }
.template-summary[b-29h4la3xr2] { background: var(--color-surface-muted); border-inline-start: var(--rule-accent) solid var(--color-accent); margin-block-end: var(--space-lg); padding: var(--space-md); }
.template-summary span[b-29h4la3xr2] { color: var(--color-muted); font-family: var(--font-mono); font-size: var(--text-xs); }
.template-summary p[b-29h4la3xr2] { margin: var(--space-sm) 0 0; white-space: pre-wrap; }

.message-history[b-29h4la3xr2] {
    margin-block-start: var(--space-2xl);
}

.history-heading[b-29h4la3xr2] {
    align-items: flex-end;
    display: flex;
    justify-content: space-between;
    margin-block-end: var(--space-md);
}

.history-heading p[b-29h4la3xr2], .empty-state[b-29h4la3xr2] {
    color: var(--color-muted);
    margin: 0;
}

.table-scroll[b-29h4la3xr2] { overflow-x: auto; }

table[b-29h4la3xr2] {
    border-collapse: collapse;
    font-size: var(--text-sm);
    width: 100%;
}

th[b-29h4la3xr2], td[b-29h4la3xr2] {
    border-block-end: var(--rule-thin) solid var(--color-rule);
    padding: var(--space-md) var(--space-sm);
    text-align: left;
    vertical-align: top;
}

th[b-29h4la3xr2] { color: var(--color-muted); font-size: var(--text-xs); font-weight: 600; }

.status-badge[b-29h4la3xr2] {
    background: var(--color-accent-soft);
    border-radius: var(--radius-sm);
    color: var(--color-accent-strong);
    display: inline-block;
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    padding: var(--space-xs) var(--space-sm);
}

.status-delivered[b-29h4la3xr2], .status-read[b-29h4la3xr2], .status-received[b-29h4la3xr2] {
    background: var(--color-success-soft);
    color: var(--color-success);
}

.status-failed[b-29h4la3xr2] {
    background: var(--color-error-soft);
    color: var(--color-error);
}

@media (hover: hover) and (pointer: fine) {
    .primary-action:hover[b-29h4la3xr2] { transform: translateY(calc(var(--rule-thin) * -1)); }
    .secondary-action:hover[b-29h4la3xr2], .control:hover[b-29h4la3xr2] { background: var(--color-surface-muted); }
}

@media (max-width: 40rem) {
    .workspace-header[b-29h4la3xr2], .panel-heading[b-29h4la3xr2] { align-items: flex-start; flex-direction: column; }
    .tenant-strip[b-29h4la3xr2], .form-grid[b-29h4la3xr2], .template-parameters[b-29h4la3xr2] { grid-template-columns: minmax(0, 1fr); }
    .template-toolbar[b-29h4la3xr2] { align-items: stretch; grid-template-columns: minmax(0, 1fr); }
    .history-heading[b-29h4la3xr2] { align-items: flex-start; flex-direction: column; gap: var(--space-md); }
}

@media (prefers-reduced-motion: reduce) {
    .primary-action[b-29h4la3xr2], .secondary-action[b-29h4la3xr2] { transition-duration: var(--dur-reduced); }
}
/* /Components/Pages/Onboarding.razor.rz.scp.css */
/* Hallmark · macrostructure: Guided Connection · tone: modern-minimal · anchor hue: cobalt · pre-emit critique: P5 H5 E5 S5 R5 V4 */

.configuration-header[b-pg2iameaz7] {
    margin-block-end: var(--space-xl);
    max-width: 65ch;
}

.configuration-header p[b-pg2iameaz7] {
    color: var(--color-muted);
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    margin: 0 0 var(--space-xs);
}

.configuration-header h1[b-pg2iameaz7] {
    font-family: var(--font-display);
    font-size: var(--text-3xl);
    letter-spacing: -.035em;
    margin: 0 0 var(--space-sm);
    min-width: 0;
    overflow-wrap: anywhere;
}

.configuration-panel[b-pg2iameaz7] {
    background: var(--color-surface);
    border: var(--rule-thin) solid var(--color-rule);
    border-radius: var(--radius-md);
    margin-block-end: var(--space-lg);
    padding: clamp(var(--space-lg), 4vw, var(--space-xl));
}

.number-summary[b-pg2iameaz7] {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.number-summary div[b-pg2iameaz7],
.field[b-pg2iameaz7],
.connection-card > div[b-pg2iameaz7] {
    display: grid;
    gap: var(--space-xs);
}

.number-summary span[b-pg2iameaz7],
.field .helper[b-pg2iameaz7],
.connection-card span[b-pg2iameaz7] {
    color: var(--color-muted);
    font-size: var(--text-xs);
}

.field[b-pg2iameaz7] {
    margin-block: var(--space-lg);
}

.control[b-pg2iameaz7] {
    border: var(--rule-thin) solid var(--color-rule-strong);
    min-height: var(--control-height);
    padding: var(--space-sm);
}

.connection-list[b-pg2iameaz7] {
    display: grid;
    gap: var(--space-md);
    grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
}

.connection-card[b-pg2iameaz7] {
    border: var(--rule-thin) solid var(--color-rule);
    border-radius: var(--radius-sm);
    display: grid;
    gap: var(--space-md);
    padding: var(--space-md);
}

@media (max-width: 40rem) {
    .number-summary[b-pg2iameaz7] {
        align-items: flex-start;
        flex-direction: column;
        gap: var(--space-md);
    }

    .connection-list[b-pg2iameaz7] {
        grid-template-columns: minmax(0, 1fr);
    }
}

.connection-card dl[b-pg2iameaz7] {
    display: grid;
    font-size: var(--text-sm);
    gap: var(--space-xs) var(--space-md);
    grid-template-columns: max-content minmax(0, 1fr);
    margin: 0;
}

.connection-card dt[b-pg2iameaz7] {
    color: var(--color-muted);
    font-weight: 400;
}

.connection-card dd[b-pg2iameaz7] {
    margin: 0;
    overflow-wrap: anywhere;
}

.billing-step[b-pg2iameaz7] {
    border-block-start: var(--rule-thin) solid var(--color-rule);
    display: grid;
    gap: var(--space-md);
    padding-block-start: var(--space-md);
}

.billing-step p[b-pg2iameaz7],
.billing-step ol[b-pg2iameaz7] {
    margin: 0;
}

.billing-step ol[b-pg2iameaz7] {
    color: var(--color-muted);
    display: grid;
    gap: var(--space-xs);
    padding-inline-start: var(--space-lg);
}

.billing-action[b-pg2iameaz7] {
    justify-self: start;
}

.billing-step .helper[b-pg2iameaz7] {
    color: var(--color-muted);
    font-size: var(--text-xs);
}

.success-panel[b-pg2iameaz7] {
    background: var(--color-success-soft);
    border-color: var(--color-success);
}

.success-panel p[b-pg2iameaz7] {
    margin-block-end: 0;
}

.error-panel[b-pg2iameaz7],
.save-result.is-error[b-pg2iameaz7] {
    background: var(--color-error-soft);
    border: var(--rule-thin) solid var(--color-error);
    color: var(--color-error);
    padding: var(--space-md);
}
/* /Components/Pages/Templates.razor.rz.scp.css */
/* Hallmark · macrostructure: Catalogue Workshop · tone: modern-minimal · anchor hue: cobalt */

.templates-header[b-wiejvmfnkd], .section-heading[b-wiejvmfnkd] {
    align-items: flex-end;
    display: flex;
    justify-content: space-between;
}

.templates-header[b-wiejvmfnkd] { margin-block-end: var(--space-xl); }
.synchronization-controls[b-wiejvmfnkd] {
    align-items: end;
    display: grid;
    gap: var(--space-sm);
    grid-template-columns: minmax(12rem, auto) auto;
}

.synchronization-controls label[b-wiejvmfnkd] {
    color: var(--color-muted);
    font-size: var(--text-xs);
    grid-column: 1 / -1;
}
.context-line[b-wiejvmfnkd] { color: var(--color-muted); font-family: var(--font-mono); font-size: var(--text-xs); margin: 0 0 var(--space-xs); }
h1[b-wiejvmfnkd] {
    font-family: var(--font-display);
    font-size: var(--text-3xl);
    font-style: normal;
    letter-spacing: -.035em;
    margin: 0;
    min-width: 0;
    overflow-wrap: anywhere;
}
.templates-layout[b-wiejvmfnkd] { display: grid; gap: var(--space-xl); grid-template-columns: minmax(0, 1fr) minmax(20rem, .8fr); }
.template-list-panel[b-wiejvmfnkd], .template-create-panel[b-wiejvmfnkd] {
    background: var(--color-surface);
    border: var(--rule-thin) solid var(--color-rule);
    border-radius: var(--radius-md);
    padding: var(--space-lg);
}
.section-heading[b-wiejvmfnkd] { border-block-end: var(--rule-thin) solid var(--color-rule); margin-block-end: var(--space-md); padding-block-end: var(--space-md); }
.section-heading h2[b-wiejvmfnkd] { margin: 0; }
.section-heading span[b-wiejvmfnkd], .helper[b-wiejvmfnkd] { color: var(--color-muted); font-size: var(--text-xs); }
.template-row[b-wiejvmfnkd] { border-block-end: var(--rule-thin) solid var(--color-rule); display: grid; gap: var(--space-sm); padding-block: var(--space-md); }
.template-row > div[b-wiejvmfnkd] { display: grid; }
.template-row span[b-wiejvmfnkd], .template-row footer[b-wiejvmfnkd] { color: var(--color-muted); font-size: var(--text-xs); }
.template-row p[b-wiejvmfnkd] { margin: 0; white-space: pre-wrap; }
.template-status[b-wiejvmfnkd] { font-family: var(--font-mono); justify-self: start; }
.status-approved[b-wiejvmfnkd] { color: var(--color-success) !important; }
.status-rejected[b-wiejvmfnkd] { color: var(--color-error) !important; }
.pending-note[b-wiejvmfnkd] {
    background: var(--color-surface-muted);
    border-radius: var(--radius-sm);
    color: var(--color-muted);
    padding: var(--space-sm);
}
.field[b-wiejvmfnkd] { display: grid; gap: var(--space-sm); margin-block-end: var(--space-md); }
.form-grid[b-wiejvmfnkd] { display: grid; gap: var(--space-md); grid-template-columns: repeat(2, minmax(0, 1fr)); }
.control[b-wiejvmfnkd] {
    border-radius: var(--radius-sm);
    min-height: var(--control-height);
    padding-inline: var(--space-md);
    width: 100%;
}
.body-control[b-wiejvmfnkd] { min-height: 9rem; padding-block: var(--space-md); resize: vertical; }
.template-alert[b-wiejvmfnkd] { background: var(--color-success-soft); border-inline-start: var(--rule-accent) solid var(--color-success); margin-block-end: var(--space-md); padding: var(--space-md); }
.template-alert.is-error[b-wiejvmfnkd] { background: var(--color-error-soft); border-color: var(--color-error); }

@media (max-width: 64rem) {
    .templates-layout[b-wiejvmfnkd] { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 40rem) {
    .templates-header[b-wiejvmfnkd] { align-items: flex-start; flex-direction: column; gap: var(--space-md); }
    .synchronization-controls[b-wiejvmfnkd] { grid-template-columns: minmax(0, 1fr); width: 100%; }
    .synchronization-controls label[b-wiejvmfnkd] { grid-column: auto; }
    .form-grid[b-wiejvmfnkd] { grid-template-columns: minmax(0, 1fr); }
}
/* /Components/Pages/Tenants.razor.rz.scp.css */
/* Hallmark · macrostructure: Administrative Ledger · tone: modern-minimal · anchor hue: cobalt
 * pre-emit critique: P5 H5 E5 S5 R5 V4
 */

.configuration-header[b-0dyaaa2qud] {
    margin-block-end: var(--space-xl);
    max-width: 65ch;
}

.configuration-header p[b-0dyaaa2qud] {
    color: var(--color-muted);
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    margin: 0 0 var(--space-xs);
}

.configuration-header h1[b-0dyaaa2qud] {
    font-family: var(--font-display);
    font-size: var(--text-3xl);
    font-style: normal;
    letter-spacing: -.035em;
    margin: 0 0 var(--space-sm);
    min-width: 0;
    overflow-wrap: anywhere;
}

.configuration-header > span[b-0dyaaa2qud] {
    color: var(--color-muted);
}

.configuration-panel[b-0dyaaa2qud] {
    background: var(--color-surface);
    border: var(--rule-thin) solid var(--color-rule);
    border-radius: var(--radius-md);
    color: var(--color-ink);
    margin-block-end: var(--space-lg);
    padding: clamp(var(--space-lg), 4vw, var(--space-xl));
}

.panel-heading[b-0dyaaa2qud] {
    align-items: end;
    border-block-end: var(--rule-thin) solid var(--color-rule);
    display: flex;
    justify-content: space-between;
    margin-block-end: var(--space-lg);
    padding-block-end: var(--space-md);
}

.panel-heading h2[b-0dyaaa2qud] {
    font-family: var(--font-display);
    font-style: normal;
    margin: 0 0 var(--space-xs);
}

.panel-heading p[b-0dyaaa2qud] {
    color: var(--color-muted);
    margin: 0;
}

.tenant-form-grid[b-0dyaaa2qud] {
    display: grid;
    gap: var(--space-lg);
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.field[b-0dyaaa2qud] {
    align-content: start;
    display: grid;
    gap: var(--space-sm);
    min-width: 0;
}

.field label[b-0dyaaa2qud] {
    font-size: var(--text-sm);
    font-weight: 650;
}

.helper[b-0dyaaa2qud] {
    color: var(--color-muted);
    font-size: var(--text-xs);
    min-height: 1lh;
}

.control[b-0dyaaa2qud] {
    background: var(--color-paper);
    border: var(--rule-thin) solid var(--color-rule-strong);
    border-radius: var(--radius-sm);
    color: var(--color-ink);
    min-height: var(--control-height);
    min-width: 0;
    outline: var(--rule-focus) solid transparent;
    outline-offset: var(--rule-thin);
    padding-inline: var(--space-md);
    width: 100%;
}

.control:focus-visible[b-0dyaaa2qud] {
    outline-color: var(--color-focus);
}

.control:disabled[b-0dyaaa2qud] {
    color: var(--color-muted);
    cursor: not-allowed;
    opacity: .55;
}

.control.invalid[b-0dyaaa2qud] {
    border-color: var(--color-error);
}

.form-actions[b-0dyaaa2qud] {
    display: flex;
    justify-content: flex-end;
    margin-block-start: var(--space-lg);
}

.primary-action[b-0dyaaa2qud],
.secondary-action[b-0dyaaa2qud] {
    border-radius: var(--radius-sm);
    min-height: var(--control-height);
    padding-inline: var(--space-lg);
    white-space: nowrap;
}

.primary-action[b-0dyaaa2qud] {
    background: var(--color-accent);
    border: var(--rule-thin) solid var(--color-accent);
    color: var(--color-accent-ink);
}

.secondary-action[b-0dyaaa2qud] {
    background: var(--color-paper);
    border: var(--rule-thin) solid var(--color-rule-strong);
    color: var(--color-ink);
}

.primary-action:focus-visible[b-0dyaaa2qud],
.secondary-action:focus-visible[b-0dyaaa2qud] {
    outline: var(--rule-focus) solid var(--color-focus);
    outline-offset: var(--rule-focus);
}

.primary-action:active[b-0dyaaa2qud],
.secondary-action:active[b-0dyaaa2qud] {
    transform: translateY(var(--rule-thin));
}

.primary-action:disabled[b-0dyaaa2qud],
.secondary-action:disabled[b-0dyaaa2qud] {
    cursor: not-allowed;
    opacity: .55;
}

.number-summary[b-0dyaaa2qud] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding-block-end: var(--space-sm);
}

.number-summary div[b-0dyaaa2qud] {
    display: grid;
    gap: var(--space-xs);
}

.number-summary span[b-0dyaaa2qud] {
    color: var(--color-muted);
    font-size: var(--text-xs);
}

.tenant-list-panel[b-0dyaaa2qud] {
    padding-block: var(--space-md);
}

.tenant-row[b-0dyaaa2qud] {
    align-items: center;
    border-block-start: var(--rule-thin) solid var(--color-rule);
    display: grid;
    gap: var(--space-lg);
    grid-template-columns: minmax(15rem, 1fr) minmax(9rem, auto) auto;
    margin-inline: calc(var(--space-md) * -1);
    padding: var(--space-lg) var(--space-md);
}

.tenant-row.is-selected[b-0dyaaa2qud] {
    background: var(--color-surface-muted);
}

.tenant-identity[b-0dyaaa2qud] {
    display: grid;
    gap: var(--space-xs);
    min-width: 0;
}

.tenant-identity strong[b-0dyaaa2qud],
.tenant-identity span[b-0dyaaa2qud] {
    overflow-wrap: anywhere;
}

.tenant-identity span[b-0dyaaa2qud] {
    color: var(--color-muted);
    font-size: var(--text-sm);
}

.tenant-state[b-0dyaaa2qud] {
    display: flex;
    justify-content: flex-end;
}

.token-state[b-0dyaaa2qud] {
    background: var(--color-error-soft);
    border-radius: var(--radius-sm);
    color: var(--color-error);
    font-size: var(--text-xs);
    padding: var(--space-xs) var(--space-sm);
    white-space: nowrap;
}

.token-state.is-configured[b-0dyaaa2qud] {
    background: var(--color-success-soft);
    color: var(--color-success);
}

.tenant-actions[b-0dyaaa2qud] {
    display: flex;
    gap: var(--space-sm);
    justify-content: flex-end;
}

.api-key-row[b-0dyaaa2qud] {
    align-items: stretch;
    display: grid;
    gap: var(--space-sm);
    grid-template-columns: minmax(0, 1fr) auto;
}

.api-key-control[b-0dyaaa2qud] {
    font-family: var(--font-mono);
}

.field-error[b-0dyaaa2qud],
.save-result.is-error[b-0dyaaa2qud] {
    color: var(--color-error);
    font-size: var(--text-sm);
}

.selection-confirmation[b-0dyaaa2qud] {
    margin-block-start: var(--space-md);
}

.action-link[b-0dyaaa2qud] {
    display: inline-flex;
    text-decoration: none;
}

@media (hover: hover) and (pointer: fine) {
    .control:hover[b-0dyaaa2qud],
    .secondary-action:hover[b-0dyaaa2qud] {
        background: var(--color-surface-muted);
    }

    .primary-action:hover[b-0dyaaa2qud] {
        transform: translateY(calc(var(--rule-thin) * -1));
    }
}

@media (max-width: 58rem) {
    .tenant-form-grid[b-0dyaaa2qud] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tenant-row[b-0dyaaa2qud] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .tenant-actions[b-0dyaaa2qud] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 40rem) {
    .tenant-form-grid[b-0dyaaa2qud] {
        grid-template-columns: minmax(0, 1fr);
    }

    .form-actions[b-0dyaaa2qud],
    .tenant-actions[b-0dyaaa2qud],
    .tenant-state[b-0dyaaa2qud] {
        justify-content: stretch;
    }

    .primary-action[b-0dyaaa2qud],
    .secondary-action[b-0dyaaa2qud] {
        width: 100%;
    }

    .tenant-row[b-0dyaaa2qud] {
        align-items: start;
        grid-template-columns: minmax(0, 1fr);
    }

    .tenant-actions[b-0dyaaa2qud] {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }

    .api-key-row[b-0dyaaa2qud] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (prefers-reduced-motion: reduce) {
    .primary-action[b-0dyaaa2qud],
    .secondary-action[b-0dyaaa2qud] {
        transition-duration: var(--dur-reduced);
    }
}
/* /Components/Pages/WebhookTest.razor.rz.scp.css */
/* Hallmark · macrostructure: Split Test Bench · tone: modern-minimal · anchor hue: cobalt
 * pre-emit critique: P5 H5 E5 S5 R5 V5 · contrast: pass (40–41)
 */

.configuration-header[b-9lpfbzvlif] {
    margin-block-end: var(--space-xl);
    max-width: 65ch;
}

.configuration-header p[b-9lpfbzvlif] {
    color: var(--color-muted);
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    margin: 0 0 var(--space-xs);
}

.configuration-header h1[b-9lpfbzvlif] {
    font-family: var(--font-display);
    font-size: var(--text-3xl);
    font-style: normal;
    letter-spacing: -.035em;
    margin: 0 0 var(--space-sm);
    min-width: 0;
    overflow-wrap: anywhere;
}

.configuration-header > span[b-9lpfbzvlif] {
    color: var(--color-muted);
}

.endpoint-summary[b-9lpfbzvlif] {
    align-items: end;
    background: var(--color-surface);
    border: var(--rule-thin) solid var(--color-rule);
    border-radius: var(--radius-md);
    display: grid;
    gap: var(--space-md);
    grid-template-columns: minmax(0, 1fr) minmax(18rem, .75fr);
    margin-block-end: var(--space-lg);
    padding: var(--space-lg);
}

.endpoint-summary p[b-9lpfbzvlif] {
    color: var(--color-muted);
    margin: 0;
}

.number-summary[b-9lpfbzvlif] {
    align-items: center;
    display: flex;
    gap: var(--space-md);
    justify-content: space-between;
}

.number-summary div[b-9lpfbzvlif] {
    display: grid;
    gap: var(--space-xs);
    min-width: 0;
}

.number-summary div span[b-9lpfbzvlif] {
    color: var(--color-muted);
    font-size: var(--text-xs);
}

.number-summary strong[b-9lpfbzvlif] {
    font-family: var(--font-mono);
    overflow-wrap: anywhere;
}

.token-state[b-9lpfbzvlif] {
    background: var(--color-success-soft);
    border-radius: var(--radius-sm);
    color: var(--color-success);
    font-size: var(--text-xs);
    padding: var(--space-xs) var(--space-sm);
    white-space: nowrap;
}

.webhook-workspace[b-9lpfbzvlif] {
    align-items: start;
    display: grid;
    gap: var(--space-lg);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.configuration-panel[b-9lpfbzvlif] {
    background: var(--color-surface);
    border: var(--rule-thin) solid var(--color-rule);
    border-radius: var(--radius-md);
    color: var(--color-ink);
    min-width: 0;
    padding: clamp(var(--space-lg), 4vw, var(--space-xl));
}

.panel-heading[b-9lpfbzvlif] {
    align-items: start;
    border-block-end: var(--rule-thin) solid var(--color-rule);
    display: flex;
    gap: var(--space-md);
    justify-content: space-between;
    margin-block-end: var(--space-lg);
    padding-block-end: var(--space-md);
}

.panel-heading h2[b-9lpfbzvlif] {
    font-family: var(--font-display);
    font-style: normal;
    margin: 0 0 var(--space-xs);
    min-width: 0;
    overflow-wrap: anywhere;
}

.panel-heading p[b-9lpfbzvlif] {
    color: var(--color-muted);
    margin: 0;
}

.step-marker[b-9lpfbzvlif] {
    color: var(--color-muted);
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    line-height: 1;
    padding-block-start: var(--space-sm);
}

.field[b-9lpfbzvlif] {
    display: grid;
    gap: var(--space-sm);
    margin-block-end: var(--space-lg);
    min-width: 0;
}

.field label[b-9lpfbzvlif] {
    font-size: var(--text-sm);
    font-weight: 650;
}

.helper[b-9lpfbzvlif] {
    color: var(--color-muted);
    font-size: var(--text-xs);
    min-height: 1lh;
}

.control[b-9lpfbzvlif] {
    background: var(--color-paper);
    border: var(--rule-thin) solid var(--color-rule-strong);
    border-radius: var(--radius-sm);
    color: var(--color-ink);
    min-height: var(--control-height);
    min-width: 0;
    outline: var(--rule-focus) solid transparent;
    outline-offset: var(--rule-thin);
    padding-inline: var(--space-md);
    width: 100%;
}

.message-control[b-9lpfbzvlif] {
    padding-block: var(--space-md);
    resize: vertical;
}

.control:focus-visible[b-9lpfbzvlif] {
    outline-color: var(--color-focus);
}

.control:disabled[b-9lpfbzvlif] {
    color: var(--color-muted);
    cursor: not-allowed;
    opacity: .55;
}

.panel-actions[b-9lpfbzvlif] {
    align-items: center;
    display: flex;
    justify-content: flex-end;
}

.primary-action[b-9lpfbzvlif],
.secondary-action[b-9lpfbzvlif] {
    border-radius: var(--radius-sm);
    min-height: var(--control-height);
    padding-inline: var(--space-lg);
    white-space: nowrap;
}

.primary-action[b-9lpfbzvlif] {
    background: var(--color-accent);
    border: var(--rule-thin) solid var(--color-accent);
    color: var(--color-accent-ink);
}

.secondary-action[b-9lpfbzvlif] {
    background: var(--color-paper);
    border: var(--rule-thin) solid var(--color-rule-strong);
    color: var(--color-ink);
}

.primary-action:focus-visible[b-9lpfbzvlif],
.secondary-action:focus-visible[b-9lpfbzvlif] {
    outline: var(--rule-focus) solid var(--color-focus);
    outline-offset: var(--rule-focus);
}

.primary-action:active[b-9lpfbzvlif],
.secondary-action:active[b-9lpfbzvlif] {
    transform: translateY(var(--rule-thin));
}

.primary-action:disabled[b-9lpfbzvlif],
.secondary-action:disabled[b-9lpfbzvlif] {
    cursor: not-allowed;
    opacity: .55;
}

.empty-state[b-9lpfbzvlif] {
    background: var(--color-surface-muted);
    border-radius: var(--radius-sm);
    display: grid;
    gap: var(--space-xs);
    padding: var(--space-lg);
}

.empty-state span[b-9lpfbzvlif] {
    color: var(--color-muted);
    font-size: var(--text-sm);
}

.save-result[b-9lpfbzvlif] {
    background: var(--color-success-soft);
    border: var(--rule-thin) solid var(--color-success);
    border-radius: var(--radius-sm);
    color: var(--color-success);
    margin-block-start: var(--space-lg);
    padding: var(--space-md);
}

.save-result.is-error[b-9lpfbzvlif],
.error-panel[b-9lpfbzvlif] {
    background: var(--color-error-soft);
    border-color: var(--color-error);
    color: var(--color-error);
}

@media (hover: hover) and (pointer: fine) {
    .control:hover[b-9lpfbzvlif],
    .secondary-action:hover[b-9lpfbzvlif] {
        background: var(--color-surface-muted);
    }

    .primary-action:hover[b-9lpfbzvlif] {
        transform: translateY(calc(var(--rule-thin) * -1));
    }
}

@media (max-width: 52rem) {
    .endpoint-summary[b-9lpfbzvlif],
    .webhook-workspace[b-9lpfbzvlif] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 40rem) {
    .number-summary[b-9lpfbzvlif] {
        align-items: flex-start;
        flex-direction: column;
    }

    .panel-actions[b-9lpfbzvlif] {
        justify-content: stretch;
    }

    .primary-action[b-9lpfbzvlif],
    .secondary-action[b-9lpfbzvlif] {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .primary-action[b-9lpfbzvlif],
    .secondary-action[b-9lpfbzvlif] {
        transition-duration: var(--dur-reduced);
    }
}