/* /Components/Layout/AreaContextIndicator.razor.rz.scp.css */
.area-context[b-xb8dp17kp1] {
    --context-color: var(--color-client-demo);
    align-items: center;
    display: flex;
    gap: var(--space-sm);
    margin-inline-end: auto;
    min-width: 0;
}

.provider-context[b-xb8dp17kp1] {
    --context-color: var(--color-provider);
}

.software-house-context[b-xb8dp17kp1] {
    --context-color: var(--color-software-house);
}

.client-demo-context[b-xb8dp17kp1] {
    --context-color: var(--color-client-demo);
}

.context-marker[b-xb8dp17kp1] {
    background: var(--context-color);
    border-radius: var(--radius-round);
    height: .75rem;
    width: .75rem;
}

.area-context div[b-xb8dp17kp1] {
    display: grid;
    min-width: 0;
}

.area-context small[b-xb8dp17kp1] {
    color: var(--color-muted);
    font-family: var(--font-mono);
    font-size: var(--text-xs);
}

.area-context strong[b-xb8dp17kp1] {
    color: var(--color-ink);
    font-family: var(--font-display);
    font-size: var(--text-sm);
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* Il layout dello shell (.page/.sidebar/main/.content) e i colori di sidebar/top-row vivono ora
   in wwwroot/app.css (sezione "Messivo — shell", Fase 1): qui restava questo file scoped
   originale, mai ripulito, con `.content{max-width:76rem;margin-inline:auto;...}` che centrava e
   limitava la larghezza del contenuto — causa reale del bug "l'inbox non occupa tutto lo spazio"
   segnalato dall'utente. Tenuto solo #blazor-error-ui, che non c'entra con lo shell. */

#blazor-error-ui[b-dpzb74lwbs] {
    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-dpzb74lwbs] {
    margin-inline-start: var(--space-md);
}

#blazor-error-ui .dismiss[b-dpzb74lwbs] {
    cursor: pointer;
    position: absolute;
    right: var(--space-md);
    top: var(--space-sm);
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
/* Hallmark · navigation: Three-Scope Operations Tree · tone: modern-minimal
 * pre-emit critique: P5 H5 E4 S5 R5 V5 · contrast: pass
 */

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

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

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

.navbar-brand img[b-0smv0abfpm] {
    display: block;
    height: 22px;
    width: auto;
}

.brand-block span[b-0smv0abfpm] {
    color: var(--color-sidebar-muted);
    font-family: var(--font-mono);
    font-size: var(--text-xs);
}

.navbar-toggler[b-0smv0abfpm] {
    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-sidebar-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-0smv0abfpm] {
    outline: var(--rule-focus) solid var(--color-focus);
    outline-offset: var(--rule-focus);
}

.navbar-toggler:checked[b-0smv0abfpm] {
    background-color: var(--color-sidebar-rule);
}

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

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

.nav-tree[b-0smv0abfpm] {
    display: grid;
    gap: var(--space-lg);
}

.nav-area[b-0smv0abfpm] {
    --area-color: var(--color-accent);
    --area-soft: var(--color-accent-soft);
    border-inline-start: var(--rule-accent) solid var(--area-color);
    display: grid;
    gap: var(--space-xs);
    padding-inline-start: var(--space-sm);
}

.provider-area[b-0smv0abfpm] {
    --area-color: var(--color-provider);
    --area-soft: var(--color-provider-soft);
}

.software-house-area[b-0smv0abfpm] {
    --area-color: var(--color-software-house);
    --area-soft: var(--color-software-house-soft);
}

.client-demo-area[b-0smv0abfpm] {
    --area-color: var(--msv-accent);
    --area-soft: var(--msv-accent-soft);
}

.nav-area header[b-0smv0abfpm] {
    align-items: center;
    display: flex;
    gap: var(--space-sm);
    margin-block-end: var(--space-xs);
    min-width: 0;
    padding: var(--space-xs) var(--space-sm);
}

.area-marker[b-0smv0abfpm] {
    background: var(--area-color);
    border-radius: var(--radius-round);
    flex: 0 0 auto;
    height: .625rem;
    width: .625rem;
}

.nav-area header div[b-0smv0abfpm] {
    display: grid;
    min-width: 0;
}

.nav-area header strong[b-0smv0abfpm] {
    color: var(--color-paper);
    font-family: var(--font-display);
    font-size: var(--text-sm);
    letter-spacing: .015em;
}

.nav-area header small[b-0smv0abfpm] {
    color: var(--color-sidebar-muted);
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    text-transform: uppercase;
}

.nav-area[b-0smv0abfpm]  .nav-link {
    align-items: center;
    background: transparent;
    border: var(--rule-thin) solid transparent;
    border-radius: var(--radius-sm);
    color: var(--color-sidebar-muted);
    display: flex;
    font-size: var(--text-sm);
    min-height: 2.25rem;
    padding-inline: var(--space-sm);
    text-decoration: none;
    white-space: nowrap;
    width: 100%;
}

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

.nav-area[b-0smv0abfpm]  a.active {
    background: var(--area-soft);
    border-color: var(--area-color);
    color: var(--color-ink);
    font-weight: 650;
}

@media (hover: hover) and (pointer: fine) {
    .nav-area[b-0smv0abfpm]  .nav-link:hover {
        background: var(--color-sidebar-hover);
        color: var(--color-paper);
    }

    .nav-area[b-0smv0abfpm]  a.active:hover {
        background: var(--area-soft);
        color: var(--color-ink);
    }
}

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

    .nav-scrollable[b-0smv0abfpm] {
        display: block;
        height: calc(100vh - 4.75rem);
        overflow-y: auto;
    }
}
/* /Components/Layout/PortalUserIndicator.razor.rz.scp.css */
.portal-user[b-8j0ftv51tv] {
    border-inline-start: var(--rule-thin) solid var(--color-rule);
    display: grid;
    line-height: 1.2;
    padding-inline-start: var(--space-md);
    text-align: right;
}

.portal-user span[b-8j0ftv51tv] {
    color: var(--color-muted);
    font-size: var(--text-xs);
}

.portal-user strong[b-8j0ftv51tv] {
    color: var(--color-ink);
    font-family: var(--font-display);
    font-size: var(--text-sm);
}

@media (max-width: 40rem) {
    .portal-user[b-8j0ftv51tv] {
        border-inline-start: 0;
        padding-inline-start: 0;
        text-align: left;
    }
}
/* /Components/Layout/PublicLayout.razor.rz.scp.css */
.public-document-shell[b-uj7e222xbf] {
    min-height: 100vh;
    background: var(--color-paper);
    color: var(--color-ink);
}

.public-document-header[b-uj7e222xbf],
.public-document-footer[b-uj7e222xbf] {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 1.25rem clamp(1.25rem, 5vw, 5rem);
}

.public-document-header[b-uj7e222xbf] {
    border-bottom: 1px solid var(--color-line);
}

.public-document-brand[b-uj7e222xbf] {
    color: var(--color-ink);
    font-family: var(--font-display);
    font-size: 1.25rem;
    font-weight: 700;
    text-decoration: none;
}

.public-document-header span[b-uj7e222xbf],
.public-document-footer[b-uj7e222xbf],
.public-document-footer a[b-uj7e222xbf] {
    color: var(--color-muted);
}

.public-document-content[b-uj7e222xbf] {
    margin: 0 auto;
    max-width: 900px;
    padding: clamp(2rem, 6vw, 5rem) 1.25rem;
}

.public-document-content h1[b-uj7e222xbf] {
    font-size: clamp(2rem, 5vw, 3.5rem);
    margin-bottom: .75rem;
}

.public-document-content h2[b-uj7e222xbf] {
    font-size: 1.35rem;
    margin-top: 2rem;
}

.public-document-content p[b-uj7e222xbf],
.public-document-content li[b-uj7e222xbf] {
    line-height: 1.7;
}

.public-document-footer[b-uj7e222xbf] {
    border-top: 1px solid var(--color-line);
    flex-wrap: wrap;
    justify-content: flex-start;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-5k7iulel0p],
.components-reconnect-repeated-attempt-visible[b-5k7iulel0p],
.components-reconnect-failed-visible[b-5k7iulel0p],
.components-pause-visible[b-5k7iulel0p],
.components-resume-failed-visible[b-5k7iulel0p],
.components-rejoining-animation[b-5k7iulel0p] {
    display: none;
}

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


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

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

}

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

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

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

@keyframes components-reconnect-modal-fadeInOpacity-b-5k7iulel0p {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-5k7iulel0p {
    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/Contacts.razor.rz.scp.css */
.contacts-toolbar[b-wphchngz93] {
    align-items: end;
    display: flex;
    gap: var(--space-lg);
    justify-content: space-between;
    margin-block-end: var(--space-lg);
}

.contacts-toolbar .field[b-wphchngz93] {
    max-width: 30rem;
    width: 100%;
}

.contacts-list[b-wphchngz93] {
    border-block-end: var(--rule-thin) solid var(--color-rule);
}

.contact-row[b-wphchngz93] {
    align-items: center;
    border-block-start: var(--rule-thin) solid var(--color-rule);
    display: flex;
    gap: var(--space-lg);
    justify-content: space-between;
    padding-block: var(--space-md);
}

.contact-row div[b-wphchngz93],
.contact-editor > div:first-child[b-wphchngz93] {
    display: grid;
    gap: var(--space-xs);
}

.contact-row span[b-wphchngz93],
.contact-row small[b-wphchngz93],
.contact-editor span[b-wphchngz93] {
    color: var(--color-muted);
}

.contact-editor[b-wphchngz93] {
    display: grid;
    gap: var(--space-lg);
    grid-template-columns: minmax(12rem, .7fr) minmax(16rem, 1.3fr);
}

.contact-editor .form-actions[b-wphchngz93] {
    grid-column: 1 / -1;
}

@media (max-width: 40rem) {
    .contacts-toolbar[b-wphchngz93],
    .contact-row[b-wphchngz93] {
        align-items: stretch;
        flex-direction: column;
    }

    .contact-editor[b-wphchngz93] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/Conversations.razor.rz.scp.css */
/* Hallmark · macrostructure: Conversation Desk · tone: modern-minimal · anchor hue: cobalt */

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

.conversation-header[b-o962nevngn] { margin-block-end: var(--space-xl); }
.conversation-section-heading[b-o962nevngn] {
    align-items: flex-end;
    display: flex;
    justify-content: space-between;
    margin-block: var(--space-2xl) var(--space-md);
}

.conversation-section-heading h2[b-o962nevngn] {
    font-family: var(--font-display);
    margin: 0;
}

.conversation-section-heading p[b-o962nevngn] {
    color: var(--color-muted);
    margin: var(--space-xs) 0 0;
}
.conversation-search[b-o962nevngn] {
    display: grid;
    gap: var(--space-xs);
    margin-block-end: var(--space-md);
    max-width: 28rem;
}

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

.conversation-search input[b-o962nevngn],
.contact-editor input[b-o962nevngn] {
    border: var(--rule-thin) solid var(--color-rule-strong);
    min-height: var(--control-height);
    padding-inline: var(--space-md);
}
.context-line[b-o962nevngn] { color: var(--color-muted); font-family: var(--font-mono); font-size: var(--text-xs); margin: 0 0 var(--space-xs); }
h1[b-o962nevngn] {
    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-o962nevngn] {
    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-o962nevngn] { border-inline-end: var(--rule-thin) solid var(--color-rule); }
.conversation-item[b-o962nevngn] {
    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-o962nevngn] { background: var(--color-accent-soft); }
.conversation-item:focus-visible[b-o962nevngn],
.text-action:focus-visible[b-o962nevngn],
.status-history-toggle:focus-visible[b-o962nevngn],
.template-reply-composer summary:focus-visible[b-o962nevngn],
.attachment-composer summary:focus-visible[b-o962nevngn] {
    outline: var(--rule-focus) solid var(--color-focus);
    outline-offset: calc(var(--rule-focus) * -1);
}
.conversation-contact[b-o962nevngn] { font-weight: 650; }
.conversation-label[b-o962nevngn] { color: var(--color-muted); font-size: var(--text-xs); }
.conversation-channel[b-o962nevngn] { color: var(--color-accent); font-weight: 650; }
.conversation-number[b-o962nevngn] { color: var(--color-muted); font-size: var(--text-xs); }
.conversation-meta[b-o962nevngn] { color: var(--color-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.conversation-meta[b-o962nevngn] { font-size: var(--text-xs); }
.service-window[b-o962nevngn] { font-size: var(--text-xs); }
.service-window.is-open[b-o962nevngn] { color: var(--color-success); }
.service-window.is-closed[b-o962nevngn] { color: var(--color-error); }
.message-thread[b-o962nevngn] { background: var(--color-surface); min-width: 0; padding: var(--space-lg); }
.thread-heading[b-o962nevngn] { border-block-end: var(--rule-thin) solid var(--color-rule); padding-block-end: var(--space-md); }
.thread-heading div[b-o962nevngn] { display: grid; gap: var(--space-xs); }
.thread-heading .contact-heading[b-o962nevngn] {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-sm);
}

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

.text-action[b-o962nevngn] {
    background: transparent;
    border: 0;
    color: var(--color-accent);
    cursor: pointer;
    padding: 0;
}
.thread-heading span[b-o962nevngn], .thread-placeholder[b-o962nevngn] { color: var(--color-muted); font-size: var(--text-sm); }
.thread-status[b-o962nevngn] { align-items: end; text-align: right; }
.message-list[b-o962nevngn] { display: grid; gap: var(--space-md); padding-block-start: var(--space-lg); }
.message-bubble[b-o962nevngn] {
    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-o962nevngn] { background: var(--color-accent-soft); justify-self: end; }
.message-bubble p[b-o962nevngn] { margin: var(--space-xs) 0; white-space: pre-wrap; }
.message-bubble footer[b-o962nevngn], .message-kind[b-o962nevngn] { color: var(--color-muted); font-size: var(--text-xs); }
.status-history-toggle[b-o962nevngn] {
    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-o962nevngn] {
    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-o962nevngn] {
    display: grid;
    gap: var(--space-xs);
    list-style: none;
    margin: 0;
    padding: 0;
}

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

.status-history li span[b-o962nevngn] { grid-column: 1 / -1; }
.status-history-error[b-o962nevngn] { color: var(--color-error); }
.reply-composer[b-o962nevngn] {
    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-o962nevngn] { font-weight: 650; }
.template-reply-composer summary[b-o962nevngn] {
    color: var(--color-accent);
    cursor: pointer;
    font-weight: 650;
}
.reply-composer textarea[b-o962nevngn],
.reply-composer select[b-o962nevngn] {
    border: var(--rule-thin) solid var(--color-rule-strong);
    border-radius: var(--radius-sm);
    padding: var(--space-sm);
    width: 100%;
}

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

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

.reply-actions span[b-o962nevngn] { color: var(--color-muted); font-size: var(--text-xs); }
.reply-error[b-o962nevngn] { color: var(--color-error); margin: 0; }
.attachment-composer[b-o962nevngn] {
    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-o962nevngn] {
    color: var(--color-accent);
    cursor: pointer;
    font-weight: 650;
}

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

.attachment-hint[b-o962nevngn] {
    color: var(--color-muted);
    font-size: var(--text-xs);
}
.conversation-error[b-o962nevngn], .empty-conversations[b-o962nevngn] {
    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-section-heading[b-o962nevngn] {
        align-items: flex-start;
        flex-direction: column;
        gap: var(--space-md);
    }
    .conversation-layout[b-o962nevngn] { grid-template-columns: minmax(0, 1fr); }
    .conversation-list[b-o962nevngn] { border-inline-end: 0; }
    .message-thread[b-o962nevngn] { 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-jipyw5umbo], .panel-heading[b-jipyw5umbo], .field-meta[b-jipyw5umbo] {
    display: flex;
    justify-content: space-between;
    gap: var(--space-lg);
}

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

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

h1[b-jipyw5umbo] {
    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-jipyw5umbo] {
    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-jipyw5umbo] {
    background: var(--color-error);
    border-radius: var(--radius-round);
    height: var(--space-sm);
    width: var(--space-sm);
}

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

.tenant-strip[b-jipyw5umbo] {
    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-jipyw5umbo] {
    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);
}

.new-message-composer[b-jipyw5umbo] {
    margin-block-end: var(--space-xl);
}

.new-message-composer > summary[b-jipyw5umbo] {
    color: var(--color-accent);
    cursor: pointer;
    font-size: var(--text-xl);
    font-weight: 650;
    margin-block-end: var(--space-md);
}

.new-message-composer > summary:focus-visible[b-jipyw5umbo] {
    outline: var(--rule-focus) solid var(--color-focus);
    outline-offset: var(--rule-focus);
}

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

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

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

.workbench-panel[b-jipyw5umbo] {
    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-jipyw5umbo] {
    align-items: flex-start;
    margin-block-end: var(--space-xl);
}

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

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

.provider-badge[b-jipyw5umbo] {
    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-jipyw5umbo] {
    display: grid;
    gap: var(--space-lg);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

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

.control[b-jipyw5umbo] {
    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-jipyw5umbo] {
    min-height: 8rem;
    padding-block: var(--space-md);
    resize: vertical;
}

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

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

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

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

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

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

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

.result-panel[b-jipyw5umbo] {
    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-jipyw5umbo] { color: var(--color-muted); overflow-wrap: anywhere; }
.result-panel.is-error[b-jipyw5umbo], .error-panel[b-jipyw5umbo] { background: var(--color-error-soft); border-color: var(--color-error); }

.template-parameters[b-jipyw5umbo] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.template-toolbar[b-jipyw5umbo] { align-items: end; display: grid; gap: var(--space-md); grid-template-columns: minmax(0, 1fr) auto; }
.template-summary[b-jipyw5umbo] { 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-jipyw5umbo] { color: var(--color-muted); font-family: var(--font-mono); font-size: var(--text-xs); }
.template-summary p[b-jipyw5umbo] { margin: var(--space-sm) 0 0; white-space: pre-wrap; }

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

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

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

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

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

th[b-jipyw5umbo], td[b-jipyw5umbo] {
    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-jipyw5umbo] { color: var(--color-muted); font-size: var(--text-xs); font-weight: 600; }

.status-badge[b-jipyw5umbo] {
    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-jipyw5umbo], .status-read[b-jipyw5umbo], .status-received[b-jipyw5umbo] {
    background: var(--color-success-soft);
    color: var(--color-success);
}

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

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

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

@media (prefers-reduced-motion: reduce) {
    .primary-action[b-jipyw5umbo], .secondary-action[b-jipyw5umbo] { 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-br9qrntnw0] {
    margin-block-end: var(--space-xl);
    max-width: 65ch;
}

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

.configuration-header h1[b-br9qrntnw0] {
    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-br9qrntnw0] {
    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-br9qrntnw0] {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

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

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

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

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

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

.connection-card[b-br9qrntnw0] {
    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-br9qrntnw0] {
        align-items: flex-start;
        flex-direction: column;
        gap: var(--space-md);
    }

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

.connection-card dl[b-br9qrntnw0] {
    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-br9qrntnw0] {
    color: var(--color-muted);
    font-weight: 400;
}

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

.billing-step[b-br9qrntnw0] {
    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-br9qrntnw0],
.billing-step ol[b-br9qrntnw0] {
    margin: 0;
}

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

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

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

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

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

.admin-settings[b-br9qrntnw0] {
    margin-block-start: var(--space-xl);
}

.admin-settings > summary[b-br9qrntnw0] {
    color: var(--color-muted);
    cursor: pointer;
    font-size: var(--text-sm);
    margin-block-end: var(--space-md);
}

.admin-settings > summary:focus-visible[b-br9qrntnw0] {
    outline: var(--rule-focus) solid var(--color-focus);
    outline-offset: var(--rule-focus);
}

.error-panel[b-br9qrntnw0],
.save-result.is-error[b-br9qrntnw0] {
    background: var(--color-error-soft);
    border: var(--rule-thin) solid var(--color-error);
    color: var(--color-error);
    padding: var(--space-md);
}
/* /Components/Pages/TemplateManager.razor.rz.scp.css */
/* Vuoto di proposito: dal restyling Messivo (Fase 3) TemplateManager.razor usa le classi
   condivise .msv-*/.tpl-* definite in wwwroot/app.css[b-05ciuvm8np], non più stili isolati per-componente. */[b-05ciuvm8np]